::selection { background-color: #163880; color: #ffffff; }  



/*Цвет фона*/
html {
    background: #E2E1E1;
}




 

/*Кнопка после заполнения формы*/
    .t-form-success-popup_new .t-form-success-popup__button {
        display: none;
    }


/*Карта*/
   .zeroform  {
border-radius: 13px;
border: 1px solid rgba(255, 255, 255, 0.50);
background: rgba(255, 255, 255, 0.01);
backdrop-filter: blur(15px);
    }

/*Карты*/
    .zeromap {
    border-radius: 20px !important;
    overflow: hidden;
    filter: grayscale(1);
    }


/*КНОПКИ*/

/**Кнопка темно-синяя**/
    .btndarkblue {
    border-radius: 8px;
border: 1px solid #7D96C2;
background: linear-gradient(90deg, #8AADEB -9.31%, rgba(58, 91, 150, 0.00) 9.13%), linear-gradient(180deg, #527ABE -25%, #103980 46.31%);
    }

/**Кнопка серая **/
  .btngrey {
border-radius: 7px;
border: 1.5px solid #D2D9E6;
background: linear-gradient(90deg, rgba(225, 225, 225, 0.80) 87.38%, rgba(174, 184, 203, 0.80) 132.42%), linear-gradient(180deg, rgba(225, 225, 225, 0.80) 56.26%, rgba(174, 184, 203, 0.80) 167.86%) !important;
box-shadow: 0px -4px 10px 0px rgba(0, 0, 0, 0.10) inset !important;
}

/*Кнопка светло голубая*/
  .btnblue {
    border-radius: 7px;
border: 1.5px solid #D2D9E6;
background: linear-gradient(198deg, #BBCBE6 18.44%, #99B7E9 106.72%), #E8E8E8 !important;
box-shadow: 0px -4px 10px 0px rgba(0, 0, 0, 0.10) inset, 26px 17px 9px 0px rgba(23, 60, 125, 0.00), 17px 11px 8px 0px rgba(23, 60, 125, 0.01), 9px 6px 7px 0px rgba(23, 60, 125, 0.05), 4px 3px 5px 0px rgba(23, 60, 125, 0.09), 1px 1px 3px 0px rgba(23, 60, 125, 0.10) !important;
  }

/*Фон меню*/
  .btnblue20px {
    border-radius: 20px;
border: 1.5px solid #D2D9E6;
background: linear-gradient(198deg, #BBCBE6 18.44%, #99B7E9 106.72%), #E8E8E8 !important;
box-shadow: 0px -4px 10px 0px rgba(0, 0, 0, 0.10) inset, 26px 17px 9px 0px rgba(23, 60, 125, 0.00), 17px 11px 8px 0px rgba(23, 60, 125, 0.01), 9px 6px 7px 0px rgba(23, 60, 125, 0.05), 4px 3px 5px 0px rgba(23, 60, 125, 0.09), 1px 1px 3px 0px rgba(23, 60, 125, 0.10) !important;
  }

/**Иконка голубая**/
    .iconlazur {
    border-radius: 11px;
border: 1px solid #7D96C2;
background: linear-gradient(127deg, #7797CF 1.04%, #6C8FCB 14.59%, #507AC2 47.29%) !important;
box-shadow: 5px 5px 10px 0px rgba(252, 252, 252, 0.25) inset, 62px 44px 21px 0px rgba(23, 60, 125, 0.00), 39px 28px 19px 0px rgba(23, 60, 125, 0.03), 22px 16px 16px 0px rgba(23, 60, 125, 0.11), 10px 7px 12px 0px rgba(23, 60, 125, 0.19), 2px 2px 7px 0px rgba(23, 60, 125, 0.22) !important;
    }





/*НОВОСТИ*/

.t-feed__post-tag {
    padding:7px 10px;   /*Отступы снизу и сверху от текста*/
    background-color: #FFF;  /*Цвет фона лейбла*/
    border-radius:7px;    /*Скругление углов*/
    text-transform: uppercase;  /*Настройка регистра символов (capitalize | lowercase | uppercase | none | inherit)*/
    letter-spacing: -0.2px;
}
   
   
   /*Обводка новостей*/
   .js-feed-post {
    border-radius: 15px;
    border: 2px solid var(--bbcbe-6, #BBCBE6);
   }
   
   /*Отступы картинки в новостях*/
   .t-feed__col-grid__post-wrapper .t-feed__post-bgimg, .t-feed__slider-grid__post-wrapper .t-feed__post-bgimg {
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
   }
   
    /*Скругление картинки в новостях*/
   .t-feed__post-bgimg {
    border-radius: 15px !important;
   }
   
   
   .js-feed-post-text t-feed__post-popup__text t-text t-text_md {
    font-size: 14px;
    line-height: 1.35;
    font-weight: 500;
    font-family: 'Mix';
}
   
   /*Контент в описании карточки*/
   .t-feed__post-descr {
    letter-spacing: -0.5px;
}
   
  /*Выравнивание даты по низу*/
   .t-feed__textwrapper {
    flex: 1;
}
   
/*Блок новостей по виндоу*/
.js-feed-container {
    max-width: 100vw;
    padding: 0 40px !important;    /*Отступы по бокам экрана*/
    box-sizing: border-box;
    display: grid !important;
    grid-template-columns: repeat( auto-fit, minmax(272px, 1fr) );  /*Минимальная ширина карточки*/
    gap: 40px 20px;  /*Отступ между карточками, первое значение – по оси Y, второе – по оси X*/
}

.js-feed-container:before,
.js-feed-container:after{
    display: none !important;
}

.js-feed-post {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.t-feed__col-grid__post-wrapper {
    height: 100%;
}

@media screen and (max-width: 1000px) {
    .js-feed-container{
        padding: 0 40px !important;   /*Отступы по бокам экрана*/ 
        grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) );  /*Минимальная ширина карточки*/
        gap: 20px 20px;  /*Отступ между карточками*/
    }
}

@media screen and (max-width: 960px) {
    .t-feed__container_inrow3 .t-feed__post:nth-child(-n+3) {
        margin: 60 !important;
    }
    
    .t-feed__grid-col:not(.t-slds__item) {
        margin: 60 !important;
    }    
}

/*Моя доделка*/
@media screen and (max-width: 960px) {
    .t-feed__container_inrow1 .t-feed__post:first-child, .t-feed__container_inrow2 .t-feed__post:nth-child(-n+2), .t-feed__container_inrow3 .t-feed__post:nth-child(-n+3), .t-feed__container_inrow4 .t-feed__post:nth-child(-n+4) {
        margin-top: 0px !important;
    }
}

@media screen and (max-width: 768px) {
    .js-feed-container{
        padding: 0 20px !important;    /*Отступы по бокам экрана*/
        grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) );  /*Минимальная ширина карточки*/
        gap: 10px 10px;  /*Отступ между карточками*/
    }
}

@media screen and (max-width: 480px) {
    .js-feed-container{
        padding: 0 20px !important;    /*Отступы по бокам экрана*/
        grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) );  /*Минимальная ширина карточки*/
        gap: 10px 10px;  /*Отступ между карточками*/
    }
}
   
   
/**/

/*Большой заголовок*/
    .js-feed-post-title {
	        font-size: 32px;
		        font-family: 'Mix', Arial, sans-serif;
		        line-height: 1;
		        font-weight: 700
		        letter-spacing: -0.6px;
}

/*Средние заголовок*/
.t-feed__post-popup__text .t-redactor__tte-view h2.t-redactor__h2, .t-feed__post-popup__text .t-redactor__tte-view h3.t-redactor__h3, .t-feed__post-popup__text .t-redactor__tte-view h4.t-redactor__h4 {
		        font-family: 'Mix', Arial, sans-serif;
		        line-height: 1.15;
		        font-weight: 700
		        letter-spacing: -0.6px;
}


/*Контент*/
.t-feed__post-popup__text .t-redactor__tte-view .t-redactor__text, .t-feed__post-popup__text .t-redactor__tte-view blockquote.t-redactor__preface {
	        font-size: 15px;
		    font-family: 'Mix', Arial, sans-serif;
		    line-height: 1.35;
		    font-weight: 500;
		    letter-spacing: -0.5px;
}

/*Отступ в мобильной версии*/
@media screen and (max-width: 640px) {
    .t-feed__post-popup.t-popup_show .t-popup__container.t-popup__container-static {
        box-sizing: border-box;
        padding: 120px 0;
    }
}


/*Смотрите также*/
.t-feed__post-popup__relevants-title {
    margin: 70px 0 30px;
}

.t-feed__post-popup__container {
    border-top-width: 160px !important;
    padding-bottom: 0px !important;
}


.t-feed__post-popup__title, .t-feed__post-popup__relevants-title, .t-feed__post-popup__relevants-item-title {
    		    font-family: 'Mix', Arial, sans-serif;
		        line-height: 1.15;
		        font-weight: 700
		        letter-spacing: -0.6px;
}


@media screen and (max-width: 640px) {
    .t-feed__post-popup__relevants-item-title {
		        font-size: 16px !important;
    }
}

.t-feed__post-popup__relevants-item-descr {
    	    font-size: 15px;
		    font-family: 'Mix', Arial, sans-serif;
		    line-height: 1.35;
		    font-weight: 500;
		    letter-spacing: -0.5px;
}


.t-feed__post-popup__relevants-bgimg {
    border-radius: 10px;
}

   




















(function(){
const TERM_CONTAINER = ".scroll-temp .tn-atom";
const TERM_SVG = `



















































`;

function wait_for_selector(selector, check_interval=100) {
    return new Promise((resolve) => {
        setTimeout(function run() {
            const el = document.querySelector(selector);
            if (el)
                return resolve(el);
            setTimeout(run, check_interval);
        });
    });
}

function on_window_scroll(){
    const paths = [...document.querySelectorAll(".temp path")];
    const scroll_percent = window.pageYOffset / document.documentElement.scrollHeight;
    const dividers_count = Math.floor(paths.length * scroll_percent);

    if(scroll_percent === 0){
        paths.forEach(p => p.style.setProperty("opacity", 1));
        return;
    }

    if(document.documentElement.scrollHeight - window.innerHeight  p.style.setProperty("opacity", 0));
        return;
    }

    for(let i = 0; i < paths.length; i++){
        const opacity_percent = i / paths.length;
        const path = paths[i];
    
        if(i  {
    const term_container = await wait_for_selector(TERM_CONTAINER);
    const term_div = document.createElement("div");
    term_div.innerHTML = TERM_SVG;
    term_div.classList.add("temp");
    term_container.appendChild(term_div);
    on_window_scroll();
    window.addEventListener("scroll", on_window_scroll);
});


})();



.temp{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}