.navigate_top {display:none;}
.h1_holder {background:#F8F8F8;border-radius:0 0 10px 10px;}
h1 {font-size:60px;margin:0;padding:18px 32px;line-height: 1.1;text-transform:lowercase;}
h3 {font-size:32px;line-height: 1.1;margin:5px 8px;font-weight:500;color:#111;;}
.f2 {color:var(--blue);}
.f3 {color:#111;display:none;padding-left:10%;}
.showroom_adresses {display:flex;gap:2px;justify-content:space-between;margin:10px 0;}
.showroom_info {padding:10px;background:#F8F8F8;border-radius:10px;flex:1;padding-bottom:100px;position:relative;}
.showroom_info p {margin:4px 8px;}
p.map_pin {font-size:25px;margin-top:22px;}
.showroom_phone {font-size:32px;color:#111;text-decoration:none;}
.showroom_phone:hover {text-decoration:underline;}
.metro {display:inline-block;}
.metro::before {content:"";font-size:12px;line-height:19px;display:inline-block;width:19px;height:19px;color:white;background:rebeccapurple;vertical-align:middle;text-align:center;
border-radius:5px;
    margin-right: 8px;}
.metro.okt {margin-right:15px;}
.metro.okt::before {content:"7";}
.metro.panf::before {content:"14";background:#FF4D4D;}
.metro.derevn::before {content:"5";}
.metro.piter_1::before {content:"1";background:#da2128;}
.metro.piter_2::before {content:"2";background:#0078bf;}
.metro.piter_3::before {content:"3";background:#48b85e;}

.map_route_button {border:1px solid #1112;padding:14px 20px;border-radius:6px;position:absolute;bottom:8px;left:8px;right:8px;
color:#111;text-decoration:none;text-align:center;
}
a.map_route_button:hover {text-decoration:underline;}

.photos_holder {width:60%;}

#showroom_gallery_holder,
.photos_holder img.zoomed_image,
.photos_holder iframe{
	width:100%;
	aspect-ratio: 2000 / 1333;
	object-fit: cover;
	border-radius:10px;
}
.photos_holder iframe {display:none;}


.metro_holder {position:relative;z-index:5;cursor:normal;
	& .helper {display:none;position:absolute;top:30px;left:0;border-radius:5px;box-shadow:1px 3px 11px 2px #0004;max-width:95%;}
}
.metro_holder:hover .helper {display:block;}


.right_arrow {right:13px;}
.left_arrow {left:13px;}
.right_arrow::before,
.left_arrow::before {z-index:2;content:"";position:absolute;width:13px;height:13px;transform:rotate(-45deg);
border:2px solid #111;
border-width:1px 0 0 1px;transition:all 0.8s cubic-bezier(0.18, 0.89, 0.32, 1.28);filter:none;
    margin: 14px;
    margin-top:-5px;
}
.right_arrow::after,
.left_arrow::after {z-index:1;content:"";position:absolute;width:40px;height:40px;background:white;border-radius:50%;}

.left_arrow::before,
.left_arrow::after {left:0;top:50%;}
.left_arrow::after {margin-left:-2px;margin-top:-20px;}
.right_arrow::before,
.right_arrow::after {right:0;top:50%;transform:rotate(135deg);}
.right_arrow::after {margin-left:2px;margin-top:-20px;}
.right_arrow:hover::before,
.left_arrow:hover::before {border-color:var(--blue);filter:none;}

#vendor_animation_holder {width:20%;}
#vendor_animation_holder >.vendor_anim_holder {min-height:110px;}
.vendor_anim_holder {
	margin-top:0;
	min-height:90px;
	overflow-x:hidden;
	overflow-y:hidden;
	padding-bottom:3px;
	position:relative;
}
.vendor_anim_holder .flex {
	display:flex;
	justify-content:flex-start;
	flex-wrap:nowrap;
	position:absolute;
	gap:15px;
	left:0;
	top:0;
}
.vendor_anim_holder .flex img {
	max-height: 100px;
	max-width: 150px;
	border-radius:6px;
}
.zoom_img_wrapper {
	position: relative;
}
.zoom_img_wrapper .toggle{
	position:absolute;
	bottom:10px;
	left:50%;
	background:#EBF1F4;
	padding:5px;
	transform:translatex(-50%);
	gap:5px;
	display:flex;
	border-radius:6px;
	list-style:none;
	margin:0;
}
.zoom_img_wrapper .toggle li {padding:10px;margin:0;text-transform:lowercase;cursor:default;transition:1s background ease;}
.zoom_img_wrapper .toggle li:not(.active) {cursor:pointer;}
.zoom_img_wrapper .toggle li.active {background:white;border-radius:2px;}

/*
#vendor_anim_holder1 .flex  {
	animation:20s linear 0s infinite alternate flex_scroll_vendor1;
}
@keyframes flex_scroll_vendor1 { from { left:0;} to { left:calc(100% - 975px);}  }

#vendor_anim_holder2 .flex  {
	animation:100s linear 0s infinite alternate flex_scroll_vendor2;
}
@keyframes flex_scroll_vendor2 { from { left:0;} to { left:calc(100% - 3250px);}  }
*/

.tm_holder {
 	display:grid;
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
	grid-gap: 1vw;
	padding-bottom:1vw;
}
.tm_holder_msk {grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));}
.tm_holder img {width:100%;}
#showroom_video {width:100%;min-height:40vw;}

ymaps.ymaps-2-1-78-ground-pane > ymaps > canvas {
	filter:grayscale(100%);
}

.map_profile_link {display:inline-block;margin:30px 0 30px -3px;color:#666;text-decoration:none;}
.map_profile_link:hover {text-decoration:underline;}


.showroom_gallery_holder {
	order: 1;
	overflow-x: hidden;
	overflow-y: hidden;
	scroll-snap-type: x mandatory;
	border: 1px solid transparent;
	box-sizing: border-box;
	position: relative;
}

.showroom_gallery{
	display: flex;
	gap: 0px;
}

.gallery_img {
	scroll-snap-align: start;
	cursor: ew-resize;
	flex: 0 0 auto;
	padding: 0;
	background-size: 125%;
	background-position: 50% 44%;
	width: 100%;
	position: relative;
	background-clip: content-box;
	border-right: 1px solid transparent;
	box-sizing: border-box;
}

@media screen and (max-width: 768px){
        #showroom_video {min-height:60vw;}
}

@media screen and (max-width:800px){
	h1 {font-size:30px;}
	h3 {font-size:25px;}
	.showroom_adresses {
		flex-flow: column;
	}
	.photos_holder {width:auto;}
	.showroom_gallery_holder {
		overflow-x: auto;
	}
	.right_arrow, .left_arrow {width:50px;}
	#showroom_gallery_holder,
	.photos_holder img.zoomed_image,
	.photos_holder iframe{
		aspect-ratio: 2000 / 1600;
	}

}