/* cmsms stylesheet: kaznii modified: 22.08.2026 15:37:15 */
body{font-family:Arial, Helvetica, sans-serif; padding:0px;margin:0px;}
html{padding:0px;margin:0px;}
a img{border: none;}
a{color:#3c3259; font-size:0.9em; text-decoration:none; font-weight:bold;}
a:hover{text-decoration:underline; font-weight:bold;}

.calendar-today{
border: 1px solid black;
border-radius: 52px;
padding: 2px;
background: #fff;
text-align:center;
font-weight: bold;
}
.calendar{
width:100%;
}
.lang{text-decoration:none;color:#FFF; font-weight:bold;}
.lang:hover{text-decoration:underline;color:#FFF;- font-weight:bold;}

#vert{background:url(https://npcae.kz/images/vert-line.png)repeat;}
#center{background:url(https://npcae.kz/images/center-line.png)repeat-y center;}
#bottom{background:url(https://npcae.kz/images/bottom-line.png)repeat-x; color:#dfcda7; font-size:0.9em;}
#image{background:url(https://npcae.kz/images/image.png)no-repeat center;}
#left-menu{background:url(https://npcae.kz/images/left-menu.png)no-repeat left;}
#menu-x{background:url(https://npcae.kz/images/menu-x.png)repeat-x;}
#right-menu{background:url(https://npcae.kz/images/right-menu.png)no-repeat right;}
#title{background:url(https://npcae.kz/images/title.jpg)no-repeat center top; font-weight:normal; color:#4f4019; font-size:1.1em;}
#left-top{background:url(https://npcae.kz/images/left-top.jpg)no-repeat left top;}
#center-top{background:url(https://npcae.kz/images/center-top.jpg)repeat-x top;}
#right-top{background:url(https://npcae.kz/images/right-top.jpg)no-repeat right top;}
#left-bottom{background:url(https://npcae.kz/images/left-bottom.jpg)no-repeat left top;}
#center-bottom{background:url(https://npcae.kz/images/center-bottom.jpg)repeat-x;}
#right-bottom{background:url(https://npcae.kz/images/right-bottom.jpg)no-repeat right top;}
#left-middle{background:url(https://npcae.kz/images/left-middle.jpg)repeat-y left top;}
#center-middle{background:url(https://npcae.kz/images/center-middle.jpg)repeat top; text-aligm:left; font-size:0.9em; color:#4f4019;}
#right-middle{background:url(https://npcae.kz/images/right-middle.jpg)repeat-y right top;}


#left-top-ban{background:url(https://npcae.kz/images/left-top-ban.jpg)no-repeat left top;}
#center-top-ban{background:url(https://npcae.kz/images/center-top-ban.jpg)repeat-x top;}
#right-top-ban{background:url(https://npcae.kz/images/right-top-ban.jpg)no-repeat right top;}
#left-bottom-ban{background:url(https://npcae.kz/images/left-bottom-ban.jpg)no-repeat left top;}
#center-bottom-ban{background:url(https://npcae.kz/images/center-bottom-ban.jpg)repeat-x top;}
#right-bottom-ban{background:url(https://npcae.kz/images/right-bottom-ban.jpg)no-repeat right top;}
#left-middle-ban{background:url(https://npcae.kz/images/left-middle-ban.jpg)repeat-y left top;}
#center-middle-ban{background:url(https://npcae.kz/images/center-middle-ban.jpg)repeat top;}
#right-middle-ban{background:url(https://npcae.kz/images/right-middle-ban.jpg)repeat-y right top;}


img.bg {
/* Устанавливаем правила для фона */
min-height: 515px;
min-width: 1024px;

vertical-align:top;
/* Устанавливаем пропорциональное масштабирование */
width: 100%;
height: 515px;

/* Устанавливаем позиционирование */
position: absolute;
top: 0px;
left: 0;
}

@media screen and (max-width: 1024px){
img.bg {
	left: 50%;
	margin-left: -512px; }
}
	
#q1{position: relative; 
margin: 20px auto; 
padding:20px;}


.scroll-text {
  width: 400px;
  height: 4.5em;
  overflow: hidden;
}
.scroll-text ul {
  width: 800px;
  height: 100px;
  overflow: hidden;
  margin: 0;
}
.scroll-text ul li {
  height: 1.5em;
}
.scroll-img {

  width: 240px;
  height: 165px;
  overflow: hidden;
  font-size: 0;
}
.scroll-img ul {
  width: 700px;
  height: 600px;
  margin: 0;
}
.scroll-img ul li {
  display: inline-block;
  margin: 10px 0 10px 10px;
}
#demo4.scroll-img ul,
#demo5.scroll-img ul {
  width: 1500px;
}
#demo5-btn {
  width: 250px;
  padding-top: 10px;
}

#demo5-btn > .btn {
 border: none;
  background: #faf1c9;
}

#demo6 {
  width: 412px;
}
#demo6-queue {
  width: 680px;
}
#demo6 p, #demo6-queue p {
  width: 124px;
  height: 124px;
  background-color: lightgray;
  font-family: 'Amaranth', sans-serif;
  font-size: 82px;
  text-align: center;
  display: table-cell;
  vertical-align:middle;
}
#cntnt01moduleform_1
{
    border: solid 1px #00000047;
    padding: 10px;
    border-radius: 15px;
}
.contactform 
{
  margin-bottom:40px;
} 
.contactform label
{
 text-transform:uppercase;
}
.submit input
{

width: 200px;
    height: 44px;
    border-radius: 25px !important;
 border:none;

}
.submit
{
 border:none !important;
justify-content:center !important;
}
.submit:hover #cntnt01fbrp_submit
{
background:#47b4ffb3 !important;
transition:350ms;
}


.contactform input,textarea
{
max-width:50% ;
outline:none;
background: #ffffff94;
    border: solid 1px #0000008a;
    border-radius: 5px;
}
.contactform input:hover,textarea:hover
{
 border:solid 1px #0097bd;
}
label
{
 font-family:Roboto-Regular;
}
.contactform div
{
  display:flex;
justify-content:space-between;
padding-bottom:5px;
padding-top:5px;
 
    border-bottom: solid 1px #00000075;


}
.NewsSummaryLink
{
 	text-indent: 1.25em !important;
}
.container_ex
{
 padding-bottom:20px;
}
.text-indent-0
{
	text-indent: 0 !important;
}
@media screen and (min-width:768px)
{
 .slider_cat
{
 padding-left:250px;
padding-right:250px;
}
}
/* =========================================================
   ВЕРХНЕЕ ГЛАВНОЕ МЕНЮ — ИСПРАВЛЕНИЕ
   ========================================================= */

#main_menu_ex {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    box-sizing: border-box !important;
}

#headermenu {
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

#navbarSupportedContent {
    width: 100% !important;
}

#navbarSupportedContent.menu {
    width: 100% !important;
}

#menuwrapper {
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}


/* Главное меню */

ul#primary-nav {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;

    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;

    align-items: flex-start !important;
    justify-content: space-between !important;

    box-sizing: border-box !important;
}


/* Каждый пункт верхнего меню */

ul#primary-nav > li {
    float: none !important;

    display: block !important;

    position: relative !important;

    flex: 1 1 0 !important;

    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 7px !important;

    list-style: none !important;

    text-align: center !important;

    box-sizing: border-box !important;
}


/* Ссылка верхнего меню */

ul#primary-nav > li > a {
    display: block !important;

    width: 100% !important;

    margin: 0 !important;

    padding: 15px 2px 12px 2px !important;

    box-sizing: border-box !important;

    color: #4f4019 !important;

    font-family: Arial, Helvetica, sans-serif !important;

    font-size: 13px !important;

    font-weight: bold !important;

    line-height: 1.35 !important;

    text-align: center !important;

    text-decoration: none !important;

    white-space: normal !important;

    word-break: normal !important;

    overflow-wrap: normal !important;
}


/* Текст внутри ссылки */

ul#primary-nav > li > a > span {
    display: block !important;

    width: 100% !important;

    text-align: center !important;

    white-space: normal !important;

    word-break: normal !important;
}


/* Наведение */

ul#primary-nav > li > a:hover {
    color: #4f4019 !important;
    text-decoration: underline !important;
}


/* Активный пункт */

ul#primary-nav > li > a.menuactive {
    color: #4f4019 !important;
    font-weight: bold !important;
}


/* =========================================================
   ВЫПАДАЮЩЕЕ МЕНЮ
   ========================================================= */

ul#primary-nav > li > ul {
    display: none !important;

    position: absolute !important;

    top: 100% !important;
    left: 0 !important;

    width: 240px !important;
    min-width: 240px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: #f3f5f5 !important;

    list-style: none !important;

    z-index: 99999 !important;

    border-top: 1px solid #ffffff !important;
    border-bottom: 1px solid #374b51 !important;

    box-shadow: 0 3px 8px rgba(0,0,0,0.15) !important;
}


/* Показываем выпадающее меню */

ul#primary-nav > li:hover > ul {
    display: block !important;
}


/* Пункты выпадающего меню */

ul#primary-nav > li > ul > li {
    display: block !important;

    float: none !important;

    position: relative !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;

    text-align: left !important;
}


/* Ссылки выпадающего меню */

ul#primary-nav > li > ul > li > a {
    display: block !important;

    width: 100% !important;

    margin: 0 !important;

    padding: 9px 15px !important;

    box-sizing: border-box !important;

    background: #f3f5f5 !important;

    color: #4f4019 !important;

    font-size: 13px !important;

    font-weight: normal !important;

    line-height: 1.3 !important;

    text-align: left !important;

    text-decoration: none !important;

    white-space: normal !important;
}


/* Наведение в выпадающем меню */

ul#primary-nav > li > ul > li > a:hover {
    background: #ffffff !important;

    color: #4f4019 !important;

    text-decoration: none !important;
}


/* =========================================================
   ТРЕТИЙ УРОВЕНЬ
   ========================================================= */

ul#primary-nav ul ul {
    display: none !important;

    position: absolute !important;

    top: 0 !important;
    left: 100% !important;

    width: 240px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: #f3f5f5 !important;

    list-style: none !important;

    z-index: 100000 !important;
}


ul#primary-nav ul li:hover > ul {
    display: block !important;
}


/* =========================================================
   ЭКРАНЫ ДО 1400px
   ========================================================= */

@media screen and (max-width: 1400px) {

    #main_menu_ex {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    ul#primary-nav > li {
        padding-left: 3px !important;
        padding-right: 3px !important;
    }

    ul#primary-nav > li > a {
        font-size: 12px !important;

        padding-left: 1px !important;
        padding-right: 1px !important;
    }

}


/* =========================================================
   ПЛАНШЕТ / МОБИЛЬНАЯ ВЕРСИЯ
   Bootstrap navbar-expand-lg переключается примерно на 992px
   ========================================================= */

@media screen and (max-width: 991px) {

    #main_menu_ex {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    ul#primary-nav {
        display: block !important;

        width: 100% !important;
    }

    ul#primary-nav > li {
        display: block !important;

        width: 100% !important;

        padding: 0 !important;

        text-align: left !important;
    }

    ul#primary-nav > li > a {
        display: block !important;

        width: 100% !important;

        padding: 10px 15px !important;

        font-size: 14px !important;

        text-align: left !important;
    }

    ul#primary-nav > li > a > span {
        text-align: left !important;
    }

    ul#primary-nav > li > ul {
        position: relative !important;

        top: auto !important;
        left: auto !important;

        width: 100% !important;
        min-width: 100% !important;

        box-shadow: none !important;
    }

    ul#primary-nav ul ul {
        position: relative !important;

        top: auto !important;
        left: auto !important;

        width: 100% !important;
    }
}


/* Очистка float */

.clearb {
    clear: both !important;
}
ul#primary-nav > li > a {
    font-weight: 700 !important;
}

ul#primary-nav > li > a > span {
    font-weight: 800 !important;
}
/* УБРАТЬ НЕБЕСНЫЙ ФОН */

img.bg {
    display: none !important;
}

html,
body,
#q1,
#title,
#vert,
#center,
#bottom,
#image,
#left-top,
#center-top,
#right-top,
#left-bottom,
#center-bottom,
#right-bottom,
#left-middle,
#center-middle,
#right-middle,
#left-top-ban,
#center-top-ban,
#right-top-ban,
#left-bottom-ban,
#center-bottom-ban,
#right-bottom-ban,
#left-middle-ban,
#center-middle-ban,
#right-middle-ban {
    background: #ffffff !important;
    background-image: none !important;
}
/* ===== ГОЛУБОЕ ОФОРМЛЕНИЕ ГЛАВНОЙ И НОВОСТЕЙ ===== */

/* Заголовок "Главная" */
h1 {
    background: #eef8ff !important;
    border-left: 6px solid #4ba3d3 !important;
    border-bottom: 1px solid #b9dff2 !important;
    padding: 12px 18px !important;
    color: #23384f !important;
    border-radius: 4px !important;
}


/* Блок новостей справа */
.NewsSummary,
.news,
.newsbox,
#news {
    background: #f5fbff !important;
    border: 1px solid #9fd1eb !important;
    border-left: 5px solid #4ba3d3 !important;
    padding: 14px !important;
    margin-bottom: 12px !important;
    border-radius: 5px !important;
}


/* Заголовок НОВОСТИ */
.news h1,
.news h2,
.news h3,
.newsbox h1,
.newsbox h2,
.newsbox h3,
#news h1,
#news h2,
#news h3 {
    background: #e8f6ff !important;
    border: 0 !important;
    border-bottom: 2px solid #80c5e8 !important;
    padding: 9px 12px !important;
    margin: 0 0 12px 0 !important;
    color: #23384f !important;
}


/* Ссылки новостей */
.NewsSummaryLink a,
.NewsSummary a {
    color: #315f7c !important;
    font-weight: 700 !important;
}


/* Дата новости */
.NewsSummaryPostdate {
    background: #e3f3fc !important;
    border-left: 3px solid #68b5dc !important;
    padding: 5px 8px !important;
}


/* Основная область страницы */
.container_ex {
    background: #ffffff !important;
    border: 1px solid #b9dff2 !important;
    border-top: 4px solid #73bce2 !important;
    padding: 20px !important;
    border-radius: 5px !important;
}
/* ===== УВЕЛИЧИВАЕМ ВЕРХНЮЮ ЧАСТЬ САЙТА ===== */

@media screen and (min-width: 1200px) {

    /* Верхние контейнеры */
    .container {
        max-width: 1500px !important;
        width: 95% !important;
    }

    /* Меню оставляем широким */
    #main_menu_ex {
        max-width: 1700px !important;
        width: 98% !important;
    }

    /* Название организации */
    #title {
        font-size: 1.25em !important;
    }

    /* Логотипы и картинки в шапке */
    header img,
    #header img {
        max-width: 100% !important;
    }
}
/* Заголовок Главная — сделать шире и мягче */
h1 {
    width: 100% !important;
    box-sizing: border-box !important;

    background: #eaf4fb !important;
    border-left: 3px solid #6fb6de !important;
    border-bottom: 1px solid #cfe6f5 !important;

    padding: 14px 20px !important;
    margin: 0 0 25px 0 !important;

    color: #23384f !important;
    border-radius: 3px !important;
}
/* ===== КОНТАКТЫ: 5 БЛОКОВ В ОДНУ СТРОКУ ===== */

@media screen and (min-width: 992px) {

    #center-middle .row {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: flex-start !important;
        justify-content: space-between !important;
        width: 100% !important;
    }

    #center-middle .row > [class*="col-"] {
        flex: 0 0 20% !important;
        width: 20% !important;
        max-width: 20% !important;
        min-width: 0 !important;

        padding-left: 10px !important;
        padding-right: 10px !important;

        box-sizing: border-box !important;
    }
}
/* =====================================================
   КОНТАКТЫ — 5 БЛОКОВ В ОДНУ СТРОКУ
   ===================================================== */

@media screen and (min-width: 992px) {

    .contacts_footer .row {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: flex-start !important;
        justify-content: space-between !important;

        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .contacts_footer .row > .col-md-3 {
        flex: 0 0 20% !important;
        width: 20% !important;
        max-width: 20% !important;

        padding-left: 10px !important;
        padding-right: 10px !important;

        box-sizing: border-box !important;
    }

    .contacts_footer .contact_item {
        min-width: 0 !important;
    }

    .contacts_footer .contact_item p {
        margin-bottom: 3px !important;
    }

    .contacts_footer img {
        flex-shrink: 0 !important;
        margin-right: 10px !important;
    }
}
/* =====================================================
   КРАСИВОЕ ОФОРМЛЕНИЕ БЛОКА НОВОСТЕЙ
   ===================================================== */

/* Внешний блок "Новости" */
.news,
.newsbox,
#news {
    background: #ffffff !important;
    border: 1px solid #cfe3f1 !important;
    border-radius: 10px !important;
    padding: 22px !important;
    box-shadow: 0 4px 14px rgba(74, 133, 180, 0.10) !important;
}

/* Заголовок "НОВОСТИ" */
.news h1,
.news h2,
.news h3,
.newsbox h1,
.newsbox h2,
.newsbox h3,
#news h1,
#news h2,
#news h3 {
    margin: 0 0 10px 0 !important;
    padding: 0 0 12px 0 !important;
    background: none !important;
    border: 0 !important;
    border-bottom: 2px solid #d8ebf7 !important;
    color: #1f3554 !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
}

/* "Посмотреть все" */
.news a,
.newsbox a,
#news a {
    color: #7a5a35 !important;
}

.news > a,
.newsbox > a,
#news > a {
    display: inline-block !important;
    margin-bottom: 14px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    border-bottom: 1px dashed #b58f63 !important;
}

.news > a:hover,
.newsbox > a:hover,
#news > a:hover {
    text-decoration: none !important;
    border-bottom-color: #7a5a35 !important;
}

/* Карточка одной новости */
.NewsSummary {
    background: #f7fbff !important;
    border: 1px solid #d7eaf6 !important;
    border-left: 4px solid #55a9d8 !important;
    border-radius: 8px !important;
    padding: 16px 16px 14px 16px !important;
    margin: 0 !important;
    box-shadow: none !important;
}

/* Дата */
.NewsSummaryPostdate {
    display: inline-block !important;
    background: #e9f5fc !important;
    color: #315f7c !important;
    padding: 6px 10px !important;
    border-radius: 6px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    margin-bottom: 12px !important;
}

/* Заголовок новости */
.NewsSummaryLink {
    margin: 0 0 12px 0 !important;
    text-indent: 0 !important;
}

.NewsSummaryLink a {
    display: block !important;
    color: #214f75 !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 1.45 !important;
    text-decoration: none !important;
}

.NewsSummaryLink a:hover {
    color: #163a57 !important;
    text-decoration: underline !important;
}

/* Краткий текст новости */
.NewsSummaryContent,
.NewsSummary p {
    color: #41566b !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
    margin: 0 !important;
}

/* Чтобы внутренний блок не был слишком узким */
.news .NewsSummary,
.newsbox .NewsSummary,
#news .NewsSummary {
    width: 100% !important;
    box-sizing: border-box !important;
}
/* ===== ПОДГОНЯЕМ ВЕРХНЕЕ МЕНЮ ПО ШИРИНЕ ===== */

ul#primary-nav {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 8px !important;
    width: 100% !important;
}

ul#primary-nav > li {
    flex: 0 1 auto !important;
    width: auto !important;
    max-width: none !important;
    padding: 0 2px !important;
    margin: 0 !important;
}

ul#primary-nav > li > a {
    font-size: 12px !important;
    padding: 12px 2px !important;
    line-height: 1.2 !important;
}

ul#primary-nav > li > a > span {
    white-space: normal !important;
}

/* Чуть компактнее на небольших мониторах */
@media screen and (max-width: 1500px) {

    ul#primary-nav {
        gap: 5px !important;
    }

    ul#primary-nav > li > a {
        font-size: 11.5px !important;
        padding-left: 1px !important;
        padding-right: 1px !important;
    }
}
/* =========================================================
   НОВОЕ ОФОРМЛЕНИЕ ВНУТРЕННИХ СТРАНИЦ
   ========================================================= */

/* Основной блок страницы */
.container_ex {
    background: #ffffff !important;
    border: 1px solid #d8eaf5 !important;
    border-top: 4px solid #65b5df !important;
    border-radius: 10px !important;

    padding: 32px 55px 40px !important;

    box-shadow: 0 5px 20px rgba(45, 95, 125, 0.08) !important;
}


/* =========================================================
   ЗАГОЛОВОК СТРАНИЦЫ
   ========================================================= */

.container_ex h1 {
    width: 100% !important;
    box-sizing: border-box !important;

    background: #edf7fd !important;

    color: #203c5c !important;

    border: none !important;
    border-left: 5px solid #54aeda !important;
    border-bottom: 1px solid #d1e8f5 !important;

    border-radius: 6px !important;

    padding: 15px 20px !important;
    margin: 0 0 28px 0 !important;

    font-size: 32px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
}


/* =========================================================
   ТАБЛИЦА РУКОВОДСТВА
   превращаем строки в карточки
   ========================================================= */

.container_ex table {
    width: 100% !important;

    border-collapse: separate !important;
    border-spacing: 0 12px !important;

    border: none !important;

    background: transparent !important;

    margin: 0 !important;
}


/* Каждая ячейка руководителя */
.container_ex table td {
    background: #ffffff !important;

    border: 1px solid #d6e8f3 !important;
    border-left: 5px solid #70b9df !important;

    border-radius: 7px !important;

    padding: 18px 24px !important;

    color: #263c51 !important;

    text-align: left !important;

    box-shadow: 0 3px 10px rgba(45, 95, 125, 0.06) !important;

    transition: all 0.2s ease !important;
}


/* Эффект при наведении */
.container_ex table td:hover {
    background: #f8fcff !important;

    border-left-color: #3498c9 !important;

    box-shadow: 0 5px 16px rgba(45, 95, 125, 0.12) !important;

    transform: translateY(-1px);
}


/* Убираем старые рамки */
.container_ex table,
.container_ex table tr,
.container_ex table tbody {
    border: none !important;
}


/* Основной текст в таблице */
.container_ex table td {
    font-size: 18px !important;
    line-height: 1.55 !important;
}


/* Жирные должности */
.container_ex table td strong,
.container_ex table td b {
    display: block !important;

    color: #1f3e5e !important;

    font-size: 19px !important;
    font-weight: 700 !important;

    margin-bottom: 5px !important;
}


/* =========================================================
   КОНТАКТЫ
   ========================================================= */

.contacts_footer {
    margin-top: 18px !important;
}

.contacts_footer .row {
    display: flex !important;
    flex-wrap: nowrap !important;

    gap: 12px !important;

    padding: 18px 0 !important;

    margin: 0 !important;
}


/* 5 контактных блоков */
.contacts_footer .row > .col-md,
.contacts_footer .row > .col-md-3 {
    flex: 1 1 20% !important;

    width: 20% !important;
    max-width: 20% !important;

    background: #ffffff !important;

    border: 1px solid #dcebf4 !important;
    border-top: 3px solid #75bbe0 !important;

    border-radius: 8px !important;

    padding: 17px 15px !important;

    min-height: 125px !important;

    box-shadow: 0 3px 12px rgba(45, 95, 125, 0.06) !important;

    transition: all 0.2s ease !important;
}


.contacts_footer .row > .col-md:hover,
.contacts_footer .row > .col-md-3:hover {
    transform: translateY(-2px);

    box-shadow: 0 6px 18px rgba(45, 95, 125, 0.12) !important;
}


/* Иконки */
.contacts_footer img {
    width: 42px !important;
    height: 42px !important;

    object-fit: contain !important;

    flex-shrink: 0 !important;

    margin-right: 12px !important;
}


/* Название контакта */
.contacts_footer .color-2 {
    color: #557086 !important;

    font-size: 14px !important;
    font-weight: 500 !important;

    margin-bottom: 5px !important;
}


/* Текст контактов */
.contacts_footer .contact_item {
    color: #243b50 !important;

    font-size: 14px !important;
    line-height: 1.45 !important;

    min-width: 0 !important;
}


.contacts_footer .contact_item p {
    margin: 0 0 3px 0 !important;
}


/* Ссылки контактов */
.contacts_footer a {
    color: #2f678c !important;

    font-weight: 600 !important;

    text-decoration: none !important;
}


.contacts_footer a:hover {
    color: #184b70 !important;

    text-decoration: underline !important;
}


/* =========================================================
   ЗАГОЛОВОК КОНТАКТЫ
   ========================================================= */

.container > p.h2.RobotoCondensed-Bold {
    color: #203c5c !important;

    font-size: 27px !important;
    font-weight: 700 !important;

    margin-bottom: 15px !important;

    padding-bottom: 10px !important;

    border-bottom: 2px solid #dcecf6 !important;
}


/* =========================================================
   МОБИЛЬНАЯ ВЕРСИЯ
   ========================================================= */

@media screen and (max-width: 991px) {

    .container_ex {
        padding: 20px 18px 25px !important;

        border-radius: 7px !important;
    }

    .container_ex h1 {
        font-size: 27px !important;

        padding: 13px 15px !important;
    }

    .container_ex table {
        border-spacing: 0 9px !important;
    }

    .container_ex table td {
        padding: 15px !important;

        font-size: 16px !important;
    }

    .container_ex table td strong,
    .container_ex table td b {
        font-size: 17px !important;
    }

    /* На телефоне контакты один под другим */
    .contacts_footer .row {
        display: flex !important;
        flex-wrap: wrap !important;

        gap: 10px !important;
    }

    .contacts_footer .row > .col-md,
    .contacts_footer .row > .col-md-3 {
        flex: 0 0 100% !important;

        width: 100% !important;
        max-width: 100% !important;

        min-height: auto !important;
    }
}
/* ===== РУКОВОДСТВО — ВСЕ НАДПИСИ ПО ЦЕНТРУ ===== */

.container_ex table td {
    text-align: center !important;
}

.container_ex table td p,
.container_ex table td div,
.container_ex table td span,
.container_ex table td strong,
.container_ex table td b,
.container_ex table td em {
    text-align: center !important;
}

.container_ex table td p,
.container_ex table td strong,
.container_ex table td b {
    display: block !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
/* ==========================================
   КАТАЛОГ ПРОДУКЦИИ
   ========================================== */

.catalog-new {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}

/* Подпись над каталогом */

.catalog-info {
    width: 100%;
    box-sizing: border-box;

    margin-bottom: 20px;
    padding: 12px 18px;

    background: #f3faff;
    border-left: 4px solid #5bb2dd;
    border-bottom: 1px solid #d4eaf6;
    border-radius: 5px;

    color: #284c68;
    font-size: 16px;
    font-weight: bold;
}


/* Сам слайдер */

.slider_cat {
    position: relative !important;

    width: 100% !important;

    box-sizing: border-box !important;

    padding: 25px 70px !important;

    background: #f9fcfe !important;

    border: 1px solid #d4e8f3 !important;
    border-radius: 10px !important;

    box-shadow: 0 5px 18px rgba(40, 90, 125, 0.08) !important;
}


/* Каждая страница */

.slider_cat .owl-item-cat {
    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;

    background: transparent !important;

    text-align: center !important;
}


/* Картинка страницы */

.slider_cat .owl-item-cat img {
    display: block !important;

    width: auto !important;
    max-width: 100% !important;

    height: auto !important;
    max-height: 850px !important;

    margin: 0 auto !important;

    object-fit: contain !important;

    background: #ffffff !important;

    border-radius: 3px !important;

    box-shadow: 0 5px 18px rgba(0,0,0,0.16) !important;
}


/* Стрелки */

.slider_cat .owl-nav {
    margin: 0 !important;
}

.slider_cat .owl-prev,
.slider_cat .owl-next {
    position: absolute !important;

    top: 50% !important;

    transform: translateY(-50%) !important;

    width: 45px !important;
    height: 45px !important;

    margin: 0 !important;

    border: 1px solid #9dcde5 !important;
    border-radius: 50% !important;

    background: #ffffff !important;

    color: #408bb3 !important;

    font-size: 28px !important;

    box-shadow: 0 3px 10px rgba(30,80,110,0.12) !important;
}

.slider_cat .owl-prev {
    left: 10px !important;
}

.slider_cat .owl-next {
    right: 10px !important;
}

.slider_cat .owl-prev:hover,
.slider_cat .owl-next:hover {
    background: #eaf7fe !important;
}


/* Точки снизу */

.slider_cat .owl-dots {
    margin-top: 18px !important;

    text-align: center !important;
}

.slider_cat .owl-dot span {
    width: 9px !important;
    height: 9px !important;

    background: #c8dce8 !important;
}

.slider_cat .owl-dot.active span {
    background: #4da5d3 !important;
}


/* ==========================================
   ТЕЛЕФОН
   ========================================== */

@media screen and (max-width: 767px) {

    .catalog-info {
        padding: 10px 12px;

        font-size: 14px;
    }

    .slider_cat {
        padding: 15px 42px !important;
    }

    .slider_cat .owl-item-cat img {
        width: 100% !important;

        max-height: none !important;
    }

    .slider_cat .owl-prev,
    .slider_cat .owl-next {
        width: 32px !important;
        height: 32px !important;

        font-size: 22px !important;
    }

    .slider_cat .owl-prev {
        left: 4px !important;
    }

    .slider_cat .owl-next {
        right: 4px !important;
    }
}
/* =====================================================
   СТРАНИЦЫ УСЛУГ
   ===================================================== */

.services-page {
    width: 100%;
    max-width: 1050px;
    margin: 0 auto;
}

.services-intro {
    background: #eef8ff;
    border-left: 5px solid #55add9;
    border-bottom: 1px solid #d4e8f3;
    border-radius: 8px;
    padding: 22px 24px;
    margin-bottom: 28px;
}

.services-intro h2 {
    margin: 0 0 10px 0 !important;
    color: #203e5c !important;
    font-size: 28px !important;
    font-weight: 700 !important;
}

.services-intro p {
    margin: 0;
    font-size: 17px;
    line-height: 1.7;
    color: #40566b;
}

.services-gallery-wrap {
    margin-bottom: 30px;
}

.services-gallery .item {
    padding: 8px;
}

.services-gallery-card {
    background: #fff;
    border: 1px solid #d6e8f3;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 16px rgba(0,0,0,0.08);
}

.services-gallery-card img {
    width: 100%;
    height: 240px;
    object-fit: cover;
    display: block;
}

.services-gallery-card-title {
    padding: 14px 16px;
    color: #214f75;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
}

.services-cards {
    margin-bottom: 25px;
}

.service-card {
    height: 100%;
    background: #f9fcfe;
    border: 1px solid #d4e8f3;
    border-left: 5px solid #59add8;
    border-radius: 10px;
    padding: 22px 20px;
    margin-bottom: 22px;
    box-sizing: border-box;
}

.service-icon {
    width: 54px;
    height: 54px;
    line-height: 54px;
    text-align: center;
    border-radius: 50%;
    background: #eaf6fd;
    color: #2276a3;
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 14px;
}

.service-card h3 {
    margin: 0 0 12px 0 !important;
    color: #214f75 !important;
    font-size: 22px !important;
    font-weight: 700 !important;
}

.service-card p,
.service-card li {
    font-size: 16px;
    line-height: 1.7;
    color: #465d70;
}

.service-card ul {
    margin: 0;
    padding-left: 18px;
}

.services-note {
    margin-top: 10px;
    padding: 24px;
    background: #eef8ff;
    border-left: 5px solid #55add9;
    border-radius: 8px;
}

.services-note h3 {
    margin: 0 0 12px 0 !important;
    color: #203e5c !important;
    font-size: 22px !important;
    font-weight: 700 !important;
}

.services-note p {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 1.7;
}

.services-note p:last-child {
    margin-bottom: 0;
}

.services-btn-wrap {
    text-align: center;
    margin-top: 28px;
}

.services-btn {
    display: inline-block;
    padding: 14px 28px;
    background: #167eaf !important;
    color: #ffffff !important;
    border-radius: 8px;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

.services-btn:hover {
    background: #0d6e9a !important;
    color: #ffffff !important;
    text-decoration: none !important;
}

/* стрелки owl */
.services-gallery .owl-prev,
.services-gallery .owl-next {
    width: 42px !important;
    height: 42px !important;
    border-radius: 50% !important;
    background: #ffffff !important;
    border: 1px solid #9dcde5 !important;
    color: #3e8ab1 !important;
    font-size: 28px !important;
    box-shadow: 0 3px 10px rgba(30,80,110,0.12);
}

.services-gallery .owl-prev:hover,
.services-gallery .owl-next:hover {
    background: #eef8ff !important;
}

.services-gallery .owl-dots {
    margin-top: 10px !important;
}

.services-gallery .owl-dot span {
    background: #c8dce8 !important;
}

.services-gallery .owl-dot.active span {
    background: #4da5d3 !important;
}

@media screen and (max-width: 767px) {
    .services-intro {
        padding: 16px;
    }

    .services-intro h2 {
        font-size: 24px !important;
    }

    .services-gallery-card img {
        height: 200px;
    }

    .service-card {
        padding: 18px 16px;
    }

    .service-card h3 {
        font-size: 20px !important;
    }

    .services-note {
        padding: 18px 16px;
    }

    .services-btn {
        width: 100%;
        box-sizing: border-box;
        text-align: center;
    }
}
/* =====================================================
   РУКОВОДСТВО
   ===================================================== */

.management-page {
    width: 100%;
    max-width: 1050px;
    margin: 0 auto;
}

.management-card {
    display: flex;
    align-items: stretch;

    width: 100%;

    margin-bottom: 22px;

    background: #ffffff;

    border: 1px solid #d4e8f3;
    border-left: 5px solid #58add8;

    border-radius: 10px;

    overflow: hidden;

    box-shadow: 0 4px 14px rgba(40, 90, 120, 0.07);

    transition: 0.2s;
}

.management-card:hover {
    transform: translateY(-2px);

    box-shadow: 0 7px 20px rgba(40, 90, 120, 0.12);
}


/* ФОТО */

.management-photo {
    flex: 0 0 210px;

    width: 210px;
    min-height: 240px;

    background: #eef8ff;
}

.management-photo img {
    display: block;

    width: 100%;
    height: 100%;

    min-height: 240px;

    object-fit: cover;
}

.management-photo-placeholder {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 100%;
    height: 100%;

    min-height: 240px;

    color: #7a9aaf;

    font-size: 15px;
    font-weight: bold;

    background: #eef8ff;
}


/* ИНФОРМАЦИЯ */

.management-info {
    flex: 1;

    padding: 28px 32px;

    box-sizing: border-box;
}

.management-position {
    margin-bottom: 9px;

    color: #438eb6;

    font-size: 15px;
    font-weight: 700;

    text-transform: uppercase;
}

.management-name {
    margin: 0 !important;
    padding: 0 !important;

    background: none !important;

    border: 0 !important;

    color: #203e5c !important;

    font-size: 26px !important;
    font-weight: 700 !important;

    line-height: 1.25 !important;
}

.management-degree {
    margin-top: 8px;

    color: #60788b;

    font-size: 15px;
    font-style: italic;
    font-weight: 600;
}

.management-line {
    width: 65px;
    height: 3px;

    margin: 17px 0;

    background: #5ab1dc;

    border-radius: 5px;
}

.management-description {
    margin: 0 !important;

    color: #465d70;

    font-size: 16px;
    line-height: 1.7;
}


/* ТЕЛЕФОН */

@media screen and (max-width: 767px) {

    .management-card {
        display: block;
    }

    .management-photo {
        width: 100%;
        height: 300px;

        min-height: 0;
    }

    .management-photo img {
        height: 300px;
        min-height: 0;
    }

    .management-photo-placeholder {
        height: 300px;
        min-height: 0;
    }

    .management-info {
        padding: 20px 18px;
    }

    .management-position {
        font-size: 13px;
    }

    .management-name {
        font-size: 22px !important;
    }
}
/* Кликабельные карточки руководства */

.management-card-link {
    display: block !important;
    color: inherit !important;
    text-decoration: none !important;
}

.management-card-link:hover {
    text-decoration: none !important;
}

.management-card-link .management-card {
    cursor: pointer;
}

.management-card-link:hover .management-card {
    transform: translateY(-3px);
    border-left-color: #268fc5;
    box-shadow: 0 8px 24px rgba(40, 90, 120, 0.15);
}

.management-more {
    display: inline-block;
    margin-top: 17px;

    color: #2988b8;
    font-size: 14px;
    font-weight: 700;

    transition: 0.2s;
}

.management-card-link:hover .management-more {
    transform: translateX(5px);
    color: #176790;
}
.management-more {
    display: inline-block !important;
    margin-top: 15px !important;
    padding: 9px 18px !important;

    background: #eef8ff !important;
    border: 1px solid #9fd1eb !important;
    border-radius: 6px !important;

    color: #247ba8 !important;
    font-size: 14px !important;
    font-weight: 700 !important;

    text-decoration: none !important;
}

.management-more:hover {
    background: #247ba8 !important;
    color: #ffffff !important;
    text-decoration: none !important;
}
.management-more {
    display: inline-block !important;
    margin-top: 15px !important;
    padding: 9px 18px !important;

    background: #eef8ff !important;
    border: 1px solid #9fd1eb !important;
    border-radius: 6px !important;

    color: #247ba8 !important;
    font-size: 14px !important;
    font-weight: 700 !important;

    text-decoration: none !important;
}

.management-more:hover {
    background: #247ba8 !important;
    color: #ffffff !important;
    text-decoration: none !important;
}
/* =========================================================
   МОБИЛЬНАЯ ВЕРСИЯ САЙТА НПЦ МАШИНОСТРОЕНИЯ
   ========================================================= */

@media screen and (max-width: 767px) {

    html,
    body {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
    }

    body {
        padding: 0 !important;
        margin: 0 !important;
    }


    /* =========================
       ОСНОВНЫЕ КОНТЕЙНЕРЫ
       ========================= */

    .container,
    .container_ex,
    #main_content,
    #main_menu_ex {
        width: 100% !important;
        max-width: 100% !important;

        margin-left: auto !important;
        margin-right: auto !important;

        padding-left: 15px !important;
        padding-right: 15px !important;

        box-sizing: border-box !important;
    }

    #main_content {
        padding-top: 25px !important;
    }


    /* =========================
       ВЕРХ САЙТА / HEADER
       ========================= */

    #header {
        padding-top: 15px !important;
        padding-bottom: 10px !important;
    }

    #header .row {
        display: block !important;
        margin: 0 !important;
    }

    #header .col-md-4 {
        width: 100% !important;
        max-width: 100% !important;

        display: block !important;

        text-align: center !important;

        padding: 8px 0 !important;
    }


    /* Большой текст слева */

    #header .RobotoCondensed-Bold {
        font-size: 24px !important;
        line-height: 1.25 !important;

        text-align: center !important;

        margin: 0 auto !important;
    }


    /* Логотип */

    #header img {
        max-width: 100% !important;
        height: auto !important;
    }

    #header .col-md-4:nth-child(2) img {
        width: 290px !important;
        max-width: 90% !important;

        margin: 0 auto !important;
    }


    /* Цитата справа */

    #header .col-md-4:nth-child(3) {
        align-items: center !important;
        text-align: center !important;
    }

    #header .col-md-4:nth-child(3) p {
        font-size: 14px !important;
        line-height: 1.5 !important;

        text-align: center !important;

        margin-left: auto !important;
        margin-right: auto !important;
    }


    /* =========================
       ЯЗЫКИ
       ========================= */

    .languages-header {
        display: flex !important;

        justify-content: center !important;

        margin-bottom: 12px !important;
    }

    .lang_item {
        margin: 0 5px !important;
    }


    /* =========================
       ПОИСК
       ========================= */

    .contacts_header {
        width: 100% !important;

        text-align: center !important;
    }

    .contacts_header form {
        display: flex !important;

        justify-content: center !important;
        align-items: center !important;

        width: 100% !important;
    }

    .contacts_header input[type="text"] {
        width: 75% !important;
        max-width: 260px !important;
    }


    /* =========================
       ГЛАВНОЕ МЕНЮ
       ========================= */

    #headermenu {
        width: 100% !important;

        padding: 8px 0 !important;
    }

    #headermenu .navbar-toggler {
        display: block !important;

        margin-left: auto !important;
        margin-right: 0 !important;

        border: 1px solid #69b9df !important;
    }

    #navbarSupportedContent {
        width: 100% !important;
    }

    #menuwrapper {
        width: 100% !important;
    }

    ul#primary-nav {
        width: 100% !important;

        padding: 10px 0 !important;

        display: block !important;
    }

    ul#primary-nav li {
        float: none !important;

        width: 100% !important;

        display: block !important;

        border-bottom: 1px solid #e5eef3 !important;
    }

    ul#primary-nav li a {
        display: block !important;

        width: 100% !important;

        padding: 11px 12px !important;

        box-sizing: border-box !important;

        text-align: left !important;

        font-size: 14px !important;
    }


    /* Выпадающее меню */

    ul#primary-nav li ul {
        position: static !important;

        width: 100% !important;

        box-shadow: none !important;

        border: 0 !important;

        background: #f4f9fc !important;
    }

    #primary-nav li li {
        width: 100% !important;
    }

    ul#primary-nav li ul a {
        padding: 10px 25px !important;
    }


    /* =========================
       ЗАГОЛОВКИ СТРАНИЦ
       ========================= */

    #main_content h1 {
        font-size: 27px !important;
        line-height: 1.25 !important;

        padding: 14px 15px !important;

        word-break: normal !important;
    }

    #main_content h2 {
        font-size: 23px !important;
        line-height: 1.3 !important;
    }

    #main_content h3 {
        font-size: 20px !important;
        line-height: 1.3 !important;
    }


    /* =========================
       ОБЫЧНЫЙ ТЕКСТ
       ========================= */

    #main_content p,
    #main_content li {
        font-size: 15px !important;
        line-height: 1.65 !important;
    }


    /* =========================
       ВСЕ КАРТИНКИ
       ========================= */

    #main_content img {
        max-width: 100% !important;
        height: auto !important;
    }


    /* =========================
       YOUTUBE / IFRAME
       ========================= */

    #main_content iframe {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        height: auto !important;
        aspect-ratio: 16 / 9;

        margin-left: auto !important;
        margin-right: auto !important;
    }


    /* =========================
       HTML5 ВИДЕО
       ========================= */

    #main_content video {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        height: auto !important;

        margin: 0 auto !important;
    }


    /* =========================
       BOOTSTRAP КОЛОНКИ
       ========================= */

    #main_content .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    #main_content .col-md-3,
    #main_content .col-md-4,
    #main_content .col-md-6,
    #main_content .col-md-8,
    #main_content .col-md-9 {
        width: 100% !important;
        max-width: 100% !important;

        flex: 0 0 100% !important;

        padding-left: 0 !important;
        padding-right: 0 !important;

        margin-bottom: 20px !important;
    }


    /* =========================
       НОВОСТИ
       ========================= */

    .news-block,
    .news-wrapper,
    .NewsSummary {
        width: 100% !important;
        max-width: 100% !important;
    }


    /* =========================
       РУКОВОДСТВО
       ========================= */

    .management-page {
        width: 100% !important;
    }

    .management-card {
        display: block !important;

        width: 100% !important;

        margin-bottom: 20px !important;
    }

    .management-photo {
        width: 100% !important;

        height: 300px !important;

        min-height: 0 !important;
    }

    .management-photo img {
        width: 100% !important;

        height: 300px !important;

        object-fit: cover !important;
    }

    .management-photo-placeholder {
        height: 300px !important;

        min-height: 0 !important;
    }

    .management-info {
        width: 100% !important;

        padding: 20px 17px !important;
    }

    .management-name {
        font-size: 21px !important;
    }

    .management-position {
        font-size: 13px !important;
    }


    /* =========================
       УСЛУГИ
       ========================= */

    .services-page {
        width: 100% !important;
    }

    .services-intro {
        padding: 17px !important;
    }

    .service-card {
        height: auto !important;

        padding: 18px !important;
    }

    .services-gallery-card img {
        height: 220px !important;
    }


    /* =========================
       КАТАЛОГ
       ========================= */

    .catalog-new {
        width: 100% !important;
    }

    .catalog-info {
        width: 100% !important;
    }

    .slider_cat {
        width: 100% !important;

        padding: 12px 38px !important;
    }

    .slider_cat .owl-item-cat {
        min-height: 0 !important;
    }

    .slider_cat .owl-item-cat img {
        width: 100% !important;

        max-width: 100% !important;
        max-height: none !important;

        height: auto !important;
    }


    /* =========================
       КОНТАКТЫ
       ========================= */

    .contacts_footer .row {
        display: block !important;

        padding: 10px !important;
    }

    .contacts_footer .col-md-3 {
        display: flex !important;

        width: 100% !important;
        max-width: 100% !important;

        margin-bottom: 12px !important;

        padding: 15px !important;

        border: 1px solid #d4e8f3 !important;
        border-top: 3px solid #5bb5df !important;

        border-radius: 8px !important;

        box-sizing: border-box !important;
    }

    .contact_item {
        width: auto !important;
    }


    /* =========================
       ТАБЛИЦЫ
       ========================= */

    table {
        display: block !important;

        width: 100% !important;

        overflow-x: auto !important;

        -webkit-overflow-scrolling: touch;
    }


    /* =========================
       ФОРМЫ
       ========================= */

    .contactform input,
    .contactform textarea {
        width: 100% !important;
        max-width: 100% !important;

        box-sizing: border-box !important;
    }

    .contactform div {
        display: block !important;
    }


    /* =========================
       FOOTER
       ========================= */

    .copyright {
        text-align: center !important;

        padding: 15px 0 !important;
    }

}
/* =====================================================
   КРАСИВОЕ МОБИЛЬНОЕ МЕНЮ
   ===================================================== */

@media screen and (max-width: 767px) {

    /* Сам блок меню */
    #main_menu_ex {
        padding: 10px 15px !important;
        background: #ffffff !important;
    }

    #headermenu {
        padding: 0 !important;
    }

    /* Кнопка-гамбургер */
    #headermenu .navbar-toggler {
        width: 52px !important;
        height: 46px !important;

        margin: 0 0 10px auto !important;

        background: #eef8ff !important;
        border: 1px solid #70bde3 !important;
        border-radius: 10px !important;

        box-shadow: 0 3px 10px rgba(41, 113, 151, 0.10);
    }


    /* Общая область раскрытого меню */
    #navbarSupportedContent {
        width: 100% !important;

        padding: 8px !important;

        background: #f8fcff !important;

        border: 1px solid #d5eaf5 !important;
        border-radius: 14px !important;

        box-shadow: 0 7px 22px rgba(42, 103, 136, 0.10);
    }


    /* Список */
    ul#primary-nav {
        display: grid !important;

        grid-template-columns: 1fr 1fr !important;

        gap: 9px !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 4px !important;

        list-style: none !important;
    }


    /* Каждая кнопка */
    ul#primary-nav > li {
        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        border: 0 !important;

        background: transparent !important;
    }


    ul#primary-nav > li > a {
        display: flex !important;

        align-items: center !important;
        justify-content: center !important;

        width: 100% !important;
        min-height: 55px !important;

        padding: 10px 8px !important;

        box-sizing: border-box !important;

        background: #ffffff !important;

        border: 1px solid #cfe7f3 !important;
        border-left: 4px solid #55add9 !important;

        border-radius: 10px !important;

        color: #203e5c !important;

        font-size: 12px !important;
        font-weight: 700 !important;
        line-height: 1.25 !important;

        text-align: center !important;
        text-transform: uppercase !important;

        text-decoration: none !important;

        box-shadow: 0 2px 7px rgba(38, 95, 126, 0.06);

        transition: all 0.2s ease !important;
    }


    /* При нажатии */
    ul#primary-nav > li > a:active {
        background: #dff3fc !important;

        border-color: #55add9 !important;

        transform: scale(0.97);
    }


    /* Активная страница */
    ul#primary-nav > li.currentpage > a,
    ul#primary-nav > li.menuactive > a {
        background: #e7f6fd !important;

        color: #176b96 !important;

        border-color: #60b7df !important;
        border-left: 4px solid #1686ba !important;
    }


    /* ================================
       ВЫПАДАЮЩИЕ ПУНКТЫ
       ================================ */

    ul#primary-nav > li > ul {
        grid-column: 1 / -1 !important;

        position: static !important;

        width: 100% !important;

        margin: 7px 0 2px 0 !important;
        padding: 7px !important;

        background: #edf8fd !important;

        border: 1px solid #d1e9f5 !important;
        border-radius: 9px !important;

        box-shadow: none !important;
    }


    ul#primary-nav > li > ul li {
        width: 100% !important;

        margin-bottom: 5px !important;

        border: 0 !important;
    }


    ul#primary-nav > li > ul li:last-child {
        margin-bottom: 0 !important;
    }


    ul#primary-nav > li > ul li a {
        display: block !important;

        width: 100% !important;

        padding: 10px 12px !important;

        background: #ffffff !important;

        border: 1px solid #d6eaf4 !important;
        border-radius: 7px !important;

        color: #315b73 !important;

        font-size: 12px !important;
        font-weight: 600 !important;

        text-align: left !important;

        text-decoration: none !important;
    }


    ul#primary-nav > li > ul li a:active {
        background: #dff3fc !important;
    }

}
/* =========================================
   БЛОК "РАЗРАБОТКИ ИНСТИТУТА"
   ========================================= */

.institute-dev-slider {
    position: relative;
    margin-top: 25px;
}

.dev-slide-card {
    display: flex;
    gap: 30px;
    padding: 30px;
    background: #ffffff;
    border: 1px solid #d9ecf6;
    border-radius: 18px;
    box-shadow: 0 10px 28px rgba(32, 77, 110, 0.08);
    box-sizing: border-box;
    min-height: 420px;
}

.dev-slide-left {
    width: 30%;
    min-width: 260px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}

.dev-slide-image-wrap {
    width: 100%;
    background: linear-gradient(180deg, #f5fbff 0%, #edf7fc 100%);
    border: 1px solid #d6eaf4;
    border-radius: 16px;
    padding: 20px;
    box-sizing: border-box;
    text-align: center;
    margin-bottom: 18px;
}

.dev-slide-image {
    max-width: 100%;
    max-height: 220px;
    object-fit: contain;
}

.dev-slide-product {
    width: 100%;
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.45;
    color: #213b57;
}

.dev-slide-right {
    width: 70%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.dev-info-block {
    margin-bottom: 20px;
    padding: 18px 20px;
    background: #f9fcfe;
    border-left: 4px solid #59b4df;
    border-radius: 12px;
    border: 1px solid #e2f0f7;
}

.dev-info-title {
    font-size: 25px;
    font-weight: 700;
    color: #1f4d70;
    margin-bottom: 10px;
}

.dev-info-text {
    font-size: 20px;
    line-height: 1.7;
    color: #4e4e4e;
    text-align: justify;
}

.dev-slide-actions {
    margin-top: 10px;
}

.dev-more-btn {
    display: inline-block;
    padding: 12px 24px;
    background: linear-gradient(180deg, #57b5df 0%, #3496c8 100%);
    color: #ffffff !important;
    font-size: 18px;
    font-weight: 700;
    text-decoration: none;
    border-radius: 10px;
    box-shadow: 0 6px 14px rgba(52, 150, 200, 0.22);
    transition: all 0.25s ease;
}

.dev-more-btn:hover {
    background: linear-gradient(180deg, #3496c8 0%, #247cab 100%);
    color: #ffffff !important;
    transform: translateY(-2px);
}

/* Заголовок блока */
.section-title-dev,
.dev-block-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.section-title-dev h2,
.dev-block-title h2 {
    margin: 0;
    font-size: 34px;
    font-weight: 800;
    color: #1e2f47;
    text-transform: uppercase;
}

.section-title-dev a,
.dev-block-title a {
    color: #9a6d3a;
    font-size: 18px;
    font-weight: 700;
    text-decoration: underline;
}

/* Owl arrows */
.institute-dev-slider .owl-nav {
    position: absolute;
    top: -80px;
    right: 0;
    display: flex !important;
    gap: 12px;
}

.institute-dev-slider .owl-nav button.owl-prev,
.institute-dev-slider .owl-nav button.owl-next {
    width: 54px;
    height: 54px;
    border-radius: 50% !important;
    border: 1px solid #c8a77b !important;
    background: #fff !important;
    color: #b18656 !important;
    font-size: 28px !important;
    line-height: 1 !important;
    transition: all 0.25s ease;
    box-shadow: 0 4px 12px rgba(120, 90, 50, 0.08);
}

.institute-dev-slider .owl-nav button.owl-prev:hover,
.institute-dev-slider .owl-nav button.owl-next:hover {
    background: #f8efe5 !important;
    color: #8f6439 !important;
    transform: translateY(-2px);
}

.institute-dev-slider .owl-dots {
    margin-top: 18px;
    text-align: center;
}

.institute-dev-slider .owl-dots .owl-dot span {
    width: 12px;
    height: 12px;
    margin: 5px;
    background: #cfe6f2;
    display: inline-block;
    border-radius: 50%;
}

.institute-dev-slider .owl-dots .owl-dot.active span {
    background: #4aa8d7;
}

/* Адаптив */
@media screen and (max-width: 991px) {
    .dev-slide-card {
        flex-direction: column;
        padding: 22px;
    }

    .dev-slide-left,
    .dev-slide-right {
        width: 100%;
        min-width: auto;
    }

    .dev-slide-product {
        font-size: 22px;
    }

    .dev-info-title {
        font-size: 22px;
    }

    .dev-info-text {
        font-size: 18px;
        line-height: 1.6;
    }

    .institute-dev-slider .owl-nav {
        position: static;
        justify-content: center;
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 767px) {
    .dev-slide-card {
        padding: 18px;
        border-radius: 14px;
    }

    .dev-slide-image-wrap {
        padding: 14px;
    }

    .dev-slide-product {
        font-size: 18px;
    }

    .dev-info-title {
        font-size: 18px;
    }

    .dev-info-text {
        font-size: 15px;
        line-height: 1.55;
        text-align: left;
    }

    .dev-more-btn {
        width: 100%;
        text-align: center;
        font-size: 16px;
        padding: 11px 16px;
    }

    .section-title-dev h2,
    .dev-block-title h2 {
        font-size: 24px;
    }
}
/* =====================================================
   ИСПРАВЛЕНИЕ ГЛАВНОЙ СТРАНИЦЫ НА МОБИЛЬНЫХ
   ===================================================== */

@media screen and (max-width: 767px) {

    /* Главный контент */
    #main_content {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        box-sizing: border-box !important;
    }

    /* Заголовок организации */
    #main_content > h3 {
        font-size: 20px !important;
        line-height: 1.35 !important;
        text-align: center !important;
        margin-bottom: 20px !important;
    }

    /* Главная row: видео + новости */
    #main_content > .row {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        margin: 0 !important;
    }

    /* Видео */
    #main_content > .row > .col-md-9 {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        padding: 0 !important;
        margin: 0 0 20px 0 !important;
    }

    #main_content > .row > .col-md-9 .row {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
    }

    #main_content > .row > .col-md-9 .col-md-4 {
        width: 100% !important;
        max-width: 100% !important;
        flex: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    #main_content iframe {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        aspect-ratio: 16 / 9 !important;
        margin: 0 auto !important;
    }

    /* Новости */
    #main_content > .row > .col-md-3 {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    /* Сам блок новостей */
    #main_content > .row > .col-md-3 > div,
    #main_content > .row > .col-md-3 .news,
    #main_content > .row > .col-md-3 .news-block,
    #main_content > .row > .col-md-3 .NewsSummary {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    /* Убираем слишком узкий текст */
    #main_content > .row > .col-md-3 p,
    #main_content > .row > .col-md-3 a {
        width: auto !important;
        max-width: 100% !important;
        word-break: normal !important;
        overflow-wrap: break-word !important;
        text-align: left !important;
    }

    /* Текст под видео */
    #main_content h4 {
        font-size: 16px !important;
        line-height: 1.6 !important;
        text-align: left !important;
        word-spacing: normal !important;
        letter-spacing: normal !important;
    }

}
.main-video-wrap {
    width: 100%;
}

.main-video-wrap iframe {
    display: block;
    width: 100%;
    height: 500px;
    border: 0;
}

@media screen and (max-width: 767px) {

    .main-video-wrap iframe {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 16 / 9 !important;
    }

}
/* =========================================
   НОВАЯ СТРАНИЦА КОНТАКТОВ
   ========================================= */

.contacts-page-new {
    width: 100%;
    max-width: 1050px;
    margin: 0 auto;
}

.contacts-grid-new {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 22px;
    margin-top: 25px;
}

.contact-card-new {
    position: relative;
    padding: 28px 26px;
    background: #ffffff;

    border: 1px solid #d5e9f4;
    border-left: 5px solid #55add9;

    border-radius: 14px;

    box-shadow: 0 6px 18px rgba(30, 80, 110, 0.07);

    transition: all 0.25s ease;
}

.contact-card-new:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(30, 80, 110, 0.13);
}

.contact-card-icon {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 52px;
    height: 52px;

    margin-bottom: 15px;

    background: #eef8ff;
    border: 1px solid #cce6f3;
    border-radius: 50%;

    color: #318bb8;
    font-size: 25px;
    font-weight: 700;
}

.contact-card-new h3 {
    margin: 0 !important;

    color: #203e5c !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
}

.contact-card-line {
    width: 55px;
    height: 3px;

    margin: 13px 0 18px 0;

    background: #55add9;
    border-radius: 5px;
}

.contact-card-new p {
    margin: 0 0 14px 0 !important;

    color: #485f70;
    font-size: 16px !important;
    line-height: 1.6 !important;

    text-align: left !important;
}

.contact-card-new p:last-child {
    margin-bottom: 0 !important;
}

.contact-card-new strong {
    color: #263f54;
}

.contact-card-new a {
    color: #247fae !important;
    font-weight: 600;
    text-decoration: none !important;
}

.contact-card-new a:hover {
    text-decoration: underline !important;
}

.contact-label {
    font-weight: 700;
    color: #334e63 !important;
}


/* ТЕЛЕФОН */

@media screen and (max-width: 767px) {

    .contacts-grid-new {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .contact-card-new {
        padding: 20px 18px;
    }

    .contact-card-new h3 {
        font-size: 19px !important;
    }

    .contact-card-new p {
        font-size: 15px !important;
    }

}
/* =====================================================
   СТРАНИЦА ЛАБОРАТОРИЙ
   ===================================================== */

.labs-page {
    width: 100%;
    max-width: 1050px;
    margin: 0 auto;
}

.labs-intro {
    margin-bottom: 28px;
    padding: 24px 27px;

    background: #f1f9fd;
    border-left: 5px solid #58b2dd;
    border-radius: 12px;
}

.labs-intro h3 {
    margin: 0 0 10px 0 !important;

    color: #203e5c !important;
    font-size: 24px !important;
    font-weight: 700 !important;
}

.labs-intro p {
    margin: 0 !important;

    color: #516a7b;
    font-size: 16px !important;
    line-height: 1.65 !important;
}


.labs-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);

    gap: 20px;
}


.lab-card {
    position: relative;

    padding: 27px 25px;

    background: #ffffff;

    border: 1px solid #d7eaf4;
    border-top: 4px solid #5ab3de;

    border-radius: 14px;

    box-shadow: 0 6px 17px rgba(30, 80, 110, 0.06);

    transition: all 0.25s ease;
}

.lab-card:hover {
    transform: translateY(-4px);

    box-shadow: 0 11px 25px rgba(30, 80, 110, 0.13);

    border-top-color: #268fc5;
}


.lab-number {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 46px;
    height: 46px;

    margin-bottom: 17px;

    background: #eaf7fd;

    border: 1px solid #c9e7f5;
    border-radius: 12px;

    color: #2689b9;

    font-size: 17px;
    font-weight: 800;
}


.lab-card h3 {
    margin: 0 !important;
    padding: 0 !important;

    background: none !important;
    border: 0 !important;

    color: #203e5c !important;

    font-size: 20px !important;
    font-weight: 700 !important;

    line-height: 1.35 !important;
}


.lab-line {
    width: 55px;
    height: 3px;

    margin: 15px 0;

    background: #5ab3de;

    border-radius: 5px;
}


.lab-card p {
    margin: 0 !important;

    color: #526978;

    font-size: 15px !important;
    line-height: 1.6 !important;

    text-align: left !important;
}


.lab-more {
    display: inline-block;

    margin-top: 18px;

    color: #2686b5;

    font-size: 14px;
    font-weight: 700;
}


.lab-card:hover .lab-more {
    color: #17668e;
}


/* Испытательная лаборатория чуть выделена */

.lab-card-accent {
    background: #f8fcff;
}


/* МОБИЛЬНАЯ ВЕРСИЯ */

@media screen and (max-width: 767px) {

    .labs-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .labs-intro {
        padding: 19px 17px;
    }

    .labs-intro h3 {
        font-size: 20px !important;
    }

    .lab-card {
        padding: 21px 18px;
    }

    .lab-card h3 {
        font-size: 18px !important;
    }

    .lab-card p {
        font-size: 15px !important;
    }

}