@import url('../fonts/road-radio/roadradio.css');
@import url('../fonts/codec-cold/fonts/codec-cold.css');
@import url('../fonts/golos/golos.css');

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

body {
margin: 0;
color: #1e252e;
background-image: url('../i/bgs/bg-paper-1-1.png'); 
background-repeat: repeat;
background-color: #ffffff00;
}

body, div, span {
font-family: 'Golos Text', sans-serif;  
}

p {
font-size: 0.95em;
line-height: 1.45em;  
}

.zero {
color:rgba(65, 70, 77, 0)
}

div {
border: 0px solid #989da386;
padding: 0px;
color: #454f5c;
}

/*
div[class="row"] {
    outline: 1px dotted rgba(0, 0, 0, 0.25);
}
div[class^="col-"] {
    background-color: rgba(255, 0, 0, 0.2);
    outline: 1px dotted rgba(0, 0, 0, 0.5);
}
*/

h2 {
}

h1, h3, h4, h5, h6 {
}

.page-title {
    font-family: 'Golos Text-Regular', 'sans-serif';
    color: #054979c4; 
    letter-spacing: -0.015em;
    font-weight: normal;
    font-size: 1.75em;  
   -webkit-background-clip: text;
   -moz-background-clip: text;
    background-clip: text;
    text-shadow: 0px 6px 6px rgba(255, 255, 255, 0.884);
}

/* ---------------------------------------- Block Top ------------------------------------------ */
.section-top {
    height: auto;
    
    background: rgb(245,250,255);
    background: -moz-linear-gradient(232deg, rgba(245,250,255,1) 0%, rgba(186,205,219,1) 100%);
    background: -webkit-linear-gradient(232deg, rgba(245,250,255,1) 0%, rgba(186,205,219,1) 100%);
    background: linear-gradient(232deg, rgba(245,250,255,1) 0%, rgba(186,205,219,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f5faff",endColorstr="#bacddb",GradientType=1);
    
    border: 0px solid #a9b5c0;
    border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;

/*
background-color: #35475e;

background: rgb(42,63,92);
background: -moz-linear-gradient(63deg, rgba(42,63,92,1) 0%, rgba(105,142,181,1) 100%);
background: -webkit-linear-gradient(63deg, rgba(42,63,92,1) 0%, rgba(105,142,181,1) 100%);
background: linear-gradient(63deg, rgba(42,63,92,1) 0%, rgba(105,142,181,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2a3f5c",endColorstr="#698eb5",GradientType=1);
*/
}
    

.section-top .section-inside {
    height: 300px;
    border: 0px solid #a9b5c0;
    border-bottom-right-radius: 20px; border-bottom-left-radius: 20px;
    /* background-color: #0d5292; */
    
    background: rgb(18,80,136);

    background: -moz-linear-gradient(128deg, rgba(18,80,136,1) 0%, rgba(60,141,214,1) 100%);
    background: -webkit-linear-gradient(128deg, rgba(18,80,136,1) 0%, rgba(60,141,214,1) 100%);
    background: linear-gradient(128deg, rgba(18,80,136,1) 0%, rgba(60,141,214,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#125088",endColorstr="#3c8dd6",GradientType=1);

    -webkit-box-shadow: 0px 19px 5px -14px rgba(0, 61, 109, 0.42) inset;
    -moz-box-shadow: 0px 19px 5px -14px rgba(0, 61, 109, 0.42) inset;
    box-shadow: 0px 19px 5px -14px rgba(0, 61, 109, 0.42) inset;
    
    /*
    background-image: url(../i/bgs/top-back.png);
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: right;
    background-size: contain;
    */
}

.section-intro .card  {
    border: 1px solid #a3bfda91;

    -webkit-box-shadow: 0px 6px 7px -5px rgba(24, 71, 107, 0.2);
    -moz-box-shadow: 0px 6px 7px -5px rgba(24, 71, 107, 0.2);
    box-shadow: 0px 6px 7px -5px rgba(24, 71, 107, 0.2);
}



/* ---------------------------------------- Section Top UI ------------------------------- */
.section-top-ui {
}

.section-top-ui .top-ui {
    font-family: 'Golos Text-Regular', 'sans-serif';
}
   

/* Основные стили навигационного меню */
.top-menu ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    z-index: 100;
    border: 0px solid #9fb2bd;
    padding: 2px;
    width: fit-content;
    border-radius: 10px;
    background-color: #d0d9df;

    -webkit-box-shadow: 0px 6px 5px -4px rgba(115, 147, 171, 0.2);
    -moz-box-shadow: 0px 6px 5px -4px rgba(115, 147, 171, 0.2);
    box-shadow: 0px 6px 5px -4px rgba(115, 147, 171, 0.2);

}

.top-menu li {
    display: inline-block;
    position: relative;
    border: 0px solid #9fb2bd;
    border-radius: 0px;
    margin: -1px;
}

.top-menu a {
    text-decoration: none;
    color: #0a0a0ade;
    padding: 8px 25px;
    display: block;
    background-color: #ffffff;
    border-radius: 0px;
    font-size: 0.95em;
    letter-spacing: -0.025em;
    margin: 0px;
}

.top-menu a:hover {
    text-decoration: none;
    padding: 8px 25px;
    display: block;
   
    background: rgb(90,169,241);
    background: -moz-linear-gradient(176deg, rgba(90,169,241,1) 0%, rgba(24,98,157,1) 100%);
    background: -webkit-linear-gradient(176deg, rgba(90,169,241,1) 0%, rgba(24,98,157,1) 100%);
    background: linear-gradient(176deg, rgba(90,169,241,1) 0%, rgba(24,98,157,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5aa9f1",endColorstr="#18629d",GradientType=1);

    color: #FFFFFF;
    border-radius: 0px;
    margin: 0px;

}

/* Стили выпадающего меню */
.dropdown-top-menu {
    position: absolute;
    top: 100%;
    left: 0;
    width: 250px;
    background-color: #ffffff;
    
    /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15); */
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;

}

.top-menu .has-dropdown .dropdown-top-menu {
    border-radius: 0px;
    border: 0px solid #9fb2bd; 
    border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;
    border-top-left-radius: 0px;  border-top-right-radius: 0px;
    width: 250px;
    -webkit-box-shadow: 6px 8px 9px -6px rgba(34, 60, 80, 0.14);
    -moz-box-shadow: 6px 8px 9px -6px rgba(34, 60, 80, 0.14);
    box-shadow: 6px 8px 9px -6px rgba(34, 60, 80, 0.14);


}

.dropdown-top-menu li {
    display: block;
    border-radius: 0px;
}

.dropdown-top-menu a {
    white-space: nowrap;
}

.has-dropdown > a::after {
    content: '';
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #1591da; /* Цвет маркера */
    display: inline-block;
    vertical-align: middle;
    margin-left: 15px; /* Отступ от текста */
    transition: transform 0.3s ease-in-out; /* Анимация поворота */
    border-bottom-left-radius: 15px; border-bottom-right-radius: 15px;
    border-top-left-radius: 0px;  border-top-right-radius: 0px;
    
}

.has-dropdown:hover > a::after {
    transform: rotate(180deg); /* Переворот маркера при наведении */
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #ffffff; /* Цвет маркера */
    transition: all 0.3s ease-in-out;
}

/* Показываем выпадающее меню при наведении */
.top-menu li:hover .dropdown-top-menu {
    opacity: 1;
    visibility: visible;
    transition: all 0.3s ease-in-out;
}



/* ----------------------- News (General )------------------------------ */

.gen-news-entry {
    font-family: 'Golos Text-Regualar', sans-serif;
}

.gen-news-entry .anons-date {
    text-transform: none;
    font-size: 0.75em;
    letter-spacing: 0.05em;
    background-color: #f6f8fa;
    padding: 3px 10px 2px 10px;
    border: 1px solid #e0e3e6;
    border-radius: 5px;
    display: block;
    margin-bottom: 5px;
    width: min-content
}

.gen-news-entry .anons-news-title {
    display: block;
    line-height: 0.95em;
    font-size: 1.25em;
    letter-spacing: -0.015em;
}

.gen-news-entry .anons-news-title a {
    text-decoration: none;
    color: #524a2b;
}

.gen-news-entry .anons-news-title a:hover {
    text-decoration: none;
    color: #9c8a3b;
}

.gen-news-entry .anons-text {
    display: block;
    line-height: 1.21em;
    font-size: 0.95em;
    letter-spacing: -0.01em;
    text-align: left;
    margin-bottom: 5px;
}

.gen-news-entry .a-next {
    padding: 3px 10px 2px 10px;
    width: 100px;
    color: #53534d;
    border: 1px solid #eeeed5;
    background-color: #ffffea;
    text-decoration: none;
    font-size: 0.81em;
    letter-spacing: -0.0029em;
    border-radius: 2px;
    display: block;
    margin: 10px 0px 10px  0px;
}

.gen-news-entry .a-next:hover {
    color: #ffffff;
    border: 1px solid #88886a;
    background-color: #88886a;
}

/* -----------------------  Statistic ------------------------------- */
   
.top-stat {
    margin: 20px 0px 10px 0px;
    border-radius: 15px;
    width: auto; min-width: min-content;
    border: 0px solid #c0b97f;
}

  .top-stat ol {
    border: 0px;
}

  .top-stat .list-group-item {
    font-size: 0.85em;
    letter-spacing: 0.025em;
    background-color: #fffef5;
}

  .top-stat .list-group-item  .fw-normal {
    text-transform: none;
    color: #20201f;
    font-family: 'Golos Text-Medium', sans-serif;
    font-size: 1.25em;
    line-height: 1.15em;
    letter-spacing: -0.015em;
}

  .top-stat .list-group-item .legend {
    margin: 3px 0px 0px 0px;
    display: block;
    text-transform: none;
    color: #0f0f0ebd;
    font-family: 'Golos Text-Regular', sans-serif;
    font-size: 0.92em;
    line-height: 0.95em;
    letter-spacing: 0.005em;
}

   .list-group .list-group-item .badge {
    width: 50px; padding: 6px 10px 5px 10px;
    color: #ffffff;
    font-family: 'Golos Text-Regular', sans-serif;
    font-size: 1.15em;
    font-weight: normal;
    letter-spacing: -0.015em;
    border-radius: 12px;
    border: 0px solid #ffffff;
}

  /*
  .list-group .list-group-item .blue {
    background-color: #4581e2;
  }

  .list-group .list-group-item .green {
    background-color: #8eb33a;
    width: 52px; padding: 6px 10px 5px 10px;
  }

  .list-group .list-group-item .red {
    background-color: #ec1212;
    width: 52px; padding: 6px 10px 5px 10px;
  }

  .list-group .list-group-item .yellow {
    background-color: #eccc61;
    width: 52px; padding: 6px 10px 5px 10px;
  }
*/

  .list-group .list-group-item .dark {
    background-color: #99a3b4;
}

/* ------------------------ Bottom LInks ------------------------ */
.top-links {
    margin-left: 0px;
    }
    
.top-links li {
    display: inline-block;
    font-family: 'Golos Text-Regular', sans-serif;
    font-size: 0.95em;
    letter-spacing: -0.015em;
    padding: 6px 11px 6px 11px;
    background-color: #ecf2f7;
    border-radius: 7px;
    border: 0px solid #ffffffdc;
    margin-right: 10px; margin-bottom: 0px; margin-top: 10px;
}
    
.top-links li:hover {
    background-color: #e5df80;
}
    
.top-links li a {
    color: #000000;
    text-decoration: none;
    letter-spacing: -0.015em;
}
    
.top-links li a:hover {
    background-color: #e5df80;
    text-decoration: none;
}

/* ----------------------------------------------------------------- */


/* ----------------------------------------  Section Intro -------------------------------- */ 
.section-intro {   
    background-color: #ffffff00;
}

.section-intro .section-inside {
    border-radius: 30px; 
    background-color: #ffffff7c;
 }

.section-intro .section-inside .card {
   border-radius: 20px; 
}

.section-intro .section-intro-on-gen {
    background-color: #ffffff00;
}
 
.section-intro .sec-title {
    display: inline;
    font-family: "Golos Text-Medium", sans-serif;
    color: #081c35c0;
    letter-spacing: -0.015em;
    font-size: 1.45em;
}

.section-intro .section-intro-on-gen h4 {
    display: inline;
    color: #1068af;
    font-size: 1.35em;
    letter-spacing: -0.015em;
}


.section-intro-on-gen p {
line-height: 1.25em;
margin-bottom: 0;
letter-spacing: -0.015em;
}
 
.section-intro-on-gen .btn-next-about {
background-color: #f1dda1;
border: 0px;
color: rgb(5, 5, 5);
font-size: 1.05em;
padding: 7px 10px 7px 10px;
font-family: 'Golos Text-Medium', 'sans-serif';
letter-spacing: 0.025em;
letter-spacing: -0.015em;
}

.section-intro-on-gen .btn-next-about:hover {
background-color: #e6bf4a;
color: #ffffff;
}

/* ---------------------------------------- Section Map & Scroll ------------------------------------------ */
.section-map {
    border: 1px solid #ffffff00;

   
}

/* ---------------------------------------- Section Inside ------------------------------------------ */


.section-map .section-inside {
    border: 1px solid #ccdde7;
    border-radius: 20px;
    background-color: #ffffffcb;
    height: auto;    

    -webkit-box-shadow: 0px 6px 7px -5px rgba(24, 71, 107, 0.2);
    -moz-box-shadow: 0px 6px 7px -5px rgba(24, 71, 107, 0.2);
    box-shadow: 0px 6px 7px -5px rgba(24, 71, 107, 0.2);
    
    /*
    -webkit-box-shadow: 0px 10px 12px -7px rgba(34, 60, 80, 0.2);
    -moz-box-shadow: 0px 10px 12px -7px rgba(34, 60, 80, 0.2);
    box-shadow: 0px 10px 12px -7px rgba(34, 60, 80, 0.2);
    */
}
    
.section-map .section-inside .sec-title {
    display: inline;
    font-family: "Golos Text-Medium", sans-serif;
    color: #0e233de0;
    letter-spacing: -0.025em;
    font-size: 1.35em;
}

/* ----------------------------------------- Scroll Frame -----------------------------------------*/

.scroll .shadow {
    -webkit-box-shadow: 0px 9px 4px -6px rgba(41, 95, 137, 0.18);
    -moz-box-shadow: 0px 9px 4px -6px rgba(41, 95, 137, 0.18);
    box-shadow: 0px 9px 4px -6px rgba(41, 95, 137, 0.18);
}


.scroll-zone-wrapp {
    border: 0px solid #470000e3;
    border-radius: 10px;
    background-color: #f4f6f8;
    border-radius: 0px;
    height: min-content;
}

.scroll-zone {
    border: 0px solid #470000e7;
    background-color: #ffffff00;
    direction: rtl; /* Устанавливает направление текста справа налево */
    overflow-y: scroll; /* Включает вертикальную прокрутку */
    overflow-x: hidden;
    border: 0px solid #c0c0c0; /* Граница для наглядности */
    border-top-right-radius: 5px; border-bottom-right-radius: 5px;
    width: auto; /* Ширина контейнера */
    height: 100%; /* Высота контейнера */
    padding: 10px; /* Внутренний отступ */
    cursor: default;
    border-radius: 0px;
    
}

.scroll-zone p {
    direction: ltr; /* Возвращаем направление текста обратно слева направо */
    text-align: left; /* Выравниваем текст по левому краю */
}

/* Настройка скроллбара */
.scroll-zone::-webkit-scrollbar {
    width: 5px; /* Толщина скроллбара */
}

.scroll-zone::-webkit-scrollbar-thumb {
    background: rgb(96, 182, 247);
    border-radius: 0px; /* Закругление углов ползунка */
    border-right: 0px solid #27619e;   
   
}

.scroll-zone::-webkit-scrollbar-track {
    background-color: #eef3f7; /* Цвет дорожки скроллбара */
    border-radius: 0px; /* Закругление углов дорожки */
    border-right: 0px solid #aab3bd;   
    border-left: 0px;  border-top: 0px;  border-bottom: 0px; 
    border: 0px solid #cae0f3d5;

}

.scroll-zone::-webkit-scrollbar-thumb:hover {
    background-color: #ffe342; /* Цвет дорожки скроллбара */
}

/*
.scroll-width-thin::-webkit-scrollbar {width: 12px; border-radius: 0px}
.scroll-width-thin::-webkit-scrollbar-track {background:#f0f4f5; border-radius: 0px}
.scroll-width-thin::-webkit-scrollbar-thumb {
background-color: #b60e46; background-clip: padding-box; border: 0.05em solid #ffffff;
}
.scroll-width-thin::-webkit-scrollbar-thumb:hover {
background: #fa0f71; border-radius: 0px;
}
*/

.scroll-zone::-webkit-scrollbar-corner {
background-color: transparent; /* Уголок скроллбара */
}

.green-button-zone .green-button {
    -webkit-box-shadow: 0px 15px 7px -4px rgba(0, 94, 167, 0.6) inset;
    -moz-box-shadow: 0px 15px 7px -4px rgba(0, 94, 167, 0.6) inset;
    box-shadow: 0px 15px 7px -4px rgba(0, 94, 167, 0.6) inset;

    border-top-left-radius: 0px; border-top-right-radius: 0px;     
    border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; 
    padding: 10px 20px 10px 15px; 
    border: 0px;
    background: rgb(74, 147, 207);

    font-family: 'Golos Text-Regular' , 'sans-serif';
    color: #ffffff;
    font-size: 1.05em;
    font-weight: normal;

    margin-top: -2px;
}



.green-button-zone  .green-button:hover {
    -webkit-box-shadow: 0px 15px 7px -4px rgba(10, 65, 107, 0.71) inset;
    -moz-box-shadow: 0px 15px 7px -4px rgba(10, 65, 107, 0.71) inset;
    box-shadow: 0px 15px 7px -4px rgba(10, 65, 107, 0.71) inset;
    
    background: rgb(15, 101, 172);

    color: #ffffff;
}


/* --------------------------------------- Corousel Factory On General (Left SIdebar) ---------------------------------- */ 

.main-carousel-gen{
background: #eeeeee00;
width: auto; 
height: auto;
border: 0px solid #000000;
}

@media screen and ( min-width: 768px ) {
    .main-carousel-gen  {
    width: auto;
    height: 400px;
  }
}

.main-carousel-gen .carousel-cell {
width: auto;
height: auto;
margin-right: 10px;
 
border-radius: 0px;
counter-increment: carousel-cell;
}

.main-carousel-gen .carousel-cell img {
width: 600px;
height: 400px;
}

@media screen and ( min-width: 768px ) {
    .main-carousel-gen .carousel img {
    width: auto;
    height: 400px;
  }
}

/* cell number */
.carousel-mem-gen .carousel-cell:before {
}

/*------------------------------------------------------------------------------------------------*/
.logo-carousel {
    height: auto; border: 1px solid #dfdfdf;
    border-radius: 20px;
    background-color: #ffffff00;
    height: auto;

}
    
.logo-carousel .carousel-cell {
  width: 9%;
  margin: 6px; 

  height: auto;
  border: 0px solid #caced1;
  padding: 5px;
  border-radius: 15px;
  counter-increment: carousel-cell;
}

.logo-carousel .carousel-cell img {
    width: 100%;
    height: auto;
    margin-right: 0px;
    margin-left: 0px;
    border-radius: 15px;
    transition-duration: 0.3s;

    filter: grayscale(1.0) opacity(0.45) hue-rotate(339deg) sepia(0%);;
  }

  .logo-carousel .carousel-cell img:hover {
    filter: brightness(1.0);
    transform: scale(1.15); 
    transition-duration: 0.3s;
  }

.logo-carousel .carousel-cell.is-selected {
    background-color: #ffffff00;
}

/* cell number */
.logo-carousel .carousel-cell:before {
    background-color: #ffffff00;
}

/* ------------------------ Photo Carousel -------------------- */

.photo-carousel {
    height: auto; border: 1px solid #dfdfdf;
    border-radius: 20px;
    background-color: #ffffff00;
    height: min-content;
}
    
.photo-carousel .carousel-cell {
  width: 20%;
  height: auto;
  margin-right: 0px;
  margin-left: 0px;
  border: 0px solid #000000;
  padding: 5px;
  border-radius: 15px;
  counter-increment: carousel-cell;
}

.photo-carousel .carousel-cell img {
    width: 100%;
    height: auto;
    margin-right: 0px;
    margin-left: 0px;
    border-radius: 15px;
    transition-duration: 0.3s;
    filter: grayscale(0.1);
  }

  .photo-carousel .carousel-cell img:hover {
    filter: brightness(1.15);
    /*transform: scale(0.99); */
    transition-duration: 0.3s;
    cursor: pointer;
  }

.photo-carousel .carousel-cell.is-selected {
    background-color: #ffffff00;
}

/* cell number */
.photo-carousel .carousel-cell:before {
    background-color: #ffffff00;
}


.photo-anim-tooltip .tooltip-inner {
    opacity: 1;
    background-color: #fffef0;
    border: 2px solid #ccc989;

    transform: translateY(10px);
    opacity: 0;
    transition: all 0.3s ease-in-out;

    padding: 10px;
    border-radius: 5px;
    color: #13120d;
    font-family: 'Golos Text-Medium', 'sans-serif';
    font-size: 1.05em; text-transform: uppercase;
    font-weight: 400;
    line-height: 0.95em;
}

.photo-anim-tooltip.show .tooltip-inner {
    background-color: #fffef0;
    transform: translateY(0);
    opacity: 1;
}


@keyframes fadeInScale {
    from {
        opacity: 0;
        transform: scale(0.8);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

.photo-anim-tooltip.fade-in-scale .tooltip-inner {
    animation: fadeInScale 0.3s forwards;
}


/* ---------------------------------------  Project Organizers ----------------------------- */

.project-organizers-wrapp {
    background-color: #e5eef3;
}

.project-organizers {

}

.project-organizers .sec-title {
    display: inline;
    font-family: "Golos Text-Medium", sans-serif;
    color: #081c35c0;
    letter-spacing: -0.015em;
    font-size: 1.45em;
}

.project-organizers .card {
    border: 1px solid #dce3ec;
    background-color: #ffffffde;

    -webkit-box-shadow: 0px 9px 8px -6px rgba(26, 81, 124, 0.12);
    -moz-box-shadow: 0px 9px 8px -6px rgba(26, 81, 124, 0.12);
    box-shadow: 0px 9px 8px -6px rgba(26, 81, 124, 0.12);
} 

.project-organizers .card .card-body {
    height: 50px;

}

.project-organizers .card .card-body .card-title {
    font-family: 'Golos Text-Medium', 'sans-serif';
    font-weight: medium;
    font-size: 0.85em;
    color: #0a1927de;
    text-transform: uppercase;
    text-decoration: none;
 } 
     
      
.project-organizers .card .card-footer {
    border-top: 1px solid #dadfe6;
} 

.project-organizers .card .card-footer a {
   font-family: 'Golos Text-Medium', 'sans-serif';
   font-weight: normal;
   font-size: 1.15em;
   color: #07233b;
   text-decoration: none;
} 

.project-organizers .card .card-footer a:hover {
    color: #f1451a;
    text-decoration: none;
 } 


/* ---------------------------------------- Footer Block ------------------------------------- */
/*

.footer-bg-layer {
    width: 200px; height: 200px;
    position: absolute;
    z-index: 100;
    left: 0px; top: 0px;
    border: 1px solid #000000;
    background-image: url('../i/bgs/bg-bottom-1-1-1.png');
    background-repeat: no-repeat;
    background-position-x: right; 
    background-position-y: 0pt;
    background-size: auto;
}
*/

.block-footer {
    height: auto;

    /*
    background: #1c7abd;
    background: -webkit-linear-gradient(133deg, rgba(28, 122, 189, 1) 0%, rgba(85, 170, 218, 1) 70%);
    background: -moz-linear-gradient(133deg, rgba(28, 122, 189, 1) 0%, rgba(85, 170, 218, 1) 70%);
    background: linear-gradient(133deg, rgba(28, 122, 189, 1) 0%, rgba(85, 170, 218, 1) 70%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1C7ABD", endColorstr="#55AADA", GradientType=0);
    */

  
    background: #c3d9eb;
    background: -webkit-linear-gradient(325deg, rgba(195, 217, 235, 1) 0%, rgba(132, 166, 184, 1) 100%);
    background: -moz-linear-gradient(325deg, rgba(195, 217, 235, 1) 0%, rgba(132, 166, 184, 1) 100%);
    background: linear-gradient(325deg, rgba(195, 217, 235, 1) 0%, rgba(132, 166, 184, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#C3D9EB", endColorstr="#84A6B8", GradientType=0);
  
    
    /*
    background: #a0c2db;
    background: -webkit-linear-gradient(325deg, rgba(160, 194, 219, 1) 0%, rgba(80, 120, 145, 1) 100%);
    background: -moz-linear-gradient(325deg, rgba(160, 194, 219, 1) 0%, rgba(80, 120, 145, 1) 100%);
    background: linear-gradient(325deg, rgba(160, 194, 219, 1) 0%, rgba(80, 120, 145, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#A0C2DB", endColorstr="#507891", GradientType=0);
    */

    -webkit-box-shadow: 0px 7px 9px -4px rgba(24, 87, 135, 0.51) inset;
    -moz-box-shadow: 0px 7px 9px -4px rgba(24, 87, 135, 0.51) inset;
    box-shadow: 0px 7px 9px -4px rgba(24, 87, 135, 0.51) inset;

}

.content-wrapp-ins {
    background: #1c7abd;
    background: -webkit-linear-gradient(133deg, rgba(28, 122, 189, 1) 0%, rgba(85, 170, 218, 1) 70%);
    background: -moz-linear-gradient(133deg, rgba(28, 122, 189, 1) 0%, rgba(85, 170, 218, 1) 70%);
    background: linear-gradient(133deg, rgba(28, 122, 189, 1) 0%, rgba(85, 170, 218, 1) 70%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1C7ABD", endColorstr="#55AADA", GradientType=0);
    border: 0px;
    
}

.block-footer .logo-section img {
    -webkit-filter: opacity(0.95);
}

.block-footer .logo-section p {
    color: #ffffffd8;  
    font-family: 'Golos Text-Medium', sans-serif;
    font-size: 0.85em;
    font-weight: medium;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    line-height: 1.05em;
    margin-left: 0px;
    margin-bottom: 0px;
    text-align: left;
}


.block-footer .org-titles h3 {
    color: #ffffffe7;  
    display: inline;
    font-family: 'Golos Text-Regular', sans-serif;
    letter-spacing: -0.002em;
    font-weight: 100;
    font-size: 1.55em;
    line-height: 1.05em;

}


.block-footer .org-titles p {
    color: #0e3342fa;  
    display: inline;
    font-family: 'Golos Text-Medium', sans-serif;
    letter-spacing: 0.22em;
    font-size: 0.85em;
    line-height: 1.05em;

    text-transform: uppercase;
    background-color: #fafdffd0;
    padding: 8px 10px 8px 10px;
    border-radius: 7px;
}

.block-footer .org-titles span {
color: #0f1924e7;   
font-family: 'Golos Text-Regular', sans-serif;
letter-spacing: -0.002em;
font-weight: 100;
font-size: 1.25em;
}

.block-footer .copy p {
color: #000000e7;   
font-family: 'Golos Text-Regular', sans-serif;
font-size: 0.85em;
letter-spacing: 0.015em;
line-height: 1.25em;

}

.block-footer .requisites span {
color: #222324e7;   
font-family: 'Golos Text-Regular', sans-serif;
font-size: 0.95em;
text-transform: uppercase;
}  

.block-footer .e-mail a {
font-family: 'Golos Text-Regular', sans-serif;    
color: #ffffff;  
font-size: 1.15em;
text-decoration: none;
}
        
.block-footer  .bottom-links a {
font-family: 'Golos Text-Regular', sans-serif;    
font-size: 0.85em; 
color: #f0faffde;
letter-spacing: 0.025em;
}

.block-footer .bottom-links a:hover {
color: #081c30;   
}

.block-footer .sec-logo .logo img {
border: 1px solid #ffffffb0;
filter: opacity(0.75);
}
    
.block-footer .logo span {
color: #ffffffe7;    
letter-spacing: 0.010em; font-size: 0.95em; line-height: 0.95em;
}

.block-footer .addr-copy {
    padding: 10px 10px 0px 10px;
   
    background: #ffffff;
    background: -webkit-linear-gradient(304deg, rgba(255, 255, 255, 0.24) 0%, rgba(228, 239, 247, 0.78) 64%);
    background: -moz-linear-gradient(304deg, rgba(255, 255, 255, 0.24) 0%, rgba(228, 239, 247, 0.78) 64%);
    background: linear-gradient(304deg, rgba(255, 255, 255, 0.24) 0%, rgba(228, 239, 247, 0.78) 64%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFF", endColorstr="#E4EFF7", GradientType=0);

    border-radius: 12px;
    width: fit-content;
    border: 0px solid #ffffff67;
}                              


.block-footer .addr-copy span {
    background-color: #f7fcff9a;
    color: #08111ab2;   
    font-size: 0.91em;
    letter-spacing: 0.015em;
    font-family: 'Golos Text-Mediaum', sans-serif;
    font-weight: bold;
    padding: 5px 15px 5px 5px;
    display: block;
    margin: 0px 0px 10px 0px;
    border-radius: 5px;
    width: fit-content;
}

.block-footer .addr-copy p {
    color: #101a25d3;   
    font-size: 0.85em;
    line-height: 0.98em;
    letter-spacing: 0.015em;
    text-align: left;
    font-family: 'Golos Text-Regular', sans-serif;
    display: block;
    }
    


/* ------------------------ Bottom LInks ------------------------ */
.b_links {
    margin-left: 0px;
   
    background: #ffffff;
    background: -webkit-linear-gradient(304deg, rgba(255, 255, 255, 0.41) 0%, rgba(228, 239, 247, 0.55) 64%);
    background: -moz-linear-gradient(304deg, rgba(255, 255, 255, 0.41) 0%, rgba(228, 239, 247, 0.55) 64%);
    background: linear-gradient(304deg, rgba(255, 255, 255, 0.41) 0%, rgba(228, 239, 247, 0.55) 64%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFF", endColorstr="#E4EFF7", GradientType=0);

    width: fit-content; height: auto;
    padding: 5px 5px 5px 5px;
    border-radius: 15px;
    border: 1px solid #ffffff00;
    width: fit-content;
}

.b_links {
}

.b_links .btn-bottom {
    
    background: #ffffff;
    background: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(228, 239, 247, 1) 100%);
    background: -moz-linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(228, 239, 247, 1) 100%);
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(228, 239, 247, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFF", endColorstr="#E4EFF7", GradientType=0);


   text-align: center;
   display: inline-block;
   font-family: 'Golos Text-Regular', sans-serif;
   font-size: 1.05em;
   letter-spacing: 0.011em;
   padding: 7px 15px 7px 15px;
   border-radius: 9px;
   border: 0px solid #ffffffdc;
   margin-right: 5px; margin-bottom: 5px; margin-top: 5px;
   color: #0c1b29;
   transition: 0.33s ease-in-out;
 }

 .b_links .btn-bottom:hover {
    border-radius: 9px;
    transition: 0.33s ease-in-out;
    background-color: #ffffff;
    color: #0e1b27;
    text-decoration: none;

    background: #ffffd1;
    background: -webkit-linear-gradient(180deg, rgba(255, 255, 209, 1) 0%, rgba(250, 235, 160, 1) 100%);
    background: -moz-linear-gradient(180deg, rgba(255, 255, 209, 1) 0%, rgba(250, 235, 160, 1) 100%);
    background: linear-gradient(180deg, rgba(255, 255, 209, 1) 0%, rgba(250, 235, 160, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFD1", endColorstr="#FAEBA0", GradientType=0);

 }

 .b_links .btn-bottom-act {
    
    background: #ffffd1;
    background: -webkit-linear-gradient(180deg, rgba(255, 255, 209, 1) 0%, rgba(250, 235, 160, 1) 100%);
    background: -moz-linear-gradient(180deg, rgba(255, 255, 209, 1) 0%, rgba(250, 235, 160, 1) 100%);
    background: linear-gradient(180deg, rgba(255, 255, 209, 1) 0%, rgba(250, 235, 160, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFD1", endColorstr="#FAEBA0", GradientType=0);

    text-align: center;
    display: inline-block;
    font-family: 'Golos Text-Regular', sans-serif;
    font-size: 1.05em;
    letter-spacing: 0.011em;
    padding: 7px 15px 7px 15px;
    border-radius: 9px;
    border: 0px solid #ffffffdc;
    margin-right: 5px; margin-bottom: 5px; margin-top: 5px;
    color: #010203;
    transition: 0.33s ease-in-out;
 }



/* ------------------------ Right LInks ------------------------ */
.r_links {
margin-left: -30px;
}

.r_links li {
display: inline-block;
font-family: 'Golos Text', sans-serif;
font-size: 1.05em;
font-weight: 200;
letter-spacing: 0.045em;
padding: 3px 13px 3px 13px;
background-color: #145bb193;
border-radius: 5px;
margin-right: 10px; margin-bottom: 0px; margin-top: 10px;
}

.r_links li:hover {
background-color: #053875b4;
}


.r_links li a {
color: #ffffffea;
text-decoration: none;
}

.r_links li a:hover {
color: #FFFFFF;
text-decoration: none;
}

/* -----------  Counters ----------------- */
.block-counters {
  
}

/* ------------------------  Cookie alert --------------------------*/

/* -------------------------- Social Iocns ----------------------------------*/
.soc-ico-block {
    background: #ffffff;
    background: -webkit-linear-gradient(304deg, rgba(255, 255, 255, 0.25) 0%, rgba(228, 239, 247, 0.4) 64%);
    background: -moz-linear-gradient(304deg, rgba(255, 255, 255, 0.25) 0%, rgba(228, 239, 247, 0.4) 64%);
    background: linear-gradient(304deg, rgba(255, 255, 255, 0.25) 0%, rgba(228, 239, 247, 0.4) 64%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFF", endColorstr="#E4EFF7", GradientType=0);

    border-radius: 15px;
}

.soc-ico-block .soc_ico_img {
    margin-left: 0px;    
    width: 40px; height: auto; 
    -webkit-filter: opacity(100%);
    transition-duration: 0.25s;
}  

.soc-ico-block .soc_ico_img:hover {
    transform: scale(90%);
    transition-duration: 0.25s;
    /* -webkit-filter: opacity(100%)  */
}  
    
    /* ------------------ Cookie Alerts -----------------*/
    #cookie_note {
        z-index: 200;
        display: none;
        position: fixed;
        bottom: 25px;
        left: 50%;
      
        max-width: 80%;
        transform: translateX(-50%);
        padding: 20px;
        background-color: rgba(255, 255, 255, 0.781);
        border-radius: 0px;
        border: 1px solid #ffffff;
        -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 0px 20px 0px;
        font-size: 0.87em;
        line-height: 1.15em;
        font-weight: 400;
        text-align: left;
        color: #1a2225;
        letter-spacing: 0.025em;
    }
    
    #cookie_note .cookie_accept {
        text-wrap: nowrap;
        padding: 5px 15px 5px 15px;
        color: #FFFFFF;
        width: 180px; height: min-content;
        background-color: #3087de;
        border-radius: 7px;
        padding: 10px 10px 10px 10px;
        font-weight: 400;
        font-size: 0.95em;
        border: 0px;
    }
    
    #cookie_note .cookie_accept:hover {
       background-color: #175a9c;
    }
    
    
    @media (min-width: 576px){
        #cookie_note.show{
            display: flex;
            left: 50%;
            max-width: 75%;
        }
    }
    
    @media (max-width: 575px){
        #cookie_note.show{
            display: block;
            text-align: left;
            left: 50%;
            max-width: 95%;
        }
    }