<!DOCTYPE HTML>
<?php
		if(isset($_POST['submit']))
		{
			
		$mailto="contact@aswiniagrotech.com";
        $pcount=0;
        $gcount=0;
        $subject = "Conatct Request Details";

        $from="no-reply@aswiniagrotech.com";

	$reply=$_POST['email'];

	$headers = 'From:'.$from . "\r\n" .'Reply-To:'.$reply;

 
        while (list($key,$val)=each($_POST))
        {
        $pstr = $pstr."$key : $val \n ";
        ++$pcount;

        }
        while (list($key,$val)=each($_GET))
        {
        $gstr = $gstr."$key : $val \n ";
        ++$gcount;

        }
        if ($pcount > $gcount)
        {
        $message_body=$pstr;
       mail($mailto,$subject,$message_body,$headers);
		
			echo "<script>alert('Successfully Sent');
				window.location = 'http://aswiniagrotech.com'; exit();</script>";
		
        }
        else
        {
        $message_body=$gstr;

        mail($mailto,$subject,$message_body,"From:".$from);
        }
		}
		else{
	?>
<html lang="en-US">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
	<title>Aswini Agrotech</title>

	<link rel="stylesheet" type="text/css" href="css/main.css" />
	<link rel="stylesheet" type="text/css" href="css/innerpages.css" />
	<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
	<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css" />

	<link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>

	<script type="text/javascript" src="js/jquery-2.2.4.min.js"></script>
	<script type="text/javascript" src="js/bootstrap.min.js"></script>
</head>

<body>

	<div class="top_row">
		<!-- <div class="container">
			<div class="col-md-2 col-md-offset-7 col-sm-3 col-sm-offset-5 hidden-xs">
				<a href="tel:08232233224"><i class="fa fa-phone" aria-hidden="true"></i>&nbsp;: &nbsp;+91 8232 - 233224</a>
			</div>
			
			<div class="col-md-3 col-sm-4 hidden-xs">
				<a href="mailto:aswiniagro@gmail.com"><i class="fa fa-envelope-o" aria-hidden="true"></i>&nbsp;:&nbsp;aswiniagro@gmail.com</a>
			</div>
			
			<div class="col-xs-offset-8 col-xs-2 hidden-sm hidden-md hidden-lg mob_ico">
				<a href="mailto:aswiniagro@gmail.com"><h5><i class="fa fa-envelope-o" aria-hidden="true"></i></h5></a>
				
				
			</div>
				
			<div class="col-xs-2 hidden-sm hidden-md hidden-lg mob_ico">
				<a href="tel:08232233224"><h5><i class="fa fa-phone" aria-hidden="true"></i></h5></a>
			</div> 
		</div> -->
	</div>
	<div class="inner_ban cont_ban">
		<img class="img img-responsive img_tabs" src="images/con_ban1.PNG">
	</div>

	<div class="my_Nav">
		<nav class="navbar navbar-default" role="navigation">
			<div class="container my_Nav_c">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar"
						aria-expanded="false" aria-controls="navbar">
						<span class="sr-only">Toggle navigation</span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
					<a class="navbar-brand" href="index.html"><img class="img img-responsive" src="images/logo.png"></a>
				</div>

				<div id="navbar" class="navbar-collapse collapse">
					<ul class="nav navbar-nav navbar-right">
						<li><a href="index.html">Home</a></li>
						<li><a href="about.html">About us</a></li>
						<li class="nav-item dropdown">
							<a class="nav-link dropdown-toggle" href="#" id="productsDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
								Products <span class="caret"></span>
							</a>
							<ul class="dropdown-menu" aria-labelledby="productsDropdown">
								<!-- Submenu item -->
								<li class="dropdown-submenu">
									<a class="dropdown-item dropdown-toggle" href="#" data-toggle="dropdown">Cocopeat Products</a>
									<ul class="dropdown-menu">
										<li><a class="dropdown-item" href="cocopeat.html">Seed Germination <br> Cocopeat bricks (SGB)</a></li>
										<li><a class="dropdown-item" href="mushroom-casing.html">Tissue Culture Cocopeat Bricks <br> (TCB) Primary & Secondary</a></li>
										<li><a class="dropdown-item" href="soil-mix.html">Low EC Cocopeat Bricks (LEB)</a></li>
										<li><a class="dropdown-item" href="cocohusk-chips.html">Dry Powder Cocopeat <br> Bags (GOLD)</a></li>
										<li><a class="dropdown-item" href="grow-bags.html">Seed Germination Wet <br> Cocopeat Bags (WSG)</a></li>
										<li><a class="dropdown-item" href="wna.html">Nursery Wet Cocopeat <br> Bags (WNA)</a></li>
										<li><a class="dropdown-item" href="wtc.html">Tissue Culture Wet <br> Cocopeat Bags (WTC)</a></li>
										<li><a class="dropdown-item" href="shubham.html">General Purpose Wet<br>  Cocopeat Bags(SHUBHAM)</a></li>
										<li><a class="dropdown-item" href="hd.html">High Drainage Cocopeat<br> Bags (HD)</a></li>
										<li><a class="dropdown-item" href="wh.html">High Water Holding <br> Cocopeat Bags (WH)</a></li>
									</ul>
								</li>
							</ul>
						</li>

						<li><a href="galery.html">Gallery</a></li>
						<!-- <li><a href="faq.html">FAQ</a></li> -->
						<li><a href="contact.php" class="activee">Contact us</a></li>
						<!-- <li><a href="downloads.html">Downloads</a></li> -->
					</ul>
				</div>
			</div><!--container-->

		</nav>
	</div> <!----------------- myNav END --------------------->

	<div class="mar_top contact_mid_work">
		<div class="container">

			<div class="col-sm-7">
				<!-- <form action="<?php echo $_SERVER['PHP_SELF']; ?>" id="contact_form" method="POST">
						<div id="contact-form" class="form-container" data-form-container>
							<div class="row">
								<div class="form-title">
									<span>Contact Us</span>
								</div>
							</div>
							<div class="input-container">
								<div class="row">
									<span class="req-input" >
										<span class="input-status" data-toggle="tooltip" data-placement="top" title="Input Your First and Last Name."> </span>
										<input type="text" data-min-length="8" placeholder="Full Name" name="name" required>
									</span>
								</div>
								<div class="row">
									<span class="req-input">
										<span class="input-status" data-toggle="tooltip" data-placement="top" title="Please Input Your Email."> </span>
										<input type="email" placeholder="Email" name="email" required>>
									</span>
								</div>
								<div class="row">
									<span class="req-input">
										<span class="input-status" data-toggle="tooltip" data-placement="top" title="Please Input Your Phone Number."> </span>
										<input type="tel" placeholder="Phone Number" name="phone_no" required>>
									</span>
								</div>
								<div class="row">
									<span class="req-input message-box">
										<span class="input-status" data-toggle="tooltip" data-placement="top" title="Please Include a Message."> </span>
										<textarea type="textarea" data-min-length="10" placeholder="Message" name="message" required>></textarea>
								</div>
								<div class="row submit-row">
									<button type="submit" name="submit" class="btn btn-block submit-form">Submit</button>
								</div>
							</div>
						</div>
					</form> -->

			</div>

			<div class="col-sm-5">

				<div class="map" style="margin-top:25px;">
					<iframe
						src="https://www.google.com/maps/embed?pb=!1m23!1m12!1m3!1d31148.23470630148!2d77.06523956127803!3d12.613240747292357!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!4m8!3e6!4m0!4m5!1s0x3bafaefaffffffd9%3A0x19a79db3b69fae7b!2saswini+agrotech!3m2!1d12.615637!2d77.068418!5e0!3m2!1sen!2sin!4v1472216598062"
						width="100%" height="384" frameborder="0" style="border:0" allowfullscreen></iframe>
				</div>

			</div>
		</div>

		<style>
			.addrs h3 {
				text-transform: uppercase;
				font-size: 20px !important;
			}
		</style>
		<div class="container">

			<div class="col-sm-4">
				<div class="addrs">

					<h3>Factory</h3>
					<p>Plots : 42 & 43, KIADB Industrial Area <br /> Somanahalli, Maddur Taluk,<br /> Mandya District -
						571 429, Karnataka, India</p>
						<p>Sy. No. 279, Madanayakanahalli - 571 433, Maddur Tq, Mandya district, Karnataka</p>
						<p>Zamin Kottampatti Road, Pollachi Tq - 642 006, Coimbatore district, Tamilnadu</p>	
						
					<!-- <p>Telephone : +91 8232-233224</p> -->
					<p>Mobile &nbsp; &nbsp; &nbsp; &nbsp;: +91 9845 223 896
						<span style="padding-left:72px;"> +91 9632 081 896<span> <br>
								<span style="padding-left:72px;"> +91 8277 329 502 <span>

					</p>
					<p>E-mail&nbsp; &nbsp; &nbsp; &nbsp; : contact@aswiniagrotech.com<br /><span
							style="padding-left:68px;"> aswiniagro@gmail.com</p>


				</div>
			</div>
			<div class="col-sm-4">
				<!-- <div class="addrs">
					<h3>Office</h3>
					<p>No.15, Brahamaramba Road,<br/>Srirampura 2nd stage, Mysore- 570023,<br/> Karnataka, India</p>
					<p></p>
					<p></p>				
					<p>Telephone : +91 0821- 2970276</p>
					<p>Mobile   &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;: +91 9900 073 441</p>
					
					
				</div> -->
				
			</div>
			<div class="col-sm-4"></div>
			<!--<div class="col-sm-3">	
				<div class="addrs">
					<h3 >India Marketing partner</h3>
					<p>VARSHA ENTERPRISES</p>
					<p>No. B22B, B Block, 2nd Floor, Brigade M.M., K.R. Road, 7th Block, Jayanagar Bengaluru -560070, Karnataka, India</p>
								
					<p>Telephone:+(91)-(80)-26764471</p>
					<p>Mobile- +(91)-9740 084 247 </p>
					<p><a href=""><span class="text-warning">E-mail : </span> varshaent52@gmail.com</a></p>
					<p><a href="www.varshaenterprisesblr.com"><span class="text-warning">Website : </span> www.varshaenterprisesblr.com</a></p></p>
					
				</div>
			</div>
			
			<div class="col-sm-3">	
				<div class="addrs">
					<h3>U.S.A. Marketing Office</h3>
					<p style="text-transform:uppercase;">Trade Konnection</p>
					<p>3825 Hopyard Rd, Suite 180 , Pleasanton, California, <br/>USA  94588</p>
								
					<p>Telephone:408-507-4551, 925-215-0385</p>
					
					<p><a href=""><span class="text-warning">E-mail : </br></span>srikanth@tradekonnection.com</a></p>
					<p><a href="www.varshaenterprisesblr.com"><span class="text-warning">Website : </span>www.tradekonnection.com</a></p></p>
					
				</div>
			</div>
			<div class="col-sm-3">	
				<div class="addrs">
					<h3>Canada resident representative</h3>
					<p>Mrs. Usha Prasad</p>
					<p><a href=""><span class="text-warning">E-mail : </span>usha-avr@telus.net</a></p>
				</div>
			</div> -->

		</div>

	</div><!---mid_work--->



	<div class="home_footer">
		<div class="container">
			<div class="col-md-3 col-sm-1"></div>
			<div class="col-md-6 col-sm-10">
				<ul class="footer_nav hidden-xs">
					<li><a href="index.html">Home</a></li>
					<li><a href="about.html">About us</a></li>
					<!--<li><a href="products.html">Products</a></li>-->
					<li><a href="galery.html">Gallery</a></li>
					<!-- <li><a href="faq.html">FAQ</a></li> -->
					<li><a href="contact.php">Contact us</a></li>
					<!-- <li><a href="downloads.html">Downloads</a></li> -->
				</ul>
			</div>
			<div class="col-md-3 col-sm-1"></div>
		</div><!--container-->
		<div class="last_footer">
		<div class="container">
			<div class="col-md-4 col-sm-3">
				<h4><i class="fa fa-map-marker" aria-hidden="true"></i>&nbsp;Address</h4>
				<p>Plots 42 & 43, KIADB Industrial Area, Somanahalli, Maddur Taluk, Mandya District - 571 429<br class="hidden-xs"> Karnataka, India</p>			
				<p>Sy. No. 279, Madanayakanahalli - 571 433, Maddur Tq, Mandya district, Karnataka</p>
				<p>Zamin Kottampatti Road, Pollachi Tq - 642 006, Coimbatore district, Tamilnadu</p>
			</div>
			<div class=" col-md-3 col-sm-3">
				<h4><i class="fa fa-phone" aria-hidden="true"></i>&nbsp;Phones</h4>
				<!--<p>Telephone : +91 8232-233224<br/> <span style="padding-left:73px;">+91 821-2970276</span></p>-->
				<p>Mobile  <span style="padding-left:21px;">: +91 9845 223 896</span><br/>
					<span style="padding-left:73px;">+91 9632 081 896</span> <br>
					<span style="padding-left:73px;">+91 8277 329 502</span> 
				
				</p>				
			</div>
			<div class=" col-md-2 col-sm-3">
				<h4><i class="fa fa-envelope" aria-hidden="true"></i>&nbsp;E-mail</h4>
				<!--<p>contact@aswiniagrotech.com</p>-->	
				<p>aswiniagro@gmail.com</p>
				<p>contact@aswiniagrotech.com</p>
						
			</div>
			<div class="col-sm-3">
				<img src="images/qrcode.jpg"  width="70%" class="img-fluid mx-auto d-block scann-mobile" height="150px" alt="">
			</div>
		</div>
	</div>
		<div class="home_copy">
			<div class="container">
				<div class="col-sm-12">
					<ul class="copy-ul">
						<li>Copyright © 2016 Aswini Agrotech</li>
						<li class="hidden-xs">|</li>
						<br class="hidden-sm hidden-md hidden-lg">
						<li>Developed by:<a href="http://jayblues.com/" target="_blank"> Jay <span
									class="jayblues">Blues</span> Technologies</a></li>
					</ul>
				</div>

			</div>
		</div>
	</div>
</body>

</html>

<style>
	#abc {
		margin-bottom: -80px !important;
	}

	.form-container div,
	.form-container span {
		font-family: Calibri, Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif;
	}

	.form-container ::-webkit-input-placeholder {
		/* WebKit, Blink, Edge */
		color: #999;
	}

	.form-container :-moz-placeholder {
		/* Mozilla Firefox 4 to 18 */
		color: #999;
		opacity: 1;
	}

	.form-container ::-moz-placeholder {
		/* Mozilla Firefox 19+ */
		color: #999;
		opacity: 1;
	}

	.form-container :-ms-input-placeholder {
		/* Internet Explorer 10-11 */
		color: #999;
	}

	.form-container :placeholder-shown {
		/* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
		color: #999;
	}

	.oauth-buttons {
		text-align: center;
	}

	.row {
		text-align: center;
	}

	#login-form {
		min-width: 375px;
	}

	.login-container {
		width: 400px;
		height: 330px;
		display: inline-block;
		margin-top: -165px;
		top: 50%;
		left: 50%;
		position: absolute;
		margin-left: -200px;
	}

	.form-container .create-account:hover {
		opacity: .7;
	}

	.form-container .create-account {
		color: inherit;
		margin-top: 15px;
		display: inline-block;
		cursor: pointer;
		text-decoration: none;
	}

	.oauth-buttons .fa {
		cursor: pointer;
		margin-top: 10px;
		color: inherit;
		width: 30px;
		height: 30px;
		text-align: center;
		line-height: 30px;
		margin: 5px;
		margin-top: 15px;
	}

	.oauth-buttons .fa:hover {
		color: white;
	}

	.oauth-buttons .fa-google-plus:hover {
		background: #dd4b39;
	}

	.oauth-buttons .fa-facebook:hover {
		background: #8b9dc3;
	}

	.oauth-buttons .fa-linkedin:hover {
		background: #0077b5;
	}

	.oauth-buttons .fa-twitter:hover {
		background: #55acee;
	}

	.form-container .req-input .input-status {
		display: inline-block;
		height: 40px;
		width: 40px;
		float: left;
	}

	.form-container .input-status::before {
		content: " ";
		height: 20px;
		width: 20px;
		position: absolute;
		top: 10px;
		left: 10px;
		color: white;
		border-radius: 50%;
		background: white;
		-webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;

	}

	.form-container .input-status::after {
		content: " ";
		height: 10px;
		width: 10px;
		position: absolute;
		top: 15px;
		left: 15px;
		color: white;
		border-radius: 50%;
		background: #A2C046;
		-webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
	}

	.form-container .req-input {
		width: 100%;
		float: left;
		position: relative;
		background: #A2C046;
		height: 40px;
		display: inline-block;
		border-radius: 0px;
		margin: 5px 0px;
		-webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
	}

	.form-container div .row .invalid:hover {
		background: #EF9A9A;
	}

	.form-container div .row .invalid {
		background: #E57373;
	}

	.form-container .invalid .input-status:before {
		width: 20px;
		height: 4px;
		top: 19px;
		left: 10px;
		background: white;
		/*#F44336;*/
		border-radius: 0px;
		-ms-transform: rotate(45deg);
		/* IE 9 */
		-webkit-transform: rotate(45deg);
		/* Chrome, Safari, Opera */
		transform: rotate(45deg);
	}

	.form-container .invalid .input-status:after {
		width: 20px;
		height: 4px;
		background: white;
		border-radius: 0px;
		top: 19px;
		left: 10px;
		-ms-transform: rotate(-45deg);
		/* IE 9 */
		-webkit-transform: rotate(-45deg);
		/* Chrome, Safari, Opera */
		transform: rotate(-45deg);
	}

	.form-container div .row .valid:hover {
		background: #A5D6A7;
	}

	.form-container div .row .valid {
		background: #81C784;

	}

	.form-container .valid .input-status:after {
		border-radius: 0px;
		width: 17px;
		height: 4px;
		background: white;
		top: 16px;
		left: 15px;
		-ms-transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	.form-container .valid .input-status:before {
		border-radius: 0px;
		width: 11px;
		height: 4px;
		background: white;
		top: 19px;
		left: 10px;
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	.form-container .input-container {
		padding: 0px 20px;
	}

	.form-container .row-input {
		padding: 0px 5px;
	}

	.form-container .req-input.input-password {
		margin-bottom: 0px;
	}

	.form-container .req-input.confirm-password {
		margin-top: 0px;
	}

	.form-container {
		margin: 20px;
		padding: 20px;
		border-radius: 0px;
		background: #53A245;
		color: #ffffff;
		-webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
	}

	.form-container .form-title {
		font-size: 25px;
		color: inherit;
		text-align: center;
		margin-bottom: 10px;
		-webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
	}

	.form-container .submit-row {
		padding: 0px 0px;
	}

	.form-container .btn.submit-form {
		margin-top: 15px;
		padding: 12px;
		background: #A2C046;
		color: white;
		border-radius: 0px;
		-webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
	}

	.form-container .btn.submit-form:focus {
		outline: 0px;
		color: white;
	}

	.form-container .btn.submit-form:hover {
		background: #00cde5;
		color: white;
	}

	.form-container .tooltip.top .tooltip-arrow {
		border-top-color: #A2C046 !important;
	}

	.form-container .tooltip.top.tooltip-invalid .tooltip-arrow {
		border-top-color: #E57373 !important;
	}

	.form-container .tooltip.top.tooltip-invalid .tooltip-inner::before {
		background: #E57373;
	}

	.form-container .tooltip.top.tooltip-invalid .tooltip-inner {
		background: #FFEBEE !important;
		color: #E57373;
	}

	.form-container .tooltip.top.tooltip-valid .tooltip-arrow {
		border-top-color: #81C784 !important;
	}

	.form-container .tooltip.top.tooltip-valid .tooltip-inner::before {
		background: #81C784;
	}

	.form-container .tooltip.top.tooltip-valid .tooltip-inner {
		background: #E8F5E9 !important;
		color: #81C784;
	}

	.form-container .tooltip.top .tooltip-inner::before {
		content: " ";
		width: 100%;
		height: 6px;
		background: #A2C046;
		position: absolute;
		bottom: 5px;
		right: 0px;
	}

	.form-container .tooltip.top .tooltip-inner {
		border: 0px solid #A2C046;
		background: #E0F7FA !important;
		color: #00ACC1;
		font-weight: bold;
		font-size: 13px;
		border-radius: 0px;
		padding: 10px 15px;
	}

	.form-container .tooltip {
		max-width: 150px;
		opacity: 1 !important;
	}

	.form-container .message-box {
		width: 100%;
		height: auto;
	}

	.form-container textarea:focus,
	.form-container textarea:hover {
		background: #fff;
		outline: none;
		border: 0px;
	}

	.form-container .req-input textarea {
		max-width: calc(100% - 50px);
		width: 100%;
		height: 80px;
		border: 0px;
		color: #777;
		padding: 10px 9px 0px 9px;
		float: left;

	}

	.form-container input[type=text]:focus,
	.form-container input[type=password]:focus,
	.form-container input[type=email]:focus,
	.form-container input[type=tel]:focus {
		background: #fff;
		color: #777;
		border-left: 0px;
		outline: none;
	}

	.form-container input[type=text]:hover,
	.form-container input[type=password]:hover,
	.form-container input[type=email]:hover,
	.form-container input[type=tel]:hover {
		background: #fff;
	}

	.form-container input[type=text],
	.form-container input[type=password],
	.form-container input[type=email],
	input[type=tel] {
		width: calc(100% - 50px);
		float: left;
		border-radius: 0px;
		border: 0px solid #ddd;
		padding: 0px 9px;
		height: 40px;
		line-height: 40px;
		color: #777;
		background: #fff;
		-webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
	}
</style>

<script>
	$(function () {

		$('[data-toggle="tooltip"]').tooltip();

		$(".req-input input, .req-input textarea").on("click input", function () {
			validate($(this).closest("[data-form-container]"));
		});



		//This is for the on blur, if the form fields are all empty but the target was one of the fields do not reset to defaul state
		var currentlySelected;
		$(document).mousedown(function (e) {
			currentlySelected = $(e.target);
		});

		//Reset to form to the default state of the none of the fields were filled out
		$(".req-input input,  .req-input textarea").on("blur", function (e) {
			var Parent = $(this).closest("[data-form-container]");
			//if the target that was clicked is inside this form then do nothing
			if (typeof currentlySelected != "undefined" && currentlySelected.parent().hasClass("req-input") && Parent.attr("id") == currentlySelected.closest(".form-container").attr("id"))
				return;

			var length = 0;
			Parent.find("input").each(function () {
				length += $(this).val().length;
			});
			Parent.find("textarea").each(function () {
				length += $(this).val().length;
			});
			if (length == 0) {
				var container = $(this).closest(".form-container");
				resetForm(container);
			}
		});

		$(".create-account").on('click', function () {
			if ($(".confirm-password").is(":visible")) {
				$(this).text("Create an Account");
				$(this).closest("[data-form-container]").find(".submit-form").text("Login");
				$(".confirm-password").parent().slideUp(function () {
					validate($(this).closest("[data-form-container]"));
				});
			} else {
				$(this).closest("[data-form-container]").find(".submit-form").text("Create Account");
				$(this).text("Already Have an Account");
				$(".confirm-password").parent().slideDown(function () {
					validate($(this).closest("[data-form-container]"));
				});
			}

		});

		$("[data-toggle='tooltip']").on("mouseover", function () {
			console.log($(this).parent().attr("class"));
			if ($(this).parent().hasClass("invalid")) {
				$(".tooltip").addClass("tooltip-invalid").removeClass("tooltip-valid");
			} else if ($(this).parent().hasClass("valid")) {
				$(".tooltip").addClass("tooltip-valid").removeClass("tooltip-invalid");
			} else {
				$(".tooltip").removeClass("tooltip-invalid tooltip-valid");
			}
		});

	})

	function resetForm(target) {
		var container = target;
		container.find(".valid, .invalid").removeClass("valid invalid")
		container.css("background", "");
		container.css("color", "");
	}

	function setRow(valid, Parent) {
		var error = 0;
		if (valid) {
			Parent.addClass("valid");
			Parent.removeClass("invalid");
		} else {
			error = 1;
			Parent.addClass("invalid");
			Parent.removeClass("valid");
		}
		return error;
	}

	function validate(target) {
		var error = 0;
		target.find(".req-input input, .req-input textarea").each(function () {
			var type = $(this).attr("type");

			if ($(this).parent().hasClass("confirm-password") && type == "password") {
				var type = "confirm-password";
			}

			var Parent = $(this).parent();
			var val = $(this).val();

			if ($(this).is(":visible") == false)
				return true; //skip iteration

			switch (type) {
				case "confirm-password":
					var initialPassword = $(".input-password input").val();
					error += setRow(initialPassword == val && initialPassword.length > 0, Parent);
					break;
				case "password":
				case "textarea":
				case "text":
					var minLength = $(this).data("min-length");
					if (typeof minLength == "undefined")
						minLength = 0;
					error += setRow(val.length >= minLength, Parent);
					break;
				case "email":
					error += setRow(validateEmail(val), Parent);
					break;
				case "tel":
					error += setRow(phonenumber(val), Parent);
					break;
			}
		});

		var submitForm = target.find(".submit-form");
		var formContainer = target;
		var formTitle = target.find(".form-title");
		if (error == 0) {
			formContainer.css("background", "#C8E6C9");
			formContainer.css("color", "#2E7D32");
			submitForm.addClass("valid");
			submitForm.removeClass("invalid");
		} else {
			formContainer.css("background", "#FFCDD2");
			formContainer.css("color", "#C62828");
			submitForm.addClass("invalid");
			submitForm.removeClass("valid");
		}
	}
	function phonenumber(inputtxt) {
		if (typeof inputtxt == "undefined")
			return;
		var phoneno = /^\d{10}$/;
		if ((inputtxt.match(phoneno))) {
			return true;
		}
		else {
			return false;
		}
	}
	function validateEmail(email) {
		var re = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
		return re.test(email);
	}
</script>

<style>
	.addrs {
		padding-top: 25px;
		padding-left: 20px;
	}

	.addrs h3 {
		color: #F6510F;
	}

	.addrs a:hover {
		text-decoration: none;
	}

	.addrs a {
		color: gray;
		font-size: 15px;
		font-weight: 800;
	}

	.contact_mid_work {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	@media only screen and (max-width: 600px) {
		.scann-mobile {
			width: 35%;
			height: 100px;
			margin: 10px 5px;
		}
	}
</style>

<?php }?>