/*© 2025 Сивцев Иван sivtsev.ivan@yandex.ru*/

/*подключаем шрифт Montserrat*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400..800;1,400..800&display=swap');

*{
    padding: 0;
    margin: 0;
}

/*=====================Определяем основные цвета шаблона======================*/
.krasniy {
    background-color: #E00B7C;
}

.siniy {
    background-color: #1A82C5;
}

.cherniy {
    background-color: #383838;
}

.seriy {
    background-color: #c4c4c4;
}

.zeleniy {
    background-color: #019746;
}

.beliy {
    background-color: #ffffff;
}

/*======================ТИПОГРАФИЯ==================================*/
body {
    font-family: 'Montserrat', sans-seris !important;
    background-color: rgba(255, 255, 255, 1)
}

p {
    font-family: "Montserrat";
    font-weight: 400;
    font-size: 14px;
    line-height: 170%;
    letter-spacing: 0%;
}

h1 {
    font-family: "Montserrat";
    font-weight: 700;
    font-size: 36px;
    line-height: 100%;
    letter-spacing: 0%;
}

h2 {
    font-family: "Montserrat";
    font-weight: 600;
    font-size: 24px;
    line-height: 100%;
    letter-spacing: 0%;
}

h3 {
    font-family: "Montserrat";
    font-weight: 700;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0%;
}

h4 {
    font-family: "Montserrat";
    font-weight: 600;
    font-size: 20px;
    line-height: 120%;
    letter-spacing: 0%;
}

h5 {
    font-family: "Montserrat";
    font-weight: 700;
    font-size: 15px;
    line-height: 120%;
    letter-spacing: 0%;
}

h6 {
    font-family: "Montserrat";
    font-weight: 700;
    font-size: 12px;
    line-height: 120%;
    letter-spacing: 0%;
}

p, h1, h2, h3, h4, h5, h6, a {
    color:#383838;
}

.siniytext {
    color: #1A82C5;
}

.beliytext {
    color: #ffffff;
}

.krasniytext {
    color:#E00B7C;
}

.zeleniytext {
    color: #019746;
}

.cherniytext {
    color: #383838;
}

.seriytext {
    color: #c4c4c4;
}
/*======================МЕНЮ==================================*/
/*подстветка главного меню*/

.navbar-nav .nav-link.active, 
.navbar-nav .nav-link.show,
.navbar-nav .nav-link:hover {
    /* background-color: rgba(196, 196, 196, 0.45); */
    /*  background-color: rgba(196, 196, 196);*/
    border-radius: 5px;
    background: rgba(196, 196, 196, 0.35);
    
}


/* устанавливаем цвет меню*/
#navbars01 ul {
    --bs-nav-link-color: #ffffff;
    --bs-navbar-active-color: #ffffff;
}

/* нижняя граница блока меню на прозрачном фоне*/
.line-end {
    border-bottom: 1px solid rgba(196, 196, 196, 0.5);
}

/* нижния линия для непрозрачного меню */
.line-endBeliy {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05)
}
/*класс контейнера меню верхнего слепые и соц сети*/
.rowboxmenu {
    align-items: start;
    padding-bottom: 5px;
}

.boxmenu {
    width: 170px;
    background: rgba(196, 196, 196, 1);
    /* background: rgba(196, 196, 196, 0.35); */
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    font-family: Montserrat;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0%;
    cursor: pointer;

}

.boxmenu:hover {
    
    background: rgba(196, 196, 196, 0.9);
    cursor: pointer;

}

.boxmenu2 {
    width: 170px;
    background: rgba(196, 196, 196, 0.3);
    border-radius: 10px;
    font-family: Montserrat;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0%;
    padding-left: 20%;
    padding-right: 20%;
    cursor: pointer;
}

.boxmenu2:hover {
    background: rgba(196, 196, 196, 0.5);
    cursor: pointer;
}
/*кнопка для слабовидяхих на маленьких экранаъ*/
.boxmenu-button {
    width: 170px;
    background: rgba(196, 196, 196);
    border-radius: 10px;
    font-family: Montserrat;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0%;
    cursor: pointer;
}

.boxmenu-button:hover {
    background: rgba(196, 196, 196, 0.5);
    cursor: pointer;
}
/*=SVG меню эффекты*/

.socicon-beliy {
    fill: #ffffff;
}

.socicon-cherniy {
    fill: #383838;
}

.socTG:hover,
.socTG:focus {
  fill: #37aee2;
  stroke: #37aee2;
  /* stroke-width: 5%; */
}

.socVK:hover,
.socVK:focus {
  fill: #5281b8;
  stroke: #5281b8;
  stroke-width: 8%;
}

.socOK:hover,
.socOK:focus {
  fill: #eb722e;
  stroke: #eb722e;
}

 /*======================= СЛАЙДЕР ===========================*/

.zatemnenie::after {
  max-width: 1440px;
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  background:#383838;
  opacity: .4;
}

.SliderControl {
    background: rgba(196, 196, 196, 0.45);
    width: 460px;
}

.SliderText {
    font-family: "Montserrat";
    font-weight: 800;
    font-size: 66px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #ffffff;
}

/* номера слайдеров на главной странице*/
.SliderTextNumBig {
    font-family: "Montserrat";
    font-weight: 600;
    font-size: 17px;
    line-height: 100%;
    letter-spacing: 6%;
    color: #ffffff;
    border-right: 1px solid rgba(196, 196, 196, 0.78);
    width: 27px;
}

.SliderTextNumSmall {
    font-family: "Montserrat";
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 6%;
    color: #ffffff;
}

.carousel-indicators {
  position: relative;
}

.carousel-indicators [data-bs-target] {
    display: inline-block;
    height: 5px;
    padding: 0px;
    margin: 0px;
}

.carousel-control-next, .carousel-control-prev {
    position: relative;
}

.carousel-control-next-icon, .carousel-control-prev-icon {
    width: 100px;
}

/*======================ГЛАВГАЯ СТАРИНИЦА==================================*/
/* блок для отступа из под меню */
.block-paddign {
    height: 120px;
}

@media (max-width: 992px) {
    .block-paddign {
        height: 65px;
    }   
}
/* градиент для блока */
.block-gradient {
    background: #383838;
}

@media (min-width: 1400px){
    .block-gradient {
        background: linear-gradient(to bottom, #383838 58.6%, #ffffff 0%);
    }
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .block-gradient {
        background: linear-gradient(to bottom, #383838 54.1%, #ffffff 0%);
    }
}

@media (min-width: 976px) and (max-width: 1199px) {
    .block-gradient {
        background: linear-gradient(to bottom, #383838 47.1%, #ffffff 0%);
    }
}
/* линия в заголовке новости */
.block-new {
    border-left: 3px solid rgba(28, 130, 197, 1);
}

.block-new-grn {
    border-left: 3px solid #019746
}

/* линия для разделения */
.line-top {
    border-top: 1px solid rgba(196, 196, 196, 0.5);
}

/* блок для даты в новостях */
.date-new {
    background: rgba(255, 255, 255, 0.7);
}

.galereya {
    font-family: "Montserrat";
    font-weight: 700;
    font-size: 64px;
    line-height: 100%;
    letter-spacing: 0%;
}
/* блок для ссылко на ведомства */
.block-silka {
    background: rgba(196, 196, 196, 0.6);
    width: 95px;
    height: 95px;
}

#navbars-siniy {
    background: rgba(196, 196, 196, 0.2);
}

#navbars-siniy a {
    --bs-nav-link-color: #383838;
    --bs-nav-link-hover-color: #ffffff;
    border-top: 1px solid rgba(56, 56, 56, 0.2);
    
}

#navbars-siniy a.active {
    --bs-nav-link-color: #ffffff;
    background-color: #1A82C5;
}

#navbars-siniy a:hover {
    background-color: #1A82C5;
}

/* navbars-krasniy */
#navbars-krasniy {
    background: rgba(196, 196, 196, 0.2);
}

#navbars-krasniy a {
    --bs-nav-link-color: #383838;
    --bs-nav-link-hover-color: #ffffff;
    border-top: 1px solid rgba(56, 56, 56, 0.2);
    
}

#navbars-krasniy a.active {
    --bs-nav-link-color: #ffffff;
    background-color: #E00B7C;
}

#navbars-krasniy a:hover {
    background-color: #E00B7C;
}