.ms-map {
	position: relative;
	padding: 0 65px 120px;
	margin-bottom: 80px;

	@media (--m) {
		padding: 0 40px 90px;
		margin-bottom: 70px;
	}

	@media (--s) {
		padding: 0 15px 60px;
		margin-bottom: 60px;
	}

	&::before {
		content: "";
		display: block;
		position: absolute;
		top: -300px;
		bottom: 0;
		left: 0;
		width: 520px;
		background-image: url("@@path/img/ms-map/map-pattern.svg");
		background-repeat: no-repeat;
		background-position: top left;
		background-size: 100% auto;
		z-index: 0;

		@media (--m) {
			background-size: 80% auto;
		}
	}

	&::after {
		content: "";
		display: block;
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 400px;
		background-color: #f4f5f6;
		background-image: url("@@path/img/ms-map/map-city.svg");
		background-position: center bottom;
		background-repeat: no-repeat;
		background-size: 100% auto;
		z-index: 0;
	}

	& h2 {
		font-size: 40px;
		font-weight: normal;
		margin-top: 0;
		margin-bottom: 20px;
		font-family: "Circe", sans-serif;
		color: #111;
		padding: 0 60px 0 60px;

		@media (--m) {
			margin-top: 0;
		}

		@media (--s) {
			font-size: 28px;
		}
	}
}

.ms-map__inner {
	position: relative;
}

.ms-map__container {
	width: 100%;
	height: 650px;
	border-radius: 6px;
	overflow: hidden;
	position: relative;
	z-index: 1;

	@media (--m) {
		width: 100%;
		margin: 0;
		height: 720 / 768 * 100vw;
		overflow: hidden;
	}

	@media (--s) {
		height: 85vh;
		width: 100%;
		margin: 0;
		border-radius: 0;
	}
}

.ms-map__event {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	width: 470px;
	height: auto;
	color: black;
	font-family: "Muller", sans-serif;
	text-align: justify;
	display: none;
	background: white;
	box-shadow: 0 30px 40px rgba(0, 0, 0, 0.1);
	z-index: 3;

	@media (--m) {
		left: 20px;
		right: 20px;
		top: 20px;
		bottom: 20px;
		width: auto;
	}

	@media (--s) {
		display: none;
		padding: 0;
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		transform: none;
		z-index: 999999;
		height: 100%;
	}
}

.ms-map__event-inner {
	padding: 30px;
	text-align: center;
	max-width: 450px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 100%;

	@media (--m) {
		align-items: center;
		justify-content: flex-start;
		text-align: left;
	}

	@media (--s) {
		overflow-y: auto;
		display: block;
		padding: 15px 20px;
	}
}

.ms-map__event-img {
	width: 100%;
	min-height: 220px;
	background-size: cover;
	background-position: center;
	margin-bottom: 20px;

	@media (--m) {
		min-height: 200px;
		min-width: 200px;
		margin-bottom: 30px;
	}

	@media (--s) {
		min-height: 200px;
		min-width: 200px;
		margin-right: 0;
		margin-bottom: 20px;
	}
}

.ms-map__event-title {
	font-size: 21px;
	font-weight: 700;
	line-height: 1.3;
	margin-bottom: 20px;
	margin-top: 15px;
	text-align: left;

	@media (--m) {
		padding-right: 30px;
	}

	@media (--s) {
		font-size: 20px;
		line-height: 1.2;
	}
}

.ms-map__event-address {
	font-size: 13px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-bottom: 20px;
	text-align: left;
	font-weight: 400;

	@media (--m) {
		justify-content: flex-start;
	}

	@media (--s) {
		font-size: 14px;
	}

	&::before {
		content: "";
		display: block;
		width: 12px;
		min-width: 12px;
		height: 15px;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='15' viewBox='0 0 12 15' fill='none'%3E%3Cpath d='M5.50405 14.975C4.90405 14.175 4.40405 13.375 3.80405 12.675C3.00405 11.475 2.10405 10.275 1.30405 9.075C0.704052 8.275 0.204052 7.375 0.104052 6.375C-0.0959482 5.475 0.00405183 4.475 0.304052 3.575C0.704052 2.475 1.50405 1.575 2.50405 0.875C3.10405 0.475 3.80405 0.175 4.50405 0.075C5.80405 -0.125 7.00405 0.075 8.20405 0.675C9.70405 1.475 10.6041 2.775 11.0041 4.475C11.4041 6.175 10.9041 7.775 9.90405 9.175C9.20405 10.175 8.40405 11.175 7.70405 12.175C7.00405 12.975 6.40405 13.875 5.70405 14.775C5.70405 14.875 5.60405 14.875 5.50405 14.975ZM5.60405 2.975C4.10405 2.875 3.00405 4.175 3.00405 5.475C3.00405 6.975 4.30405 8.075 5.50405 8.075C6.90405 8.075 8.10405 6.975 8.10405 5.475C8.10405 4.075 7.00405 2.875 5.60405 2.975Z' fill='%23F34640'/%3E%3C/svg%3E");
		margin-right: 10px;
	}
}

.ms-map__event-address--empty {
	margin-top: 30px;
}

.ms-map__event-dscr {
	margin-bottom: 15px;
	font-size: 14px;
	line-height: 21 / 14;
	text-align: left;
	font-weight: 400;

	@media (--s) {
		font-size: 16px;
		line-height: 1.3;
	}
}

.ms-map__event-more {
	color: #a0c548;
	font-size: 16px;
	font-weight: 700;
	text-decoration: none;
	display: flex;
	align-items: center;
	justify-content: flex-start;

	@media (--m) {
		justify-content: flex-start;
	}

	&::after {
		content: "";
		display: block;
		width: 8px;
		height: 13px;
		border-radius: 50%;
		margin-left: 10px;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='13' viewBox='0 0 8 13' fill='none'%3E%3Cpath d='M1 12L6.5 6.2L1 1' stroke='%2396C858' stroke-width='1.3437' stroke-miterlimit='10'/%3E%3C/svg%3E");
		background-position: center;
		background-repeat: no-repeat;
	}
}

.fancybox-close-small {
	display: none;
}

.ms-map__close {
	position: absolute;
	top: 22px;
	right: 22px;
	width: 25px;
	height: 25px;
	background: none;
	border: none;
	border-radius: 50%;
	background-color: white;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17' fill='none'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M10.0035 8.5008L16.6885 1.81576C17.1038 1.40078 17.1038 0.727457 16.6885 0.312477C16.2732 -0.102857 15.6005 -0.102857 15.1852 0.312477L8.50018 6.99751L1.81478 0.312477C1.39945 -0.102857 0.726835 -0.102857 0.311501 0.312477C-0.103834 0.727457 -0.103834 1.40078 0.311501 1.81576L6.99689 8.5008L0.311501 15.1858C-0.103834 15.6008 -0.103834 16.2741 0.311501 16.6891C0.519168 16.8964 0.791332 17.0003 1.06314 17.0003C1.33495 17.0003 1.60712 16.8964 1.81478 16.6888L8.50018 10.0037L15.1852 16.6888C15.3929 16.8964 15.665 17.0003 15.9369 17.0003C16.2087 17.0003 16.4808 16.8964 16.6885 16.6888C17.1038 16.2738 17.1038 15.6005 16.6885 15.1855L10.0035 8.5008Z' fill='%23A0C548'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='17' height='17' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
	background-size: 13px 13px;
	background-repeat: no-repeat;
	background-position: center;
	appearance: none;
	cursor: pointer;
	display: none;
	z-index: 9;

	@media (--m) {
		top: 15px;
		right: 15px;
	}

	@media (--s) {
		top: 20px;
		right: 20px;
	}
}

.ms-map__pattern {
	position: absolute;
}

.ms-map__pattern--1 {
	left: 0;
	top: -20%;
	width: 12%;

	@media (--m) {
		width: 20%;
		top: -15%;
	}

	@media (--s) {
		width: 30%;
		top: -15%;
	}
}

.ms-map__pattern--2 {
	left: 0;
	bottom: -10%;
	width: 7%;

	@media (--m) {
		bottom: -5%;
		width: 14%;
	}

	@media (--s) {
		display: none;
	}
}

.ms-map__pattern--3 {
	right: 15%;
	bottom: -7%;
	width: 7%;

	@media (--m) {
		right: 15%;
		bottom: -7%;
		width: 12%;
	}

	@media (--s) {
		display: none;
	}
}

.fancybox-slide.fancybox-slide--html {
	@media (--m) {
		transform: translateX(0) !important;
	}
}
