<div class="ko_t_wrappper">
		<div id="ko-search-start" class="ko--search-form-wrapper">
	
	
			<form class="ko--search-form" id="trip-input-form" onsubmit="onSearchClick(event)">
				<input type="hidden" id="dp" name="dp" value="">
				<input type="hidden" id="ds" name="ds" value="">
				<input type="hidden" id="datep" name="datep" value="">
				<input type="hidden" id="dates" name="dates" value="">
				<input type="hidden" id="ds_slug" name="ds_slug" value="">
				<input type="hidden" id="dp_slug" name="dp_slug" value="">
				<input type="hidden" id="IsReturn" name="Return" value="1">
		
			<div class="search__select search__select--from">
					<input type="text" autocomplete="off" aria-autocomplete="list" aria-controls="ko-autowhatever-2" class="ko-autosuggest__input" placeholder="From" value="" id="ko-autosuggest__input_from">
					<span class="search__select--label ko--emphasize">Departure</span>
			</div>

			<div class="search__select search__select--to">
					<input type="text" autocomplete="off" aria-autocomplete="list" aria-controls="ko-autowhatever-1" class="ko-autosuggest__input" placeholder="To" value="" id="ko-autosuggest__input_to">
					<span class="search__select--label ko--emphasize">Destination</span>
			</div>

			<div class="search__select search__select--datepicker ko--row ko--row-middle">
				<div class="search__select--datepicker-input">
					
					<div class="ko-datepicker-wrapper">
						<div class="ko-datepicker__input-container">
							<input type="text" placeholder="Choose a date" class="search-datepicker__outbound ko--input-standalone search-datepicker--animation" value="" id="ko-datefrom">
						</div>
					</div>
					<span class="search__select--label ko--emphasize ko--emphasize-warning">One way</span>
				</div>

				<div class="search__select--datepicker-input">
					
					<div class="ko-datepicker-wrapper">
						<div class="ko-datepicker__input-container">
							<input type="text" placeholder="Return date" class="search-datepicker__outbound ko--input-standalone search-datepicker--animation" value="" id="ko-dateto">
						</div>
					</div>
					<span class="search__select--label ko--emphasize">Return</span>
				</div>

			</div>


				<div class="search__select search__select--pax">
					<select class="ko-select_number_passengers" name="putnici" id="passengers_number">
						<option disabled>Number of</option>
						<option value="1" selected>1</option>
						<option value="2">2</option>
						<option value="3">3</option>
						<option value="4">4</option>
						<option value="5">5</option>
						<option value="6">6</option>
						<option value="7">7</option>
						<option value="8">8</option>
						<option value="9">9</option>
						<option value="10">10</option>
					</select>	
				  <span class="search__select--label ko--emphasize">Passengers no.</span>
			  </div>

	
				  <div class="search__select search__select--search">
		      	<input type="submit" class="btn  search__select--action" value="Search">
		      </div><!--end search__select--search -->
			</form>
	
		</div><!-- end ko-search-form-wrapper -->
	
	
	
	
	
	
		<div id="ko-search-results" class="search-results_main-content">
			<div class="ko--notification ko--notification-red ko--notification-title" id="error-box-1">
			</div>
			
			<div id="dl_spinner_loading" class="dlcenter"><div class="lds-ellipsis"><div></div><div></div><div></div><div></div></div></div>
	
			<div id="routesList" class="panel-group routes-list accordion" style="display:none;">
			</div>
	
	
			<div id="twoWayTitle" class="hidden">
				<h4>Select a return ticket</h4>
			</div>
	
			<div id="routesListTwoWay" class="panel-group routes-list accordion hidden">
			</div>
	
			<div class="status-msg"></div>
	
		</div><!--end search-results_main-content -->
	
	
	
	
	
	<div class="full-width payment" id="passangerView" style="display:none;">
	
		<div class="subheader--strip">
			 <div class="ko-card--row ko-content--split-2 subheader--strip-container">
				 <button type="button" class="btn--back btn--transparent-back" id="nav-back-to-search" onclick="backToSearch()">
					 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20" height="20" fill="#9b9b9b">
					  <title id="IconArrowRight">IconArrowRight</title>
					  <path d="m20 9.03125v1.96875h-16.15625l5.578125 5.625-1.40625 1.40625-8.015625-8.015625 8.015625-8.015625 1.453125 1.40625-5.625 5.625z"></path>
				  </svg>
				  Return to search			</button>
			<div class="breadcrumbs ko-card--row">
				<div class="breadcrumbs--item"><span>Direction</span></div>
				<div class="breadcrumbs--item current"><span>Passengers</span></div>
				<div class="breadcrumbs--item"><span>Buy</span></div>
			</div>
		  </div>
		</div>
	
		<!-- Step 2 -->
	
			<div class="payment--content">
			<div class="ko--notification ko--notification-red ko--notification-title" id="error-box-2">
				</div>
	
			<div class="ko-content--split-2">
				<div class="ko-main">
						<h4>Passenger details <small style="font-size: 13px;display: block;margin-top: 5px;opacity: .7;">*Needed to generate tickets</small></h4>
						<div id="passangerInfoInput" class="ko-card ko-card--section ko-card--passengers ko-card--passengers-info">
							<span class="ko-card--label ko-card--label-header">Information about the passenger(s).</span>
							<div class="ko-card--details ko-card--details-light ko--row">
								<div class="form-group"><span class="ko-card--label">Ime *</span>
									<input type="text" style="text-align: left;" name="passengerFirstName" class="form-control " required="" value="">
								</div>
	
								<div class="form-group">
									<span class="ko-card--label">Prezime *</span>
									<input type="text" name="passengerLastName" class="form-control " required="" value="">
								</div>
	
							</div>
							<div class="ko-card--details-light ko-card--row"></div>
							<div class="ko-card--details-light ko-card--row"></div>
						</div>
	
	
	
						<div class="ko-card--submit">
							<button type="submit" id="summaryConfirmAndPay"  class="btn  btn--confirm" onclick="checkPassengerInfoInput()">
								Confirm passengers </button>
						</div>
				</div>
	
	
	
				<div class="ko-side">
					<div class="ko-card ko-card--section">
						<div class="ko-timer ko--notification ko--notification-blue">
							<div class="remaining-time-title">
									<svg fill="#9b9b9b" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>IconHourglass</title><path d="m14.429 15.9c0.16071 0 0.28571-0.125 0.28571-0.28571v-0.57143c0-0.16071-0.125-0.28571-0.28571-0.28571h-0.85714c0-3.3036-1.5804-5.6964-3.3304-6.8572 1.75-1.1607 3.3304-3.5536 3.3304-6.8571h0.85714c0.16071 0 0.28571-0.125 0.28571-0.28571v-0.57143c0-0.16071-0.125-0.28571-0.28571-0.28571h-13.143c-0.16071 0-0.28571 0.125-0.28571 0.28571v0.57143c0 0.16071 0.125 0.28571 0.28571 0.28571h0.85714c0 3.3036 1.5804 5.6964 3.3304 6.8571-1.75 1.1607-3.3304 3.5536-3.3304 6.8572h-0.85714c-0.16071 0-0.28571 0.125-0.28571 0.28571v0.57143c0 0.16071 0.125 0.28571 0.28571 0.28571zm-2.7589-11.429h-7.625c-0.46429-0.97322-0.75893-2.125-0.75893-3.4286h9.1429c0 1.3036-0.29464 2.4554-0.75893 3.4286zm0.25 7.4286h-8.125c0.66072-1.7232 1.8482-2.9464 3.0357-3.4286h2.0536c1.1875 0.48214 2.375 1.7054 3.0357 3.4286z" fill="#ad5ca9"/>
												</svg>Time to pay</div>
							<div class="remaining-time"><div class="dl_ko_countdown">15:00</div></div>
						</div>
						<div class="ko-card--ticket">
							<!--<h2 class="ko--title">Karta&nbsp;<span class="ko-card-grey">PMM-PMM-4995859</span></h2>-->
							<div class="ko-card--label">Departure trip: <span id="oneWayDate-1">&nbsp;veljače 02, 2022</span></div>
							<div class="ko-card--row ko--notification ko--notification-green">
													<span>When entering the bus, show the QR code, it is not necessary to print the ticket.</span>
												</div>
	
							<div class="ko-ticket--details">
								<div class="ko-card--trip">
									<div class="ko-card--time ko-card--column">
										<div id="oneWayDepartureTime-1" class="ko-card-blue">08:00</div>
										<div id="oneWayArrivalTime-1" class="ko-card-blue">14:15</div>
									</div>
									<div class="ko-ticket--timeline ko-card--column">
										<div><i class="ko-card--circle"></i></div>
										<div class="ko-card--divider"></div>
										<div><i class="ko-card--circle"></i></div>
									</div>
									<div class="ko-card--stations ko-card--column">
										<div><div id="oneWayDepartureStationName-1" class="strong">Zagreb, </div><span class="ko-card-small hidden"> Bus terminal</span></div>
										<div class="ko-card--company"><img class="ko-card--company-logo" src="https://www.promet-makarska.hr/wp-content/plugins/kolodvori-api/public/img/promet-makarska.svg" alt="ko--company-logo"></div>
										<div><div id="oneWayArrivalStationName-1" class="strong">Makarska, </div><span class="ko-card-small hidden"> Bus terminal</span></div>
									</div>
								</div>
							</div>
							<div class="ko-card--label trip--duration">Travel duration: &nbsp;<svg fill="#9b9b9b" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>IconClock</title><path d="m6 12c0.82812 0 1.6074-0.15625 2.3379-0.46875 0.73047-0.3125 1.3672-0.74023 1.9102-1.2832 0.54297-0.54297 0.9707-1.1797 1.2832-1.9102 0.3125-0.73047 0.46875-1.5098 0.46875-2.3379s-0.15625-1.6074-0.46875-2.3379c-0.3125-0.73047-0.74023-1.3672-1.2832-1.9102-0.54297-0.54297-1.1797-0.9707-1.9102-1.2832-0.73047-0.3125-1.5098-0.46875-2.3379-0.46875s-1.6074 0.15625-2.3379 0.46875c-0.73047 0.3125-1.3672 0.74023-1.9102 1.2832-0.54297 0.54297-0.9707 1.1797-1.2832 1.9102-0.3125 0.73047-0.46875 1.5098-0.46875 2.3379s0.15625 1.6074 0.46875 2.3379c0.3125 0.73047 0.74023 1.3672 1.2832 1.9102 0.54297 0.54297 1.1797 0.9707 1.9102 1.2832 0.73047 0.3125 1.5098 0.46875 2.3379 0.46875zm0-0.73828c-0.72656 0-1.4082-0.13867-2.0449-0.41602-0.63672-0.27734-1.1914-0.6543-1.6641-1.1309-0.47266-0.47656-0.84766-1.0332-1.125-1.6699-0.27734-0.63672-0.41602-1.3184-0.41602-2.0449s0.13867-1.4082 0.41602-2.0449c0.27734-0.63672 0.65234-1.1914 1.125-1.6641 0.47266-0.47266 1.0273-0.84766 1.6641-1.125 0.63672-0.27734 1.3184-0.41602 2.0449-0.41602s1.4082 0.13867 2.0449 0.41602c0.63672 0.27734 1.1914 0.65234 1.6641 1.125 0.47266 0.47266 0.84766 1.0273 1.125 1.6641 0.27734 0.63672 0.41602 1.3184 0.41602 2.0449s-0.13867 1.4082-0.41602 2.0449c-0.27734 0.63672-0.65234 1.1934-1.125 1.6699-0.47266 0.47656-1.0273 0.85352-1.6641 1.1309-0.63672 0.27734-1.3184 0.41602-2.0449 0.41602zm1.8809-3c0.10547 0 0.19336-0.039062 0.26367-0.11719 0.070312-0.070312 0.10547-0.1582 0.10547-0.26367 0-0.10547-0.035156-0.19336-0.10547-0.26367l-1.7695-1.7695v-3.5977c0-0.10156-0.037109-0.18945-0.11133-0.26367-0.074219-0.074219-0.16211-0.11133-0.26367-0.11133s-0.18945 0.037109-0.26367 0.11133c-0.074219 0.074219-0.11133 0.16211-0.11133 0.26367v3.75c0 0.054688 0.0097656 0.10547 0.029297 0.15234 0.019531 0.046875 0.048828 0.085938 0.087891 0.11719 0 0 0.0019531 0.0019531 0.0058594 0.0058594 0.0039062 0.0039063 0.0058594 0.0097656 0.0058594 0.017578l1.8633 1.8516c0.070312 0.078125 0.1582 0.11719 0.26367 0.11719z"/>
											</svg>
								&nbsp;<div id="oneWayTravelTime-1">6h 15min&nbsp;</div></div>
						</div>
						<div id ="twoWayInfoBox-1" class="ko-card--ticket" style="display: none;">
							<div class="ko-card--label">Round trip: <span id="twoWayDate-1">&nbsp;veljače 02, 2022</span></div>
							<div class="ko-card--row ko--notification ko--notification-green"><span>When entering the bus, show the QR code, it is not necessary to print the ticket.</span></div>
							<div class="ko-ticket--details">
								<div class="ko-card--trip">
									<div class="ko-card--time ko-card--column">
										<div class="ko-card-blue" id="twoWayDepartureTime-1">16:30</div>
										<div class="ko-card-blue" id="twoWayArrivalTime-1">23:00</div>
									</div>
									<div class="ko-ticket--timeline ko-card--column">
										<div><i class="ko-card--circle"></i></div>
										<div class="ko-card--divider"></div>
										<div><i class="ko-card--circle"></i></div>
									</div>
									<div class="ko-card--stations ko-card--column">
										<div><div id="twoWayDepartureStationName-1" class="strong">Makarska,</div><span class="ko-card-small hidden"> Bus terminal</span></div>
										<div class="ko-card--company"><img class="ko-card--company-logo" src="https://www.promet-makarska.hr/wp-content/plugins/kolodvori-api/public/img/promet-makarska.svg" alt="ko--company-logo"></div>
										<div><div id="twoWayArrivalStationName-1" class="strong">Zagreb,</div> <span class="ko-card-small hidden"> Bus terminal</span></div>
									</div>
								</div>
							</div>
							<div class="ko-card--label trip--duration">Travel duration: &nbsp;<svg fill="#9b9b9b" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>IconClock</title><path d="m6 12c0.82812 0 1.6074-0.15625 2.3379-0.46875 0.73047-0.3125 1.3672-0.74023 1.9102-1.2832 0.54297-0.54297 0.9707-1.1797 1.2832-1.9102 0.3125-0.73047 0.46875-1.5098 0.46875-2.3379s-0.15625-1.6074-0.46875-2.3379c-0.3125-0.73047-0.74023-1.3672-1.2832-1.9102-0.54297-0.54297-1.1797-0.9707-1.9102-1.2832-0.73047-0.3125-1.5098-0.46875-2.3379-0.46875s-1.6074 0.15625-2.3379 0.46875c-0.73047 0.3125-1.3672 0.74023-1.9102 1.2832-0.54297 0.54297-0.9707 1.1797-1.2832 1.9102-0.3125 0.73047-0.46875 1.5098-0.46875 2.3379s0.15625 1.6074 0.46875 2.3379c0.3125 0.73047 0.74023 1.3672 1.2832 1.9102 0.54297 0.54297 1.1797 0.9707 1.9102 1.2832 0.73047 0.3125 1.5098 0.46875 2.3379 0.46875zm0-0.73828c-0.72656 0-1.4082-0.13867-2.0449-0.41602-0.63672-0.27734-1.1914-0.6543-1.6641-1.1309-0.47266-0.47656-0.84766-1.0332-1.125-1.6699-0.27734-0.63672-0.41602-1.3184-0.41602-2.0449s0.13867-1.4082 0.41602-2.0449c0.27734-0.63672 0.65234-1.1914 1.125-1.6641 0.47266-0.47266 1.0273-0.84766 1.6641-1.125 0.63672-0.27734 1.3184-0.41602 2.0449-0.41602s1.4082 0.13867 2.0449 0.41602c0.63672 0.27734 1.1914 0.65234 1.6641 1.125 0.47266 0.47266 0.84766 1.0273 1.125 1.6641 0.27734 0.63672 0.41602 1.3184 0.41602 2.0449s-0.13867 1.4082-0.41602 2.0449c-0.27734 0.63672-0.65234 1.1934-1.125 1.6699-0.47266 0.47656-1.0273 0.85352-1.6641 1.1309-0.63672 0.27734-1.3184 0.41602-2.0449 0.41602zm1.8809-3c0.10547 0 0.19336-0.039062 0.26367-0.11719 0.070312-0.070312 0.10547-0.1582 0.10547-0.26367 0-0.10547-0.035156-0.19336-0.10547-0.26367l-1.7695-1.7695v-3.5977c0-0.10156-0.037109-0.18945-0.11133-0.26367-0.074219-0.074219-0.16211-0.11133-0.26367-0.11133s-0.18945 0.037109-0.26367 0.11133c-0.074219 0.074219-0.11133 0.16211-0.11133 0.26367v3.75c0 0.054688 0.0097656 0.10547 0.029297 0.15234 0.019531 0.046875 0.048828 0.085938 0.087891 0.11719 0 0 0.0019531 0.0019531 0.0058594 0.0058594 0.0039062 0.0039063 0.0058594 0.0097656 0.0058594 0.017578l1.8633 1.8516c0.070312 0.078125 0.1582 0.11719 0.26367 0.11719z"/>
												</svg>
								&nbsp;<div id="twoWayTravelTime-1">6h 30min&nbsp;</div></div>
						</div>
					</div>
				</div>
			</div>
		</div>
	
	</div> <!-- end full-width payment -->
	
	
	
	<div class="full-width payment" id="paymentView" style="display:none;">
	
		<div class="subheader--strip">
			 <div class="ko-card--row ko-content--split-2 subheader--strip-container">
				 <button type="button" class="btn--back btn--transparent-back" id="nav-back-to-search" onclick="showPassengerScreen()">
					 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20" height="20" fill="#9b9b9b">
					  <title id="IconArrowRight">IconArrowRight</title>
					  <path d="m20 9.03125v1.96875h-16.15625l5.578125 5.625-1.40625 1.40625-8.015625-8.015625 8.015625-8.015625 1.453125 1.40625-5.625 5.625z"></path>
					  </svg>
					  Return to passenger information				</button>
			<div class="breadcrumbs ko-card--row">
				<div class="breadcrumbs--item"><span>Direction</span></div>
				<div class="breadcrumbs--item "><span>Passengers</span></div>
				<div class="breadcrumbs--item current"><span>Buy</span></div>
			</div>
		  </div>
		</div>
	
		<!-- Step 2 -->
				<div class="payment--content">
				<div class="ko--notification ko--notification-red ko--notification-title" id="error-box-3">
				</div>
	
			<div class="ko-content--split-2">
				<div class="ko-main">
			  
	
	
					<div class="ko-card ko-card--buyer">
						<div class="ko-card--section">
							<h4 class="ko-card--label ko-card--label-header">Customer information</h4>
	
							<form method="post">
								<div class="ko-card--details ko-card--details-light ko--row">
									<div class="form-group">
										<span class="ko-card--label">Ime *										</span>
										<div class="ko--phone-input-container ">
											<input type="text" placeholder="" id="buyer-first-name" class="form-control" value="" required="">
										</div>
									</div><!--end form-group -->
	
									<div class="form-group">
										<span class="ko-card--label">Prezime *										</span>
										<div class="ko--phone-input-container ">
											<input type="text" placeholder="" id="buyer-last-name" class="form-control" value="" required="">
										</div>
									</div><!--end form-group -->
								</div><!--end ko-card-details -->
								<div class="ko-card--details ko-card--details-light ko--row">
									<div class="form-group">
										<span class="ko-card--label">E-mail *</span>
										<br>
										<input autocomplete="email" class="form-control js-equal" id="buyer-email" type="email" name="_username" required="" value="">
										<small class="ko-card--label-description">Your ticket and information about the ride will be delivered to this email.</small>
									</div>
	
									<div class="form-group">
										<span class="ko-card--label">Potvrda e-maila *										</span>
										<br>
										<input autocomplete="email" class="form-control js-equal" id="buyer-email-confirm" type="email" name="_username" required="" value="">
										<small class="ko-card--label-description">Confirm your email address</small>
									</div>
								</div><!--end ko-card-details -->
								<div class="ko-card--details ko-card--details-light ko--row">
									<div class="form-group">
										<span class="ko-card--label">Mobile number										</span>
									<div class="ko--phone-input-container ">
										<input placeholder="Unesi broj mobitela" autocomplete="tel" type="tel" id="buyer-phone" class="form-control" value="">
									</div>
									<small class="ko-card--label-description">Enter your mobile number</small>
									</div><!--end form-group -->
								</div><!--end ko-card-details -->
							</form>
						</div>
					</div><!--end ko-card-buyer -->
	
	
					<div class="ko-card ko-card--total">
						<div class="ko-card--section ko-card--column">
	
							<span class="ko-card--label ko-card--label-header">Total</span>
	
							<div class="ko-card--details ko-card--row">
								<div class="ko-card--price">
									<div class="ko--payment-summary">
										<span id="passangersList">1 x Odrasli</span><span id="ticketsPrice">000 kn</span>
									</div>
									<div class="ko--payment-summary">
										<span>Reservation fee</span><span id="reservationPrice">00 kn</span>
									</div>
									<div class="ko--payment-summary">
										<span>Total value with VAT</span><span id="totalPriceWithTax">00 kn</span>
									</div>
									<div class="ko--payment-summary">
										<span>VAT (25%)</span><span id="taxPrice">00,00 kn</span>
									</div>
									<br>
									<span class="ko-card--price-total">
	
										<strong>Total:</strong>
	
										<span>
											<strong class="value-with-currency" id = "totalPrice">000,00 EUR</strong>
											
										</span>
									</span>
	
									<span class="ko--note-price">
											<small>fees included</small>
									</span>
								</div>
	
	
	
							</div>
						</div>
					</div>
	
	
					<div class="ko-card ko-card--toc confirmation checkorder-confirm">
						<div class="toc-info ko-card--section ko-card--column">
							<!--<p>
								<input id="gbb_ticket_trip_review" name="gbb_ticket_trip_review" type="checkbox" value="">
								<label for="gbb_ticket_trip_review" class="ko-card--label">
									Pristajem na primitak linka za recenziju putovanja
								</label>
							</p>
	
							<p>
								<input id="gbb_newsletter" name="gbb_newsletter" type="checkbox" value="">
								<label for="gbb_newsletter" class="ko-card--label">
									Pristajem na primitak povremenih newslettera
								</label>
							</p>-->
	
							<p>
								<input id="gbb_tos_and_privacy_policy" name="gbb_tos_and_privacy_policy" type="checkbox" value="">
								<label for="gbb_tos_and_privacy_policy" class="ko-card--label">
									I have read and accept 
									<a  class="tos-link" href="https://www.promet-makarska.hr/opci-uvjeti-internet-prodaja/" target="_blank" rel="noreferrer" id="terms-and-conditions" style="color:#ad5ca9;">
										General conditions									</a> 
									and 
									<a id="privacy-policy" class="tos-link" href="https://www.promet-makarska.hr/izjava-o-zastiti-osobnih-podataka/" target="_blank" rel="noreferrer"  style="color:#ad5ca9;">
										Privacy statement									</a>
								</label>
							</p>
	
	
							<form name="check_order_submit" method="post" action="/" id="IpgForm">
								<div id="check_order_submit">
									<!--<input type="hidden" id="check_order_submit_order_number" name="check_order_submit[order_number]" value="PMM-PMM-4995859">-->
									<input type="hidden" id="check_order_submit_customer_email" name="check_order_submit[customer_email]" value="">
									<input type="hidden" id="check_order_submit_amount" name="check_order_submit[amount]" value="374"><input type="hidden" id="check_order_submit_best_before" name="check_order_submit[best_before]" value="1643724152">
									<input type="hidden" id="check_order_submit_customer_phone" name="check_order_submit[customer_phone]" value="">
									<input type="hidden" id="check_order_submit_proceed_to_ipg_payment_form" name="check_order_submit[proceed_to_ipg_payment_form]" value="1">
									<input type="hidden" id="check_order_submit_gbb_tos_and_privacy_policy" name="check_order_submit[gbb_tos_and_privacy_policy]" value="0">
									<input type="hidden" id="check_order_submit_gbb_ticket_trip_review" name="check_order_submit[gbb_ticket_trip_review]" value="0">
									<input type="hidden" id="check_order_submit_gbb_newsletter" name="check_order_submit[gbb_newsletter]" value="0">
									<input type="hidden" id="check_order_submit__token" name="check_order_submit[_token]" value="">
								</div>
							</form>
						</div>
					</div>
					<div class="ko-card--submit" id="lightbox-payment-form">
						<button type="submit" id="summary-confirm-and-pay" class="btn btn--confirm" onclick="checkBuyerInfoInput()">
							Confirm the information</button>
					</div>
				</div>
	
	
	
				<div class="ko-side">
					<div class="ko-card ko-card--section">
						<div class="ko-timer ko--notification ko--notification-blue">
							<div class="remaining-time-title">
									<svg fill="#9b9b9b" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>IconHourglass</title><path d="m14.429 15.9c0.16071 0 0.28571-0.125 0.28571-0.28571v-0.57143c0-0.16071-0.125-0.28571-0.28571-0.28571h-0.85714c0-3.3036-1.5804-5.6964-3.3304-6.8572 1.75-1.1607 3.3304-3.5536 3.3304-6.8571h0.85714c0.16071 0 0.28571-0.125 0.28571-0.28571v-0.57143c0-0.16071-0.125-0.28571-0.28571-0.28571h-13.143c-0.16071 0-0.28571 0.125-0.28571 0.28571v0.57143c0 0.16071 0.125 0.28571 0.28571 0.28571h0.85714c0 3.3036 1.5804 5.6964 3.3304 6.8571-1.75 1.1607-3.3304 3.5536-3.3304 6.8572h-0.85714c-0.16071 0-0.28571 0.125-0.28571 0.28571v0.57143c0 0.16071 0.125 0.28571 0.28571 0.28571zm-2.7589-11.429h-7.625c-0.46429-0.97322-0.75893-2.125-0.75893-3.4286h9.1429c0 1.3036-0.29464 2.4554-0.75893 3.4286zm0.25 7.4286h-8.125c0.66072-1.7232 1.8482-2.9464 3.0357-3.4286h2.0536c1.1875 0.48214 2.375 1.7054 3.0357 3.4286z" fill="#ad5ca9"/>
												</svg> Time to pay</div>
							<div class="remaining-time"><div class="dl_ko_countdown">15:00</div></div>
						</div>
						<div class="ko-card--ticket">
							<!--<h2 class="ko--title">Karta&nbsp;<span class="ko-card-grey">PMM-PMM-4995859</span></h2>-->
							<div class="ko-card--label">Departure trip:  <span id="oneWayDate-2">&nbsp;veljače 02, 2022</span></div>
							<div class="ko-card--row ko--notification ko--notification-green">
								<span>
									When entering the bus, show the QR code, it is not necessary to print the ticket.								</span>
							</div>
	
							<div class="ko-ticket--details">
								<div class="ko-card--trip">
									<div class="ko-card--time ko-card--column">
										<div id="oneWayDepartureTime-2" class="ko-card-blue">08:00</div>
										<div id="oneWayArrivalTime-2" class="ko-card-blue">14:15</div>
									</div>
									<div class="ko-ticket--timeline ko-card--column">
										<div><i class="ko-card--circle"></i></div>
										<div class="ko-card--divider"></div>
										<div><i class="ko-card--circle"></i></div>
									</div>
									<div class="ko-card--stations ko-card--column">
										<div><div id="oneWayDepartureStationName-2" class="strong">Zagreb, </div><span class="ko-card-small hidden"> Bus terminal</span></div>
										<div class="ko-card--company"><img class="ko-card--company-logo" src="https://www.promet-makarska.hr/wp-content/plugins/kolodvori-api/public/img/promet-makarska.svg" alt="ko--company-logo"></div>
										<div><div id="oneWayArrivalStationName-2" class="strong">Makarska, </div><span class="ko-card-small hidden"> Bus terminal</span></div>
									</div>
								</div>
							</div>
							<div class="ko-card--label trip--duration">Travel duration: &nbsp;<svg fill="#9b9b9b" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>IconClock</title><path d="m6 12c0.82812 0 1.6074-0.15625 2.3379-0.46875 0.73047-0.3125 1.3672-0.74023 1.9102-1.2832 0.54297-0.54297 0.9707-1.1797 1.2832-1.9102 0.3125-0.73047 0.46875-1.5098 0.46875-2.3379s-0.15625-1.6074-0.46875-2.3379c-0.3125-0.73047-0.74023-1.3672-1.2832-1.9102-0.54297-0.54297-1.1797-0.9707-1.9102-1.2832-0.73047-0.3125-1.5098-0.46875-2.3379-0.46875s-1.6074 0.15625-2.3379 0.46875c-0.73047 0.3125-1.3672 0.74023-1.9102 1.2832-0.54297 0.54297-0.9707 1.1797-1.2832 1.9102-0.3125 0.73047-0.46875 1.5098-0.46875 2.3379s0.15625 1.6074 0.46875 2.3379c0.3125 0.73047 0.74023 1.3672 1.2832 1.9102 0.54297 0.54297 1.1797 0.9707 1.9102 1.2832 0.73047 0.3125 1.5098 0.46875 2.3379 0.46875zm0-0.73828c-0.72656 0-1.4082-0.13867-2.0449-0.41602-0.63672-0.27734-1.1914-0.6543-1.6641-1.1309-0.47266-0.47656-0.84766-1.0332-1.125-1.6699-0.27734-0.63672-0.41602-1.3184-0.41602-2.0449s0.13867-1.4082 0.41602-2.0449c0.27734-0.63672 0.65234-1.1914 1.125-1.6641 0.47266-0.47266 1.0273-0.84766 1.6641-1.125 0.63672-0.27734 1.3184-0.41602 2.0449-0.41602s1.4082 0.13867 2.0449 0.41602c0.63672 0.27734 1.1914 0.65234 1.6641 1.125 0.47266 0.47266 0.84766 1.0273 1.125 1.6641 0.27734 0.63672 0.41602 1.3184 0.41602 2.0449s-0.13867 1.4082-0.41602 2.0449c-0.27734 0.63672-0.65234 1.1934-1.125 1.6699-0.47266 0.47656-1.0273 0.85352-1.6641 1.1309-0.63672 0.27734-1.3184 0.41602-2.0449 0.41602zm1.8809-3c0.10547 0 0.19336-0.039062 0.26367-0.11719 0.070312-0.070312 0.10547-0.1582 0.10547-0.26367 0-0.10547-0.035156-0.19336-0.10547-0.26367l-1.7695-1.7695v-3.5977c0-0.10156-0.037109-0.18945-0.11133-0.26367-0.074219-0.074219-0.16211-0.11133-0.26367-0.11133s-0.18945 0.037109-0.26367 0.11133c-0.074219 0.074219-0.11133 0.16211-0.11133 0.26367v3.75c0 0.054688 0.0097656 0.10547 0.029297 0.15234 0.019531 0.046875 0.048828 0.085938 0.087891 0.11719 0 0 0.0019531 0.0019531 0.0058594 0.0058594 0.0039062 0.0039063 0.0058594 0.0097656 0.0058594 0.017578l1.8633 1.8516c0.070312 0.078125 0.1582 0.11719 0.26367 0.11719z"/>
											</svg>
								&nbsp;<div id="oneWayTravelTime-2">6h 15min&nbsp;</div></div>
						</div>
						<div id ="twoWayInfoBox-2" class="ko-card--ticket" style="display: none;">
							<div class="ko-card--label">Round trip:<span id="twoWayDate-2">&nbsp;veljače 02, 2022</span></div>
							<div class="ko-card--row ko--notification ko--notification-green">
								<span>When entering the bus, show the QR code, it is not necessary to print the ticket.</span>
							</div>
							<div class="ko-ticket--details">
								<div class="ko-card--trip">
									<div class="ko-card--time ko-card--column">
										<div class="ko-card-blue" id="twoWayDepartureTime-2">16:30</div>
										<div class="ko-card-blue" id="twoWayArrivalTime-2">23:00</div>
									</div>
									<div class="ko-ticket--timeline ko-card--column">
										<div><i class="ko-card--circle"></i></div>
										<div class="ko-card--divider"></div>
										<div><i class="ko-card--circle"></i></div>
									</div>
									<div class="ko-card--stations ko-card--column">
										<div><div id="twoWayDepartureStationName-2" class="strong">Makarska,</div><span class="ko-card-small hidden"> Bus terminal</span></div>
										<div class="ko-card--company"><img class="ko-card--company-logo" src="https://www.promet-makarska.hr/wp-content/plugins/kolodvori-api/public/img/promet-makarska.svg" alt="ko--company-logo"></div>
										<div><div id="twoWayArrivalStationName-2" class="strong">Zagreb,</div> <span class="ko-card-small hidden"> Bus terminal</span></div>
									</div>
								</div>
							</div>
							<div class="ko-card--label trip--duration">Travel duration: &nbsp;<svg fill="#9b9b9b" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>IconClock</title><path d="m6 12c0.82812 0 1.6074-0.15625 2.3379-0.46875 0.73047-0.3125 1.3672-0.74023 1.9102-1.2832 0.54297-0.54297 0.9707-1.1797 1.2832-1.9102 0.3125-0.73047 0.46875-1.5098 0.46875-2.3379s-0.15625-1.6074-0.46875-2.3379c-0.3125-0.73047-0.74023-1.3672-1.2832-1.9102-0.54297-0.54297-1.1797-0.9707-1.9102-1.2832-0.73047-0.3125-1.5098-0.46875-2.3379-0.46875s-1.6074 0.15625-2.3379 0.46875c-0.73047 0.3125-1.3672 0.74023-1.9102 1.2832-0.54297 0.54297-0.9707 1.1797-1.2832 1.9102-0.3125 0.73047-0.46875 1.5098-0.46875 2.3379s0.15625 1.6074 0.46875 2.3379c0.3125 0.73047 0.74023 1.3672 1.2832 1.9102 0.54297 0.54297 1.1797 0.9707 1.9102 1.2832 0.73047 0.3125 1.5098 0.46875 2.3379 0.46875zm0-0.73828c-0.72656 0-1.4082-0.13867-2.0449-0.41602-0.63672-0.27734-1.1914-0.6543-1.6641-1.1309-0.47266-0.47656-0.84766-1.0332-1.125-1.6699-0.27734-0.63672-0.41602-1.3184-0.41602-2.0449s0.13867-1.4082 0.41602-2.0449c0.27734-0.63672 0.65234-1.1914 1.125-1.6641 0.47266-0.47266 1.0273-0.84766 1.6641-1.125 0.63672-0.27734 1.3184-0.41602 2.0449-0.41602s1.4082 0.13867 2.0449 0.41602c0.63672 0.27734 1.1914 0.65234 1.6641 1.125 0.47266 0.47266 0.84766 1.0273 1.125 1.6641 0.27734 0.63672 0.41602 1.3184 0.41602 2.0449s-0.13867 1.4082-0.41602 2.0449c-0.27734 0.63672-0.65234 1.1934-1.125 1.6699-0.47266 0.47656-1.0273 0.85352-1.6641 1.1309-0.63672 0.27734-1.3184 0.41602-2.0449 0.41602zm1.8809-3c0.10547 0 0.19336-0.039062 0.26367-0.11719 0.070312-0.070312 0.10547-0.1582 0.10547-0.26367 0-0.10547-0.035156-0.19336-0.10547-0.26367l-1.7695-1.7695v-3.5977c0-0.10156-0.037109-0.18945-0.11133-0.26367-0.074219-0.074219-0.16211-0.11133-0.26367-0.11133s-0.18945 0.037109-0.26367 0.11133c-0.074219 0.074219-0.11133 0.16211-0.11133 0.26367v3.75c0 0.054688 0.0097656 0.10547 0.029297 0.15234 0.019531 0.046875 0.048828 0.085938 0.087891 0.11719 0 0 0.0019531 0.0019531 0.0058594 0.0058594 0.0039062 0.0039063 0.0058594 0.0097656 0.0058594 0.017578l1.8633 1.8516c0.070312 0.078125 0.1582 0.11719 0.26367 0.11719z"/>
												</svg>
								&nbsp;<div id="twoWayTravelTime-2">6h 30min&nbsp;</div></div>
						</div>
					</div>
				</div>
			</div>
		</div>
			
	</div> <!-- end full-width payment -->
	
	
	</div><!-- end ko_t_wrappper -->
	
	
	
	
	
	
	<div class="ko-credit__cards" id="credit-cards">
		<div class="ko-container ko--row ko--row-middle ko--row-justify">
			<h6>We support payment by credit card</h6>
			<ul class="credit-cards-list">
				<li>
					<a target="_blank" rel="nofollow" href="https://www.mastercard.com" ><img src="https://www.promet-makarska.hr/wp-content/plugins/kolodvori-api/src/payment-icons/Mastercard-logo.svg.png" alt="Mastercard"></a>
				</li>
				<li>
					<a target="_blank" rel="nofollow" href="https://www.mastercard.hr/hr-hr/consumers/find-card-products/debit-cards/maestro-debit.html" ><img src="https://www.promet-makarska.hr/wp-content/plugins/kolodvori-api/src/payment-icons/Maestro_2016.svg.png" alt="Maestro"></a>
				</li>
				<li>
					<a target="_blank" rel="nofollow" href="https://www.visaeurope.com" ><img src="https://www.promet-makarska.hr/wp-content/plugins/kolodvori-api/src/payment-icons/Visa-Logo-PNG3.png" alt="Visa"></a>
				</li>
	
			</ul>
		</div>
		<div class="ko-container ko--row ko--row-middle ko--row-justify">
			<!--<h6>The conversion rate for dual price reporting is: 1 EUR = HRK 7.5345.</h6>-->
		</div>
	</div>{"id":4419,"date":"2023-02-10T12:11:12","date_gmt":"2023-02-10T12:11:12","guid":{"rendered":"https:\/\/www.promet-makarska.hr\/rezultati\/"},"modified":"2023-08-16T17:43:39","modified_gmt":"2023-08-16T17:43:39","slug":"rezultati","status":"publish","type":"page","link":"https:\/\/www.promet-makarska.hr\/en\/rezultati\/","title":{"rendered":"AK Results"},"content":{"rendered":"\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/www.promet-makarska.hr\/en\/wp-json\/wp\/v2\/pages\/4419"}],"collection":[{"href":"https:\/\/www.promet-makarska.hr\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.promet-makarska.hr\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.promet-makarska.hr\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.promet-makarska.hr\/en\/wp-json\/wp\/v2\/comments?post=4419"}],"version-history":[{"count":3,"href":"https:\/\/www.promet-makarska.hr\/en\/wp-json\/wp\/v2\/pages\/4419\/revisions"}],"predecessor-version":[{"id":4761,"href":"https:\/\/www.promet-makarska.hr\/en\/wp-json\/wp\/v2\/pages\/4419\/revisions\/4761"}],"wp:attachment":[{"href":"https:\/\/www.promet-makarska.hr\/en\/wp-json\/wp\/v2\/media?parent=4419"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}