@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700');
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../fonts/glyphicons/glyphicons-halflings-regular.eot');
  src: url('https://a-dzangeldina.edu.kz/wp-content/themes/library/assets/templates/ccsstemplate/fonts/glyphicons-halflings-regular.eot?iefix') format('eot'), url('../fonts/glyphicons/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons/glyphicons-halflings-regular.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
.polls-question {
  margin-bottom: 15px;
}
.polls-buttons {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
#kt .kt-login {
  display: none;
}
.sp-poll-result .progress-bar {
  padding: 5px;
}
.sp-poll-result .poll-info {
  margin-bottom: 8px;
}
.progress {
  margin-bottom: 20px;
}
.ccss-btn-polls {
    background: #169be6;
    border: none;
    padding: 10px 25px;
    color: #fff;
    border-radius: 6px;
    margin-right: 15px;
    cursor: pointer;
}
.ccss-btn-polls:hover {
    background: #01acc8;
}
.ccss-radio {
  margin-bottom: 10px;
}
.off-canvas-wrapper {
  width: 300px;
  height: 100vh;
  position: absolute;
  overflow-y: auto;
  transform: translateX(100%);
  background: #fff;
  z-index: 99;
  right: 0;
  display: none;
  transition: 0.3s ease-in-out;
}
.off-canvas-wrapper-opened {
  transform: translateX(0);
  display: block;
}
.body-wrapper-to-left {
  transform: translateX(-300px);
}
.body-no-overflow {
  overflow-y: hidden;
}
.galleries-list .galleries-item-image img {
  width: 100%;
}
.bvi-copy {
  display: none !important;
}
.directorsBlog__row {
  margin-bottom: 15px;
}
.directorsBlog__heading {
  font-size: 30px;
  font-weight: 600;
  color: #095b93;
}
.directorsBlog__hr {
  margin: 30px 0;
}
.directorsBlog__mainImage {
  width: 100%;
}
.directorsBlog__body {
  margin-bottom: 50px;
}
.directorsBlog__info__h2 {
  font-size: 20px;
  font-weight: 600;
  color: #095b93;
  text-transform: none;
  margin-bottom: 10px;
}
.directorsBlog__info__ul {
  list-style: none;
}
.directorsBlog__info__p {
  margin-bottom: 20px;
}
.pagination {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  -ms-align-items: center;
  align-items: center;
}
.pagination ul {
  list-style: none;
  display: flex;
  width: 320px;
  justify-content: space-between;
  margin-top: 10px;
}
.pagination ul li a {
  color: #1eadef;
}
.search .finderinput {
  width: 100%;
  border: none;
  padding: 8px;
  background: #f0efef;
  margin-bottom: 10px;
}
.search .finderbutton-wrapper {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: flex-end;
}
.search .finderbutton-wrapper .finderbutton {
  cursor: pointer;
  background: #0d5f99;
  border: none;
  padding: 5px 15px;
  color: #fff;
}
.search .searchintro {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: flex-end;
  margin-top: 10px;
}
#fwgallery .fwg-single-item-wrapper {
  background: transparent;
}
#fwgallery .fwg-single-item-wrapper img {
  width: 100%;
}
#fwgallery .fwg-image-info {
  color: #000;
}
#fwgallery .fwg-image-info h4 {
  color: #000;
}
.gallery_styles .gal_desc {
  margin-bottom: 15px;
}
.gallery_styles h2 {
  margin-bottom: 15px;
}
.gallery_styles .back_to_list {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
}
.gallery_styles .total_pics {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: flex-end;
}
.gallery_styles #fwgallery ul {
  padding: 15px 0;
  background: transparent;
}
.gallery_styles #fwgallery ul li {
  padding: 5px;
}
.chzn-container-single .chzn-single span {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.ccss-row {
  margin-bottom: 10px;
}
.only {
  margin-bottom: 10px;
}
#limit_chzn {
  width: 50px !important;
}
.finder-wrapper {
  margin-bottom: 50px;
}
.finder-wrapper .search form {
  position: relative;
}
.finder-wrapper .search form button {
  background: #0d5f99;
  position: absolute;
  top: 0;
  right: 0;
  border: none;
  width: 35px;
  height: 100%;
  cursor: pointer;
}
.finder-wrapper .search form button:after {
  content: '>';
  position: absolute;
  top: 7px;
  right: 13px;
  color: #fff;
}
.finder-wrapper .search form input {
  width: 100%;
  border: none;
  padding: 8px;
  background: #f0efef;
}
.moduletable h2 {
  text-transform: uppercase;
  border-bottom: 3px solid #e1e1e1;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
.moduletable .ccss-slides img {
  width: 100%;
}
.sidebar-menu ul li {
  list-style: none;
  margin: 2px 0;
}
.sidebar-menu ul li:first-child {
  margin-top: 0;
}
.sidebar-menu ul li:last-child {
  margin-bottom: 0;
}
.sidebar-menu ul li a {
  color: #fff;
  display: block;
  padding: 15px 12px;
  background: #65b4fe;
  text-decoration: none;
}
.sidebar-menu ul li a:hover {
  background: transparent;
  color: #000;
}
.lang-switcher {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
}
.lang-switcher .lang-switcher-ul {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
.lang-switcher .lang-switcher-ul li {
  list-style: none;
}
.lang-switcher .lang-switcher-ul li.lang-active {
  background: #169be6;
  text-decoration: none;
}
.lang-switcher .lang-switcher-ul li.lang-active a {
  color: #fff;
}
.lang-switcher .lang-switcher-ul li a {
  display: block;
  padding: 14px 25px 13px 25px;
  text-transform: uppercase;
}
.lang-switcher .lang-switcher-ul li a:hover {
  background: #169be6;
  text-decoration: none;
  color: #fff;
}
.image-link-slider {
  margin-bottom: 50px;
}
.itgrp-weather a {
  width: 100% !important;
}
.year25 {
  position: relative;
}
.year25:after {
  content: '';
  background: url(../images/svg/sidebar-icons/kazakhstan.svg) no-repeat center center;
  position: absolute;
  top: 50%;
  right: 8px;
  width: 30px;
  height: 30px;
  z-index: 99;
  transform: translateY(-50%);
}
.year25:hover:after {
  background: url(../images/svg/sidebar-icons/kazakhstan-inverted.svg) no-repeat center center;
}
.help {
  position: relative;
}
.help:after {
  content: '';
  background: url(../images/svg/sidebar-icons/question.svg) no-repeat center center;
  position: absolute;
  top: 50%;
  right: 8px;
  width: 30px;
  height: 30px;
  z-index: 99;
  transform: translateY(-50%);
}
.help:hover:after {
  background: url(../images/svg/sidebar-icons/question-inverted.svg) no-repeat center center;
}
.call {
  position: relative;
}
.call:after {
  content: '';
  background: url(../images/svg/sidebar-icons/winner.svg) no-repeat center center;
  position: absolute;
  top: 50%;
  right: 8px;
  width: 30px;
  height: 30px;
  z-index: 99;
  transform: translateY(-50%);
}
.call:hover:after {
  background: url(../images/svg/sidebar-icons/phone-call-inverted.svg) no-repeat center center;
}
.empty {
  position: relative;
}
.empty:after {
  content: '';
  background: url(../images/svg/sidebar-icons/question.svg) no-repeat center center;
  position: absolute;
  top: 50%;
  right: 8px;
  width: 30px;
  height: 30px;
  z-index: 99;
  transform: translateY(-50%);
}
.empty:hover:after {
  background: url(../images/svg/sidebar-icons/question-inverted.svg) no-repeat center center;
}
.empty {
  position: relative;
}
.empty:after {
  content: '';
  background: url(../images/svg/sidebar-icons/question.svg) no-repeat center center;
  position: absolute;
  top: 50%;
  right: 8px;
  width: 30px;
  height: 30px;
  z-index: 99;
  transform: translateY(-50%);
}
.empty:hover:after {
  background: url(../images/svg/sidebar-icons/question-inverted.svg) no-repeat center center;
}
.empty {
  position: relative;
}
.empty:after {
  content: '';
  background: url(../images/svg/sidebar-icons/question.svg) no-repeat center center;
  position: absolute;
  top: 50%;
  right: 8px;
  width: 30px;
  height: 30px;
  z-index: 99;
  transform: translateY(-50%);
}
.empty:hover:after {
  background: url(../images/svg/sidebar-icons/question-inverted.svg) no-repeat center center;
}
.empty {
  position: relative;
}
.empty:after {
  content: '';
  background: url(../images/svg/sidebar-icons/question.svg) no-repeat center center;
  position: absolute;
  top: 50%;
  right: 8px;
  width: 30px;
  height: 30px;
  z-index: 99;
  transform: translateY(-50%);
}
.empty:hover:after {
  background: url(../images/svg/sidebar-icons/question-inverted.svg) no-repeat center center;
}
.empty {
  position: relative;
}
.empty:after {
  content: '';
  background: url(../images/svg/sidebar-icons/question.svg) no-repeat center center;
  position: absolute;
  top: 50%;
  right: 8px;
  width: 30px;
  height: 30px;
  z-index: 99;
  transform: translateY(-50%);
}
.empty:hover:after {
  background: url(../images/svg/sidebar-icons/question-inverted.svg) no-repeat center center;
}
.empty {
  position: relative;
}
.empty:after {
  content: '';
  background: url(../images/svg/sidebar-icons/question.svg) no-repeat center center;
  position: absolute;
  top: 50%;
  right: 8px;
  width: 30px;
  height: 30px;
  z-index: 99;
  transform: translateY(-50%);
}
.empty:hover:after {
  background: url(../images/svg/sidebar-icons/question-inverted.svg) no-repeat center center;
}
.empty {
  position: relative;
}
.empty:after {
  content: '';
  background: url(../images/svg/sidebar-icons/question.svg) no-repeat center center;
  position: absolute;
  top: 50%;
  right: 8px;
  width: 30px;
  height: 30px;
  z-index: 99;
  transform: translateY(-50%);
}
.empty:hover:after {
  background: url(../images/svg/sidebar-icons/question-inverted.svg) no-repeat center center;
}
.empty {
  position: relative;
}
.empty:after {
  content: '';
  background: url(../images/svg/sidebar-icons/question.svg) no-repeat center center;
  position: absolute;
  top: 50%;
  right: 8px;
  width: 30px;
  height: 30px;
  z-index: 99;
  transform: translateY(-50%);
}
.empty:hover:after {
  background: url(../images/svg/sidebar-icons/question-inverted.svg) no-repeat center center;
}
.empty {
  position: relative;
}
.empty:after {
  content: '';
  background: url(../images/svg/sidebar-icons/question.svg) no-repeat center center;
  position: absolute;
  top: 50%;
  right: 8px;
  width: 30px;
  height: 30px;
  z-index: 99;
  transform: translateY(-50%);
}
.empty:hover:after {
  background: url(../images/svg/sidebar-icons/question-inverted.svg) no-repeat center center;
}
* {
  margin: 0;
  padding: 0;
  line-height: 1;
}
.st0 {
  fill: red;
}
a:active,
a:focus {
  outline: none;
}
a {
  color: #000000;
  text-decoration: none;
}
.visual-helper-btn {
  cursor: pointer;
}
.main-nav .main-nav-wrapper nav ul li.current a {
  color: #169be6;
}
.off-canvas-wrapper {
  padding: 35px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
}
.off-canvas-wrapper ul {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  width: 200px;
  list-style: none;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
}
.off-canvas-wrapper ul li a {
  display: block;
  padding: 10px 0;
}
.off-canvas-wrapper ul li ul {
  padding-left: 10px;
}
body {
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  font-weight: 300;
  overflow-x: hidden;
}
h2 {
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
}
a {
  color: #000000;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
.gov-links-bottom-slider-fixed .gov-slider-item-wrapper {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
}
.gov-links-bottom-slider-fixed .gov-slider-item-wrapper .gov-links-bottom-item {
  padding: 10px 40px;
}
.kt-buttons-ccss {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
}
.ccss-btn {
  background: #1eadef;
  border: none;
  padding: 5px 15px;
  color: #fff;
  height: 30px;
  cursor: pointer;
}
.hamburger-content {
  position: absolute;
  width: 100px;
}
.hamburger-content-opened {
  transform: translateX(0) !important;
}
.body-wrapper-translate-right {
  transform: translateX(300px) !important;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}
.body-wrapper {
  transition: 0.3s all ease-in-out;
}
.hamburger {
  cursor: pointer;
  display: none;
  width: 30px;
  height: 20px;
  position: relative;
}
.hamburger span {
  position: absolute;
  width: 100%;
  height: 3px;
  background: #2d2d2d;
}
.hamburger span:nth-child(1) {
  top: 0;
}
.hamburger span:nth-child(2) {
  top: 50%;
  transform: translateY(-50%);
}
.hamburger span:nth-child(3) {
  bottom: 0;
}
.views-and-comments {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
.information {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
}
.main-content-wrapper {
  margin-bottom: 50px;
}
.main-content-wrapper a {
  color: #0d5f99;
}
.main-content-wrapper .article-socials-wrapper {
  margin-top: 15px;
}
.single-article-wrapper {
  margin-bottom: 50px;
}
.single-article-wrapper p {
  line-height: 20px;
}
.single-article-wrapper .article-top-panel {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  border-bottom: 3px solid #eeeded;
  margin-bottom: 10px;
}
.single-article-wrapper .article-top-panel .views-and-comments {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
.single-article-wrapper h1 {
  margin-bottom: 10px;
}
.single-article-wrapper img {
  margin: 15px 0;
}
.single-article-wrapper .article-full-image img {
  width: 100%;
  margin: 10px 0;
}
.mod_events_monthyear tr td:nth-child(1) {
  display: none;
}
.mod_events_monthyear tr td:nth-child(2) {
  position: relative;
}
.mod_events_monthyear tr td:nth-child(2) .mod_events_link {
  position: absolute;
  left: 0;
  top: 0;
  width: 25px;
  transform: rotate(-90deg);
}
.mod_events_monthyear tr td:nth-child(4) {
  position: relative;
}
.mod_events_monthyear tr td:nth-child(4) .mod_events_link {
  position: absolute;
  right: 0;
  top: 0;
  width: 25px;
  transform: rotate(90deg);
}
.mod_events_monthyear tr td:nth-child(5) {
  display: none;
}
.module .mod-heading {
  position: relative;
}
.module .mod-heading .slider-arrows {
  position: absolute;
  top: 50%;
  right: -10px;
  transform: translateY(-100%);
}
.videogal {
  margin-bottom: 50px;
}
.news-heading {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
}
.slider-arrows {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
svg:hover {
  cursor: pointer;
}
svg:hover .kz-orn {
  fill: yellow;
}
.kz-orn {
  fill: #1eadef;
}
.blog-layout {
  margin-bottom: 25px;
}
.blog-layout #kt {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: end;
  align-items: end;
}
.blog-layout img {
  width: 100%;
}
.blog-layout .article-description-wrapper {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.blog-layout .article-description-wrapper .article-text .article-title {
  margin-bottom: 10px;
}
.blog-layout .article-description-wrapper .article-info {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
}
.ccss-prev {
  cursor: pointer;
  width: 30px;
  transform: rotate(-90deg);
  margin-right: -15px;
}
.ccss-prev:hover .kz-orn {
  fill: yellow;
}
.ccss-next {
  cursor: pointer;
  width: 30px;
  transform: rotate(90deg);
}
.ccss-next:hover .kz-orn {
  fill: yellow;
}
.item-heading {
  margin-bottom: 10px;
}
.item-date {
  color: #7d7d7d;
  margin-bottom: 10px;
}
.item-info {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: flex-end;
  margin-top: 10px;
}
.slider-info-elements {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
}
.slider-info-elements .item-date {
  margin: 0;
}
.slider-info-elements .views-and-comments {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
.bred {
  border: 1px solid red;
}
.accent-btn a {
  background: #169be6;
  padding: 8px 14px;
  display: block;
  border-radius: 5px;
  color: #ffffff;
  text-decoration: none;
}
.views {
  color: #7d7d7d;
  position: relative;
  padding: 0 0 0 22px;
  margin-right: 10px;
}
.views:before {
  content: '';
  background: url(../images/svg/eye.svg) no-repeat center center;
  width: 18px;
  height: 18px;
  position: absolute;
  top: -2px;
  left: 0;
}
.comments {
  color: #7d7d7d;
  position: relative;
  padding: 0 0 0 16px;
}
.comments:before {
  content: '';
  background: url(../images/svg/blank-squared-bubble.svg) no-repeat center center;
  width: 13px;
  height: 18px;
  position: absolute;
  top: -2px;
  left: 0;
}
hr {
  height: 3px;
  margin: 15px 0;
  background: #e1e1e1;
  border: none;
}
.ccss-top-panel {
  background: #f2f2f2;
  font-weight: 300;
}
.ccss-top-panel .date-and-time {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: flex-start;
}
.ccss-top-panel .date-and-time .date {
  margin-right: 15px;
}
.ccss-top-panel .socials-wrapper {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
.ccss-top-panel .socials-wrapper a {
  padding: 8px;
  transition: 0.3s ease-in-out;
}
.ccss-top-panel .socials-wrapper a:hover {
  background: #169be6;
}
.ccss-top-panel .socials-wrapper a:hover svg {
  fill: #f2f2f2;
}
.ccss-top-panel .socials-wrapper a svg {
  width: 25px;
  fill: #2d2d2d;
  display: block;
}
.ccss-top-panel .visual-helper {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  justify-content: center;
}
.ccss-top-panel .visual-helper .letters-wrapper {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: flex-end;
  text-decoration: underline;
  margin-right: 15px;
}
.ccss-top-panel .visual-helper .letters-wrapper div {
  margin: 0 5px;
}
.ccss-top-panel .visual-helper .letters-wrapper div:first-child {
  margin-left: 0;
}
.ccss-top-panel .visual-helper .letters-wrapper div:last-child {
  margin-right: 0;
}
.ccss-top-panel .visual-helper .letters-wrapper div.smallest {
  font-size: 10px;
}
.ccss-top-panel .visual-helper .letters-wrapper div.middle {
  font-size: 14px;
}
.ccss-top-panel .visual-helper .letters-wrapper div.large {
  font-size: 16px;
}
.ccss-top-panel .visual-helper .letters-wrapper div-text {
  font-size: 12px;
}
.ccss-top-panel .lang-switcher-wrapper {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: flex-end;
}
.ccss-top-panel .lang-switcher-wrapper .lang-item {
  text-transform: uppercase;
  padding: 14px 25px 13px 25px;
  height: 100%;
  transition: 0.3s ease-in-out;
  cursor: pointer;
}
.ccss-top-panel .lang-switcher-wrapper .lang-item:hover {
  color: #ffffff;
  background: #169be6;
}
.header a {
  text-decoration: none;
}
.header a .sitelogo-wrapper {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  color: #ffffff;
}
.header a .sitelogo-wrapper .sitelogo-img {
  margin-right: 20px;
}
.header a .sitelogo-wrapper .sitelogo-text {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  justify-content: center;
}
.underlink-open {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex !important;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
}
.parentli:before {
  content: '>';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -75px;
}
.main-nav {
  padding: 17px 0 15px 0;
  border-bottom: 3px solid #0d5f99;
  font-weight: 500;
}
.main-nav .main-nav-wrapper {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
}
.main-nav .main-nav-wrapper nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
.main-nav .main-nav-wrapper nav ul li {
  margin-right: 35px;
}
.main-nav .main-nav-wrapper nav ul li a {
  font-size: 16px;
  display: block;
  text-decoration: none;
  color: #000000;
  margin-top: 2px;
  padding: 5px 0;
}
.main-nav .main-nav-wrapper nav ul li a:hover {
  color: #169be6;
}
.main-nav .main-nav-wrapper nav ul li ul li a:hover {
  color: #fff;
}
.main-nav .main-nav-wrapper .additional-menu-wrapper {
  display: block;
  padding: 4px 5px 10px 5px;
  background: #1faef0;
  border-radius: 3px;
  color: #fff;
  cursor: pointer;
}
.main-wrapper {
  margin: 50px 0;
}
.main-wrapper .latest-news {
  margin-bottom: 50px;
}
.main-wrapper .directors-blog {
  border: 1px solid #eeeded;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  -ms-align-items: center;
  align-items: center;
  padding: 20px;
  margin-bottom: 50px;
}
.main-wrapper .directors-blog .db-heading {
  font-weight: 600;
  font-size: 18px;
  text-transform: uppercase;
}
.main-wrapper .directors-blog .db-image {
  margin-top: 20px;
}
.main-wrapper .directors-blog .db-image img {
  width: 100%;
}
.main-wrapper .directors-blog .db-name .surname {
  text-align: center;
  text-transform: uppercase;
  font-size: 14px;
  margin-top: 10px;
}
.main-wrapper .directors-blog .db-name .name-fname {
  margin-top: 5px;
  margin-bottom: 20px;
}

.single-article-wrapper ul, .single-article-wrapper ol {
  padding-left: 15px;
  margin-top: 10px;
}

.single-article-wrapper ul li, .single-article-wrapper ol li {
  margin-bottom: 10px;
}

.main-wrapper .banners {
  margin-bottom: 50px;
}
.main-wrapper .banners .banner-item a img {
  width: 100%;
}
.main-wrapper .event-calendar {
  margin-bottom: 50px;
}
.main-wrapper .event-calendar .eventCalendar {
  width: 100%;
}
.main-slider {
  margin-bottom: 50px;
}
.main-slider .slider-item {
  position: relative;
}
.main-slider .slider-item .slider-info {
  position: absolute;
  bottom: 0;
  height: auto;
  width: 100%;
  background: rgba(255, 255, 255, 0.8);
  padding: 15px 30px;
}
.main-slider .slider-item .slider-info .slider-info-text {
  font-weight: 600;
  margin-bottom: 10px;
}
.main-slider div img {
  width: 100%;
}
.secondary-news {
  margin-bottom: 50px;
}
.secondary-news .secondary-news-item img {
  width: 100%;
}
.secondary-news .secondary-news-item .sn-heading {
  margin-top: 5px;
  margin-bottom: 10px;
}
.center-news {
  margin-bottom: 50px;
}
.center-news .cn-items .views-and-comments {
  float: right;
}
.center-news .cn-items .cn-item {
  margin-bottom: 15px;
}
.center-news .cn-items .cn-item img {
  width: 100%;
}
.itgrp-logo {
  margin-top: 15px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
}
.itgrp-logo img {
  margin-right: 20px;
}
::-webkit-input-placeholder {
  font-family: 'Cormorant Unicase', serif;
}
::-moz-placeholder {
  font-family: 'Cormorant Unicase', serif;
}
:-ms-input-placeholder {
  font-family: 'Cormorant Unicase', serif;
}
:-moz-placeholder {
  font-family: 'Cormorant Unicase', serif;
}
.center-photos {
  margin-bottom: 50px;
}
.center-photos .cp-photo-albums .cp-item-cover-wrapper {
  padding: 5px;
}
.center-photos .cp-photo-albums .cp-item-cover-wrapper .cp-photo-album-item {
  cursor: pointer;
  position: relative;
}
.center-photos .cp-photo-albums .cp-item-cover-wrapper .cp-photo-album-item .cp-item-cover {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  justify-content: flex-end;
}
.center-photos .cp-photo-albums .cp-item-cover-wrapper .cp-photo-album-item .cp-item-cover .cp-elements {
  padding: 15px;
}
.center-photos .cp-photo-albums .cp-item-cover-wrapper .cp-photo-album-item .cp-item-cover .cp-elements .pics-summ {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: flex-end;
  position: relative;
  padding-right: 26px;
}
.center-photos .cp-photo-albums .cp-item-cover-wrapper .cp-photo-album-item .cp-item-cover .cp-elements .pics-summ:after {
  content: '';
  background: url(../images/svg/picture.svg) no-repeat center center;
  position: absolute;
  width: 16px;
  height: 50px;
  top: -18px;
  right: 0;
}
.center-photos .cp-photo-albums .cp-item-cover-wrapper .cp-photo-album-item .cp-pa-img img {
  width: 100%;
height: 173px;
object-fit: cover;
}
.right-banners {
  margin-bottom: 50px;
}
.weather {
  margin-bottom: 50px;
}
.sidebar-nav {
  margin-bottom: 50px;
}
.gov-slider-item-text {
  text-align: center;
  width: 130px;
}
.govSlider a {
  outline: none;
}
.gov-slider {
  margin-bottom: 50px;
}
.gov-slider .gov-slider-item {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  -ms-align-items: center;
  align-items: center;
}
.gov-slider .gov-slider-item .gov-slider-item-img {
  margin: 35px 0 20px 0;
}
.gov-slider .gov-slider-item .gov-slider-item-img img {
  width: 100%;
}
.gov-links-bottom-wrapper {
  margin-bottom: 50px;
}
.gov-links-bottom-wrapper .gov-links-bottom-slider {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
}
.gov-links-bottom-wrapper .gov-links-bottom-slider .gov-slider-item-wrapper {
  padding: 15px;
}
.gov-links-bottom-wrapper .gov-links-bottom-slider .gov-slider-item-wrapper .gov-links-bottom-item {
  display: flex;
  justify-content: center;
  padding: 10px 40px;
  background: #1293ca;
}
.blue-link {
  color: #0084bd;
}
.footer {
  padding: 20px 0;
  background: #ffffff;
  /* Old Browsers */
  background: -webkit-linear-gradient(top, #ffffff, #e7e7e7);
  /*Safari 5.1-6*/
  background: -o-linear-gradient(top, #ffffff, #e7e7e7);
  /*Opera 11.1-12*/
  background: -moz-linear-gradient(top, #ffffff, #e7e7e7);
  /*Fx 3.6-15*/
  background: linear-gradient(to bottom, #ffffff, #e7e7e7);
  /*Standard*/
}
.footer hr {
  background: #c3e3f9;
}
.footer .moduletable h2 {
  border: none;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 10px;
  padding: 0;
}
.footer .moduletable ul {
  list-style: none;
}
.footer .moduletable ul li {
  margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
  .ccss-top-panel .date-and-time {
    justify-content: center;
    margin-top: 10px;
  }
  .ccss-top-panel .socials-wrapper {
    justify-content: center;
    margin-top: 10px;
  }
  .ccss-top-panel .lang-switcher-wrapper {
    justify-content: center;
    margin-top: 10px;
  }
}
@media screen and (min-width: 1200px) {
  .main-nav .main-nav-wrapper nav ul li {
    position: relative;
  }
  .main-nav .main-nav-wrapper nav ul li ul {
    position: absolute;
    background: #0c609e;
    top: 95%;
    width: 200px;
    border: none;
    z-index: 99;
    display: none;
  }
  .main-nav .main-nav-wrapper nav ul li ul a {
    color: #fff;
  }
  .main-nav .main-nav-wrapper nav ul li ul a:hover {
    border: none;
  }
  .main-nav .main-nav-wrapper nav ul li ul li {
    position: relative;
    width: 100%;
    padding: 5px 15px;
    transition: 0.3s ease-in-out;
  }
  .main-nav .main-nav-wrapper nav ul li ul li a {
    padding: 10px 0;
    font-weight: 300;
  }
  .main-nav .main-nav-wrapper nav ul li ul li:hover {
    background: #1fb0ef;
  }
  .main-nav .main-nav-wrapper nav ul li ul li ul {
    position: absolute;
    top: 0;
    left: 100%;
    background: #1fb0ef;
    display: none;
  }
  .main-nav .main-nav-wrapper nav ul li ul li ul li a {
    color: #fff;
  }
  .hamburger-content {
    display: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .ccss-top-panel .socials-wrapper a svg {
    width: 20px;
  }
  .ccss-top-panel .date-and-time {
    display: flex;
    justify-content: center;
    margin-top: 15px;
  }
}
@media screen and (max-width: 1199px) {
  #hamburger-content {
    overflow: auto;
    width: 300px;
    height: 100%;
    background: #fff;
    transform: translateX(-100%);
    transition: 0.3s all ease-in-out;
    display: flex;
    justify-content: center;
    padding: 35px;
  }
  #hamburger-content .nav {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    width: 200px;
    list-style: none;
  }
  #hamburger-content .nav li a {
    display: block;
    padding: 10px 0;
  }
  #hamburger-content .nav li ul {
    list-style: none;
    padding-left: 10px;
  }
  #hamburger-content .nav li ul li ul {
    list-style: none;
  }
  .main-nav .main-nav-wrapper nav ul {
    display: none;
  }
  .hamburger {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
  }
  .slider-info-elements {
    font-size: 10px;
  }
}
@media screen and (max-width: 380px) {
  #jev_maincal {
    margin-top: 35px;
  }
}
@media screen and (max-width: 991px) {
  .nav-items {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
  }
  .nav-items div {
    border: none;
  }
  .nav-items div a:hover {
    background: none !important;
    border-left: none !important;
  }
  .nav-items div:first-child {
    border-left: none;
  }
  .nav-items div:last-child {
    border-right: none;
  }
  .slider-info-elements .views-and-comments {
    margin-top: 5px;
  }
  .slider-info-elements {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
  }
}

.attestat-popup {
  width: 100%;
  border-bottom: 1px solid #06b686;
  overflow: hidden;
  cursor: pointer;
  max-height: 45px;
  transition: .3s ease-in-out;
}

.attestat-popuptitle {
  color: #06b686;
  font-weight: 600;
  padding-left: 25px;
  position: relative;
  width: 100%;
  display: inline-block;
  padding-top: 15px;
  padding-bottom: 15px;
}

.attestat-popuptitle:before {
  content: '\25BC';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: ease-in-out;
}

.attestat-popup-item {
  margin-top: 25px;
}

.attestat-popup.active-popup .attestat-popuptitle:before,
.attestat-subpopup.active-popup .attestat-subpopup-title:before,
.attestat-undersubpopup-item.active-popup .attestat-subpopup-title:before {
  transform: rotate(180deg);
}

.attestat-subpopup,
.attestat-undersubpopup {
  width: calc(100% - 25px);
  border-bottom: 1px solid #06b686;
  overflow: hidden;
  cursor: pointer;
  max-height: 45px;
  transition: .3s ease-in-out;
  margin-left: 25px;
}

.attestat-subpopup:last-child,
.attestat-undersubpopup:last-child {
  margin-bottom: 25px;
}

.attestat-subpopup-title {
  width: 100%;
  display: inline-block;
  color: #06b686;
  font-weight: 600;
  padding-left: 25px;
  padding-top: 15px;
  padding-bottom: 15px;
  position: relative;
}

.attestat-subpopup-title:before {
  content: '\25BC';
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
  transition: ease-in-out;
}

.attestat-subpopup-item,
.attestat-undersubpopup-item {
  margin-top: 25px;
}

.attestat-popup-item .attestat-popup-link {
  font-weight: 400;
  color: #333;
  text-decoration: none;
  display: flex;
  align-items: center;
}

.main-content-wrapper .attestat-popup-link {
  display: flex;
  align-items: center;
  text-decoration: none;
  color: #333;
  font-weight: 400;
}

.single-article-wrapper .attestat-doc-icon {
  margin-right: 15px;
}

.attestat-popup-item .attestat-popup-link:hover {
  color: #333;
  text-decoration: none;
}

.active-popup {
  max-height: 100%;
  padding-bottom: 25px;
}


.sj-flat-menu {
  list-style: none;
  padding: 0;
  margin: 0;
}

.sj-flat-menu > li {
  position: relative;
}

.sj-flat-menu .sub-menu {
  display: none;
  list-style: none;
  padding-left: 20px;
}

.sj-flat-menu .menu-item-has-children > a::after {
  content: url(../images/icon_active.png);
  margin-left: 5px;
  cursor: pointer;
  right: 15px;
  position: absolute;
}

.sj-flat-menu .menu-item-has-children.open > a::after {
  display: none;
}

.sj-flat-menu .menu-item-has-children.open > a::before {
  display: none;
  content: url(../images/icon_normal.png);
  margin-left: 5px;
  cursor: pointer;
  right: 15px;
  position: absolute;
}

.sj-flat-menu .menu-item-has-children.open > a::before {
  display: block;
}

.sj-flat-menu .menu-item-has-children.open .arrow-icon {
  transform: rotate(180deg); /* Поворот стрелки вверх */
}

.accordion-menu li a {
  font-weight: bold;
    color: #ffffff;
    line-height: 26px;
    outline: none;
}
.sub-menu li:last-child {
  border-bottom: #00000000;
}

.lang-switcher .lang-switcher-ul li {  
  display: flex !important;
}
.menu_item_wpglobus_menu_switch .sub-menu {  
  display: flex !important;
}
.wpglobus_flag_ru {
  background: none;
}
.wpglobus_flag_kz {
  background: none;
}
.wpglobus_language_name {
  padding-left: 0;
}
.wpglobus-current-language {
    background: #169be6;
    text-decoration: none;
    color: #fff;
}
.wpglobus-current-language .wpglobus_language_name {
  padding-left: 0;
  color: #fff;
}
.menu_item_wpglobus_menu_switch .sub-menu {
  display: flex !important;
  color: #000000 !important;
  background: #f2f2f2 !important;
}
.menu_item_wpglobus_menu_switch .sub-menu a:hover span {  
  color: #fff !important;  
}
.menu_item_wpglobus_menu_switch .sub-menu span {  
  color: #000000 !important;  
}

.slider-item-styles img {
  height: 350px;
  object-fit: cover;
}
.secondary-news-item.secondary-news-item-styles {
  margin-bottom: 20px;
}
.secondary-news-item-styles img {
  height: 150px;
  object-fit: cover;
}
.newsflash-styles .cn-item {
  margin-bottom: 20px;
}
.newsflash-styles .cn-item img {
  height: 100px;
  object-fit: cover;
}

.documents-block {
  margin-top: 30px;
}
.documents-block-list {
  margin-bottom: 30px;
}

/* ==========================================================================
   MODERN SAFE OVERRIDES (append-only)
   Цель: улучшить UI (языки/меню/поиск/хэдер/слайдеры) НЕ ломая layout.
   ========================================================================== */

/* ---------- Design tokens (only used in overrides) ---------- */
:root{
  --ui-accent:#169be6;
  --ui-accent-2:#0b79c7;
  --ui-text:#0f172a;
  --ui-muted:#64748b;
  --ui-border:#e5e7eb;
  --ui-card:#ffffff;
  --ui-soft:#f6f9ff;
  --ui-radius:16px;
  --ui-shadow:0 10px 30px rgba(15, 23, 42, .08);
}

/* ---------- Header (visual only, keep structure) ---------- */
.header{
  position: relative;
  background-size: cover !important;
  background-position: center bottom !important;
}

.header::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg, rgba(2, 32, 71, .55), rgba(2, 32, 71, .15) 55%, rgba(2, 32, 71, .45)),
    radial-gradient(1200px 500px at 25% 20%, rgba(22,155,230,.35), transparent 60%);
}

.header .container,
.header .row{
  position: relative;
  z-index: 1;
}

.sitelogo-wrapper{
  display:flex;
  gap:14px;
  align-items:center;
}

.sitelogo-img img{
  display:block;
  width:64px;
  height:64px;
  object-fit:contain;
  filter: drop-shadow(0 8px 18px rgba(0,0,0,.25));
}

.sitelogo-text .sitename{
  letter-spacing:.2px;
  text-shadow: 0 2px 14px rgba(0,0,0,.35);
}

.sitelogo-text .site-description{
  opacity:.95;
  text-shadow: 0 2px 14px rgba(0,0,0,.35);
}

/* ---------- Top panel polish (non-layout) ---------- */
.ccss-top-panel{
  background: linear-gradient(90deg, rgba(255,255,255,.85), rgba(255,255,255,.70));
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border-bottom: 1px solid rgba(255,255,255,.35);
}

.ccss-top-panel .socials-wrapper a{
  border-radius: 10px;
  transition: transform .15s ease, box-shadow .15s ease;
}

.ccss-top-panel .socials-wrapper a:hover{
  transform: translateY(-1px);
  box-shadow: 0 10px 20px rgba(15,23,42,.12);
}

/* ---------- Language switcher (WPGlobus) ----------
   ВАЖНО: текущий язык = <li> > <a>
          остальные языки = <li> > <ul class="sub-menu"> рядом (inline)
   Никаких absolute для sub-menu.
--------------------------------------------------- */
.lang-switcher-ul{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:8px;
  padding:0;
  margin:0;
  list-style:none;
}

.lang-switcher-ul > li{
  list-style:none;
}

.lang-switcher-ul > li.wpglobus-current-language{
  display:flex;
  align-items:center;
  gap:8px;
  background: none !important; /* НЕ красим li */
  padding:0 !important;
}

.lang-switcher-ul > li.wpglobus-current-language > a{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:6px 10px;
  border-radius:999px;
  background: rgba(255,255,255,.92);
  color: var(--ui-text) !important;
  border: 1px solid rgba(15,23,42,.12);
  box-shadow: 0 10px 20px rgba(15,23,42,.10);
  text-decoration:none !important;
  font-weight:700;
  line-height:1;
}

.lang-switcher-ul > li.wpglobus-current-language > ul.sub-menu{
  display:flex !important;
  align-items:center;
  gap:6px;
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
  position: static !important;
  float:none !important;
  background: transparent !important;
  box-shadow:none !important;
  border:0 !important;
}

.lang-switcher-ul > li.wpglobus-current-language > ul.sub-menu > li{
  margin:0 !important;
  padding:0 !important;
}

.lang-switcher-ul > li.wpglobus-current-language > ul.sub-menu > li > a{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:6px 10px;
  border-radius:999px;
  background: rgba(255,255,255,.55);
  color: #0b3a63 !important;
  border: 1px solid rgba(255,255,255,.55);
  text-decoration:none !important;
  font-weight:700;
  line-height:1;
  transition: background .15s ease, transform .15s ease, box-shadow .15s ease;
}

.lang-switcher-ul > li.wpglobus-current-language > ul.sub-menu > li > a:hover{
  background: rgba(255,255,255,.92);
  transform: translateY(-1px);
  box-shadow: 0 10px 18px rgba(15,23,42,.10);
}

/* WPGlobus flag: делаем аккуратную иконку + текст (не прячем) */
.lang-switcher-ul .wpglobus_flag{
  display:inline-flex;
  align-items:center;
  background-repeat:no-repeat;
  background-position: 8px center;
  background-size: 16px 11px;
  padding-left: 30px; /* место под флаг (умеренно) */
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: .5px;
}

/* ---------- Left menu (sj-flat-menu) cosmetics only ---------- */
ul.sj-flat-menu.accordion-menu{
  background: var(--ui-card) !important;
  border: 1px solid var(--ui-border) !important;
  border-radius: var(--ui-radius) !important;
  overflow: hidden;
  box-shadow: var(--ui-shadow);
}

/* Важно: не меняем ширины, только вид */
ul.sj-flat-menu.accordion-menu > li{
  background: transparent !important;
  border-bottom: 1px solid var(--ui-border) !important;
  padding:0 !important;
}

ul.sj-flat-menu.accordion-menu > li:last-child{
  border-bottom: 0 !important;
}

/* Поддержка 2 вариантов разметки: a напрямую ИЛИ .fm-item a */
ul.sj-flat-menu.accordion-menu > li > a,
ul.sj-flat-menu.accordion-menu > li > .fm-item > a,
ul.sj-flat-menu.accordion-menu > li > .fm-item a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding: 12px 14px;
  color: var(--ui-text) !important;
  font-weight: 700;
  text-decoration:none !important;
}

ul.sj-flat-menu.accordion-menu > li:hover > a,
ul.sj-flat-menu.accordion-menu > li:hover > .fm-item > a,
ul.sj-flat-menu.accordion-menu > li:hover > .fm-item a{
  background: rgba(22,155,230,.07);
}

/* Индикатор подменю */
ul.sj-flat-menu.accordion-menu > li.menu-item-has-children > a::after,
ul.sj-flat-menu.accordion-menu > li.menu-item-has-children > .fm-item > a::after{
  content:"▾";
  opacity:.6;
  transform: translateY(-1px);
  transition: transform .15s ease, opacity .15s ease;
}

ul.sj-flat-menu.accordion-menu > li.fm-opened > a::after,
ul.sj-flat-menu.accordion-menu > li.fm-opened > .fm-item > a::after{
  transform: rotate(180deg) translateY(1px);
  opacity:.9;
}

/* Sub-menu in left menu */
ul.sj-flat-menu.accordion-menu li ul{
  background: var(--ui-soft) !important;
  border:0 !important;
  margin:0 !important;
  padding: 8px !important;
}

ul.sj-flat-menu.accordion-menu li ul li{
  background: transparent !important;
  border:0 !important;
  padding:0 !important;
}

ul.sj-flat-menu.accordion-menu li ul li a{
  display:block;
  padding: 10px 12px !important;
  border-radius: 12px;
  color: #0b3a63 !important;
  font-weight: 600 !important;
  text-decoration:none !important;
}

ul.sj-flat-menu.accordion-menu li ul li a:hover{
  background: rgba(22,155,230,.10);
}

/* ---------- Search block (left sidebar) ---------- */
.finder-wrapper .search form{
  display:flex;
  align-items:stretch;
  gap:0;
  background: var(--ui-card);
  border:1px solid var(--ui-border);
  border-radius: 14px;
  overflow:hidden;
  box-shadow: 0 10px 18px rgba(15,23,42,.06);
}

.finder-wrapper .search input[type="search"],
.finder-wrapper .search input.search-query,
.finder-wrapper .search .inputbox{
  border:0 !important;
  outline:none !important;
  box-shadow:none !important;
  padding: 10px 12px 10px 14px !important;
  width:100%;
  color: var(--ui-text);
  background: transparent;
}

.finder-wrapper .search button{
  position:relative;
  width: 46px;
  min-width: 46px;
  border:0 !important;
  background: linear-gradient(180deg, var(--ui-accent), var(--ui-accent-2)) !important;
  cursor:pointer;
}

.finder-wrapper .search button::before{
  content:"";
  position:absolute;
  inset:0;
  margin:auto;
  width:18px;
  height:18px;
  background-repeat:no-repeat;
  background-position:center;
  background-size:18px 18px;
  /* inline SVG magnifier */
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E");
}

.finder-wrapper .search button:hover{
  filter: brightness(1.05);
}

/* ---------- Directors blog (ФИО на фото, но без ломания потока) ---------- */
.directors-blog{
  background: var(--ui-card);
  border: 1px solid var(--ui-border);
  border-radius: var(--ui-radius);
  overflow:hidden;
  box-shadow: var(--ui-shadow);
}

.directors-blog .db-image img{
  display:block;
  width:100%;
  height:auto;
}

/* "Оверлей" через отрицательный margin (без absolute, чтобы не рушить верстку) */
.directors-blog .db-name{
  margin-top:-46px;
  margin-left: 12px;
  margin-right: 12px;
  padding: 10px 12px;
  border-radius: 14px;
  color: #fff;
  background: rgba(2, 32, 71, .65);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  position: relative;
  z-index: 2;
  box-shadow: 0 12px 24px rgba(0,0,0,.18);
}

.directors-blog .db-name .name-fname{
  font-weight: 800;
  letter-spacing: .2px;
}

/* ---------- Gov sliders cosmetics (no width changes) ---------- */
.gov-programms-wrapper hr,
.gov-links-bottom-wrapper hr{
  opacity:.35;
}

.gov-slider-item,
.gov-links-bottom-item{
  border-radius: 18px;
  overflow:hidden;
  box-shadow: 0 12px 26px rgba(15,23,42,.10);
  transition: transform .15s ease, box-shadow .15s ease;
}

.gov-slider-item:hover,
.gov-links-bottom-item:hover{
  transform: translateY(-2px);
  box-shadow: 0 18px 36px rgba(15,23,42,.14);
}

.gov-slider-item-img img{
  display:block;
  width:100%;
  height:auto;
}

.gov-slider-item-text{
  padding: 12px 12px 14px;
  font-weight: 800;
  color: var(--ui-text);
  line-height: 1.25;
}

/* ---------- Footer polish (cosmetic) ---------- */
.footer{
  padding-top: 30px;
  padding-bottom: 22px;
}

.footer hr{
  opacity:.25;
}

.footer a{
  color: #0b3a63;
  text-decoration:none;
}

.footer a:hover{
  text-decoration:underline;
}

/* =====================================================================
   PATCH v2 (28 Dec 2025)
   - Header: richer look (cover bg, overlay, wave, logo card)
   - WPGlobus language switcher: inline current + submenu, visible labels
   - Gov slider: add spacing between items
   - Search: add magnifier icon button
   ===================================================================== */

/* ---------- Header (hero) ---------- */
.header{
  padding: clamp(28px, 3vw, 54px) 0 !important;
  min-height: 140px;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  position: relative;
  overflow: hidden;
}

.header::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(1200px 300px at 15% 10%, rgba(255,255,255,.20), rgba(255,255,255,0) 55%),
    linear-gradient(110deg, rgba(2,6,23,.65), rgba(2,6,23,.35) 45%, rgba(2,6,23,.20));
  pointer-events:none;
}

.header::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  height:56px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 80'%3E%3Cpath fill='%23ffffff' fill-opacity='0.18' d='M0 44c86 14 166 22 240 22 160 0 290-35 420-35 164 0 300 44 540 49v-36H0z'/%3E%3Cpath fill='%23ffffff' fill-opacity='0.30' d='M0 58c120 16 230 22 330 18 160-6 270-44 410-44 170 0 290 46 460 48V80H0z'/%3E%3C/svg%3E");
  background-repeat: repeat-x;
  background-position: center bottom;
  background-size: 1200px 56px;
  pointer-events:none;
}

.header .container,
.header .row{
  position: relative;
  z-index: 1;
}

.header .sitelogo-wrapper{
  display:flex;
  align-items:center;
  gap:16px;
  padding:14px 18px;
  border-radius:18px;
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.18);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  box-shadow: 0 10px 28px rgba(2,6,23,.25);
  max-width: 980px;
}

.header .sitelogo-img img{
  width:64px;
  height:64px;
  object-fit:contain;
  filter: drop-shadow(0 6px 12px rgba(2,6,23,.35));
}

.header .sitelogo-text .sitename,
.header .sitelogo-text .site-description{
  color:#fff !important;
  text-shadow: 0 2px 10px rgba(2,6,23,.35);
}

.header .sitelogo-text .sitename{
  font-size: clamp(20px, 2.1vw, 30px) !important;
  line-height: 1.15;
}

.header .sitelogo-text .site-description{
  margin-top: 8px !important;
  opacity: .92;
  font-size: clamp(13px, 1.15vw, 15px) !important;
  line-height: 1.35;
}

@media (max-width: 767.98px){
  .header{ min-height: 150px; }
  .header .sitelogo-wrapper{ padding:12px 14px; border-radius:16px; }
  .header .sitelogo-img img{ width:54px; height:54px; }
}

/* ---------- Language switcher (WPGlobus) ---------- */
.lang-switcher-wrapper{ position: relative; z-index: 50; }

.lang-switcher ul.lang-switcher-ul{
  display:flex !important;
  justify-content:flex-end;
  align-items:center;
  gap:10px;
}

.lang-switcher ul.lang-switcher-ul > li.wpglobus-current-language{
  display:flex !important;
  align-items:center;
  gap:10px;
  padding:0 !important;
  margin:0 !important;
  background: transparent !important;
  border: 0 !important;
}

/* current language button */
.lang-switcher ul.lang-switcher-ul > li.wpglobus-current-language > a{
  display:inline-flex !important;
  align-items:center;
  padding:7px 12px;
  border-radius:999px;
  background:#0ea5e9;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.0);
  box-shadow: 0 10px 20px rgba(2,6,23,.10);
}

/* make submenu sit NEXT to current language (not dropdown) */
.lang-switcher ul.lang-switcher-ul > li > ul.sub-menu{
  display:flex !important;
  position: static !important;
  left:auto !important;
  top:auto !important;
  margin:0 !important;
  padding:0 !important;
  opacity: 1 !important;
  transform: none !important;
  visibility: visible !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  min-width: 0 !important;
  gap:8px;
}

.lang-switcher ul.lang-switcher-ul > li > ul.sub-menu > li{ margin:0 !important; }

.lang-switcher ul.lang-switcher-ul > li > ul.sub-menu > li > a{
  display:inline-flex !important;
  align-items:center;
  padding:7px 12px;
  border-radius:999px;
  background:#ffffff;
  border:1px solid rgba(15,23,42,.12);
  color:#0f172a !important;
  box-shadow: 0 10px 20px rgba(2,6,23,.06);
}

.lang-switcher ul.lang-switcher-ul > li > ul.sub-menu > li > a:hover{
  background:#e0f2fe;
  border-color: rgba(14,165,233,.35);
}

/* IMPORTANT: WPGlobus default often hides text via text-indent.
   Force show language code AND keep flag background. */
.lang-switcher .wpglobus_flag{
  display:inline-flex !important;
  align-items:center;
  background-repeat:no-repeat !important;
  background-position: 8px center !important;
  background-size: 18px 12px !important;
  padding-left: 30px !important;
  width: auto !important;
  height: auto !important;
  text-indent: 0 !important;
  overflow: visible !important;
  color: inherit !important;
  font-weight: 800;
  font-size: 12px;
  letter-spacing: .02em;
  text-transform: uppercase;
  line-height: 1;
}

/* ---------- Gov slider spacing + cards ---------- */
.govSlider > a{ display:block; padding:0; }

.govSlider__item{ padding: 0 10px !important; box-sizing:border-box; }

.gov-slider-item{
  border-radius: 16px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 10px 24px rgba(2,6,23,.10);
}

.gov-slider-item-img img{
  width: 100%;
  height: 120px;
  object-fit: cover;
  display:block;
}

.gov-slider-item-text{
  padding: 12px 14px;
  font-weight: 800;
  color: #0f172a;
  line-height: 1.25;
}

@media (max-width: 575.98px){
  .govSlider__item{ padding: 0 8px !important; }
  .gov-slider-item-img img{ height: 104px; }
  .gov-slider-item-text{ padding: 10px 12px; font-weight: 700; }
}

/* ---------- Search (left sidebar) ---------- */
.finder-wrapper .search form.form-inline{
  display:flex;
  align-items:center;
  gap:10px;
  background:#fff;
  border:1px solid rgba(15,23,42,.12);
  border-radius:14px;
  padding:6px 8px;
  box-shadow: 0 10px 20px rgba(2,6,23,.06);
}

.finder-wrapper .search .button{
  width:42px;
  height:42px;
  border-radius:12px;
  border:0 !important;
  background:#0ea5e9 !important;
  padding:0 !important;
  position:relative;
  flex:0 0 auto;
}

.finder-wrapper .search .button::before{
  content:"";
  width:18px;
  height:18px;
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%, -50%);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M10.5 18a7.5 7.5 0 1 1 5.197-2.098L21 21' stroke='%23ffffff' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:center;
  background-size:18px 18px;
}

.finder-wrapper .search .search-query{
  border:0 !important;
  outline:none !important;
  box-shadow:none !important;
  height:42px;
  padding:0 10px !important;
  flex:1 1 auto;
  min-width:0;
  background: transparent;
}



/* =========================================================
   PATCH v3 (UI polish: language switcher, header, search icon,
   gov slider spacing) — appended at end to override safely
   ========================================================= */

/* --- Language switcher (WPGlobus) --- */
/* The HTML is: li.wpglobus-current-language > a (current) + ul.sub-menu (other langs). Keep them INLINE, no absolute. */
.lang-switcher-ul{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:10px !important;
  padding:0 !important;
  margin:0 !important;
  list-style:none !important;
}
.lang-switcher-ul > li{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  padding:0 !important;
  margin:0 !important;
}
.lang-switcher-ul > li > a,
.lang-switcher-ul > li > ul.sub-menu > li > a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  height:34px !important;
  min-width:44px !important;
  padding:0 12px !important;
  border-radius:999px !important;
  font-weight:800 !important;
  letter-spacing:.06em !important;
  text-transform:uppercase !important;
  text-decoration:none !important;
  line-height:1 !important;
  user-select:none;
  transition:transform .15s ease, box-shadow .15s ease, background-color .15s ease, border-color .15s ease, color .15s ease;
}

/* Current language pill */
.lang-switcher-ul > li.wpglobus-current-language > a{
  background:rgba(255,255,255,.22) !important;
  border:1px solid rgba(255,255,255,.35) !important;
  color:#fff !important;
  box-shadow:0 10px 24px rgba(0,0,0,.18) !important;
}
.lang-switcher-ul > li.wpglobus-current-language > a:hover{
  transform:translateY(-1px);
  box-shadow:0 14px 28px rgba(0,0,0,.22) !important;
}

/* Submenu as inline pills (NOT dropdown) */
.lang-switcher-ul > li > ul.sub-menu{
  position:static !important;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
.lang-switcher-ul > li > ul.sub-menu > li{
  margin:0 !important;
  padding:0 !important;
}
.lang-switcher-ul > li > ul.sub-menu > li > a{
  background:rgba(255,255,255,.10) !important;
  border:1px solid rgba(255,255,255,.25) !important;
  color:#fff !important;
}
.lang-switcher-ul > li > ul.sub-menu > li > a:hover{
  transform:translateY(-1px);
  background:rgba(255,255,255,.20) !important;
  border-color:rgba(255,255,255,.40) !important;
}

/* IMPORTANT: do NOT use padding-left for wpglobus_flag; show clean text label */
.wpglobus_flag{
  padding-left:0 !important;
  background-image:none !important;
  background:none !important;
  width:auto !important;
  height:auto !important;
  display:inline !important;
}
.wpglobus_flag_kz,
.wpglobus_flag_ru{
  background-image:none !important;
}

/* Remove any legacy backgrounds on current-language LI (we style the <a> instead) */
.wpglobus-current-language{
  background:transparent !important;
}

/* --- Header (less tall + more modern) --- */
.header{
  position:relative;
  padding:14px 0 !important; /* overrides inline padding */
  overflow:hidden;
}
.header::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg, rgba(0,0,0,.42) 0%, rgba(0,0,0,.18) 55%, rgba(0,0,0,.30) 100%);
}
.header > .container{ position:relative; z-index:1; }

.sitelogo-wrapper{
  display:flex;
  gap:14px;
  align-items:center;
}
.sitelogo-img img{
  width:58px !important;
  height:58px !important;
  object-fit:contain;
  filter:drop-shadow(0 10px 20px rgba(0,0,0,.22));
}
.sitelogo-text .sitename{
  font-size:22px !important; /* overrides inline 25px */
  line-height:1.15 !important;
  text-shadow:0 2px 12px rgba(0,0,0,.35);
}
.sitelogo-text .site-description{
  font-size:13.5px !important;
  line-height:1.25 !important;
  opacity:.95;
  text-shadow:0 2px 12px rgba(0,0,0,.35);
  margin-top:6px !important;
}

@media (max-width: 768px){
  .header{ padding:12px 0 !important; }
  .sitelogo-img img{ width:52px !important; height:52px !important; }
  .sitelogo-text .sitename{ font-size:18px !important; }
  .sitelogo-text .site-description{ font-size:12.5px !important; }
}

/* --- Top panel buttons: ScreenReader + BVI --- */
.ccss-top-panel .visual-helper{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:10px;
}
.ccss-top-panel .visual-helper .reader,
.ccss-top-panel .visual-helper .reader a.reader{
  background:transparent !important;
  padding:0 !important;
  border-radius:0 !important;
}
.ccss-top-panel .visual-helper .reader a.reader{
  display:inline-flex !important;
  align-items:center !important;
  gap:10px !important;
  padding:8px 12px !important;
  border-radius:14px !important;
  background:rgba(255,255,255,.85) !important;
  border:1px solid rgba(0,0,0,.06) !important;
  box-shadow:0 10px 24px rgba(0,0,0,.10) !important;
  color:#0b1b2a !important;
  font-weight:700 !important;
  text-decoration:none !important;
}
.ccss-top-panel .visual-helper .reader a.reader:hover{
  transform:translateY(-1px);
  box-shadow:0 14px 30px rgba(0,0,0,.14) !important;
}
.ccss-top-panel .visual-helper .reader a.reader img{
  width:22px !important;
  height:22px !important;
}

/* BVI link as a small pill button */
.ccss-top-panel .bvi-panel-open{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:8px 12px !important;
  border-radius:14px !important;
  background:rgba(255,255,255,.12) !important;
  border:1px solid rgba(255,255,255,.28) !important;
  color:#fff !important;
  font-weight:700 !important;
  text-decoration:none !important;
  box-shadow:0 10px 24px rgba(0,0,0,.12) !important;
}
.ccss-top-panel .bvi-panel-open:hover{
  transform:translateY(-1px);
  background:rgba(255,255,255,.20) !important;
  border-color:rgba(255,255,255,.40) !important;
}

/* --- Main nav menu pills (less boring) --- */
.main-nav{
  backdrop-filter:saturate(140%) blur(10px);
}
.main-nav .nav.menu{
  gap:8px !important;
}
.main-nav .nav.menu > li > a{
  border-radius:14px !important;
  padding:10px 14px !important;
  background:rgba(255,255,255,.92) !important;
  border:1px solid rgba(0,0,0,.06) !important;
  box-shadow:0 10px 20px rgba(0,0,0,.08) !important;
  transition:transform .15s ease, box-shadow .15s ease, background-color .15s ease, color .15s ease;
}
.main-nav .nav.menu > li > a:hover,
.main-nav .nav.menu > li.current-menu-item > a{
  background:linear-gradient(135deg, var(--ui-accent), var(--ui-accent-2)) !important;
  color:#fff !important;
  border-color:transparent !important;
  transform:translateY(-1px);
  box-shadow:0 16px 32px rgba(22,155,230,.25) !important;
}

/* --- Search (no '>' pseudo element; show magnifier icon) --- */
.finder-wrapper .search form button::after{
  content:none !important;
  display:none !important;
}
.finder-wrapper .search form button{
  width:44px !important;
  height:42px !important;
  border-radius:14px !important;
  border:0 !important;
  background-color:var(--ui-accent) !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffffff' d='M10 4a6 6 0 104.472 10.03l3.75 3.75a1 1 0 001.414-1.414l-3.75-3.75A6 6 0 0010 4zm0 2a4 4 0 110 8 4 4 0 010-8z'/%3E%3C/svg%3E") !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
  background-size:20px 20px !important;
  box-shadow:0 12px 24px rgba(22,155,230,.22) !important;
}
.finder-wrapper .search form button:hover{
  transform:translateY(-1px);
  box-shadow:0 16px 32px rgba(22,155,230,.28) !important;
}

/* --- Gov slider spacing + cards --- */
.govSlider__item{
  padding:0 10px !important;
  box-sizing:border-box;
}
.gov-slider-item{
  border-radius:18px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 16px 40px rgba(0,0,0,.08);
  border:1px solid rgba(0,0,0,.06);
}
.gov-slider-item-img img{
  width:100%;
  height:120px;
  object-fit:cover;
}
.gov-slider-item-text{
  padding:12px 14px !important;
  font-weight:800;
  line-height:1.2;
}



/* =========================
   v4 tweaks (top panel + header + language + menu + search icon)
   ========================= */

/* Top panel: fix low-contrast text */
.ccss-top-panel{
  background: #f6fbff !important;
  color: #0f2a3d !important;
  border-bottom: 1px solid rgba(15,42,61,.10);
}
.ccss-top-panel a{
  color: #0f2a3d !important;
  text-decoration: none;
}
.ccss-top-panel a:hover{ color: #169be6 !important; }
.ccss-top-panel .date-and-time .date,
.ccss-top-panel .date-and-time .time{
  color:#0f2a3d !important;
  opacity: .92;
}
.ccss-top-panel .socials-wrapper a svg path,
.ccss-top-panel .socials-wrapper a svg .top-fb-svg,
.ccss-top-panel .socials-wrapper a svg .top-tw-svg,
.ccss-top-panel .socials-wrapper a svg .top-vk-svg{
  fill:#0f2a3d !important;
}
.ccss-top-panel .socials-wrapper a:hover svg path,
.ccss-top-panel .socials-wrapper a:hover svg .top-fb-svg,
.ccss-top-panel .socials-wrapper a:hover svg .top-tw-svg,
.ccss-top-panel .socials-wrapper a:hover svg .top-vk-svg{
  fill:#fff !important;
}

/* Visual helper buttons: modern pills */
.visual-helper .reader a.reader,
.visual-helper .bvi-panel-open{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  padding: 8px 12px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(15,42,61,.14) !important;
  background: rgba(255,255,255,.9) !important;
  color:#0f2a3d !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  box-shadow: 0 6px 18px rgba(15,42,61,.08) !important;
}
.visual-helper .reader a.reader:hover,
.visual-helper .bvi-panel-open:hover{
  border-color: rgba(22,155,230,.35) !important;
  box-shadow: 0 10px 26px rgba(22,155,230,.12) !important;
  transform: translateY(-1px);
}

/* Header: less tall, nicer overlay */
header.header{
  padding: 14px 0 !important;
  background-size: cover !important;
  background-position: center bottom !important;
  position: relative;
}
header.header::before{
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(135deg, rgba(10,22,35,.42), rgba(10,22,35,.12));
  pointer-events:none;
}
header.header .container, header.header .row{ position:relative; z-index:1; }
header.header .sitelogo-wrapper{
  display:flex;
  align-items:center;
  gap:14px;
  padding: 10px 12px;
  border-radius: 18px;
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.14);
  backdrop-filter: blur(6px);
}
header.header .sitelogo-img img{
  width: 56px !important;
  height: 56px !important;
  object-fit: contain;
  filter: drop-shadow(0 10px 18px rgba(0,0,0,.18));
}
header.header .sitelogo-text .sitename{ font-size: 20px !important; line-height: 1.15 !important; }
header.header .sitelogo-text .site-description{ margin-top: 6px !important; font-size: 13px !important; line-height: 1.25 !important; opacity:.95; }
@media (max-width: 768px){
  header.header{ padding: 10px 0 !important; }
  header.header .sitelogo-text .sitename{ font-size: 16px !important; }
  header.header .sitelogo-img img{ width: 46px !important; height: 46px !important; }
}

/* Main navigation: modern buttons */
.main-nav{
  background: rgba(255,255,255,.86) !important;
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(15,42,61,.10);
}
.main-nav .main-nav-wrapper nav ul.nav.menu{
  display:flex;
  flex-wrap:wrap;
  gap: 8px;
  align-items:center;
  padding: 10px 0;
  margin: 0;
}
.main-nav .main-nav-wrapper nav ul.nav.menu > li{
  margin:0 !important;
  padding:0 !important;
}
.main-nav .main-nav-wrapper nav ul.nav.menu > li > a{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 10px 14px;
  border-radius: 999px;
  background: rgba(22,155,230,.10);
  color: #0f2a3d;
  font-weight: 700;
  letter-spacing: .2px;
  transition: transform .15s ease, background .15s ease, box-shadow .15s ease, color .15s ease;
  box-shadow: 0 8px 18px rgba(15,42,61,.06);
}
.main-nav .main-nav-wrapper nav ul.nav.menu > li > a:hover{
  background:#169be6;
  color:#fff;
  transform: translateY(-1px);
  box-shadow: 0 12px 26px rgba(22,155,230,.22);
}
.main-nav .main-nav-wrapper nav ul.nav.menu > li.current-menu-item > a,
.main-nav .main-nav-wrapper nav ul.nav.menu > li.current_page_item > a{
  background:#169be6;
  color:#fff;
}

/* Language switcher: inline current + submenu side-by-side (no absolute) */
.lang-switcher .lang-switcher-ul{
  display:flex !important;
  align-items:center !important;
  gap: 8px !important;
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
}
.lang-switcher .lang-switcher-ul > li{
  display:flex !important;
  align-items:center !important;
  gap: 8px !important;
  margin:0 !important;
  padding:0 !important;
}
.lang-switcher .lang-switcher-ul > li > a,
.lang-switcher .lang-switcher-ul > li > ul.sub-menu > li > a{
  display:inline-flex !important;
  align-items:center !important;
  gap: 6px !important;
  padding: 8px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(15,42,61,.14) !important;
  background: rgba(255,255,255,.92) !important;
  color:#0f2a3d !important;
  font-weight: 700 !important;
  line-height:1 !important;
  text-transform: uppercase;
}
.lang-switcher .lang-switcher-ul > li > a:hover,
.lang-switcher .lang-switcher-ul > li > ul.sub-menu > li > a:hover{
  border-color: rgba(22,155,230,.35) !important;
  box-shadow: 0 10px 26px rgba(22,155,230,.12);
}
.lang-switcher .lang-switcher-ul > li > ul.sub-menu{
  display:flex !important;
  position: static !important;
  float:none !important;
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
  gap: 8px !important;
  background: transparent !important;
  box-shadow:none !important;
}
.lang-switcher .lang-switcher-ul > li > ul.sub-menu li{
  margin:0 !important;
  padding:0 !important;
}
.lang-switcher .wpglobus_flag{
  padding-left: 0 !important; /* requested */
  background: none !important;
  display:inline-flex !important;
  align-items:center !important;
  gap: 6px !important;
}
/* Draw flags via ::before so padding-left is not needed */
.lang-switcher .wpglobus_flag::before{
  content:"";
  width: 18px;
  height: 12px;
  border-radius: 2px;
  box-shadow: 0 0 0 1px rgba(15,42,61,.12);
  background-size: cover;
  background-position: center;
  display:inline-block;
}
.lang-switcher .wpglobus_flag_ru::before{ background-image:url("../../../../../../plugins/wpglobus/flags/ru.png"); }
.lang-switcher .wpglobus_flag_kz::before{ background-image:url("../../../../../../plugins/wpglobus/flags/kz.png"); }

/* Gov slider: add breathing space */
.govSlider__item{
  padding: 8px !important;
}
.gov-slider-item{
  border-radius: 18px;
  overflow:hidden;
  box-shadow: 0 12px 28px rgba(15,42,61,.10);
}
.gov-slider-item-text{
  padding: 12px 14px !important;
  font-weight: 800;
}

/* Search: use magnifier icon (remove any ">" chevron) */
.finder-wrapper .search form button::after{ content:none !important; }
.finder-wrapper .search form button{
  position: relative;
  width: 44px;
  height: 44px;
  border-radius: 14px;
  border: 0 !important;
  background: #169be6 !important;
  box-shadow: 0 12px 26px rgba(22,155,230,.22);
}
.finder-wrapper .search form button::before{
  content:"";
  position:absolute;
  inset:0;
  margin:auto;
  width: 18px;
  height: 18px;
  background-color:#fff;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 18a8 8 0 1 1 5.293-14.01A8 8 0 0 1 10 18Zm0-2a6 6 0 1 0-4.243-10.243A6 6 0 0 0 10 16Zm7.586 5.414-4.242-4.242 1.414-1.414 4.242 4.242-1.414 1.414Z'/%3E%3C/svg%3E") no-repeat center/contain;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 18a8 8 0 1 1 5.293-14.01A8 8 0 0 1 10 18Zm0-2a6 6 0 1 0-4.243-10.243A6 6 0 0 0 10 16Zm7.586 5.414-4.242-4.242 1.414-1.414 4.242 4.242-1.414 1.414Z'/%3E%3C/svg%3E") no-repeat center/contain;
}
.finder-wrapper .search form input[type="search"]{
  height: 44px;
  border-radius: 14px;
  border: 1px solid rgba(15,42,61,.14);
  background:#fff;
  padding: 0 12px;
}
.finder-wrapper .search form input[type="search"]:focus{
  outline:none;
  border-color: rgba(22,155,230,.45);
  box-shadow: 0 0 0 4px rgba(22,155,230,.12);
}

/* =========================================================
   WPGlobus language switcher — text-only (no flags/icons)
   - removes reserved space for flags
   - keeps current language as a compact pill
   ========================================================= */

.lang-switcher .wpglobus_flag,
.lang-switcher .wpglobus_language_name{
  background: none !important;
  background-image: none !important;
  background-repeat: no-repeat !important;
  background-position: 0 0 !important;
  background-size: 0 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  text-indent: 0 !important;
  display: inline-block !important;
  line-height: 1 !important;
}

.lang-switcher .wpglobus_flag::before,
.lang-switcher .wpglobus_language_name::before,
.lang-switcher .wpglobus_flag::after,
.lang-switcher .wpglobus_language_name::after{
  content: none !important;
  display: none !important;
}

/* In case plugin assigns flag backgrounds on specific classes */
.lang-switcher .wpglobus_flag_kz,
.lang-switcher .wpglobus_flag_ru,
.lang-switcher .wpglobus_flag_en,
.lang-switcher [class*="wpglobus_flag_"]{
  background: none !important;
  background-image: none !important;
}

/* Current language: keep it visible (NOT white-on-white) */
.lang-switcher ul.lang-switcher-ul > li.wpglobus-current-language > a{
  background: #0ea5e9 !important;
  color: #ffffff !important;
  border-color: rgba(255,255,255,.22) !important;
}

/* Submenu items: same style but a bit lighter */
.lang-switcher ul.lang-switcher-ul > li.wpglobus-current-language > ul.sub-menu > li > a{
  background: rgba(255,255,255,.18) !important;
  color: #ffffff !important;
  border-color: rgba(255,255,255,.22) !important;
}
/* =========================
   Documents block (attestat)
   ========================= */

.documents-block{
  margin: 18px 0;
}

.documents-block-list{
  background: #fff;
  border-radius: 18px;
  padding: 18px;
  border: 1px solid rgba(15, 23, 42, .08);
  box-shadow: 0 10px 30px rgba(2, 6, 23, .06);
}

.documents-block-title{
  margin-bottom: 14px;
}

.documents-block-title h4{
  margin: 0;
  font-weight: 800;
  font-size: 18px;
  letter-spacing: .2px;
  color: #0f172a;
}

/* items wrapper */
.documents-block-item{
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}

/* one document link as a card */
.documents-block-item .attestat-popup-link{
  display: flex;
  align-items: center;
  gap: 12px;

  padding: 12px 14px;
  border-radius: 14px;
  background: linear-gradient(180deg, #ffffff, #fbfdff);
  border: 1px solid rgba(2, 132, 199, .12);

  text-decoration: none !important;
  color: #0f172a;

  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease, background .15s ease;
  position: relative;
  overflow: hidden;
}

/* subtle accent stripe */
.documents-block-item .attestat-popup-link::before{
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  bottom: 10px;
  width: 4px;
  border-radius: 999px;
  background: linear-gradient(180deg, #0ea5e9, #2563eb);
  opacity: .9;
}

/* icon */
.documents-block-item .attestat-doc-icon{
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  object-fit: contain;
  filter: saturate(1.1);
}

/* text behavior */
.documents-block-item .attestat-popup-link{
  font-size: 14px;
  line-height: 1.35;
  font-weight: 600;
}

/* hover */
.documents-block-item .attestat-popup-link:hover{
  transform: translateY(-1px);
  border-color: rgba(37, 99, 235, .25);
  box-shadow: 0 12px 28px rgba(2, 6, 23, .10);
  background: linear-gradient(180deg, #ffffff, #f6fbff);
}

/* focus */
.documents-block-item .attestat-popup-link:focus-visible{
  outline: 3px solid rgba(14,165,233,.25);
  outline-offset: 2px;
}

/* add "open" hint icon on the right (no extra HTML) */
.documents-block-item .attestat-popup-link::after{
  content: "↗";
  margin-left: auto;
  font-size: 16px;
  line-height: 1;
  opacity: .55;
  transform: translateY(-1px);
}

.documents-block-item .attestat-popup-link:hover::after{
  opacity: .9;
}

/* responsive grid for wider screens */
@media (min-width: 576px){
  .documents-block-item{
    grid-template-columns: 1fr 1fr;
  }
}

@media (min-width: 992px){
  .documents-block-item{
    grid-template-columns: 1fr 1fr;
    gap: 12px;
  }
}