* {
	 box-sizing:border-box;
}


[sw-map-wrp] {
	height:calc(100dvh*2/3);
	display:flex;
	justify-content:center;
	align-items:center;
	margin:0px 0px 60px 0px;
}

[sw-map-open] {
	width:280px;
	height:60px;
        display:flex;
	justify-content:center;
	align-items:center;
	background-color:#;
	color:white;
	font-size:14px;
	text-transform:uppercase;
	font-weight:600;
	cursor:pointer;
	user-select:none;
}

[sw-map-open]:active {
	transform:translate3d(1px,1px,0px);
}

[sw-shadow] {
	position:fixed;
	width:100%;
	height:100dvh;
	left:0px;
	top:0px;
	background-color:rgba(0,0,0,0.8);
	opacity:1;
	transition:opacity 0.5s ease-in-out;
	z-index:1000;
        display:flex;
	justify-content:center;
	align-items:center;
}

[sw-shadow][hide] {
	opacity:0;
}

[sw-loader] {
        width:100px;
        height:100px;
	background-image:url("../images/786_5.png");
	background-color:white;
	border-radius:100px;
	background-position:50% 50%;
	background-repeat:no-repeat;
}

[sw-map-win] {
	position:fixed;
	width:100%;
	height:calc(100dvh);
        left:0px;
	top:0px;
	z-index:1001;
        opacity:1;
	transition:opacity 0.5s ease-in-out;
}

[sw-map-win] {
}


[sw-map-win][hide] {
	opacity:0;
}


[sw-map-win] .swiper-container {
        width: 100%;
        height: 100%;
      }

[sw-map-win] .swiper-slide {
        overflow: hidden;
      }

[sw-map-swiper] {
	margin:0px 0px 0px 0px;
}



[sw-map-win] iframe {
	width:100%;
	height:100%;
	//border:none;
	//overflow:hidden;
}

[sw-button] {
	position:absolute;
	top:16px;
	right:16px;
	width:50px;
	height:50px;
	border-radius:50px;
	background-color:white;
	z-index:8;
	cursor:pointer;

}

[sw-button][hide] {
	display:none;
}

[sw-button]:active {
	transform:translate3d(1px,1px,0px);
}

[sw-button]:before, [sw-button]:after {
	content:"";
	position:absolute;
	width:30px;
	height:2px;
	background-color:black;

	left:calc((100% - 30px)/2);
	top:calc((100% - 2px)/2);


}

[sw-button="1"]:before {
	transform:rotate(45deg);
}

[sw-button="1"]:after {
	transform:rotate(-45deg);
}

[sw-button="2"]:before {
	transform:rotate(90deg);
}


[sw-button="2"] {
	top:82px;	
}

[sw-button="3"] {
	top:148px;	
}


@media screen and (max-width: 900px) {

[sw-button] {
	top:calc( (100vw - 320px)/(900 - 320) * (16 - 4) + 4px);
        right:calc( (100vw - 320px)/(900 - 320) * (16 - 4) + 4px);
        width:40px;
	height:40px;
}


[sw-button="2"], [sw-button="3"] {
	display:none;
        height:0px;
}


[sw-button]:before, [sw-button]:after {
	width:20px;
	height:-8px;

	left:calc((100% - 20px)/2);
	top:calc((100% - 2px)/2);


}

}


[sw-comment] {
        position:absolute;
        bottom:16px;
        width:296px;


	left:calc((100% - 296px)/2);
	z-index:10;

	display:flex;
	justify-content:center;
	align-items:center;
	flex-wrap:wrap;
	padding:8px 8px 8px 8px;

	background-color:rgba(0,0,0,0.4);
	border-radius:4px;

	row-gap:8px;
	column-gap:8px;
}

[sw-comment] > span {
	flex:0 0 calc((100% - 8px)/2);
        display:flex;
	justify-content:center;
	align-items:center;
	height:32px;
	border-radius:4px;
	text-transform:uppercase;
	font-size:11px;
	font-weight:600;
	//border:2px solid rgba(0,0,0,0.2);

	
}




[sw-comment] [mc="0"] {
	background-color:#E6EBE0;
}

[sw-comment] [mc="1"] {
	background-color:#28AFB0;
}

[sw-comment] [mc="2"] {
	background-color:#ED6A5A;
}

[sw-comment] [mc="3"] {
	background-color:#9BC1BC;
}

[sw-comment] [mc="4"] {
	background-color:#19647E;
}

[sw-comment] [mc="5"] {
	background-color:orange;
}

[sw-comment] [mc="7"] {
	background-color:#afb028;
}