/* ---------------- banking section_1  ---------------- */
	.unit.banking
	{
		background:url(img/unit_banking.png) center no-repeat;
	}


	#banking_section_1
	{
	top:0%;
	}
	
	
	.circle_1,.circle_2
	{
		position:absolute;
		left:50%;
		margin-top:-270px;
		margin-left:-270px;
		border-radius:50%;
	}
	.circle_1
	{
		width:160px;
		height:160px;
		margin-left:200px;
		margin-top:-80px;
		background-color:#fa6495;
	}
	.circle_2
	{
		width:120px;
		height:120px;
		margin-left:-350px;
		margin-top:-60px;
		background-color:#007eff;
	}
	.flah_1
	{
		position:absolute;
		left:50%;
		width:40px;
		height:250px;
		margin-top:-175px;
		background-color:#be3734;
	}
	
	.pluses,.pluses_try
	{
		position:absolute;
		left:50%;
	}
	.pluses
	{
	font-size:90px;
	font-weight:700;
	}
	.pluses_try
	{
		width:308px;
		height:287px;
		margin-top:-150px;
		background:url(img/blue_try.png) center no-repeat;
		background-size:100%;
	}
	.pluses_try_1{margin-left:50px;}
	.pluses_try_2{margin-left:-550px;}
	
	
	.circ_red,.circ_blue
	{
		position:absolute;
		width:540px;
		height:540px;
		top:50%;
		left:50%;
		margin-top:-270px;
		margin-left:-270px;
		
	}
	
	
	.circ_red .circ,.circ_blue .circ
	{
		position:absolute;
		width:230px;
		height:230px;	
		border-radius:50%;
	}
	.circ_red .circ
	{
		top:95px;
		left:41px;
		transform-origin:right bottom;
		-webkit-transform-origin:right bottom;
		-moz-transform-origin:right bottom;
	}
	.circ_blue .circ
	{
		top:218px;
		left:291px;
		transform-origin:left bottom;
		-webkit-transform-origin:left bottom;
		-moz-transform-origin:left bottom;
	}
	
	.circ li
	{
		position:absolute;
		width:106%;
		height:106%;
		top:-3%;
		left:-3%;
	}
	
	.fold_num
	{
		position:absolute;
		left:50%;
		text-align:center;
		overflow:hidden;
		height:90px;
		padding:0 100px;
		transform:rotate(-18deg);
		-webkit-transform:rotate(-18deg);
		-moz-transform:rotate(-18deg);

		
	}
	.fold_num.fold_1,.fold_num.fold_2
	{
		width:300px;
		top:67%;
	}
	.fold_num.fold_3
	{
		width:650px;
		top:70%;
		font-size:32px;
		height:40px;
	}
	.fold_num h3
	{
		position:absolute;
		top:0;
		left:0;
		transform-origin: bottom;
		-webkit-transform-origin: bottom;
		-moz-transform-origin: bottom;
		
	}
	.fold_1 h3,.fold_2  h3
	{
		font-size:86px;
	}
	.fold_3 h3{font-weight:600;}
	
	.fold_1 .text{color:#00468d;}
	.fold_2 .text{color:#b20000;}
	
	.fold_num .text
	{
	left:40px;
	
	transform:rotateX(0deg) skew(-18deg);opacity:1;
	-webkit-transform:rotateX(0deg) skew(-18deg);opacity:1;
	-moz-transform:rotateX(0deg) skew(-18deg);opacity:1;
	}
	.fold_1 .shadow,.fold_2 .shadow
	{
	color:#000;
	transform:rotateX(78deg) skew(18deg) translateZ(17px) scale(1.05, 2);
	-webkit-transform:rotateX(78deg) skew(18deg) translateZ(17px) scale(1.05, 2);
	-moz-transform:rotateX(78deg) skew(18deg) translateZ(17px) scale(1.05, 2);
	left:43px;
	}
	.fold_3 .shadow
	{
	transform:rotateX(78deg) skew(18deg) translateZ(8px) scale(1.02, 2);
	-webkit-transform:rotateX(78deg) skew(18deg) translateZ(8px) scale(1.02, 2);
	-moz-transform:rotateX(78deg) skew(18deg) translateZ(8px) scale(1.02, 2);
	left:50px;
	}
	
	.fold_1{margin-left:-430px;margin-top:-35px;}
	.fold_2{margin-left:-150px;margin-top:25px;}
	.fold_3{margin-top:25px;}
	
	
	
	.per
	{
		position:absolute;
		width:540px;
		height:540px;
		top:50%;
		left:50%;
		margin-top:-270px;
		margin-left:-270px;
	}
	.per li
	{
		position:absolute;
		width:100%;
		height:100%;
		top:0;
		left:0;
		background-repeat:no-repeat;
		background-position:center;
		background-size:100%;

	}
	.per_2{background-image:url(img/per_2.png);}
	.per_3{background-image:url(img/per_3.png);}
	.per_4{background-image:url(img/per_4.png);}
	.per_6{background-image:url(img/per_6.png);}
	.per_7{background-image:url(img/per_7.png);}
	.per_8{background-image:url(img/per_8.png);}
	.per_9{background-image:url(img/per_9.png);}
	.per_10{background-image:url(img/per_10.png);}
	.per_11{background-image:url(img/per_11.png);}

	
	
	.banking_line
	{
		position:absolute;
		width:2000px;
		top:50%;
		left:50%;
		margin-top:-15px;
		margin-left:-1000px;
		height:0px;
		border-top:2px solid #cdcdcd;
		background-color:#fff;
	}

	.banking_line_1,.banking_line_2
	{
		position:absolute;
		width:858px;
		height:29px;
		top:-12px;
		left:50%;
	}
	.banking_line_1
	{
		background:url(img/banking_line_l.png) center no-repeat;
	}
	.banking_line_2
	{
		background:url(img/banking_line_r.png) center no-repeat;
	}

	.plus_b,.plus_y
	{
		position:absolute;
		top:50%;
		left:50%;
	}
	.plus_b
	{
		width:102px;
		height:88px;
		margin-top:-200px;
		margin-left:-500px;
		background:url(img/plus_b.png) center no-repeat;
	}
	.plus_y
	{
		width:152px;
		height:119px;
		margin-top:150px;
		margin-left:500px;
		background:url(img/plus_y.png) center no-repeat;
	}
	
	/* ---------------- banking section_1 ENDS ---------------- */
	/* ---------------- banking section_2  ---------------- */
	
	#banking_section_2
	{
	top:100%;
	}
	#banking_section_2 .banking_line
	{
	z-index:-1;
	top:70%;
	}
	.banking_line.twist
	{
	transform:rotate(-18deg);
	-webkit-transform:rotate(-18deg);
	-moz-transform:rotate(-18deg);
	}
	
	
	/* ---------------- banking section_2 ENDS ---------------- */
	
/* ---------------- banking section_3  ---------------- */
	
	#banking_section_3
	{
	top:200%;
	
	}
	#banking_section_3 .banking_line
	{
	top:65%;
	}
	
	.skew
	{
	 transform:skew(-18deg);
	-webkit-transform:skew(-18deg);
	-moz-transform:skew(-18deg);
	
	transform-origin: bottom;
		-webkit-transform-origin: bottom;
		-moz-transform-origin: bottom;
	}
	.skew_shadow
	{
	transform:skew(40deg);
	-webkit-transform:skew(40deg);
	-moz-transform:skew(40deg);
	
	transform-origin: bottom;
		-webkit-transform-origin: bottom;
		-moz-transform-origin: bottom;
	}
	
	.building_1,.building_1_shadow
	{
	position:absolute;
	width:140px;
	bottom:0;
	left:50%;
	margin-left:-260px;
	height:250px;
		
	}
	.building_1{background-color:#3f96ef;}
	.twist .shadow{background-color:#000;opacity:0.05;}
	
	.building_2,.building_2_shadow
	{
	position:absolute;
	width:110px;
	bottom:0;
	left:50%;
	margin-left:-80px;
	height:180px;

	}
	.building_2{background-color:#ffe63d;}
	
	
	.try_1,.try_1_shadow,.try_2,.try_2_shadow
	{
	position:absolute;
	width:308px;
	height:213px;
	bottom:0;
	left:50%;
	}
	.try_1,.try_1_shadow{
	margin-left:200px;
	background:url(img/orange_try.png) center no-repeat;
	background-size:auto 100%;
	}
	.try_1_shadow{
	z-index:-1;
	transform:scale(0.3) skew(40deg);
	-webkit-transform:scale(0.3) skew(40deg);
	-moz-transform:scale(0.3) skew(40deg);
	}
	.try_2,.try_2_shadow{
	margin-left:100px;
	background:url(img/green_try.png) center no-repeat;
	background-size:auto 100%;
	}
	.try_2_shadow{
	transform:scale(0.5) skew(40deg);
	-webkit-transform:scale(0.5) skew(40deg);
	-moz-transform:scale(0.5) skew(40deg);
	}
	.try_2_shadow,.try_1_shadow{background:url(img/try_shadow.png) center no-repeat;background-size:auto 100%;opacity:0.05;}
	
	
	
	.green_plus
	{
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	}
	.green_plus li
	{
	position:absolute;
	width:50px;
	height:50px;
	background:url(img/green_plus.png) center no-repeat;background-size:auto 100%;
	}
	
	.yellow_plus
	{
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	}
	.yellow_plus li
	{
	position:absolute;
	width:35px;
	height:35px;
	background:url(img/yellow_plus.png) center no-repeat;background-size:auto 100%;
	}
	/* ---------------- banking section_3 ENDS ---------------- */
	

		
	/* ---------------- banking section_4  ---------------- */
	
	#banking_section_4
	{
	top:300%;
	
	}
	#banking_section_4 .banking_line
	{
	top:70%;
	}
	
	
	.building_3,.building_3_shadow
	{
	position:absolute;
	width:140px;
	bottom:0;
	left:50%;
	margin-left:-180px;
	height:250px;
		
	}
	.building_3{background:url(img/building_3.png) center no-repeat #3f96ef;background-size:auto 100%;}
	
	.building_4,.building_4_shadow
	{
	position:absolute;
	width:130px;
	bottom:0;
	left:50%;
	margin-left:-10px;
	height:220px;

	}
	.building_4{background:url(img/building_4.png) center no-repeat #ffe63d;background-size:auto 100%;}
	
	.building_5,.building_5_shadow
	{
	position:absolute;
	width:120px;
	bottom:0;
	left:50%;
	margin-left:150px;
	height:180px;

	}
	.building_5{background:url(img/building_5.png) center no-repeat #ff85ef;background-size:auto 100%;}
	
	.zero
	{
	transform-origin: top left;
	-webkit-transform-origin: top left;
	-moz-transform-origin: top left;
	
	width:100px;
	height:100px;
	position:absolute;
	top:100%;
	left:0;
	}

	.zero li
	{
	position:relative;
	width:16px;
	height:100%;
	float:left;
	}

	.zero_1 li{background-image:url(img/zero_1.png);}
	.zero_2 li{background-image:url(img/zero_2.png);}
	.zero_3 li{background-image:url(img/zero_3.png);}
	
	
	.comp_1,.comp_1_shadow
	{
	position:absolute;
	width:240px;
	bottom:0;
	left:50%;
	margin-left:-230px;
	height:220px;
	}
	.comp_1{background:url(img/comp_1.png) center no-repeat #3f96ef;background-size:auto 100%;}
	
	.comp_2,.comp_2_shadow
	{
	position:absolute;
	width:70px;
	bottom:0;
	left:50%;
	margin-left:50px;
	height:140px;
	}
	.comp_2{background:url(img/comp_2.png) center no-repeat #ffe63d;background-size:auto 100%;}
	
	.comp_3,.comp_3_base,.comp_3_shadow
	{
	position:absolute;
	width:185px;
	bottom:0;
	left:50%;
	margin-left:230px;
	height:130px;
	}
	.comp_3{
	bottom: 64px;
    margin-left: 175px;
	background:url(img/comp_3.png) center no-repeat #ff85ef;background-size:auto 100%;
	}
	.comp_3_base{
	transform: scale(1, 0.5) skew(23deg);
	-webkit-transform: scale(1, 0.5) skew(23deg);
	-moz-transform: scale(1, 0.5) skew(23deg);
	background:url(img/comp_3_base.png) center no-repeat #ff85ef;background-size:auto 100%;
	}
	
	
	/* ---------------- banking section_4 ENDS ---------------- */
	
	/* ---------------- banking section_5  ---------------- */
	
	#banking_section_5
	{
	top:400%;
	
	}
	#banking_section_5 .banking_line
	{
	top:60%;
	}
	
	.ring
	{
	position:absolute;
	width:20px;
	height:20px;
	top:-10px;
	border-radius:50%;
	background-color:#fff;
	z-index:3;
	}
	
	.ring_txt
	{
	position:absolute;
	top:101%;
	left:0;
	color:#000;
	width:190px;
	
	transform-origin: top left;
	-webkit-transform-origin: top left;
	-moz-transform-origin: top left;
	
	}
	.last_ring .ring_txt
	{
	width:210px;
	}
	
	.ring_txt h4
	{
	font-size:14px;
	margin:5px 0 10px;
	line-height:1.1;
	font-weight:600;
	}
	.ring_txt p,.ring_txt b
	{
	font-size:12px;
	}
	
	.card,.card_shadow
	{
	position:absolute;
	width:284px;
	bottom:0;
	left:50%;
	margin-left:-142px;
	height:188px;
	z-index:2;
	}
	.card{background:url(img/card.png) center no-repeat #3f96ef;background-size:auto 100%;}
	
	
	/* ---------------- banking section_5 ENDS ---------------- */
	
/* ---------------- banking section_6  ---------------- */
	
	#banking_section_6
	{
	top:500%;
	
	}
	#banking_section_6 .banking_line
	{
	top:65%;
	}
	
	
	
	
	.track
	{
	position:absolute;
	width:0;
	top:0;
	}
	.key_1,#key_1_shadow
	{
	position:absolute;
	width:215px;
	height:220px;
	bottom:-33px;
	left:50%;
	margin-left:-460px;
	}
	.key_1{background:url(img/key_1.png) center no-repeat;background-size:auto 100%;}
	#key_1_shadow{background:url(img/key_1_shadow.png) center no-repeat;background-size:auto 100%;bottom:0;margin-left:-449px;}
	
	.key_2,#key_2_shadow
	{
	position:absolute;
	width:130px;
	height:150px;
	bottom:-29px;
	left:50%;
	margin-left:-230px;
	}
	.key_2{background:url(img/key_2.png) center no-repeat;background-size:auto 100%;}
	#key_2_shadow{background:url(img/key_2_shadow.png) center no-repeat;background-size:auto 100%;bottom:0;margin-left:-225px;}
	
	
	.key_3,#key_3_shadow
	{
	position:absolute;
	width:160px;
	height:125px;
	bottom:-33px;
	left:50%;
	margin-left:-60px;
	}
	.key_3{background:url(img/key_3.png) center no-repeat;background-size:auto 100%;}
	#key_3_shadow{background:url(img/key_3_shadow.png) center no-repeat;background-size:auto 100%;bottom:0;margin-left:-55px;}
	
	
	.cloud,.cloud_logo,.cloud_txt
	{
	position:absolute;
	width:160px;
	bottom:0;
	left:50%;
	margin-left:180px;
	height:130px;
	}
	.cloud_txt{
	bottom: -29px;
	width:190px;
	height:26px;
    margin-left: 155px;
	background:url(img/cloud_txt.png) center no-repeat;background-size:auto 100%;
	}
	.cloud_logo{
	bottom: 50px;
    margin-left: 122px;
	background:url(img/cloud_logo.png) center no-repeat;background-size:auto 100%;
	}
	.cloud{
	transform: scale(1, 0.5) skew(23deg);
	-webkit-transform: scale(1, 0.5) skew(23deg);
	-moz-transform: scale(1, 0.5) skew(23deg);
	background:url(img/cloud.png) center no-repeat #f76ae4;background-size:auto 100%;
	box-shadow:-6px 10px 0 rgba(0, 0, 0, 0.1);
	}
	
	.key_5,.key_5_txt
	{
	position:absolute;
	width:110px;
	height:110px;
	bottom:-15px;
	left:50%;
	margin-left:320px;
	}
	.key_5{
	transform-origin: bottom right;
	-webkit-transform-origin: bottom right;
	-moz-transform-origin: bottom right;
	}
	
	.key_5_txt{
	bottom: -28px;
	width:80px;
	height:25px;
    margin-left: 380px;
	background:url(img/key_5_txt.png) center no-repeat;background-size:auto 100%;
	}
	
	.zero_last
	{
	width:100%;
	height:88%;
	position:absolute;
	top:0;
	left:0;
	}

	.zero_last li
	{
	position:relative;
	width:16px;
	height:100%;
	float:left;
	background-image:url(img/zero_last.png);
	}
	.zero_last li.flip
	{
	background-image:url(img/zero_last_flip.png);
	}

	
	/* ---------------- banking section_6 ENDS ---------------- */
	

	
	
	



/* Mobile */
@media handheld, only screen and (max-width: 1220px) {
	.fold_3 {
		margin-left: -50px;
		margin-top: 40px;
	}

}


/* Mobile */
@media handheld, only screen and (max-width: 860px) {
	.fold_1 { margin-left: -360px;}
	.fold_2 { margin-left: -130px;}
	.fold_3 {
		margin-left: -200px;
		margin-top: 80px;
	}
	
	.last_ring .ring_txt
	{
	left:-150px;
	text-align:right;
	}
	

	
}