/* Global Page Styling */
#mission .title, #mission .caption {
	text-align: left;
	font-size: 20px;
}
/* End global styling */

/* Section Styling */
#mission .header {
	background:
		url(/resources/images/business/mission/mission-header-bg.png)
		no-repeat right center;
	color: #fff;
	background-size: cover;
	position: relative;
	text-align: left;
	height: 550px;
	align-items: center;
	display: flex;
}

#mission .header .container {
	padding: 5% 5% 2% 5%;
	margin: 0 auto 0 0;
	flex-direction: column;
	align-items: flex-start;
}

#mission .header .title {
	color: #FFFFFF;
	font-weight: 300;
	margin-bottom: 4%;
}

#mission .header .caption {
	font-size: 20px;
	color: #ffffff;
}

/* End Section Styling */

/* Session Styling */
#mission .mission-stats {
	background: #28c2fe;
}

#mission .wh {
	color: #ffffff;
}

#mission .home-heading {
	text-align: center;
	font-size: 3rem;
}

#mission .home-heading span {
	font-weight: 500;
}

#mission .mission-stats .home-stats-row .home-stats-row-block {
	width: 33.3%;
	padding: 5% 0%;
	text-align: center;
	font-size: 2rem;
}

#mission .mission-stats .home-stats-row .home-stats-row-block .home-stats-row-block-number
	{
	background: #ffffff;
	width: 150px;
	height: 150px;
	border-radius: 135px;
	margin: auto;
	margin-bottom: 5%;
}

#mission .mission-stats .home-stats-row .home-stats-row-block .home-stats-row-block-number span
	{
	position: relative;
	font-size: 4rem;
	color: grey;
	top: 45px;
	vertical-align: middle;
	display: inline-block;
}

#mission .mission-stats .home-stats-row .home-stats-row-block .home-stats-row-block-number .lg
	{
	font-size: 3.2rem;
	position: relative;
	transform: translateY(15%);
	-ms-transform: translateY(15%);
	-moz-transform: translateY(15%);
	-webkit-transform: translateY(15%);
	-o-transform: translateY(15%);
}

#mission .mission-stats .home-stats-row {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
/* End Session Styling */

/* Section Styling */
#mission .built-future {
	background-size: cover;
	height: 550px;
}

#mission .built-future .container-wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#mission .built-future .section-text {
	max-width: 45%;
	width: 100%;
}

#mission .built-future .info-graphic {
	max-width: 35%;
	width: 100%;
}

#mission .built-future .title, #mission .redundancy .title {
	color: #28C2FE;
	font-size: 22px;
}

#mission .ms-map {
	cursor: pointer;
	text-align: center;
}

#mission .ms-map img{
	max-height: 465px;
	
}
#mission .ms-map .caption {
	text-align: center;
}

.popup-ms {
	width: 95%;
	padding: 5%;
}
/* End Session Styling */

/* Section Styling */
#mission .terabit {
	background:
		url(/resources/images/business/mission/mission-terabit-bg.png)
		no-repeat right center;
	color: #fff;
	background-size: cover;
	position: relative;
	text-align: left;
	height: 550px;
}

#mission .terabit .container {
	max-width: 40%;
	padding: 5% 5% 2% 5%;
	margin: 0 auto 0 0;
	transform: translateY(10%);
	-ms-transform: translateY(10%);
	-moz-transform: translateY(10%);
	-webkit-transform: translateY(10%);
	-o-transform: translateY(10%);
}

#mission .terabit .title, #mission .terabit .container p {
	color: #ffffff;
	font-weight: 300;
	text-align: left;
}

#mission .terabit .caption {
	font-size: 20px;
	color: #ffffff;
}
/* End Section Styling */

/* Section Styling */
#mission .redundancy {
	background:
		url(/resources/images/business/mission/mission-redundancy-bg.png)
		no-repeat right center;
	background-size: cover;
	position: relative;
	text-align: left;
	height: 550px;
}

#mission .redundancy .container {
	max-width: 40%;
	padding: 5% 5% 2% 5%;
	margin: 0 auto 0 0;
	transform: translateY(50%);
	-ms-transform: translateY(50%);
	-moz-transform: translateY(50%);
	-webkit-transform: translateY(50%);
	-o-transform: translateY(50%);
}
/* End Section Styling */

/* Section Styling */
#mission .tax-payer {
	background:
		url(/resources/images/business/mission/mission-savings-bg.png)
		no-repeat right center;
	color: #ffffff;
	background-size: cover;
	position: relative;
	text-align: left;
	height: 550px;
}

#mission .tax-payer .container {
	max-width: 40%;
	padding: 5% 5% 2% 5%;
	margin: 0 auto 0 0;
	transform: translateY(15%);
	-ms-transform: translateY(15%);
	-moz-transform: translateY(15%);
	-webkit-transform: translateY(15%);
	-o-transform: translateY(15%);
}

#mission .tax-payer .title, #mission .tax-payer .container p {
	color: #ffffff;
	font-weight: 300;
	text-align: left;
}

#mission .tax-payer .caption {
	font-size: 20px;
	color: #ffffff;
}
/* End Section Styling */

/* Section styling */
#mission .portfolio .title {
	color: #28C2FE;
	text-align: center;
}

#mission .portfolio .caption {
	text-align: center;
	max-width: 75%;
	margin: 0 auto;
}

#mission .portfolio .home-grid {
	padding: 0 5% 3%;
}
/* End Section styling*/

/* Section Styling */
#mission .classification .container-wrapper>div {
	flex-basis: 20%;
	padding: 20px 1%;
}

#mission .classification .label {
	color: inherit;
}
/***video-section****/
.video-wrapper {
	display: flex;
	flex-direction: row;
	justify-content: center;
	background-color: #E0E0E0;
	padding: 2%;
}

.video-img-wrapper {
	width: 70%;
}

.video {
	max-width: 100%;
	max-height: 100%;
	height: auto;
	display: flex;
	vertical-align: middle;
	object-fit: fill;
	cursor: pointer;
}

@media only screen and (max-width:768px) {
	.video-wrapper {
		display: flex;
		justify-content: center;
		flex-direction: column;
		padding: 0%;
	}
	.video-img-wrapper {
		width: auto;
		height: auto;
	}
}
/**** end - video section***/
/* End Section Style */
@media ( max-width : 1050px) {
	#mission .header, #mission .terabit, #mission .redundancy, #mission .tax-payer
		{
		background-position: 70% center;
		position: relative;
		text-align: left;
		height: 400px;
	}
	#mission .header .translucent, #mission .terabit .translucent {
		background-color: #000;
		opacity: .1;
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
	}
	#mission .header .container {
		max-width: 100%;
		align-items: flex-start;
	}
	#mission .terabit .container, #mission .redundancy .container, #mission .tax-payer .container
		{
		max-width: 60%;
	}
	#mission .terabit .title, #mission .redundancy .title, #mission .tax-payer .title
		{
		margin-bottom: 8%;
	}
}

@media ( max-width : 900px) {
	#mission .built-future {
		height: fit-content;
	}
	#mission .built-future .info-graphic {
		max-width: 45%;
	}
	#mission .terabit {
		background:
			url(/resources/images/business/mission/mission-terabit-bg-mo.png)
			no-repeat center;
		height: 400px;
		background-size: cover;
	}
	#mission .redundancy {
		background:
			url(/resources/images/business/mission/mission-redundancy-bg-mo.png)
			no-repeat right center;
		background-color: #f7f7f7;
		height: 400px;
		position: relative;
		background-size: cover;
	}
	#mission .tax-payer {
		background:
			url(/resources/images/business/mission/mission-savings-bg-mo.png)
			no-repeat right center;
		background-color: #f7f7f7;
		height: 400px;
		position: relative;
		background-size: cover;
	}
	#mission .redundancy .container, #mission .tax-payer .container {
		vertical-align: middle;
		width: 100%;
		max-width: 75%;
		margin-left: 0;
		transform: translateY(15%);
		-ms-transform: translateY(15%);
		-moz-transform: translateY(15%);
		-webkit-transform: translateY(15%);
		-o-transform: translateY(15%);
	}
}

@media ( max-width : 600px) {
	#mission .mission-stats .home-stats-row .home-stats-row-block {
		width: 100%;
	}
	#mission .terabit .caption, #mission .redundancy .caption, #mission .tax-payer .caption
		{
		font-size: 16px;
	}
	#mission .portfolio .caption {
		text-align: center;
	}
	#mission .terabit .container, #mission .redundancy .container, #mission .tax-payer .container
		{
		max-width: 70%;
	}
}

@media ( max-width : 500px) {
	#mission .header {
		background:
			url(/resources/images/business/mission/mission-header-bg-mo.png)
			no-repeat right center;
		height: 400px;
		position: relative;
		background-size: cover;
	}
	#mission .header .container {
		vertical-align: bottom;
		position: absolute;
		bottom: 0;
	}
	#mission .header .title {
		font-size: 40px;
		margin-bottom: 8%;
	}
	#mission .mission-stats .home-stats-row .home-stats-row-block .home-stats-row-block-number span
		{
		font-size: 6rem;
	}
	#mission .mission-stats .home-stats-row .home-stats-row-block .home-stats-row-block-number .lg
		{
		font-size: 4rem;
	}
	#mission .built-future .container-wrapper {
		display: block;
	}
	#mission .built-future .section-text, #mission .built-future .info-graphic
		{
		max-width: 100%;
	}
	#mission .built-future .info-graphic {
		padding: 5%;
	}
	#mission .terabit {
		background:
			url(/resources/images/business/mission/mission-terabit-bg-mo.png)
			no-repeat right center;
		height: 400px;
		position: relative;
		background-size: cover;
	}
	#mission .terabit .caption {
		font-size: 18px;
	}
	#mission .redundancy, #mission .tax-payer {
		background-position: 10% center;
		height: 400px;
		position: relative;
	}
	#mission .terabit .container, #mission .redundancy .container, #mission .tax-payer .container
		{
		vertical-align: middle;
		width: 100%;
		max-width: 100%;
		margin-left: 0;
		transform: translateY(15%);
		-ms-transform: translateY(15%);
		-moz-transform: translateY(15%);
		-webkit-transform: translateY(15%);
		-o-transform: translateY(15%);
	}
	#mission .redundancy {
		background-position: right;
		height: 400px;
		position: relative;
	}
	#mission .redundancy .container, #mission .tax-payer .container {
		width: 85%;
	}
	#mission .terabit .title, #mission .redundancy .title, #mission .tax-payer .title,
		#mission .portfolio .title {
		font-size: 27px;
		margin-bottom: 8%;
	}
	#mission .portfolio .title {
		text-align: center;
	}
	#mission .terabit p, #mission .redundancy p, #mission .tax-payer p,
		#mission .portfolio p {
		color: #ffffff;
	}
	#mission .redundancy p, #mission .portfolio p {
		color: initial;
	}
	#mission .terabit .caption, #mission .redundancy .caption, #mission .tax-payer .caption,
		#mission .portfolio .caption {
		max-width: 100%;
		font-size: 16px;
	}
	#mission .classification .container-wrapper>div img {
		min-width: 80px;
		max-width: 80px;
	}
}