@import url(https://fonts.googleapis.com/css?family=Comfortaa&display=swap);
body{font-family:Comfortaa; }
a{font-family:Comfortaa; }
h1, .h1-text, .h1-text a {font-family:Comfortaa; font-size:1px; color:rgba(4, 64, 116, 0); font-weight:lighter; }
h2, .h2-text {font-size:1px; color:rgba(4, 64, 116, 0); font-weight:lighter; }
h3{color:rgb(4, 64, 116); }
.p-title{font-size:18px; color:rgb(1, 147, 220); font-weight:bold; text-align:center; }
.text_table{font-size:13px; color:rgb(48, 48, 48); }
.text_table_line{background-color:rgba(1, 147, 220, 0.21); }
.rv_tbl{font-size:14px; }
.rv_title{font-size:18px; color:rgb(4, 64, 116); }
.rv_days{font-size:14px; }
.news_tbl_all{font-size:14px; }
.products_tbl_all{font-size:14px; text-align:center; }
.left_submenu{color:rgb(56, 52, 49); }
.left_submenu a{color:rgb(56, 52, 49); }
.left_submenu_act{color:rgb(209, 0, 0); }
.filter_form{color:rgb(209, 0, 0); }
.filter_title{font-size:17px; color:rgb(56, 52, 49); }
.filter_parameters{color:rgb(56, 52, 49); }
.sm_products{color:rgb(255, 255, 255); }
.sm_products a{font-size:15px; color:rgb(56, 52, 49); }
.sm_products_price{font-size:14px; color:rgb(209, 0, 0); }
.sm_products_promo{font-size:23px; color:rgb(56, 52, 49); }
.price{font-size:20px; color:rgb(209, 0, 0); }
.pr_filter_title{font-size:12px; color:rgb(101, 101, 101); font-weight:bold; }
.buy_button{color:rgb(255, 255, 255); background-color:rgb(209, 0, 0); }
.buy_input{font-size:12px; color:rgb(113, 113, 113); font-weight:lighter; }
.h_menu{font-size:16px; color:rgb(138, 138, 138); text-align:center; border-color:rgb(243, 243, 243); border-width:5px; border-style:solid; background-color:rgb(243, 243, 243); }
.h_menu:hover{font-size:16px; color:rgb(255, 255, 255); text-align:center; border-color:rgb(241, 37, 37); border-width:5px; border-style:solid; background-color:rgb(241, 37, 37); }
.h_menu_act{font-size:16px; color:rgb(255, 255, 255); text-align:center; border-color:rgb(241, 37, 37); border-width:5px; border-style:solid; background-color:rgb(241, 37, 37); }
.t_menu_all{color:rgb(255, 255, 255); background-color:rgb(255, 255, 255); }
.t_menu_tbl{color:rgb(255, 255, 255); }
.t_menu{color:rgb(34, 34, 34); background-color:rgb(255, 255, 255); }
.t_menu:hover{background-color:rgb(4, 64, 116); }
.t_menu a{font-size:16px; color:rgb(1, 115, 188); }
.t_menu a:hover{font-size:16px; color:rgb(255, 255, 255); }
.t_menu_act{font-size:16px; color:rgb(75, 158, 36); background-color:rgb(242, 250, 241); }
.t_podmenu{background-color:rgb(1, 115, 188); }
.t_podmenu:hover{background-color:rgb(0, 69, 113); }
.t_podmenu a{font-size:15px; color:rgb(0, 0, 0); }
.t_podmenu a:hover{font-size:15px; color:rgb(19, 19, 19); }
.left_menu{border-color:rgba(0, 0, 0, 0.17); border-width:1px; border-style:none; background-color:rgb(1, 147, 220); }
.left_menu:hover{border-color:rgba(0, 0, 0, 0.17); border-width:1px; border-style:none; background-color:rgb(4, 64, 116); }
.left_menu a{font-size:14px; color:rgb(255, 255, 255); }
.left_menu a:hover{font-size:14px; color:rgb(255, 255, 255); }
.left_menu_act{font-size:14px; color:rgb(255, 255, 255); border-color:rgba(75, 158, 36, 0.46); border-width:1px; border-style:dotted; background-color:rgb(4, 64, 116); }
.mms{font-size:16px; background-color:rgb(255, 255, 255); }
.mms_act{font-size:16px; background-color:rgb(255, 255, 255); }
.mms:hover{font-size:16px; background-color:rgb(255, 255, 255); }
.mms a{color:rgb(23, 23, 23); }
.mms .act{color:rgb(48, 159, 189); }
.mms a:hover{color:rgb(36, 120, 143); }
.sm{background-color:rgb(48, 159, 189); }
.sm li:hover{color:rgb(255, 255, 255); }
.sm li a{font-size:12px; color:rgb(255, 255, 255); border-color:rgba(48, 159, 189, 0.21); border-width:1px; border-style:solid; }
.sm  li .act{font-size:14px; }
.sm  li a:hover{color:rgb(255, 255, 255); }
.mega .sm{background-color:rgb(48, 159, 189); background: linear-gradient(rgb(48, 159, 189), rgb(1, 147, 220)); background: -webkit-linear-gradient(rgb(48, 159, 189), rgb(1, 147, 220));background: -o-linear-gradient(rgb(48, 159, 189), rgb(1, 147, 220));background: -moz-linear-gradient(rgb(48, 159, 189), rgb(1, 147, 220));}
.mega .sm li a{font-size:15px; }
.mega .sm li .act{color:rgb(255, 255, 255); }
.mega .sm li a:hover{font-size:15px; color:rgb(255, 255, 255); }
.mega .sm li ul li{font-size:15px; color:rgb(255, 255, 255); }
.mega .sm li ul li a{font-size:15px; color:rgb(255, 255, 255); }
.mega .sm li ul li a:hover{font-size:15px; color:rgb(255, 255, 255); }
.da-slider{background-color:rgba(255, 255, 255, 0.85); }
.kare-title{font-size:20px; color:rgb(251, 251, 251); text-align:center; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; background-color:rgb(175, 63, 63); background: linear-gradient(rgb(175, 63, 63), rgb(219, 24, 24)); background: -webkit-linear-gradient(rgb(175, 63, 63), rgb(219, 24, 24));background: -o-linear-gradient(rgb(175, 63, 63), rgb(219, 24, 24));background: -moz-linear-gradient(rgb(175, 63, 63), rgb(219, 24, 24));}
.kare-text{font-size:20px; color:rgb(251, 251, 251); border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; background-color:rgb(175, 63, 63); background: linear-gradient(rgb(175, 63, 63), rgb(219, 24, 24)); background: -webkit-linear-gradient(rgb(175, 63, 63), rgb(219, 24, 24));background: -o-linear-gradient(rgb(175, 63, 63), rgb(219, 24, 24));background: -moz-linear-gradient(rgb(175, 63, 63), rgb(219, 24, 24));}
.kare-button{font-size:20px; color:rgb(255, 255, 255); text-align:center; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; background-color:rgb(80, 161, 81); }
.kare-button2{background-color:rgb(1, 147, 220); }
.kare-button2:hover{background-color:rgb(255, 255, 255); }
.da-dots span{background-color:rgb(1, 147, 220); }
.header{color:rgb(255, 255, 255); background-color:rgb(48, 159, 189); background: linear-gradient(rgb(48, 159, 189), rgb(0, 149, 219)); background: -webkit-linear-gradient(rgb(48, 159, 189), rgb(0, 149, 219));background: -o-linear-gradient(rgb(48, 159, 189), rgb(0, 149, 219));background: -moz-linear-gradient(rgb(48, 159, 189), rgb(0, 149, 219));}
#head-div{font-size:17px; color:rgb(255, 255, 255); }
.head-ico li{color:rgb(255, 255, 255); }
.head-ico li a{font-size:20px; color:rgb(255, 255, 255); font-weight:bold; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-color:rgb(80, 161, 81); background: linear-gradient(rgb(80, 161, 81), rgb(154, 200, 120)); background: -webkit-linear-gradient(rgb(80, 161, 81), rgb(154, 200, 120));background: -o-linear-gradient(rgb(80, 161, 81), rgb(154, 200, 120));background: -moz-linear-gradient(rgb(80, 161, 81), rgb(154, 200, 120));}
.head-ico li a:hover{color:rgb(255, 255, 255); }
.header_text_mobile{color:rgb(255, 255, 255); background-color:rgb(48, 159, 189); }
.footer{background-color:rgb(48, 159, 189); }
.footer_tbl{font-size:11px; color:rgb(255, 255, 255); text-align:center; }
.footer_btm{font-size:11px; color:rgb(255, 255, 255); text-align:center; }
.footer_btm a{font-size:11px; color:rgb(255, 255, 255); text-align:center; }
.btm_table_menu{color:rgba(0, 0, 0, 0); }
.btm_table{color:rgb(255, 255, 255); text-align:center; }
.btm_table a{font-size:15px; color:rgb(255, 255, 255); text-align:center; }
.news_title{font-size:21px; color:rgb(255, 255, 255); text-align:center; background-color:rgb(1, 147, 220); }
.news_table{background-color:rgb(255, 255, 255); }
.news_data{font-size:11px; color:rgb(236, 29, 29); text-decoration:blink; }
.acc_title{color:rgb(1, 147, 220); }
.acc_table_menu{font-family:helvetica; color:rgb(1, 147, 220); text-align:justify; }
.acc_tbl_scr{border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-color:rgb(255, 255, 255); }
.acc_table:hover{color:rgb(4, 64, 116); }
.acc_table a{color:rgb(4, 64, 116); }
.acc_table a:hover{color:rgb(4, 64, 116); }
.nav_tbl{font-size:11px; color:rgb(255, 255, 255); }
.nav_menu{font-size:11px; color:rgb(48, 48, 48); }
.nav_menu a{font-size:11px; color:rgb(48, 48, 48); }
.nav_menu a:hover{font-size:11px; }
.nav_menu_act{font-size:11px; color:rgb(4, 64, 116); }
.gallery{color:rgb(255, 255, 255); }
.c_form_tbl{background-color:rgb(255, 255, 255); }
.send_email_btn{border-color:rgb(234, 67, 53); border-width:7px; border-style:solid; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-color:rgb(234, 67, 53); }
.send_email_btn a{color:rgb(255, 255, 255); }
.contacts_title{font-size:18px; color:rgb(4, 64, 116); }
.contact_email a{font-size:13px; color:rgb(12, 85, 108); }
.c_form_text{background-color:rgb(255, 255, 255); }
.c_form_button{background-color:rgb(255, 255, 255); }
.c_form_input{background-color:rgb(255, 255, 255); }
.ma-div-1 .ma-ttl{font-size:60px; color:rgb(255, 255, 255); }
.ma-div-1 .ma-txt{font-size:60px; color:rgb(255, 255, 255); }

.head_logo{float:left;}
.header_height{height:10px;}
.h_menu_div{padding-top:px;}
h1 {padding-top:px; }
.h1margin {margin-top:-px;}
.h1-text {padding-top:px; }
.site_width{width:1300px; display:table; margin-left: auto; margin-right: auto;}
.news_table{width:1300px; margin-left: auto; margin-right: auto;}
.t_menu, .t_menu_act, .m_menu_icon{height:40px; line-height: 40px;}
.acc_table_menu{ display:block; vertical-align:middle;}
.btm_table_menu{height:25px; display:table-cell; vertical-align:middle;}
.news_title{height:50px; display:table-cell; vertical-align:middle;}
.mega-menu-title{height:30px;}
.t_podmenu{height:30px;line-height:30px;}
.left_menu a, .left_submenu a{padding:10px; display: block;}
.left_menu_act, .left_submenu_act{padding:10px; display: block;}
.h_menu, .h_menu_act {padding:px; margin-left:px;}
#soc-div {position: absolute; text-align:right; right:0; padding-top:30px; padding-right:5px;}
.ma-div-1 div{position: relative;}
.ma-div-1{height:700px; overflow: hidden;background-image: url("https://temp.ida-vet.bg/images/mabg-1.jpg"); background-repeat:no-repeat; background-position:top center;  -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.ma-div-1 .ma-ttl{position: absolute; top:300px;}
.ma-div-1 .ma-txt{position: absolute;}
.ma-div-1 .ma-btn{position: absolute;}
.ma-div-1 .ma-img{position: absolute;}

.contacts_h{min-height:450px;}
.contacts_map{height:470px !important;}
.mms{margin:15px 0px 15px 0px !important; width:auto;}
.mms a{padding:20px 15px 20px 15px }
.sm{margin:0px 0px 0px 0px !important; width:200px !important;}
.sm a{padding:15px 5px 15px 5px }
.mega .sm{height:220px }
.mega .sm li{width:433px !important;}
.mega .sm li a{padding:15px 10px 15px 100px !important;}
.mega .sm li ul li a{padding:15px 10px 15px 100px !important;}
.contacts_title {font-size: 32px !important;
  font-weight: 700 !important;
  color: #2c3e50 !important;
  margin-bottom: 12px !important;
  border-bottom: 3px solid #0d6efd !important;
  display: inline-block !important;
  padding-bottom: 8px !important;
}



#tdc .pswp_gallery { margin-bottom: 30px;}


.ma-div-1 .ma-ttl {width: 100%; left: 0; text-align: center; text-shadow: 0px 2px 3px #000000;}
.ma-div-1 .ma-txt {width: 100%; left: 0; text-align: center; text-shadow: 0px 2px 3px #000000;}




#trw:has(> .footer) {height: 50px;}

/* Основен контейнер на екипа (мрежа по 4 на ред) */
.ekip ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: 1fr; /* По подразбиране мобилни: 1 на ред */
  gap: 20px; /* Разстояние между картите */
}

/* Картийка за всеки член от екипа */
.ekip ul li {
  display: flex;
  flex-direction: column;
  background: #ffffff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  border: 1px solid #eaeaea;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.ekip ul li:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
}

/* Снимка (горе на карточката) */
.ekip-left {
  width: 100%;
}

.ekip-left figure {
  margin: 0;
  width: 100%;
  height: 240px; /* Фиксирана височина на кутията за снимка */
  background-color: #fcfcfc; /* Много лек фон за пространството около снимката */
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  border-bottom: 1px solid #f0f0f0;
}

.ekip-left img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain; /* Цялата снимка се събира, без рязане и зум */
}

/* Дясна/Долна част с информацията */
.ekip-right {
  padding: 18px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

/* Име на лекаря */
.ekip-name {
  font-size: 18px;
  font-weight: bold;
  color: #2c3e50;
  margin-bottom: 10px;
  padding-bottom: 8px;
  border-bottom: 2px solid #3498db; /* Син акцент под името */
}

/* Параметри (длъжност, телефон) с акцент */
.ekip-parameters {
  font-size: 14px;
  color: #555;
  line-height: 1.5;
  margin-bottom: 10px;
  background: #f8f9fa;
  padding: 8px 10px;
  border-radius: 6px;
}

.ekip-parameters span {
  font-weight: 600;
  color: #2c3e50;
}

/* Акцент специално за телефона, за да се напътства окото */
.ekip-parameters span:last-of-type,
.ekip-parameters br + span {
  color: #e67e22; /* Оранжев акцент за телефона */
}

/* Допълнително съдържание (членства, специални интереси) */
.ekip-content {
  flex-grow: 1;
  display: flex;
  align-items: flex-start;
}

.ekip-content p {
  font-size: 13px;
  color: #666;
  margin: 0;
  line-height: 1.4;
  font-style: italic;
  border-left: 3px solid #2ecc71; /* Зелен акцент за квалификациите */
  padding-left: 8px;
}

/* Заглавие на секцията */
.h1margin {
  font-size: 28px;
  font-weight: bold;
  color: #2c3e50;
  margin-bottom: 25px;
  padding-bottom: 10px;
  border-bottom: 2px solid #f0f0f0;
}

/* Разделителни линии */
.text_table_line {
  margin: 20px 0;
}

/* --- АДАПТИВНОСТ (RESPONSIVE) --- */

/* Таблети (над 600px): по 2 на ред */
@media (min-width: 600px) {
  .ekip ul {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* По-големи таблети / Лаптопи (над 900px): по 3 на ред */
@media (min-width: 900px) {
  .ekip ul {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* Десктопи (над 1200px): точно по 4 на ред */
@media (min-width: 1200px) {
  .ekip ul {
    grid-template-columns: repeat(4, 1fr);
  }
}







/* Основен контейнер за категориите на екипа */
.ekip-cats-all {
  display: flex;
  flex-wrap: wrap;
  gap: 20px; /* Разстояние между блокчетата */
  justify-content: center;
  margin-bottom: 30px;
}

/* Стил за всяка отделна категория */
.ekip-cats {
  display: flex;
  flex-direction: column;
  background: #ffffff;
  border-radius: 12px;
  overflow: hidden;
  text-decoration: none;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  border: 1px solid #eaeaea;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  width: 100%; /* По подразбиране на мобилни: 1 на ред */
}

/* Ефект при мишка (hover) - само леко повдигане, без зум на картинката */
.ekip-cats:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
}

/* Стил за фигурата и снимката */
.ekip-cats figure {
  margin: 0;
  width: 100%;
  height: 220px; /* Фиксирана височина на кутийката */
  overflow: hidden;
  background-color: #ffffff; /* Бял фон за пространствата около картинката, ако има такива */
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px; /* Леко отстъпче, за да диша картинката */
}

.ekip-cats figure img.img_h {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain; /* Побира цялата снимка в кутията БЕЗ ДА Я РЕЖЕ ИЛИ ЗУМВА */
}

/* Заглавие на категорията (текст под картинката) */
.ekip-cats .ttl {
  padding: 18px 15px;
  font-size: 17px;
  font-weight: bold;
  color: #2c3e50;
  text-align: center;
  background-color: #ffffff;
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: 1px solid #f0f0f0;
}

/* Заглавие на секцията "Екип" */
.h1margin {
  font-size: 28px;
  font-weight: bold;
  color: #2c3e50;
  margin-bottom: 25px;
  padding-bottom: 10px;
  border-bottom: 2px solid #f0f0f0;
}

/* Таблети и малки лаптопи (над 600px): по 2 на ред */
@media (min-width: 600px) {
  .ekip-cats {
    width: calc(50% - 10px);
  }
}

/* Десктопи (над 992px): по 3 на ред */
@media (min-width: 992px) {
  .ekip-cats {
    width: calc(33.333% - 14px);
  }
}







/* Мрежа за албумите */
.albumi .restxt {
  display: flex;
  flex-wrap: wrap;
  gap: 20px; /* Разстояние между албумите */
}

/* На мобилни устройства: 1 албум на ред */
.albumi .album {
  flex: 0 0 100%;
  max-width: 100%;
  box-sizing: border-box;
}

/* Стил за линка и карточката на албума */
.albumi .album a {
  display: block;
  text-decoration: none;
  color: #333;
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.albumi .album a:hover {
  transform: translateY(-4px);
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.12);
}

/* Заобляне и фиксирана височина на картинките в албумите */
.albumi .album figure {
  margin: 0;
  overflow: hidden;
}

.albumi .album figure img.img_w,
.albumi .album figure img.img_h {
  width: 100%;
  height: 220px; /* Можеш да я направиш 240px или 200px по твое желание */
  object-fit: cover;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  transition: transform 0.3s ease;
}

.albumi .album a:hover figure img {
  transform: scale(1.03);
}

/* Текст под картинката (име на албума) */
.albumi .album .text-center {
  padding: 14px;
  font-weight: bold;
  font-size: 16px;
  color: #2c3e50;
  background-color: #fff;
  text-align: center;
}

/* На десктоп и таблети (над 768px): точно по 3 албума на ред */
@media (min-width: 768px) {
  .albumi .album {
    flex: 0 0 calc(33.333% - 14px);
    max-width: calc(33.333% - 14px);
  }
}






.pswp_gallery {
  display: flex;
  flex-wrap: wrap;
  gap: 20px; /* По-голямо разстояние между снимките */
}

/* Мобилни устройства: 1 снимка на ред */
.pswp_gallery figure {
  flex: 0 0 100%;
  max-width: 100%;
  margin: 0;
}

/* Големина и заобляне на самите картинки */
.pswp_gallery figure img.img_w,
.pswp_gallery figure img.img_h {
  width: 100%;
  height: 280px; /* Увеличена височина, за да са по-големи снимките (можеш да я направиш и 320px) */
  object-fit: cover; /* Запълва пространството красиво, без да ги деформира */
  border-radius: 12px; /* По-силно заоблени ъгли */
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Лека сянка за модерен ефект */
  transition: transform 0.3s ease; /* Плавна анимация при мишка отгоре */
}

/* Ефект при мишка върху снимката (леко я увеличава) */
.pswp_gallery figure img.img_w:hover,
.pswp_gallery figure img.img_h:hover {
  transform: scale(1.02);
}

/* Десктоп и таблети (над 768px): точно по 3 снимки на ред */
@media (min-width: 768px) {
  .pswp_gallery figure {
    flex: 0 0 calc(33.333% - 14px);
    max-width: calc(33.333% - 14px);
  }
}






.news-ttl {
  font-size: 32px !important;
    font-weight: 700 !important;
    color: #2c3e50 !important;
    margin-bottom: 12px !important;
    border-bottom: 3px solid #0d6efd !important;
    display: inline-block !important;
    padding-bottom: 8px !important;
}

-----
/* Премахване на всякакви излишни рамки, черти или долни линии от фигурите */
#tdc .pswp_gallery figure {
    border: none !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.05) !important;
    background: #ffffff !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    margin: 0 0 20px 0 !important;
    padding: 0 !important;
}

/* Мрежа за самите снимки, за да се подредят красиво */
#tdc .pswp_gallery {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important; /* По 4 на ред на десктоп */
    gap: 20px !important;
    width: 100% !important;
    margin-top: 20px !important;
}

/* Настройка на линковете и самите изображения вътре в галерията */
#tdc .pswp_gallery figure a {
    display: block !important;
    width: 100% !important;
    height: 220px !important;
}

#tdc .pswp_gallery figure img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border: none !important;
}

/* Мобилна адаптация */
@media (max-width: 992px) {
    #tdc .pswp_gallery {
        grid-template-columns: repeat(2, 1fr) !important; /* По 2 на ред на таблет */
    }
}

@media (max-width: 576px) {
    #tdc .pswp_gallery {
        grid-template-columns: 1fr !important; /* По 1 на ред на телефон */
    }
}
----------
/* ==========================================================
   КОРИГИРАН ФИКС ЗА ГАЛЕРИЯТА (БЕЗ ДРИД, ЗА ДА СА ГОЛЕМИ)
   ========================================================== */

/* Заглавие на галерията */
#tdc h1.gallery-h1 {
    font-size: 32px !important;
    font-weight: 700 !important;
    color: #2c3e50 !important;
    margin-bottom: 25px !important;
    border-bottom: 3px solid #0d6efd !important;
    display: inline-block !important;
    padding-bottom: 8px !important;
    width: 100% !important;
}

/* Главен контейнер */
#tdc .site_width.margin_10 {
    max-width: 1320px !important;
    width: 100% !important;
    margin: 30px auto !important;
    padding: 0 20px !important;
    box-sizing: border-box !important;
}

/* Оставяме оригиналния контейнер да работи с наличните стилове, но оправяме отстоянията */
#tdc .gallery-images.pswp_gallery {
    width: 100% !important;
    margin-top: 20px !important;
}

/* Самите фигури (снимките) – запазваме им хубавата рамка и ги правим стабилни */
#tdc .gallery-images.pswp_gallery figure.gallery {
    background: #ffffff !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.05) !important;
    border: 1px solid rgba(0, 0, 0, 0.05) !important;
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;
    box-sizing: border-box !important;
    margin-bottom: 20px !important; /* Разстояние надолу между редовете */
}

#tdc .gallery-images.pswp_gallery figure.gallery img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
    transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* Ховър ефект */
#tdc .gallery-images.pswp_gallery figure.gallery:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 14px 35px rgba(13, 110, 253, 0.15) !important;
    border-color: rgba(13, 110, 253, 0.25) !important;
}

#tdc .gallery-images.pswp_gallery figure.gallery:hover img {
    transform: scale(1.06) !important;
}
--------------------
/* ==========================================================
   ФИКС ЗА АЛБУМИТЕ (ПЪЛНА ШИРИНА И 3 КОЛОНИ)
   ========================================================== */
#tdc .text_table .restxt {
    max-width: 1320px !important;
    width: 100% !important;
    margin: 30px auto !important;
    padding: 0 20px !important;
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    box-sizing: border-box !important;
}

#tdc .text_table .restxt .album {
    background: #ffffff !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06) !important;
    border: 1px solid rgba(0, 0, 0, 0.05) !important;
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;
    display: flex !important;
    flex-direction: column !important;
    margin: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

#tdc .text_table .restxt .album:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 16px 40px rgba(13, 110, 253, 0.15) !important;
    border-color: rgba(13, 110, 253, 0.25) !important;
}

#tdc .text_table .restxt .album a {
    text-decoration: none !important;
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

#tdc .text_table .restxt .album figure {
    margin: 0 !important;
    width: 100% !important;
    height: 240px !important;
    overflow: hidden !important;
    background: #f8f9fa !important;
}

#tdc .text_table .restxt .album figure img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

#tdc .text_table .restxt .album:hover figure img {
    transform: scale(1.06) !important;
}

#tdc .text_table .restxt .album .text-center {
    padding: 20px !important;
    font-size: 19px !important;
    font-weight: 700 !important;
    color: #2c3e50 !important;
    background: #ffffff !important;
    text-align: center !important;
    margin-top: auto !important;
    transition: color 0.3s ease !important;
}

#tdc .text_table .restxt .album:hover .text-center {
    color: #0d6efd !important;
}

/* Мобилна адаптация */
@media (max-width: 992px) {
    #tdc .text_table .restxt {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media (max-width: 576px) {
    #tdc .text_table .restxt {
        grid-template-columns: 1fr !important;
    }
}
------------------
#tdc h1.news-tit {
    font-size: 34px !important;
    font-weight: 700 !important;
    color: #2c3e50 !important;
    margin-bottom: 25px !important;
    border-bottom: 3px solid #0d6efd !important; /* Само една линия тук */
    display: inline-block !important;
    padding-bottom: 8px !important;
    line-height: 1.3 !important;
}
.news-text {font-size: 13px; color: black;}
/* Перфектна мрежа с гарантирано разстояние между снимките */
#tdc .pswp_gallery {
    display: flex !important;
    flex-wrap: wrap !important;
    margin-top: 35px !important;
}
-------------------------------------------------
#tdc .pswp_gallery figure {
    flex: 1 1 calc(50% - 15px) !important; /* Точно 50% минус половината от разстоянието */
    max-width: calc(50% - 15px) !important;
    margin: 0 !important;
    background: #ffffff !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.05) !important;
    border: 1px solid rgba(0, 0, 0, 0.05) !important;
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;
    height: 380px !important;
    box-sizing: border-box !important;
}

#tdc .pswp_gallery figure a {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
}

#tdc .pswp_gallery figure img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* Ховър ефект */
#tdc .pswp_gallery figure:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 14px 35px rgba(13, 110, 253, 0.15) !important;
    border-color: rgba(13, 110, 253, 0.25) !important;
}

#tdc .pswp_gallery figure:hover img {
    transform: scale(1.04) !important;
}

/* Респонзивност за мобилни устройства */
@media (max-width: 768px) {
    #tdc .pswp_gallery figure {
        flex: 1 1 100% !important;
        max-width: 100% !important;
        height: 260px !important;
    }
}
--------------------------
#news-5 .news-image img {
  position: absolute;
  top: 0%;}

#news-5 .news-image img {position: absolute;top: 0;}
/* 1. Главен контейнер на секцията и заглавна част */
.index_news_tbl {
    max-width: 1320px !important;
    margin: 40px auto !important;
    padding: 0 20px !important;
    box-sizing: border-box !important;
}

.index_news_tbl .site_width {
    width: 100% !important;
    padding: 0 !important;
}

.index_news_tbl .news_title {
    font-size: 32px !important;
    font-weight: 700 !important;
    margin-bottom: 25px !important;
    display: inline-block !important;
    padding-bottom: 8px !important;
    position: relative !important;
    width: 100% !important;
}


/* 2. Стил за бутоните за навигация на карусела */
.index_news_tbl .news_title button.owlNextBtn,
.index_news_tbl .news_title button.owlPrevBtn,
.index_news_tbl .owl-nav button {
    background: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
    color: #2c3e50 !important;
    width: 38px !important;
    height: 38px !important;
    border-radius: 50% !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    float: right !important;
    margin-left: 8px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.03) !important;
}



.index_news_tbl .news_title button.owlNextBtn:hover,
.index_news_tbl .news_title button.owlPrevBtn:hover,
.index_news_tbl .owl-nav button:hover {
    background: #0d6efd !important;
    color: #ffffff !important;
    border-color: #0d6efd !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 15px rgba(13, 110, 253, 0.2) !important;
}


/* 3. Оформяне на отделните елементи/карти вътре в карусела (.owl-div) */
.index_news_tbl .news_table {
    padding: 10px 0 !important;
}

.index_news_tbl .owl-carousel .owl-item {
    padding: 10px 5px !important; /* Създава външно разстояние, за да не се застъпват сенките */
    box-sizing: border-box !important;
}

.index_news_tbl .owl-div {
    background: #ffffff !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06) !important;
    border: 1px solid rgba(0, 0, 0, 0.05) !important;
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    box-sizing: border-box !important;
}

/* Ховър ефект едно към едно с предишните карти */
.index_news_tbl .owl-div:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 16px 40px rgba(13, 110, 253, 0.15) !important;
    border-color: rgba(13, 110, 253, 0.25) !important;
}

/* 4. Снимка на картата в карусела */
.index_news_tbl .news-image {
    width: 100% !important;
    height: 230px !important;
    overflow: hidden !important;
    background: #f8f9fa !important;
    margin: 0 !important;
}

.index_news_tbl .news-image img.img_w,
.index_news_tbl .news-image img.img_h {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

.index_news_tbl .owl-div:hover .news-image img {
    transform: scale(1.06) !important;
}

/* 5. Съдържание на картата в карусела */
.index_news_tbl .news-content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
    background: #ffffff !important;
}

.index_news_tbl .news-content h3 {
    margin: 0 0 10px 0 !important;
    font-size: 20px !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;
}

.index_news_tbl .news-content h3 a {
    color: #2c3e50 !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}

.index_news_tbl .news-content h3 a:hover {
    color: #0d6efd !important;
}

.index_news_tbl .news-content p.news-text {
    font-size: 15px !important;
    line-height: 1.6 !important;
    color: #64748b !important;
    margin: 0 !important;
}

/* 6. Позициониране на точките (owl-dots) под карусела */
.index_news_tbl .owl-dots {
    text-align: center !important;
    margin-top: 20px !important;
}

.index_news_tbl .owl-dots button.owl-dot {
    width: 10px !important;
    height: 10px !important;
    background: #cbd5e1 !important;
    border-radius: 50% !important;
    border: none !important;
    margin: 0 5px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

.index_news_tbl .owl-dots button.owl-dot.active {
    background: #0d6efd !important;
    border-radius: 6px !important;
}
---------------
.btn-group-vertical > .btn-group::after, .btn-group-vertical > .btn-group::before, .btn-toolbar::after, .btn-toolbar::before, .clearfix::after, .clearfix::before, .container-fluid::after, .container-fluid::before, .container::after, .container::before, .dl-horizontal dd::after, .dl-horizontal dd::before, .form-horizontal .form-group::after, .form-horizontal .form-group::before, .modal-footer::after, .modal-footer::before, .modal-header::after, .modal-header::before, .nav::after, .nav::before, .navbar-collapse::after, .navbar-collapse::before, .navbar-header::after, .navbar-header::before, .navbar::after, .navbar::before, .pager::after, .pager::before, .panel-body::after, .panel-body::before, .row::after, .row::before {
  display: table;
  content: none !important;
}
-----------
/* 1. Общ контейнер и заглавна част */
#tdc .site_width.margin_10.text_table {
    max-width: 1320px !important;
    margin: 20px auto 10px auto !important;
    padding: 0 20px !important;
    box-sizing: border-box !important;
}

#tdc .restxt .p-title.h1margin {
    font-size: 32px !important;
    font-weight: 700 !important;
    color: #2c3e50 !important;
    margin-bottom: 12px !important;
    border-bottom: 3px solid #0d6efd !important;
    display: inline-block !important;
    padding-bottom: 8px !important;
}

#tdc .restxt p {
    font-size: 100% !important;
    line-height: 1.6 !important;
    color: #64748b !important;
    margin-top: 10px !important;
    margin-bottom: 30px !important;
}

/* 2. Изтриваме ефекта на Bootstrap редовете, за да не чупят мрежата */
#tdc .container.news-container .row {
    display: contents !important;
}

/* Превръщаме главния контейнер в железен CSS Grid с точно 3 колони */
#tdc .container.news-container {
    max-width: 1320px !important;
    width: 100% !important;
    padding: 0 20px !important;
    margin: 0 auto 50px auto !important;
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important; /* Точно 3 карти на ред на десктоп */
    gap: 35px !important;
    box-sizing: border-box !important;
}

/* 3. Оформяне на самите карти */
#tdc .container.news-container .col-md-4 {
    width: 100% !important;
    max-width: none !important;
    flex: none !important;
    float: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    background: #ffffff !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06) !important;
    border: 1px solid rgba(0, 0, 0, 0.05) !important;
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;
    box-sizing: border-box !important;
}

/* Ховър ефект */
#tdc .container.news-container .col-md-4:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 16px 40px rgba(13, 110, 253, 0.15) !important;
    border-color: rgba(13, 110, 253, 0.25) !important;
}

/* 4. Снимка на картата */
#tdc .container.news-container .col-md-4 figure {
    margin: 0 !important;
    width: 100% !important;
    height: 230px !important;
    overflow: hidden !important;
    background: #f8f9fa !important;
}

#tdc .container.news-container .col-md-4 figure img.img_w,
#tdc .container.news-container .col-md-4 figure img.img_h {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

#tdc .container.news-container .col-md-4:hover figure img {
    transform: scale(1.06) !important;
}

/* 5. Съдържание на картата */
#tdc .news-content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
    background: #ffffff !important;
}

#tdc .news-content h3 {
    margin: 0 0 10px 0 !important;
    font-size: 20px !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;
}

#tdc .news-content h3 a {
    color: #2c3e50 !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}

#tdc .news-content h3 a:hover {
    color: #0d6efd !important;
}

#tdc .news-content p.news-text {
    font-size: 14px !important;
    line-height: 1.6 !important;
    color: #64748b !important;
    margin: 0 !important;
}

/* --- Респонзивни правила за таблети и телефони --- */
@media (max-width: 992px) {
    #tdc .container.news-container {
        grid-template-columns: repeat(2, 1fr) !important; /* На таблет стават по 2 на ред */
    }
}

@media (max-width: 576px) {
    #tdc .container.news-container {
        grid-template-columns: 1fr !important; /* На телефон стават по 1 на ред */
    }
}
-----------------------------------------
/* 1. Общ контейнер на секцията */
.acc_tbl_all {
    width: 100% !important;
    background: transparent !important;
    padding: 20px 0 !important;
    box-sizing: border-box !important;
}

/* Респонзивна мрежа: Автоматично се нагажда спрямо екрана */
.acc_tbl_all .site_width.padding_10.acc_tbl_scr {
    max-width: 1320px !important;
    margin: 0 auto !important;
    padding: 0 15px !important;
    display: grid !important;
    /* На голям екран прави колони по min 320px, на таблет/телефон минава автоматично на по-малко */
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
    gap: 25px !important;
}

/* 2. Премахване на стари ограничения */
.acc_tbl_all #tdc.padding_5.wp25.acc_anim {
    width: 100% !important;
    max-width: none !important;
  


    margin: 0 !important;
    float: none !important;
}

/* 3. Самата карта – изцяло плавна и респонзивна */
.acc_tbl_all .acc_table.animated,
.acc_tbl_all .acc_table {
    animation: none !important;
    background: #ffffff !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.05) !important;
    border: 1px solid rgba(0, 0, 0, 0.05) !important;
    transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.4s ease, border-color 0.4s ease !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    padding: 0 !important;
}

/* Фино повдигане при мишка (само на устройства с мишка/десктоп) */
@media (min-hover: hover) {
    .acc_tbl_all .acc_table:hover {
        transform: translateY(-6px) !important;
        box-shadow: 0 14px 35px rgba(13, 110, 253, 0.12) !important;
        border-color: rgba(13, 110, 253, 0.2) !important;
    }
}

/* 4. Заглавие на услугата */
.acc_tbl_all .acc_table .acc_spacer:first-child {
    padding: 20px 18px 12px 18px !important;
    margin: 0 !important;
}

.acc_tbl_all .acc_table .acc_spacer h3 {
    margin: 0 !important;
    font-size: 19px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    text-align: center !important;
}

.acc_tbl_all .acc_table .acc_spacer h3 a {
    color: #2c3e50 !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}

.acc_tbl_all .acc_table .acc_spacer h3 a:hover {
    color: #0d6efd !important;
}

/* 5. Респонзивни големи снимки */
.acc_tbl_all .acc_table figure {
    margin: 0 !important;
    width: 100% !important;
    height: 240px !important; /* Перфектна голяма височина, която се адаптира добре */
    overflow: hidden !important;
    background: #f8f9fa !important;
}

.acc_tbl_all .acc_table figure img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

@media (min-hover: hover) {
    .acc_tbl_all .acc_table:hover figure img {
        transform: scale(1.05) !important;
    }
}

/* 6. Текстово описание в долната част */
.acc_tbl_all .acc_table .acc_spacer:last-child {
    padding: 14px 18px 20px 18px !important;
    color: #64748b !important;
    text-align: left !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    margin-top: auto !important;
}

/* --- ТУК ЗАПОЧВА СПЕЦИАЛНАТА МОБИЛНА АДАПТАЦИЯ (Responsive Breakpoints) --- */

@media (max-width: 768px) {
    /* На таблети и телефони намаляваме леко височината на снимките, за да не заeмат целия екран */
    .acc_tbl_all .acc_table figure {
        height: 210px !important;
    }
    
    .acc_tbl_all .site_width.padding_10.acc_tbl_scr {
        padding: 0 10px !important;
        gap: 20px !important;
    }
}

@media (max-width: 480px) {
    /* На малки телефони картичките стават на един стълб (една под друга) с идеални отстъпи */
    .acc_tbl_all .site_width.padding_10.acc_tbl_scr {
        grid-template-columns: 1fr !important;
    }
    
    .acc_tbl_all .acc_table figure {
        height: 230px !important; /* Връщаме по-голяма снимка, когато е на цял ред за телефон */
    }
}
--------------------------------

.head_logo img {width: 70%; padding-bottom: 10px;}
.header {height:30px;}
#head-div{position: inherit;}
.kare-text {padding:20px;}
.kare-title {padding:20px;}
.da-slide .kare-text, .da-slide .kare-button, .da-slide .kare-button2 {
    overflow: hidden;
    padding: 20px !important;
}
.head-ico li a {padding: 20px;}
#head-div {padding-top: 15px;}
.news-date {color: rgb(237, 50, 51); font-size: 13px;}
.documents h2, .documents-name {padding-bottom: 10px;}
.documents h2 {padding-left: 0px;}

@media screen and (max-width: 768px) {.ma-div-1 {height: 400px !important;}
.ma-div-1 .ma-ttl {
  width: 100%;
  left: 0;
  text-align: center;
  text-shadow: 0px 2px 3px #000000;
  font-size: 220%;
  padding-top: 120px;
}
  #site_logo {
    margin: 0 auto;
    width: 80px;
    padding-bottom: 10px;
  }
.header {height:100px;}
#head-div {font-size: 100%;}
.hico_1 {padding-top: 20px;}
.head-ico li a {
  padding: 5px;
}
.head-ico li a {
  font-size: 150%;}
#soc-div {padding-top: 10px;}
 .head-ico {
    width: 100%;
    display: table;
    float: none;
    padding-top: 10px;
  }
.t_menu, .t_menu_act, .m_menu_icon {
  height: 70px;
  line-height: 70px;
}
.resp {top: 80px;}
.mega .sm li ul li a {padding: 10px 10px 10px 10px !important; background-color: #0694D8;}
.mega .sm li a {padding: 10px 10px 10px 10px !important; background-color: #0694D8;}
.contacts_title, #tdc .restxt .p-title.h1margin {font-size: 20px !important; display: block !important;}
.news-ttl {font-size: 20px !important; display: block !important; text-align: center;}
.mms a {padding: 10px 10px 10px 10px;}
.restxt {padding: 0px; }
.contacts_h {
    min-height: auto;
}
}

@media screen and (max-width: 1300px) {
.site_width, .news_table{width:100%;}
.site_width:after{content: "";display: block;clear: both;}.ma-div-1{height: auto; width: 100%; text-align: center; float: left;} .ma-div-1 span{text-align: center;display: block;width: 100%;float: left; margin: 20px 0;}
#head-div{margin:0px;padding:0px;}
#top-menu{z-index: 99999;}
.gallery{float:none;display: inline-block;}
.head-ico{width: 100%;display: table;float: none;}
.head-ico li{display: table-cell; padding:0; margin:0; text-align:center;}
.head-ico li img{position: relative;}
.header_height{height:auto;}
#slideshow, #slideshow img{width: 100%;}
.ma-ttl, .ma-txt, .ma-img{width: 100%; padding: 0px;}
.ma-img img{width: 50%; padding: 0px; max-width:300px;}
.ma-ttl, .ma-txt, .ma-btn, .ma-img{position: inherit !important;left: inherit !important;top: inherit !important; margin: 10px auto;}
.ma-btn{ float:none; margin: 20px auto;}
.footer_tbl{text-align: center;}
.btm_table_width{max-width: none;}
#m_tdc{width: 100%;text-align: center;}
.btm_l_txt, .btm_c_txt, .btm_r_txt{padding: 10px 0;float: left;}
.slider_tbl{height: auto;}
.btm_table_menu, .btm_table{margin: 10px 0 !important;}
.nav_tbl{ display:none !important;}
.h40{height: auto;}
}