
.statistic_element-detail{
	background: #F5F5F7;	
	h1{
		font-family: Mulish;
		font-style: normal;
		font-weight: 800;
		font-size: 48px;
		line-height: 110%;
		letter-spacing: -0.03em;
		color: #000000;
		margin: 0  0 40px;
	}
	// * {
	// 	.container {
	// 		padding:0;
	// 	}
	// }
	.element_header_row {
		.container {
			padding:0;
			@media (max-width: 639px) {
				&{
					padding-left:15px;
					padding-right:15px;
				}
			} 
		}
	}
	.top_row {
		padding-bottom: 96px;
	    @media (max-width: 767px) { 
	     	&{
	     		padding-bottom: 48px;
	     	}
	    }
		.container {
			display: grid;
			grid-template-columns:628px 520px;
			justify-content:space-between;
			padding: 0;
		     @media (max-width: 1599px) { 
		     	&{
		     		grid-template-columns:556px 556px;
		     	}
		     }
		     @media (max-width: 1199px) { 
		     	&{
		     		grid-template-columns:100%;
		     		grid-row-gap:40px;
		     	}
		     }
		     @media (max-width: 767px) { 
		     	&{
		     	}
		     }
			  @media (max-width: 639px) {
			     	&{
			     		padding-left:15px;
			     		padding-right:15px;
			     	}
		     }	 
		}
		.left{
			.images{
				.big_img {
					width: 100%;
					height:420px;
					margin-bottom: 16px;
					display:flex;
					justify-content:center;
					align-content:center;
					align-items:center;
				    overflow: hidden;
				    border-radius: 8px;
				    overflow: hidden;
				    position: relative;
				    background: url('/auc/include/imgs/preload_line_big.gif') no-repeat center center;
				     @media (max-width: 1599px) { 
				     	&{
				     		height:372px;
				     	}
				     }
				     @media (max-width: 1199px) { 
				     	&{
				     		width: 628px;
				     		height: 420px;
				     		margin: 0 auto 16px;
				     	}
				     }
				     @media (max-width: 767px) { 
				     	&{
				     		width: 100%;
				     		height: max-content;
				     	}
				     }
				     @media (max-width: 639px) { 
				     	&{
				     	}
				     } 
					img{
					    max-width: 100%;
					    width: 100%;
					    height: max-content;
					    //background: #fff;
					    @media (max-width: 639px) { 
					     	&{
					     		 height: auto;
					     	}
					    }
					}
					.nav {
						.array_for_slider_circle_left {
							cursor: pointer;
						    position: absolute;
						    left: 16px;
						    margin-top: -20px;
						    box-shadow: 0px 4px 12px rgba(41, 45, 52, 0.1), 0px 2px 4px rgba(41, 45, 52, 0.12);
						}
						.array_for_slider_circle_right {
							cursor: pointer;
							position: absolute;
							right: 16px;
							margin-top: -20px;
							box-shadow: 0px 4px 12px rgba(41, 45, 52, 0.1), 0px 2px 4px rgba(41, 45, 52, 0.12);
						}
					}
				}
				.images_list {
					display: grid;
					grid-template-columns: repeat(5,1fr);
					grid-column-gap:8px;
					grid-row-gap:8px;
					.img_blocks_slide{
						display: flex;
						justify-content:center;
						align-content:center;
						border-radius: 4px;
						overflow: hidden;
						cursor: pointer;
						img{
							max-width: 100%;
							max-height: 100%;
							opacity: 0.3;

						}
						&.active {
							img{
								opacity: 1;
							}
							
						}
					}
				}
			}
		}
		.right{
			.info{
				background: #FFFFFF;
				box-shadow: 0px 2px 8px rgba(41, 45, 52, 0.06), 0px 2px 3px rgba(41, 45, 52, 0.08);
				border-radius: 16px;
				padding: 20px 24px;
				margin-bottom: 20px;
				.params_table {
					.r{
						display: grid;
						grid-template-columns: max-content 1fr max-content;
						margin-bottom: 16px;
						.c{
							font-family: Mulish;
							font-style: normal;
							font-weight: normal;
							font-size: 16px;
							line-height: 125%;
							letter-spacing: -0.02em;
							color: #656565;
							&:nth-child(1){}
							&:nth-child(2){border-bottom:  1px dashed #DCDEE0; }
							&:nth-child(3){color: #000000;}
						}
						&.RATE_prop {
							.attentionFlyBox {
								.fly_desc.bottom {
									@media (max-width: 1599px) {
										&{
											right: -20px;
										}
									}
									.content {
										&:before {
											@media (max-width: 1599px) {
												&{
												    left: calc(~'100% - 34px');
												}
											}
										}
									}
								}
							}
						}
					}
				}
				.params_table_BDS {

				}
			}
			.prices { 
				background: #FFFFFF;
				box-shadow: 0px 2px 8px rgba(41, 45, 52, 0.06), 0px 2px 3px rgba(41, 45, 52, 0.08);
				border-radius: 16px;
				padding: 20px 24px;
				display: flex;
				grid-row-gap: 20px;
				flex-direction: column;
				.prices_list { 
					display: flex;
					justify-content: center;
					grid-column-gap:40px;
					grid-row-gap: 20px;
					.price { 

						.title { 
							font-family: Mulish;
							font-style: normal;
							font-weight: normal;
							font-size: 16px;
							line-height: 125%;
							text-align: right;
							letter-spacing: -0.02em;
							color: #656565;
							text-align: center;
						}

						.v { 
							font-family: Lato,sans-serif;
							font-style: normal;
							font-weight: bold;
							font-size: 20px;
							line-height: 150%;
							text-align: right;
							color: #000000;
							text-align: center;
						    display: flex;
    						grid-column-gap: 6px;
							span { 

							}
						}
					}
				}

				.price_inform { 
					display: flex;
					justify-content: center;
					grid-column-gap:20px;
					@media (max-width: 520px) {
						&{
							flex-direction: column;
						    align-content: center;
						    align-items: center;
						}
					}
					a { 
						font-family: Mulish;
						font-style: normal;
						font-weight: normal;
						font-size: 16px;
						line-height: 125%;
						letter-spacing: -0.02em;
						text-decoration-line: underline;
						color: #000000;
						@media (max-width: 520px) {
							&{
								&+a{
									margin-top: 20px;
								}
							}
						}						
					}
				}

				.but { 
					width: 100%;
					border-radius: 28px;
					text-align: center;
					justify-content: center;
				}
			}
		}
	}//top_row

	.middle_row { 
		background:#fff;
		.container { 
			padding-top:80px;

		 	@media (max-width: 639px) {
		     	&{
		     		padding-left:15px;
		     		padding-right:15px;
		     	}
		     } 
			h2 { 
				margin: 0 0 40px;
			}

			.subhead { 

			}

			.auc_list_section { 
				display: grid;
				grid-template-columns:628px 520px;
				justify-content: space-between;
			     @media (max-width: 1599px) { 
			     	&{
			     		grid-template-columns:556px 556px;
			     	}
			     }
			     @media (max-width: 1199px) { 
			     	&{
			     		grid-template-columns:100%;
			     		grid-row-gap:40px;
			     	}
			     }
			     @media (max-width: 767px) { 
			     	&{
			     	}
			     }
				 @media (max-width: 639px) {
			     	&{
			     	}
			     }	
				.auc_img { 
					width: 100%;
					//height: 680px;
					display: flex;
					justify-content: center;
					align-content: center;
					align-items: center;
					img { 
					width: auto;
					height: auto;
					box-shadow: 0px 4px 12px rgba(41, 45, 52, 0.1), 0px 2px 4px rgba(41, 45, 52, 0.12);
					}
				}

				.auc_desc { 
					padding-top: 30px;
					h3 { 
						font-family: Mulish;
						font-style: normal;
						font-weight: bold;
						font-size: 16px;
						line-height: 125%;
						letter-spacing: -0.02em;
						margin-bottom: 16px;
						color: #000000;
					}
					.params_table {
						.r{
							display: grid;
							grid-template-columns: max-content 1fr max-content;
							margin-bottom: 16px;
							.c{
								font-family: Mulish;
								font-style: normal;
								font-weight: normal;
								font-size: 16px;
								line-height: 125%;
								letter-spacing: -0.02em;
								color: #656565;
								&:nth-child(1){}
								&:nth-child(2){border-bottom:  1px dashed #DCDEE0; }
								&:nth-child(3){color: #000000;}
							}

						}
					}
					.params_table_BDS {
						.r {
							font-family: 'Mulish';
							font-style: normal;
							font-weight: 400;
							font-size: 16px;
							line-height: 125%;
							letter-spacing: -0.02em;
							color: #656565;
							display: flex;
							.c {
								&:nth-child(1){
									width: 36px;
								}
							}
							&+.r{
								margin-top: 8px;
							}
						}
					}
					div { 

						span { 

						}
					}
				}
			}
		}


		.BDS_content { 

			.videos_container { 
				display: grid;
				grid-template-columns:repeat(2,1fr);
				grid-column-gap:20px;
				margin-bottom: 40px;	
				margin-top: 40px;
				padding-bottom:40px;
				border-bottom: 1px solid #EEEEF0;	
				@media (max-width: 768px) {
					&{
					    grid-template-columns: 100%;
    					grid-row-gap: 20px;
					}
				}
				.h{
					font-family: 'Lato';
					font-style: normal;
					font-weight: 700;
					font-size: 18px;
					line-height: 150%;
					color: #000000;
					
					margin-bottom: 40px;
					margin-top: 40px;
					
					grid-column-start:1		;	
					grid-column-end:3;
					@media (max-width: 768px) {
						&{
							grid-column-start:auto		;	
							grid-column-end:auto;
						}
					}	
				}
				.video_container {
					position:relative;
					overflow: hidden;
    				border-radius: 8px;
					&:before {
					    content: '';
					    position: absolute;
					    width: 100%;
					    height: 100%;
					    display: block;
					    background: url('/images/icons/play-circle-filled.png') no-repeat center center, #00000054;
					    z-index: 6;
					    cursor: pointer;
					}
				}
				video { 
					width: 100%;
					border-radius: 8px;
					source { 

					}
				}
			}

			.rate { 

				.rate_h { 
					font-family: 'Lato';
					font-style: normal;
					font-weight: 700;
					font-size: 18px;
					line-height: 150%;
					color: #000000;
					margin-bottom: 40px;
					img{
						margin: 0 3px 0 15px;
					}
				}

				.imgs_container { 
					display: grid;
					grid-template-columns:repeat(4,1fr);
					grid-column-gap:20px;
					grid-row-gap:20px;
					@media (max-width: 768px) {
						&{
							grid-template-columns:repeat(2,1fr);
						}
					}
					img { 
						border-radius: 8px;
						overflow: hidden;
					}
				}

				.rate_details { 
					display: grid;
					grid-template-columns:repeat(2,1fr);
					grid-column-gap:20px;
					padding-bottom:40px;
					margin-bottom: 40px;
					margin-top: 40px;
					border-bottom: 1px solid #EEEEF0;
					grid-row-gap:8px;
					@media (max-width: 768px) {
						&{
							grid-template-columns: 100%;
						    grid-row-gap: 16px;
						}
					}
					.rate_detail { 
					    display: grid;
					    grid-template-columns: 180px auto;
						@media (max-width: 568px) {
							&{
								grid-template-columns: 100%;
							}
						}
						.l { 
							width: 180px;
							font-family: 'Mulish';
							font-style: normal;
							font-weight: 400;
							font-size: 16px;
							line-height: 125%;
							letter-spacing: -0.02em;
							color: #656565;
							text-transform: capitalize;
						}

						.r { 
							font-family: 'Mulish';
							font-style: normal;
							font-weight: 400;
							font-size: 16px;
							line-height: 125%;
							letter-spacing: -0.02em;
							color: #000000;
						}
					}
				}
			}
			.comment {
				font-family: 'Mulish';
				font-style: normal;
				font-weight: 400;
				font-size: 16px;
				line-height: 125%;
				letter-spacing: -0.02em;
				color: #000000;
				.h{
					font-family: 'Lato';
					font-style: normal;
					font-weight: 700;
					font-size: 18px;
					line-height: 150%;
					color: #000000;
					margin-bottom: 8px;
				}
			}
		}







	}//middle_row



}

.similar_elements{
	background: #fff;
	.container {
		padding:80px 0 80px;
     @media (max-width: 639px) {
     	&{
     		padding-left:15px;
     		padding-right:15px;
     	}
     } 
	}
	.total_count  {
		display: none;
	}
}	

.mejs__offscreen {
	display: none;
}