/* Hero */
#hero
{
	z-index: 20;
	position: relative;
	width: 100%;
	height: 320px;
	margin: 0 0 60px;
	color: #F2F4F5;
	background-size: cover;
	background-position: center;
	border-bottom: 8px solid #EBEDEE;

	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

#hero.resources
{
	height: 121px;
	margin-bottom: 60px;
	border-bottom: none;
}

#hero.resources .interior
{
	position: relative;
	max-width: 100%;
	width: 1180px;
	height: 121px;
	margin: 0 auto;
	padding: 0 10px;
}

#hero a
{
	color: #F2F4F5;
}

#hero .container
{
	position: relative;
/*
	max-width: 98%;
	margin: 0 auto 0 0;
	padding: 0 0 0 245px;
	padding-left: 20%;
*/
}

#hero .container.offset
{
/*
	padding: 0 0 0 360px;
	padding-left: calc(25% + 6rem);
*/
}

#hero.resources .title-block
{
	display: inline-block;
	margin-top: 1.5rem;
}

#hero .rubric
{
	display: inline-block;
	margin: 0 0 1px;
	padding: 11px 20px 10px 24px;
	color: #3BB0C9;
	font-size: 13px;
	font-weight: 800;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	background: #000;

	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	-ms-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}

#hero .rubric:hover
{
	padding: 11px 24px 10px 20px;
	color: #FFF;
	border: none;
}

#hero.resources .rubric
{
	/* margin: 3.5rem 3.5rem 3.5rem 0; */
	/* REVAMP */
	margin: 0 5px 2px 0;
	font-size: 1.2rem;
	padding: 5px 20px 5px 24px;
}

#hero.resources .rubric:hover
{
	padding: 5px 24px 5px 20px;
}

#hero h1
{
	margin: 0;
	color: #FFF;
	font-size: 5rem;
	line-height: 1.2;
	font-weight: 600;
}

#hero.generic h1
{
	display: table;
	padding: 2rem;
	background: #3BB0C9;
}

#hero.resources h1
{
	display: block;
	margin: 0 20px 0 0;
	padding: 12px 20px 15px 24px;
	color: #FFF;
	font-size: 25px;
	font-weight: 600;
	background: #3BB0C9;
}

/* tabs */
#hero .tabs
{
	position: relative;
	list-style: none;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

#hero .tabs li
{
	margin: 0;
	padding: 0;
}

#hero .tabs .tab
{
	cursor: pointer;
}

#hero .tabs .tab-content
{
	display: none;
}

#hero .tabs[data-active-tab="tab-hero-00"] .tab-hero-00,
#hero .tabs[data-active-tab="tab-hero-01"] .tab-hero-01,
#hero .tabs[data-active-tab="tab-hero-02"] .tab-hero-02,
#hero .tabs[data-active-tab="tab-hero-03"] .tab-hero-03,
#hero .tabs[data-active-tab="tab-hero-04"] .tab-hero-04,
#hero .tabs[data-active-tab="tab-hero-05"] .tab-hero-05,
#hero .tabs[data-active-tab="tab-hero-06"] .tab-hero-06,
#hero .tabs[data-active-tab="tab-hero-07"] .tab-hero-07,
#hero .tabs[data-active-tab="tab-hero-08"] .tab-hero-08,
#hero .tabs[data-active-tab="tab-hero-09"] .tab-hero-09
{
	display: block;
}

#hero .tabs .tab-content .inner
{
}

#hero .tabs .tab-content h1
{
	margin: 0 0 2.6rem;
}

#hero .tabs .tab-content p
{
	margin: 0 0 2.2rem;
	font-size: 2rem;
	line-height: 1.5;
	font-weight: 300;
}

@media screen and (max-width: 1099px)
{
	#hero .tabs .tab-content h1
	{
		font-size: 4rem;
	}

	#hero .tabs .tab-content p
	{
		font-size: 1.8rem;
	}
}

@media screen and (max-width: 899px)
{
	#hero .tabs .tab-content h1
	{
		font-size: 3.5rem;
	}
}

@media screen and (min-width: 800px)
{
	#hero.solutions,
	#hero.digital-hub
	{
		height: 570px;
		margin-bottom: 60px;
	}

	#hero .tabs li
	{
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
	}

	#hero .tabs .tab
	{
		z-index: 5;
		cursor: pointer;
		position: absolute;
		display: block;
		top: 50%;
		left: 25%;
		text-align: center;
		border-radius: 50%;

		-webkit-transition: 0.25s transform ease-in-out;
		-moz-transition: 0.25s transform ease-in-out;
		-ms-transition: 0.25s transform ease-in-out;
		-o-transition: 0.25s transform ease-in-out;
		transition: 0.25s transform ease-in-out;
	}

	#hero.digital-hub .tabs li .tab
	{
		display: none;
	}

	#hero.digital-hub .tabs li.base .tab
	{
		display: block;
	}

	#hero.solutions .tabs .tab
	{
		margin: -4.7rem;
		padding: 7px;
		background: rgba(255,255,255,0.4);
	}

	#hero.solutions .tabs .base .tab
	{
		width: 24.8rem;
		height: 24.8rem;
		margin: 0;
		background: rgba(255,255,255,0.6);

		-webkit-transform: translateX(-50%) translateY(-50%);
		-moz-transform: translateX(-50%) translateY(-50%);
		-ms-transform: translateX(-50%) translateY(-50%);
		-o-transform: translateX(-50%) translateY(-50%);
		transform: translateX(-50%) translateY(-50%);
	}

	#hero.digital-hub .tabs .base .pie-bg,
	#hero.digital-hub .tabs .base .pie-center,
	#hero.digital-hub .tabs .base svg
	{
		position: absolute;
		top: 50%;
		left: 25%;

		-webkit-transform: translateX(-50%) translateY(-50%);
		-moz-transform: translateX(-50%) translateY(-50%);
		-ms-transform: translateX(-50%) translateY(-50%);
		-o-transform: translateX(-50%) translateY(-50%);
		transform: translateX(-50%) translateY(-50%);
	}

	#hero.digital-hub .tabs .base .pie-bg
	{
		z-index: 1;
		width: 38rem;
		height: 38rem;
		background: rgba(255,255,255,0.3);
	}

	#hero.digital-hub .tabs .base svg
	{
		z-index: 5;
		width: 36rem;
		height: 36rem;
		pointer-events: none;
	}

	#hero.digital-hub .tabs .base path
	{
		fill: rgba(242,244,245,0.95);

		-webkit-transition: fill 0.15s ease-in;
		-moz-transition: fill 0.15s ease-in;
		-ms-transition: fill 0.15s ease-in;
		-o-transition: fill 0.15s ease-in;
		transition: fill 0.15s ease-in;

		pointer-events: auto;
	}

	#hero.digital-hub .tabs .base text
	{
		fill: #EE7933;
		font-weight: 400;

		-webkit-transition: fill 0.15s ease-in;
		-moz-transition: fill 0.15s ease-in;
		-ms-transition: fill 0.15s ease-in;
		-o-transition: fill 0.15s ease-in;
		transition: fill 0.15s ease-in;
	}

	#hero.digital-hub .tabs[data-active-tab="tab-hero-01"] .tab[data-tab-name*="tab-hero-"] path,
	#hero.digital-hub .tabs[data-active-tab="tab-hero-02"] .tab[data-tab-name*="tab-hero-"] path,
	#hero.digital-hub .tabs[data-active-tab="tab-hero-03"] .tab[data-tab-name*="tab-hero-"] path
	{
		fill: rgba(242,244,245,0.7);
	}

	#hero.digital-hub .tabs[data-active-tab="tab-hero-01"] .tab[data-tab-name="tab-hero-01"] path,
	#hero.digital-hub .tabs[data-active-tab="tab-hero-02"] .tab[data-tab-name="tab-hero-02"] path,
	#hero.digital-hub .tabs[data-active-tab="tab-hero-03"] .tab[data-tab-name="tab-hero-03"] path
	{
		  fill: #EE7933;
	}

	#hero.digital-hub .tabs[data-active-tab="tab-hero-01"] .tab[data-tab-name="tab-hero-01"] text,
	#hero.digital-hub .tabs[data-active-tab="tab-hero-02"] .tab[data-tab-name="tab-hero-02"] text,
	#hero.digital-hub .tabs[data-active-tab="tab-hero-03"] .tab[data-tab-name="tab-hero-03"] text
	{
		  fill: #FFF;
	}

	#hero.digital-hub .tabs .base .pie-center
	{
		z-index: 10;
		width: 12rem;
		height: 12rem;

		color: #FFF;
		font-size: 1.4rem;
		font-weight: 400;
		line-height: 12rem;
		text-align: center;
		text-transform: uppercase;
		white-space: nowrap;

		background-color: #74CEE2;
		border-radius: 50%;
		box-shadow: 0 0 0 6px rgba(0,0,0,0.05);
	}

	#hero.solutions .tabs .tab[data-tab-name="tab-hero-01"]
	{
		-webkit-transform: translateX(-80px) translateY(-100px);
		-moz-transform: translateX(-80px) translateY(-100px);
		-ms-transform: translateX(-80px) translateY(-100px);
		-o-transform: translateX(-80px) translateY(-100px);
		transform: translateX(-80px) translateY(-100px);
	}

	#hero.solutions .tabs[data-active-tab="tab-hero-01"] .tab[data-tab-name="tab-hero-01"]
	{
		-webkit-transform: scale(1.2) translateX(-70px) translateY(-82px);
		-moz-transform: scale(1.2) translateX(-70px) translateY(-82px);
		-ms-transform: scale(1.2) translateX(-70px) translateY(-82px);
		-o-transform: scale(1.2) translateX(-70px) translateY(-82px);
		transform: scale(1.2) translateX(-70px) translateY(-82px);
	}

	#hero.solutions .tabs .tab[data-tab-name="tab-hero-02"]
	{
		-webkit-transform: translateX(80px) translateY(-100px);
		-moz-transform: translateX(80px) translateY(-100px);
		-ms-transform: translateX(80px) translateY(-100px);
		-o-transform: translateX(80px) translateY(-100px);
		transform: translateX(80px) translateY(-100px);
	}
	#hero.solutions .tabs[data-active-tab="tab-hero-02"] .tab[data-tab-name="tab-hero-02"]
	{
		-webkit-transform: scale(1.2) translateX(70px) translateY(-82px);
		-moz-transform: scale(1.2) translateX(70px) translateY(-82px);
		-ms-transform: scale(1.2) translateX(70px) translateY(-82px);
		-o-transform: scale(1.2) translateX(70px) translateY(-82px);
		transform: scale(1.2) translateX(70px) translateY(-82px);
	}

	#hero.solutions .tabs .tab[data-tab-name="tab-hero-03"]
	{
		-webkit-transform: translateX(120px) translateY(40px);
		-moz-transform: translateX(120px) translateY(40px);
		-ms-transform: translateX(120px) translateY(40px);
		-o-transform: translateX(120px) translateY(40px);
		transform: translateX(120px) translateY(40px);
	}
	#hero.solutions .tabs[data-active-tab="tab-hero-03"] .tab[data-tab-name="tab-hero-03"]
	{
		-webkit-transform: scale(1.2) translateX(102px) translateY(35px);
		-moz-transform: scale(1.2) translateX(102px) translateY(35px);
		-ms-transform: scale(1.2) translateX(102px) translateY(35px);
		-o-transform: scale(1.2) translateX(102px) translateY(35px);
		transform: scale(1.2) translateX(102px) translateY(35px);
	}

	#hero.solutions .tabs .tab[data-tab-name="tab-hero-04"]
	{
		-webkit-transform: translateY(120px);
		-moz-transform: translateY(120px);
		-ms-transform: translateY(120px);
		-o-transform: translateY(120px);
		transform: translateY(120px);
	}
	#hero.solutions .tabs[data-active-tab="tab-hero-04"] .tab[data-tab-name="tab-hero-04"]
	{
		-webkit-transform: scale(1.2) translateY(102px);
		-moz-transform: scale(1.2) translateY(102px);
		-ms-transform: scale(1.2) translateY(102px);
		-o-transform: scale(1.2) translateY(102px);
		transform: scale(1.2) translateY(102px);
	}

	#hero.solutions .tabs .tab[data-tab-name="tab-hero-05"]
	{
		-webkit-transform: translateX(-120px) translateY(40px);
		-moz-transform: translateX(-120px) translateY(40px);
		-ms-transform: translateX(-120px) translateY(40px);
		-o-transform: translateX(-120px) translateY(40px);
		transform: translateX(-120px) translateY(40px);
	}
	#hero.solutions .tabs[data-active-tab="tab-hero-05"] .tab[data-tab-name="tab-hero-05"]
	{
		-webkit-transform: scale(1.2) translateX(-102px) translateY(35px);
		-moz-transform: scale(1.2) translateX(-102px) translateY(35px);
		-ms-transform: scale(1.2) translateX(-102px) translateY(35px);
		-o-transform: scale(1.2) translateX(-102px) translateY(35px);
		transform: scale(1.2) translateX(-102px) translateY(35px);
	}

	#hero.solutions .tabs .tab .tab-icon
	{
		position: relative;
		display: block;
		width: 7.6rem;
		height: 7.6rem;
		font-size: 4.0rem;
		line-height: 7.4rem;
		text-align: center;
		background: #EE7933;
		border: 2px solid #EE7933;
		border-radius: 50%;
		-webkit-transition: 0.25s background ease-in-out;
		-moz-transition: 0.25s background ease-in-out;
		-ms-transition: 0.25s background ease-in-out;
		-o-transition: 0.25s background ease-in-out;
		transition: 0.25s background ease-in-out;
	}

	#hero.solutions .tabs[data-active-tab="tab-hero-01"] .tab[data-tab-name="tab-hero-01"] .tab-icon,
	#hero.solutions .tabs[data-active-tab="tab-hero-02"] .tab[data-tab-name="tab-hero-02"] .tab-icon,
	#hero.solutions .tabs[data-active-tab="tab-hero-03"] .tab[data-tab-name="tab-hero-03"] .tab-icon,
	#hero.solutions .tabs[data-active-tab="tab-hero-04"] .tab[data-tab-name="tab-hero-04"] .tab-icon,
	#hero.solutions .tabs[data-active-tab="tab-hero-05"] .tab[data-tab-name="tab-hero-05"] .tab-icon
	{
		color: #5DA9BA;
		background: #FFF;
		border: 2px solid #EE7933;
	}

	#hero.solutions .tabs .tab .tab-tooltip
	{
		position: absolute;
		display: inline-block;
		width: 130px;
		padding: 0.7rem 1.2rem;
		font-size: 1.3rem;
		line-height: 1.2;
		text-align: center;
		text-transform: uppercase;
		text-shadow: 1px 1px rgba(0,0,0,0.1);

		-webkit-transition: 0.25s transform ease-in-out;
		-moz-transition: 0.25s transform ease-in-out;
		-ms-transition: 0.25s transform ease-in-out;
		-o-transition: 0.25s transform ease-in-out;
		transition: 0.25s transform ease-in-out;
	}

	#hero.solutions .tabs .base .tab .tab-tooltip
	{
		display: none;
	}

	#hero.solutions .tabs[data-active-tab="tab-hero-01"] .tab[data-tab-name="tab-hero-01"] .tab-tooltip,
	#hero.solutions .tabs[data-active-tab="tab-hero-02"] .tab[data-tab-name="tab-hero-02"] .tab-tooltip,
	#hero.solutions .tabs[data-active-tab="tab-hero-03"] .tab[data-tab-name="tab-hero-03"] .tab-tooltip,
	#hero.solutions .tabs[data-active-tab="tab-hero-04"] .tab[data-tab-name="tab-hero-04"] .tab-tooltip,
	#hero.solutions .tabs[data-active-tab="tab-hero-05"] .tab[data-tab-name="tab-hero-05"] .tab-tooltip
	{
		-webkit-transform: scale(0.8);
		-moz-transform: scale(0.8);
		-ms-transform: scale(0.8);
		-o-transform: scale(0.8);
		transform: scale(0.8);
	}

	#hero.solutions .tabs .tab[data-tab-name="tab-hero-01"] .tab-tooltip
	{
		top: -55px;
		left: -60px;
	}

	#hero.solutions .tabs .tab[data-tab-name="tab-hero-02"] .tab-tooltip
	{
		top: -50px;
		left: 30px;
	}

	#hero.solutions .tabs .tab[data-tab-name="tab-hero-03"] .tab-tooltip
	{
		top: 108px;
		left: 20px;
	}

	#hero.solutions .tabs .tab[data-tab-name="tab-hero-04"] .tab-tooltip
	{
		top: 108px;
		left: 20px;
	}

	#hero.solutions .tabs .tab[data-tab-name="tab-hero-05"] .tab-tooltip
	{
		top: 108px;
		left: -55px;
	}

	#hero.solutions .tabs .tab .tab-tooltip:before
	{
		content: '';
		position: absolute;
		display: block;
		left: 50%;
		top: 50%;
		width: 110%;
		height: 0;
		background: #EE7933;

		z-index: -1;

		will-change: height;
		-webkit-transition: 0.25s height ease-in-out;
		-moz-transition: 0.25s height ease-in-out;
		-ms-transition: 0.25s height ease-in-out;
		-o-transition: 0.25s height ease-in-out;
		transition: 0.25s height ease-in-out;

		-webkit-transform: translateX(-50%) translateY(-50%);
		-moz-transform: translateX(-50%) translateY(-50%);
		-ms-transform: translateX(-50%) translateY(-50%);
		-o-transform: translateX(-50%) translateY(-50%);
		transform: translateX(-50%) translateY(-50%);
	}

	#hero.solutions .tabs[data-active-tab="tab-hero-01"] .tab[data-tab-name="tab-hero-01"] .tab-tooltip:before,
	#hero.solutions .tabs[data-active-tab="tab-hero-02"] .tab[data-tab-name="tab-hero-02"] .tab-tooltip:before,
	#hero.solutions .tabs[data-active-tab="tab-hero-03"] .tab[data-tab-name="tab-hero-03"] .tab-tooltip:before,
	#hero.solutions .tabs[data-active-tab="tab-hero-04"] .tab[data-tab-name="tab-hero-04"] .tab-tooltip:before,
	#hero.solutions .tabs[data-active-tab="tab-hero-05"] .tab[data-tab-name="tab-hero-05"] .tab-tooltip:before
	{
		height: 110%;
	}

	#hero.solutions .tabs .tab .tab-tooltip:after
	{
		content: '';
		position: absolute;
		display: block;
		left: 50%;
		width: 1px;
		height: 2.5rem;
		background: #FFF;
	}

	#hero.solutions .tabs .tab[data-tab-name="tab-hero-01"] .tab-tooltip:after,
	#hero.solutions .tabs .tab[data-tab-name="tab-hero-02"] .tab-tooltip:after
	{
		top: 100%;
		-webkit-transform-origin: 0 0;
		-moz-transform-origin: 0 0;
		-ms-transform-origin: 0 0;
		-o-transform-origin: 0 0;
		transform-origin: 0 0;
	}

	#hero.solutions .tabs .tab[data-tab-name="tab-hero-03"] .tab-tooltip:after,
	#hero.solutions .tabs .tab[data-tab-name="tab-hero-04"] .tab-tooltip:after,
	#hero.solutions .tabs .tab[data-tab-name="tab-hero-05"] .tab-tooltip:after
	{
		bottom: 100%;
		-webkit-transform-origin: 0 100%;
		-moz-transform-origin: 0 100%;
		-ms-transform-origin: 0 100%;
		-o-transform-origin: 0 100%;
		transform-origin: 0 100%;
	}

	#hero.solutions .tabs .tab[data-tab-name="tab-hero-01"] .tab-tooltip:after
	{
		-webkit-transform: rotate(-35deg);
		-moz-transform: rotate(-35deg);
		-ms-transform: rotate(-35deg);
		-o-transform: rotate(-35deg);
		transform: rotate(-35deg);
	}

	#hero.solutions .tabs .tab[data-tab-name="tab-hero-02"] .tab-tooltip:after
	{
		-webkit-transform: rotate(35deg);
		-moz-transform: rotate(35deg);
		-ms-transform: rotate(35deg);
		-o-transform: rotate(35deg);
		transform: rotate(35deg);
	}

	#hero.solutions .tabs .tab[data-tab-name="tab-hero-03"] .tab-tooltip:after
	{
		-webkit-transform: rotate(-35deg);
		-moz-transform: rotate(-35deg);
		-ms-transform: rotate(-35deg);
		-o-transform: rotate(-35deg);
		transform: rotate(-35deg);
	}

	#hero.solutions .tabs .tab[data-tab-name="tab-hero-04"] .tab-tooltip:after
	{
		-webkit-transform: rotate(-35deg);
		-moz-transform: rotate(-35deg);
		-ms-transform: rotate(-35deg);
		-o-transform: rotate(-35deg);
		transform: rotate(-35deg);
	}

	#hero.solutions .tabs .tab[data-tab-name="tab-hero-05"] .tab-tooltip:after
	{
		-webkit-transform: rotate(35deg);
		-moz-transform: rotate(35deg);
		-ms-transform: rotate(35deg);
		-o-transform: rotate(35deg);
		transform: rotate(35deg);
	}

	#hero .tabs .tab-content
	{
		display: none;
		position: absolute;
		top: 0;
		right: 0;
		width: 50%;
		height: 100%;
		padding: 1.5rem 5rem;
		background: rgba(130,190,204,0.96);
	}

	#hero .tabs .tab-content .inner
	{
		position: relative;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
	}
}


@media screen and (max-width: 799px)
{
	#hero
	{
		height: auto;
		margin-bottom: 30px;
	}

	#hero.generic
	{
		height: 200px;
	}

	#hero h1
	{
		font-size: 4rem;
	}

	#hero .tabs li
	{
		display: block;
	}

	#hero .tabs .tab
	{
		display: block;
		padding: 0.7rem 1rem;
		font-size: 2.5rem;
		line-height: 4rem;
		background: #9AC1B5;
		border-bottom: 1px solid rgb(97,125,133);
	}

	#hero .tabs[data-active-tab="tab-hero-00"] .tab[data-tab-name="tab-hero-00"],
	#hero .tabs[data-active-tab="tab-hero-01"] .tab[data-tab-name="tab-hero-01"],
	#hero .tabs[data-active-tab="tab-hero-02"] .tab[data-tab-name="tab-hero-02"],
	#hero .tabs[data-active-tab="tab-hero-03"] .tab[data-tab-name="tab-hero-03"],
	#hero .tabs[data-active-tab="tab-hero-04"] .tab[data-tab-name="tab-hero-04"],
	#hero .tabs[data-active-tab="tab-hero-05"] .tab[data-tab-name="tab-hero-05"],
	#hero .tabs[data-active-tab="tab-hero-06"] .tab[data-tab-name="tab-hero-06"],
	#hero .tabs[data-active-tab="tab-hero-07"] .tab[data-tab-name="tab-hero-07"],
	#hero .tabs[data-active-tab="tab-hero-08"] .tab[data-tab-name="tab-hero-08"],
	#hero .tabs[data-active-tab="tab-hero-09"] .tab[data-tab-name="tab-hero-09"]
	{
        color: #FFF;
		text-shadow: -1px -1px 0px rgba(0,0,0,0.1);
	}

	#hero .tabs[data-active-tab="tab-hero-00"] .tab[data-tab-name="tab-hero-00"]:after,
	#hero .tabs[data-active-tab="tab-hero-01"] .tab[data-tab-name="tab-hero-01"]:after,
	#hero .tabs[data-active-tab="tab-hero-02"] .tab[data-tab-name="tab-hero-02"]:after,
	#hero .tabs[data-active-tab="tab-hero-03"] .tab[data-tab-name="tab-hero-03"]:after,
	#hero .tabs[data-active-tab="tab-hero-04"] .tab[data-tab-name="tab-hero-04"]:after,
	#hero .tabs[data-active-tab="tab-hero-05"] .tab[data-tab-name="tab-hero-05"]:after,
	#hero .tabs[data-active-tab="tab-hero-06"] .tab[data-tab-name="tab-hero-06"]:after,
	#hero .tabs[data-active-tab="tab-hero-07"] .tab[data-tab-name="tab-hero-07"]:after,
	#hero .tabs[data-active-tab="tab-hero-08"] .tab[data-tab-name="tab-hero-08"]:after,
	#hero .tabs[data-active-tab="tab-hero-09"] .tab[data-tab-name="tab-hero-09"]:after
    {
        border-bottom: none;
        border-top: 10px solid #FFF;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
    }


	#hero .tabs .base .pie-bg,
	#hero .tabs .base svg
	{
		display: none;
	}

	#hero .tabs .tab-icon
	{
		display: inline-block;
		width: auto;
		padding: 0 1rem;
		font-size: 3rem;
		line-height: 4rem;
		vertical-align: top;
	}

	#hero .tabs .tab-tooltip
	{
		display: inline-block;
		width: auto;
	}

	#hero .tabs .tab-content
	{
		overflow: hidden;
		height: 0;
		background: rgb(97,125,133);

		-webkit-transition: 0.25s height ease-in-out;
		-moz-transition: 0.25s height ease-in-out;
		-ms-transition: 0.25s height ease-in-out;
		-o-transition: 0.25s height ease-in-out;
		transition: 0.25s height ease-in-out;
	}

	#hero .tabs[data-active-tab="tab-hero-00"] .tab-hero-00,
	#hero .tabs[data-active-tab="tab-hero-01"] .tab-hero-01,
	#hero .tabs[data-active-tab="tab-hero-02"] .tab-hero-02,
	#hero .tabs[data-active-tab="tab-hero-03"] .tab-hero-03,
	#hero .tabs[data-active-tab="tab-hero-04"] .tab-hero-04,
	#hero .tabs[data-active-tab="tab-hero-05"] .tab-hero-05,
	#hero .tabs[data-active-tab="tab-hero-06"] .tab-hero-06,
	#hero .tabs[data-active-tab="tab-hero-07"] .tab-hero-07,
	#hero .tabs[data-active-tab="tab-hero-08"] .tab-hero-08,
	#hero .tabs[data-active-tab="tab-hero-09"] .tab-hero-09
	{
		height: auto;
	}

	#hero .tabs .tab-content .inner
	{
		padding: 1.5rem;
	}

	#hero .tabs .tab-content h1
	{
		display: none;
	}

	#hero .tabs .base .tab-content h1
	{
		display: block;
	}
}

@media screen and (min-width: 500px)
{
	#hero .container,
	#hero .container.offset
	{
		top: 50%;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		transform: translateY(-50%);
	}
}


@media screen and (max-width: 550px)
{
	#hero.resources
	{
		height: auto;
	}

	#hero.resources .interior
	{
		padding: 0;
	}

	#hero.resources .title-block
	{
		display: block;
		margin-top: 0;
	}

	#hero.resources .rubric
	{
		width: 100%;
		margin: 0;
		padding: 10px 20px 10px 24px;
	}

	#hero.resources .rubric:hover
	{
		padding: 10px 24px 10px 20px;
	}

	#hero.resources h1
	{
		margin: 0;
	}
}


@media screen and (max-width: 499px)
{
	#hero,
	#hero.generic
	{
		height: auto;
		margin-bottom: 20px;
	}

	#hero .spacer
	{
		display: none;
	}

	#hero .container,
	#hero .container.offset
	{
		max-width: 100%;
		margin: 0;
		padding: 0;
	}

	#hero h1,
	#hero h2,
	#hero .rubric
	{
		width: 100%;
		margin: 0;
		text-align: left;
	}

	#hero .tabs .tab-icon
	{
		font-size: 3rem;
	}

	#hero .tabs .tab-tooltip
	{
		font-size: 2rem;
		line-height: 3rem;
	}

	#hero .tabs .tab-content h1
	{
		font-size: 3rem;
	}

}