/* BIM Timeline Widget Styles */

.gtW {
	width: 100%;
/* 	display: inline-block; */
	position: relative;
}

.gtL {
	float: left;
	font-family: Quicksand-Medium;
	text-align: right;
	line-height: 1;
	border-right: thin solid #DADCDE;
}

.gtP {
	margin: 0 0 1.05em;
}

.gtR {
	float: left;
	border-right: thin solid #DADCDE;
	position: relative; 
	z-index: 4;
}

.gtH1 {
	color: #DEB900;
}

.gtH2 {
	color: #8CB22F;
}

.gtH3 {
	color: #41A155;
}

.gtH4 {
	color: #008B6E;
}

.gtH5 {
	color: #007175;
}

.gtH6 {
	color: #1b5766;
}

.gtB {
	position: relative;
	z-index: 9;
}

.gtB1 {
	background-color: #DEB900;
}

.gtB2 {
	background-color: #8CB22F;
}

.gtB3 {
	background-color: #41A155;
}

.gtB4 {
	background-color: #008B6E;
}

.gtB5 {
	background-color: #007175;
}

.gtB6 {
	background-color: #1b5766;
}

.gtI {
	position: absolute;
	width: 100%;
}

.gtA {
	color: #323e48;
}

.gtC {
	font-family: Quicksand-Light;
	line-height: 1;
}

.gtD {
	font-family: Quicksand-Light;
	color: white;
	background-color: #333F48;
	line-height: 1;
	padding-bottom: .18em;
	margin-bottom: .1em;
	margin-left: -1px;
	white-space: nowrap;
	float: left;
}

.gtJ {
	float: left;
}

.gtE {
	font-family: HelveticaNeue-Thin;
	line-height: 1;
}

.gtF {
	font-family: HelveticaNeue-Light;
	color: #007175;
	padding-top: .8em;
	font-weight: 600;
}
.gtF a {
	color: inherit;
}


/* .gtF:hover {
	font-weight: bold;
} */

.gtS {
	height: auto;
	width: auto;
	overflow: hidden;
}

.gtG {
	display: block;
}

.gtH {
	display: none;
}

.clr {
	clear: both;
}

/* Responsive Styles */
@media only screen and (max-width: 800px) {
	.gtI {
		top: max(158px, calc(158px + (229 - 158) * (100vw - 360px) / (800 - 360)));
	}
	
	.gtW {
		margin: max(40px, calc(40px + (51 - 40) * (100vw - 360px) / (800 - 360))) 0 max(150px, calc(150px + (221 - 150) * (100vw - 360px) / (800 - 360))) 0;
	}
	
	.gtL {
		font-size: max(10px, calc(10px + (14.5 - 10) * (100vw - 360px) / (800 - 360)));
		height: max(195px, calc(195px + (283 - 195) * (100vw - 360px) / (800 - 360)));
		width: max(138px, calc(138px + (198 - 138) * (100vw - 360px) / (800 - 360)));
		padding-right: max(10px, calc(10px + (12 - 10) * (100vw - 360px) / (800 - 360)));
	}
	
	.gtR {
		width: max(24px, calc(24px + (62 - 24) * (100vw - 360px) / (800 - 360)));
	}
	
	.gtR0 {
		height: max(195px, calc(195px + (283 - 195) * (100vw - 360px) / (800 - 360)));
	}
	
	.gtR2 {
		height: max(154px, calc(154px + (223 - 154) * (100vw - 360px) / (800 - 360)));
	}
	
	.gtB {
		height: max(18px, calc(18px + (27 - 18) * (100vw - 360px) / (800 - 360)));
		border-radius: max(4px, calc(4px + (6 - 4) * (100vw - 360px) / (800 - 360)));
		margin: max(12.5px, calc(12.5px + (18 - 12.5) * (100vw - 360px) / (800 - 360))) 0;
	}
	
	.gtB1 {
		margin-top: max(12px, calc(12px + (17 - 12) * (100vw - 360px) / (800 - 360)));
		width: max(37px, calc(37px + (106 - 37) * (100vw - 360px) / (800 - 360)));
		border-radius: 0 max(4px, calc(4px + (6 - 4) * (100vw - 360px) / (800 - 360))) max(4px, calc(4px + (6 - 4) * (100vw - 360px) / (800 - 360))) 0;
		margin-left: max(138px, calc(138px + (198 - 138) * (100vw - 360px) / (800 - 360)));
	}
	
	.gtB2 {
		width: max(62px, calc(62px + (175 - 62) * (100vw - 360px) / (800 - 360)));
		margin-left: max(151px, calc(151px + (234 - 151) * (100vw - 360px) / (800 - 360)));
	}
	
	.gtB3 {
		width: max(69px, calc(69px + (194 - 69) * (100vw - 360px) / (800 - 360)));
		margin-left: max(181px, calc(181px + (319 - 181) * (100vw - 360px) / (800 - 360)));
	}
	
	.gtB4 {
		width: max(97px, calc(97px + (273 - 97) * (100vw - 360px) / (800 - 360)));
		margin-left: max(222px, calc(222px + (434 - 222) * (100vw - 360px) / (800 - 360)));
	}
	
	.gtB5 {
		width: max(76px, calc(76px + (213 - 76) * (100vw - 360px) / (800 - 360)));
		margin-left: max(255px, calc(255px + (525 - 255) * (100vw - 360px) / (800 - 360)));
	}
	
	.gtB6 {
		width: max(30px, calc(30px + (81 - 30) * (100vw - 360px) / (800 - 360)));
		margin-left: max(313px, calc(313px + (692 - 313) * (100vw - 360px) / (800 - 360)));
	}
	
	.gtA {
		padding-left: max(150px, calc(150px + (230 - 150) * (100vw - 360px) / (800 - 360)));
	}
	
	.gtC {
		font-size: max(17px, calc(17px + (26 - 17) * (100vw - 360px) / (800 - 360)));
	}
	
	.gtD {
		font-size: max(24px, calc(24px + (38 - 24) * (100vw - 360px) / (800 - 360)));
		width: max(318px, calc(318px + (690 - 318) * (100vw - 360px) / (800 - 360)));
		height: max(28px, calc(28px + (44 - 28) * (100vw - 360px) / (800 - 360)));
		margin-top: max(5px, calc(5px + (7.5 - 5) * (100vw - 360px) / (800 - 360)));
	}
	
	.gtJ {
		margin: max(5px, calc(5px + (7.5 - 5) * (100vw - 360px) / (800 - 360))) 0 0 -1px;
	}
	
	.gtS {
		height: max(28px, calc(28px + (44 - 28) * (100vw - 360px) / (800 - 360)));
		width: max(35px, calc(35px + (55 - 35) * (100vw - 360px) / (800 - 360)));
	}
	
	.gtE {
		font-size: max(17px, calc(17px + (26 - 18) * (100vw - 360px) / (800 - 360)));
	}
	
	.gtF {
		font-size: max(11px, calc(11px + (16 - 11) * (100vw - 360px) / (800 - 360)));
	}
}

@media only screen and (max-width: 420px) {
	.gtG {
		display: none;
	}
	
	.gtH {
		display: block;
	}
}

@media only screen and (min-width: 421px) {
	.gtG {
		display: block;
	}
	
	.gtH {
		display: none;
	}
}

@media only screen and (min-width: 801px) {
	.gtI {
		top: min(404px, calc(229px + (404 - 229) * (100vw - 801px) / (1920 - 801)));
	}
	
	.gtW {
		margin: min(40px, calc(51px + (80 - 51) * (100vw - 801px) / (1920 - 801))) 0 min(350px, calc(221px + (402 - 221) * (100vw - 801px) / (1920 - 801))) 0;
	}
	
	.gtL {
		font-size: min(26px, calc(14.5px + (26 - 14.5) * (100vw - 801px) / (1920 - 801)));
		height: min(508px, calc(283px + (508 - 283) * (100vw - 801px) / (1920 - 801)));
		width: min(350px, calc(198px + (350 - 198) * (100vw - 801px) / (1920 - 801)));
		padding-right: min(16px, calc(12px + (16 - 12) * (100vw - 801px) / (1920 - 801)));
	}
	
	.gtR {
		width: min(160px, calc(62px + (160 - 62) * (100vw - 801px) / (1920 - 801)));
	}
	
	.gtR0 {
		height: min(508px, calc(283px + (508 - 283) * (100vw - 801px) / (1920 - 801)));
	}
	
	.gtR2 {
		height: min(400px, calc(223px + (400 - 223) * (100vw - 801px) / (1920 - 801)));
	}
	
	.gtR3 {
		height: min(446px, calc(248px + (446 - 248) * (100vw - 801px) / (1920 - 801)));
	}
	
	.gtB {
		height: min(48px, calc(27px + (48 - 27) * (100vw - 801px) / (1920 - 801)));
		border-radius: min(10px, calc(6px + (10 - 6) * (100vw - 801px) / (1920 - 801)));
		margin: min(31px, calc(18px + (31 - 18) * (100vw - 801px) / (1920 - 801))) 0;
	}
	
	.gtB1 {
		margin-top: min(30px, calc(16px + (30 - 16) * (100vw - 801px) / (1920 - 801)));
		margin-left: min(350px, calc(198px + (350 - 198) * (100vw - 801px) / (1920 - 801)));
		border-radius: 0 min(10px, calc(6px + (10 - 6) * (100vw - 801px) / (1920 - 801))) min(10px, calc(6px + (10 - 6) * (100vw - 801px) / (1920 - 801))) 0;
		width: min(280px, calc(106px + (280 - 106) * (100vw - 801px) / (1920 - 801)));
	}
	
	.gtB2 {
		width: min(461px, calc(175px + (461 - 175) * (100vw - 801px) / (1920 - 801)));
		margin-left: min(446px, calc(234px + (446 - 234) * (100vw - 801px) / (1920 - 801)));
	}
	
	.gtB3 {
		width: min(513px, calc(194px + (513 - 194) * (100vw - 801px) / (1920 - 801)));
		margin-left: min(670px, calc(319px + (670 - 319) * (100vw - 801px) / (1920 - 801)));
	}
	
	.gtB4 {
		width: min(721px, calc(273px + (721 - 273) * (100vw - 801px) / (1920 - 801)));
		margin-left: min(974px, calc(434px + (974 - 434) * (100vw - 801px) / (1920 - 801)));
	}
	
	.gtB5 {
		width: min(561px, calc(213px + (561 - 213) * (100vw - 801px) / (1920 - 801)));
		margin-left: min(1214px, calc(525px + (1214 - 525) * (100vw - 801px) / (1920 - 801)));
	}
	
	.gtB6 {
		width: min(220px, calc(85px + (220 - 81) * (100vw - 801px) / (1938 - 801)));
		margin-left: min(1670px, calc(692px + (1670 - 692) * (100vw - 801px) / (1938 - 801)));
	}
	
	.gtA {
		padding-left: min(434px, calc(230px + (434 - 230) * (100vw - 801px) / (1938 - 801)));
	}
	
	.gtC {
		font-size: min(48px, calc(26px + (48 - 26) * (100vw - 801px) / (1920 - 801)));
	}
	
	.gtD {
		font-size: min(72px, calc(38px + (72 - 38) * (100vw - 801px) / (1920 - 801)));
		width: min(1781px, calc(690px + (1781 - 690) * (100vw - 801px) / (1920 - 801)));
		height: min(85px, calc(44px + (85 - 44) * (100vw - 801px) / (1920 - 801)));
		margin-top: min(14px, calc(7.5px + (14 - 7.5) * (100vw - 801px) / (1920 - 801)));
	}
	
	.gtJ {
		margin: min(14px, calc(7.5px + (14 - 7.5) * (100vw - 801px) / (1920 - 801))) 0 0 -1px;
	}
	
	.gtS {
		height: min(85px, calc(44px + (85 - 44) * (100vw - 801px) / (1920 - 801)));
		width: min(105px, calc(55px + (105 - 55) * (100vw - 801px) / (1920 - 801)));
	}
	
	.gtE {
		font-size: min(48px, calc(26px + (48 - 26) * (100vw - 801px) / (1920 - 801)));
	}
	
	.gtF {
		font-size: min(30px, calc(16px + (30 - 16) * (100vw - 801px) / (1920 - 801)));
	}
}

@media only screen and (min-width: 601px) and (max-width: 800px) {
	.gtR3 {
		height: max(173px, calc(173px + (248 - 173) * (100vw - 360px) / (800 - 360)));
	}
}

@media only screen and (max-width: 1100px) {
	.gtR4 {
		height: max(173px, calc(173px + (248 - 173) * (100vw - 360px) / (800 - 360)));
	}
}

@media only screen and (max-width: 640px) {
	.gtR5 {
		height: max(173px, calc(173px + (248 - 173) * (100vw - 360px) / (800 - 360)));
	}
}

@media only screen and (max-width: 475px) {
	.gtR6 {
		height: max(173px, calc(173px + (248 - 173) * (100vw - 360px) / (800 - 360)));
	}
}

@media only screen and (max-width: 378px) {
	.gtR7 {
		height: max(173px, calc(173px + (248 - 173) * (100vw - 360px) / (800 - 360)));
	}
}