.statistic_items_list {
	display: grid;
	grid-template-columns:repeat(4,25%);
	//grid-template-rows:316px 316px 316px;
	grid-auto-rows:316px ;
	grid-row-gap: 35px;
     @media (max-width: 1199px) { 
     	&{
     		//grid-template-columns:repeat(3,1fr);
     		grid-template-columns:repeat(3,33%);
     		//grid-template-rows:316px 316px 316px 316px;
 		    grid-template-columns: repeat(2, 280px);
   			justify-content: space-around;
     	}
     }
     @media (max-width: 767px) { 
     	&{
     		//grid-template-rows:316px 316px 316px 316px 316px 316px;
     		//grid-template-columns:repeat(2,50%);
     	}
     }
     @media (max-width: 639px) { 
     	&{
     		//grid-template-rows:repeat(12,316px);
     		//grid-template-columns:100%;
 		    grid-template-columns: 100%;
 		    grid-auto-rows:auto;
    		justify-content: center;
     	}
     } 

	.item { 
		background: #FFFFFF;
		//
		border-radius: 12px;
		padding: 10px;
		 margin: 0;
		position: relative;
	    left: 0;
	    top: 0;
		&:hover {
			box-shadow: 0px 4px 12px rgba(41, 45, 52, 0.1), 0px 2px 4px rgba(41, 45, 52, 0.12);
    		z-index: 4;
    		height: 410px;
			.buttons { 
				opacity: 1;
				display: block;
			}
		}
		@media (max-width: 639px) { 
	         &{			
	         	box-shadow: 0px 4px 12px rgba(41, 45, 52, 0.1), 0px 2px 4px rgba(41, 45, 52, 0.12);
	         	height: auto;
	         	.buttons {
	         		display: none;
	         	}
				&:hover {
					height: auto;
					.buttons { 
						opacity: 0;
					}
				}	         	
	         }
	     }
		.images { 
			border-radius: 8px;
		    width: 100%;
		    height: 228px;
		    display: block;
		    position: relative;
	        overflow: hidden;
	        background: url('/auc/data/imgs/moto_placeholder.jpg') no-repeat center center;background-size: contain;
	         @media (max-width: 1599px) { 
	         	&{
	         		height: 199px;
	         	}
	         }
	         @media (max-width: 767px) { 
	         	&{
	         		height: calc(~'100% * 0.72');
	         	}
	         }
	         @media (max-width: 639px) { 
	         	&{
					height: 215px;
					height: auto;
					display: flex;
					justify-content: center;
					align-content: center;
					align-items: center;
	         	}
	         }         
			.rate { 
				position: absolute;
			    min-width: 49px;
			    //grid-column-gap: 7px;
				height: 30px;
				left: 0px;
				top: 0px;
				background: #FFFFFF;
				border-radius: 0px 0px 8px 0px;
			    padding: 1px 9px;
    			align-items: center;
				align-content: center;
			    display: flex;
    			justify-content: space-between;
    			z-index: 3;
				.ic { 
					height: 16px;
					margin-right: 7px;
				}

				.n { 
					font-family: Mulish;
					font-style: normal;
					font-weight: bold;
					font-size: 15px;
					line-height: 120%;
					letter-spacing: -0.02em;
					color: #000000;
				}
			}

			.first { 
				height: 100%;
				max-width: none;
				@media (max-width: 639px) { 
		         	&{
		         		width: 100%;
    					height: max-content;
					    height: auto;
		         	}
		         }
			}

			.second { 
			    position: absolute;
			    opacity: 0;
			    top: 0;
			    max-width: none;
	       		height: 100%;
			    left: 0;
			    z-index: 2;
			    transition: all .2s;
				@media (max-width: 639px) { 
		         	&{
		         		width: 100%;
    					height: max-content;
    					    height: auto;
		         	}
		         }			    
			}
			&:hover {
				.second { 
				    opacity: 1;
				   // display: block!important;
				   @media (max-width: 639px) { 
					&{
						opacity: 0;
					}
		           }			    
				}
			}
			.mileage { 
			    position: absolute;
			    bottom: 0;
			    padding: 10px ;
			    font-family: Mulish;
			    font-style: normal;
			    font-weight: 500;
			    font-size: 15px;
			   // grid-column-gap: 8px;
			    line-height: 120%;
			    letter-spacing: -0.02em;
			    color: #FFFFFF;
			    display: flex;
			    align-items: center;
			    align-content:center;
			    z-index: 3;
			    left: 0;
			    &>img{
			    	margin-right: 8px;
			    }
			}
			&:after {
				content: '';
				display: block;
				position:absolute;
				z-index: 2;
				width: 100%;
				height: 72px;
				background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
				bottom: 0;
				left: 0;
			}
		}

		.specifications { 

			.name { 
				font-family: Mulish;
				font-style: normal;
				font-weight: bold;
				font-size: 16px;
				line-height: 125%;
				letter-spacing: -0.02em;
				color: #000000;
				margin-bottom: 10px;
				margin-top: 10px;
				display: flex;
			    align-items: center;
   				//grid-column-gap: 10px;
   				height: 40px;
   				display: grid;
				grid-template-columns: 30px 1fr;
				grid-column-gap: 10px;
				.icon { 
					width: 40px;
					height: 30px;
					//background: #000000;
					border-radius: 15px;
					margin-right: 2px;
				}
			}

			.params { 
					display: flex;
					//grid-column-gap:20px;
					&>*{
						&+*{
							margin-left: 20px;
						}
					}
				.s { 
					.label { 
						font-family: Mulish;
						font-style: normal;
						font-weight: normal;
						font-size: 13px;
						line-height: 120%;
						letter-spacing: -0.02em;
						color: #656565;
					    margin-bottom: 3px;
					}

					.val { 
						display: flex;
   						//grid-column-gap: 5px;
						font-family: Mulish;
						font-style: normal;
						font-weight: bold;
						font-size: 15px;
						line-height: 120%;
						letter-spacing: -0.02em;
						color: #000000;
						&>span {
							margin-right: 5px;
						}

					}
				}
			}
		}
		.buttons { 
			opacity: 0;
			display: none;
			//transition: all .1s;
			margin-top: 13px;
			.but {
			    width: 100%;
			    border-radius: 8px;
    			justify-content: center;
			}
		}
	}
}
.statistic_items_list-banner{
	  padding-top:60px;
	  padding-bottom: 80px; 
     .banner {
	    //margin: 60px 0 0px; 
	    grid-column-start: 1;
	grid-column-end: 5;
     @media (max-width: 1199px) { 
     	&{
	 	    grid-column-start: 1;
			grid-column-end: 4;
		    height: auto;
		    padding-bottom: 430px;
		    background-position: bottom;
		    text-align: center;
	        padding-right: 10px;
    		padding-left: 10px;
		    .but.orange {
		    	margin-right: auto;
		    	margin-left: auto;
		    }
     	}
     }
     @media (max-width: 767px) { 
     	&{
		 	    grid-column-start: 1;
			grid-column-end: 3;
     	}
     }
     @media (max-width: 639px) { 
     	&{
		 	    grid-column-start: 1;
			grid-column-end: 2;
     	}
     }     	
 }
}
.total_count {
	font-family: Mulish;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 125%;
	letter-spacing: -0.02em;
	color: #656565;
	margin:28px 0 42px;
	span{
		font-family: Mulish;
		font-style: normal;
		font-weight: bold;
		font-size: 16px;
		line-height: 125%;
		letter-spacing: -0.02em;
		color: #000000;
	}
}
.statistic_items_list_bottom_r {
	display: flex;
	justify-content: space-between;
	align-items:center;
    margin-top: 0;
	.total_count.total_count_bottom {
		margin: 62px 0 42px;
	}
	 @media (max-width: 639px) { 
     	&{
     		flex-direction: column;
     		margin: 40px 0;
			.total_count.total_count_bottom {
			    margin: 0 0 24px;
			}
     	}
     }

	.statistic_more_link {
	    position: relative;
	    right: 0;
	    top: 10px;
		font-family: Mulish;
		font-style: normal;
		font-weight: bold;
		font-size: 16px;
		line-height: 20px;
		letter-spacing: -0.02em;
		color: #000;
		display: flex;
		align-items: center;
		//grid-column-gap: 11px;
		border: none;
		text-decoration: none;
		.link_circle_icon {
			display: inline-flex;
			width: 40px;
			height: 40px;
			background: url(/images/icons/ar_right_white.svg) no-repeat 17px center, #000;
			border-radius: 50%;
			margin-left: 11px;
		}
	}
}

.stat_sort { 
	margin: 40px 0;
	@media (max-width: 640px) {
		&{
		    padding: 0 10px;
		}
	}
	.sort_el { 
		@media (max-width: 640px) {
			&{
			    display: flex;
			    flex-direction: column;
			    align-items: center;
			}
		}
		span { 
			font-family: 'Mulish';
			font-style: normal;
			font-weight: 700;
			font-size: 18px;
			line-height: 133%;
			letter-spacing: -0.02em;
			color: #000000;
			margin-right:21px ;
			@media (max-width: 640px) {
				&{
					margin-right:0px;
					width: 100%;
					text-align:center;
				}
			}
		}

		select#pseudo_sort { 
			height: 44px;
			background: url(/auc/include/imgs/filter_select_bg.png), #FFFFFF;
			background-repeat: no-repeat;
			background-position: calc(100% - 9px) center;
			border: 1px solid #DCDEE0;
			box-sizing: border-box;
			border-radius: 8px;
			padding: 10px 22px 10px 14px;
			font-family: Mulish;
			font-style: normal;
			font-weight: bold;
			font-size: 18px;
			line-height: 133%;
			letter-spacing: -0.02em;
			color: #000000;
			width: 258px;
			appearance: none;
			-webkit-appearance: none;
			-moz-appearance: none;
			@media (max-width: 640px) {
				&{
					margin-top:20px;
					width: 100%;
					text-align:center;
				}
			}
			option {
			    font-family: Mulish;
			    font-style: normal;
			    font-weight: 700;
			    font-size: 18px;
			}
		}
	}
}

.statistic_element-detail .top_row .left .images .images_list .img_blocks_slide img {
	opacity: 1;
	border-radius: 4px;
}
.stat_to_catalog {
	border-top: 1px solid #eeeef0;
	padding: 30px 0 !important;
	background: #fff;
}
.stat_to_catalog__wrapper {
	display: flex;
	flex-wrap: wrap;
    gap: 16px;
}
.stat_to_catalog a {
	display: flex;
	align-items: center;
	justify-content: center;
	background: transparent;
	border: 1px solid #eeeef0;
	color: #000;
	border-radius: 8px;
	transition: all 800ms;
}
.stat_to_catalog a:hover {
	border-color: #ff4f33;
}