

	
	
	
	#flower_wrapper
	{
	position:absolute;
	width:1000px;
	height:1000px;
	top:50%;
	margin-top:-500px;
	margin-left:-50px;
	
	perspective:800px;
	-webkit-perspective:800px;

	
	}
	#round_wrapper
	{
	position:absolute;
	width:55%;
	height:55%;
	top:22.5%;
	left:22.5%;
	border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	overflow:hidden;
	
	}
	#round_wrapper.not_ie
	{
	background: rgba(156,156,156,1);
	background: -moz-linear-gradient(-45deg, rgba(156,156,156,1) 0%, rgba(254,254,254,1) 76%, rgba(254,254,254,1) 100%);
	background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(156,156,156,1)), color-stop(76%, rgba(254,254,254,1)), color-stop(100%, rgba(254,254,254,1)));
	background: -webkit-linear-gradient(-45deg, rgba(156,156,156,1) 0%, rgba(254,254,254,1) 76%, rgba(254,254,254,1) 100%);
	background: -o-linear-gradient(-45deg, rgba(156,156,156,1) 0%, rgba(254,254,254,1) 76%, rgba(254,254,254,1) 100%);
	background: -ms-linear-gradient(-45deg, rgba(156,156,156,1) 0%, rgba(254,254,254,1) 76%, rgba(254,254,254,1) 100%);
	background: linear-gradient(135deg, rgba(156,156,156,1) 0%, rgba(254,254,254,1) 76%, rgba(254,254,254,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9c9c9c', endColorstr='#fefefe', GradientType=1 );
	}
	#round_wrapper.ie
	{
	background-color:#eeeeee;
	}
	#round_wrapper .try
	{
	position:absolute;
	width:66%;
	bottom:-12px;
	margin-left:-33%;
	}
	#round_wrapper .try .try_img
	{
	background:url(img/try_s.png) center bottom no-repeat;
	background-size:100%;
	}
	#round_wrapper .try .diag_line
	{
	top:75%;
	height:5px;
	}
	
	#round_wrapper .round_green
	{
	width:58%;
	height:58%;
	top:47%;
	left:18%;
	margin:0;
	}
	#round_wrapper .round_lightgreen
	{
	width:16%;
	height:16%;
	top:25%;
	left:49%;
	margin:0;
	}
	#round_wrapper .round_orange
	{
	width:8%;
	height:8%;
	top:18%;
	left:65%;
	margin:0;
	}

	
	
	.flower
	{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	}
	.flower_img
	{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background:url(img/flower.png) center no-repeat;
	background-size:100%;
	}

	#landing_txt
	{
	position:absolute;
	top:27%;
	width:47%;
	left:50%;
	margin-left:-50px;
	}
	.landing_txt
	{
	position:relative;
	left:0;
	width:100%;
	overflow:hidden;
	white-space:nowrap;
	}
	.landing_txt h2,.landing_txt .line,.txt_2 p,.txt_3 p
	{
	position:relative;
	display:inline-block;
	}
	.landing_txt .line
	{
	position:relative;
	height:100#;
	border-bottom:1px solid #000;
	width:100%;
	}
	
	.txt_1 h2
	{
	color:#f44544;
	font-weight:800;
	font-size:85px;
	}
	.txt_1 .line{border-color:#f44544;}
	.txt_2 p,.txt_3 p
	{
	color:#046baf;
	font-weight:400;
	font-size:70px;
	}
	.txt_2 .line,.txt_3 .line{border-color:#046baf;}
	
	.end_line
	{
	position:absolute;
	right:0;
	width:30px;
	height:7px;
	}
	.txt_1 .end_line{background-color:#f44544;bottom:18px;}
	.txt_2 .end_line,.txt_3 .end_line{background-color:#046baf;bottom:14px;}
	
	#landing_txt i
	{
	position:relative;
	margin-top:20px;
	color:#000;
	font-weight:600;
	width:100%;
	font-size:18px;
	left:3px;
	}
	
	
	.scroll_btn
	{
	left:3px;
	}
	
	.nav
	{
	position:relative;
	margin-top:20px;
	width:220px;
	font-weight:400;
	}
	
	.nav_btn
	{
	position:relative;
	width:100%;
	height:50px;
	padding:7px;
	color:#323232;
	font-size:15px;
	cursor:pointer;
	text-shadow:1px 1px 0 rgba(250,250,250,.5);
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	box-shadow:0 0 3px rgba(0,0,0,.35);

	background: rgba(226,226,226,1);
	background: -moz-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 29%, rgba(209,209,209,1) 30%, rgba(254,254,254,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(226,226,226,1)), color-stop(29%, rgba(219,219,219,1)), color-stop(30%, rgba(209,209,209,1)), color-stop(100%, rgba(254,254,254,1)));
	background: -webkit-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 29%, rgba(209,209,209,1) 30%, rgba(254,254,254,1) 100%);
	background: -o-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 29%, rgba(209,209,209,1) 30%, rgba(254,254,254,1) 100%);
	background: -ms-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 29%, rgba(209,209,209,1) 30%, rgba(254,254,254,1) 100%);
	background: linear-gradient(to bottom, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 29%, rgba(209,209,209,1) 30%, rgba(254,254,254,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=0 );
	}
	.nav_btn span
	{
	position:relative;
	top:-12px;
	width:25px;
	height:25px;
	display:inline-block;
	background:url(img/sprite.png) -6px -126px no-repeat;
	
	transform:rotate(-90deg);
	-webkit-transform:rotate(-90deg);
	-moz-transform:rotate(-90deg);
	-ms-transform:rotate(-90deg);
	
	transition:transform 0.15s ease-in-out;
	-webkit-transition:-webkit-transform 0.15s ease-in-out;
	-moz-transition:-moz-transform 0.15s ease-in-out;
	}
	.nav_btn:hover span
	{
	transform:rotate(0deg);
	-webkit-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	-ms-transform:rotate(0deg);
	}
	.nav_menu
	{
	position:absolute;
	width:100%;
	height:200px;
	padding-top:5px;
	top:45px;
	left:0;
	background:rgba(250,250,250,0);

	}
	.nav_menu li 
	{
		perspective:400px;
		-webkit-perspective:400px;
	}
	
	.nav_menu li a
	{
	position:relative;
	width:100%;
	margin-top:3px;
	background-color:#eeeeee;
	display:block;
	height:40px;
	padding:14px 3px 0 8px;
	line-height:1;
	color:#323232;
	font-size:14px;
	cursor:pointer;
	text-shadow:1px 1px 0 rgba(250,250,250,.3);
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	box-shadow:0 0 3px rgba(0,0,0,.35);
	
	transition:transform 0.5s,color 0.5s;
	-webkit-transition:-webkit-transform 0.5s,color 0.5s;
	-moz-transition:-moz-transform 0.5s,color 0.5s;
	}
	.nav_menu li a span
	{
	position:relative;
	top:-11px;
	width:35px;
	height:35px;
	display:inline-block;
	border-radius:50%;
	border:1px solid #00b4ff;
	background-image:url(img/sprite.png);
	background-repeat:no-repeat ;
	background-color:#fff;
	float:right;
	
	transition:transform 0.15s ease-in-out;
	-webkit-transition:-webkit-transform 0.15s ease-in-out;
	-moz-transition:-moz-transform 0.15s ease-in-out;
	}
	
	.automotive_btn a span{background-position:-74px -8px;}
	.banking_btn a span{background-position:-74px -49px;}
	.government_btn a span{background-position:-75px -92px;}
	.health_btn a span{background-position:-76px -133px;}
	.insurance_btn a span{background-position:-74px -179px;}
	
			
	.nav_menu li:hover a
	{
	transform:rotateX(360deg);
	-webkit-transform:rotateX(360deg);
	-moz-transform:rotateX(360deg);
	-ms-transform:rotateX(360deg);
	
	color:#878787;
	}
	
	/* ---------------- intro ---------------- */
	
	
	
	#intro
	{
	top:0%;
	}
	
	
	.page
	{
	position:absolute;
	height:100%;
	width:100%;
	top:0;
	left:0;
	background-color:#fff;
	overflow:hidden;
	}

	
	.try
	{
	position:absolute;
	height:700px;
	width:700px;
	margin-left:-350px;
	bottom:0;
	left:50%;
	}
	.try .try_img
	{
	position:absolute;
	width:100%;
	height:100%;
	bottom:0;
	left:0;
	background:url(img/try.png) center bottom no-repeat;
	background-size:100%;
	}
	.diag_line
	{
	position:absolute;
	height:7px;
	left:50%;
	background-color:#323232;
	}
	.try .diag_line
	{
	width:1000px;
	top:60%;
	margin-left:-500px;
	background-color:#323232;
	
	transform:rotate(-15deg);
	-webkit-transform:rotate(-15deg);
	-moz-transform:rotate(-15deg);
	}
	.try_blue
	{
	position:absolute;
	width:300px;
	height:300px;
	top:0;
	right:5%;
	margin-left:-150px;
	opacity:0.3;
	}
	.try_blue .try_img
	{
	position:absolute;
	width:100%;
	height:100%;
	bottom:0;
	left:0;
	background:url(img/try_blue.png) center top no-repeat;
	background-size:100%;
	}
	.try_blue .diag_line
	{
	width:700px;
	bottom:60%;
	margin-left:-350px;
	background-color:#323232;
	
	transform:rotate(18deg);
	-webkit-transform:rotate(18deg);
	-moz-transform:rotate(18deg);
	}
	
	
	
	.round
	{
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-150px;
	margin-left:-150px;
	width:300px;
	height:300px;
	border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	}
	.round_green{background-color:#418257;}
	.round_lightgreen{background-color:#68ac9f;}
	.round_orange{background-color:#f57b30;}
	.round_blue{background-color:#b6d8eb;}
	.round_pink{background-color:#dcc1c7;}
	.round_purple{background-color:#cfb7c7;}
	
	
	.propeller_pole
	{
	position:absolute;
	width:10px;
	height:300px;
	bottom:-300px;
	margin-left:-76px;
	background-color:#e5e5e5;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	}
	.pole_1{left:15%;}
	.pole_2{left:25%;}
	.pole_3{left:35%;}
	
	.propeller
	{
	position:absolute;
	width:153px;
	height:153px;
	top:-155px;
	left:-76px;
	background:url(img/propeller.png) center no-repeat;
	background-size:100%;
	}
	
	
	
	#path_wrapper
	{
	position:absolute;
	width:680px;
	height:630px;
	bottom:0px;
	left:50%;
	margin-left:-100px;
	}
	
	.path,.path li
	{
	position:absolute;
	width:100%;
	height:100%;
	bottom:0;
	left:-4px;
	}
	
	
	/* ---------------- intro ENDS ---------------- */
	/* ---------------- selection  ---------------- */
	#selection
	{
	top:100%;
	}
	
	.selection_title
	{
	position:relative;
	margin:50px auto 0;
	text-align:center;
	font-size:50px;
	max-width:900px;
	}
	
	
	#auto_section_1
	{
	top:0%;
	}
	#selection .propeller_pole
	{
	top:-10px;
	bottom:auto;
	}
	#selection .try_blue
	{
	left:50%;
	right:auto;
	opacity:1;
	}
	.fire_ball,.fire_piece,.partic
	{
	position:absolute;
	width:180px;
	height:180px;
	margin-left:-90px;
	margin-top:-180px;
	left:50%;
	background-repeat:no-repeat;
	background-position:center;
	background-size:100%;
	}
	.fire_ball{background-image:url(img/fire_ball_1.png);}
	.fire_piece_1{background-image:url(img/fire_piece_1.png);}
	.fire_piece_2{background-image:url(img/fire_piece_2.png);}
	.fire_piece_3{background-image:url(img/fire_piece_3.png);}
	.fire_piece_4{background-image:url(img/fire_piece_4.png);}
	.fire_piece_5{background-image:url(img/fire_piece_5.png);}
	
	.partic_1{background-image:url(img/partic_1.png);}
	.partic_2{background-image:url(img/partic_2.png);}
	.partic_3{background-image:url(img/partic_3.png);}
	
	.partic_s_1{background-image:url(img/partic_s_1.png);}
	.partic_s_2{background-image:url(img/partic_s_2.png);}
	.partic_s_3{background-image:url(img/partic_s_3.png);}
	


	
	
	/* ---------------- selection ENDS ---------------- */
	

@media only screen and (max-height: 850px) {

	#flower_wrapper
	{
	width:900px;
	height:900px;
	margin-top:-450px;
	}
	
	#landing_txt
	{
	position:absolute;
	top:22%;
	width:47%;
	left:47%;
	}
	.txt_1 h2{font-size:80px;}
	.txt_2 p,.txt_3 p{font-size:65px;}
	
	
	
	
}

@media only screen and (max-height: 750px) {

	#flower_wrapper
	{
	width:700px;
	height:700px;
	margin-top:-350px;
	}
	
	.propeller_pole{bottom:-400px;}
	#intro .round_green{margin-top:-50px;}
	#path_wrapper{bottom:-100px;}
	
	
	#landing_txt
	{
	position:absolute;
	top:20%;
	width:47%;
	left:40%;
	}
	.txt_1 h2{font-size:80px;}
	.txt_2 p,.txt_3 p{font-size:65px;}

}

@media only screen and (max-width: 1800px) {

	#flower_wrapper
	{
	width:900px;
	height:900px;
	margin-top:-450px;
	margin-left:-90px;
	}
	#landing_txt
	{
	position:absolute;
	top:25%;
	width:47%;
	left:50%;
	}
	.txt_1 h2{font-size:80px;}
	.txt_2 p,.txt_3 p{font-size:65px;}

	
}
	
@media only screen and (max-width: 1680px) {

	#flower_wrapper
	{
	width:830px;
	height:830px;
	margin-top:-415px;
	margin-left:-90px;
	}
	#landing_txt
	{
	position:absolute;
	top:30%;
	width:47%;
	left:50%;
	}
	
}
	
	@media only screen and (max-width: 1400px) {

	#flower_wrapper
	{
	width:750px;
	height:750px;
	margin-top:-375px;
	}
	#landing_txt
	{
	position:absolute;
	width:47%;
	left:51%;
	}
	.txt_1 h2{font-size:70px;}
	.txt_2 p,.txt_3 p{font-size:55px;}
	.end_line
	{
	width:20px;
	height:5px;
	}
	.txt_1 .end_line{bottom:15px;}
	.txt_2 .end_line,.txt_3 .end_line{bottom:11px;}
	
	.try
	{
	height:500px;
	width:500px;
	margin-left:-250px;
	}
	#intro .try_blue
	{
	height:200px;
	width:200px;
	margin-left:-100px;
	}
	.try_blue .diag_line
	{
	width:500px;
	height:5px;
	margin-left:-250px;
	}
	.round
	{
	height:240px;
	width:240px;
	margin-left:-120px;
	}
	
	.propeller
	{
	width:110px;
	height:110px;
	top:-120px;
	left:-55px;
	}
	
	.intro_title_b{font-size:42px;}
	.intro_title_s{font-size:36px;}
	.intro_title_s span{font-size:46px;}
	
	.selection_title
	{
	margin:10px auto 0;
	font-size:46px;
	max-width:800px;
	}
	
	
}


		
@media only screen and (max-height: 735px) {
	.nav_menu
	{
	top:auto;
	bottom:71px;
	}
	.nav_btn:hover span
	{
	transform:rotate(-180deg);
	-webkit-transform:rotate(-180deg);
	-moz-transform:rotate(-180deg);
	-ms-transform:rotate(-180deg);
	}
	
}


@media only screen and (max-width: 1260px) {
	
	#flower_wrapper
	{
	width:640px;
	height:640px;
	margin-top:-320px;
	margin-left:-80px;
	}
	#landing_txt
	{
	position:absolute;
	width:47%;
	left:53%;
	}
	.txt_1 h2{font-size:60px;}
	.txt_2 p,.txt_3 p{font-size:50px;}
	.txt_1 .end_line{bottom:13px;}
	.txt_2 .end_line,.txt_3 .end_line{bottom:10px;}
	
	
	.intro_title_b,.intro_title_s
	{
	max-width:950px;
	margin-top:25px;
	}
	.intro_title_b{font-size:36px;}
	.intro_title_s{font-size:30px;}
	.intro_title_s span{font-size:40px;}
	
}



/* Mobile */
@media handheld, only screen and (max-width: 860px) {
	

	#flower_wrapper
	{
	top:-50px;
	width:600px;
	height:600px;
	margin-top:0px;
	margin-left:-80px;
	}
	#landing_txt
	{
	top:490px;
	position:absolute;
	width:90%;
	left:10%;
	}
	
	
	
	.intro_title_b,.intro_title_s{max-width:90%;}
	#path_wrapper{bottom:0px;margin-left:-100px;}
	
	.selection_title
	{
	margin:50px auto 0;
	font-size:46px;
	max-width:90%;
	}
	
	
	
}

	

	


	
	

