@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,400&display=swap');

*::-webkit-scrollbar, html *::-webkit-scrollbar {height: 8px; width: 8px;}
*::-webkit-scrollbar-track, html *::-webkit-scrollbar-track {background: #b7dcf5;}
*::-webkit-scrollbar-thumb, html *::-webkit-scrollbar-thumb {background-color: #5288bb; border-radius: 0px; border: 0px solid rgb(255, 255, 255);}
* { box-sizing: border-box;}

body {
margin: 0px;    
min-height: auto;
}

div {
border: 0px solid #d6ddeac5;
padding: 0px;
color: #1e3a52c7;
}

a {
color: #1975a0;
}

h1 {
text-transform: none;
color: #056b94;
font-family: 'Evolventa', 'sans-serif';
font-weight: 600;
}

.gen_title_block {
text-transform: none;
color: #056b94;
font-family: 'Evolventa', 'sans-serif';
font-size: 2.35em; font-weight: 400; line-height: 1.05em;
}
    

.page_title {
text-transform: none;
color: #217897;
font-family: 'Evolventa', 'sans-serif';
font-weight: 500;
font-size: 2.05em;

}

h2, h3, h4, h5, h6 {
color: #1f3742;
font-family: 'Roboto', 'sans-serif';   
}

.big_title {
text-align: center;   
font-family: 'Evolventa', 'sans-serif';
font-size: 2.45em;
font-weight: 600;  font-style: normal; text-transform: none; line-height: 1.0em;
color: #dc1443; letter-spacing: -0.01em;
}
    
.big_sub_title {
background-color: #f6facee3;
padding: 20px 0px 20px 0px; border-radius: 15px;
text-align: center; 
font-family: 'Evolventa', 'sans-serif';
font-size: 1.75em;
font-weight: 500;  font-style: normal; text-transform: none; line-height: 1.0em;
color: #474928; letter-spacing: -0.01em;
}
        
.big_sub_title_1 {
text-align: center; 
font-family: 'Evolventa', 'sans-serif';
font-size: 1.65em;
font-weight: 600;  font-style: normal; text-transform: none; line-height: 1.0em;
color: #ff4229; letter-spacing: 0.02em;
}

.top_title {}

.top_title .date {
background-color: #3841288e; 
padding: 10px;   
width: fit-content;  
border-radius: 10px;
color: #fcf6b6; font-weight: 500;  letter-spacing: 0.03em;    
}

.section_top {
scroll-margin-block-start: 150px;
}

.section_bottom {
margin-bottom: 500px;
}

.section_title {
font-family: 'Evolventa', 'sans-serif';
font-size: 1.85em;
font-weight: 600;  font-style: normal; text-transform: uppercase;
color: #ec6d2f; letter-spacing: -0.02em;
}

div, p, span {
font-family: 'Roboto', 'sans-serif';  
font-size: 0.99em; font-weight: 400;  
}

.zero {
color: #9baaaf00;   
}
    
.hr_line {
border-top: 1px solid #c1c4b1;    
}


/* ----- Top Logo -----*/
.top-logo {}
.top-logo img {
margin-left: 0px;
}


/* -------------------- Navbar ---------------------*/

.block-top_wrapper {
position: sticky;
top: 15px;

background: rgb(0,74,101);
background: -moz-linear-gradient(90deg, rgba(0,74,101,1) 0%, rgba(25,117,151,1) 35%, rgba(0,74,101,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(0,74,101,1) 0%, rgba(25,117,151,1) 35%, rgba(0,74,101,1) 100%);
background: linear-gradient(90deg, rgba(0,74,101,1) 0%, rgba(25,117,151,1) 35%, rgba(0,74,101,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#004a65",endColorstr="#004a65",GradientType=1);


}

.block-top {
z-index: 5000;  
border-radius: 0px;
/*
background: rgb(156,173,90);
background: -moz-linear-gradient(286deg, rgba(156,173,90,0.3337710084033614) 0%, rgba(63,76,40,1) 100%);
background: -webkit-linear-gradient(286deg, rgba(156,173,90,0.3337710084033614) 0%, rgba(63,76,40,1) 100%);
background: linear-gradient(286deg, rgba(156,173,90,0.3337710084033614) 0%, rgba(63,76,40,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#9cad5a",endColorstr="#3f4c28",GradientType=1);
*/
}

/* ---------------------- Navbar UI -----------------------*/
.navbar .container .navbar-brand .top-logo-img {
width: 35px; height: auto;
transition: background-color 0.3s, transform 0.2s;
}

.navbar .container .navbar-brand .top-logo-img:hover {
transform: scale(150%);
transition: background-color 0.6s, transform 0.9s;
}
  
.navbar-collapse {
margin-top: 0px; color: #FFFFFF;
}

.navbar-collapse .navbar-nav {
width: 100%; margin-top: 0px;
}

.navbar-collapse .navbar-nav {
text-transform: none;  
padding: 0px 5px 0px 5px; margin-left: -5px;
font-family: 'Roboto', sans-serif;   
font-size: 1.15em; font-weight: 400; letter-spacing: 0.03em;
text-transform: uppercase;
}

.navbar .navbar-toggler {
color: #ffffff;
border-radius: 0px;
}

.collapse .navbar-nav .nav-item .nav-link {
border: 0px solid #ffffff83;  
color: #fefff4; 
border-radius: 0px; padding: 5px 10px 5px 10px;
transition-duration: 0.7s;
border-radius: 5px;
}

.collapse .navbar-nav .nav-item .nav-link .active {
border: 0px solid #ffffff83;  
color: #ff071cd7; 
border-radius: 0px; padding: 3px 10px 3px 10px;
}

.collapse .navbar-nav .nav-item .nav-link:hover {
background-color: #0f8ebd; color: #ffffff; border-radius: 10px;
transition: 0.9s;
/*transform: scale(1.1); */
transition-duration: 0.9s;
}
  
.navbar .navbar-toggler .navbar-toggler-icon {
color: #FFFFFF;
}

.navbar .navbar-brand {
padding: 0px 10px 0px 0px;
}

/* -----------------------  Сотрудничать --------------------- */
.top_ui .btn-coop {
}

.top_ui .btn-coop:hover {
}

/* -------------------------- Верхний логотип ---------------- */

.top_ui .top-logo img {
width: 80%; height: auto;
}


/*--------------------------- Видео ------------------------------ */
.video_mask {
position: relative;
background-image: url(../video_files/video-mask-1.svg);
background-repeat: no-repeat;
background-size: contain; 
}


/* -------------------------  Верхний заголовок ----------------- */

.top-title {
text-align: right;
}

.top-title h1 {
color: #e4f6ff;
line-height: 0.95em;
font-weight: 500;
font-size: 1.95em;
}


.top-title h5 {
color: #004568;
line-height: 0.95em;
font-weight: 500;
letter-spacing: -0.025em;

}


/* --------------------------  Слайдер на главной ---------------*/
.top-slider {
background: rgb(206,225,233);
background: -moz-linear-gradient(50deg, rgba(206,225,233,1) 0%, rgba(234,246,252,0.8099614845938375) 100%);
background: -webkit-linear-gradient(50deg, rgba(206,225,233,1) 0%, rgba(234,246,252,0.8099614845938375) 100%);
background: linear-gradient(50deg, rgba(206,225,233,1) 0%, rgba(234,246,252,0.8099614845938375) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cee1e9",endColorstr="#eaf6fc",GradientType=1);
}

.top-slider .carousel {
border-radius: 0px;
}

.top-slider .carousel .carousel-indicators {
background-color:  #115c88dc;
margin: 0 auto;
margin-top: -20px;
width: 200px;
padding: 5px 0px 5px 0px;

border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
    
.top-slider .carousel .carousel-inner .carousel-item .slide-img {
border-top-left-radius: 0px; border-top-right-radius: 0px;
-webkit-filter: grayscale(10%);
-moz-filter: grayscale(10%);
filter: grayscale(10%);
transition: all 0.2s ease;
}

.top-slider .carousel .carousel-inner .carousel-item .slide-img:hover {
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
filter: grayscale(0%);
}

.top-slider .carousel .carousel-indicators button {
background-color: #8fe0ff;
}


/* -----------------------  Кнопки Вперед - Назад --------------------- */


.top-slider .carousel .carousel-control-prev {
background-color: #ffffff;
width: 3rem;
height: 3rem;
border-radius: 50%;
margin: 200px auto 100px;
margin-left: 20px;
}

.top-slider .carousel .carousel-control-next {
background-color: #ffffff;
width: 3rem;
height: 3rem;
border-radius: 50%;
margin: 200px auto 100px;
margin-right: 20px;
}

.top-slider .carousel .carousel-control-prev-icon {
display: inline-block;
width: 2rem;
height: 2rem;
background-repeat: no-repeat;
background-position: 50%;
background-size: 100% 100%;
}

.top-slider .carousel .carousel-control-next-icon {
display: inline-block;
width: 2rem;
height: 2rem;
background-repeat: no-repeat;
background-position: 50%;
background-size: 100% 100%;
}


/* -------------------------- Главная блок контента -------------------*/
.gen_block {
}

.gen_block_wrapp {
border: 1px solid #dfdfdf;   
border-radius: 20px;
height: 400px;
}


/* -------------- Блок Наша работа (Анонсы на главной)  ------------*/

.our-work-gen {
border: 0px solid #dfdfdf;
}

.our-work-gen .card {
border-radius: 0px;    
-webkit-box-shadow: 0px 8px 9px -4px rgba(34, 69, 96, 0.15);
-moz-box-shadow: 0px 8px 9px -4px rgba(34, 69, 96, 0.15);
box-shadow: 0px 8px 9px -4px rgba(34, 69, 96, 0.15);

border-top: 0px;  
border-bottom: 1px solid #cfdee4;  
border-left: 1px solid #cfdee4;  
border-right: 1px solid #cfdee4;  

transition-duration: 0.5s; 
}

.our-work-gen .card:hover {
border-radius: 0px;    
box-shadow: none;

transition-duration: 0.5s;
}

.our-work-gen .card .card-header {
border-top-left-radius: 0px;  border-top-right-radius: 0px;  
border: 0px;    
height: 80px; 
background-repeat: no-repeat; background-size: cover;
background-position-y:bottom;
}
  
.our-work-gen .card .card-header:hover {
background-image: url('../i/bgs/prev-pic-1.png');
}

.our-work-gen .card .card-body {
}

.our-work-gen .card .card-body .card-text {
line-height: 1.05em;
font-size: 1.15em;
font-weight: 500;
color: #4d6c8a;
}

.our-work-gen .card .card-body .card-text:hover {
line-height: 1.05em;
font-size: 1.15em;
font-weight: 500;
color: #1587c9;
}

.our-work-gen .card a {
text-decoration: none;
}

.our-work-gen .card h5 {
font-size: 1.55em; font-weight: 500;
color: #1a3b5a; margin: 20px 0px 20px 0px;
text-decoration: none;
}

.our-work-gen .card h5:hover {
color: #2d5377;
}

.our-work-gen .card .card-footer {
}



/* ------------------------ Новости Солидарнотсти --------------- */
.sol-news-card {
border: 0px solid #dfdfdf;
border-radius: 10px
}

.sol-news-card .date {
font-size: 0.95em; font-weight: 500;
}

.sol-news-card img {
border-radius: 10px; 
object-fit: cover; padding: 0px;
width: 100%;
height: 200px;
transition-duration: 0.5s;
}

.sol-news-card img:hover {
transform: scale(0.98);
transition-duration: 0.5s;
}

.sol-news-card .card-header {
border: 0px;
}
.sol-news-card .card-body .card-text {
line-height: 1.15em;
}

.sol-news-card .card-body .card-title {
font-size: 1.25em;   
line-height: 0.95em;
}

.sol-news-card .card-body .card-title a {
color: #0c5e7c; 
text-decoration: none;
font-size: 1.15em;
display: block;
margin: 10px 0px 0px 0px;
height: 60px;
}

.sol-news-card .card-body .card-title a:hover {
color: #1d93be; 
text-decoration: none;
}

.sol-news-card .card-body .card-header span {
font-size: 0.85em; 
font-weight: 500;
}

.sol-news-card .card-body .card-text {
font-size: 1.01em; font-weight: 300;
line-height: 1.25em;
letter-spacing: -0.01em;   
color: #3f545f;
margin: 10px 0px 0px 0px;
display: block;
}

.sol-news-card .card-footer .btn-next {
border: 1px solid #a9b9c4;
padding: 3px 15px 3px 15px; border-radius: 2px;    
background-color: #FFFFFF; 
color: #416177;
border-radius: 3px;
font-size: 0.85em; font-weight: 400; letter-spacing: 0.05em;
}
    
.sol-news-card  .card-footer .btn-next:hover {
background-color: #697c8a;
border: 1px solid #697c8a;
color: #FFFFFF;
}

.sol-news-card .card-header {
background-color: #ffffff00;
}

.sol-news-card .card-header .news-date {
width: 70%;
border-top-left-radius: 10px; border-bottom-left-radius: 10px; 
background: rgb(255,255,255);
padding: 7px 0px 7px 10px;

background: rgb(225,235,240);
background: -moz-linear-gradient(50deg, rgba(225,235,240,0.8631827731092436) 6%, rgba(234,246,252,0) 100%);
background: -webkit-linear-gradient(50deg, rgba(225,235,240,0.8631827731092436) 6%, rgba(234,246,252,0) 100%);
background: linear-gradient(50deg, rgba(225,235,240,0.8631827731092436) 6%, rgba(234,246,252,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e1ebf0",endColorstr="#eaf6fc",GradientType=1);
}

.sol-news-card .card-header .news-date .date {
font-size: 0.95em; font-weight: 400;
color: #143952;
font-weight: 500;
text-wrap: nowrap;
}

.sol-news-card .card-footer {
border: 0px;
}

.news-content-gen {
border-top: 2px solid #a1c2cfd0;
}


.news-content-ins-spacer {
border-bottom: 2px solid #a1c2cfd0;
}
/* ------------------------ */

/* ---------- Кнопка "Все новости" ---------- */
.sol-news  .btn-all-news {
border: 0px;
background-color: #5093b3;
padding: 7px 25px 7px 25px;
border-radius: 5px;
font-size: 0.95em; font-weight: 400; 
color: #FFFFFF;
}
        
.sol-news  .btn-all-news:hover {
background-color: #47839c;
color: #FFFFFF;
}
    
/*------------------------- Контакты сверху ---------------------------*/
.top-contact {
border: 0px;
}

.top-contact span {
font-size: 0.95em; font-weight: 500;
color: #526168;
}

/*------------------------- Контакты ---------------------------*/
.contacts {
background: rgba(245, 250, 253, 0.603);
}




/* ------------------------ Футер -Телефон ------------------------------*/
.phone_zone {}

.phone_zone .header {
font-size: 1.25em; font-weight: 500; color:#1a3849;  letter-spacing: -0.01em;
}

.phone_zone .phone {
height: fit-content;
}

.phone_zone .small {
font-size: 0.85em; font-weight: 600; text-transform: uppercase;   
color: #2f5c7a;
}

.phone_zone .phone img {
width: 90%; height: auto;
}

.phone_zone .descr {
font-size: 1.15em; font-weight: 500; line-height: 1.15em; letter-spacing: -0.01em;  
color: #171e24;
}

/* ------------------------ Футер -Email ------------------------------*/

.email_zone {}

.email_zone .header {
font-size: 1.25em; font-weight: 500; color:#1a3849;  letter-spacing: -0.01em;
}
.email_zone .email {
height: auto;
padding: 13px 20px 13px 20px;
}

.email_zone .email  a {
color: #016d94; font-size: 1.45em;
text-decoration: underline;
}

.email_zone .email  a:hover {
color: #13a6dc; 
text-decoration: none;
transition-delay: 0.1s;
transition-duration: 0.1s;
}
    
.email_zone .descr {
font-size: 0.95em; font-weight: 400; line-height: 1.15em; letter-spacing: -0.01em;  
color: #282e33c7;
}

.email_zone .descr a {
color: #0093ca;
text-decoration: underline;
}

/* ------------------------ Футер - Сотрудничать ------------------------------*/

.contacts .logo-zone {
border-right-width: 1px; 
border-right-style: solid;
border-right-color:  #c1cdd1;    
}

.contacts .phone-zone {
border-right-width: 1px; 
border-right-style: solid;
border-right-color:  #d0d1c1;     
}

.contacts .descr a {
text-decoration: none;
color: #02a398;     
}

.cooperate {
}
.cooperate .header {
font-size: 1.25em; font-weight: 500; color:#1a3849;  letter-spacing: -0.01em;
}

.cooperate .btn-cooperate {
height: auto;
text-wrap: nowrap;
padding: 10px 15px 10px 15px;
background-color: #137094;
border: 0px;
border-radius: 7px;
font-size: 0.95em; font-weight: 400;
letter-spacing: 0.025em;
}

.cooperate .btn-cooperate:hover {
background-color: #0b82b1;
}

.cooperate .descr {
font-size: 0.95em; font-weight: 400; line-height: 1.1em; letter-spacing: -0.01em;  
color: #282e33c7;
}



/* ------------------------- Логотип Адрес -----------------------------*/
.logo {
font-size: 0.95em; font-weight: 300; line-height: 1.15em; letter-spacing: 0.01em;  
color: #282e33c7;
}

.logo_back {
/*
background: rgb(225,236,244);
background: -moz-linear-gradient(45deg, rgba(225,236,244,1) 0%, rgba(229,242,251,0.8687850140056023) 100%);
background: -webkit-linear-gradient(45deg, rgba(225,236,244,1) 0%, rgba(229,242,251,0.8687850140056023) 100%);
background: linear-gradient(45deg, rgba(225,236,244,1) 0%, rgba(229,242,251,0.8687850140056023) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e1ecf4",endColorstr="#e5f2fb",GradientType=1);
*/
}


.bottom-address {}

.bottom-address .bottom-addr {
 color: #418aa0;  
 letter-spacing: -0.015em; 
}


.logo_subtitle {
font-size: 1.05em; font-weight: 500; letter-spacing: 0.01em; 
text-transform: uppercase;
color: #2a4e70c7;
}

.logo .sub_office .header {
font-size: 1.25em; font-weight: 500; color:#565a39; letter-spacing: -0.01em;
}

.logo .sub_office .address {
font-size: 0.97em; font-weight: 400; letter-spacing: 0.01em;  
color: #282e33c7;
}
    
.logo .org_title_bottom {
font-size: 2.15em; font-weight: 500; line-height: 1.05em;
color: #1880a9;
}

.logo .org-title-subtitle {
color: #1e3a52c7;
}

.jur_info {
font-size: 0.95em; font-weight: 400; line-height: 1.15em; letter-spacing: 0.01em;  
 color: #282e33c7;
}

.jur_info .reg_info {
font-size: 0.95em; font-weight: 400; line-height: 1.15em; letter-spacing: 0.01em;  
color: #282e33c7;
}
    
.jur_info .copy_info {
font-size: 0.95em; font-weight: 400; line-height: 1.15em; letter-spacing: 0.01em;  
color: #282e33c7;
}
    
.bottom_block .copy_info_2 {
font-size: 0.95em; font-weight: 400; line-height: 1.15em; letter-spacing: -0.01em;  
color: #282e33c7;  
}

.bottom_block .bottom_link {
font-size: 0.85em; font-weight: 400; line-height: 1.15em; letter-spacing: -0.01em;  
text-decoration: underline; display: block; margin-bottom: 5px;
color: #10423f;  
}

.bottom_block .bottom_link:hover {
text-decoration: none;
color: #249189;  
}



/* -------------------------- Модал поиска -------------- */
.search-modal {
border-radius: 0px;
border: 0px solid #000000;

position: absolute; 
top: 50px; width: 800px; 
margin: 0 auto;

border-bottom-left-radius: 15px; border-bottom-right-radius: 15px;


}


/* -------------------------- Интерфейс слева -------------- */

.left-ui {}

.left-ui .list-group-flush .list-group-item {
border: 0px solid #000000; 
}

.left-ui .accordion-body {
border: 0px solid #000000; padding: 0px;
}

.accordion .accordion-button {
 padding: 10px 10px 5px 0px;   
}

.accordion .accordion-button h5 {
text-transform: uppercase; 
color: #0e5f80;
}

.accordion .accordion-button h5:hover {
text-transform: uppercase; 
color: #2093c0;
}
 
.left-ui .list-group {
border-bottom: 0px solid #bbc0c2;  
}

.left-ui .list-group-flush .list-group-item {
padding-left: 0px;  border: 0px;
}

.left-ui .list-group-flush .list-group-item:hover {
}

.left-ui .list-group-flush .list-group-item .map-link {
color: #6a84a3;
text-decoration: underline;
font-size: 1.15em; font-weight: 500;
}

.left-ui .list-group-flush .list-group-item .map-link:hover {
color: #0e1824;
text-decoration: none;
font-size: 1.15em; font-weight: 500;
}

.accordion-flush .accordion-item .accordion-button, .accordion-flush .accordion-item .accordion-button.collapsed {
background-color: none;
}

.left-ui .to-no-sub-section {
text-decoration: none;
text-transform: uppercase; 
color: #0e5f80;
}

.left-ui .to-no-sub-section:hover {
text-decoration: underline;
color: #2093c0;
}


/* -------------------------- Соцсети ----------------------------------*/
.soc-ico-block {
background: rgb(69,87,98);
}
    
.soc-ico-block .soc_ico_img {
margin-left: 0px;    
width: 70%; height: auto; 
-webkit-filter: opacity(100%);
}  
.soc-ico-block .soc_ico_img:hover {
-webkit-filter: opacity(80%);
}  

/* ------------------ Cookie Alerts -----------------*/
#cookie_note {
    z-index:200;
    display: none;
    position: fixed;
    bottom: 25px;
    left: 50%;
    max-width: 90%;
    transform: translateX(-50%);
    padding: 20px;
    background-color: white;
    border-radius: 7px;
    border: 0px solid #9eb8c2;
    -webkit-box-shadow: 0px 0px 11px 0px rgba(79, 98, 111, 0.2);
    -moz-box-shadow: 0px 0px 11px 0px rgba(79, 98, 111, 0.2);
    box-shadow: 0px 0px 11px 0px rgba(79, 98, 111, 0.2);
}

#cookie_note p {
    margin: 0px 10px 0px 10px;
    font-size: 0.87em;
    line-height: 1.15em;
    font-weight: 400;
    text-align: left;
    color: #1a2225;
}

#cookie_note .cookie_accept {
    text-wrap: nowrap;
    padding: 5px 15px 5px 15px;
    color: #FFFFFF;
    width: 200px; height: min-content;
    background-color: #027491;
    border-radius: 5px;
    font-weight: 400;
    font-size: 0.95em;
}

#cookie_note .cookie_accept:hover {
   background-color: #02364a;
}


@media (min-width: 576px){
    #cookie_note.show{
        display: flex;
    }
}

@media (max-width: 575px){
    #cookie_note.show{
        display: block;
        text-align: left;
    }
}