@media only screen {
	.imap {
		position: relative;
		margin-bottom: 100px;
		background: black;
		opacity: 0;
		transition: opacity 250ms linear;
	}

	.imap.loaded {
		opacity: 1;
	}

	.imap .small,
	.imap .large {
		position: relative;
	}

	.imap .large {
		display: none;
		margin-right: -31%;
	}

	.imap .large svg {
		max-height: 1170px;
		float: right;
	}

	.imap .slides {
		position: absolute;
		top: 66%;
		left: 0;
		right: 0;
		max-width: 315px;
		margin-left: auto;
		margin-right: auto;
		background: #1a1a1a;
		box-shadow: 1px 1px 50px black;
		pointer-events: all;
	}

	.imap .slides .arrows {
		position: absolute;
	}

	.imap .slide .image {
		position: relative;
		display: flex;
		justify-content: center;
	}

	.imap .slide .image img {
		width: 100%;
	}

	.imap .slide .image .prev,
	.imap .slide .image .next {
		position: absolute;
		bottom: 20px;
		font-size: 26px;
		color: #9e9e9e;
		cursor: pointer;
	}

	.imap .slide .image .prev {
		left: 30px;
	}

	.imap .slide .image .next {
		right: 30px;
	}

	.imap .slide .image .title {
		position: absolute;
		bottom: 28px;
		text-align: center;
	}

	.imap .slide .image .title a {
		color: #fff;
		font-size: 18px;
		line-height: 20px;
		font-family: var(--display-font-family);
		letter-spacing: .04em;
		text-align: center;
		text-decoration: none;
	}

	.imap .slide .content {
		position: relative;
		min-height: 230px;
		padding: 35px 20px;
		color: #9e9e9e;
	}

	.imap .slide .description {
		margin-bottom: 20px;
	}

	.imap .slide .content .link,
	.imap .slide .content .link a {
		display: flex;
		font-size: 18px;
		font-weight: 900;
		color: #fff;
		text-decoration: none;
	}

	.imap .slide .content .link i {
		margin-left: 10px;
		color: #9e9e9e;
		font-size: 26px;
	}

	.imap .slide .content .prob-forecast {
		color: white;
		font-size: 18px;
		font-weight: 900;
		margin-bottom: 20px;
	}

	.imap .slide .forecast {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		height: 100px;
		align-items: center;
		padding: 10px 0;
		margin-bottom: 30px;
	}

	.imap .forecast-wrapper {
		background-image: linear-gradient(#232323, #222222, #202020, #1E1E1E, #1D1D1D, #1B1B1B);
	}

	.imap .slide .forecast.lg {
		padding: 10px 20px;
		justify-content: space-between;
	}

	.imap .slide .forecast .day {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: space-around;
	}

	.imap .slide .forecast.lg .day {
		flex-direction: row;
	}

	.imap .slide .forecast .day .date {
		color: var(--gray-400);
		font-size: 16px;
		text-transform: uppercase;
		margin-bottom: 10px;
	}

	.imap .slide .content .prob-forecast.lg,
	.imap .slide .forecast.lg,
	.forecast-wrapper {
		display: none;
	}

	.imap .slide .content .prob-forecast.lg {
		position: absolute;
		bottom: 10px;
	}

	.imap .status {
		position: absolute;
		left: 110px;
		bottom: 15px;
		width: 414px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		opacity: 0;
		transition: all ease 0.4s;
	}

	.imap .status-icon {
		position: relative;
		display: inline-block;
	}

	.imap .status-icon svg {
		width: 65px;
		height: 65px;
	}

	.imap .status-icon .cls-1 {
		fill: #757575;
	}

	.imap .status-icon.try .cls-2 {
		stroke: #70e4ef;
	}

	.imap .status-icon .cls-2 {
		fill: none;
		stroke-miterlimit: 10;
		stroke-width: 5px;
		stroke-dasharray: 190;
		stroke-dashoffset: 190;
		stroke-linecap: round;
		transition: all ease 0.4s;
	}
}


@media screen and (min-width: 400px) {
	.imap .slides {
		max-width: calc(100% - 50px);
	}
}

@media screen and (min-width: 450px) {
	.imap .slides .image .title {
		font-size: 22px;
	}

	.imap .slide .image .prev,
	.imap .slide .image .next {
		font-size: 40px;
	}
}

@media screen and (min-width: 600px) {
	.imap .slides {
		max-width: 500px;
	}
}

@media screen and (min-width: 650px) {
	.imap .slides .image .title {
		font-size: 26px;
	}

	.slide .image .prev,
	.slide .image .next {
		font-size: 40px;
	}
}

@media screen and (min-width: 1000px) {
	.imap {
		overflow-x: hidden;
		margin-bottom: 0;
	}

	.imap .small {
		display: none;
	}

	.imap .large {
		display: block;
	}

	.imap .slides {
		top: 125px;
		left: 15px;
		right: auto;
		max-width: 475px;
	}

	.imap .slide .content .forecast-sm {
		display: none;
	}

	.forecast-wrapper {
		display: block;
	}

	.imap .prob-forecast.lg {
		display: flex;
		bottom: 0;
		margin: 0 20px;
		padding: 10px 0;
		border-bottom: 1px solid var(--gray-600);
		font-size: var(--font-size-small);
	}

	.imap .slide .image .title a {
		font-size: 34px;
		line-height: 34px;
	}

	.imap .slide .forecast {
		display: flex;
		max-width: 500px;
	}

	.imap .slide .forecast.lg {
		display: flex;
		margin-bottom: 0;
	}

	.imap .slide .forecast .day {
		flex-direction: row;
	}

	.imap .slide .forecast .day .date {
		margin-bottom: 0;
		padding-right: 10px;
		font-size: 14px;
	}
}

@media only screen and (min-width: 1050px) {
	.imap .large {
		margin-right: -26%;
	}
}

@media only screen and (min-width: 1160px) {
	.imap .large-slide-wrapper {
		position: absolute;
		max-width: 1160px;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		pointer-events: none;
	}

	.imap .slides {
		top: 125px;
		left: 25px;
		max-width: 500px;
	}

	.imap .slide .forecast {
		max-width: 500px;
	}

	.imap .slide .forecast .day .date {
		font-size: 15px;
	}
}

@media only screen and (min-width: 1200px) {
	.imap .slides {
		left: 30px;
		max-width: 550px;
	}

	.imap .slide .content {
		padding: 35px 25px 80px 25px;
	}

	.imap .slide .forecast {
		padding: 10px 25px;
		max-width: 550px;
	}

	.imap .slide .forecast .day .date {
		font-size: 16px;
	}
}

@media only screen and (min-width: 1250px) {
	.imap .large {
		margin-right: -25%;
	}

	.imap .slides {
		left: 50px;
	}
}

@media only screen and (min-width: 1350px) {
	.imap .large {
		margin-right: -19%;
	}
}

@media only screen and (min-width: 1400px) {
	.imap .large {
		margin-right: -16%;
	}
}

@media only screen and (min-width: 1500px) {
	.imap .large {
		margin-right: -11%;
	}

	.imap .slides {
		left: 0;
	}
}

@media only screen and (min-width: 1600px) {
	.imap .large {
		margin-right: -7%;
	}
}

@media only screen and (min-width: 1700px) {
	.imap .large {
		margin-right: -5%;
	}
}

#bodo_2_.enabled,
#narvik_2_.enabled,
#senja.enabled,
#tromso_2_.enabled,
#alta_2_.enabled,
#kirkenes_2_.enabled,
#lofotenislands_1_.enabled,
#vesteralen.enabled,
#varanger.enabled,
#nordkapp.enabled,
#svalbard.enabled {
	cursor: pointer;
}

#bodo_2_.enabled:hover #bodo-hover-active,
#narvik_2_.enabled:hover #narvik-hover-active,
#senja.enabled:hover #senja-hover-active,
#tromso_2_.enabled:hover #tromso-hover-active,
#alta_2_.enabled:hover #alta-hover-active,
#kirkenes_2_.enabled:hover #kirkenes-hover-active,
#lofotenislands_1_.enabled:hover #lofotenislands-hover-active,
#vesteralen.enabled:hover #vesteralen-hover-active,
#varanger.enabled:hover #varanger-hover-active,
#nordkapp.enabled:hover #nordkapp-hover-active,
#svalbard.enabled:hover #svalbard-hover-active {
	display: block;
}

.imap .poi.active #bodo-hover-active,
.imap .poi.active #narvik-hover-active,
.imap .poi.active #senja-hover-active,
.imap .poi.active #tromso-hover-active,
.imap .poi.active #alta-hover-active,
.imap .poi.active #kirkenes-hover-active,
.imap .poi.active #lofotenislands-hover-active,
.imap .poi.active #vesteralen-hover-active,
.imap .poi.active #varanger-hover-active,
.imap .poi.active #nordkapp-hover-active,
.imap .poi.active #svalbard-hover-active {
	display: block;
}

.imap .small .st0{opacity:0.8;fill:#1A1A1A;enable-background:new;}
.imap .small .st1{fill:#1A1A1A;}
.imap .small .st2{fill:none;}
.imap .small .st3{opacity:0.5;fill:none;stroke:#303030;stroke-width:2;stroke-miterlimit:10;enable-background:new;}
.imap .small .st4{fill:#FFFFFF;}
.imap .small .st5{fill:#9E9E9E;}
.imap .small .st6{fill:#383838;}
.imap .small .st7{display:none;}
.imap .small .st8{display:inline;}
.imap .small .st9{opacity:0.39;fill:#85E4B4;enable-background:new;}
.imap .small .st10{fill:#85E4B4;}
.imap .small .st11{opacity:0;}
.imap .small .st12{enable-background:new;}
.imap .small .st13{fill-rule:evenodd;clip-rule:evenodd;fill:#1A1A1A;}

.imap .large .st0{fill:#1A1A1A;}
.imap .large .st1{opacity:0.8;fill:#1A1A1A;enable-background:new;}
.imap .large .st2{fill:none;}
.imap .large .st3{opacity:0.5;fill:none;stroke:#303030;stroke-width:2;stroke-miterlimit:10;enable-background:new;}
.imap .large .st4{fill:#FFFFFF;}
.imap .large .st5{fill:#9E9E9E;}
.imap .large .st6{fill:#383838;}
.imap .large .st7{display:none;}
.imap .large .st8{display:inline;}
.imap .large .st9{opacity:0.39;fill:#85E4B4;enable-background:new;}
.imap .large .st10{fill:#85E4B4;}
.imap .large .st11{opacity:0;}
.imap .large .st12{enable-background:new;}
.imap .large .st13{fill-rule:evenodd;clip-rule:evenodd;fill:#1A1A1A;}

.imap .status-wrapper { transform: scale(1); }