@charset "utf-8";
/* t1 - Homepage CSS */

/*===============================
  BEGIN MAIN BANNER
  ===============================*/

.home-module1-main-container {
	height: auto;
	position: relative;
	max-width: 100%;
	z-index: 1;
	margin-bottom: 100px;
}

.home-module1-inner-container {
	position: relative;
}

.home-module1-l-col {
	position: relative;
	margin-bottom: 50px;
	padding: 20px 20px 0px 20px;
}

.home-module1-r-col {
	position: relative;
	padding: 0px 0px 0px 0px;
}

.homepage-h1 {
	color: #0E3652;
	font-weight: 300;
	font-size: 34px;

}

.homepage-p {
	color: #000;
	font-weight: 300;
	font-size: 18px;
	line-height: 27px;
	padding-bottom:20px;
}

.animation-container {
	position: relative;
	top: 0px;
	left: 0px;
	z-index: 4;
	height: 680px;
}

.text-inner-container {
	position: relative;
	top: 10px;
	left: 0px;
	z-index: 4;
	padding: 0px;
}

.animation-inner-container {
	position: relative;
	top: 0px;
	right: 0px;
	z-index: -1;
	margin-top: 40px
}

.banner-image-1 {
	width: 270px;
	height: 184px;
	border-radius: 20px 0px 0px 20px;
	overflow: hidden;
	z-index: 2;
	position: relative;
	float: right;
	margin-bottom: 20px;
}

	.banner-image-1 img {
		width: 270px;
		height: 184px;
	}

.banner-image-2 {
	width: 163px;
	height: 118px;
	border-radius: 20px;
	overflow: hidden;
	z-index: 2;
	position: relative;
	clear: both;
	margin-left: 20px;
}

	.banner-image-2 img {
		width: 163px;
		height: 118px;
	}

.home-module1-link {
	position: relative;
	height: auto;
	min-height: 83px;
}

.gradient-1 {
	display: inline-block;
	height: 313px;
	width: 80px;
	position: absolute;
	right: 0px;
	top: -40px;
	z-index: 0;
	border-radius: 5px;
	background-image: -webkit-linear-gradient(bottom, rgba(14,54,82,0), rgba(0,90,143,.9));
	background-image: -o-linear-gradient(bottom, rgba(0,90,143,0), rgba(14,54,82,.9));
	background-image: linear-gradient(to top, rgba(14,54,82,0), rgba(14,54,82,.9));
}

.gradient-2 {
	display: none;
	height: 320px;
	width: 44px;
	position: absolute;
	right: 67px;
	top: -22px;
	z-index: 1;
	border-radius: 5px;
	background-image: -webkit-linear-gradient(bottom, rgba(2,176,184,0), rgba(2,176,184,.7));
	background-image: -o-linear-gradient(bottom, rgba(2,176,184,0), rgba(2,176,184,.7));
	background-image: linear-gradient(to top, rgba(2,176,184,0), rgba(2,176,184,.7));
}

.gradient-3 {
	display: inline-block;
	height: 100px;
	width: 20px;
	position: absolute;
	right: 35px;
	top: 200px;
	z-index: 1;
	border-radius: 5px;
	background-image: -webkit-linear-gradient(bottom, rgba(153,198,109,0), rgba(153,198,109,.7));
	background-image: -o-linear-gradient(bottom, rgba(153,198,109,0), rgba(153,198,109,.7));
	background-image: linear-gradient(to top, rgba(153,198,109,0), rgba(153,198,109,.7));
}

.gradient-4 {
	display: inline-block;
	height: 214px;
	width: 25px;
	position: absolute;
	right: 209px;
	top: -21px;
	z-index: 1;
	border-radius: 5px;
	background-image: -webkit-linear-gradient(bottom, rgba(14,54,82,0), rgba(14,54,82,.9));
	background-image: -o-linear-gradient(bottom, rgba(14,54,82,0), rgba(14,54,82,.9));
	background-image: linear-gradient(to top, rgba(14,54,82,0), rgba(14,54,82,.9));
}

.gradient-5 {
	display: inline-block;
	height: 300px;
	width: 38px;
	position: absolute;
	left: 60px;
	top: 45px;
	z-index: 1;
	border-radius: 5px;
	background-image: -webkit-linear-gradient(bottom, rgba(153,198,109,0), rgba(153,198,109,.9));
	background-image: -o-linear-gradient(bottom, rgba(153,198,109,0), rgba(153,198,109,.9));
	background-image: linear-gradient(to top, rgba(153,198,109,0), rgba(153,198,109,.9));
}

.gradient-6 {
	display: inline-block;
	height: 180px;
	width: 30px;
	position: absolute;
	left: 0px;
	top: 177px;
	z-index: 1;
	border-radius: 5px;
	background-image: -webkit-linear-gradient(bottom, rgba(2,176,184,0), rgba(2,176,184,.5));
	background-image: -o-linear-gradient(bottom, rgba(2,176,184,0), rgba(2,176,184,.5));
	background-image: linear-gradient(to top, rgba(2,176,184,0), rgba(2,176,184,.5));
}

.homepage-video-content-container {
	padding-left: 0px !important;
}

.homepage-video-container {
	margin-top: 0px;
	padding: 0px 10px 0px 10px;
}
.video-module-image-container img{
border-radius:20px;}
/*===============================
  END MAIN BANNER
  ===============================*/
/*===============================
  BEGIN PROMO AREA
  ===============================*/
.homepage-promo-area {
	background: linear-gradient(90deg, #02B0B8 50%, #fff 50%);
}
.promo-area-main-container {
	background-color: #02B0B8;
	height: auto;
	position: relative;
	border-radius: 0px 20px 0px 0px;
	max-width: 100%;
}
	.promo-area-container {position: relative;}
	.promo-area-l-col  {position: relative;}
.promo-area-r-col {
	position: relative;
	max-width: 810px;
}
	.promo-area-r-col h2   {font-size: 32px;font-weight: 300; }
	.promo-area-r-col p   {font-size: 16px;line-height:27px;font-weight: 300;}
	.promo-image-1 {width: 269px;height: 184px;border-radius: 0px 20px 20px 0px;overflow: hidden;z-index: 2;position: relative;top:-35px;clear: both;}
	.promo-image-1 img {width: 269px;height: 184px;}
.promo-area-gradient-1 {
	display: inline-block;
	height: 255px;
	width: 26px;
	position: absolute;
	left: 216px;
	top: -55px;
	z-index: 0;
	border-radius: 5px;
	background-image: -webkit-linear-gradient(bottom, rgba(255,255,255,0), rgba(255,255,255,.5));
	background-image: -o-linear-gradient(bottom, rgba(255,255,255,0), rgba(255,255,255,.5));
	background-image: linear-gradient(to top, rgba(255,255,255,0), rgba(255,255,255,.5));
}
	.promo-area-gradient-2 {display: none;}
	.promo-area-gradient-3 {display: none;}
	.promo-area-gradient-4 {display: none;}
	.promo-area-gradient-5 {display: none;}
	.promo-area-gradient-6 {display: none;}

/*===============================
  END PROMO AREA
  ===============================*/
@media (min-width: 320px) {
}
@media (min-width: 375px) {
/*===============================
  BEGIN MAIN BANNER
  ===============================*/

	.homepage-h1 {
		font-size: 38px;
		
	}


/*===============================
  END MAIN BANNER
  ===============================*/
	
/*===============================
  BEGIN PROMO AREA
  ===============================*/	

	.promo-area-r-col h2 {font-size: 30px;}
	.promo-area-r-col p {font-size: 18px;}
	.promo-area-gradient-3 {
		display: inline-block;
		height: 100px;
		width: 54px;
		position: absolute;
		left: 262px;
		top: 48px;
		z-index: 0;
		border-radius: 10px;
		background-image: -webkit-linear-gradient(bottom, rgba(255,255,255,0), rgba(255,255,255,.5));
		background-image: -o-linear-gradient(bottom, rgba(255,255,255,0), rgba(255,255,255,.5));
		background-image: linear-gradient(to top, rgba(255,255,255,0), rgba(255,255,255,.5));
	}
	.promo-area-gradient-4 {
		display: inline-block;
		height: 105px;
		width: 35px;
		position: absolute;
		left: 300px;
		top: 78px;
		z-index: 0;
		border-radius: 5px;
		background-image: -webkit-linear-gradient(bottom, rgba(255,255,255,0), rgba(255,255,255,.5));
		background-image: -o-linear-gradient(bottom, rgba(255,255,255,0), rgba(255,255,255,.5));
		background-image: linear-gradient(to top, rgba(255,255,255,0), rgba(255,255,255,.5));
	}
/*===============================
  END PROMO AREA
  ===============================*/	
	
}
	@media (min-width: 576px) {
/*===============================
  BEGIN MAIN BANNER
  ===============================*/
		.homepage-h1 {
			color: #0E3652;
			font-weight: 300;
			font-size: 36px;
			max-width: 465px;
		}

		.homepage-p {
			color: #000;
			font-weight: 300;
			font-size: 16px;
		}

		.text-inner-container {
			position: relative;
			top: 10px;
			left: 0px;
			z-index: 4;
		}

		.animation-container {
			position: relative;
			height: 660px;
			max-width: 576px;
		}

		.animation-inner-container {
			position: relative;
			top: 0px;
			right: 0px;
			z-index: -1;
			margin-top: 40px;
		}

		.banner-image-1 {
			width: 325px;
			height: 226px;
			border-radius: 20px;
			overflow: hidden;
			z-index: 2;
			position: relative;
		}

			.banner-image-1 img {
				width: 325px;
				height: 226px;
				margin-left: 0px;
			}

		.banner-image-2 {
			width: 200px;
			height: 145px;
			border-radius: 20px;
			overflow: hidden;
			z-index: 2;
			position: relative;
		}

			.banner-image-2 img {
				width: 200px;
				height: 145px;
			}

		.gradient-1 {
			display: inline-block;
			height: 345px;
			width: 125px;
			position: absolute;
			right: -9px;
			top: -70px;
			z-index: 0;
			border-radius: 10px;
			background-image: -webkit-linear-gradient(bottom, rgba(14,54,82,0), rgba(14,54,82,.9));
			background-image: -o-linear-gradient(bottom, rgba(14,54,82,0), rgba(14,54,82,.9));
			background-image: linear-gradient(to top, rgba(14,54,82,0), rgba(2,176,184,.9));
		}

		.gradient-2 {
			display: inline-block;
			height: 400px;
			width: 70px;
			position: absolute;
			right: 87px;
			top: -25px;
			z-index: 1;
			border-radius: 10px;
			background-image: -webkit-linear-gradient(bottom, rgba(2,176,184,0), rgba(2,176,184,.7));
			background-image: -o-linear-gradient(bottom, rgba(2,176,184,0), rgba(2,176,184,.7));
			background-image: linear-gradient(to top, rgba(2,176,184,0), rgba(2,176,184,.7));
		}

		.gradient-3 {
			display: inline-block;
			height: 160px;
			width: 25px;
			position: absolute;
			right: 45px;
			top: 184px;
			z-index: 1;
			border-radius: 10px;
			background-image: -webkit-linear-gradient(bottom, rgba(153,198,109,0), rgba(153,198,109,.7));
			background-image: -o-linear-gradient(bottom, rgba(153,198,109,0), rgba(153,198,109,.7));
			background-image: linear-gradient(to top, rgba(153,198,109,0), rgba(153,198,109,.7));
		}

		.gradient-4 {
			display: inline-block;
			height: 315px;
			width: 20px;
			position: absolute;
			right: 263px;
			top: -20px;
			z-index: 1;
			border-radius: 5px;
			background-image: -webkit-linear-gradient(bottom, rgba(14,54,82,0), rgba(14,54,82,.9));
			background-image: -o-linear-gradient(bottom, rgba(14,54,82,0), rgba(14,54,82,.9));
			background-image: linear-gradient(to top, rgba(14,54,82,0), rgba(14,54,82,.9));
		}

		.gradient-5 {
			display: inline-block;
			height: 330px;
			width: 65px;
			position: absolute;
			right: 300px;
			left: auto;
			top: 90px;
			z-index: 1;
			border-radius: 10px;
			background-image: -webkit-linear-gradient(bottom, rgba(153,198,109,0), rgba(153,198,109,.9));
			background-image: -o-linear-gradient(bottom, rgba(153,198,109,0), rgba(153,198,109,.9));
			background-image: linear-gradient(to top, rgba(153,198,109,0), rgba(153,198,109,.9));
		}

		.gradient-6 {
			display: inline-block;
			height: 180px;
			width: 24px;
			position: absolute;
			right: 473px;
			left: auto;
			top: 210px;
			z-index: 1;
			border-radius: 5px;
			background-image: -webkit-linear-gradient(bottom, rgba(2,176,184,0), rgba(2,176,184,.5));
			background-image: -o-linear-gradient(bottom, rgba(2,176,184,0), rgba(2,176,184,.5));
			background-image: linear-gradient(to top, rgba(2,176,184,0), rgba(2,176,184,.5));
		}

/*===============================
  END MAIN BANNER
  ===============================*/
		
/*===============================
  BEGIN PROMO AREA
  ===============================*/

	.promo-area-main-container {max-width: 100%;}
	.promo-image-1 {width: 269px;height: 184px;border-radius: 20px;overflow: hidden;z-index: 2;position: relative;top:-20px;clear: both;}
	.promo-image-1 img {width: 269px;height: 184px;}
/*===============================
  END PROMO AREA
  ===============================*/		

}	
	
@media (min-width: 768px) {
/*===============================
  BEGIN MAIN BANNER
  ===============================*/
	.home-module1-l-col {
		padding: 0px 0px 0px 0px;
	}

	.homepage-h1 {
		color: #0E3652;
		font-weight: 300;
		font-size: 33px;
		max-width: 420px;
		padding-bottom: 10px;
	}

	.homepage-p {
		color: #000;
		font-weight: 300;
		font-size: 18px;
		max-width: 380px;
	}

	.text-inner-container {
		position: relative;
		top: 0px;
		left: 0px;
		z-index: 4;
		max-width: 550px;
		padding-top: 100px;
	}

	.animation-container {
		position: relative;
		height: 532px;
		max-width: 768px;
	}

	.animation-inner-container {
		position: relative;
		top: 0px;
		right: 0px;
		z-index: -1;
		margin-top: 0px;
	}

	.banner-image-1 {
		width: 257px;
		height: 179px;
		border-radius: 20px;
		overflow: hidden;
		z-index: 2;
		position: relative;
		margin-top: 200px;
		margin-bottom: 30px;
	}

		.banner-image-1 img {
			width: 257px;
			height: 179px;
		}

	.banner-image-2 {
		width: 168px;
		height: 122px;
		border-radius: 20px;
		overflow: hidden;
		z-index: 2;
		position: relative;
		clear: both;
	}

		.banner-image-2 img {
			width: 168px;
			height: 122px;
		}


	.gradient-1 {
		display: inline-block;
		height: 400px;
		width: 110px;
		position: absolute;
		right: -20px;
		top: 73px;
		z-index: 0;
		border-radius: 10px;
		background-image: -webkit-linear-gradient(bottom, rgba(14,54,82,0), rgba(14,54,82,.9));
		background-image: -o-linear-gradient(bottom, rgba(14,54,82,0), rgba(14,54,82,.9));
		background-image: linear-gradient(to top, rgba(14,54,82,0), rgba(14,54,82,.9));
	}

	.gradient-2 {
		display: inline-block;
		height: 406px;
		width: 65px;
		position: absolute;
		right: 73px;
		top: 118px;
		z-index: 1;
		border-radius: 10px;
		background-image: -webkit-linear-gradient(bottom, rgba(2,176,184,0), rgba(2,176,184,.7));
		background-image: -o-linear-gradient(bottom, rgba(2,176,184,0), rgba(2,176,184,.7));
		background-image: linear-gradient(to top, rgba(2,176,184,0), rgba(2,176,184,.7));
	}

	.gradient-3 {
		display: inline-block;
		height: 237px;
		width: 33px;
		position: absolute;
		right: 30px;
		top: 290px;
		z-index: 1;
		border-radius: 10px;
		background-image: -webkit-linear-gradient(bottom, rgba(153,198,109,0), rgba(153,198,109,.7));
		background-image: -o-linear-gradient(bottom, rgba(153,198,109,0), rgba(153,198,109,.7));
		background-image: linear-gradient(to top, rgba(153,198,109,0), rgba(153,198,109,.7));
	}

	.gradient-4 {
		display: inline-block;
		height: 220px;
		width: 24px;
		position: absolute;
		right: 201px;
		top: 168px;
		z-index: 1;
		border-radius: 5px;
		background-image: -webkit-linear-gradient(bottom, rgba(14,54,82,0), rgba(14,54,82,.9));
		background-image: -o-linear-gradient(bottom, rgba(14,54,82,0), rgba(14,54,82,.9));
		background-image: linear-gradient(to top, rgba(14,54,82,0), rgba(14,54,82,.9));
	}

	.gradient-5 {
		display: inline-block;
		height: 320px;
		width: 44px;
		position: absolute;
		right: 240px;
		top: 285px;
		z-index: 1;
		border-radius: 10px;
		background-image: -webkit-linear-gradient(bottom, rgba(153,198,109,0), rgba(153,198,109,.9));
		background-image: -o-linear-gradient(bottom, rgba(153,198,109,0), rgba(153,198,109,.9));
		background-image: linear-gradient(to top, rgba(153,198,109,0), rgba(153,198,109,.9));
	}

	.gradient-6 {
		display: inline-block;
		height: 240px;
		width: 24px;
		position: absolute;
		right: 310px;
		top: 370px;
		z-index: 1;
		border-radius: 5px;
		background-image: -webkit-linear-gradient(bottom, rgba(2,176,184,0), rgba(2,176,184,.5));
		background-image: -o-linear-gradient(bottom, rgba(2,176,184,0), rgba(2,176,184,.5));
		background-image: linear-gradient(to top, rgba(2,176,184,0), rgba(2,176,184,.5));
	}

	.homepage-video-content-container {
		padding-top: 50px !important;
	}
	.homepage-video-container {margin-top: 50px;}


/*===============================
  END MAIN BANNER
  ===============================*/	
		
/*===============================
  BEGIN PROMO AREA
  ===============================*/

	.promo-image-1 {width: 269px;height: 184px;border-radius:20px;overflow: hidden;z-index: 2;position: relative;top:-20px;clear: both;}
	.promo-image-1 img {width: 269px;height: 184px;}

/*===============================
  END PROMO AREA
  ===============================*/

		
}
	
@media (min-width: 992px) {

/*===============================
  BEGIN MAIN BANNER
  ===============================*/

	.homepage-h1 {
		color: #0E3652;
		font-weight: 300;
		font-size: 45px;
		max-width: 900px;
	}

	.homepage-p {
		color: #000;
		font-weight: 300;
		font-size: 18px;
		max-width: 100%;
	}

	.text-inner-container {
		position: relative;
		z-index: 4;
		max-width: 590px;
		padding-top: 83px;
	}

	.animation-container {
		position: relative;
		height: 632px;
		max-width: 992px;
	}

	.animation-inner-container {
		position: relative;
		top: 0px;
		right: 0px;
		z-index: -1
	}

	.banner-image-1 {
		width: 350px;
		height: 243px;
		border-radius: 20px;
		overflow: hidden;
		z-index: 2;
		position: relative;
	}

		.banner-image-1 img {
			width: 350px;
			height: 243px;
		}

	.banner-image-2 {
		width: 220px;
		height: 160px;
		border-radius: 20px;
		overflow: hidden;
		z-index: 2;
		position: relative;
	}

		.banner-image-2 img {
			width: 220px;
			height: 160px;
		}

	.gradient-1 {
		display: inline-block;
		height: 400px;
		width: 133px;
		position: absolute;
		right: 0px;
		top: 73px;
		z-index: 0;
		border-radius: 10px;
		background-image: -webkit-linear-gradient(bottom, rgba(14,54,82,0), rgba(14,54,82,.9));
		background-image: -o-linear-gradient(bottom, rgba(14,54,82,0), rgba(14,54,82,.9));
		background-image: linear-gradient(to top, rgba(14,54,82,0), rgba(14,54,82,.9));
	}

	.gradient-2 {
		display: inline-block;
		height: 450px;
		width: 80px;
		position: absolute;
		right: 95px;
		top: 100px;
		z-index: 1;
		border-radius: 10px;
		background-image: -webkit-linear-gradient(bottom, rgba(2,176,184,0), rgba(2,176,184,.7));
		background-image: -o-linear-gradient(bottom, rgba(2,176,184,0), rgba(2,176,184,.7));
		background-image: linear-gradient(to top, rgba(2,176,184,0), rgba(2,176,184,.7));
	}

	.gradient-3 {
		display: inline-block;
		height: 237px;
		width: 33px;
		position: absolute;
		right: 30px;
		top: 290px;
		z-index: 1;
		border-radius: 10px;
		background-image: -webkit-linear-gradient(bottom, rgba(153,198,109,0), rgba(153,198,109,.7));
		background-image: -o-linear-gradient(bottom, rgba(153,198,109,0), rgba(153,198,109,.7));
		background-image: linear-gradient(to top, rgba(153,198,109,0), rgba(153,198,109,.7));
	}

	.gradient-4 {
		display: inline-block;
		height: 301px;
		width: 24px;
		position: absolute;
		right: 281px;
		top: 168px;
		z-index: 1;
		border-radius: 5px;
		background-image: -webkit-linear-gradient(bottom, rgba(14,54,82,0), rgba(14,54,82,.9));
		background-image: -o-linear-gradient(bottom, rgba(14,54,82,0), rgba(14,54,82,.9));
		background-image: linear-gradient(to top, rgba(14,54,82,0), rgba(14,54,82,.9));
	}

	.gradient-5 {
		display: inline-block;
		height: 360px;
		width: 44px;
		position: absolute;
		right: 340px;
		top: 335px;
		z-index: 1;
		border-radius: 10px;
		background-image: -webkit-linear-gradient(bottom, rgba(153,198,109,0), rgba(153,198,109,.9));
		background-image: -o-linear-gradient(bottom, rgba(153,198,109,0), rgba(153,198,109,.9));
		background-image: linear-gradient(to top, rgba(153,198,109,0), rgba(153,198,109,.9));
	}

	.gradient-6 {
		display: inline-block;
		height: 290px;
		width: 24px;
		position: absolute;
		right: 430px;
		top: 410px;
		z-index: 1;
		border-radius: 5px;
		background-image: -webkit-linear-gradient(bottom, rgba(2,176,184,0), rgba(2,176,184,.5));
		background-image: -o-linear-gradient(bottom, rgba(2,176,184,0), rgba(2,176,184,.5));
		background-image: linear-gradient(to top, rgba(2,176,184,0), rgba(2,176,184,.5));
	}
	.homepage-video-content-container {
		padding-top: 100px !important;
	}

/*===============================
  END MAIN BANNER
  ===============================*/
/*===============================
  BEGIN PROMO AREA
  ===============================*/

	.promo-image-1 {width: 269px;height: 184px;border-radius: 20px;overflow: hidden;z-index: 2;position: relative;top:-30px;clear: both;}
	.promo-image-1 img {width: 269px;height: 184px;}
	.promo-area-r-col h2 {padding-top: 20px;}

		.promo-area-gradient-1 {
			display: inline-block;
			height: 255px;
			width: 33px;
			position: absolute;
			left: 210px;
			top: -50px;
			z-index: 0;
			border-radius: 5px;
			background-image: -webkit-linear-gradient(bottom, rgba(255,255,255,0), rgba(255,255,255,.5));
			background-image: -o-linear-gradient(bottom, rgba(255,255,255,0), rgba(191,191,191,.5));
			background-image: linear-gradient(to top, rgba(255,255,255,0), rgba(255,255,255,.5));
		}


		.promo-area-gradient-3 {
			display: inline-block;
			height: 150px;
			width: 54px;
			position: absolute;
			left: 262px;
			top: 15px;
			z-index: 0;
			border-radius: 10px;
			background-image: -webkit-linear-gradient(bottom, rgba(255,255,255,0), rgba(255,255,255,.5));
			background-image: -o-linear-gradient(bottom, rgba(255,255,255,0), rgba(255,255,255,.5));
			background-image: linear-gradient(to top, rgba(255,255,255,0), rgba(255,255,255,.5));
		}
		.promo-area-gradient-4 {
			display: inline-block;
			height: 265px;
			width: 35px;
			position: absolute;
			left: 295px;
			top: 38px;
			z-index: 0;
			border-radius: 5px;
			background-image: -webkit-linear-gradient(bottom, rgba(255,255,255,0), rgba(255,255,255,.5));
			background-image: -o-linear-gradient(bottom, rgba(255,255,255,0), rgba(191,191,191,.5));
			background-image: linear-gradient(to top, rgba(255,255,255,0), rgba(255,255,255,.5));
		}
		.promo-area-gradient-5 {
			display: inline-block;
			height: 140px;
			width: 95px;
			position: absolute;
			right: 0px;
			bottom: 0px;
			z-index: 0;
			border-radius: 10px 0px 0px 10px;
			background-image: -webkit-linear-gradient(bottom, rgba(255,255,255,0), rgba(255,255,255,.5));
			background-image: -o-linear-gradient(bottom, rgba(255,255,255,0), rgba(255,255,255,.5));
			background-image: linear-gradient(to top, rgba(255,255,255,0), rgba(255,255,255,.5));
		}
		.promo-area-gradient-6 {
			display: inline-block;
			height: 90px;
			width: 54px;
			position: absolute;
			right: 80px;
			bottom: 0px;
			z-index: 0;
			border-radius: 10px;
			background-image: -webkit-linear-gradient(bottom, rgba(255,255,255,0), rgba(255,255,255,.5));
			background-image: -o-linear-gradient(bottom, rgba(255,255,255,0), rgba(255,255,2551,.5));
			background-image: linear-gradient(to top, rgba(255,255,255,0), rgba(255,255,255,.5));
		}

/*===============================
  END PROMO AREA
  ===============================*/
		
}

@media (min-width: 1200px) {

	/*===============================
  BEGIN MAIN BANNER
  ===============================*/

	.homepage-h1 {
		color: #0E3652;
		font-weight: 300;
		font-size: 65px;
		max-width: 640px;
		line-height: 80px;
	}

	.homepage-p {
		color: #000;
		font-weight: 300;
		font-size: 20px;
		max-width: 100%;
		line-height: 30px;
	}

	.text-inner-container {
		position: relative;
		height: auto;
		z-index: 4;
		max-width: 880px;
		padding-top: 100px;
	}

	.animation-container {
		position: relative;
		min-height: 722px;
		max-width: 100%;
		height: auto;
	}

	.animation-inner-container {
		position: relative;
		top: 0px;
		right: 0px;
		z-index: -1
	}

	.banner-image-1 {
		width: 426px;
		height: 296px;
		border-radius: 20px 0px 0px 20px;
		overflow: hidden;
		z-index: 2;
		position: relative;
	}

		.banner-image-1 img {
			width: 426px;
			height: 296px;
		}

	.banner-image-2 {
		width: 263px;
		height: 191px;
		border-radius: 20px;
		overflow: hidden;
		z-index: 2;
		position: relative;
		top: 0px;
		left: 0px;
		clear: both;
	}

		.banner-image-2 img {
			width: 263px;
			height: 191px;
		}

	.gradient-1 {
		display: inline-block;
		height: 560px;
		width: 170px;
		position: absolute;
		right: 0px;
		top: 50px;
		z-index: 0;
		border-radius: 10px 0px 0px 10px;
		background-image: -webkit-linear-gradient(bottom, rgba(14,54,82,0), rgba(14,54,82,.9));
		background-image: -o-linear-gradient(bottom, rgba(14,54,82,0), rgba(14,54,82,.9));
		background-image: linear-gradient(to top, rgba(14,54,82,0), rgba(14,54,82,.9));
	}

	.gradient-2 {
		display: inline-block;
		height: 659px;
		width: 96px;
		position: absolute;
		right: 150px;
		top: 100px;
		z-index: 1;
		border-radius: 10px;
		background-image: -webkit-linear-gradient(bottom, rgba(2,176,184,0), rgba(2,176,184,.7));
		background-image: -o-linear-gradient(bottom, rgba(2,176,184,0), rgba(2,176,184,.7));
		background-image: linear-gradient(to top, rgba(2,176,184,0), rgba(2,176,184,.7));
	}

	.gradient-3 {
		display: inline-block;
		height: 237px;
		width: 33px;
		position: absolute;
		right: 70px;
		top: 400px;
		z-index: 1;
		border-radius: 10px;
		background-image: -webkit-linear-gradient(bottom, rgba(153,198,109,0), rgba(153,198,109,.7));
		background-image: -o-linear-gradient(bottom, rgba(153,198,109,0), rgba(153,198,109,.7));
		background-image: linear-gradient(to top, rgba(153,198,109,0), rgba(153,198,109,.7));
	}

	.gradient-4 {
		display: inline-block;
		height: 370px;
		width: 33px;
		position: absolute;
		right: 380px;
		top: 175px;
		z-index: 1;
		border-radius: 5px;
		background-image: -webkit-linear-gradient(bottom, rgba(14,54,82,0), rgba(14,54,82,.9));
		background-image: -o-linear-gradient(bottom, rgba(14,54,82,0), rgba(14,54,82,.9));
		background-image: linear-gradient(to top, rgba(14,54,82,0), rgba(14,54,82,.9));
	}

	.gradient-5 {
		display: inline-block;
		height: 352px;
		width: 62px;
		position: absolute;
		right: 485px;
		top: 400px;
		z-index: 1;
		border-radius: 10px;
		background-image: -webkit-linear-gradient(bottom, rgba(153,198,109,0), rgba(153,198,109,.9));
		background-image: -o-linear-gradient(bottom, rgba(153,198,109,0), rgba(153,198,109,.9));
		background-image: linear-gradient(to top, rgba(153,198,109,0), rgba(153,198,109,.9));
	}

	.gradient-6 {
		display: inline-block;
		height: 275px;
		width: 31px;
		position: absolute;
		right: 626px;
		top: 490px;
		z-index: 1;
		border-radius: 5px;
		background-image: -webkit-linear-gradient(bottom, rgba(2,176,184,0), rgba(2,176,184,.5));
		background-image: -o-linear-gradient(bottom, rgba(2,176,184,0), rgba(2,176,184,.5));
		background-image: linear-gradient(to top, rgba(2,176,184,0), rgba(2,176,184,.5));
	}

	.video-module-image-container {
	padding:20px;}
	/*===============================
  END MAIN BANNER
  ===============================*/
	/*===============================
  BEGIN PROMO AREA
  ===============================*/
	.promo-image-1 {
		width: 350px;
		height: 232px;
		border-radius: 0px 20px 20px 0px;
		overflow: hidden;
		z-index: 2;
		position: relative;
		top: -50px;
		clear: both;
	}
	.promo-image-1 img {width: 350px;height: 232px;}
	.promo-area-r-col h2 {padding-top: 0px;}
	.promo-area-gradient-1 {
		display: inline-block;
		height: 315px;
		width: 125px;
		position: absolute;
		left: 36px;
		bottom: 0px;
		z-index: 0;
		border-radius: 5px;
		background-image: -webkit-linear-gradient(bottom, rgba(255,255,255,0), rgba(255,255,255,.5));
		background-image: -o-linear-gradient(bottom, rgba(255,255,255,0), rgba(255,255,255,.5));
		background-image: linear-gradient(to top, rgba(255,255,255,0), rgba(255,255,255,.5));
	}
	.promo-area-gradient-2 {
		display: inline-block;
		height: 105px;
		width: 41px;
		position: absolute;
		left: 143px;
		bottom: -40px;
		z-index: 0;
		border-radius: 5px;
		background-image: -webkit-linear-gradient(bottom, rgba(255,255,255,0), rgba(255,255,255,.5));
		background-image: -o-linear-gradient(bottom, rgba(255,255,255,0), rgba(255,255,255,.5));
		background-image: linear-gradient(to top, rgba(255,255,255,0), rgba(255,255,255,.5));
	}
	.promo-area-gradient-3 {
		display: inline-block;
		height: 255px;
		width: 155px;
		position: absolute;
		left: 249px;
		bottom: 0px;
		z-index: 0;
		border-radius: 10px;
		background-image: -webkit-linear-gradient(bottom, rgba(255,255,255,0), rgba(255,255,255,.5));
		background-image: -o-linear-gradient(bottom, rgba(255,255,255,0), rgba(255,255,255,.5));
		background-image: linear-gradient(to top, rgba(255,255,255,0), rgba(255,255,255,.5));
	}
	.promo-area-gradient-4 {
		display: inline-block;
		height: 139px;
		width: 30px;
		position: absolute;
		left: 390px;
		top: 133px;
		z-index: 0;
		border-radius: 5px;
		background-image: -webkit-linear-gradient(bottom, rgba(255,255,255,0), rgba(255,255,255,.5));
		background-image: -o-linear-gradient(bottom, rgba(255,255,255,0), rgba(255,255,255,.5));
		background-image: linear-gradient(to top, rgba(255,255,255,0), rgba(255,255,255,.5));
	}

/*===============================
  END PROMO AREA
  ===============================*/
	
}

@media (min-width: 1440px) {
/*===============================
  BEGIN MAIN BANNER
  ===============================*/
	.home-module1-main-container {
		margin-bottom: 50px;
	}

	.homepage-h1 {
		max-width: 900px;
	}
	.homepage-video-h1 {max-width:770px!important;}

	.banner-image-2 {
		top: -80px;
		left: 5px;
	}

	.gradient-1 {
		display: inline-block;
		height: 560px;
		width: 170px;
		position: absolute;
		right: 0px;
		top: 50px;
		z-index: 0;
		border-radius: 10px 0px 0px 10px;
		background-image: -webkit-linear-gradient(bottom, rgba(14,54,82,0), rgba(14,54,82,.9));
		background-image: -o-linear-gradient(bottom, rgba(14,54,82,0), rgba(14,54,82,.9));
		background-image: linear-gradient(to top, rgba(14,54,82,0), rgba(14,54,82,.9));
	}

	.gradient-2 {
		display: inline-block;
		height: 659px;
		width: 96px;
		position: absolute;
		right: 150px;
		top: 100px;
		z-index: 1;
		border-radius: 10px;
		background-image: -webkit-linear-gradient(bottom, rgba(2,176,184,0), rgba(2,176,184,.7));
		background-image: -o-linear-gradient(bottom, rgba(2,176,184,0), rgba(2,176,184,.7));
		background-image: linear-gradient(to top, rgba(2,176,184,0), rgba(2,176,184,.7));
	}

	.gradient-3 {
		display: inline-block;
		height: 237px;
		width: 33px;
		position: absolute;
		right: 70px;
		top: 400px;
		z-index: 1;
		border-radius: 10px;
		background-image: -webkit-linear-gradient(bottom, rgba(153,198,109,0), rgba(153,198,109,.7));
		background-image: -o-linear-gradient(bottom, rgba(153,198,109,0), rgba(153,198,109,.7));
		background-image: linear-gradient(to top, rgba(153,198,109,0), rgba(153,198,109,.7));
	}

	.gradient-4 {
		display: inline-block;
		height: 370px;
		width: 33px;
		position: absolute;
		right: 380px;
		top: 175px;
		z-index: 1;
		border-radius: 5px;
		background-image: -webkit-linear-gradient(bottom, rgba(14,54,82,0), rgba(14,54,82,.9));
		background-image: -o-linear-gradient(bottom, rgba(14,54,82,0), rgba(14,54,82,.9));
		background-image: linear-gradient(to top, rgba(14,54,82,0), rgba(14,54,82,.9));
	}

	.gradient-5 {
		display: inline-block;
		height: 410px;
		width: 62px;
		position: absolute;
		right: 485px;
		top: 325px;
		z-index: 1;
		border-radius: 10px;
		background-image: -webkit-linear-gradient(bottom, rgba(153,198,109,0), rgba(153,198,109,.9));
		background-image: -o-linear-gradient(bottom, rgba(153,198,109,0), rgba(153,198,109,.9));
		background-image: linear-gradient(to top, rgba(153,198,109,0), rgba(153,198,109,.9));
	}

	.gradient-6 {
		display: inline-block;
		height: 275px;
		width: 31px;
		position: absolute;
		right: 631px;
		top: 420px;
		z-index: 1;
		border-radius: 5px;
		background-image: -webkit-linear-gradient(bottom, rgba(2,176,184,0), rgba(2,176,184,.5));
		background-image: -o-linear-gradient(bottom, rgba(2,176,184,0), rgba(2,176,184,.5));
		background-image: linear-gradient(to top, rgba(2,176,184,0), rgba(2,176,184,.5));
	}
	
/*===============================
  END MAIN BANNER
  ===============================*/
	
}
@media (min-width: 1441px) {
	.promo-image-1{border-radius:20px;}
}


@media (min-width: 1500px) {
	/*===============================
  BEGIN MAIN BANNER
  ===============================*/
	.banner-image-1 {
		border-radius: 20px;
	}

	.gradient-1 {
		right: -20px;
		border-radius: 10px;
	}

	.gradient-2 {
		right: 130px;
	}
	/*===============================
  END MAIN BANNER
  ===============================*/


}
@media (min-width: 1650px) {
/*===============================
  BEGIN MAIN BANNER
  ===============================*/	

/*===============================
  END MAIN BANNER
  ===============================*/	

}