/home/hdwebsolution/public_html/supaflex/contact.html
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="keywords" content="Supaflex">
	<meta name="author" content="Supaflex">
	<meta name="robots" content="Supaflex">
	<meta name="description" content="Supaflex">
	<meta property="og:title" content="Supaflex">
	<meta property="og:description" content="Supaflex">
	<meta name="format-detection" content="telephone=no">
	
	<!-- FAVICONS ICON -->
	<!--<link rel="icon" href="images/favicon.ico" type="image/x-icon">-->
	<!--<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png">-->
	
	<!-- PAGE TITLE HERE -->
	<title>Contact Us</title>
	
	<!-- MOBILE SPECIFIC -->
	<meta name="viewport" content="width=device-width, initial-scale=1">
	
	
		<!-- STYLESHEETS -->
	<link rel="stylesheet" type="text/css" href="css/plugins.css">
	<link rel="stylesheet" type="text/css" href="css/style.css">
	<link class="skin" rel="stylesheet" type="text/css" href="css/skin/skin-2.css">
	<link rel="stylesheet" type="text/css" href="css/templete.css">
	<link rel="stylesheet" type="text/css" href="css/rs-spacing.css">
	<!-- Google Font -->
	<style>
	@import url('s/css');
	</style>
	
	<!-- REVOLUTION SLIDER CSS -->
	<link rel="stylesheet" type="text/css" href="plugins/revolution/revolution/css/revolution.min.css">
	
</head>
<body id="bg">
<div class="page-wraper">
<!-- <div id="loading-area"></div> -->
	<!-- header -->
    <header class="site-header mo-left header navstyle1">
        <div class="sticky-header main-bar-wraper header-curve navbar-expand-lg">
            <div class="main-bar clearfix bg-primary">
                <div class="container clearfix">
                    <div class="logo-header mostion logo-dark">
						<a href="index.html"><img src="self/logo.png" alt=""></a>
					</div>
                    <button class="navbar-toggler collapsed navicon justify-content-end" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
						<span></span>
						<span></span>
						<span></span>
					</button>
                    <div class="extra-nav">
                        <div class="extra-cell">
                            <button id="quik-search-btn" type="button" class="site-button-link"><i class="la la-search"></i></button>
						</div>
                    </div>
                    <div class="dlab-quik-search ">
                        <form action="#">
                            <input name="search" value="" type="text" class="form-control" placeholder="Type to search">
                            <span id="quik-search-remove"><i class="ti-close"></i></span>
                        </form>
                    </div>
                    <div class="header-nav navbar-collapse collapse justify-content-center" id="navbarNavDropdown">
						<div class="logo-header d-md-block d-lg-none">
							<a href="index.html"><img src="images/logo-2.png" alt=""></a>
						</div>
                        <ul class="nav navbar-nav">	
							<li class="active"><a href="#">Home</a></li>
							<li><a href="#">Contact Us</a></li>
							<li>
								<a href="javascript:;">Products<i class="fas fa-chevron-down"></i></a>
								<ul class="sub-menu tab-content">
									<li>
										<a href="javascript:;">Flexible Conduits <i class="fas fa-angle-right"></i></a>
										<ul class="sub-menu">
											<li>
												<a href="javascript:;">Polyamide Flexible Conduits<i class="fas fa-angle-right"></i></a>
												<ul class="sub-menu">
													<li><a href="#">High Grade Polyamide Flexible Conduits – PAR</a></li>
												</ul>
											</li>
											<li>
												<a href="javascript:;">Polyamide Flexible Conduits<i class="fas fa-angle-right"></i></a>
												<ul class="sub-menu">
													<li><a href="#">High Grade Polyamide Flexible Conduits – PAR</a></li>
												</ul>
											</li>
											<li>
												<a href="javascript:;">Polyamide Flexible Conduits<i class="fas fa-angle-right"></i></a>
												<ul class="sub-menu">
													<li><a href="#">High Grade Polyamide Flexible Conduits – PAR</a></li>
												</ul>
											</li>
										</ul>
									</li>	
									<li>
										<a href="javascript:;">Conduit Glands <i class="fas fa-angle-right"></i></a>
										<ul class="sub-menu">
											<li>
												<a href="javascript:;">Polyamide Flexible Conduits<i class="fas fa-angle-right"></i></a>
												<ul class="sub-menu">
													<li><a href="#">High Grade Polyamide Flexible Conduits – PAR</a></li>
												</ul>
											</li>
											<li>
												<a href="javascript:;">Polyamide Flexible Conduits<i class="fas fa-angle-right"></i></a>
												<ul class="sub-menu">
													<li><a href="#">High Grade Polyamide Flexible Conduits – PAR</a></li>
												</ul>
											</li>
										</ul>
									</li>	
									<li>
										<a href="javascript:;">Conduit Gland Accessories <i class="fas fa-angle-right"></i></a>
										<ul class="sub-menu">
											<li>
												<a href="javascript:;">Polyamide Flexible Conduits<i class="fas fa-angle-right"></i></a>
												<ul class="sub-menu">
													<li><a href="#">High Grade Polyamide Flexible Conduits – PAR</a></li>
												</ul>
											</li>
											<li>
												<a href="javascript:;">Polyamide Flexible Conduits<i class="fas fa-angle-right"></i></a>
												<ul class="sub-menu">
													<li><a href="#">High Grade Polyamide Flexible Conduits – PAR</a></li>
												</ul>
											</li>
											<li>
												<a href="javascript:;">Polyamide Flexible Conduits<i class="fas fa-angle-right"></i></a>
												<ul class="sub-menu">
													<li><a href="#">High Grade Polyamide Flexible Conduits – PAR</a></li>
												</ul>
											</li>
											<li>
												<a href="javascript:;">Polyamide Flexible Conduits<i class="fas fa-angle-right"></i></a>
												<ul class="sub-menu">
													<li><a href="#">High Grade Polyamide Flexible Conduits – PAR</a></li>
												</ul>
											</li>
											<li>
												<a href="javascript:;">Polyamide Flexible Conduits<i class="fas fa-angle-right"></i></a>
												<ul class="sub-menu">
													<li><a href="#">High Grade Polyamide Flexible Conduits – PAR</a></li>
												</ul>
											</li>
										</ul>
									</li>	
									<li>
										<a href="javascript:;">Cable Drag Chains <i class="fas fa-angle-right"></i></a>
										<ul class="sub-menu">
											<li>
												<a href="javascript:;">Polyamide Flexible Conduits<i class="fas fa-angle-right"></i></a>
												<ul class="sub-menu">
													<li><a href="#">High Grade Polyamide Flexible Conduits – PAR</a></li>
												</ul>
											</li>
										</ul>
									</li>	
									<li>
										<a href="javascript:;">Cable Drag Chains Accessories <i class="fas fa-angle-right"></i></a>
										<ul class="sub-menu">
											<li>
												<a href="javascript:;">Polyamide Flexible Conduits<i class="fas fa-angle-right"></i></a>
												<ul class="sub-menu">
													<li><a href="#">High Grade Polyamide Flexible Conduits – PAR</a></li>
												</ul>
											</li>
										</ul>
									</li>	
								</ul>
							</li>
							<li><a href="#">Industries</a></li>
							<li>
								<a href="javascript:;">Events<i class="fas fa-chevron-down"></i></a>
								<ul class="sub-menu tab-content">
									<li><a href="#">Blogs</a></li>	
									<li><a href="#">Email Updates</a></li>	
									<li> 
										<a href="javascript:;">Events<i class="fas fa-angle-right"></i></a>
										<ul class="sub-menu">
											<li><a href="#">Past Events</a></li>
											<li><a href="#">Future Events</a></li>
										</ul>
									</li>
									
								</ul>
							</li>
							<li><a href="#">Contact Us</a></li>
						</ul>	
						<div class="dlab-social-icon">
							<ul>
								<li><a class="site-button facebook circle-sm outline fab fa-facebook-f" href="javascript:void(0);"></a></li>
								<li><a class="site-button twitter circle-sm outline fab fa-twitter" href="javascript:void(0);"></a></li>
								<li><a class="site-button linkedin circle-sm outline fab fa-linkedin-in" href="javascript:void(0);"></a></li>
								<li><a class="site-button instagram circle-sm outline fab fa-instagram" href="javascript:void(0);"></a></li>
							</ul>
						</div>		
                    </div>
                </div>
            </div>
        </div>
        <!-- main header END -->
    </header>

    <div class="page-content bg-white">	
	        <!-- inner page banner -->
			<div class="dlab-bnr-inr overlay-black-middle bg-pt" style="background-image:url(images/banner/bnr4.jpg);">
				<div class="container">
					<div class="dlab-bnr-inr-entry">
						<h1 class="text-white">Contact Us</h1>
						<!-- Breadcrumb row -->
						<div class="breadcrumb-row">
							<ul class="list-inline">
								<li><a href="index.html">Home</a></li>
								<li>Portfolio</li>
								<li>Contact Us</li>
							</ul>
						</div>
						<!-- Breadcrumb row END -->
					</div>
				</div>
			</div>
			<!-- inner page banner END -->
        <!-- contact area -->
        <div class="content-block">
			<div class="section-full content-inner contact-page-8 bg-white">
				<div class="container">
					<div class="row">
						<div class="col-lg-4 col-md-12">
							<div class="row">
								<div class="col-lg-12 col-md-12 m-b30">
									<div class="icon-bx-wraper expertise bx-style-1 p-a20 radius-sm">
										<div class="icon-content">
											<h5 class="dlab-tilte">
												<span class="icon-sm text-primary"><i class="ti-location-pin"></i></span> 
												Company Address
											</h5>
											<p>007 Dummy Ashoka Apartment, Gautam Marg, Rani Sati Nagar,Jaipur / India </p>
											
										</div>
									</div>
								</div>
								<div class="col-lg-12 col-md-6 m-b30">
									<div class="icon-bx-wraper expertise bx-style-1 p-a20 radius-sm">
										<div class="icon-content">
											<h5 class="dlab-tilte">
												<span class="icon-sm text-primary"><i class="ti-email"></i></span> 
												E-mail
											</h5>
											<p class="m-b0">info@example.com</p>
										</div>
									</div>
								</div>
								<div class="col-lg-12 col-md-6 m-b30">
									<div class="icon-bx-wraper expertise bx-style-1 p-a20 radius-sm">
										<div class="icon-content">
											<h5 class="dlab-tilte">
												<span class="icon-sm text-primary"><i class="ti-mobile"></i></span> 
												Phone Numbers
											</h5>
											<p class="m-b0">+00 234 678 9012</p>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="col-lg-8 col-md-12 m-b30">
							<form class="inquiry-form wow fadeInUp" data-wow-delay="0.2s">
								<h3 class="title-box font-weight-300 m-t0 m-b10">Get in Touch</h3>
								<div class="row">
									<div class="col-lg-6 col-md-6">
										<div class="form-group">
											<div class="input-group">
												<span class="input-group-addon"><i class="ti-user text-primary"></i></span>
												<input name="dzName" type="text" required="" class="form-control" placeholder="First Name">
											</div>
										</div>
									</div>
									<div class="col-lg-6 col-md-6">
										<div class="form-group">
											<div class="input-group">
												<span class="input-group-addon"><i class="ti-mobile text-primary"></i></span>
												<input name="dzOther[Phone]" type="text" required="" class="form-control" placeholder="Phone">
											</div>
										</div>
									</div>
									<div class="col-lg-6 col-md-6">
										<div class="form-group">
											<div class="input-group"> 
												<span class="input-group-addon"><i class="ti-email text-primary"></i></span>
												<input name="dzEmail" type="email" class="form-control" required="" placeholder="Email Id">
											</div>
										</div>
									</div>
									<div class="col-lg-6 col-md-6">
										<div class="form-group">
											<div class="input-group">
												<span class="input-group-addon"><i class="ti-check-box text-primary"></i></span>
												<input name="dzOther[Subject]" type="text" required="" class="form-control" placeholder="Subject">
											</div>
										</div>
									</div>
									
									<div class="col-lg-12 col-md-12">
										<div class="form-group">
											<div class="input-group">
												<span class="input-group-addon"><i class="ti-agenda text-primary"></i></span>
												<textarea name="dzMessage" rows="4" class="form-control" required="" placeholder="Message"></textarea>
											</div>
										</div>
									</div>
									<div class="col-lg-12 col-md-12">
										<button name="submit" type="submit" value="Submit" class="site-button button-md"> <span>Submit</span> </button>
									</div>
								</div>
							</form>	
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- contact area END -->
    </div>
    <!-- Content END -->
	
	<!-- Footer -->
    <footer class="site-footer text-uppercase bg-white">
        <!-- Social icon -->
		<div class="social-curve wow fadeInLeft" data-wow-duration="2s" data-wow-delay="0.3s">
			<div class="container">
				<ul class="social-icon list-inline m-b0">
					<li><span class="title">Follow Us</span></li>
					<li><a href="javascript:void(0);" class="site-button-link facebook hover"><i class="fab fa-facebook-f"></i></a></li>
					<li><a href="javascript:void(0);" class="site-button-link google-plus hover"><i class="fab fa-google-plus-g"></i></a></li>
					<li><a href="javascript:void(0);" class="site-button-link linkedin hover"><i class="fab fa-linkedin-in"></i></a></li>
					<li><a href="javascript:void(0);" class="site-button-link instagram hover"><i class="fab fa-instagram"></i></a></li>
					<li><a href="javascript:void(0);" class="site-button-link twitter hover"><i class="fab fa-twitter"></i></a></li>
				</ul>
			</div>
		</div>
		<!-- Social icon End -->
		<div class="footer-top" style="background-image:url(images/background/bg2.png); background-size: contain;">
            <div class="container saf-footer">
                <div class="row">
					<div class="col-md-6 col-lg-3 col-sm-6 footer-col-4">
                        <div class="widget widget_getintuch">
                            <h5 class="m-b30 text-white ">Contact us</h5>
                            <ul>
                                <li><i class="ti-location-pin"></i><strong>address</strong> New Delhi, India</li>
                                <li><i class="ti-mobile"></i><strong>phone</strong>+91-91XXXXXXXX</li>
								<li><i class="ti-email"></i><strong>email</strong>info@example.com</li>
                            </ul>
                        </div>
                    </div>
					<div class="col-md-6 col-lg-3 col-sm-6 col-5 footer-col-4">
                        <div class="widget widget_services border-0">
                            <h5 class="m-b30 text-white">Quick Links</h5>
                            <ul>
                                <li><a href="#">Home</a></li>
                                <li><a href="#">About Us</a></li>
                                <li><a href="#">Industries</a></li>
                                <li><a href="#">Contact Us </a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-md-6 col-lg-3 col-sm-6 col-7 footer-col-4">
                        <div class="widget widget_services border-0">
                            <h5 class="m-b30 text-white">Industries</h5>
                            <ul>
                                <li><a href="#">Mining / Oil & Gas</a></li>
                                <li><a href="#">Power & Energy</a></li>
                                <li><a href="#">Automation</a></li>
                                <li><a href="#">Transportation</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-md-6 col-lg-3 col-sm-6 footer-col-4">
                        <div class="widget widget_gallery gallery-grid-4">
                            <h5 class="m-b30 text-white">Map Location</h5>
                            <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d224345.89796670916!2d77.04416967198088!3d28.527554410734698!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x390cfd5b347eb62d%3A0x52c2b7494e204dce!2sNew%20Delhi%2C%20Delhi!5e0!3m2!1sen!2sin!4v1702041564380!5m2!1sen!2sin" width="100%" height="180" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- footer bottom part -->
        <div class="footer-bottom">
            <div class="container">
                <div class="row">
                    <div class="col-md-6 col-sm-6 text-left "> <span>Copyright © 2024  Supaflex</span> </div>
                    <!-- <div class="col-md-6 col-sm-6 text-right "> 
						<div class="widget-link "> 
							<ul>
								<li><a href="#"> Help Desk</a></li> 
								<li><a href="#"> Privacy Policy</a></li> 
							</ul>
						</div>
					</div> -->
                </div>
            </div>
        </div>
    </footer>
    <!-- Footer END -->

  
  
  <div class="modal iichj fade" id="exampleModal3" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
	<div class="modal-dialog modal-lg">
	  <div class="modal-content">
		<div class="modal-body" style="padding: 5px; text-align: right;">
			<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
			<img class="p-img-modl" alt="" src="self/s1.png">
		</div>
	  </div>
	</div>
  </div>
  <div class="modal iichj fade" id="exampleModal4" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
	<div class="modal-dialog modal-lg">
	  <div class="modal-content">
		<div class="modal-body" style="padding: 5px; text-align: right;">
			<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
			<img class="p-img-modl" alt="" src="https://controlwell.com/wp-content/themes/twentynineteen/product_drawing/flexibleconduits.gif">
		</div>
	  </div>
	</div>
  </div>

  <div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
	<div class="modal-dialog">
	  <div class="modal-content">
		
		<div class="modal-body">
		  <div class="row" style="align-items: center;">
			<div class="col-lg-10">
				<ul class="kdksnk" style="margin: 0;">
					<li><a href="#"><img src="self/icon/facebook.png" alt=""></a></li>
					<li><a href="#"><img src="self/icon/instagram.png" alt=""></a></li>
					<li><a href="#"><img src="self/icon/telegram.png" alt=""></a></li>
					<li><a href="#"><img src="self/icon/linkedin.png" alt=""></a></li>
					<li><a href="#"><img src="self/icon/twitter.png" alt=""></a></li>
				</ul>
			</div>
			<div class="col-lg-2">
				<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
			</div>
		  </div>
		</div>
		
	  </div>
	</div>
  </div>

  <div class="modal iichj fade" id="exampleModal2" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
	<div class="modal-dialog modal-lg">
	  <div class="modal-content">
		<div class="modal-header">
		  <h5 class="modal-title" id="exampleModalLabel">Enquiry Form</h5>
		  <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
		</div>
		<div class="modal-body">
			<form>
				<div class="row oihfis">
					<div class="col-lg-6">
						<div class="mb-3">
							<label class="form-label">First Name*</label>
							<input type="text" class="form-control" required>
						</div>
					</div>
					<div class="col-lg-6">
						<div class="mb-3">
							<label class="form-label">Last Name*</label>
							<input type="text" class="form-control" required>
						</div>
					</div>
					<div class="col-lg-6">
						<div class="mb-3">
							<label class="form-label">Company Name</label>
							<input type="text" class="form-control">
						</div>
					</div>
					<div class="col-lg-6">
						<div class="mb-3">
							<label class="form-label">Address</label>
							<input type="text" class="form-control">
						</div>
					</div>
					<div class="col-lg-6">
						<div class="mb-3">
							<label class="form-label">City</label>
							<input type="text" class="form-control">
						</div>
					</div>
					<div class="col-lg-6">
						<div class="mb-3">
							<label class="form-label">State</label>
							<input type="text" class="form-control">
						</div>
					</div>
					<div class="col-lg-6">
						<div class="mb-3">
							<label class="form-label">Country</label>
							<input type="text" class="form-control">
						</div>
					</div>
					<div class="col-lg-6">
						<div class="mb-3">
							<label class="form-label">Pin Code</label>
							<input type="text" class="form-control">
						</div>
					</div>
					<div class="col-lg-6">
						<div class="mb-3">
							<label class="form-label">Phone Number</label>
							<input type="text" class="form-control">
						</div>
					</div>
					<div class="col-lg-6">
						<div class="mb-3">
							<label class="form-label">Mobile Number*</label>
							<input type="text" class="form-control" required>
						</div>
					</div>
					<div class="col-lg-6">
						<div class="mb-3">
							<label class="form-label">Email address*</label>
							<input type="email" class="form-control" required>
						  </div>
					</div>
					<div class="col-lg-6">
						<div class="mb-3">
							<label class="form-label">Website</label>
							<input type="text" class="form-control">
						</div>
					</div>
					<div class="col-lg-12">
						<div class="mb-3">
							<label class="form-label">Message</label>
							<textarea type="text" class="form-control"></textarea>
						</div>
					</div>
				</div>
				<button type="submit" class="btn btn-primary">Submit</button>
				<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
			</form>
		</div>
		
	  </div>
	</div>
  </div>
  

	<style>
		.fixbutton {
	position: fixed;
	right: 0;
	top: 50%;
	margin-top: -60px;
	z-index: 99;
}

.fixbutton li {
	display: block;
	text-align: right;
	margin-bottom: 1px;
}

.fixbutton li a {
	display: inline-block;
	color: #1f223e;
	cursor: pointer;
}

.fixbutton li a span {
	width: 0;
	background: #95c41f;
	padding: 10px;
	width: 0;
	opacity: 0;
	visibility: hidden;
	position: absolute;
	right: 100%;
	white-space: nowrap;
	width: auto;
	transition: all 500ms ease;
	font-weight: 600;
}

.fixbutton li a i {
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: #3185ab;
	color:#fff;
}

.fixbutton li a:hover {
	color: #fff;
	transition: all 500ms ease;
}

.fixbutton li a:hover span {
	opacity: 1;
	visibility: visible;
	transition: all 500ms ease;
	background-color: #3185ab;
	color: #fff;
}

.fixbutton li a i:hover, .fixbutton li a span:hover~i {
	background-color: #3185ab;
	color: #fff;
}
	</style>
	<ul class="fixbutton">
		<li><a href="#" data-toggle="modal"><span>Facebook</span><i class="fab fa-facebook"></i></a></li>
		<li><a href="#" target="_blank"><span>Instagram</span><i class="fab fa-instagram"></i></a></li>
		<li><a href="#" data-toggle="modal"><span>Twitter</span><i class="fab fa-twitter"></i></a></li>
		<li><a href="#" data-toggle="modal"><span>Youtube</span><i class="fab fa-youtube"></i></a></li>
	  </ul>
    <button class="scroltop style1 icon-up" type="button"><i class="fas fa-arrow-up"></i></button>

	<a href="https://api.whatsapp.com/send?phone=919990888038" class="float">
	    <img src="self/whatsapp.png" class="my-float" alt="">
    </a>
    <a href="tel:919990888038" class="float2">
        <i class="fa fa-phone my-float2"></i>
    </a>

<style>

   @media (max-width: 1200px){
     
     .float {
				position: fixed;
				width: 42px !important;
				height: 42px !important;
				bottom: 70px !important;
				left: 11px !important;
				
				
				
			}
			.float2 {
				position: fixed;
				width: 40px !important;
				height: 40px !important;
				bottom: 130px !important;
				left: 11px !important;
				
				background-color: #f50606;
				color: #FFF;
				border-radius: 50px;
				text-align: center;
				font-size: 23px !important;
				box-shadow: 5px 5px 20px 0px rgba(53, 51, 51, 0.8);
				z-index: 100;
			}
			.my-float {
				margin-top: 0px !important;
				color: #fff;
				z-index: 1;
				width: 42px;
			}
			
			.my-float2 {
				margin-top: 9px !important;
				color: #fff;
			}
     
         }
 
	.float {
				position: fixed;
				width: 46px;
                height: 46px;
                bottom: 95px;
                left: 27px;
				z-index: 99
				
				
			}
			.float2 {
				position: fixed;
				width: 46px;
				height: 46px;
				bottom: 160px;
				left: 25px;
				
				background-color: #3185ab;
				color: #FFF;
				border-radius: 50px;
				text-align: center;
				font-size: 23px;
				box-shadow: 5px 5px 20px 0px rgba(53, 51, 51, 0.8);
				z-index: 100;
			}
			
			.my-float {
				
				color: #fff;
			}
			.my-float2 {
				margin-top: 12px;
				color: #fff;
			}
</style>

</div>
<!-- JAVASCRIPT FILES ========================================= -->
<script src="js/jquery.min.js"></script><!-- JQUERY.MIN JS -->
<script src="plugins/wow/wow.js"></script><!-- WOW JS -->

<script src="plugins/bootstrap/js/bootstrap.bundle.min.js"></script><!-- BOOTSTRAP.MIN JS -->
<script src="plugins/bootstrap-select/bootstrap-select.min.js"></script><!-- FORM JS -->
<script src="plugins/bootstrap-touchspin/jquery.bootstrap-touchspin.js"></script><!-- FORM JS -->
<script src="plugins/magnific-popup/magnific-popup.js"></script><!-- MAGNIFIC POPUP JS -->
<script src="plugins/counter/waypoints-min.js"></script><!-- WAYPOINTS JS -->
<script src="plugins/counter/counterup.min.js"></script><!-- COUNTERUP JS -->
<script src="plugins/imagesloaded/imagesloaded.js"></script><!-- IMAGESLOADED -->
<script src="plugins/masonry/masonry-3.1.4.js"></script><!-- MASONRY -->
<script src="plugins/masonry/masonry.filter.js"></script><!-- MASONRY -->
<script src="plugins/owl-carousel/owl.carousel.js"></script><!-- OWL SLIDER -->
<script src="plugins/lightgallery/js/lightgallery-all.min.js"></script><!-- Lightgallery -->
<script src="plugins/scroll/scrollbar.min.js"></script><!-- scroll -->
<script src="js/custom.js"></script><!-- CUSTOM FUCTIONS  -->
<script src="js/dz.carousel.min.js"></script><!-- SORTCODE FUCTIONS  -->
<script src="plugins/countdown/jquery.countdown.js"></script><!-- COUNTDOWN FUCTIONS  -->
<script src="js/dz.ajax.js"></script><!-- CONTACT JS  -->
<script src="plugins/rangeslider/rangeslider.js"></script><!-- Rangeslider -->
<script src="plugins/switcher/switcher.js"></script>
<script src="js/jquery.lazy.min.js"></script>
<!-- REVOLUTION JS FILES -->
<script src="plugins/revolution/revolution/js/jquery.themepunch.tools.min.js"></script>
<script src="plugins/revolution/revolution/js/jquery.themepunch.revolution.min.js"></script>
<!-- Slider revolution 5.0 Extensions  (Load Extensions only on Local File Systems !  The following part can be removed on Server for On Demand Loading) -->
<script src="plugins/revolution/revolution/js/extensions/revolution.extension.actions.min.js"></script>
<script src="plugins/revolution/revolution/js/extensions/revolution.extension.carousel.min.js"></script>
<script src="plugins/revolution/revolution/js/extensions/revolution.extension.kenburn.min.js"></script>
<script src="plugins/revolution/revolution/js/extensions/revolution.extension.layeranimation.min.js"></script>
<script src="plugins/revolution/revolution/js/extensions/revolution.extension.navigation.min.js"></script>
<script src="plugins/revolution/revolution/js/extensions/revolution.extension.parallax.min.js"></script>
<script src="plugins/revolution/revolution/js/extensions/revolution.extension.slideanims.min.js"></script>
<script src="plugins/revolution/revolution/js/extensions/revolution.extension.video.min.js"></script>
<script src="js/rev.slider.js"></script>
<script>
jQuery(document).ready(function() {
	'use strict';
	dz_rev_slider_4();	
	$('.lazy').Lazy();
});	/*ready*/
</script>
</body>
</html>