/* ARCHITECTURES MENU
====================================================================== */

.tn_layout-architecture-map {
	padding-bottom: 80px;
}

ul.tn_architecture-filter-menu {
	display: flex;
	flex-direction: row;
	align-items: stretch;
	margin: 0 -6px 40px -6px;
}

#tn_app-wrapper ul.tn_architecture-filter-menu li {
	display: block;
	flex: 1;
	margin: 0 6px;
}

#tn_app-wrapper ul.tn_architecture-filter-menu li a {
	display: flex;
	flex-direction: row;
	align-items: center;
	height: 100%;
}

.tn_architecture-map {
	position: relative;
	width: 1160px;
	height: 580px;
	margin: 0 auto;
}

.tn_architecture-map-mobile {
	display: none;
	width: 100%;
}

.tn_architecture-map-mobile img {
	width: 100%;
}

.tn_architecture-note {
/* Currently for Healthcare only */
	max-width: 1160px;
	margin: 24px auto 0 auto;
	padding: 20px;
	background-color: #fff;
	border-radius: 12px;
}

.tn_arch-section {
	position: absolute;
	overflow: hidden;
}

.tn_arch-section span {
	display: none;
}

@media (max-width: 1239px) {

	.tn_architecture-map {
		width: 944px;
		height: 472px;
	}

}

@media (max-width: 1023px) {

	.tn_layout-architecture-map {
		padding-bottom: 60px;
	}

	ul.tn_architecture-filter-menu {
		margin: 0 -4px 32px -4px;
	}
	
	#tn_app-wrapper ul.tn_architecture-filter-menu li {
		margin: 0 4px;
	}

	#tn_app-wrapper ul.tn_architecture-filter-menu li a {
		font-size: 14px;
		line-height: 20px;
	}

	.tn_architecture-map {
		width: 720px;
		height: 360px;
	}

}

@media (max-width: 767px) {

	.tn_layout-architecture-map {
		padding-bottom: 32px;
	}

	ul.tn_architecture-filter-menu {
		display: none;
	}

	.tn_architecture-map {
		display: none;
	}

	.tn_architecture-map-mobile {
		display: block;
	}
	
	.tn_architecture-note {
		margin: 16px auto 0 auto;
		padding: 12px;
		background-color: #f4f5f6;
	}

}


/* ARCHITECTURE SECTIONS POSITIONING
====================================================================== */

.tn_arch-center {
	top: 150px;
	left: 440px;
	z-index: 100;
	width: 280px;
	height: 280px;
	background-size: 280px 840px;
	background-position: top center;
}

.tn_arch-thin-left-top {
	top: 0;
	left: 0;
	width: 576px;
	height: 213px;
	background-size: 576px 639px;
	background-position: top center;
}

.tn_arch-thin-left-middle {
	top: 196px;
	left: 0;
	z-index: 50;
	width: 450px;
	height: 188px;
	background-size: 450px 564px;
	background-position: top center;
}

.tn_arch-thin-left-bottom {
	bottom: 0;
	left: 0;
	width: 576px;
	height: 213px;
	background-size: 576px 639px;
	background-position: top center;
}

.tn_arch-thin-right-top {
	top: 0;
	right: 0;
	width: 576px;
	height: 213px;
	background-size: 576px 639px;
	background-position: top center;
}

.tn_arch-thin-right-middle {
	top: 196px;
	right: 0;
	z-index: 50;
	width: 450px;
	height: 188px;
	background-size: 450px 564px;
	background-position: top center;
}

.tn_arch-thin-right-bottom {
	bottom: 0;
	right: 0;
	width: 576px;
	height: 213px;
	background-size: 576px 639px;
	background-position: top center;
}

.tn_arch-thick-right-top {
	top: 0;
	right: 0;
	width: 576px;
	height: 286px;
	background-size: 576px 858px;
	background-position: top center;
}

.tn_arch-thick-right-bottom {
	bottom: 0;
	right: 0;
	width: 576px;
	height: 286px;
	background-size: 576px 858px;
	background-position: top center;
}

.tn_arch-section-active {
	background-position: bottom center;
}

@media (max-width: 1239px) {

	.tn_arch-center {
		top: 122px;
		left: 358px;
		width: 228px;
		height: 228px;
		background-size: 228px 684px;
	}

	.tn_arch-thin-left-top {
		width: 469px;
		height: 173px;
		background-size: 469px 519px;
	}

	.tn_arch-thin-left-middle {
		top: 159px;
		width: 366px;
		height: 153px;
		background-size: 366px 459px;
	}

	.tn_arch-thin-left-bottom {
		width: 469px;
		height: 173px;
		background-size: 469px 519px;
	}

	.tn_arch-thin-right-top {
		width: 469px;
		height: 173px;
		background-size: 469px 519px;
	}

	.tn_arch-thin-right-middle {
		top: 159px;
		width: 366px;
		height: 153px;
		background-size: 366px 459px;
	}

	.tn_arch-thin-right-bottom {
		width: 469px;
		height: 173px;
		background-size: 469px 519px;
	}

	.tn_arch-thick-right-top {
		width: 469px;
		height: 233px;
		background-size: 469px 699px;
	}

	.tn_arch-thick-right-bottom {
		width: 469px;
		height: 233px;
		background-size: 469px 699px;
	}

}

@media (max-width: 1023px) {

	.tn_arch-center {
		top: 93px;
		left: 273px;
		width: 174px;
		height: 174px;
		background-size: 174px 522px;
	}

	.tn_arch-thin-left-top {
		width: 358px;
		height: 132px;
		background-size: 358px 396px;
	}

	.tn_arch-thin-left-middle {
		top: 122px;
		width: 279px;
		height: 117px;
		background-size: 279px 351px;
	}

	.tn_arch-thin-left-bottom {
		width: 358px;
		height: 132px;
		background-size: 358px 396px;
	}

	.tn_arch-thin-right-top {
		width: 358px;
		height: 132px;
		background-size: 358px 396px;
	}

	.tn_arch-thin-right-middle {
		top: 122px;
		width: 279px;
		height: 117px;
		background-size: 279px 351px;
	}

	.tn_arch-thin-right-bottom {
		width: 358px;
		height: 132px;
		background-size: 358px 396px;
	}

	.tn_arch-thick-right-top {
		width: 358px;
		height: 178px;
		background-size: 358px 534px;
	}

	.tn_arch-thick-right-bottom {
		width: 358px;
		height: 178px;
		background-size: 358px 534px;
	}

}


/* ARCHITECTURE SECTIONS IMAGES
====================================================================== */


/* Education */

#tn_architecture-edu #tn_arch-edu-center {
	background-image: url("../images/architectures/EDU-architecture-center-simple.png");
}

#tn_architecture-edu #tn_arch-edu-left-top {
	background-image: url("../images/architectures/EDU-architecture-left-top-simple.png");
}

#tn_architecture-edu #tn_arch-edu-left-middle {
	background-image: url("../images/architectures/EDU-architecture-left-middle-simple.png");
}

#tn_architecture-edu #tn_arch-edu-left-bottom {
	background-image: url("../images/architectures/EDU-architecture-left-bottom-simple.png");
}

#tn_architecture-edu #tn_arch-edu-right-top {
	background-image: url("../images/architectures/EDU-architecture-right-top-simple.png");
}

#tn_architecture-edu #tn_arch-edu-right-bottom {
	background-image: url("../images/architectures/EDU-architecture-right-bottom-simple.png");
}


/* Financial services */

#tn_architecture-fin #tn_arch-fin-center {
	background-image: url("../images/architectures/FIN-architecture-center-simple.png");
}

#tn_architecture-fin #tn_arch-fin-left-top {
	background-image: url("../images/architectures/FIN-architecture-left-top-simple.png");
}

#tn_architecture-fin #tn_arch-fin-left-middle {
	background-image: url("../images/architectures/FIN-architecture-left-middle-simple.png");
}

#tn_architecture-fin #tn_arch-fin-left-bottom {
	background-image: url("../images/architectures/FIN-architecture-left-bottom-simple.png");
}

#tn_architecture-fin #tn_arch-fin-right-top {
	background-image: url("../images/architectures/FIN-architecture-right-top-simple.png");
}

#tn_architecture-fin #tn_arch-fin-right-bottom {
	background-image: url("../images/architectures/FIN-architecture-right-bottom-simple.png");
}


/* Government */

#tn_architecture-cit #tn_arch-cit-center {
	background-image: url("../images/architectures/CIT-architecture-center-simple.png");
}

#tn_architecture-cit #tn_arch-cit-left-top {
	background-image: url("../images/architectures/CIT-architecture-left-top-simple.png");
}

#tn_architecture-cit #tn_arch-cit-left-middle {
	background-image: url("../images/architectures/CIT-architecture-left-middle-simple.png");
}

#tn_architecture-cit #tn_arch-cit-left-bottom {
	background-image: url("../images/architectures/CIT-architecture-left-bottom-simple.png");
}

#tn_architecture-cit #tn_arch-cit-right-top {
	background-image: url("../images/architectures/CIT-architecture-right-top-simple.png");
}

#tn_architecture-cit #tn_arch-cit-right-bottom {
	background-image: url("../images/architectures/CIT-architecture-right-bottom-simple.png");
}


/* Healthcare */

#tn_architecture-hea #tn_arch-hea-center {
	background-image: url("../images/architectures/HEA-architecture-center-simple.png");
}

#tn_architecture-hea #tn_arch-hea-left-top {
	background-image: url("../images/architectures/HEA-architecture-left-top-simple.png");
}

#tn_architecture-hea #tn_arch-hea-left-middle {
	background-image: url("../images/architectures/HEA-architecture-left-middle-simple.png");
}

#tn_architecture-hea #tn_arch-hea-left-bottom {
	background-image: url("../images/architectures/HEA-architecture-left-bottom-simple.png");
}

#tn_architecture-hea #tn_arch-hea-right-top {
	background-image: url("../images/architectures/HEA-architecture-right-top-simple.png");
}

#tn_architecture-hea #tn_arch-hea-right-bottom {
	background-image: url("../images/architectures/HEA-architecture-right-bottom-simple.png");
}


/* Hospitality */

#tn_architecture-hos #tn_arch-hos-center {
	background-image: url("../images/architectures/HOS-architecture-center-simple.png");
}

#tn_architecture-hos #tn_arch-hos-left-top {
	background-image: url("../images/architectures/HOS-architecture-left-top-simple.png");
}

#tn_architecture-hos #tn_arch-hos-left-middle {
	background-image: url("../images/architectures/HOS-architecture-left-middle-simple.png");
}

#tn_architecture-hos #tn_arch-hos-left-bottom {
	background-image: url("../images/architectures/HOS-architecture-left-bottom-simple.png");
}

#tn_architecture-hos #tn_arch-hos-right-top {
	background-image: url("../images/architectures/HOS-architecture-right-top-simple.png");
}

#tn_architecture-hos #tn_arch-hos-right-middle {
	background-image: url("../images/architectures/HOS-architecture-right-middle-simple.png");
}

#tn_architecture-hos #tn_arch-hos-right-bottom {
	background-image: url("../images/architectures/HOS-architecture-right-bottom-simple.png");
}


/* Manufacturing */

#tn_architecture-man #tn_arch-man-center {
	background-image: url("../images/architectures/MAN-architecture-center-simple.png");
}

#tn_architecture-man #tn_arch-man-left-top {
	background-image: url("../images/architectures/MAN-architecture-left-top-simple.png");
}

#tn_architecture-man #tn_arch-man-left-middle {
	background-image: url("../images/architectures/MAN-architecture-left-middle-simple.png");
}

#tn_architecture-man #tn_arch-man-left-bottom {
	background-image: url("../images/architectures/MAN-architecture-left-bottom-simple.png");
}

#tn_architecture-man #tn_arch-man-right-top {
	background-image: url("../images/architectures/MAN-architecture-right-top-simple.png");
}

#tn_architecture-man #tn_arch-man-right-bottom {
	background-image: url("../images/architectures/MAN-architecture-right-bottom-simple.png");
}


/* Mining */

#tn_architecture-min #tn_arch-min-center {
	background-image: url("../images/architectures/MIN-architecture-center-simple.png");
}

#tn_architecture-min #tn_arch-min-left-top {
	background-image: url("../images/architectures/MIN-architecture-left-top-simple.png");
}

#tn_architecture-min #tn_arch-min-left-middle {
	background-image: url("../images/architectures/MIN-architecture-left-middle-simple.png");
}

#tn_architecture-min #tn_arch-min-left-bottom {
	background-image: url("../images/architectures/MIN-architecture-left-bottom-simple.png");
}

#tn_architecture-min #tn_arch-min-right-top {
	background-image: url("../images/architectures/MIN-architecture-right-top-simple.png");
}

#tn_architecture-min #tn_arch-min-right-bottom {
	background-image: url("../images/architectures/MIN-architecture-right-bottom-simple.png");
}


/* Oil and gas */

#tn_architecture-oil #tn_arch-oil-center {
	background-image: url("../images/architectures/OIL-architecture-center-simple.png");
}

#tn_architecture-oil #tn_arch-oil-left-top {
	background-image: url("../images/architectures/OIL-architecture-left-top-simple.png");
}

#tn_architecture-oil #tn_arch-oil-left-middle {
	background-image: url("../images/architectures/OIL-architecture-left-middle-simple.png");
}

#tn_architecture-oil #tn_arch-oil-left-bottom {
	background-image: url("../images/architectures/OIL-architecture-left-bottom-simple.png");
}

#tn_architecture-oil #tn_arch-oil-right-top {
	background-image: url("../images/architectures/OIL-architecture-right-top-simple.png");
}

#tn_architecture-oil #tn_arch-oil-right-bottom {
	background-image: url("../images/architectures/OIL-architecture-right-bottom-simple.png");
}


/* Retail */

#tn_architecture-ret #tn_arch-ret-center {
	background-image: url("../images/architectures/RET-architecture-center-simple.png");
}

#tn_architecture-ret #tn_arch-ret-left-top {
	background-image: url("../images/architectures/RET-architecture-left-top-simple.png");
}

#tn_architecture-ret #tn_arch-ret-left-middle {
	background-image: url("../images/architectures/RET-architecture-left-middle-simple.png");
}

#tn_architecture-ret #tn_arch-ret-left-bottom {
	background-image: url("../images/architectures/RET-architecture-left-bottom-simple.png");
}

#tn_architecture-ret #tn_arch-ret-right-top {
	background-image: url("../images/architectures/RET-architecture-right-top-simple.png");
}

#tn_architecture-ret #tn_arch-ret-right-middle {
	background-image: url("../images/architectures/RET-architecture-right-middle-simple.png");
}

#tn_architecture-ret #tn_arch-ret-right-bottom {
	background-image: url("../images/architectures/RET-architecture-right-bottom-simple.png");
}


/* Smart buildings */

#tn_architecture-sma #tn_arch-sma-center {
	background-image: url("../images/architectures/SMA-architecture-center-simple.png");
}

#tn_architecture-sma #tn_arch-sma-left-top {
	background-image: url("../images/architectures/SMA-architecture-left-top-simple.png");
}

#tn_architecture-sma #tn_arch-sma-left-middle {
	background-image: url("../images/architectures/SMA-architecture-left-middle-simple.png");
}

#tn_architecture-sma #tn_arch-sma-left-bottom {
	background-image: url("../images/architectures/SMA-architecture-left-bottom-simple.png");
}

#tn_architecture-sma #tn_arch-sma-right-top {
	background-image: url("../images/architectures/SMA-architecture-right-top-simple.png");
}

#tn_architecture-sma #tn_arch-sma-right-bottom {
	background-image: url("../images/architectures/SMA-architecture-right-bottom-simple.png");
}


/* Sports, media, and entertainment */

#tn_architecture-spo #tn_arch-spo-center {
	background-image: url("../images/architectures/SPO-architecture-center-simple.png");
}

#tn_architecture-spo #tn_arch-spo-left-top {
	background-image: url("../images/architectures/SPO-architecture-left-top-simple.png");
}

#tn_architecture-spo #tn_arch-spo-left-middle {
	background-image: url("../images/architectures/SPO-architecture-left-middle-simple.png");
}

#tn_architecture-spo #tn_arch-spo-left-bottom {
	background-image: url("../images/architectures/SPO-architecture-left-bottom-simple.png");
}

#tn_architecture-spo #tn_arch-spo-right-top {
	background-image: url("../images/architectures/SPO-architecture-right-top-simple.png");
}

#tn_architecture-spo #tn_arch-spo-right-bottom {
	background-image: url("../images/architectures/SPO-architecture-right-bottom-simple.png");
}


/* Transportation */

#tn_architecture-tra #tn_arch-tra-center {
	background-image: url("../images/architectures/TRA-architecture-center-simple.png");
}

#tn_architecture-tra #tn_arch-tra-left-top {
	background-image: url("../images/architectures/TRA-architecture-left-top-simple.png");
}

#tn_architecture-tra #tn_arch-tra-left-middle {
	background-image: url("../images/architectures/TRA-architecture-left-middle-simple.png");
}

#tn_architecture-tra #tn_arch-tra-left-bottom {
	background-image: url("../images/architectures/TRA-architecture-left-bottom-simple.png");
}

#tn_architecture-tra #tn_arch-tra-right-top {
	background-image: url("../images/architectures/TRA-architecture-right-top-simple.png");
}

#tn_architecture-tra #tn_arch-tra-right-bottom {
	background-image: url("../images/architectures/TRA-architecture-right-bottom-simple.png");
}


/* Utilities */

#tn_architecture-uti #tn_arch-uti-center {
	background-image: url("../images/architectures/UTI-architecture-center-simple.png");
}

#tn_architecture-uti #tn_arch-uti-left-top {
	background-image: url("../images/architectures/UTI-architecture-left-top-simple.png");
}

#tn_architecture-uti #tn_arch-uti-left-middle {
	background-image: url("../images/architectures/UTI-architecture-left-middle-simple.png");
}

#tn_architecture-uti #tn_arch-uti-left-bottom {
	background-image: url("../images/architectures/UTI-architecture-left-bottom-simple.png");
}

#tn_architecture-uti #tn_arch-uti-right-top {
	background-image: url("../images/architectures/UTI-architecture-right-top-simple.png");
}

#tn_architecture-uti #tn_arch-uti-right-bottom {
	background-image: url("../images/architectures/UTI-architecture-right-bottom-simple.png");
}