#home_statistic {

	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 0px;
	background: rgb(245, 247, 248);

	.short_filter {
		max-width: 1200px;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
		padding: 32px;	
		border-radius: 8px;
		box-shadow: 4px 4px 16px 0px rgba(0, 0, 0, 0.03);
		background: rgb(255, 255, 255);
		margin-top: 32px;
		margin-bottom: 32px;


		@media(max-width:1279px){
           width:920px;
        }                
        @media(max-width:959px){
           width:608px;
           align-items:center;
        }    
        @media(max-width:639px){
           width:440px;
           padding: 24px 16px 24px 16px;
        }
        @media(max-width:479px){
           width:320px;

        }


		form {
			display: grid;
            justify-content: space-between;
         	grid-row-gap:42px;
         	grid-column-gap: 20px;
         	grid-template-columns:  repeat(4,268px);

         	@media(max-width:1279px){
                grid-template-columns: repeat(4,1fr);
            }                
            @media(max-width:959px){
                  display: flex;
    					flex-wrap: wrap;
    					padding-bottom: 0;
    					gap:24px;
            }    
            @media(max-width:639px){
               display:flex;
               flex-direction: column;
               width: 100%;

            }

            .input_box {
            	 @media(max-width:959px){
            	    display: flex;
    						width: 100%;
    				}
            	select {
						height: 48px;
						
						display: flex;
						flex-direction: row;
						justify-content: flex-start;
						align-items: center;
						padding: 0px 16px 0px 16px;
						color: rgba(0, 0, 0, 0.3);
						font-family: 'Open Sans', sans-serif;
						font-size: 18px;
						font-weight: 400;
						line-height: 100%;
						letter-spacing: 0px;
						text-align: left;

						box-sizing: border-box;
						border: 1px solid rgb(238, 238, 238);

									
						border-radius: 4px;
						background-image: url(/statistic/include/imgs/arrow_down_stat_light.svg);
						cursor:pointer;

						

						// &:hover {
						// 	border: 1px solid rgb(238, 238, 238);
						// }

						// &:checked {
						// 	border: 1px solid rgb(238, 238, 238);
						// }
		
						option {
							font-family: 'Open Sans', sans-serif;
							color:#606063;
							font-size: 18px;
						}
				

            	}


            	select:focus {
					border: none;

				}
            }

            .submit_box {

            	button {
					width: 100%;
					height: 48px;
					display: flex;
					flex-direction: row;
					justify-content: center;
					align-items: center;
					padding: 0px 24px 0px 24px;
				
					border-radius: 4px;
					background: rgb(41, 148, 227);
					border: none;
					color: rgb(255, 255, 255);
					font-family: 'Open Sans', sans-serif;
					font-size: 17px;
					font-weight: 600;
					line-height: 100%;
					letter-spacing: 0px;
					text-align: center;

				}

            }

		}
	}

	.cars_4_el_grid {
		max-width:1200px;


		@media(max-width:1279px){
                grid-template-columns: repeat(3,31%);
                max-width:920px;
            }                
	    @media(max-width:959px){
	        grid-template-columns: repeat(2,48%);
	        max-width:608px;
	    }    
	    @media(max-width:639px){
	       display:flex;
	       flex-direction: column;
	       width:440px;

	    }

	    @media(max-width:479px){
	       width:320px;

	    }


		.car-item {
			display: flex;
			flex-direction: column;
			justify-content: flex-start;
			align-items: flex-start;
			padding: 0px;
			border-radius: 8px;

			box-shadow: 4px 4px 16px 0px rgba(0, 0, 0, 0.03);
			background: rgb(255, 255, 255);
			border:none;

			.images {
				
			   border-radius: 2px;
			   height:auto;
			}


			.car-content {

				display: flex;
				flex-direction: column;
				justify-content: space-between;
				align-items: flex-start;
				padding: 24px 16px 24px 16px;
				width:100%;

				.car-content__top {

					display:flex;
					flex-direction:column;
					justify-content:space-between;
					.car-name {
						color: rgb(0, 0, 0);
						font-family: 'Open Sans', sans-serif;
						font-size: 18px;
						font-weight: 600;
						line-height: 120%;
						letter-spacing: 0px;
						text-align: left;
						text-transform: uppercase;
						padding:0;
					}

					.car-characteristics {
						display: flex;
						flex-wrap: wrap;
						color: #000;
						font-size: 16px;
						font-weight: 400;
						font-family: "Open Sans",sans-serif;
						padding-bottom: 16px;
						padding-top: 8px;
						margin:0;

						span {

							color: #000;
							font-size: 16px;
							font-weight: 400;
							font-family: "Open Sans",sans-serif;
							
						}

						.specifications__separator {
							margin: auto 10px;
							background: rgba(0,0,0,1);
							border-radius:4px;
							width: 2px;
							height: 2px;
							
						}
					
						
					}


					.car-price {
						display:flex;
						padding-bottom:16px;
						color: #000;
					    font-size: 24px;
					    font-weight: 600;
					    line-height: 100%;
					    font-family: "Open Sans", sans-serif;


						.price-value {
							    color: #000;
							    font-size: 24px;
							    font-weight: 600;
							    line-height: 100%;
							    font-family: "Open Sans", sans-serif;
						}
					}

				}

				.bottom-btns {
					width:100%;
					height: 48px;
					display: flex;
					flex-direction: row;
					justify-content: space-between;
					align-items: flex-start;
					padding: 0px;


					.transparent-btn {
						height: 48px;
						/* Автолейаут */
						display: flex;
						flex-direction: row;
						justify-content: center;
						align-items: center;
						padding: 0px 14px 0px 14px;
						border-radius: 4px;
						background: rgba(41, 148, 227, 0.1);
						color: rgb(41, 148, 227);
						font-family: 'Open Sans', sans-serif;
						font-size: 17px;
						font-weight: 500;
						line-height: 100%;
						letter-spacing: 0px;
						text-align: left;
						cursor:pointer;
					}


					.teleg {
						background: rgba(3, 155, 229, 0.10);
						width: 48px;
					    height: 48px;
					    display: flex;
					    align-items: center;
					    justify-content: center;
					    border-radius: 4px;
					    border: none;
					}


					.WA-link {
						width: 48px;
					    height: 48px;
					    display: flex;
					    align-items: center;
					    justify-content: center;
					    border-radius: 4px;
					    background: rgba(5,147,16,0.1);
					    border: none;
					}

				}

			}
		}	




	}


	.show-more-btn {
	    padding-left: 16px;
	    padding-right: 16px;
	    height: 48px;
	    border-radius: 4px;
	    display: flex;
	    align-items: center;
	    background-color: #2994E3;
	    font-family: 'Open Sans', sans-serif;
	    color: #ffffff;
	    font-size: 17px;
	    font-weight: 600;
	    line-height: 100%;
	    border: none;
	    margin-top: 32px;
	}	

}