/* Start:/bitrix/templates/.default/components/bitrix/news.list/r-global-doc-list/style.css?17158620982207*/
@media screen and (min-width: 991px) {
	.r-doc-list {
		margin-bottom: 60px;
	}
	
	.r-doc-list__item {
		margin-bottom: 20px;
		box-sizing: border-box;
		padding: 20px;
		border-radius: 30px;
		background: #f1f1f1;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: stretch;
	}
	
	.r-doc-list__icon {
		margin-right: 20px;
	}
	
	.r-doc-list__icon img {
		width: 50px;
		height: auto;
	}
	
	.r-doc-list__name {
		margin-right: 20px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
	}
	
	.r-doc-list__name a {
		font-size: 20px;
		font-weight: bold;
		line-height: 130%;
		color: #202020;
	}
	
	.r-doc-list__button {
		margin-left: auto;
		padding-left: 20px;
		border-left: 1px solid #202020;
		box-sizing: border-box; 
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	
	.r-doc-list__button a {
		padding: 10px 18px;
		background: #ffcb05;
		color: #202020;
		border-radius: 100px;
		box-sizing: border-box;
		border: 2px solid #ffcb05;
		transition: all .2s ease-in-out;
	}

	.r-doc-list__button a:hover {
		background: #f1f1f1;
	}
}

@media screen and (max-width: 990px) {
	.r-doc-list {
		margin-bottom: 60px;
	}
	
	.r-doc-list__item {
		margin-bottom: 20px;
		box-sizing: border-box;
		padding: 20px;
		border-radius: 30px;
		background: #f1f1f1;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: stretch;
		flex-wrap: wrap;
	}
	
	.r-doc-list__icon {
		width: 40px;
		margin-right: 20px;
	}
	
	.r-doc-list__icon img {
		width: 100%;
		max-width: 40px;
		height: auto;
	}
	
	.r-doc-list__name {
		width: calc(100% - 60px);
	}
	
	.r-doc-list__name a {
		font-size: 20px;
		font-weight: bold;
		line-height: 130%;
		color: #202020;
	}
	
	.r-doc-list__button {
		width: 100%;
		padding-left: 60px;
		padding-top: 20px;
		box-sizing: border-box; 
	}
	
	.r-doc-list__button a {
		display: inline-block;
		padding: 10px 18px;
		background: #ffcb05;
		color: #202020;
		border-radius: 100px;
		box-sizing: border-box;
		border: 2px solid #ffcb05;
		transition: all .2s ease-in-out;
	}

	.r-doc-list__button a:hover {
		background: #f1f1f1;
	}
}
/* End */


/* Start:/bitrix/templates/.default/components/bitrix/news.list/r-articles-list/style.css?17495572651858*/
    .article {
        display: flex;
        flex-direction: column;
        gap: 30px;
    }
    
    .article__item {
        padding: 30px;
        border: 2px #D2D2D2 solid;
        border-radius: 30px;
        transition: all .3s;
    }

    .article__title-btn {
        display: block;
        font-size: 1.125rem;
        font-family: "Roboto-Regular", Arial, Helvetica, sans-serif;
        line-height: 1.4rem;
        cursor: pointer;
        color: #1e1e1e;
        margin-bottom: 20px;
        transition: all .3s;
    }

    .article__title-btn:hover {
        color: #ffcb05;
    }

    .article__author-wrapper {
        margin-bottom: 20px;
        display: flex;
        gap: 10px;
        align-content: center;
    }

    .article__annotation-btn {
        cursor: pointer;
        display: flex;
        gap: 10px;
        align-items: center;
        /* margin-bottom: 20px; */
    }

    .artcile__author {
        font-size: 1rem;
        line-height: 1.4rem;
        font-family: "Roboto-Regular", Arial, Helvetica, sans-serif;
    }

    .article__annotation-btn-text {
        font-size: 1rem;
        font-family: "Roboto-Regular", Arial, Helvetica, sans-serif;
        line-height: 1.4rem;
        cursor: pointer;
        color: #1e1e1e;
        transition: all .3s;
    }

    .article__annotation-text {
        padding-top: 0;
        max-height: 0;
        opacity: 0;
        overflow: hidden;
        transition: all 0.3s;
    }

    .article__annotation-text:hover {
        color: #ffcb05;
    }

    .article__annotation-text--active {
        padding-top: 20px;
        max-height: 2000px;
        opacity: 1;
    }

    .article__anontation-icon {
        width: fit-content;
        transition: all .3s;
    }

    .article__annotation-btn--active .article__anontation-icon {
        transform: rotate(180deg);
    }
/* End */
/* /bitrix/templates/.default/components/bitrix/news.list/r-global-doc-list/style.css?17158620982207 */
/* /bitrix/templates/.default/components/bitrix/news.list/r-articles-list/style.css?17495572651858 */