<?php
$metattitle = 'KSK Holding - Engineering, Design and Project Management';
require_once (__DIR__ . '/sections/head.php');
require_once (__DIR__ . '/sections/header.php');
?>

<section class="antslide__slider">

	<div class="antslide__slide">
		<div data-bg="/images/ksk-system2.jpg" class="antslide__image rocket-lazyload" style=""></div>
		<div class="antslide__content">
			<div class="grid-container">
				<div class="grid-x mbig align-middle antslide__height">
					<div class="cell colmd12">
						<h1 class="antslide__title" ><!--Engineering, Design and Project Management-->IT INFRASTRUCTURE</h1>
						<h4><!--From Scratch to Success-->from project to commissioning</h4>
						<p class="antslide__text">
						<!--At KSK we realize Your Business Goals-->SIA “KSK Systems” offers solutions for server
rooms and data centers
						</p>
					</div>
				</div>
			</div>
		</div>
	</div>

</section>

<div class="sectionimg grid-container">
	<img width="320" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20340%200'%3E%3C/svg%3E" data-lazy-src="/images/bg-icons/1.svg" class="kartinkadizain">
</div>

<section class="what-we-do imgsection teleblockpadding-top-0">
	<div class="grid-container teleblockcontent">

		<div class="grid-x mbig">
			<div class="cell colmd5">
				<h3 class="section_heading">Our
				<br />
				Expertise</h3>
			</div>
			<div class="cell colmd6 grid-x align-bottom">

				<div class="teleblocktext">
					<p>
						We specialize in all types of engineering solutions
					</p>
				</div>

			</div>
			<div class="teleblockline"></div>
			<div class="grid-x">

				<div class="cell colmd6 teleblocktile">
					<div class="expnumeber">
						01
					</div>
					<h5 class="teleblocksubtitle">Engineering systems</h5>
					<p>
						47 000 sqm of delivered live casino premises design, build, supervision Worldwide
					</p>
				</div>

				<div class="cell colmd6 teleblocktile">
					<div class="expnumeber">
						02
					</div>
					<h5 class="teleblocksubtitle">Project Management </h5>
					<p>
						12 studios in different countries,200+ projects, 700+  tables
					</p>
				</div>
				<div class="cell colmd6 teleblocktile">
					<div class="expnumeber">
						03
					</div>
					<h5 class="teleblocksubtitle">Game design & tech</h5>
					<p>
						Custom gameshows, table kits, R&D
					</p>
				</div>

				<div class="cell colmd6 teleblocktile">
					<div class="expnumeber">
						04
					</div>
					<h5 class="teleblocksubtitle">Property management</h5>
					<p>
						Maintenance strategy development, capex manegement
					</p>
				</div>

			</div>
		</div>
	</div>
</section>
<section class="our-works imgsection" id="whatweoffer">
	<div class="ourwork-bsicon">
		<img width="420" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20420%200'%3E%3C/svg%3E" data-lazy-src="/images/bg-icons/4.svg">
	</div>

	<div class="grid-container teleblockcontent">
		<div class="teleblockline"></div>
		<div class="grid-x mbig">
			<div class="cell colmd4">
				<h3 class="section_heading">We
				<br />
				offer</h3>
			</div>
			<div class="cell colmd6 grid-x align-bottom">

				<div class="teleblocktext">
					<p>
						Turnkey solutions customized per your needs
					</p>
				</div>

			</div>
		</div>
		<div class="teleblockline"></div>
		<div class="teleblockfeatures grid-x mbig">

			<div class="cell medium-auto small-6">
				<div class="teleblockfeature">
					<div class="offertitle">
						Engineering systems
					</div>
					<div class="offerlist">
					    <p>Empowering innovation:</p>
						<ul>
							<li>
								HVAC
							</li>
							<li>
								Electrical systems
							</li>
							<li>
								UPS systems
							</li>
							<li>
								Genset systems
							</li>
							<li>
								Data systems
							</li>
							<li>
								Fire alarm systems
							</li>
							<li>
								Public address
							</li>
							<li>
								Sprinkler systems
							</li>
							<li>
								Security systems
							</li>
							<li>
								Access systems
							</li>
							<li>
								Server room solutions
							</li>
							<li>
								Construction & author supervision
							</li>
						</ul>
					</div>
				</div>
			</div>

			<div class="cell medium-auto small-6">
				<div class="teleblockfeature">
					<div class="offertitle">
						Project Management
					</div>
					<div class="offerlist">
					    <p>Integrated tech solutions:</p>
						<ul>
							<li>
								Market research
							</li>
							<li>
								Planning
							</li>
							<li>
								Budgeting
							</li>
							<li>
								Execution
							</li>
							<li>
								Stakeholders management
							</li>
							<li>
								Risk management
							</li>
							<li>
								Reporting & control
							</li>
							<li>
								Tendering
							</li>
							<li>
								Vendors management
							</li>
							<li>
								Change management
							</li>
							<li>
								Coaching & supervision
							</li>
						</ul>
					</div>
				</div>
			</div>

			<div class="cell medium-auto small-6">
				<div class="teleblockfeature">
					<div class="offertitle">
					    Data Centers
					</div>
					<div class="offerlist">
                      <p>Secure data placement:</p>
                      <ul>
							<li>
								Turnkey solutions
							</li>
							<li>
								Construction
							</li>
							<li>
								Electrical Power and Smart Automation
							</li>
							<li>
								UPS and generator backups
							</li>
							<li>
								HVAC , cooling
							</li>
							<li>
								From small to big capacity scaling DATA center
							</li>
							<li>
								Fire safety systems
							</li>
							<li>
						    	Security and CCTV control
							</li>
							<li>
								Consulting
							</li>
						</ul>
					</div>
				</div>
			</div>

			<div class="cell medium-auto small-12">
				<div class="teleblockfeature">
					<div class="offertitle">
						Property management
					</div>
					<div class="offerlist">
					    <p>Facility mastery suite:</p>
						<ul>
							<li>
								Initial facility condition assessment
							</li>
							<li>
								Maintenance strategy development
							</li>
							<li>
								Periodic facility inspections
							</li>
							<li>
								Vendor management
							</li>
							<li>
								Health and safety program establishment
							</li>
							<li>
								Property Maintenance budget control
							</li>
							<li>
								CAPEX project management
							</li>
							<!-- <li>Property development assistance</li>
							<li>Reports to the client</li> -->
						</ul>
					</div>
				</div>
			</div>

		</div><div class="teleblockfeatures grid-x mbig">

		</div>

	</div>
</section>
<section class="what-we-do imgsection">

	<div class="teleblockline"></div>
	<div class="grid-container teleblockcontent">

		<div class="grid-x mbig">
			<div class="cell colmd5">
				<h3 class="section_heading">Our
				<br />
				Experience</h3>
			</div>
			<div class="cell colmd6 grid-x align-bottom">

				<div class="teleblocktext">
					<p>
						Skilled Professionals with 10+ years in live casino
					</p>
				</div>

			</div>
			<div class="teleblockline"></div>
			<div class="teleblockfeatures cell grid-x">

				<div class="medium-auto small-6">
					<div class="teleblockfeature">
						<div class="offertitle">
							Delivery Managers
						</div>

						<p>
							International experience, PMP certificates, proven track record in live casino business
						</p>
					</div>
				</div>
				<div class="medium-auto small-6">
					<div class="teleblockfeature">
						<div class="offertitle">
							Senior Engineers
						</div>
						<p>
							EPI certified Data Centres Experts, proven knowledge in ASHRAE, EU, US and British standards
						</p>
					</div>
				</div>
				<div class="medium-auto small-12">
					<div class="teleblockfeature">
						<div class="offertitle">
							Designers
						</div>
						<p>
							Strong in 3D visualization, game concepts, sketches and plans
						</p>
					</div>
				</div>

			</div>
		</div>
	</div>
	<div class="grid-x mbig">
				<div class="teleblocktext" style="margin: 70px auto 20px; text-align:center; padding-bottom: 30px;">
					<p>
						Our mission is to achieve unprecedented customer satisfaction on a global scale
					</p>
			</div>
		</div>
	<div class="grid-container mapblock">
		
				<div class="map-holder text-center col-lg-7 d-sm-block" id="map-holder">
                    <div class="mapcontainer">
                        <img src="images/map-ksk-01.svg" alt="KSK holding map" class="ggmap">
                        <div>
                        <a data-text="<tbody><tr><td>2016-2020</td><td>Evolution Gaming Electric</td><td>Datacenter and IT infrastructure</td></tr> 
				<tr><td>2021-2022</td><td>On Air Entertainment Electric</td><td>Datacenter and IT infrastructure</td></tr>
			  	<tr><td>2022</td><td>Latvia State Radio and Television Centre</td><td>Electric and IT infrastructure (Ongoing Project)</td></tr>
			  	<tr><td>2022</td><td>Latvian State Police</td><td>Electric and IT infrastructure</td></tr>
			  	<tr><td>2022</td><td>HOTEL</td><td>Electric and IT infrastructure (Ongoing Project)</td></tr>
			  	<tr><td>2023</td><td>'DEPO' store-warehouse building Mārupe</td><td>Electric and IT infrastructure (Ongoing Project)</td></tr></tbody>"><abbr title="Latvia, Riga" class="point smallpoint lvmap"></abbr><p class="maptitle mtlv">Latvia, Riga</p></a>
                        <a data-text="<tbody><tr><td>2020</td><td>ALIA building</td><td>Datacenter and IT infrastructure</td></tr></tbody>"><abbr title="Lithuania, Kaunas" class="point smallxspoint litlmap"></abbr><p class="maptitle mtlt">Lithuania, Kaunas</p></a>
                        <a data-text="<tbody><tr><td>2020 - 2021</td><td>1000 Town Center</td><td>HVAC design</td></tr></tbody>"><abbr title="USA, Michigan" class="point smallpoint micmap"></abbr><p class="maptitle mtatl">USA, Michigan</p></a>
                        <a data-text="<tbody><tr><td>2016</td><td>Cloud9</td><td>Datacenter</td></tr><tr><td>2018</td><td>State Chancellery</td><td>Datacenter</td></tr>
                        <tr><td>2019</td><td>Tegeta Motors</td><td>Datacenter</td></tr><tr><td>2019</td><td>Silknet TV</td><td>Datacenter and Broadcast Studio</td></tr><tr><td>2019</td><td>Evolution Gaming C Building</td><td>Datacenter</td></tr><tr><td>2020</td><td>Formula TV</td><td>Datacenter</td></tr><td>2020</td><td>Evolution Gaming D Building</td><td>Datacenter</td></tr><tr><td>2021</td><td>Adjara Sport</td><td>Datacenter Renovation</td></tr><tr><td>2021</td><td>Ministry of Agriculture</td><td>Datacenter</td></tr><tr><td>2022</td><td>IDS Borjomi</td><td>Datacenter</td></tr><tr><td>2022</td><td>Todua Clinics Vera Branch</td><td>ServerRoom and 500
Kva UPS Room</td></tr><tr><td>2022</td><td>Georgian Card/Bank of Georgia</td><td>Ongoing Project</td></tr><tr><td>2022</td><td>Cryptex Georgia</td><td>Ongoing Project</td></tr><tr><td>2022</td><td>Georgian National Energy And Water Supply
Regulatory Commission</td><td>Datacenter Project</td></tr><tr><td>2022</td><td>Communication Commission</td><td>Datacenter Project</td></tr></tbody>"><abbr title="Georgia, Tbilisi" class="point smallpoint geomap"></abbr><p class="maptitle mtgeo">Georgia, Tbilisi</p></a>
                        <a data-text="<tbody><tr><td>2019 - 2020</td><td>Odiseo complex</td><td>HVAC design</td></tr></tbody>"><abbr title="Spain, Murica" class="point smallxspoint spamap"></abbr><p class="maptitle mtspa">Spain, Murica</p></a>
                        <a data-text="<tbody><tr><td>2019 - 2020</td><td>Hard Rock Hotel &amp; Casino Atlantic City</td><td>HVAC
design</td></tr></tbody>"><abbr title="USA, Atlantic City" class="point smallxspoint atlmap"></abbr><p class="maptitle mtmic">USA, Atlantic City</p></a>
                        <a data-text="<tbody><tr><td>2019-2020</td><td>1500 Spring Garden Street</td><td>HVAC
design</td></tr></tbody>"><abbr title="USA, Philadelphia" class="point smallxspoint phimap"></abbr><p class="maptitle mtphil">USA, Philadelphia</p></a>
                        <a data-text="<tbody><tr><td>2019</td><td>Evolution Gaming Electric</td><td>Data center and IT
infrastructure</td></tr><tr><td><tr><td>2022</td><td>Malta Central North Business Centre, Level 4</td><td>EL, DATA</td></tr><tr><td></tbody>"><abbr title="Malta" class="point smallxspoint malmap"></abbr><p class="maptitle mtmal">Malta</p></a>
                        <a data-text="<tbody><tr><td>2019 - 2020</td><td>Evolution Gaming Building</td><td>HVAC design</td></tr></tbody>"><abbr title="Romania, Bucharest" class="point smallxspoint rumap"></abbr><p class="maptitle mtrom">Romania, Bucharest</p></a>
                        <a data-text="<tbody><tr><td>2017</td><td>Anvil Centre Office Tower</td><td>HVAC design</td></tr></tbody>"><abbr title="Canada, New Westminster" class="point smallpoint canmap"></abbr><p class="maptitle mtcan">Canada, New Westminster</p></a>
                    </div>
                 </div>
     	</div>
	</div>
</section>
<section class="partners imgsection" id="partners">

	<div class="grid-container teleblockcontent">
		<div class="teleblockline"></div>
		<div class="grid-x mbig">
			<div class="cell colmd4">
				<h3 class="section_heading">iDeliver
				<br />
				Partners</h3>
			</div>
			<div class="cell colmd6 grid-x align-bottom">
				<div class="teleblocktext">
					<p>
						We work with some of the ....
					</p>
				</div>
			</div>
		</div>
		<div class="teleblockline"></div>
		<div class="grid-x">
			<div class="cell colmd12">

				<div class="teleblockpartners grid-x mbig">

					<div class="cell colmd2 small-6">
						<div class="teleblockpartner">
							<div class="teleblockpartner-logo">
								<img src="images/cropped-MTA-logo-plain2.png" alt=""
								class="img-fluid"/>
							</div>
						</div>
					</div>

					<div class="cell colmd2 small-6">
						<div class="teleblockpartner">
							<div class="teleblockpartner-logo">
								<img src="images/watts-logo.png"
								   alt=""
								class="img-fluid"/>
							</div>
						</div>
					</div>

					<div class="cell colmd2 small-6">
						<div class="teleblockpartner">
							<div class="teleblockpartner-logo">
								<img src="images/Climaveneta-logoo.png" alt=""
								class="img-fluid"/>
							</div>
						</div>
					</div>

					<div class="cell colmd2 small-6">
						<div class="teleblockpartner">
							<div class="teleblockpartner-logo" style="filter: brightness(2.5);">
								<img src="images/systemair.png" alt=""
								class="img-fluid"/>
							</div>
						</div>
					</div>

					<div class="cell colmd2 small-6">
						<div class="teleblockpartner">
							<div class="teleblockpartner-logo">
								<img src="images/DAIKIN-logo.png" alt=""
								class="img-fluid"/>
							</div>
						</div>
					</div>

					<div class="cell colmd2 small-6">
						<div class="teleblockpartner">
							<div class="teleblockpartner-logo">
								<img src="images/Bosch-logo.png" alt=""
								class="img-fluid"/>
							</div>
						</div>
					</div>

					<div class="cell colmd2 small-6">
						<div class="teleblockpartner">
							<div class="teleblockpartner-logo">
								<img src="images/ESBE-logo.png" alt=""
								class="img-fluid"/>
							</div>
						</div>
					</div>

					<div class="cell colmd2 small-6">
						<div class="teleblockpartner">
							<div class="teleblockpartner-logo">
								<img src="images/tecnair_group_logo.png" alt=""
								class="img-fluid"/>
							</div>
						</div>
					</div>
					<div class="cell colmd2 small-6">
						<div class="teleblockpartner">
							<div class="teleblockpartner-logo" style="filter: brightness(2.5);">
								<img src="images/Alfa-Laval.png" alt=""
								class="img-fluid"/>
							</div>
						</div>
					</div>

					<div class="cell colmd2 small-6">
						<div class="teleblockpartner">
							<div class="teleblockpartner-logo">
								<img src="images/logo-komfovent.png"
								   alt=""
								class="img-fluid"/>
							</div>
						</div>
					</div>

					<div class="cell colmd2 small-6">
						<div class="teleblockpartner">
							<div class="teleblockpartner-logo">
								<img src="images/sdmo-logo.png" alt=""
								class="img-fluid"/>
							</div>
						</div>
					</div>

					<div class="cell colmd2 small-6">
						<div class="teleblockpartner">
							<div class="teleblockpartner-logo">
								<img src="images/Centiel-Logo.png" alt=""
								class="img-fluid"/>
							</div>
						</div>
					</div>

					<div class="cell colmd2 small-6">
						<div class="teleblockpartner">
							<div class="teleblockpartner-logo">
								<img src="images/ABB-Logo.png" alt=""
								class="img-fluid"/>
							</div>
						</div>
					</div>

					<div class="cell colmd2 small-6">
						<div class="teleblockpartner">
							<div class="teleblockpartner-logo">
								<img src="images/Schneider-Electric-logo.png" alt=""
								class="img-fluid"/>
							</div>
						</div>
					</div>

					<div class="cell colmd2 small-6">
						<div class="teleblockpartner">
							<div class="teleblockpartner-logo">
								<img src="images/hager-logo.png" alt=""
								class="img-fluid"/>
							</div>
						</div>
					</div>

					<div class="cell colmd2 small-6">
						<div class="teleblockpartner">
							<div class="teleblockpartner-logo">
								<img src="images/Logo-Legrand.png" alt=""
								class="img-fluid"/>
							</div>
						</div>
					</div>
					
							<div class="cell colmd2 small-6">
						<div class="teleblockpartner">
							<div class="teleblockpartner-logo">
								<img src="images/SOCOMEC-logo.png"
								   alt=""
								class="img-fluid"/>
							</div>
						</div>
					</div>

					<div class="cell colmd2 small-6">
						<div class="teleblockpartner">
							<div class="teleblockpartner-logo">
								<img src="images/obo-logoo.png" alt=""
								class="img-fluid"/>
							</div>
						</div>
					</div>

					<div class="cell colmd2 small-6">
						<div class="teleblockpartner">
							<div class="teleblockpartner-logo">
								<img src="images/logo-kopos.png" alt=""
								class="img-fluid"/>
							</div>
						</div>
					</div>

					<div class="cell colmd2 small-6">
						<div class="teleblockpartner">
							<div class="teleblockpartner-logo">
								<img src="images/Honeywell_logo.png" alt=""
								class="img-fluid"/>
							</div>
						</div>
					</div>

					<div class="cell colmd2 small-6">
						<div class="teleblockpartner">
							<div class="teleblockpartner-logo" style="filter: brightness(2.5);">
								<img src="images/nkt-logo.png" alt=""
								class="img-fluid"/>
							</div>
						</div>
					</div>

					<div class="cell colmd2 small-6">
						<div class="teleblockpartner">
							<div class="teleblockpartner-logo">
								<img src="images/logo-innerrange.png" alt=""
								class="img-fluid"/>
							</div>
						</div>
					</div>

					<div class="cell colmd2 small-6">
						<div class="teleblockpartner">
							<div class="teleblockpartner-logo">
								<img src="images/Hikvision-logo.png" alt=""
								class="img-fluid"/>
							</div>
						</div>
					</div>
							<div class="cell colmd2 small-6">
						<div class="teleblockpartner">
							<div class="teleblockpartner-logo" style="filter: brightness(2.5);">
								<img src="images/faber.png" alt=""
								class="img-fluid"/>
							</div>
						</div>
					</div>
						<div class="cell colmd2 small-6">
						<div class="teleblockpartner">
							<div class="teleblockpartner-logo">
								<img src="images/sabiana-logo.png" alt=""
								class="img-fluid"/>
							</div>
						</div>
					</div>
				</div>

			</div>
		</div>

	</div>
</section>

<section class="imgsection" id="portfollio">
	<div class="grid-container teleblockcontent">
		<div class="teleblockline linewhite"></div>
		<div class="grid-x mbig">
			<div class="cell colmd4">
				<h3 class="section_heading">KSK
				<br />
				Portfolio</h3>
			</div>
			<div class="cell colmd6 grid-x align-bottom">
				<div class="teleblocktext">
					<p>
						KSK helps companies become stable players in the market, be stable technically, and thus be ready for anything
					</p>
				</div>
			</div>
		</div>
	</div>
</section>

<section class="portfolioblock">
		<swiper-container init="false" speed="500" loop="true"  pagination="true">
			<swiper-slide class="portgall image_item1">
				<img src="images/IMG_2609.JPEG" /> 
				<!-- 
				<div class="sectionimg-white-photos-itemimg">
					<img width="131" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20280%200'%3E%3C/svg%3E" data-lazy-src="/images/bg-icons/7.svg">
				</div> -->
			</swiper-slide>
			
			<swiper-slide class="portgall image_item4">
				<img src="/images/IMG-20240408-WA0003.webp" />
				<!-- <div class="design-element__oval-photos-itemimg">
					<img width="360" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20360%200'%3E%3C/svg%3E" data-lazy-src="/images/bg-icons/10.svg">
				</div> -->
			</swiper-slide>

			<swiper-slide class="portgall image_item1">
				<img src="images/Romania_the_bridge_3.jpg" />
			</swiper-slide>

			<swiper-slide class="portgall image_item4">
				<img src="images/IMG-20240408-WA0015.webp" />
			</swiper-slide>

			<swiper-slide class="portgall image_item1">
				<img src="images/VGP_PARK.JPEG" />

			</swiper-slide>
			<swiper-slide class="portgall image_item4">
				<img src="images/IMG-20240408-WA0032.webp" />
			</swiper-slide>

			<swiper-slide class="portgall image_item1">
				<img src="images/IMG-20240408-WA0007.webp" />
			</swiper-slide>
			
			<swiper-slide class="portgall image_item4">
				<img src="images/IMG_2609.JPEG" />
				<!-- <div class="sectionimg-white-photos-itemimg">
					<img width="131" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20280%200'%3E%3C/svg%3E" data-lazy-src="/images/bg-icons/7.svg">
				</div> -->
			</swiper-slide>
			
			<swiper-slide class="portgall image_item1">
				<img src="images/IMG-20240408-WA0011.webp" />
				<!-- <div class="design-element__oval-photos-itemimg">
					<img width="360" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20360%200'%3E%3C/svg%3E" data-lazy-src="/images/bg-icons/10.svg">
				</div> -->
			</swiper-slide>
	</swiper-container>
	<div class="photos-itemimg__content">
		<div class="grid-container">

			<div class="grid-x mbig align-center">

				<!-- <div class="cell colmd1"></div>
				<div class="cell colmd12 text-center">
					<h2>Rapidly growing market </h2>
				</div>
				<div class="cell colmd12 text-center">
					<p>
						At least 8 companies targeting to open live casino business on the 40 billion market in 2021.
						<br />
						We do difference.
					</p>
				</div> -->

				<div class="cell colmd1"></div>

				<div class="cell colmd12 text-center">
					<a href="/contacts/" class="button contactsbtn">Contacts</a>
				</div>

			</div>

		</div>
	</div>

</section>

<div id="overlay"></div>
<div id="additionalinfo" class="additionalinfo">
        <div class="controls">
            <h3>Information</h3>
            <div class="btnclose" onclick="off()">✖</div>
        </div>
        <table id="producttext" class="producttext">
		</table>
    </div>
<script>
	const swiperEl = document.querySelector('swiper-container');

	  // swiper parameters
	  const swiperParams = {
	    slidesPerView: 2,
	    breakpoints: {
	      640: {
	        slidesPerView: 3,
	      },
	      1024: {
	        slidesPerView: 5,
	      },
	    },
	    mousewheel: {
		    forceToAxis: true,
		  },
	    on: {
	      init() {
	        // ...
	      },
	    },
	  };
	  
	    // now we need to assign all parameters to Swiper element
  Object.assign(swiperEl, swiperParams);

  // and now initialize it
  swiperEl.initialize();
	  
    const buttons = document.getElementById("map-holder").getElementsByTagName("a");

    const buttonPressed = e => {
        history.pushState({}, '', ''); 
        console.log(e.target.getAttribute("data-text"));
        document.getElementById("overlay").style.display = "block";
	document.getElementById("additionalinfo").style.display = "block";
        document.getElementById("producttext").innerHTML = e.target.parentElement.getAttribute("data-text");
    }

    for (let button of buttons) {
        button.addEventListener("click", buttonPressed);
    }

    const overlay = document.getElementById("overlay");
	const additionalinfo = document.getElementById("additionalinfo");

    addEventListener("popstate", () => {
        off();
    });

    overlay.addEventListener('click', () => {
        off();
    })

    function on() {
        overlay.style.display = "block";
		additionalinfo.style.display = "block";
    }

    function off() {
        overlay.style.display = "none";
		additionalinfo.style.display = "none";
    }

</script>
<?php
require_once (__DIR__ . '/sections/footer.php');
?>