/* Airport Map */
#airport-map .webcam,
#airport-map .rentacar,
#airport-map .parking,
#airport-map .service,
#airport-map .gb-terminal,
#airport-map .main-building,
#airport-map .taxi,
#parking-calculator .naplatna-1,
#parking-calculator .naplatna-2,
#parking-calculator div,
#airport-map .arrivals,
#airport-map .departures,
#airport-map .main-nav li a span,
#airport-map .inside-view > a, #airport-map .inside-view > span {
    background-image: url(images/airport-map/sprite_airport_map.png);
    background-repeat: no-repeat;
}
#airport-map {
    position: relative;
    width: 100%;
	height: auto;
    margin-bottom: 65px;
}
#airport-map > div {
    width: 100%;
	height: auto;
}
#airport-map .map-view {
    position: relative;
}
#airport-map .map-view > img,
#airport-map .inside-view > img {
	width: 100%;
}
#airport-map .inside-view {
    background: url(images/airport-map/int1.jpg) no-repeat;
}
#airport-map div > a,
#airport-map div > span {
    display: block;
    position: absolute;
    color: #fff;
    text-shadow: 1px 1px 0 #6F090D;
    line-height: 35px;
    text-align: center;
    font-size: 15px;
}
#airport-map .map-hover {
    position: absolute;
    display: none;
	background: url(images/airport-map/mapa-hover.png) no-repeat;
	background-position: center center;
	background-size: cover;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

/* Map Markers */
#airport-map .map-view a:before,
#airport-map .inside-view a:before,
#airport-map .inside-view span:before {
	position: absolute;
	top: -32px;
	left: 50%;
	transform: translateX(-50%);
	width: auto;
	height: 28px;
	content: attr(data-hoverTitle);
	font-size: 14px;
	color: #333;
	line-height: 1.1em;
	text-align: center;
	text-shadow: none;
	white-space: nowrap;
	padding: 6px 12px;
	background: #fff;
	border: 1px solid #999;
	border-radius: 4px;
	z-index: 100;
	transition: opacity 0.15s ease-in;
	display: none;
}

#airport-map .map-view .hasTitle:hover:before,
#airport-map .inside-view .hasTitle:hover:before {
	display: block;
}

#airport-map .map-view a,
#airport-map .map-view span,
#airport-map .inside-view a,
#airport-map .inside-view span {
	transition: none;
}
#airport-map .map-view a:hover {
	text-decoration: underline;
}
#airport-map .map-view .webcam {
    width: 27px;
    height: 36px;
    background-position: -70px 0;
}
#airport-map .map-view .webcam:hover {
    background-position: -107px 0;
}
#airport-map .map-view .webcam-1 {
    left: 252px;
    top: 277px;
	left: calc(30% - 13px);
    top: calc(45% - 36px);
}
#airport-map .map-view .webcam-2 {
    left: 289px;
    top: 268px;
	left: calc(34.2% - 13px);
    top: calc(44.5% - 36px);
}
#airport-map .map-view .webcam-3 {
    left: 394px;
    top: 247px;
	left: calc(44.8% - 13px);
    top: calc(41.2% - 36px);
}
#airport-map .map-view .rentacar {
    width: 101px;
    height: 49px;
    background-position: -250px -89px;
    left: 169px;
    top: 362px;
    text-indent: 18px;
	left: calc(31.5% - 86px);
	top: calc(58.5% - 49px);
}
#airport-map .map-view .parking {
    width: 183px;
    height: 82px;
    background-position: 0 -312px;
    left: 504px;
    top: 460px;
    line-height: 54px;
    text-indent: -65px;
	left: calc(56.7% - 18px);
	top: calc(66% - 0px);
}
#airport-map .map-view .parking span {
    font-size: 14px;
    color: #333;
    position: absolute;
    right: 31px;
    bottom: 12px;
    line-height: 1;
    text-shadow: none;
}
#airport-map .map-view .service {
    width: 243px;
    height: 49px;
    background-position: -250px -203px;
    left: 630px;
    top: 194px;
    text-indent: -24px;
	left: calc(92.5% - 223px);
	top: calc(35.4% - 44px);
}
#airport-map .map-view .gb-terminal {
    width: 194px;
    height: 46px;
    background-position: -250px -148px;
    left: 540px;
    top: 243px;
    text-indent: 14px;
	left: calc(60.5% - 17px);
	top: calc(42.2% - 46px);
}
#airport-map .map-view .main-building {
    width: 166px;
    height: 54px;
    background-position: 0 -252px;
    left: 408px;
    top: 300px;
    text-indent: 33px;
    line-height: 38px;
	left: calc(46% - 15px);
	top: calc(46% - 25px);
}
#airport-map .map-view .main-building span {
    font-size: 14px;
    color: #333;
    position: absolute;
    right: 5px;
    bottom: 3px;
    line-height: 1;
    text-shadow: none;
}
#airport-map .map-view .taxi {
    width: 79px;
    height: 35px;
    background-position: -113px -194px;
    left: 256px;
    top: 426px;
    text-indent: -15px;
    line-height: 28px;
    color: #000;
    text-shadow: none;
	left: calc(37.5% - 79px);
	top: calc(63.5% - 17px);
}
#airport-map .map-view .arrivals,
#airport-map .map-view .departures {
    width: 28px;
    height: 28px;
    background-position: -143px 0;
	padding: 0;
	background-color: transparent;
}
#airport-map .map-view .arrivals {
    left: 292px;
    top: 330px;
	left: calc(35% - 14px);
	top: calc(50% - 14px);
}
#airport-map .map-view .departures {
	background-position: -181px 0;
    left: 387px;
    top: 335px;
	left: calc(44% - 14px);
	top: calc(51% - 14px);
}

/* Map Main Nav */
#airport-map .main-nav {
	position: relative;
    margin: 0;
	margin-top: 30px;
    padding: 0;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#airport-map .icon-finger-swipe {
	display: none;
}
#airport-map .main-nav li {
    margin: 0;
    padding: 0;
    list-style: none;
	flex: auto;
}
#airport-map .main-nav li a {
	position: relative;
    display: block;
    height: 50px;
    line-height: 52px;
    padding: 0 15px;
	text-align: center;
    font-size: 16px;
	color: #444;
	background: #F5F5F5;
	border-right: 1px solid #ddd;
}
#airport-map .main-nav li a:hover,
#airport-map .main-nav li.on a {
    color: #eaeef6;
    background: #133a82;
}
#airport-map .main-nav li.sub {
	
}
#airport-map .main-nav li.sub a {
	background: #0d3174;
	color: #8d9ab5;
	border-color: #8d9ab5;
	border-color: hsl(220,60%,30%) !important;
	line-height: 54px;
}
#airport-map .main-nav li.sub a:hover,
#airport-map .main-nav li.sub.on a {
    color: #fff;
	text-decoration: underline;
}
#airport-map .main-nav li a span {
    display: block;
    position: absolute;
    width: 2px;
    height: 32px;
    right: 0;
    bottom: 0;
    background-position: -50px 0;
}
#airport-map .main-nav li.sub a span {
    opacity: .3;
    bottom: 7px;
}

/* Inside View */
#airport-map .inside-hidden {
	display: none;
}
#airport-map .inside-view {
	position: relative;
}
#airport-map .inside-view > a, #airport-map .inside-view > span {
    display: block;
    position: absolute;
    width: 35px;
    height: 35px;
    border-radius: 5px;
}

/* Marker 1 */
#airport-map .inside-view > .i-1 {
    left: calc(18.2% - 17.5px);
    top: calc(35.2% - 43px);
    background-position: -518px -142px;
    height: 43px;
}
#airport-map .inside-view > .i-2 {
    left: calc(41.5% - 17px);
    top: calc(28% - 43px);
    background-position: -518px -142px;
    height: 43px;
}
#airport-map .inside-view > .i-3 {
    left: calc(47.7% - 17px);
    top: calc(28% - 43px);
    background-position: -567px -142px;
    height: 43px;
}
#airport-map .inside-view > .i-4 {
    left: calc(53.1% - 17px);
    top: calc(28% - 43px);
    background-position: -567px -142px;
    height: 43px;
}

/* Marker 5 */
#airport-map .inside-view > .i-5 {
    left: calc(58.6% - 17px);
    top: calc(28% - 43px);
    background-position: -567px -142px;
    height: 43px;
}
#airport-map .inside-view > .i-6 {
    left: calc(64% - 17px);
    top: calc(28% - 43px);
    background-position: -567px -142px;
    height: 43px;
}
#airport-map .inside-view > .i-7 {
    left: calc(69.3% - 17px);
    top: calc(28% - 43px);
    background-position: -567px -142px;
    height: 43px;
}
#airport-map .inside-view > .i-8 {
    left: calc(28% - 17.5px);
    top: calc(40% - 35px);
    background-position: -518px 0;
}
#airport-map .inside-view > .i-9 {
    left: calc(30.5% - 17.5px);
    top: calc(57% - 35px);
    background-position: -566px 0;
}

/* Marker 10 */
#airport-map .inside-view > .i-10 {
    left: calc(22% - 17.5px);
    top: calc(64% - 35px);
    background-position: -615px 0;
}
#airport-map .inside-view > .i-11 {
    left: calc(17% - 17.5px);
    top: calc(65% - 35px);
    background-position: -663px 0;
}
#airport-map .inside-view > .i-12 {
    left: calc(14% - 15px);
    top: calc(86% - 49px);
    background-position: -250px -263px;
    width: 164px;
    height: 49px;
    text-indent: 30px;
}
#airport-map .inside-view > .i-13 {
    left: calc(52.5% - 17.5px);
    top: calc(56% - 35px);
    background-position: -518px 0;
}
#airport-map .inside-view > .i-14 {
    left: calc(52.5% - 17.5px);
    top: calc(65% - 35px);
    background-position: -566px 0;
}

/* Marker 15 */
#airport-map .inside-view > .i-15 {
    left: calc(56.5% - 15px);
    top: calc(49.7% - 49px);
    background-position: -250px -323px;
    width: 145px;
    height: 49px;
    text-indent: 20px;
}
#airport-map .inside-view > .i-16 {
    left: calc(40.5% - 17.5px);
    top: calc(67% - 35px);
    background-position: -712px 0;
}
#airport-map .inside-view > .i-17 {
    left: calc(48.5% - 17.5px);
    top: calc(75.5% - 35px);
    background-position: -566px -47px;
}
#airport-map .inside-view > .i-18 {
    left: calc(55% - 17.5px);
    top: calc(83% - 35px);
    background-position: -615px -46px;
}

#airport-map .inside-view > .i-19 {
    left: calc(63.5% - 17.5px);
    top: calc(85% - 35px);
    background-position: -518px -96px;
}

/* Marker 20 */
#airport-map .inside-view > .i-20 {
    left: calc(59.5% - 17.5px);
    top: calc(59% - 35px);
    background-position: -664px -46px;
}
#airport-map .inside-view > .i-21 {
    left: calc(68% - 17.5px);
    top: calc(59% - 35px);
    background-position: -712px -47px;
}
#airport-map .inside-view > .i-22 {
    left: calc(73.5% - 17.5px);
    top: calc(37.5% - 35px);
    background-position: -712px 0;
}
#airport-map .inside-view > .i-23 {
    left: calc(75% - 17.5px);
    top: calc(46.5% - 35px);
    background-position: -566px -47px;
}
#airport-map .inside-view > .i-24 {
    left: calc(80% - 17.5px);
    top: calc(46.5% - 35px);
    background-position: -713px -95px;
}

/* Marker 25 */
#airport-map .inside-view > .i-25 {
    left: calc(77.5% - 17.5px);
    top: calc(54% - 35px);
    background-position: -566px -47px;
}
#airport-map .inside-view > .i-26 {
    left: calc(84.5% - 17.5px);
    top: calc(66% - 35px);
    background-position: -567px -95px;
}
#airport-map .inside-view > .i-27 {
    left: calc(79.5% - 17.5px);
    top: calc(83.5% - 35px);
    background-position: -616px -95px;
}
#airport-map .inside-view > .i-28 {
    background-position: -518px 0;
    left: calc(59% - 17.5px);
    top: calc(68% - 35px);
}
#airport-map .inside-view > .i-29 {
    background-position: -616px -95px;
    left: calc(68.5% - 17.5px);
    top: calc(85% - 35px);
}

/* Marker 30 */
#airport-map .inside-view > .i-30 {
    background-position: -616px -95px;
    left: calc(47% - 17.5px);
    top: calc(83% - 35px);
}
#airport-map .inside-view > .i-31 {
    background-position: -615px 0;
    left: calc(51% - 17.5px);
    top: calc(83% - 35px);
}
#airport-map .inside-view > .i-32 {
    background-position: -712px -47px;
    left: calc(70.6% - 17.5px);
    top: calc(72.5% - 35px);
}
#airport-map .inside-view > .i-33 {
    background-position: -616px -143px;
    left: calc(81% - 17.5px);
    top: calc(42% - 35px);
}
#airport-map .inside-view > .i-34 {
    left: calc(34.7% - 17.5px);
    top: calc(61% - 35px);
    background-position: -566px -47px;
}
#airport-map .inside-view > .i-35 {
    background-position: -616px -95px;
    left: calc(82.5% - 17.5px);
    top: calc(77% - 35px);
}

/* MOBILE MD */
/* ========================================= */
@media (max-width: 1199px) {
	#airport-map .main-nav li.sub {
		flex: 50%;
	}
}
/* MOBILE XS*/
/* ========================================= */
@media (max-width: 767px) {
	#airport-map .map-view-wrap,
	#airport-map .inside-view-wrap {
		overflow-x: scroll;
	}
	#airport-map .map-view,
	#airport-map .map-view img,
	#airport-map .inside-view,
	#airport-map .inside-view img {
		width: 800px;
	}
	#airport-map .icon-finger-swipe {
		display: block;
		position: absolute;
		background: #fff;
		border-radius: 50%;
		bottom: 155px;
		right: 20px;
		width: 42px;
		padding: 4px;
		opacity: 0.7;
		z-index: 5;
	}
	#airport-map .main-nav li {
		flex: 33.3%;
	}
	#airport-map .main-nav li a,
	#airport-map .main-nav li.sub a {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 50px;
		line-height: 1.1em;
		font-size: 15px;
		border-bottom: 1px solid #ddd;
	}
	#airport-map .main-nav li.sub.back {
		flex: 33.3%;
	}
}
/* MOBILE XXS */
/* ========================================= */
@media (max-width: 479px) {
	
	#airport-map .main-nav {
		position: fixed;
		bottom: 0;
		left: 0;
		z-index: 1
	}
	#airport-map .main-nav.static {
		position: static;
		margin-top: 0;
	}
	#airport-map .main-nav li a,
	#airport-map .main-nav li.sub a {
		padding: 0 8px;
	}
}
