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

/*===============================
  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-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 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(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 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 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 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 PROMO AREA
  ===============================*/
	
	.promo-image-1 {width: 350px;height: 232px;border-radius: 0px 20px 20px 0px;overflow: hidden;z-index: 2;position: relative;top:-70px;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) {

}
@media (min-width: 1441px) {
	.promo-image-1{border-radius:20px;}
}
@media (min-width: 1500px) {

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

}