.main img {
	max-width: 100%;
	height: auto;
}

.map [data-loader] {
	position: relative;
	background: #fff;
	border: 10px solid white;
	animation: background 4s infinite alternate;
}
.map [data-loader] svg {
	position: relative;
	top: 25%;
	margin: auto;
	background: transparent;
	display: block;
	shape-rendering: auto;
}

@keyframes background {
	50% {
		background: rgba(0,0,0,0.2) ;
	}
	90% {
		background:rgba(0,0,0,0.1)
	}
}
.map .map_box {
	visibility: hidden;
}

.map .map_box.loaded {
	visibility: visible;
}
.map_box {
	display: flex;
	background: #FFFFFF;
	width: 100% !important;
	position: relative;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}

.map_box.list_right {
	-webkit-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

.modal_map.show .map_box {
	width: 95%;
	max-width: 880px;
}

.modal_map .map_box {
	max-width: 880px;
	margin: 0 auto;
}

.ymaps-2-1-78-map, .ymaps-2-1-78-map-bg {
	width: 100% !important;
}

small {
	display: flex;
	margin-top: 10px;
	-webkit-align-items: center;
	align-items: center;
}

small span {
	font-family: Roboto, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 14px;
	letter-spacing: 0.02em;
	color: #242424;
}

small span:nth-child(1) {
	display: block;
	margin-right: 9px;
	width: 100px;
}

ymaps[class*=gotoymaps], ymaps[class*=copyrights-promo] {
	display: none;
}

.open_modal_map {
	background: linear-gradient(0deg, #DD0000, #DD0000), linear-gradient(180deg, #F2F2F2 0%, #E8E8E8 100%);
	border: none;
	padding: 18px 30px;
	font-family: Roboto, sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 100%;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: #FFFFFF;
	margin-bottom: 50px;
}

.open_modal_map:hover {
	background: #b20101;
}

.open_modal_map[disabled] {
	opacity: 0.5;
}

.modal_map {
	padding: 10% 0;
	opacity: 0;
	visibility: hidden;
	min-height: 500px;
}

.close {
	display: none;
}

.modal_map .close {
	display: block;
	color: #242424;
	width: 30px;
	height: 30px;
	background: #FFF;
	position: absolute;
	top: -35px;
	font-weight: 500;
	right: -35px;
	font-size: 18px;
	border-radius: 100%;
	opacity: 1;
	border: 1px solid #292929
}

.modal_map .close:hover {
	color: white;
	background: grey;
}

.modal_map .close:focus, .modal_map .close:active {
	outline: none;
}

.modal_map.show {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 999;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	background: rgba(0, 0, 0, 0.7);
}

.list {
	flex: 0 0 31.525%;
	width: 100%;
	overflow-y: auto;
	padding: 36px 28px;
	background: #F9F9F9;
	border: 1px solid #E7E7E7;
}

.map {
	flex: 1;
	width: 100%;
}

.ymaps-2-1-79-map {
	width: 100% !important;
}

.list_left {
	gap: 30px;
}

.no_list .map {
	width: 100%;
}

.list_number {
	display: none;

	font-family: Roboto, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	line-height: 21px;
	letter-spacing: 0.02em;
	color: #242424;
	margin-bottom: 20px;
}

body ul.storelist {
	padding-left: 20px;
	list-style-type: none;
}

body ul.storelist ul {
	margin-bottom: 13px;
	padding-bottom: 3px;
	list-style-type: none;
	border-bottom: 1px solid #E7E7E7;
}

body ul.storelist li::marker,
body ul.storelist ul li::marker {
	display: none;
}

body ul.storelist li:before {
	content: "";
	position: relative;
	top: 3px;
	display: inline-block;
	margin-right: 15px;
	width: 22px;
	height: 22px;

	/*background: url("image/house.svg") no-repeat center / contain;*/
	background-color: transparent;
	background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2C7.589 2 4.00001 5.589 4.00001 9.995C3.97101 16.44 11.696 21.784 12 22C12 22 20.029 16.44 20 10C20 5.589 16.411 2 12 2ZM12 14C9.79 14 8.00001 12.21 8.00001 10C8.00001 7.79 9.79 6 12 6C14.21 6 16 7.79 16 10C16 12.21 14.21 14 12 14Z' fill='%23F9303F'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
}

body ul.storelist li {
	margin-bottom: 13px;
	padding-left: 0;

	font-family: Roboto, sans-serif;
	font-weight: bold;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 0.02em;
	color: #000;
}

body ul.storelist ul li {
	position: relative;
	padding-left: 37px;
	font-family: Roboto, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	line-height: 21px;
	letter-spacing: 0.02em;
	color: #888888;
	cursor: pointer;
}

body ul.storelist ul li:hover,
body ul.storelist ul li.active {
	color: #DD0000;
}

body ul.storelist ul li:before {
	display: none;

	position: absolute;
	left: 0px;
	top: 7px;
	background: #DD0000;
	width: 7px;
	height: 7px;
	-webkit-border-radius: 100%;
	border-radius: 100%;
}

.mob_buttons {
	display: none;
}

.search_block {
	position: relative;
	display: flex;
	align-items: center;
	margin-bottom: 39px;
}

.search_block input {
	width: 100%;
	font-family: Roboto, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 47px;
	color: #888888;
	letter-spacing: 0.02em;

	padding: 0 24px 0 56px;
	height: 49px;
	background: #fff;
	border-radius: 64px;
	border: 1px solid #E7E7E7;
}

.search_block input:active, .search_block input:focus {
	outline: none;
}

.search_block input[type=submit] {
	position: absolute;
	left: 0;
	padding: 0;
	border: 0;
	width: 67px;
	height: 47px;
	background: url(image/search.svg) no-repeat center / contain;
	background-size: 19px !important;
}

.search_block input[type=submit]:hover {
	background: url(image/search_hover.svg) no-repeat center / contain;
}

.map_box {
	height: 100%;
}

.ymaps-2-1-79-balloon__content strong {
	font-size: 16px;
	line-height: 1;
	color: #000000;
}

.ymaps-2-1-79-balloon__content small span b {
	font-weight: 400;
	font-size: 12px;
	line-height: 15px;
	color: #000000;
}

.ymaps-2-1-79-balloon__content small span:nth-child(1) {
	color: #888888;
}

.ymaps-2-1-78-balloon__close-button {
	background: url(image/close_icon.svg) no-repeat center !important;
	height: 30px !important;
	opacity: 1 !important;
}

@media (max-width: 1370px) {
	.list {
		padding: 30px 20px;
	}

	body ul.storelist {
		padding-left: 0;
	}

	body ul.storelist ul li {
		font-size: 16px;
	}
}

@media (min-width: 1200px) {
	.list,
	.map {
		display: block !important;
	}
	.map_box{
		max-height: 600px;
	}
}

@media (max-width: 1199px) {
	.list {
		padding: 37px 20px;
		flex: 1;
		max-width: 100%;
		overflow-y: auto;
		max-height: 400px;
	}

	body ul.storelist {
		padding-left: 20px;
	}

	.modal_map .close {
		top: -70px;
		right: -10px;
	}

	.modal_map.show {
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.map_box {
		min-height: 450px;
		max-width: 100%;
		margin-bottom: 20px;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column-reverse;
	}

	.mob_buttons {
		display: flex;
		-webkit-align-items: center;
		align-items: center;
		-webkit-justify-content: center;
		justify-content: center;
	}

	.modal_map.show .mob_buttons {
		width: 95%;
		background: #F8F8F8;
		margin: 0 auto;
	}

	.mob_buttons button {
		background: none;
		border: none;
		font-family: Roboto, sans-serif;
		font-style: normal;
		font-weight: normal;
		font-size: 18px;
		line-height: 21px;
		letter-spacing: 0.02em;
		color: #242424;
		padding: 18px 30px;
		border-bottom: 2px solid #fff
	}

	.mob_buttons button:focus, .mob_buttons button:active, .mob_buttons button:hover {
		outline: none;
	}

	.mob_buttons button.active {
		border-bottom: 2px solid #DD0000;
	}

	.list {
		width: 100%;
	}

	.map {
		height: 450px;
		width: 100%;
	}

	.no_list .map {
		display: block;
	}

}

@media (max-width: 670px) {
	.map_box {
		max-width: 100%;
	}

	.map {
		height: 300px;
	}

	.map_box {
		min-height: 300px;
	}

	.modal_map {
		min-height: 100%;
	}
}

@media (max-width: 650px) {
	.page-top-wrapper.v3 section.page-top {
		margin-bottom: 54px;
	}

	.main>.container>.row>.maxwidth-theme>div:not(.left-menu-md):not(.right-menu-md) {
		display: flex;
		align-items: flex-start;
		flex-direction: column;
	}

	.col-md-9.col-sm-12.col-xs-12.content-md > div {
		width: 100%;
		margin-top: 26px;
	}

	.col-md-9.col-sm-12.col-xs-12.content-md .btn {
		margin: 0 10px 11px 0;
		padding: 9px 35px 13px
	}

	.col-md-9.col-sm-12.col-xs-12.content-md br {
		display: none;
	}

	.mob_buttons {
		margin-bottom: 24px;
	}

	.mob_buttons button {
		font-size: 21px;
		line-height: 1;
		padding: 20px 30px;
	}

	.search_block {
		margin-bottom: 38px;
	}

	body ul.storelist {
		padding-left: 21px;
	}

	.map {
		height: 420px;
	}

	.map_box {
		min-height: 420px;
		height: auto !important;
	}

	.modal_map {
		min-height: 100%;
	}
}