.active_green, a.active_green {color: #4baf47 !important; }

.active_yellow, a.active_yellow {color: #fecc00 !important; }

.transparent-1 {background-color: rgba(0,0,0,0.9) !important; }

.text-justify {text-align: justify;}

.space-programs {
	padding: 40px 0px 60px 0px;
}

.space-top-tabs-content {
	padding-top: 5px;
}

.btn-lang-top {padding-left:15px; padding-right:15px;}
.logo-conteiner {width:220px; margin-top:-10px; margin-bottom:-10px;}

/* Medium Large devices */
@media (max-width: 1299px) {
  .logo-conteiner {width:220px;}
}
/* Medium devices */
@media (max-width: 991px) {
  .logo-conteiner {width:190px;}
}
/* Extra small devices */
@media (max-width: 575px) {
  .logo-conteiner {width:170px;}
}

.oformqne {
  margin-bottom:20px;
}
.oformqne img {
  width: 100%;
  border-radius: 10px;
  transition: 0.4s ease-in-out;
}

.oformqne:hover img {
 transform: scale(1.1);
}

.counter-card.style3 {border-bottom: 1px solid var(--yellow-color);}

/* Krugovo menu */

.circle-main-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.circle-container {
    position: relative;
}

.center-logo {
    position: absolute;
    background: var(--logo-bg, #6610f2);
    color: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2rem;
    z-index: 3;
}

.line {
    position: absolute;
    border-top: var(--line-width, 2px) solid var(--line-color, #333);
    height: 0;
    transform-origin: left center;
    z-index: 1;
}

.item {
    position: absolute;
    z-index: 2;
}

.icon-link {
    position: absolute;
    display: block;
    text-decoration: none;
}

.icon-circle {
    background: var(--icon-bg, #0d6efd);
    color: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: transform 0.3s, background 0.3s;
}

.icon-label {
    max-width: var(--label-max-width, 150px);
    font-size: var(--label-font-size, 0.8em);
    color: var(--label-color, #333);
    word-wrap: break-word;
    white-space: normal;
    position: absolute;
    transform: translate(-50%, -50%);
    transition: color 0.3s, transform 0.3s;
}

.icon-link:hover .icon-circle {
    background: var(--icon-hover-bg, #6610f2);
    transform: scale(var(--hover-scale-icon, 1.1));
}

.icon-link:hover .icon-label {
    color: var(--label-hover-color, #6610f2);
    transform: translate(-50%, -50%) scale(var(--hover-scale-label, 1.05));
}

@media (max-width: 768px) {
  .circle-container {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    gap: 20px;
    justify-items: center;
    padding: 20px;
    width: 100vw !important;
    height: auto !important;
    position: static !important;
  }
    .center-logo,
    .line {
        display: none !important;
    }
    .item {
        position: static !important;
        width: 110px;
        min-width: 90px;
        margin: 0 5px 18px 5px;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;
    }
    .icon-link {
        position: static !important;
        display: flex !important;
        flex-direction: column;
        align-items: center;
        text-align: center;
        width: 100%;
    }
    .icon-circle {
        width: 54px !important; /* или твоя размер */
        height: 54px !important;
        font-size: 1.9rem !important;
        margin: 0 auto;
    }
    .icon-label {
        position: static !important;
        transform: none !important;
        margin-top: 8px;
        margin-bottom: 0;
        display: block !important;
        text-align: center !important;
        width: 100%;
        max-width: 100%;
        word-break: break-word;
        font-size: 1em;
        line-height: 1.25em;
    }
}

/* Modal */
.modal {
    z-index: 19950;
    background-color: rgba(255, 255, 255, 0.65) !important;
}

.modal-content {
    border-radius: 0.75rem !important;
    overflow: hidden;
}

.modal-header.custom-animated {
    background: linear-gradient(-45deg, #005f27, #04130a, #005f27);
    background-size: 400% 400%;
    animation: smoothGradient 15s ease infinite;
    color: white;
    border-bottom: none;
    padding: 1rem 1.5rem;
    position: relative;
}

.modal-header.custom-animated h5 {
    color: white;
}

/* Плавна анимация */
@keyframes smoothGradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

.modal-body {
    padding: 1rem 1.5rem;
}

.modal-body p{
    padding:0px;
	margin:0px;
}

.btn-close-custom {
    background: none;
    border: none;
    color: white;
    font-size: 1.5rem;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.6s ease;
    transform-origin: center center;
    cursor: pointer;
}

.btn-close-custom i {
    transition: transform 0.6s ease;
}

.btn-close-custom:hover i {
    transform: rotate(180deg);
}

/* END ---- Krugovo menu */




/* Maps css start ---- */

/* END Maps css ---- */

a.footlinkmore {font-weight: 900;}
a.footlinkmore:hover {color:#fff;}


/*--Hide element-if-display-small--*/
@media (max-width: 990px) {
  .ifsmallHide {
    display: none !important;
  }
}

.counter-title {font-size: 20px;}

.shadow-lineup {box-shadow: 0 -10px 24px -8px rgba(0,0,0,0.24);}
.shadow-linedown {box-shadow: 0 10px 24px -8px rgba(0,0,0,0.24);}


.partnCatTitle {
	position: absolute;
	margin-top:-6px;
	margin-left:25px;
	font-size:18px;
	font-weight:bold;
	color: var(--yellow-color);
	}
	
.filterPrNews {
 float:right;
 padding-bottom:15px;
}

.f_btn {
  position: relative;
  z-index: 2;
  vertical-align: middle;
  display: inline-flex;
  border: 1px solid var(--border-color);
  align-items: center;
  text-align: center;
  background-color: var(--white-color);
  color: var(--theme-color);
  font-family: var(--body-font);
  font-size: 16px;
  font-weight: 600;
  line-height: 25px;
  padding: 15px 32px;
  overflow: hidden;
  transition: all 0.35s;
  border-radius: 5px;
  /* Medium Large devices */
}
.widget2 {
  margin-bottom: 30px;
  position: relative;
  padding: var(--widget-padding-x, 5px);
  background: var(--smoke-color);
  border: 0;
  border-radius: 15px;
}
.more-img img {
  object-fit: cover;
  border-radius: 12px; 
  transition: 0.4s ease-in-out;
  width:100%
  }
  
.more-img:hover img {
  transform: scale(1.02);
  opacity: 0.5;
  }
  
.border2-theme {border: 2px solid var(--theme-color);}

span.icon-more {color: var(--theme-color);}

.recent-post-wrap .recent-post:not(:last-child) {
    border-bottom: 1px dashed var(--light-color);
	padding-bottom: 12px;            /* вътрешно отстояние над разделителя */
    margin-bottom: 12px;          
}
.space-bottom-30{ padding-bottom:30px;}

/* -----------------------------  PROJECTS ----------------------------------*/

      #map{ position:absolute; inset:0;}

      #panel{ position:absolute; right:0; top:0; bottom:0; width:min(420px, 92vw); background:var(--card);
        border-left:1px solid var(--b); box-shadow: var(--shadow); transform: translateX(110%);
        transition: transform .28s ease; z-index: 1000; }
      #panel.open{ transform: translateX(0); }
      .panel-header{ display:flex; align-items:center; justify-content:space-between; padding:12px 14px; border-bottom:1px solid var(--b); background: var(--card); }
	  .panel-header .ProgDitailClose{margin-left:auto;}
      .panel-title{ font-weight:800 }
      .panel-body{ padding:12px 14px; overflow:auto; height:calc(100% - 49px); background: var(--card); }
      .card{ border:1px solid var(--b); border-radius:14px; padding:12px 14px; margin-bottom:12px; background:#16203a }
      
	  .kv{ display:grid; grid-template-columns: 160px 1fr; gap:6px 10px;}
	  .kv a:hover {color:white;}
      .kv .kk{color:white;}
	  .kktitl{color:white; font-weight:800;font-size:16px}
      .tag{ display:inline-flex; align-items:center; gap:8px; border:1px solid var(--b); padding:6px 10px; border-radius:12px; background:#0f1830; font-size:12px }
      .dot{ width:12px; height:12px; border-radius:50%; border:1px solid #0006 }

      .floating-filterPr{ position:absolute; left:14px; top:14px; z-index: 1100; }
      .filterPr-card{ background:#141b33; border:1px solid var(--b); border-radius:12px; box-shadow: var(--shadow); max-height: none; overflow: visible; }
	  
	  .filterPr-toggle{ display:flex; align-items:center; gap:8px; padding:10px 12px; cursor:pointer; user-select:none; }
      .filterPr-toggle .sel{ font-weight:700 }
      .filterPr-menu{ display:none; overflow:auto; }
      .filterPr-card.open .filterPr-menu{ display:block }
      .filterPr-item{ display:flex; align-items:center; gap:10px; padding:10px 12px; cursor:pointer; border-top:1px solid var(--b); }
      .filterPr-item:hover{ background:#1a2442 }
      .filterPr-color{ width:12px; height:12px; border-radius:50%; border:1px solid #0006 }
      .filterPr-icon{ width:18px; display:inline-flex; justify-content:center }

      .am{ --size: 34px; width:var(--size); height:var(--size); border-radius:50%; display:grid; place-items:center; box-shadow:0 6px 16px rgba(0,0,0,.45); border:1px solid rgba(0,0,0,.35); background:#1a2347 }
      .am i{ color:white; font-size: calc(var(--size) * .55); }
      .am.ring{ outline: 2px solid rgba(255,255,255,.18); outline-offset: 2px; cursor:pointer; }
	  
      .floating-searchPr {position:absolute; left:14px; bottom:14px; z-index:3;}
	  .floating-searchPr-in {display:flex;gap:8px;align-items:center; background:#141b33;border:1px solid var(--b); border-radius:12px;padding:5px 8px;min-width:260px;}
	  .floating-searchPr-in i {}
	  .floating-searchPr-in imput {flex:1;height:20px; min-width:140px;padding:6px 8px;border-radius:8px; border:1px solid var(--b);background:#0f1830;color:#fff;outline:none;}
	  .floating-searchPr-in button {border:1px solid var(--b);background:#0f1830;color:#fff; border-radius:8px;padding:6px 10px;cursor:pointer;}
	  
button.ProgDitailClose {
  width: 50px;
  height: 50px;
  line-height: 48px;
  top: 40px;
  right: 40px;
  background-color: var(--theme-color);
  font-size: 18px;
  border-radius: 10px;
  transform: rotate(0);
  transition: all ease 0.4s;
  color: var(--white-color);
  border: 0;
}
button.ProgDitailClose:hover {
  color: var(--body-color);
  background-color: #fff;
  border-color: transparent;
  border-color: transparent;
  transform: rotate(90deg);
}
	  
/* -----------------------------END  PROJECTS ----------------------------------*/

.news-filtur-top, .gallery-filtur-top {text-align:right!important}

/* Medium Large devices */
@media (max-width: 1299px) {
  
}
/* Large devices */
@media (max-width: 1199px) {
   .news-filtur-top, .gallery-filtur-top {text-align:center!important; margin-bottom:10px;}
}
/* Small devices */
@media (max-width: 767px) {
  .news-filtur-top, .gallery-filtur-top {text-align:center!important; margin-bottom:10px;}
}

.filterAwards {
  display: flex;
  flex-wrap: nowrap;
  gap: .5rem;
}
.filterAwards .btn {
  flex: 0 0 auto;   /* фиксира ширината на съдържанието, не позволява разтягане */
}

.filter-scroller {float:right;}
/* Medium Large devices */
@media (max-width: 1299px) {
  .filter-scroller {float:right;}
}
/* Large devices */
@media (max-width: 1199px) {
   .filter-scroller{ float: none; margin: 0 auto; display: flex; justify-content: center; width: 100%;}
}
/* Small devices */
@media (max-width: 767px) {
  .filter-scroller {float: none;margin: 0 auto; display: flex; justify-content: center; width: 100%;}
}
.filter-scroller button {padding-left:14px;padding-right:14px;}
.filter-scroller .strelki {color: var(--gray-color); padding-top:10px; padding-bottom:10px; font-size:28px; background:none; border:none;}
.filter-scroller .strelki:hover {color: var(--theme-color);}
/* По желание: дисейбълнатите стрелки да изглеждат неактивни */
.filter-scroller .ctrl-prev:disabled,
.filter-scroller .ctrl-next:disabled {opacity: .5;pointer-events: none;}

/* Плеърът за mp4 да не закрива кръстчето */
#mp4-player {
  position: relative;
  max-width: 80vw;
  max-height: 80vh;
  margin: 0 auto;
  background: #000;
  padding-top: 40px; /* оставяме място за бутона за затваряне */
  border-radius: 12px;
}

/* Видео-то вътре */
#mp4-player video {
  width: 100%;
  height: auto;
  max-height: calc(80vh - 40px);
  display: block;
  margin: 0 auto;
}

/* Кръстчето винаги да е най-отгоре */
.mfp-content .mfp-close {
  z-index: 9999 !important;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 50px;
  height: 50px;
  line-height: 48px;
  background-color: var(--theme-color);
  font-size: 24px;
  border-radius: 10px;
  transform: rotate(0);
  transition: all ease 0.4s;
  color: var(--white-color);
  border: 0;
}

.mfp-content .mfp-close:hover {
  color: var(--body-color);
  background-color: #fff;
  border-color: transparent;
  border-color: transparent;
  transform: rotate(90deg);
}

.white-popup{
  background:#fff;
  padding:20px;
  max-width:88%;
  margin:20px auto;
  position:relative;
  border-radius:12px;
  border: 1px solid black;
}
.white-popup p{
  margin:0px;
  padding:0px;
 }

a.prog-more-menu span{
  color: var(--theme-color) !important;
  text-decoration: none;
  outline: 0;
  transition: all ease 0.4s;
}

a.prog-more-menu span:hover{
  color: var(--title-color)!important;
}

.nav-pills .nav-item .nav-link {
  border:0;
  background: var(--gray-color3);
  border-radius: 5px;
  padding: 10px 15px;
  font-size: 15px;
  margin-right: 10px;
  margin-bottom:10px;
  color: var(--title-color);
  position: relative; /* Добавено */
}

.nav-pills .nav-item .nav-link.active, 
.nav-pills .nav-item .nav-link:active, 
.nav-pills .nav-item .nav-link:focus, 
.nav-pills .nav-item .nav-link:hover {
  background: var(--theme-color);
  color: var(--white-color);
}

/* Стрелка за активния таб */
.nav-pills .nav-item .nav-link.active::after {
  content: '';
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid var(--theme-color);
}

.tab-content-st2 {
  border: 1px solid var(--theme-color);
  border-radius: 5px;
  padding: 15px;
  margin-top: 5px; /* Добавете малко разстояние от стрелката */
}

.tab-content-st2 .tab-pane p{
	padding: 0px;
	margin:0px;
}
.tab-content-st2 .tab-pane ul{
	padding-bottom: 0px !important;
	margin-bottom:0px !important;
}

.blog-content p {
	margin: 0 0 8px 0 !important;
    line-height: 1.4;
}



/* Kandidat forma*/

.error-border {
    border: 2px solid red !important;
    animation: shake 0.3s ease-in-out;
    transition: border-color 0.3s;
}

@keyframes shake {
    0% { transform: translateX(0px); }
    25% { transform: translateX(-4px); }
    50% { transform: translateX(4px); }
    75% { transform: translateX(-4px); }
    100% { transform: translateX(0px); }
}

.select-wrapper.error-border {
    border: 2px solid red;
    border-radius: 9px;
    padding: 0px;
    transition: border-color 0.3s;
}

.fake-input {
    border: 1px solid #e3e3e3;
    padding: 10px 10px;
    background-color: #e3e3e3;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 30px;
    color: #333;
}

.form-control[required]{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Ctext x='0' y='12' fill='%23dc3545' font-weight='bold'%3E*%3C/text%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 12px;
    padding-right: 30px;
}

/* Filtur menu Drop-Down --------------------------------------------------*/

.filter-dropdown .btn i {
  font-size: 0.8em;
  opacity: 0.9;
  padding-left:10px;
}

.filter-dropdown {
  position: relative; /* нужна е позиция за референция */
}

.filter-dropdown .dropdown-menu {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 7px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  min-width: 250px;
  margin-top: 0.5rem;
}


.filter-dropdown .dropdown-item {
  padding:12px;
  border-bottom: 1px solid var(--gray-color3);
  cursor: pointer;
}
.filter-dropdown .dropdown-item.active,
.filter-dropdown .dropdown-item:hover {
  background-color: var(--theme-color);
  color: #fff;
  padding:12px;
  border-bottom: 1px solid var(--white-color);
}


/* END ---------------------------------------Filtur menu Drop-Down --------------------------------------------------*/