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

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

		.homepage-header-main-container {height: auto;position: relative;max-width: 100%;z-index:1;margin-bottom: 100px;}
		.homepage-header-inner-container {position: relative;}
		.homepage-header-l-col {position: relative;margin-bottom:20px;padding:20px 20px 20px 20px;}
		.homepage-header-r-col {position: relative;padding:0px 20px 0px 20px;}
		.homepage-h1 {color:#0067B9;font-weight:300;font-size:30px;line-height:40px;}
		.homepage-p {color:#000;font-weight:300;font-size:18px;line-height:27px;}
		.text-inner-container {position: relative; top:10px;left:0px;z-index:4;padding:0px;}
		.homepage-header-link {position: relative;height: auto;display:block;margin:0 auto;}
		.home-video-container {margin-top: 20px}
		.video-copy {font-weight:300;font-size:14px;padding-top:40px;padding-left: 10px;}
		.video-copy:before {
			content: '';
			width: 40px;
			height: 2px;
			background: #ED8800;
			position: relative;
			top: -12px;
			display: block;
		}
@supports (-moz-appearance:none) {
                .video-copy {
                   padding-left:10px;
                }
            }
.video-responsive {
	position: relative;
	display: block;
	height: 0;
	padding: 0;
	overflow: hidden;
}

	.video-responsive.video-responsive-16by9 {
		padding-bottom: 70%;
	}

	.video-responsive .video-responsive-item, .video-responsive iframe, .video-responsive video, .video-responsive object {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border: 0;
	}
/*===============================
  END MAIN BANNER
  ===============================*/

/*===============================
  BEGIN PROMO AREA
  ===============================*/
	.homepage-promo-area {background: linear-gradient(90deg, #D4EFFC 50%, #fff 50%);}
	.promo-area-main-container {background-color: #D4EFFC;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;}
	.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-area-r-col ul   {font-size: 16px;line-height:27px;font-weight: 300;}
	.promo-area-r-col ol   {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: 2;
		border-radius: 5px;
		background-image: -webkit-linear-gradient(bottom, rgba(65,182,230,0), rgba(65,182,230,.3));
		background-image: -o-linear-gradient(bottom, rgba(65,182,230,0), rgba(65,182,230,.3));
		background-image: linear-gradient(to top, rgba(65,182,230,0), rgba(65,182,230,.3));
	}
	.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;}

	.zind1 {z-index:1 !important;}

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

@media (min-width: 320px) {

	
}
@media (min-width: 375px) {
/*===============================
  BEGIN MAIN BANNER
  ===============================*/		
	.homepage-h1 {font-size: 38px;line-height:50px;}
	.video-responsive.video-responsive-16by9 {
		padding-bottom: 65%;
	}
/*===============================
  END MAIN BANNER
  ===============================*/	
	
/*===============================
  BEGIN PROMO AREA
  ===============================*/	

	.promo-area-r-col h2 {font-size: 30px;}
	.promo-area-r-col p {font-size: 18px;}
	.promo-area-r-col ol {
		font-size: 18px;
	}
	.promo-area-r-col ul {
		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(65,182,230,0), rgba(65,182,230,.2));
		background-image: -o-linear-gradient(bottom, rgba(65,182,230,0), rgba(65,182,230,.2));
		background-image: linear-gradient(to top, rgba(65,182,230,0), rgba(65,182,230,.2));
	}
	.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(65,182,230,0), rgba(65,182,230,.3));
		background-image: -o-linear-gradient(bottom, rgba(65,182,230,0), rgba(65,182,230,.3));
		background-image: linear-gradient(to top, rgba(65,182,230,0), rgba(65,182,230,.3));
	}
	
/*===============================
  END PROMO AREA
  ===============================*/	
	
}
	@media (min-width: 576px) {
/*===============================
  BEGIN MAIN BANNER
  ===============================*/	
		.homepage-h1 {font-size:36px;}
		.text-inner-container {position: relative; top:10px;left:0px;z-index:4;}

/*===============================
  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
  ===============================*/	
		.homepage-header-l-col {padding:0px 0px 0px 0px;}
		.homepage-h1 {font-size:42px;}
		.homepage-p {font-size:18px;}
		.text-inner-container {position: relative; top:0px;left:0px;z-index:4;max-width:550px;padding-top: 40px;}
		.home-video-container {margin-top: 50px}
		.video-responsive.video-responsive-16by9 {
			padding-bottom: 70%;
		}

		
/*===============================
  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-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:40px;padding-left: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:-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: 2;
		border-radius: 5px;
		background-image: -webkit-linear-gradient(bottom, rgba(65,182,230,0), rgba(65,182,230,.7));
		background-image: -o-linear-gradient(bottom, rgba(65,182,230,0), rgba(65,182,230,.7));
		background-image: linear-gradient(to top, rgba(65,182,230,0), rgba(65,182,230,.7));
	}
	
	
	.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(65,182,230,0), rgba(65,182,230,.25));
		background-image: -o-linear-gradient(bottom, rgba(65,182,230,0), rgba(65,182,230,.25));
		background-image: linear-gradient(to top, rgba(65,182,230,0), rgba(65,182,230,.25));
	}
	.promo-area-gradient-4 {
		display: inline-block;
    	height: 265px;
    	width: 35px;
    	position: absolute;
    	left: 305px;
    	top: 38px;
    	z-index: 0;
		border-radius: 5px;
		background-image: -webkit-linear-gradient(bottom, rgba(65,182,230,0), rgba(65,182,230,.1));
		background-image: -o-linear-gradient(bottom, rgba(65,182,230,0), rgba(65,182,230,.1));
		background-image: linear-gradient(to top, rgba(65,182,230,0), rgba(65,182,230,.1));
	}
	.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(65,182,230,0), rgba(65,182,230,.4));
		background-image: -o-linear-gradient(bottom, rgba(65,182,230,0), rgba(65,182,230,.4));
		background-image: linear-gradient(to top, rgba(65,182,230,0), rgba(65,182,230,.4));
	}
	.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(65,182,230,0), rgba(65,182,230,.2));
		background-image: -o-linear-gradient(bottom, rgba(65,182,230,0), rgba(65,182,230,.2));
		background-image: linear-gradient(to top, rgba(65,182,230,0), rgba(65,182,230,.2));
	}

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

@media (min-width: 1200px) {
	
/*===============================
  BEGIN MAIN BANNER
  ===============================*/		
		.homepage-h1 {font-size: 65px;line-height: 80px;}
		.homepage-p {font-size: 20px;line-height: 30px;}
		.text-inner-container {position: relative;height: auto;z-index: 4;max-width: 880px;padding-top:40px;}
	.video-responsive.video-responsive-16by9 {
		padding-bottom: 65%;
	}
/*===============================
  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: 25px;
		position: absolute;
		left: 296px;
		top: -60px;
		z-index: 2;
		border-radius: 5px;
		background-image: -webkit-linear-gradient(bottom, rgba(65,182,230,0), rgba(65,182,230,.3));
		background-image: -o-linear-gradient(bottom, rgba(65,182,230,0), rgba(65,182,230,.3));
		background-image: linear-gradient(to top, rgba(65,182,230,0), rgba(65,182,230,.3));
	}
	.promo-area-gradient-2 {
		display: inline-block;
		height: 50px;
		width: 41px;
		position: absolute;
		left: 163px;
		top: 207px;
		z-index: 0;
		border-radius: 5px;
		background-image: -webkit-linear-gradient(bottom, rgba(65,182,230,0), rgba(65,182,230,.3));
		background-image: -o-linear-gradient(bottom, rgba(65,182,230,0), rgba(65,182,230,.3));
		background-image: linear-gradient(to top, rgba(65,182,230,0), rgba(65,182,230,.3));
	}
	.promo-area-gradient-3 {
		display: inline-block;
		height: 231px;
		width: 49px;
		position: absolute;
		left: 347px;
		top: 25px;
		z-index: 0;
		border-radius: 10px;
		background-image: -webkit-linear-gradient(bottom, rgba(65,182,230,0), rgba(65,182,230,.25));
		background-image: -o-linear-gradient(bottom, rgba(65,182,230,0), rgba(65,182,230,.25));
		background-image: linear-gradient(to top, rgba(65,182,230,0), rgba(65,182,230,.25));
	}
	.promo-area-gradient-4 {
		display: inline-block;
		height: 112px;
		width: 24px;
		position: absolute;
		left: 385px;
		top: 144px;
		z-index: 0;
		border-radius: 5px;
		background-image: -webkit-linear-gradient(bottom, rgba(65,182,230,0), rgba(65,182,230,.3));
		background-image: -o-linear-gradient(bottom, rgba(65,182,230,0), rgba(65,182,230,.3));
		background-image: linear-gradient(to top, rgba(65,182,230,0), rgba(65,182,230,.3));
	}

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

@media (min-width: 1440px) {
/*===============================
  BEGIN MAIN BANNER
  ===============================*/	
	.homepage-header-main-container {margin-bottom: 50px;}
	
/*===============================
  END MAIN BANNER
  ===============================*/
	
}
@media (min-width: 1441px) {
	.promo-image-1{border-radius:20px;}
}


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

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


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

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

}