

<!-- class Upload
{
	public $filename;
	public $width = 800;
	public $height = 800;
	public $crop = false;
	public $thumb_crop = true;
	public $thumb_width = 100;
	public $thumb_height = 100;
	public $thumb = false;
	public $max_size = 6097152; // ~6MB

	private $dest_path;
	private $thumb_path;
	private $orig_path;
	private $resize = false;
	private $tmp_name;
	private $file = [];
	private $file_ok = false;

	function __construct($dest_path, $file)
	{
		$this->file = $file;

		$oldumask = umask(0);
		@mkdir($dest_path . "thumb/", 0777, true);
		@mkdir($dest_path . "orig/", 0777, true);
		umask($oldumask);

		$this->dest_path = $dest_path;
		$this->thumb_path = $dest_path . 'thumb/';
		$this->orig_path = $dest_path . 'orig/';

		$this->tmp_name = $this->file['tmp_name'];
		$this->filename = $this->get_filename($this->file['name']);

		if (in_array($this->file["type"], ["image/gif", "image/jpeg", "image/png", "image/webp"]) && ($this->file["size"] < $this->max_size)) {
			$this->file_ok = true;
			$this->save_original();
		}
	}

	private function get_filename($filename)
	{
		$name = pathinfo($filename, PATHINFO_FILENAME);
		$extension = pathinfo($filename, PATHINFO_EXTENSION);

		$temp_name = $name;
		$i = 1;
		while (file_exists($this->orig_path . $temp_name . "." . $extension)) {
			$temp_name = $name . '_' . $i;
			$i++;
		}

		return $temp_name . "." . $extension;
	}

	public function save_image()
	{
		if ($this->file_ok) {
			if ($this->resize) {
				$this->create_image($this->dest_path, $this->filename, $this->width, $this->height, $this->crop);
			} else {
				copy($this->orig_path . $this->filename, $this->dest_path . $this->filename);
			}

			if ($this->thumb) {
				$this->create_image($this->thumb_path, $this->filename, $this->thumb_width, $this->thumb_height, $this->thumb_crop);
			}
		}
	}

	private function create_image($path, $filename, $targetWidth, $targetHeight, $crop)
	{
		$file_path = $this->orig_path . $filename;
		list($origWidth, $origHeight) = getimagesize($file_path);

		$src_image = $this->image_create_from_file($file_path, $this->file['type']);
		if (!$src_image) {
			return false; // Failed to create image from file
		}

		// Calculate resize ratio respecting aspect ratio
		$ratio_orig = $origWidth / $origHeight;
		$ratio_target = $targetWidth / $targetHeight;

		// Initialize dimensions for resizing
		$resizeWidth = $targetWidth;
		$resizeHeight = $targetHeight;

		if ($crop) {
			if ($ratio_orig > $ratio_target) {
				// Original image is wider, fit height
				$resizeWidth = $targetHeight * $ratio_orig;
				$resizeHeight = $targetHeight;
			} else {
				// Original image is taller, fit width
				$resizeWidth = $targetWidth;
				$resizeHeight = $targetWidth / $ratio_orig;
			}
		} else {
			if ($ratio_orig > $ratio_target) {
				// Original image is wider, fit height
				$resizeWidth = $targetHeight * $ratio_orig;
				$resizeHeight = $targetHeight;
			} else {
				// Original image is taller, fit width
				$resizeWidth = $targetWidth;
				$resizeHeight = $targetWidth / $ratio_orig;
			}
		}

		// Create a new true color image with the calculated dimensions
		$resized_image = imagecreatetruecolor($resizeWidth, $resizeHeight);

		// Preserve transparency in PNG images
		if ($this->file['type'] == 'image/png') {
			imagecolortransparent($resized_image, imagecolorallocatealpha($resized_image, 0, 0, 0, 127));
			imagealphablending($resized_image, false);
			imagesavealpha($resized_image, true);
		}

		// Resize the original image
		imagecopyresampled($resized_image, $src_image, 0, 0, 0, 0, $resizeWidth, $resizeHeight, $origWidth, $origHeight);

		// Calculate cropping coordinates to center the image
		$crop_x = ($resizeWidth - $targetWidth) / 2;
		$crop_y = ($resizeHeight - $targetHeight) / 2;

		// Create the final image with the target dimensions
		$destination_image = imagecreatetruecolor($targetWidth, $targetHeight);

		// Preserve transparency in PNG images
		if ($this->file['type'] == 'image/png') {
			imagecolortransparent($destination_image, imagecolorallocatealpha($destination_image, 0, 0, 0, 127));
			imagealphablending($destination_image, false);
			imagesavealpha($destination_image, true);
		}

		// Crop the resized image to the target dimensions
		imagecopyresampled($destination_image, $resized_image, 0, 0, $crop_x, $crop_y, $targetWidth, $targetHeight, $targetWidth, $targetHeight);

		// Save the image in the original format
		$this->image_save_to_file($destination_image, $path . $filename, $this->file['type']);

		// Save the image in WebP format
		$this->image_save_to_webp($destination_image, $path . pathinfo($filename, PATHINFO_FILENAME) . '.webp', 70); // Adjust quality as needed

		// Cleanup
		imagedestroy($src_image);
		imagedestroy($resized_image);
		imagedestroy($destination_image);
	}


	private function image_create_from_file($filepath, $type)
	{
		switch ($type) {
			case 'image/jpeg':
				return imagecreatefromjpeg($filepath);
			case 'image/png':
				return imagecreatefrompng($filepath);
			case 'image/gif':
				return imagecreatefromgif($filepath);
			case 'image/webp':
				return imagecreatefromwebp($filepath);
			default:
				return false;
		}
	}

	private function image_save_to_file($image, $filepath, $type)
	{
		switch ($type) {
			case 'image/jpeg':
				imagejpeg($image, $filepath, 80); // Adjust quality as needed
				break;
			case 'image/png':
				imagepng($image, $filepath, 6); // Adjust compression level as needed
				break;
			case 'image/gif':
				imagegif($image, $filepath);
				break;
			case 'image/webp':
				imagewebp($image, $filepath, 85); // Adjust quality as needed
				break;
		}
	}

	private function image_save_to_webp($image, $filepath, $quality)
	{
		return imagewebp($image, $filepath, $quality);
	}

	private function save_original()
	{
		move_uploaded_file($this->tmp_name, $this->orig_path . $this->filename);
	}

	public function resize($width, $height)
	{
		$this->resize = true;
		$this->width = $width;
		$this->height = $height;
	}

	public function thumb($width = 100, $height = 100, $crop = true)
	{
		$this->thumb = true;
		$this->thumb_width = $width;
		$this->thumb_height = $height;
		$this->thumb_crop = $crop;
	}

	// Rotate Exif function omitted for brevity
} -->


<!DOCTYPE html>
<html lang="nl">

<head>
	<!-- Google tag (gtag.js) -->
	<script async src="https://www.googletagmanager.com/gtag/js?id=G-RMHPGW4F32"></script>
	<script>
		window.dataLayer = window.dataLayer || [];

		function gtag() {
			dataLayer.push(arguments);
		}
		gtag('js', new Date());

		gtag('config', 'G-RMHPGW4F32');
	</script>
	<!-- Mobile Meta -->
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
			<title>Servicekosten - PLATFORM AMVEST HUURDERS</title>
		<meta name="description" content="0" />
		<meta name="keywords" content="0" />

		<!-- <meta name="Distribution" content="Global" /> -->
		<meta name="Rating" content="General" />
		<meta name="Robots" content="INDEX,FOLLOW" />
		<meta name="Revisit-after" content="7 Days" />
		<meta name="author" content="Spinnerz communicatie">
		<link rel="canonical" href="http://www.platformamvesthuurders.nl/Servicekosten/" />


	<!--CSS-->
	<link href="/css/bootstrap.min.css" rel="stylesheet">
	<link href="/css/font-awesome.min.css" rel="stylesheet">
	<link href="/css/magnific-popup.css" rel="stylesheet">
	<link href="/css/twentytwenty.css" rel="stylesheet" type="text/css" />
	<link href="/css/main.css" rel="stylesheet">
	<link href="/css/tr-animation.css" rel="stylesheet">
	<link href="/css/responsive.css" rel="stylesheet">
	<link href="/css/custom.css" rel="stylesheet">


	<!--Google Fonts-->
	<link href='https://fonts.googleapis.com/css?family=Lato:400,300,400italic,700,700italic,900' rel='stylesheet' type='text/css'>
	<link href='https://fonts.googleapis.com/css?family=Roboto:400,400italic,500,500italic,700,900' rel='stylesheet' type='text/css'>


	<!--[if lt IE 9]>
	    <script src="js/html5shiv.js"></script>
	    <script src="js/respond.min.js"></script>
    <![endif]-->
	<link rel="shortcut icon" href="images/ico/favicon.ico">
	<link rel="apple-touch-icon-precomposed" sizes="144x144" href="/images/ico/apple-touch-icon-144-precomposed.png">
	<link rel="apple-touch-icon-precomposed" sizes="114x114" href="/images/ico/apple-touch-icon-114-precomposed.png">
	<link rel="apple-touch-icon-precomposed" sizes="72x72" href="/images/ico/apple-touch-icon-72-precomposed.png">
	<link rel="apple-touch-icon-precomposed" href="/images/ico/apple-touch-icon-57-precomposed.png">

	<script src="https://www.google.com/recaptcha/api.js" async defer></script>
	<script defer data-domain="platformamvesthuurders.nl" src="https://tester.spinnerz.nl/js/script.js"></script>
</head>
<!--/head-->

<body id="home-three">

	<div class="search-wrapper hidden-xs">
		<div class="search-icon">
			<i class="fa fa-search" style="color:#fff;" class="btn btn-default" data-toggle="tooltip" data-placement="left" title="Zoeken"></i>
		</div>
		<form class="search-form form-inline" style="overflow:hidden;" action="/index.php" method="POST">
			<div class="form-group">
				<input type="text" class="form-control" name="searchquery" placeholder="Zoeken..." required>
			</div>
			<button class="btn btn-sm btn-primary" type="submit">Zoeken</button>
		</form>
	</div>

	<!-- Main info -->
	

	<header id="navigation">
		<div class="navbar navbar-fixed-top" role="banner">
			<div class="container">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
						<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="/">
						<!-- 							<img class="main-logo img-responsive" src="/images/logo.png" alt=""> -->
						<img class="logo-two img-responsive" src="/images/logo2.png" alt="">
					</a>


						</div>
						<div class="top-bar">
							<ul class="list-inline social-icons">
								<li><a href="$itemAlgemeen['facebook'];"><i class="fa fa-facebook"></i></a></li>
								<li><a href="#"><i class="fa fa-twitter"></i></a></li>
								<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
								<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
							</ul>

						</div>

						<nav id="main-menu" class="collapse navbar-collapse navbar-right">
							<ul class="nav navbar-nav">

					
			<!-- Add subpages to dropdown for the products tab -->
							<li class=""><a href="/Home" class=""> Home</a></li>
			

			<li class="dropdown">
				<a href="//Over+het+Platform" class="dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
					Over het Platform				</a>


									<ul class="dropdown-menu multi-column columns-2">
						<div class="row">

							<div class="col-sm-6">
																	<ul class="multi-column-dropdown">
																					<li class="">
												<a href="/Activiteiten" class="dropdown-item">Activiteiten</a>
											</li>
																			</ul>
							</div>

							<div class="col-sm-6">
								<ul class="multi-column-dropdown">
																	</ul>
																<ul class="multi-column-dropdown">
																					<li class="">
												<a href="/Doel+en+Missie" class="dropdown-item">Doel en Missie</a>
											</li>
																			</ul>
							</div>

							<div class="col-sm-6">
								<ul class="multi-column-dropdown">
																	</ul>
																<ul class="multi-column-dropdown">
																					<li class="">
												<a href="/Bestuur" class="dropdown-item">Bestuur</a>
											</li>
																			</ul>
							</div>

							<div class="col-sm-6">
								<ul class="multi-column-dropdown">
																	</ul>
																<ul class="multi-column-dropdown">
																					<li class="">
												<a href="/Historie" class="dropdown-item">Historie</a>
											</li>
																			</ul>
							</div>

							<div class="col-sm-6">
								<ul class="multi-column-dropdown">
																	</ul>
																<ul class="multi-column-dropdown">
																					<li class="">
												<a href="/WBTR+Platform+Amvest+Huurders" class="dropdown-item">WBTR Platform Amvest Huurders</a>
											</li>
																			</ul>
							</div>

							<div class="col-sm-6">
								<ul class="multi-column-dropdown">
																	</ul>
																<ul class="multi-column-dropdown">
																					<li class="">
												<a href="/Huishoudelijk+Reglement" class="dropdown-item">Huishoudelijk Reglement</a>
											</li>
																			</ul>
							</div>

							<div class="col-sm-6">
								<ul class="multi-column-dropdown">
																	</ul>
																<ul class="multi-column-dropdown">
																					<li class="">
												<a href="/Statuten" class="dropdown-item">Statuten</a>
											</li>
																			</ul>
							</div>

							<div class="col-sm-6">
								<ul class="multi-column-dropdown">
																	</ul>
														</div>
						</div>
					</ul>
				
			</li>


			<li class="dropdown">
				<a href="//informatie" class="dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
					informatie				</a>


									<ul class="dropdown-menu multi-column columns-2">
						<div class="row">

							<div class="col-sm-6">
																	<ul class="multi-column-dropdown">
																					<li class="">
												<a href="/Oprichten+Huurdersvereniging" class="dropdown-item">Oprichten Huurdersvereniging</a>
											</li>
																			</ul>
							</div>

							<div class="col-sm-6">
								<ul class="multi-column-dropdown">
																	</ul>
																<ul class="multi-column-dropdown">
																					<li class="">
												<a href="/Actieplan+2024" class="dropdown-item">Actieplan 2024</a>
											</li>
																			</ul>
							</div>

							<div class="col-sm-6">
								<ul class="multi-column-dropdown">
																	</ul>
																<ul class="multi-column-dropdown">
																					<li class="">
												<a href="/Vragen+inzake+verkoop" class="dropdown-item">Vragen inzake verkoop</a>
											</li>
																			</ul>
							</div>

							<div class="col-sm-6">
								<ul class="multi-column-dropdown">
																	</ul>
																<ul class="multi-column-dropdown">
																					<li class="">
												<a href="/Beleidsplan+" class="dropdown-item">Beleidsplan </a>
											</li>
																			</ul>
							</div>

							<div class="col-sm-6">
								<ul class="multi-column-dropdown">
																	</ul>
																<ul class="multi-column-dropdown">
																					<li class="">
												<a href="/Energielabels" class="dropdown-item">Energielabels</a>
											</li>
																			</ul>
							</div>

							<div class="col-sm-6">
								<ul class="multi-column-dropdown">
																	</ul>
																<ul class="multi-column-dropdown">
																					<li class="">
												<a href="/Financiering" class="dropdown-item">Financiering</a>
											</li>
																			</ul>
							</div>

							<div class="col-sm-6">
								<ul class="multi-column-dropdown">
																	</ul>
																<ul class="multi-column-dropdown">
																					<li class="">
												<a href="/AVG" class="dropdown-item">AVG</a>
											</li>
																			</ul>
							</div>

							<div class="col-sm-6">
								<ul class="multi-column-dropdown">
																	</ul>
																<ul class="multi-column-dropdown">
																					<li class="">
												<a href="/Algemene+Vergadering+2024" class="dropdown-item">Algemene Vergadering 2024</a>
											</li>
																			</ul>
							</div>

							<div class="col-sm-6">
								<ul class="multi-column-dropdown">
																	</ul>
																<ul class="multi-column-dropdown">
																					<li class="">
												<a href="/Huurders+ABC+%28reparaties+en+onderhoud%29" class="dropdown-item">Huurders ABC (reparaties en onderhoud)</a>
											</li>
																			</ul>
							</div>

							<div class="col-sm-6">
								<ul class="multi-column-dropdown">
																	</ul>
																<ul class="multi-column-dropdown">
																					<li class="">
												<a href="/Klachtenafhandeling" class="dropdown-item">Klachtenafhandeling</a>
											</li>
																			</ul>
							</div>

							<div class="col-sm-6">
								<ul class="multi-column-dropdown">
																	</ul>
																<ul class="multi-column-dropdown">
																					<li class="">
												<a href="/Archief" class="dropdown-item">Archief</a>
											</li>
																			</ul>
							</div>

							<div class="col-sm-6">
								<ul class="multi-column-dropdown">
																	</ul>
																<ul class="multi-column-dropdown">
																					<li class="">
												<a href="/Servicekosten" class="dropdown-item">Servicekosten</a>
											</li>
																			</ul>
							</div>

							<div class="col-sm-6">
								<ul class="multi-column-dropdown">
																	</ul>
																<ul class="multi-column-dropdown">
																					<li class="">
												<a href="/%28Aanpassen%29+Statuten+Huurdersvereniging+met+WBTR+clausule" class="dropdown-item">(Aanpassen) Statuten Huurdersvereniging met WBTR clausule</a>
											</li>
																			</ul>
							</div>

							<div class="col-sm-6">
								<ul class="multi-column-dropdown">
																	</ul>
																<ul class="multi-column-dropdown">
																					<li class="">
												<a href="/Besluitenlijst" class="dropdown-item">Besluitenlijst</a>
											</li>
																			</ul>
							</div>

							<div class="col-sm-6">
								<ul class="multi-column-dropdown">
																	</ul>
																<ul class="multi-column-dropdown">
																					<li class="">
												<a href="/Subsidie+blokaansluiting+elektra+en+warmte" class="dropdown-item">Subsidie blokaansluiting elektra en warmte</a>
											</li>
																			</ul>
							</div>

							<div class="col-sm-6">
								<ul class="multi-column-dropdown">
																	</ul>
																<ul class="multi-column-dropdown">
																					<li class="">
												<a href="/%28collectief%29+lidmaatschap+Woonbond" class="dropdown-item">(collectief) lidmaatschap Woonbond</a>
											</li>
																			</ul>
							</div>

							<div class="col-sm-6">
								<ul class="multi-column-dropdown">
																	</ul>
														</div>
						</div>
					</ul>
				
			</li>


			<!-- Add subpages to dropdown for the products tab -->
							<li class=""><a href="/Veel+gestelde+vragen" class=""> Veel gestelde vragen</a></li>
			

			<li class="dropdown">
				<a href="//Leden" class="dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
					Leden				</a>


									<ul class="dropdown-menu">
														<li class="">
									<a href="/Overzicht+leden" class="dropdown-item">Overzicht leden</a>
								</li>
											</ul>
				
			</li>


			<!-- Add subpages to dropdown for the products tab -->
							<li class=""><a href="/Amvest" class=""> Amvest</a></li>
			

			<!-- Add subpages to dropdown for the products tab -->
							<li class=""><a href="/Links" class=""> Links</a></li>
			

			<!-- Add subpages to dropdown for the products tab -->
							<li class=""><a href="/Contact" class=""> Contact</a></li>
			

			<!-- Add subpages to dropdown for the products tab -->
							<li class=""><a href="/Zoeken" class=""> Zoeken</a></li>
			<li class="visible-xs"><a href="/Zoeken">Zoeken</a></li>
</ul>


<!-- Search Icon -->						</nav>

				</div>

			</div>
	</header>
	<!--/#navigation-->

	<!-- Main Content -->

	
		?>
		
			<style>
				#page-title {
					background-image: url(/upload/custom_pages/pages/topfoto.jpg) !important;
				}

							</style>

			<div id="page-title" class="image-bg">
				<div class="container text-center">
					<div class="title-content">
						<h1>Servicekosten</h1>
					</div>
				</div>
			</div><!--/#page title-->
			<div id="welcome-section-two" class="padding" style="background-color: #f2f2f2;">
				<div class="container">
					<div class="text-center section-title">
						<h1>Servicekosten</h1>
					</div>
					<div class="welcome-content welcome-three">
						<div class="row">

															<div class="col-md-4">
									<div class="welcome-image">
																					<img class="img-responsive" src="/upload/custom_pages/algemeen/appartment.jpg" alt="Platform Amvest Huurders">
																			</div>
								</div>
														<div class="col-md-8">
								<div class="welcome-info main-text">
									
																					<p><font><font>Tijdens de Algemene Ledenvergadering op 6 oktober 2021. heeft een vertegenwoordiger van de Woonbond met een presentatie een toelichting gegeven over de wettelijke regels van de servicekosten en wat dit in de praktijk betekent. </font></font><br />
<a target="_blank" href="https://www.platformamvesthuurders.nl/fotomanager/uploads/files/Woonbond%20presentatie%20webinar%20servicekosten.pdf"><font><font>Hier</font></font></a><a target="_blank" href="https://www.platformamvesthuurders.nl/fotomanager/uploads/files/Woonbond%20presentatie%20webinar%20servicekosten.pptx"> </a><font><font> treft u de presentatie aan.</font></font></p>
										
																										</div>
							</div>
						</div>
					</div>
				</div>
			</div><!--/#welcome-section-->
				<!-- End Main Content -->

	<div id="promotion" class="padding promo-image-bg">
		<div class="overlay-bg"></div>
		<div class="container text-center">
			<h1>Stel uw vraag</h1>
			<a class="btn btn-primary btn-animated" href="Contact">Contactformulier</a>
		</div>
	</div>
	<!--/Promotion-->

	<footer id="footer">
		<div class="container">
			<div class="padding">
				<div class="row">
					<div class="col-sm-5">
						<div class="footer-widget">
							<a class="logo" href="#"><img class="img-responsive" src="/images/logo2.png" alt="" /></a>
							<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Al meer dan 25 jaar bestaat het Platform Amvest Huurders, opgericht door en voor Amvest-huurders. Het Platform is een landelijk overkoepelend orgaan dat de belangen van alle huurdersverenigingen en bewonerscommissies behartigt.</font></font></p>
							<address>
								<ul>
									 <li><span>Adres:</span>Secretariaat: Kijkduinsestraat 1076</li> 																			<li>
											<span></span>2554 AL											  DEN HAAG										</li>
										</li> 																		 <li><span>Email:</span>info@platformamvesthuurders.nl</li> 								</ul>
							</address>
							<div class="socials">
								<ul class="list-inline social-icons">
																																			</ul>
							</div>
						</div>
					</div>
					<div class="col-sm-4">
						<div class="footer-widget">
							<ul>
								<h2>Links</h2>
																		<li><a href="Nieuws">Nieuws</a></li>
																		<li><a href="Contact">Contact</a></li>
															</ul>
						</div>
					</div>

					<div class="col-sm-3">
						<div class="footer-widget instagram">
							<h2>Colofon</h2>
							
								<p>Deze internetsite is samengesteld onder verantwoording van het Platform Amvest Huurders.<br />
Hebt u vragen of opmerkingen, neem dan contact op met:<br />
&nbsp;<br />
Jan Kommer, secretaris&nbsp;van het Platform<br ...</p>
								<br>
								<a href="Colofon" class="btn btn-default">Lees meer <i class="fa fa-chevron-right"></i></a>

							
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div id="footer-bottom">
			<div class="container text-center">
				<p>© Copyright 2024 <a href="#">Platform Amvest Huurders</a>. All Rights Reserved - <a target="_blank" href="https://www.platformamvesthuurders.nl/avg.pdf">Privacyverklaring</a></p>
				<p style="font-size: 12px;">Created by <a href="http://www.spinnerz.nl" target="_blank">Spinnerz Communicatie</a></p>
			</div>
		</div>
	</footer>

	<!--/#scripts-->
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
	<script type="text/javascript" src="/js/bootstrap.min.js"></script>
	<script type="text/javascript" src="/js/jquery.matchHeight.js"></script>
	<script type="text/javascript" src="/js/main.js"></script>
	<!-- 	<script type="text/javascript" src="/http://maps.google.com/maps/api/js?sensor=true"></script> -->
	<!--   	<script type="text/javascript" src="/js/gmaps.js"></script> -->
	<script type="text/javascript" src="/js/jquery.parallax.js"></script>
	<script type="text/javascript" src="/js/jquery.magnific-popup.min.js"></script>
	<script type="text/javascript" src="/js/jquery.nav.js"></script>
	<script type="text/javascript" src="/js/jquery.typer.js"></script>
	<script type="text/javascript" src="/js/jquery.event.move.js"></script>
	<script type="text/javascript" src="/js/jquery.twentytwenty.js"></script>
	<script type="text/javascript" src="/js/jquery.countTo.js"></script>
	<script type="text/javascript" src="/js/jquery.inview.min.js"></script>
	<script type="text/javascript" src="/js/isotope.pkgd.min.js"></script>


	<script>
		window.onload = function() {
			var recaptcha = document.querySelector('#g-recaptcha-response');

			if (recaptcha) {
				recaptcha.setAttribute("required", "required");
			}
		};

		// Get the search icon element and the search form element
		// Get the search icon and search form elements
		const searchIcon = document.querySelector('.search-icon');
		const searchForm = document.querySelector('.search-form');

		// Add a click event listener to the search icon
		searchIcon.addEventListener('click', function() {
			// Toggle the 'active' class on the search icon and search form
			searchIcon.classList.toggle('active');
			searchForm.classList.toggle('active');

			// If the search form is now active, focus on the input field
			if (searchForm.classList.contains('active')) {
				searchForm.querySelector('input').focus();
				// add class
				$('.search-wrapper').addClass('expand');
			}
			// if not active remove class
			else {
				$('.search-wrapper').removeClass('expand');
			}
		});

		$(function() {
			$('[data-toggle="tooltip"]').tooltip()
		})
	</script>

</body>

</html>