/* Start:/local/templates/.default/components/bitrix/news/services/bitrix/catalog.section.list/.default/style.css?1781770962237*/
.portfolio_card{ 
	display: inline-block;
    color: #303030;
    text-decoration: none;
    padding: 10px 15px;
    border: 1px solid #ddd;
    background: #f7f7f7;
    font-size: 15px;
    font-weight: 500;
    border-radius: 5px; 
}
 
/* End */


/* Start:/bitrix/components/bitrix/system.pagenavigation/templates/round/style.min.css?17817709752530*/
.bx-pagination{margin:10px 0}.bx-pagination .bx-pagination-container{text-align:center;position:relative}.bx-pagination .bx-pagination-container ul{padding:0;margin:0;list-style:none;display:inline-block}.bx-pagination .bx-pagination-container ul li{display:inline-block;margin:0 2px 15px 2px}.bx-pagination .bx-pagination-container ul li span{-webkit-transition:color .3s ease,background-color .3s ease,border-color .3s ease;-moz-transition:color .3s ease,background-color .3s ease,border-color .3s ease;-ms-transition:color .3s ease,background-color .3s ease,border-color .3s ease;-o-transition:color .3s ease,background-color .3s ease,border-color .3s ease;transition:color .3s ease,background-color .3s ease,border-color .3s ease;background:#eff0f1;padding:0 8px;display:block;height:32px;min-width:32px;line-height:32px;color:#444;font-size:14px;border-radius:16px;vertical-align:middle;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bx-pagination .bx-pagination-container ul li a{text-decoration:none;display:block;border-radius:16px;height:32px;min-width:32px;line-height:32px;color:#444;vertical-align:middle}.bx-pagination .bx-pagination-container ul li a:hover span{background:#dadada}.bx-pagination .bx-pagination-container ul li.bx-active span{background:#0083d1;color:#fff}.bx-pagination .bx-pagination-container ul li.bx-pag-all a span,.bx-pagination .bx-pagination-container ul li.bx-pag-prev a span,.bx-pagination .bx-pagination-container ul li.bx-pag-next a span{background:#fff;border:2px solid #eff0f1;line-height:28px;padding:0 18px;color:#444}.bx-pagination .bx-pagination-container ul li.bx-pag-all span,.bx-pagination .bx-pagination-container ul li.bx-pag-prev span,.bx-pagination .bx-pagination-container ul li.bx-pag-next span{color:#aab1b4;background:#fff;border:2px solid #eff0f1;line-height:28px;padding:0 18px}.bx-pagination .bx-pagination-container ul li.bx-pag-all a:hover span,.bx-pagination .bx-pagination-container ul li.bx-pag-prev a:hover span,.bx-pagination .bx-pagination-container ul li.bx-pag-next a:hover span{background:#fff;border-color:#dadada;color:#000}.bx-pagination.bx-green .bx-pagination-container ul li.bx-active span{background:#3bc915;color:#fff}.bx-pagination.bx-yellow .bx-pagination-container ul li.bx-active span{background:#f9a91d;color:#fff}.bx-pagination.bx-red .bx-pagination-container ul li.bx-active span{background:#e22b2b;color:#fff}.bx-pagination.bx-blue .bx-pagination-container ul li.bx-active span{background:#0083d1;color:#fff}
/* End */


/* Start:/local/templates/.default/components/bitrix/news.list/services/style.css?17817709623943*/

@media (min-width: 992px){

	.services_card{
		height:500px;
		display:block;
		background-position: center !important;
		background-size: cover !important;
		position: relative;
		border-radius: var(--custom-border-radius);
		overflow: hidden;
		transition: 0.5s;
	}
	
	.services_card_name{
		color: #ffffff;
        font-size: 24px !important;
        text-align: left;
        font-weight: 500;
        height: 77px;
        line-height: 26px;
        overflow: hidden;
        text-decoration: none;
        text-overflow: ellipsis;
        -webkit-line-clamp: 3;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        transition: 0.5s;
	} 

	.services_card:hover::after {
		background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .1) 100%);
	}
	
	.services_card_description{
		color: #ffffffab;
		font-size: 14px !important;
		text-align: left;
		font-weight: 400;
		line-height: 16px;
		height: 0px;
		overflow: hidden;
		max-height: 64px;
		text-overflow: ellipsis;
		-webkit-line-clamp: 4;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		opacity: 0;
		transition: 0.5s;
	}
 
	/*
	
	
	

	.services_card:hover .services_card_btn{ 
		opacity: 1 !important;
	}
	*/
	.services_card:hover .services_card_name{ 
		margin-bottom: 20px;
	}
	.services_card:hover .services_card_description{ 
		opacity: 1 !important;
		height: 86px !important;
	}
}

@media (max-width: 992px){
	
	.services_card{
		height:400px;
		display:block;
		background-position: center !important;
		background-size: cover !important;
		position: relative;
		border-radius: var(--custom-border-radius);
		overflow: hidden;
		transition: 0.5s;
	}
	
	
	.services_card_name{
		color: #ffffff;
		font-size: 24px !important;
		text-align: left;
		font-weight: 500;
		height: 80px;
		line-height: 26px;
		margin-bottom: 20px;
		overflow: hidden;
		text-decoration: none; 
		text-overflow: ellipsis;
		-webkit-line-clamp: 3;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		transition: 0.5s;
	} 
	
	.services_card_description{
		color: #ffffffab;
		font-size: 14px !important;
		text-align: left;
		font-weight: 400;
		line-height: 16px;
		height: 86px;
		overflow: hidden;
		max-height: 64px;
		text-overflow: ellipsis;
		-webkit-line-clamp: 4;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		/*opacity: 0;*/
		transition: 0.5s;
	}
	
}
 
 
.services_card::after {
    content: "";
    position: absolute;
    left: 0%;
    right: 0%;
    top: 14%;
    bottom: 0%; 
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .7) 100%);
}
 
/*  
.services_card:hover{ 
	transform: translateY(-5px);
}
*/ 

.services_card_body{
    position: absolute;
    left: 15px; 
    padding: 20px;
    bottom: 20px;
    right: 15px;
    z-index: 5;
    backdrop-filter: blur(10px);
    border-radius: var(--custom-border-radius);
    box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.2);
    background-color: rgba(255, 255, 255, 0.1);
}

.services_card_link{
    position: absolute;
    top: 15px;
    right: 13px;
    font-size: 20px;
    color: #fff; 
    width: 50px;
    height: 50px;
    border-radius: 25%;
    text-align: center;
    line-height: 49px;
	box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.2);
    background-color: rgba(255, 255, 255, 0.1);
}

.services_card_link i{
	transform: rotate(320deg);
}





 
/*
.services_card_btn{
	position: absolute;
    background: linear-gradient(var(--color-brand), var(--color-brand2));
    color: #fff;
    bottom: 15px;
    text-align: center;
    padding: 6px 25px;
    border-radius: 5px;
    z-index: 5;
    font-size: 15px;
    left: 4%;
	opacity: 0;
	transition: 0.5s;
}
*/

.services_card_all{ 
    background: linear-gradient(var(--color-brand), var(--color-brand2));
	color: #fff;
    text-align: center;
    padding: 9px 25px;
    border-radius: 5px;
    font-size: 15px;
    transition: 0.5s;
    text-decoration: none;

}

 
 
/* End */
/* /local/templates/.default/components/bitrix/news/services/bitrix/catalog.section.list/.default/style.css?1781770962237 */
/* /bitrix/components/bitrix/system.pagenavigation/templates/round/style.min.css?17817709752530 */
/* /local/templates/.default/components/bitrix/news.list/services/style.css?17817709623943 */