

/* Start:/bitrix/templates/ttcauto/components/bitrix/news/actions/style.css?17600729019719*/
.page-header.leasing{
	background: #0C0C0B url("/bitrix/templates/ttcauto/components/bitrix/news/actions/images/leasing_bg.webp") 50% 50% no-repeat;
	background-size: cover;
}

.page-header.leasing .page-header-block{
	align-items: flex-start;
}

.page-header.leasing .page-header-block .title{
	max-width: 470px;
}

.page-header.leasing .page-header-block .page-header-desc{
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 160%;
	text-transform: uppercase;
	color: #FFFFFF;
	max-width: 435px;
	padding-top: 10px;
}

.leasing-banner{
	text-align: center;
	position: relative;
	margin-top: 45px;
}

.leasing-banner a.btn{
	position: absolute;
	top: 0;
	left: 0;
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 150%;
	color: #0C0C0B;
	height: 70px;
	width: 260px;
	text-transform: uppercase;
}

.leasing-info{
	display: grid;
	grid-template-columns: repeat(2, 1fr); 
}

.leasing-info > div{
	padding: 0px 40px;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 165%;
	color: #FFFFFF;
	border-left: 1px solid #3f3f3e;
}

.leasing-page{
	padding: 60px 0px;
	background: #fff;
}

.leasing-advantages .leasing-advantages-title{
	font-family: 'Oswald';
	font-style: normal;
	font-weight: 500;
	font-size: 36px;
	line-height: 130%;
	text-transform: uppercase;
	color: #0C0C0B;
}

.leasing-advantages-items{
	margin-top: 45px;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 15px;
}

.leasing-advantages-items .leasing-advantages-item{
	padding: 30px;
	background: #F5F5F7;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 140%;
	text-transform: uppercase;
	color: #0C0C0B;
	height: 200px;
	padding-top: 20px;
	padding-right: 20px;
}

.leasing-advantages-items .leasing-advantages-item svg{
	align-self: end;	
}


.leasing-partner{
	margin-top: 80px;
	display: flex;
	align-items: stretch;	
	background: #F5F5F7;
}

.leasing-partner .leasing-partner-block{
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 45px;
}

.leasing-partner .leasing-partner-photo{
	flex-shrink: 0;
	position: relative;
	margin-top: -20px;
}

.leasing-partner .leasing-partner-photo img{
	width: 280px;
}

.leasing-partner .leasing-partner-block .leasing-partner-title{
	font-family: 'Oswald';
	font-style: normal;
	font-weight: 500;
	font-size: 36px;
	line-height: 130%;
	text-transform: uppercase;
	color: #000000;
	white-space: nowrap;
}

.leasing-partner .leasing-partner-block .leasing-partner-top img{
	margin-top: 15px;
}

.leasing-partner .leasing-partner-bottom{
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 165%;
	color: #0C0C0B;
}

.leasing-partner .leasing-partner-bottom a{
	color: #0C0C0B;
}

.leasing-partner .leasing-partner-desc{
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 165%;
	color: #0C0C0B;
}

.leasing-partner .leasing-partner-phone a{
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 140%;
	color: #0C0C0B;
}

.leasing-partner .leasing-partner-email a{
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 165%;
	color: #0C0C0B;
}

.leasing-partner .leasing-partner-sep{
	border: 1px dashed #D2D2D7;	
}

.leasing-ben{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	margin-top: 60px;
	gap: 10px;
}

.leasing-ben .leasing-ben-image{
	position: relative;
}

.leasing-ben .leasing-ben-image img{
	position: relative;
	z-index: 10;
}

.leasing-ben .leasing-ben-image .leasing-ben-image-bg{
	width: 80%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #F5F5F7;
}

.leasing-ben .leasing-ben-desc .leasing-ben-title{
	font-family: 'Oswald';
	font-style: normal;
	font-weight: 500;
	font-size: 36px;
	line-height: 130%;
	text-transform: uppercase;
	color: #0C0C0B;
	margin-bottom: 30px;
}

.leasing-ben .leasing-ben-desc .leasing-ben-items{
	display: flex;
	flex-direction: column;
	gap: 30px;
}

.leasing-ben .leasing-ben-desc .leasing-ben-items .leasing-ben-item{
	display: flex;
	gap: 50px;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 165%;
	color: #0C0C0B;
	padding-bottom: 30px;
	border-bottom: 1px solid #DCDCDC;
}

.leasing-ben .leasing-ben-desc .leasing-ben-items .leasing-ben-item:after{
	content: '';
	display: block;
	background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.01003 12.2481L2.80909 8.15336L0 10.897L2.62487 13.4957C4.06858 14.925 5.64253 16.481 6.12258 16.9535L6.99541 17.8125L10.6499 14.2236C12.6599 12.2497 15.5859 9.37061 17.1522 7.82558L20 5.01647L19.1932 4.19851C18.7495 3.74863 18.1192 3.1121 17.7925 2.78402L17.1985 2.1875L7.01003 12.2481Z' fill='black'/%3E%3C/svg%3E%0A");
	width: 20px;
	height: 20px;
	flex-shrink: 0;
}

.leasing-ben .leasing-ben-desc .leasing-ben-items .leasing-ben-item:last-child{
	padding-bottom: 0px;
	border-bottom: 0;
}

.leasing-partners{
	margin-top: 60px;
	border-bottom: 1px solid #DCDCDC;
	padding-bottom: 45px;
}

.leasing-partners .leasing-partners-title{
	font-family: 'Oswald';
	font-style: normal;
	font-weight: 500;
	font-size: 36px;
	line-height: 120%;
	text-transform: uppercase;
	color: #0C0C0B;
}

.leasing-partners-items{
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	margin-top: 45px;
}

@media (max-width: 992px) {
	.page-header.leasing .page-header-block .page-header-desc{
		max-width: initial;
		font-size: 13px;
	}

	.leasing-banner{
		margin-top: 15px;
	}

	.leasing-banner a.btn{
		position: initial;
		width: 300px;
		height: 70px;
		font-size: 15px;
	}

	.leasing-info{
		margin-top: 45px;
		grid-template-columns: repeat(1, 1fr);
		gap: 15px;
	}

	.leasing-info > div{
		padding: 0px;
		padding-left: 15px;
		font-size: 13px;
	}

	.leasing-page{
		padding: 45px 0px;
	}

	.leasing-advantages .leasing-advantages-title{
		font-size: 24px;
	}

	.leasing-advantages-items{
		margin-top: 30px;
		display: flex;
		overflow: scroll;
	}

	.leasing-advantages-items .leasing-advantages-item{
		width: 270px;
		height: 200px;
		flex-shrink: 0;
	}

	.leasing-ben{
		margin-top: 45px;
		grid-template-columns: repeat(1, 1fr);
		gap: 15px;
	}

	.leasing-ben .leasing-ben-desc .leasing-ben-title{
		margin-bottom: 20px;
		font-size: 28px;
	}

	.leasing-ben .leasing-ben-desc .leasing-ben-items{
		gap: 20px;
	}

	.leasing-ben .leasing-ben-desc .leasing-ben-items .leasing-ben-item{
		font-size: 13px;
		gap: 30px;
		padding-bottom: 20px;
	}

	.leasing-partner{
		margin-top: 45px;
		flex-direction: column;
		position: relative;
	}

	.leasing-partner .leasing-partner-block{
		padding: 20px;
		padding-top: 0px;
	}

	.leasing-partner .leasing-partner-block:first-child{
		padding-top: 20px;
	}

	.leasing-partner .leasing-partner-block .leasing-partner-title{
		font-size: 20px;
	}

	.leasing-partner .leasing-partner-bottom{
		margin-top: 15px;
		padding-bottom: 30px;
		border-bottom: 1px solid #DCDCDC;		
	}

	.leasing-partner .leasing-partner-photo{
		position: absolute;
  		right: 0;
  		bottom: 0;
  		margin-top: 0;
  		max-width: 160px;
	}

	.leasing-partner .leasing-partner-desc{
		margin-top: 20px;
		font-size: 13px;
	}

	.leasing-partner .leasing-partner-phone{
		max-width: 150px;
		margin-top: 20px;
	}

	.leasing-partner .leasing-partner-phone a{
		font-size: 16px;
	}

	.leasing-partner .leasing-partner-sep{
		display: none;
	}

	.leasing-partner .leasing-partner-email{
		margin-top: 20px;
	}

	.leasing-partner .leasing-partner-email a{
		font-size: 13px;
	}

	.leasing-partners .leasing-partners-title{
		font-size: 24px;
	}

	.leasing-partners-items{
		margin-top: 30px;
		grid-template-columns: repeat(3, 1fr);

	}

	.leasing-partners{
		padding-bottom: 30px;
	}

}

@media (max-width: 479px){
	.leasing-partners-items{		
		grid-template-columns: repeat(2, 1fr);
	}	

	.leasing-partners-items .leasing-partners-item:nth-child(1){
		order: 1;
	}
	.leasing-partners-items .leasing-partners-item:nth-child(2){
		order: 2;
	}
	.leasing-partners-items .leasing-partners-item:nth-child(3){
		order: 4;
	}
	.leasing-partners-items .leasing-partners-item:nth-child(4){
		order: 3;
	}
	.leasing-partners-items .leasing-partners-item:nth-child(5){
		order: 5;
	}
	.leasing-partners-items .leasing-partners-item:nth-child(6){
		order: 6;
	}
	.leasing-partners-items .leasing-partners-item:nth-child(7){
		order: 8;
	}
	.leasing-partners-items .leasing-partners-item:nth-child(8){
		order: 7;
	}
	.leasing-partners-items .leasing-partners-item:nth-child(9){
		order: 9;
	}
	.leasing-partners-items .leasing-partners-item:nth-child(10){
		order: 10;
	}
	.leasing-partners-items .leasing-partners-item:nth-child(11){
		order: 12;
	}
	.leasing-partners-items .leasing-partners-item:nth-child(12){
		order: 11;
	}
	.leasing-partners-items .leasing-partners-item:nth-child(13){
		order: 13;
	}
	.leasing-partners-items .leasing-partners-item:nth-child(14){
		order: 14;
	}
	.leasing-partners-items .leasing-partners-item:nth-child(15){
		order: 15;
	}		

	.leasing-partners-items  .leasing-partners-item{
		order: 16;
	}		

}
/* End */


/* Start:/bitrix/templates/ttcauto/components/bitrix/catalog.section/leasing-items/style.css?17600781354230*/
.product-leasing-category{
	padding-top: 0px;
	background: #fff;
	padding-bottom: 30px;
}

.product-leasing-category .categories-catalog{
	padding-top: 0px;
}

.product-leasing-category .title{
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.product-leasing-category .title .arrows{
	display: flex;
	gap: 5px;
}

.product-leasing-category .title .arrows .arrow{
	width: 50px;
	height: 50px;
}

.product-leasing-category .categories-catalog__body{
        
}

.product-leasing-category .categories-catalog__top-body {
        flex-wrap: wrap;
        margin-bottom: -15px
    }

.product-leasing-category .categories-catalog__top-body .select {
        margin-left: 0;
        margin-right: 20px;
        margin-bottom: 15px
    }

.product-leasing-category .categories-catalog__card{
	padding: 0px;
	margin-top: 45px;
	height: auto;
}

.product-leasing-category .categories-catalog__card .interesting-models__block{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
}
.product-leasing-category .categories-catalog__card .interesting-models__block .interesting-models__top{
	        flex-wrap: wrap;
        border-bottom: 0px;
}

.product-leasing-category .interesting-models__top .interesting-models__top-left, 
.product-leasing-category .interesting-models__top .interesting-models__top-right{
        width: 100%;        
        flex: initial;
    }

.product-leasing-category .interesting-models__top .interesting-models__top-left{
        order: 2;
        padding: 30px;
    }
.product-leasing-category .interesting-models__top .interesting-models__top-right{
        order: 1;
    }

.product-leasing-category .interesting-models__img{
        position: relative;
        top: -45px;
        margin-bottom: -45px;
    }

.product-leasing-category .interesting-models__caption{
        font-size: 18px;
        line-height: 150%;
    }

.product-leasing-category .interesting-models__item{
	gap: 20px;
}
.product-leasing-category .interesting-models__item-caption{
	flex: 1;
	width: 100%;
}

.product-leasing-category .interesting-models__item-value{
	flex: 1;
	width: 100%;
}

.product-leasing-category .interesting-models__top{
        padding-bottom: 0px;
    }

.product-leasing-category .interesting-models__tags{
        margin: 0px;
        position: absolute;
        top: -40px;
        left: 15px;
    }

.product-leasing-category .categories-catalog__container{
	gap: 30px;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	display: block;
}

.product-leasing-category .interesting-models__bottom{
        padding-top: 0px;
        flex-wrap: wrap;
    }

.product-leasing-category .interesting-models__bottom-block{
        width: 100%;
        padding: 30px;
        padding-top: 0px;
    }

.product-leasing-category .categories-catalog__card .interesting-models__readmore{
	padding-top: 30px;
	border-top: 1px dashed #D2D2D7;        
}

.product-leasing-category .interesting-models__bottom .interesting-models__info{
        display: block;
        padding: 30px;
        padding-top: 0px;
        width: 100%;
    }

.product-leasing-category .interesting-models__bottom .interesting-models__info .interesting-models__price{
	text-align: center;
	background: #fff;	
	padding: 14px;
	margin-bottom: 15px;	
}

.product-leasing-category .interesting-models__bottom .interesting-models__info .interesting-models__social{
	gap: 5px;
}

.product-leasing-category .interesting-models__bottom .interesting-models__info .interesting-models__btn{
	width: 100%;
	flex: 1;
}

.product-leasing-category .swiper-wrapper{
	align-items: stretch;
}
@media (max-width: 992px){
	.product-leasing-category .categories-catalog__body{
		margin-top: 30px;
	}
	.product-leasing-category .interesting-models__caption{
		font-size: 16px;
    	line-height: 24px;
	}

	.product-leasing-category .categories-catalog__card .interesting-models__readmore{
		padding-top: 0px;
		border-top: 0px;
	}
}
@media (max-width: 479px){
	.product-leasing-category .title .arrows{
		display: none;
	}
}
/* End */
/* /bitrix/templates/ttcauto/components/bitrix/news/actions/style.css?17600729019719 */
/* /bitrix/templates/ttcauto/components/bitrix/catalog.section/leasing-items/style.css?17600781354230 */
