

/* Start:/local/components/custom/works.cats/templates/.default/style.css?16837263751785*/
.top-line a {
    color: #e20738;
    background: transparent;
    border: 1px solid #f0f0f2;
    border-radius: 7px;
    padding: 10px 20px;
    transition: 0.3s;
    text-align: center;
    background: #f0f0f2;
    font-size: 17px;
    display: flex;
}

.top-line a:hover {
    border: 1px solid #5D6980!important;
    background: #5D6980!important;
    color: #fff!important;
}

.top-line a.active {
    border: 1px solid #5D6980!important;
    background: #5D6980!important;
    color: #fff!important;
}

.line-item {
	margin-bottom: 15px;
	margin-right: 10px;
}

.top-line {
	display: flex;
	flex-wrap: wrap;
}

.bot-line {
	display: flex;
	flex-wrap: wrap;
}

.bot-line a {
	display: flex;
    color: #e20738;
    background: transparent;
    border: 1px solid #f0f0f2;
    border-radius: 7px;
    padding: 5px 10px;
    transition: 0.3s;
    text-align: center;
    font-size: 14px;
}

.bot-line a span, .top-line a span {
    color: #1c1c1c;
}

.bot-line a:hover span, .top-line a:hover span {
    color: white;
}

.bot-line a.active span, .top-line a.active span {
    color: white;
}

.bot-line a:hover {
    background: #e20738;
    border-color: transparent;
    color: white;
}

.bot-line a.active {
	background: #e20738;
    border-color: transparent;
    color: white;
}


.content .bot-line a:hover {
    border: 1px solid #5D6980;
    background: #5D6980;
    color: #fff;
}

.content .bot-line a.active {
    border: 1px solid #5D6980;
    background: #5D6980;
    color: #fff;
}

.lines-wrapper {
    margin-bottom: 20px;
}

@media (max-width: 500px) {
	.top-line .line-item,  .top-line .line-item a {
		width: 100%;
	}

	.line-item {
		margin-bottom: 10px;
	}
	
}
/* End */


/* Start:/local/templates/main_0824/components/bitrix/news/works/bitrix/news.list/.default/style.css?1657927402240*/
.works-wrapper {
	display: flex;
	flex-wrap: wrap;
}

.works-item {
	padding: 7px;
}

.works-item img {
	border-radius: 5px;
}

.works-item {
	width: 25%;
}

@media (max-width: 770px) {
	.works-item {
		width: 50%;
	}
}
/* End */
/* /local/components/custom/works.cats/templates/.default/style.css?16837263751785 */
/* /local/templates/main_0824/components/bitrix/news/works/bitrix/news.list/.default/style.css?1657927402240 */
