section#banner {
	position: relative;
}
/*Video Section*/
section#banner {
	position: relative;
	margin-top: 160px;
	height: 360px;
	background-color: #000;
}
	section#banner #video-overlay {
		position: absolute;
		display: table;
		width: 100%;
		text-align: center;
		height: 360px;
		background-color: #000;
	}
		section#banner #video-overlay #video-caption {
			display: table-cell;
			vertical-align: middle;
			height: 100%;
			color: #fff;
		}
			section#banner #video-overlay #video-caption h2 {
				margin: 0 auto 35px;
				font-size: 40px;
				line-height: 50px;
				font-weight: 500;
				max-width: 640px;
				letter-spacing: 2px;
			}
				section#banner #video-overlay #video-caption span#play i {
					font-size: 30px;
					color: #fff;
					border-radius: 100%;
					height: 60px;
					width: 60px;
					text-align: center;
					background-color: #b8cc6e;
					line-height: 60px;
					padding-left: 5px;
					cursor: pointer;
				}
	section#banner iframe {
		margin: 0 auto;
		display: block;
		max-width: 640px;
	}
section#flow-chart {
	background-image: url('../images/environment/flow-chart-bg.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: top center;
	text-align: center;
	padding: 50px 0;
	min-height: 1125px;
}
	section#flow-chart h4 {
		color: #4b6000;
		margin: 0;
		font-weight: 500;
		font-size: 16px;
		line-height: 16px;
	}
	section#flow-chart h1 {
		color: #004460;
		margin: 17px 0 52px;
		font-size: 40px;
		font-weight: 500;
		line-height: 50px;
	}
	section#flow-chart .flow-item {
		position: relative;
		width: 100%;
		max-width: 570px;
		display: none;
		margin: 0 auto;
	}
	section#flow-chart .flow-item.flow-item-1 {
		display: block;
	}
	section#flow-chart .flow-item img.flow-img {
		margin: 10px auto;
		display: block;
	}
		section#flow-chart .flow-item .flow-text {
			position: absolute;
			top: 40px;
		}
			section#flow-chart .flow-item .flow-text span {
				display: inline-block;
				max-width: 215px;
				font-weight: 400;
				font-size: 12px;
				text-align: left;
				margin-top: 10px;
				line-height: 14px;
				float: left;
			}
			section#flow-chart .flow-item  .flow-text.right {
				right: 0;
				-webkit-transition: opacity 1s, -webkit-transform 1s;
				transition: opacity 1s, transform 1s;
				-webkit-transform: translate3d(50px,0,0);
				transform: translate3d(50px,0,0);
			}
			section#flow-chart .flow-item.show-me .flow-text.right,
			section#flow-chart .flow-item.show-me .flow-text.left {
				opacity: 1;
				transition: all ease 1s;
				-webkit-transform: translate3d(0,0,0);
			    transform: translate3d(0,0,0);
			}
			section#flow-chart .flow-item .flow-text.left {
				left: 0;
				opacity: 0;
				-webkit-transition: opacity 1s, -webkit-transform 1s;
				transition: opacity 1s, transform 1s;
				-webkit-transform: translate3d(-50px,0,0);
				transform: translate3d(-50px,0,0);
			}
@media (max-width: 1199px) {
	section#flow-chart {
		background-size: auto 100%;
	}
}
@media (max-width: 991px) {
}
@media (max-width: 859px) {
}
@media (max-width: 767px) {
	section#banner #video-overlay #video-caption h2 {
		font-size: 30px;
		padding: 0 10px;
	}
}
@media (max-width: 659px) {
	section#flow-chart .flow-item:nth-child(even) img.flow-img {
		float: right;
	} 
	section#flow-chart .flow-item {
		max-width: 370px;
	}
		section#flow-chart .flow-item img.flow-img {
			float: left;
		}
		section#flow-chart .flow-item .flow-text {
			float: left;
			position: relative;
		}
			section#flow-chart .flow-item .flow-text.left {
				margin-right: 5px;
			}
			section#flow-chart .flow-item .flow-text.right {
				margin-left: 5px;
			}
		section#flow-chart .flow-item-7 .flow-text span {
			float: none;
		}
		section#flow-chart .flow-item img.arrow {
			margin-top: 10px;
		}
		section#flow-chart .flow-item.flow-item-6 img.arrow, section#flow-chart .flow-item.flow-item-3 img.arrow {
			margin-top: 50px;
		}
		section#flow-chart .flow-item.flow-item-1 img.arrow {
			margin-top: 10px;
		}
		section#flow-chart .flow-item img.arrow {
			margin-top: 30px;
		}
		section#flow-chart .flow-item.flow-item-7 span {
			padding-left: 0 !important;
			margin-left: -25px;
		}
}
@media (max-width: 579px) {
	section#banner {
		margin-top: 85px;
	}
}
@media (max-width: 479px) {
	section#banner #video-overlay #video-caption h2 {
		font-size: 24px;
		line-height: 36px;
	}
	section#flow-chart h1 {
		font-size: 32px;
		line-height: 40px;
	}
}
@media (max-width: 399px) {
	section#flow-chart .flow-item img.flow-img {
		float: none !important;
	}
	section#flow-chart .flow-item .flow-text {
		top: 0;
		float: none;
		display: block;
		margin: auto;
	}
		section#flow-chart .flow-item .flow-text img {
			display: block;
			margin: auto;
			float: none;
		}
		section#flow-chart .flow-item.flow-item-6 img.arrow, section#flow-chart .flow-item.flow-item-3 img.arrow {
			margin-top: 10px;
		}
		section#flow-chart .flow-item .flow-text span {
			float: none;
		}
}
@media (max-width: 359px) {
	section#flow-chart h1 {
		font-size: 24px;
		line-height: 30px;
		padding: 0 20px;
	}
}