<!DOCTYPE HTML>
<html lang="en-US">

<head>
	<meta charset="UTF-8">
	<meta http-equiv="x-ua-compatible" content="ie=edge">
	<title>Villa Adriana</title>
	<meta name="description" content="">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<!-- Favicon -->
	<link rel="icon" type="image/png" sizes="56x56" href="assets/images/fav-icon/icon.png">
	<!-- bootstrap CSS -->
	<link rel="stylesheet" href="assets/css/bootstrap.min.css" type="text/css" media="all">
	<!-- carousel CSS -->
	<link rel="stylesheet" href="assets/css/owl.carousel.min.css" type="text/css" media="all">
	<!-- animate CSS -->
	<link rel="stylesheet" href="assets/css/animate.css" type="text/css" media="all">
	<!-- font-awesome CSS -->
	<link rel="stylesheet" href="assets/css/all.min.css" type="text/css" media="all">
	<!-- font-flaticon CSS -->
	<link rel="stylesheet" href="assets/css/flaticon.css" type="text/css" media="all">
	<!-- theme-default CSS -->
	<link rel="stylesheet" href="assets/css/theme-default.css" type="text/css" media="all">
	<!-- meanmenu CSS -->
	<link rel="stylesheet" href="assets/css/meanmenu.min.css" type="text/css" media="all">
	<!-- transitions CSS -->
	<link rel="stylesheet" href="assets/css/owl.transitions.css" type="text/css" media="all">
	<!-- venobox CSS -->
	<link rel="stylesheet" href="venobox/venobox.css" type="text/css" media="all">
	<!-- bootstrap icons -->
	<link rel="stylesheet" href="assets/css/bootstrap-icons.css" type="text/css" media="all">
	<!-- Slick Slider -->
	<link rel="stylesheet" type="text/css" href="assets/slick/slick.css">
	<link rel="stylesheet" type="text/css" href="assets/slick/slick-theme.css">
	<!-- Main Style CSS -->
	<link rel="stylesheet" href="assets/css/style.css" type="text/css" media="all">
	<!-- Dropdown CSS -->
	<link rel="stylesheet" href="assets/css/dropdown.css" type="text/css" media="all">
	<!-- responsive CSS -->
	<link rel="stylesheet" href="assets/css/responsive.css" type="text/css" media="all">
	<!-- rangeslider CSS -->
	<link rel="stylesheet" href="assets/css/rangeslider.css" type="text/css" media="all">
	<!-- modernizr js -->
	<script src="assets/js/vendor/modernizr-3.5.0.min.js"></script>

	<link rel="stylesheet" href="assets/css/styleSlide.css" type="text/css" media="all">

	<style>
		/* Ensure dots/navigation are positioned at the top */
		.service_list.owl-carousel .owl-dots {
    position: absolute;
    top: -4.5em; /* Adjust this value to control vertical spacing */
    left: 0;
    width: 100%; /* Stretch across the full width */
    display: flex;
    justify-content: center; /* Center-align dots */
    z-index: 1000; /* Make sure they are above other elements */
}

.contact-info2 {
	color: #fff;
}

.row {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch; /* Ensures all children are stretched to the same height */
}

.service-single-box {
    display: flex;
    flex-direction: column; /* Allows the content inside to stack vertically */
    justify-content: space-between; /* Evenly spaces the content */
    flex: 1; /* Ensures all boxes grow to the same height */
    position: relative; /* Make the parent container relative */
    overflow: hidden; /* Prevent content overflow */
    height: auto; /* Allow flexibility before equalizing */
}

.service-content {
    flex-grow: 1; /* Take available space */
    display: flex;
    flex-direction: column;
    justify-content: flex-start; /* Align text to the top */
    margin-bottom: 20px; /* Space between content and facilities */
}

.service-faciliti {
    margin-top: 15px; /* Ensure proper spacing from the description */
    margin-bottom: 20px; /* Space above the button */
}

.service-discription {
    margin-bottom: 15px; /* Add spacing between description and facilities */
}

li {
    list-style-type: none; /* Remove default bullet points */
    margin: 0; /* Reset margins */
    padding: 0; /* Reset padding */
}

.more-info-btn {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%); /* Ensure the button stays centered at the bottom */
    z-index: 20; /* Ensure the button stays above other content */
}

.modal {
    display: none; /* Hidden by default */
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 5em;
    width: 100%;
    height: 90%;
    background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent background */
    overflow: auto; /* Enable scrolling for large modals */
}

.modal-content {
    position: relative;
    margin: 5% auto; /* Center the modal vertically and horizontally */
    padding: 20px;
    background-color: #fff;
    border-radius: 8px; /* Optional: Rounded corners */
    max-width: 80%; /* Width is adjustable */
    width: auto; /* Fit the content */
    max-height: 80%; /* Ensure it doesn't exceed viewport height */
    overflow-y: auto; /* Scroll if content is taller than modal */
    box-sizing: border-box;
}

.modal-body {
    display: flex;
    flex-direction: column;
    gap: 20px; /* Space between rows */
}

.modal .row {
    display: flex;
    justify-content: space-between; /* Distribute columns evenly */
    gap: 20px; /* Space between columns */
}

.modal .col {
    flex: 1; /* Make columns equal width */
    padding: 10px;
}

.close-btn {
    position: absolute; /* Position it relative to the modal-content */
    top: 10px; /* Adjust vertical position */
    right: 15px; /* Adjust horizontal position */
    z-index: 1001; /* Ensure it stays on top of the modal content */
    font-size: 24px; /* Make it visually prominent */
    cursor: pointer; /* Indicate it's clickable */
    color: #333; /* Adjust color if necessary */
    background-color: transparent; /* Ensure no background */
    border: none; /* Remove any default styling */
}

.close-btn:hover,
.close-btn:focus {
    color: #000;
    text-decoration: none;
}
.modal .service-thumb {
    width: 75%; /* Set width to 75% of the modal content */
    margin: 0 auto; /* Center the thumbnail horizontally */
}

.modal .service-thumb img {
    width: 100%; /* Make the image take up the full width of .service-thumb */
    height: auto; /* Maintain aspect ratio */
    display: block; /* Remove inline spacing issues */
    border-radius: 8px; /* Optional: add rounded corners */
}

.modal .image-slideshow {
    width: 100%; /* Ensure the slideshow container fits within .service-thumb */
    position: relative; /* Enable absolute positioning for controls if needed */
}

.modal .image-slideshow .slide {
    display: none; /* Hide all slides by default */
}

.modal .image-slideshow .slide.active {
    display: block; /* Show only the active slide */
}

.modal .image-slideshow .prev,
.modal .image-slideshow .next {
    position: absolute;
    top: 50%;
    font-size: 24px;
    color: #333;
    background: rgba(255, 255, 255, 0.7); /* Semi-transparent background for buttons */
    border-radius: 50%;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
    z-index: 10;
}

.modal .image-slideshow .prev {
    left: -50px; /* Adjust as needed for button spacing */
}

.modal .image-slideshow .next {
    right: -50px; /* Adjust as needed for button spacing */
}
.modal .service-thumb {
    width: 75%; /* Set width to 75% of the modal */
    margin: 0 auto; /* Center the thumbnail horizontally */
    overflow: hidden; /* Ensure no overflowing parts */
}

.modal .service-thumb img {
    width: 100%; /* Make the image scale to fit the width of its container */
    height: auto; /* Maintain aspect ratio */
    display: block; /* Avoid inline block spacing issues */
    object-fit: contain; /* Ensure the entire image fits without cropping */
    border-radius: 8px; /* Optional: Rounded corners */
}

.banner-slider {
    position: relative;
    overflow: hidden;
    margin: auto;
    max-width: 100%;
}

.banner-slider .slide-item {
    position: relative;
    width: 100%;
    height: 900px; /* Adjust the height to your preference */
    text-align: center;
}

.banner-slider .image-layer {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 8px; /* Optional: for rounded edges */
}

.project-details-thumb {
	border-radius: 8px; /* Optional: for rounded edges */
}

.footer-area {
    position: relative;
    background-image: url("assets/images/footer/footer-bg.png"); /* Replace with your image path */
    background-size: cover;
    background-position: center;
    color: #fff; /* Adjust text color for readability */
    z-index: 1;
    overflow: hidden;
}

.footer-area::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.75); /* Semi-transparent black overlay */
    z-index: 1; /* Ensure it appears below the content */
}

.footer-area .container {
    position: relative;
    z-index: 2; /* Ensures content appears above the overlay */
}

.image-slideshow .slide {
    text-align: center; /* Centers the image horizontally */
    line-height: 0; /* Removes extra space around inline-block elements */
    height: 100%; /* Match container height */
    position: relative; /* Enables positioning */
    overflow: hidden; /* Ensures zoomed images stay inside the container */
}

.image-slideshow .slide img {
    position: absolute; /* Allows centering */
    top: 50%; /* Centers vertically */
    left: 50%; /* Centers horizontally */
    transform: translate(-50%, -50%); /* Moves the image to the center */
    max-width: 100%; /* Prevents overflow */
    max-height: 100%; /* Prevents overflow */
    width: auto; /* Keeps natural width */
    height: fill; /* Keeps natural height */
    transition: transform 0.5s ease; /* Adds smooth transition */
}

.image-slideshow .slide:hover img {
    transform: translate(-50%, -50%) scale(1.1); /* Zoom in slightly */
}
/* Reset animations on the buttons */
.image-slideshow .prev,
.image-slideshow .next {
    position: absolute;
    top: 50%; /* Center vertically */
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 10; /* Ensure buttons are above the image */
    transition: transform 0.3s ease; /* Smooth hover effect */
}

/* Positioning */
.image-slideshow .prev {
    left: 10px; /* Adjust distance from the left edge */
}

.image-slideshow .next {
    right: 10px; /* Adjust distance from the right edge */
}



/* Fullscreen modal container, hidden by default */
.fullscreen-modal {
    display: none; /* Hidden by default */
    position: fixed; /* Sticks to the viewport */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8); /* Dark transparent background */
    z-index: 1000; /* Ensure it's on top of all content */
    justify-content: center; /* Center content horizontally */
    align-items: center; /* Center content vertically */
    overflow: hidden; /* Prevent scrolling */
	touch-action: manipulation; /* Enable pinch and touch gestures */
}

/* Fullscreen image */
.fullscreen-modal img {
    max-width: 80%; /* Cover 80% of the screen width */
    max-height: 80%; /* Cover 80% of the screen height */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5); /* Optional shadow for effect */
    border-radius: 8px; /* Optional rounded corners */
    transition: transform 0.3s ease; /* Smooth scaling */
}

/* Close button */
.fullscreen-modal .close-btn {
    position: absolute;
    top: 20px;
    right: 20px;
    color: white;
    font-size: 24px;
    cursor: pointer;
    z-index: 1001; /* Ensure it is above the modal content */
}

.project-details-thumb{
	max-height: 100%;
	max-height: 100%;
	height: 400px;
	width: auto;
}
#google_translate_element{
	z-index: 10000;
}



body {
    top: 0 !important; /* Fix positioning issues if the banner is removed */
}

/* Style the dropdown selector */
#google_translate_element select {
    color: #000; /* Text color */
    background: #f8f9fa; /* Background color */
    border: 1px solid #ccc; /* Border styling */
    border-radius: 4px; /* Rounded corners */
    padding: 5px; /* Padding for better spacing */
    font-size: 14px; /* Font size */
    appearance: none; /* Remove default browser styles */
}

/* Center or position the translate widget */
#google_translate_element {
    text-align: center; /* Center the dropdown */
    margin-top: 20px; /* Add some spacing */
	margin-left: auto;
}




/* Restrict the size of the Google Translate dropdown button */
.goog-te-gadget {
    display: inline-flex; /* Arrange the button and branding side by side */
    align-items: center; /* Vertically align the branding with the button */
    position: relative;
    z-index: 1; /* Ensure proper layering */
}

.goog-te-gadget select {
    cursor: pointer; /* Ensure pointer is active on dropdown */
    display: inline-block; /* Prevent excessive size */
    width: auto;
    height: auto;
    padding: 5px;
    z-index: 2; /* Ensure above other elements */
}

/* Reposition branding text and logo */
.goog-te-gadget span {
    display: inline-block; /* Ensure it stays visible */
    margin-left: 10px; /* Add spacing between button and branding */
    vertical-align: middle; /* Align branding vertically with dropdown */
}

/* General styles for the Google Translate widget */
#google_translate_element {
    margin: 0 auto;
    display: inline-block;
    z-index: 10;
}

/* Style the dropdown button */
#google_translate_element select {
    background-color: #e1f0ff86; /* Light gray background */
    color: #333; /* Dark text color */
    border: 1px solid #ccc; /* Light border */
    border-radius: 5px; /* Rounded corners */
    padding: 5px 8px; /* Padding for compact size */
    font-size: 14px; /* Smaller font size */
    cursor: pointer; /* Pointer cursor for interactivity */
    transition: all 0.3s ease; /* Smooth hover effect */
}

/* Hover effect for the button */
#google_translate_element select:hover {
    background-color: #e0e0e0; /* Slightly darker background */
    border-color: #999; /* Change border color on hover */
}

/* For mobile view - align the widget to the left */
@media (max-width: 992px) {
    #google_translate_element {
        margin-top: 15px; /* Add separation from the logo or other elements */
        text-align: left; /* Align to the left in mobile view */
    }


    #google_translate_element select {
        font-size: 12px; /* Slightly smaller font size for mobile */
        padding: 4px 6px; /* Compact padding for smaller screens */
    }
}
/* Default header styles */
#sticky-header,
#navbar {
    visibility: visible;
}

/* Hide the header when the 'hidden-header' class is applied */
.hidden-header {
    opacity: 0;
    visibility: hidden;
    position: fixed; /* Ensure it stays out of the document flow */
    top: 0;
    left: 0;
    width: 100%;
}

#google_translate_element {
    margin-left: auto; /* Push it to the far right */
    display: inline-block;
}

.service-rate{
	margin-bottom: 5px;
	margin-left: 5px;
	border-radius: 10px 0 10px 0; /* Top-right and bottom-left rounded */
}
.modal .service-rate {
	margin-bottom: 10px;
	margin-left: 0;
}

.service-rate h4 {
    font-size: 14px; /* Reduce the font size */
    margin: 0; /* Remove default margins */
}

.service-rate h4 span {
    font-size: 12px; /* Make the span text smaller */
}

.service-rate {
    border-radius: 10px 0 10px 0; /* Top-right and bottom-left rounded */
    overflow: hidden; /* Ensure content respects rounded corners */
    background-color: #f0f0f0; /* Add background for visibility */
}
.project-details-thumb{
	overflow: hidden;
	border-radius: 30px 0 30px 0; /* Top-right and bottom-left rounded */
}


</style>

	

</head>

<body>
	<!-- loder -->
	<div class="preloader">
		<div class="circles">
			<div class="circle1"></div>
			<div class="circle2"></div>
			<div class="circle3"></div>
			<div class="circle4"></div>
			<div class="circle5"></div>
			<div class="circle6"></div>
			<div class="circle7"></div>
			<div class="circle8"></div>
			<div class="circle9"></div>
			<div class="circle10"></div>
			<div class="circle11"></div>
			<div class="circle12"></div>
			<div class="circle13"></div>
			<div class="circle14"></div>
			<div class="circle15"></div>
		</div>
	</div>

	<!--==================================================-->
	<!-- Start Header Area -->
	<!--==================================================-->
	<header class="header-area" id="sticky-header">
		<div class="container">
			<div class="row align-items-center">
				<div class="col-lg-3">
					<a href="#">
						<div class="notranslate" class="slider-sub-title style-two">
							<h4><br>Bed & Breakfast<br>Villa Adriana</h4>
						</div>
					</a>
					
				</div>
				
				<div class="col-lg-9">
					<div class="header-menu">
						<ul>
							<li><a href="#ViseInfo">Informacije</i></a></li>
							<li><a href="#Usluge">Usluge</i></a></li>
							<li><a href="#Iskustva">Iskustva</i></a></li>
							<li><a href="#faq">Česta Pitanja</i></a></li>
							<li><a href="#Kontakt">Kontakt</a></li>
							<li><div id="google_translate_element"></div></li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</header>
	<!-- Hamilton Mobile Menu Area -->
	<div class="mobile-menu-area sticky-menu" id="navbar">
		<div class="mobile-menu">
			<div class="mobile-logo">
				<a href="#">
					<div class="notranslate" class="slider-sub-title style-two">
						<h4><br>Bed & Breakfast<br>Villa Adriana</h4>
					</div>
				</a>
			</div>
			<div class="side-menu-info">
				<div class="sidebar-menu">
					<a class="navSidebar-button" href="#"><i class="bi bi-justify-right"></i></a>
				</div>
			</div>
		</div>
	</div>
	<!--==================================================-->
	<!-- End Header Area -->
	<!--==================================================-->

	<!--==================================================-->
	<!-- Start Banner Area -->
	<!--==================================================-->
	<section class="banner-area">
		<div class="container">
			<div class="row">
				<div class="col-lg-3 col-md-6">
					<div class="slider-content style-two">
						<br><br><br>
						<div class="slider-title-shape">
							<img src="assets/images/resource/s-title-shape.png" alt="">
						</div>
						<div class="notranslate" class="slider-sub-title style-two">
							<h4>Bed & Breakfast Villa Adriana</h4>
						</div>
						<div class="slider-main-title style-two">
							<h1 style="font-size: 3.75rem; font-weight: bold; line-height: 1.2;">Pronađite smještaj</h1>
							<h1 style="font-size: 3.75rem; font-weight: bold; line-height: 1.2;">koji vam odgovara.</h1>
						</div>
						<div class="slider-discripton style-two">
							<p><span class="notranslate">Bed & Breakfast Villa Adriana </span> nalazi se na mirnom mjestu, na svega 300 metara od centra Premanture i 600 metara od stjenovite plaže. Nudi bujan, namješten vrt s bazenom, hidromasažnom kadom za 8 osoba i vrtnim barom.</p>
						</div>
						<p class="notranslate" style="font-weight: bold; line-height: 1.2;">Selo 77g, Premantura 52100, Hrvatska</p>
						<div class="slider-button style-two">
							<div class="hamilton-btn slider style-two">
								<a href="#Usluge">Smještaji</a>
							</div>
						</div>
						<div class="row mt-60">
							<div class="col-lg-4 col-md-6 col-sm-4">
								<div class="counter-single-box">
									<div class="counter-content">
										<h4 class="counter">400</h4>
										<span>+</span>
										<p>Pozitivnih recenzija</p>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="col-lg-9 col-md-12">
					<div class="banner-slider">
						<div class="slide-item">
							<div class="image-layer" style="background-image: url('assets/images/Mine/img4.jpg');"></div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>
	
	<!--==================================================-->
	<!-- End Banner Area -->
	<!--==================================================-->

	<!--==================================================-->
	<!-- Start Project Details Area -->
	<!--==================================================-->
	<div id="faq" class="faq-area">
		<div class="container">
			<div class="row p-90">
				<div class="col-lg-12">
					<div class="tab_container">
						<div id="tab1" class="tab_content">
							<ul class="accordion">
								<li>
									<a class="active"><span>Detalji o objektima</span> <i
											class="bi bi-chevron-double-right"></i></a>
									<p class="slider-discripton style-two" style="display: block;">Sve su smještajne jedinice klimatizirane te sadrže prostor za sjedenje i TV sa satelitskim programima. Također obuhvaćaju vlastitu kupaonicu s tušem te balkon ili terasu sa stolom i stolicama. Apartmani uključuju i kuhinju s blagovaonicom.<br><br>
									Restorani, barovi, tržnice i trgovine dostupni su u centru grada, na 300 metara od objekta. Brodovi koji plove do Nacionalnog parka Brijuni smješteni su 20 km od vile, dok se u 200 metara udaljenom Parku prirode Kamenjak gostima pružaju mogućnosti za ribolov i pješačenje.

										Do teniskih terena te lokacija za jedrenje na dasci i ronjenje ima 800 metara, a do wellness-centra 10 km.</p>
								</li>
								<li>
									<a><span>Informacije o tvrtki</span> <i
											class="bi bi-chevron-double-right"></i></a>
									<p class="slider-discripton style-two">O objektu i gostima se brine vlasnik tvrtke Skok d.o.o. i njegova obitelj. Želimo naglasiti da je uvijek netko od nas na raspolaganju gostima, za sva pitanja i pomoć.</p>
								</li>
								<li>
									<a><span>Informacije o objektu</span> <i
											class="bi bi-chevron-double-right"></i></a>
									<p class="slider-discripton style-two">Villa Adriana otvorena je 2001 kao mali obiteljski posao sa četiri apartmana. Danas nudimo sobe, sobe s čajnom kuhinjom, apartmane sa jednom ili dvije spavaće sobe. Želja nam je stvoriti oazu u kojoj će se naši gosti opustiti od stresa svakodnevnih obaveza, uživati u bazenu, hidromasažnoj kadi za 6 osoba, sunčalištu, vrtnom baru, pogledu na naše jezerce sa zlatnim ribicama. Posebnu pažnju polažemo na doručak, koji se sastoji od široke ponude hladnih i toplih jela.</p>
								</li>
								<li>
									<a><span>Informacije o četvrti</span> <i
											class="bi bi-chevron-double-right"></i></a>
									<p class="slider-discripton style-two">Naše najveće blago je prekrasna priroda Zaštićenog krajolika Kamenjak, koji započinje stotinjak metara od našeg objekta. Premantura je vrlo malo mjesto, sa nekoliko ugostiteljskih objekata i trgovina i vrlo značajnim turističkim kapacitetima.
									<br><br>
									Pula i Medulin, kao veća središta se nalaze na 10 km od Premanture. Cijela Istra je prekrasna minijatura: u sat vremena vožnje proći ćete je od Učke na sjeveru do Premanture na krajnjem jugu.</p></span></p>
								</li>
								<li>
									<a><span>Osoblje govori</span> <i
											class="bi bi-chevron-double-right"></i></a>
									<p class="slider-discripton style-two">Engleski, hrvatski.</span></p>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!--==================================================-->
	<!-- End Project Details Area -->
	<!--==================================================-->


	<!--==================================================-->
	<!-- Start Service Area -->
	<!--==================================================-->
	<div  id="Usluge"  class="service-area">
		<div class="container">
			<div class="row">
				<div class="col-lg-12">
					<div class="section-title text-center">
						<div class="section-sub-thumb">
							<img src="assets/images/resource/s-title-shape.png" alt="">
						</div>
						<div class="section-sub-titile">
							<h4 class="notranslate">Bed & Breakfast Villa Adriana</h4>
						</div>
						<div class="section-sub-thumb">
							<img src="assets/images/resource/s-title-shape.png" alt="">
						</div>
						<div class="section-main-title">
							<h2>Pronađite smještaj za vas</h2>
						</div>
					</div>
				</div>
			</div>
			<div class="row">
				<div class="service_list owl-carousel">

					<div class="col-lg-12">
						<div class="service-single-box">
							<div class="service-thumb">
								<div class="image-slideshow" data-id="1">
									<div class="slide">
										<img src="assets/images/Mine/a11.jpg" alt="Image">
									</div>
									<div class="slide">
										<img src="assets/images/Mine/a12.jpg" alt="Image">
									</div>
									<div class="slide">
										<img src="assets/images/Mine/a13.jpg" alt="Image">
									</div>
									<div class="slide">
										<img src="assets/images/Mine/a14.jpg" alt="Image">
									</div>
									<div class="slide">
										<img src="assets/images/Mine/a15.jpg" alt="Image">
									</div>
									<div class="slide">
										<img src="assets/images/Mine/a16.jpg" alt="Image">
									</div>
									<div class="slide">
										<img src="assets/images/Mine/a17.jpg" alt="Image">
									</div>
									<a class="prev">&#10094;</a>
									<a class="next">&#10095;</a>
								</div>
								<div class="service-rate">
									<h4>Cijena<span>/Dan</span></h4>
								</div>
							</div>
							<div class="service-content">
								<div class="service-titile">
									<h4>Dvokrevetna soba s bračnim krevetom i balkonom</h4>
								</div>
								<div class="notranslate">Selo 77g, Premantura 52100, Hrvatska</div>
								<div class="service-discription">
									<p>Ova je soba jednostavno namještena, a sadrži klima-uređaj, hladnjak i TV sa satelitskim programima. Također ima namješten balkon i djelomičan pogled na more.</p>
									<p>Napomena: u ovu vrstu sobe nije moguće smjestiti pomoćne ležajeve.</p>
								</div>
								<div class="service-faciliti">
									<ul>
										<li>
											<div class="service-icon-thumb">
												<img src="assets/images/service/service-icon1.png" alt="">
											</div>
											<span>2 Osobe</span>
										</li>
										<li>
											<div class="service-icon-thumb">
												<img src="assets/images/resource/choose-icon3.png" alt="">
											</div>
											<span>25m²</span>
										</li>
										<li>
											<div class="service-icon-thumb">
												<img src="assets/images/service/service-icon3.png" alt="">
											</div>
											<span>1 Soba</span>
										</li>
										<li>
											<div class="service-icon-thumb">
												<img src="assets/images/resource/choose-icon9.png" alt="">
											</div>
											<span>Klima-uređaj</span>
										</li>
										<li>
											<div class="service-icon-thumb">
												<img src="assets/images/service/service-icon1.png" alt="">
											</div>
											<span>1 Veliki bračni krevet</span>
										</li>
									</ul>
								</div>
								<button class="more-info-btn" data-modal="modal1">Više informacija</button>
							</div>
						</div>
					</div>
					
					
					

					<div class="col-lg-12">
						<div class="service-single-box">
							<div class="service-thumb">
								<div class="image-slideshow" data-id="2">
									<div class="slide">
										<img src="assets/images/Mine/img21.jpg" alt="Image">
									</div>
									<div class="slide">
										<img src="assets/images/Mine/img22.jpg" alt="Image">
									</div>
									<div class="slide">
										<img src="assets/images/Mine/img23.jpg" alt="Image">
									</div>
									<div class="slide">
										<img src="assets/images/Mine/img24.jpg" alt="Image">
									</div>
									<div class="slide">
										<img src="assets/images/Mine/img25.jpg" alt="Image">
									</div>
									<div class="slide">
										<img src="assets/images/Mine/img26.jpg" alt="Image">
									</div>
									<div class="slide">
										<img src="assets/images/Mine/img27.jpg" alt="Image">
									</div>
									<div class="slide">
										<img src="assets/images/Mine/img28.jpg" alt="Image">
									</div>
									<div class="slide">
										<img src="assets/images/Mine/img29.jpg" alt="Image">
									</div>
									<a class="prev">&#10094;</a>
									<a class="next">&#10095;</a>
								</div>
								<div class="service-rate">
									<h4>Cijena<span>/Dan</span></h4>
								</div>
							</div>
							<div class="service-content">
								<div class="service-titile">
									<h4>Apartman s 1 spavaćom sobom i balkonom</h4>
								</div>
								<div class="notranslate">Selo 77g, Premantura 52100, Hrvatska</div>
								<div class="service-discription">
									<p>Ovaj klimatizirani apartman sadrži kauč i TV sa satelitskim programima. Čajna kuhinja potpuno je opremljena i ima blagovaonicu, a na raspolaganju je i namješten balkon. Jedinica također ima vlastitu kupaonicu s tušem.</p>
								</div>
								<div class="service-faciliti">
									<ul>
										<li>
											<div class="service-icon-thumb">
												<img src="assets/images/service/service-icon1.png" alt="">
											</div>
											<span>3 Osobe</span>
										</li>
										<li>
											<div class="service-icon-thumb">
												<img src="assets/images/resource/choose-icon3.png" alt="">
											</div>
											<span>45m²</span>
										</li>
										<li>
											<div class="service-icon-thumb">
												<img src="assets/images/service/service-icon3.png" alt="">
											</div>
											<span>Cijeli apartman</span>
										</li>
										<li>
											<div class="service-icon-thumb">
												<img src="assets/images/resource/choose-icon9.png" alt="">
											</div>
											<span>Klima-uređaj</span>
										</li>
										<li>
											<div class="service-icon-thumb">
												<img src="assets/images/service/service-icon1.png" alt="">
											</div>
											<span>1 Veliki bračni krevet</span>
										</li>
										<li>
											<div class="service-icon-thumb">
												<img src="assets/images/service/service-icon1.png" alt="">
											</div>
											<span>1 Kauč na rasklapanje</span>
										</li>
									</ul>
								</div>
								<button class="more-info-btn" data-modal="modal2">Više informacija</button>
							</div>
						</div>
					</div>

					<div class="col-lg-12">
						<div class="service-single-box">
							<div class="service-thumb">
								<div class="image-slideshow" data-id="2">
									<div class="slide">
										<img src="assets/images/Mine/img31.jpg" alt="Image">
									</div>
									<div class="slide">
										<img src="assets/images/Mine/img32.jpg" alt="Image">
									</div>
									<div class="slide">
										<img src="assets/images/Mine/img33.jpg" alt="Image">
									</div>
									<div class="slide">
										<img src="assets/images/Mine/img34.jpg" alt="Image">
									</div>
									<div class="slide">
										<img src="assets/images/Mine/img35.jpg" alt="Image">
									</div>
									<div class="slide">
										<img src="assets/images/Mine/img36.jpg" alt="Image">
									</div>
									<div class="slide">
										<img src="assets/images/Mine/img37.jpg" alt="Image">
									</div>
									<div class="slide">
										<img src="assets/images/Mine/img38.jpg" alt="Image">
									</div>
									<a class="prev">&#10094;</a>
									<a class="next">&#10095;</a>
								</div>
								<div class="service-rate">
									<h4>Cijena<span>/Dan</span></h4>
								</div>
							</div>
							<div class="service-content">
								<div class="service-titile">
									<h4>Apartman s 2 spavaće sobe i popločanim dijelom dvorišta</h4>
								</div>
								<div class="notranslate">Selo 77g, Premantura 52100, Hrvatska</div>
								<div class="service-discription">
									<p>Ovaj klimatizirani apartman sadrži kauč i TV sa satelitskim programima. Čajna kuhinja potpuno je opremljena i ima blagovaonicu, a popločani dio dvorišta opremljen je stolom i stolicama. Jedinica također ima vlastitu kupaonicu s tušem.</p>
								</div>
								<div class="service-faciliti">
									<ul>
										<li>
											<div class="service-icon-thumb">
												<img src="assets/images/service/service-icon1.png" alt="">
											</div>
											<span>4 Osobe</span>
										</li>
										<li>
											<div class="service-icon-thumb">
												<img src="assets/images/resource/choose-icon3.png" alt="">
											</div>
											<span>55m²</span>
										</li>
										<li>
											<div class="service-icon-thumb">
												<img src="assets/images/service/service-icon3.png" alt="">
											</div>
											<span>Cijeli apartman</span>
										</li>
										<li>
											<div class="service-icon-thumb">
												<img src="assets/images/resource/choose-icon9.png" alt="">
											</div>
											<span>Klima-uređaj</span>
										</li>
										<li>
											<div class="service-icon-thumb">
												<img src="assets/images/service/service-icon1.png" alt="">
											</div>
											<span>1 Veliki bračni krevet</span>
										</li>
										<li>
											<div class="service-icon-thumb">
												<img src="assets/images/service/service-icon1.png" alt="">
											</div>
											<span>2 Kreveta za 1 osobu</span>
										</li>
									</ul>
								</div>
								<button class="more-info-btn" data-modal="modal3">Više informacija</button>
							</div>
						</div>
					</div>

					<div class="col-lg-12">
						<div class="service-single-box">
							<div class="service-thumb">
								<div class="image-slideshow" data-id="2">
									<div class="slide">
										<img src="assets/images/Mine/img41.jpg" alt="Image">
									</div>
									<div class="slide">
										<img src="assets/images/Mine/img42.jpg" alt="Image">
									</div>
									<div class="slide">
										<img src="assets/images/Mine/img43.jpg" alt="Image">
									</div>
									<div class="slide">
										<img src="assets/images/Mine/img44.jpg" alt="Image">
									</div>
									<div class="slide">
										<img src="assets/images/Mine/img45.jpg" alt="Image">
									</div>
									<div class="slide">
										<img src="assets/images/Mine/img46.jpg" alt="Image">
									</div>
									<div class="slide">
										<img src="assets/images/Mine/img47.jpg" alt="Image">
									</div>
									<div class="slide">
										<img src="assets/images/Mine/img48.jpg" alt="Image">
									</div>
									<div class="slide">
										<img src="assets/images/Mine/img49.jpg" alt="Image">
									</div>
									<a class="prev">&#10094;</a>
									<a class="next">&#10095;</a>
								</div>
								<div class="service-rate">
									<h4>Cijena<span>/Dan</span></h4>
								</div>
							</div>
							<div class="service-content">
								<div class="service-titile">
									<h4>Deluxe apartman</h4>
								</div>
								<div class="notranslate">Selo 77g, Premantura 52100, Hrvatska</div>
								<div class="service-discription">
									<p>Ovaj klimatizirani apartman sadrži kauč i TV sa satelitskim programima. Čajna kuhinja potpuno je opremljena i ima blagovaonicu, a vlastita kupaonica sadrži tuš.</p>
								</div>
								<div class="service-faciliti">
									<ul>
										<li>
											<div class="service-icon-thumb">
												<img src="assets/images/service/service-icon1.png" alt="">
											</div>
											<span>3 Osobe</span>
										</li>
										<li>
											<div class="service-icon-thumb">
												<img src="assets/images/resource/choose-icon3.png" alt="">
											</div>
											<span>56m²</span>
										</li>
										<li>
											<div class="service-icon-thumb">
												<img src="assets/images/service/service-icon3.png" alt="">
											</div>
											<span>Cijeli apartman</span>
										</li>
										<li>
											<div class="service-icon-thumb">
												<img src="assets/images/resource/choose-icon9.png" alt="">
											</div>
											<span>Klima-uređaj</span>
										</li>
										<li>
											<div class="service-icon-thumb">
												<img src="assets/images/service/service-icon1.png" alt="">
											</div>
											<span>1 Veliki bračni krevet</span>
										</li>
										<li>
											<div class="service-icon-thumb">
												<img src="assets/images/service/service-icon1.png" alt="">
											</div>
											<span>1 Kauč na rasklapanje</span>
										</li>
									</ul>
								</div>
								<button class="more-info-btn" data-modal="modal4">Više informacija</button>
							</div>
						</div>
					</div>

					<div class="col-lg-12">
						<div class="service-single-box">
							<div class="service-thumb">
								<div class="image-slideshow" data-id="1">
									<div class="slide">
										<img src="assets/images/Mine/img51.jpg" alt="Image">
									</div>
									<div class="slide">
										<img src="assets/images/Mine/img52.jpg" alt="Image">
									</div>
									<div class="slide">
										<img src="assets/images/Mine/img53.jpg" alt="Image">
									</div>
									<div class="slide">
										<img src="assets/images/Mine/img54.jpg" alt="Image">
									</div>
									<div class="slide">
										<img src="assets/images/Mine/img55.jpg" alt="Image">
									</div>
									<a class="prev">&#10094;</a>
									<a class="next">&#10095;</a>
								</div>
								<div class="service-rate">
									<h4>Cijena<span>/Dan</span></h4>
								</div>
							</div>
							<div class="service-content">
								<div class="service-titile">
									<h4>Dvokrevetna soba s bračnim krevetom i čajnom kuhinjom</h4>
								</div>
								<div class="notranslate">Selo 77g, Premantura 52100, Hrvatska</div>
								<div class="service-discription">
									<p>Ova dvokrevetna soba, koja uključuje besplatan toaletni pribor, ima vlastitu kupaonicu s tušem i sušilom za kosu. Gosti mogu pripremati obroke u potpuno opremljenoj čajnoj kuhinji koja sadrži ploču za kuhanje, hladnjak i kuhinjski pribor. Prostrana klimatizirana dvokrevetna soba nudi TV ravnog ekrana sa satelitskim programima, privatni ulaz, aparat za kavu, prostor za sjedenje te pogled na vrt.</p>
								</div>
								<div class="service-faciliti">
									<ul>
										<li>
											<div class="service-icon-thumb">
												<img src="assets/images/service/service-icon1.png" alt="">
											</div>
											<span>2 Osobe</span>
										</li>
										<li>
											<div class="service-icon-thumb">
												<img src="assets/images/resource/choose-icon3.png" alt="">
											</div>
											<span>30m²</span>
										</li>
										<li>
											<div class="service-icon-thumb">
												<img src="assets/images/service/service-icon3.png" alt="">
											</div>
											<span>1 Soba</span>
										</li>
										<li>
											<div class="service-icon-thumb">
												<img src="assets/images/resource/choose-icon9.png" alt="">
											</div>
											<span>Klima-uređaj</span>
										</li>
										<li>
											<div class="service-icon-thumb">
												<img src="assets/images/service/service-icon1.png" alt="">
											</div>
											<span>1 Veliki bračni krevet</span>
										</li>
									</ul>
								</div>
								<button class="more-info-btn" data-modal="modal5">Više informacija</button>
							</div>
						</div>
					</div>

					<div class="col-lg-12">
						<div class="service-single-box">
							<div class="service-thumb">
								<div class="image-slideshow" data-id="1">
									<div class="slide">
										<img src="assets/images/Mine/img61.jpg" alt="Image">
									</div>
									<div class="slide">
										<img src="assets/images/Mine/img62.jpg" alt="Image">
									</div>
									<div class="slide">
										<img src="assets/images/Mine/img63.jpg" alt="Image">
									</div>
									<div class="slide">
										<img src="assets/images/Mine/img64.jpg" alt="Image">
									</div>
									<a class="prev">&#10094;</a>
									<a class="next">&#10095;</a>
								</div>
								<div class="service-rate">
									<h4>Cijena<span>/Dan</span></h4>
								</div>
							</div>
							<div class="service-content">
								<div class="service-titile">
									<h4>Standardna soba s king size krevetom</h4>
								</div>
								<div class="notranslate">Selo 77g, Premantura 52100, Hrvatska</div>
								<div class="service-discription">
									<p>Ova klimatizirana dvokrevetna soba sadrži TV ravnog ekrana sa satelitskim programima, vlastitu kupaonicu, kao i balkon s pogledom na mirnu ulicu.</p>
								</div>
								<div class="service-faciliti">
									<ul>
										<li>
											<div class="service-icon-thumb">
												<img src="assets/images/service/service-icon1.png" alt="">
											</div>
											<span>2 Osobe</span>
										</li>
										<li>
											<div class="service-icon-thumb">
												<img src="assets/images/resource/choose-icon3.png" alt="">
											</div>
											<span>25m²</span>
										</li>
										<li>
											<div class="service-icon-thumb">
												<img src="assets/images/service/service-icon3.png" alt="">
											</div>
											<span>1 Soba</span>
										</li>
										<li>
											<div class="service-icon-thumb">
												<img src="assets/images/resource/choose-icon9.png" alt="">
											</div>
											<span>Klima-uređaj</span>
										</li>
										<li>
											<div class="service-icon-thumb">
												<img src="assets/images/service/service-icon1.png" alt="">
											</div>
											<span>1 Veliki bračni krevet</span>
										</li>
									</ul>
								</div>
								<button class="more-info-btn" data-modal="modal6">Više informacija</button>
							</div>
						</div>
					</div>

					<div class="col-lg-12">
						<div class="service-single-box">
							<div class="service-thumb">
								<div class="image-slideshow" data-id="1">
									<div class="slide">
										<img src="assets/images/Mine/img71.jpg" alt="Image">
									</div>
									<div class="slide">
										<img src="assets/images/Mine/img72.jpg" alt="Image">
									</div>
									<div class="slide">
										<img src="assets/images/Mine/img73.jpg" alt="Image">
									</div>
									<div class="slide">
										<img src="assets/images/Mine/img74.jpg" alt="Image">
									</div>
									<div class="slide">
										<img src="assets/images/Mine/img75.jpg" alt="Image">
									</div>
									<div class="slide">
										<img src="assets/images/Mine/img76.jpg" alt="Image">
									</div>
									<div class="slide">
										<img src="assets/images/Mine/img77.jpg" alt="Image">
									</div>
									<a class="prev">&#10094;</a>
									<a class="next">&#10095;</a>
								</div>
								<div class="service-rate">
									<h4>Cijena<span>/Dan</span></h4>
								</div>
							</div>
							<div class="service-content">
								<div class="service-titile">
									<h4>Studio s terasom</h4>
								</div>
								<div class="notranslate">Selo 77g, Premantura 52100, Hrvatska</div>
								<div class="service-discription">
									<p>Obroci se mogu pripremiti u čajnoj kuhinji koja je opremljena pločama za kuhanje, hladnjakom, kuhinjskim priborom i mikrovalnom pećnicom. Ovaj klimatizirani studio uključuje TV ravnog ekrana sa satelitskim programima, vlastitu kupaonicu te terasu s pogledom na mirnu ulicu.</p>
								</div>
								<div class="service-faciliti">
									<ul>
										<li>
											<div class="service-icon-thumb">
												<img src="assets/images/service/service-icon1.png" alt="">
											</div>
											<span>2 Osobe</span>
										</li>
										<li>
											<div class="service-icon-thumb">
												<img src="assets/images/resource/choose-icon3.png" alt="">
											</div>
											<span>30m²</span>
										</li>
										<li>
											<div class="service-icon-thumb">
												<img src="assets/images/service/service-icon3.png" alt="">
											</div>
											<span>Cijeli Studio</span>
										</li>
										<li>
											<div class="service-icon-thumb">
												<img src="assets/images/resource/choose-icon9.png" alt="">
											</div>
											<span>Klima-uređaj</span>
										</li>
										<li>
											<div class="service-icon-thumb">
												<img src="assets/images/service/service-icon1.png" alt="">
											</div>
											<span>1 Veliki bračni krevet</span>
										</li>
									</ul>
								</div>
								<button class="more-info-btn" data-modal="modal7">Više informacija</button>
							</div>
						</div>
					</div>

					


				</div>
				
			</div>
		</div>
	</div>
	<!--==================================================-->
	<!-- End Service Area -->
	<!--==================================================-->

	<!--==================================================-->
	<!-- Start Testimonial  Area -->
	<!--==================================================-->
	<div id="Iskustva" class="testi-area">
		<div class="container">
			<div class="row">
				<div class="col-lg-12">
					<div class="section-title">
						<div class="section-sub-thumb">
							<img src="assets/images/resource/s-title-shape.png" alt="">
						</div>
						<div class="section-sub-titile testi">
							<h4 class="notranslate">Bed & Breakfast Villa Adriana</h4>
						</div>
						<div class="section-sub-thumb">
							<img src="assets/images/resource/s-title-shape.png" alt="">
						</div>
						<div class="section-main-title testi">
							<h2>Iskustva</h2>
						</div>
					</div>
				</div>
			</div>
			<div class="row">
				<div class="col-lg-4 col-md-6">
					<div class="testi-itmes-box">
						<div class="testi-items">
							<div class="testi-title">
								<h4><img src="assets/images/Mine/Hr.png"> Ivana</h4>
								<span>Apartman s 1 spavaćom sobom i balkonom</span>
							</div>
						</div>
						<div class="testi-content">
							<p>Super smještaj, imali smo sve što nam je trebalo.
								Odlična i raznolika ponuda doručka.
								Domaćini spremni pomoći, veoma dragi, uslužni, paze na detalje i čistoću.
								Sigurno se ponovno vraćamo.</p>
						</div>
						<div class="testi-icon">
							<i class="bi bi-quote"></i>
						</div>
					</div>
				</div>
				<div class="col-lg-4 col-md-6">
					<div class="testi-itmes-box">
						<div class="testi-items">
							<div class="testi-title">
								<h4><img src="assets/images/Mine/Us.png"> Ray</h4>
								<span>Standardna soba s king size krevetom</span>
							</div>
						</div>
						<div class="testi-content">
							<p>Nevjerojatan boravak. Prekrasna obiteljska nekretnina s izvrsnim doručkom na razini resorta s 5 dijamanata (uključen) i vrhunskom uslugom u svakom pogledu. Tako ljubazni ljudi također.</p>
						</div>
						<div class="testi-icon">
							<i class="bi bi-quote"></i>
						</div>
					</div>
				</div>
				<div class="col-lg-4 col-md-6">
					<div class="testi-itmes-box">
						<div class="testi-items">
							<div class="testi-title">
								<h4><img src="assets/images/Mine/Hu.png"> Zsuzsanna</h4>
								<span>Standardna soba s king size krevetom</span>
							</div>
						</div>
						<div class="testi-content">
							<p>Vrlo ljubazni i uslužni vlasnici, sve je bilo izuzetno čisto i udobno, a doručak je uvijek bio svjež i ukusan. Lokacija apartmana također je bila vrlo dobra.<br><br></p>
						</div>
						<div class="testi-icon">
							<i class="bi bi-quote"></i>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!--==================================================-->
	<!-- End Testimonial  Area -->
	<!--==================================================-->

	<!--==================================================-->
	<!-- Start Team Area -->
	<!--==================================================-->
	<div id="faq" class="faq-area">
		<div class="container">
			<div class="row p-90">
				<div class="col-lg-12">
					<div class="tab_container">
						<div id="tab1" class="tab_content">
							<ul class="accordion">
								<li>
									<a class="active"><span> 1. Postoji li usluga prijevoza iz/do zračne luke? </span> <i
											class="bi bi-chevron-double-right"></i></a>
									<p style="display: block;">Objekt <span class="notranslate"> Bed & Breakfast Villa Adriana</span> ima uslugu prijevoza iz/do zračne luke, koja se dodatno naplaćuje.
										Možete je izravno zatražiti nakon rezervacije smještaja.</p>
								</li>
								<li>
									<a><span> 2. Ima li objekt spa centar? </span> <i
											class="bi bi-chevron-double-right"></i></a>
									<p>Nažalost, nema spa ili wellness centar.</p>
								</li>
								<li>
									<a><span> 3. Kakva su pravila za WiFi? </span> <i
											class="bi bi-chevron-double-right"></i></a>
									<p>Bežični pristup internetu dostupan je u cijelom objektu i ne naplaćuje se.</p>
								</li>
								<li>
									<a><span> 4. Mogu li povesti kućnog ljubimca? </span> <i
											class="bi bi-chevron-double-right"></i></a>
									<p>Boravak ljubimaca nije dozvoljen.</span></p>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!--==================================================-->
	<!-- End Team Us Area -->
	<!--==================================================-->

	<!--==================================================-->
	<!-- Start Sidebar Area -->
	<!--==================================================-->
	<div class="sidebar-group info-group">
		<div class="sidebar-widget">
			<div class="sidebar-widget-container">
				<div class="widget-heading">
					<a href="#" class="close-side-widget">
						<i class="bi bi-x-lg"></i>
					</a>
				</div>
				<div class="sidebar-textwidget">
					<div class="sidebar-info-contents">
						<div class="content-inner">
							<div class="sidebar-logo">
								<a href="#">
									<div class="slider-sub-title style-two">
										<h4><br>Bed & Breakfast<br>Villa Adriana</h4>
									</div>
								</a>
							</div>
							<div class="sidebar-widget-menu">
										<li class="dropdown"><a href="#ViseInfo" data-toggle="dropdown">Informacije</a></li>
										<li class="dropdown"><a href="#Usluge" data-toggle="dropdown">Usluge</a></li>
										<li class="dropdown"><a href="#Iskustva" data-toggle="dropdown">Iskustva</a></li>
										<li class="dropdown"><a href="#faq" data-toggle="dropdown">Česta Pitanja</a></li>
								</ul>
							</div>
							
							<div class="contact-info">
								<h2>Kontakt</h2>
								<ul class="list-style-one">
									<li><i class="notranslate" class="bi bi-geo-alt-fill"></i>Selo 77g, Premantura 52100, Hrvatska</li>
									<li><i class="bi bi-telephone-fill"></i> +385 52 575093</li>
									<li><i class="bi bi-envelope"></i> villaadriana@net.hr</li>
									</li>
								</ul>
							</div>
							<ul class="social-box">
								<li class="facebook"><a href="https://www.facebook.com/VillaAdrianaPremantura" target="_blank" class="fab fa-facebook-f"></a></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!--==================================================-->
	<!-- End Sidebar Area -->
	<!--==================================================-->

	<!--==================================================-->
	<!-- Start Footer Area -->
	<!--==================================================-->
	<div id="Kontakt" class="footer-area style-two">
		<div class="container">
			<div class="row align-items-center mb-100">
				<div class="col-lg-9 col-md-12">
					<div class="footer-content">
						<h2>Tražite mjesto za odmor?</h2>
						<p class="notranslate">Bed & Breakfast Villa Adriana</p>
					</div>
				</div>
			</div>
			<div class="row">
				<div class="col-lg-3 col-md-6">
					<div class="footer-wiget">
						<div class="contact-info2">
							
							<ul class="list-style-one">
								<li class="notranslate"><i class="bi bi-geo-alt-fill"></i><span> </span>Selo 77g, Premantura 52100, Hrvatska</li>
								<li><i class="bi bi-telephone-fill"></i><span> </span>+385 52 575093</li>
								<li><i class="bi bi-envelope"></i><span> </span>villaadriana@net.hr</li>
								</li>
							</ul>
						</div><br>
						<div class="footer-socilal-title">
							<h4>Socijalne mreže<br></h4>
						</div>
						<div class="footer-social">
							<ul>
								<li><a href="https://www.facebook.com/VillaAdrianaPremantura" target="_blank"><i class="fab fa-facebook-f"></i></a></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
			<div class="row line mt-90">
				<div class="col-lg-12 col-md-12">
					<div class="copyright-text">
						<p>Copyright ©<a href="https://www.mao-solutions.net" target="_blank">Mao Solutions</a>, All Rights Reserved.</p>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!--==================================================-->
	<!-- End Footer Area -->
	<!--==================================================-->

	<!--==================================================-->
	<!-- Start scrollup section Area -->
	<!--==================================================-->
	<!-- scrollup section -->
	<div class="prgoress_scrollup">
		<svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">
			<path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" />
		</svg>
	</div>

	<!--==================================================-->
	<!-- End scrollup section Area -->
	<!--==================================================-->


	<!-- jquery js -->
	<script src="assets/js/vendor/jquery-3.6.2.min.js"></script>

	<script src="assets/js/popper.min.js"></script>

	<!-- bootstrap js -->
	<script src="assets/js/bootstrap.min.js"></script>

	<!-- carousel js -->
	<script src="assets/js/owl.carousel.min.js"></script>

	<!-- counterup js -->
	<script src="assets/js/jquery.counterup.min.js"></script>

	<!-- waypoints js -->
	<script src="assets/js/waypoints.min.js"></script>

	<!-- wow js -->
	<script src="assets/js/wow.min.js"></script>

	<!-- imagesloaded js -->
	<script src="assets/js/imagesloaded.pkgd.min.js"></script>

	<!-- venobox js -->
	<script src="venobox/venobox.js"></script>

	<!--  animated-text js -->
	<script src="assets/js/animated-text.js"></script>

	<!-- venobox min js -->
	<script src="venobox/venobox.min.js"></script>

	<!-- isotope js -->
	<script src="assets/js/isotope.pkgd.min.js"></script>

	<!-- jquery meanmenu js -->
	<script src="assets/js/jquery.meanmenu.js"></script>

	<!-- jquery scrollup js -->
	<script src="assets/js/jquery.scrollUp.js"></script>

	<!-- Slick Slider -->
	<script src="assets/slick/slick.min.js"></script>

	<script src="assets/js/jquery.barfiller.js"></script>
	<!-- jquery js -->

	<!-- ragrslider js -->
	<script src="assets/js/rangeslider.js"></script>

	<!-- theme js -->
	<script src="assets/js/theme.js"></script>

	<!-- scroll js -->
	<script src="assets/js/script.js"></script>

	<script>
		function changeToggle() {
			let toggle = document.getElementById("toggle");
			let h3 = document.getElementsByClassName("h3");
			if (toggle.style.float != "right") {
				toggle.style.float = "right";
				h3[0].innerHTML = "<span>$</span>350";
				h3[1].innerHTML = "<span>$</span>240";
				h3[2].innerHTML = "<span>$</span>480";
			} else {
				toggle.style.float = "none";
				h3[0].innerHTML = "<span>$</span>217";
				h3[1].innerHTML = "<span>$</span>144";
				h3[2].innerHTML = "<span>$</span>359";
			}
		}

		document.addEventListener("DOMContentLoaded", function () {
    const slideshows = document.querySelectorAll(".image-slideshow");

    slideshows.forEach((slideshow) => {
        const slides = slideshow.querySelectorAll(".slide");
        let currentSlide = 0;

        // Initialize first slide as active
        slides[currentSlide].classList.add("active");

        // Function to change slides
        const changeSlide = (direction) => {
            slides[currentSlide].classList.remove("active");
            currentSlide = (currentSlide + direction + slides.length) % slides.length;
            slides[currentSlide].classList.add("active");
        };

        // Attach event listeners to navigation buttons
        const prevButton = slideshow.querySelector(".prev");
        const nextButton = slideshow.querySelector(".next");

        prevButton.addEventListener("click", () => changeSlide(-1));
        nextButton.addEventListener("click", () => changeSlide(1));
    });
});






function equalizeHeights() {
    const boxes = document.querySelectorAll('.service-single-box');
    let maxHeight = 0;

    // Reset heights to calculate the tallest
    boxes.forEach(box => {
        box.style.height = 'auto';
        maxHeight = Math.max(maxHeight, box.offsetHeight);
    });

    // Apply the tallest height to all boxes
    boxes.forEach(box => {
        box.style.height = `${maxHeight}px`;

        // Ensure text is aligned to the top
        const content = box.querySelector('.service-content');
        if (content) {
            content.style.marginTop = '0';
        }

        const facilities = box.querySelector('.service-faciliti');
        if (facilities) {
            facilities.style.marginBottom = '20px'; /* Maintain spacing */
        }
    });
}

// Run equalize on load and resize
window.addEventListener('load', equalizeHeights);
window.addEventListener('resize', equalizeHeights);
``
document.addEventListener("DOMContentLoaded", function () {
    // Get all buttons
    const buttons = document.querySelectorAll(".more-info-btn");

    // Add event listeners to buttons
    buttons.forEach((button) => {
        button.addEventListener("click", function () {
            const modalId = button.getAttribute("data-modal");
            const modal = document.getElementById(modalId);
            if (modal) {
                modal.style.display = "block"; // Show the modal
            }
        });
    });

    // Close modals when clicking the close button
    const closeButtons = document.querySelectorAll(".close-btn");
    closeButtons.forEach((btn) => {
        btn.addEventListener("click", function () {
            const modal = btn.closest(".modal");
            if (modal) {
                modal.style.display = "none"; // Hide the modal
            }
        });
    });

    // Close modals when clicking outside the modal content
    window.addEventListener("click", function (event) {
        const modals = document.querySelectorAll(".modal");
        modals.forEach((modal) => {
            if (event.target === modal) {
                modal.style.display = "none";
            }
        });
    });
});



$(document).ready(function () {
    $(".banner-carousel").owlCarousel({
        loop: true, // Allows infinite scrolling
        margin: 10, // Adjust space between slides
        nav: false, // Hides navigation arrows (optional)
        autoplay: true, // Enables autoplay
        autoplayTimeout: 3000, // 3 seconds per slide
        autoplayHoverPause: true, // Pause on hover
        responsive: {
            0: {
                items: 1, // Shows one image on smaller screens
            },
            600: {
                items: 1, // Shows one image on medium screens
            },
            1000: {
                items: 1, // Shows one image on larger screens
            }
        },
        animateOut: 'fadeOut', // Optional: Adds a fade-out effect
        animateIn: 'fadeIn',  // Optional: Adds a fade-in effect
    });
});



document.addEventListener('DOMContentLoaded', function () {
    const modal = document.getElementById('imageModal');
    const modalImage = document.getElementById('modalImage');
    const closeModal = document.getElementById('closeModal');
    const images = document.querySelectorAll('.image-slideshow img');
    const header = document.getElementById('sticky-header'); // Desktop header
    const mobHeader = document.getElementById('navbar'); // Mobile header

    // Open modal when an image is clicked
    images.forEach(image => {
        image.addEventListener('click', function () {
            modal.style.display = 'flex'; // Show the modal
            modalImage.src = this.src; // Set the clicked image as the modal image
            if (header) header.classList.add('hidden-header'); // Hide the desktop header
            if (mobHeader) mobHeader.classList.add('hidden-header'); // Hide the mobile header
        });
    });

    // Close modal when the close button is clicked
    closeModal.addEventListener('click', function () {
        modal.style.display = 'none'; // Hide the modal
        if (header) header.classList.remove('hidden-header'); // Show the desktop header
        if (mobHeader) mobHeader.classList.remove('hidden-header'); // Show the mobile header
    });

    // Close modal when clicking outside the image
    modal.addEventListener('click', function (event) {
        if (event.target === modal) {
            modal.style.display = 'none'; // Hide the modal
            if (header) header.classList.remove('hidden-header'); // Show the desktop header
            if (mobHeader) mobHeader.classList.remove('hidden-header'); // Show the mobile header
        }
    });
});




document.addEventListener("DOMContentLoaded", function () {
    const translateWidget = document.getElementById("google_translate_element");

    // Define placement points for desktop and mobile
    const desktopNav = document.querySelector(".header-menu ul li:last-child"); // Desktop header menu
    const mobileNav = document.querySelector(".mobile-menu .mobile-logo"); // Mobile navigation logo

    // Function to move and align the widget
    function relocateTranslateWidget() {
        if (window.innerWidth > 992) {
            // Desktop view
            if (desktopNav && !desktopNav.contains(translateWidget)) {
                desktopNav.appendChild(translateWidget);
                translateWidget.style.textAlign = "center"; // Center in desktop menu
            }
        } else {
            // Mobile view
            if (mobileNav && !mobileNav.contains(translateWidget)) {
                mobileNav.appendChild(translateWidget);
                translateWidget.style.textAlign = "left"; // Align to the left in mobile view
            }
        }
    }

    // Initial relocation
    relocateTranslateWidget();

    // Relocate on window resize
    window.addEventListener("resize", relocateTranslateWidget);
});




	</script>

<script type="text/javascript">
  function googleTranslateElementInit() {
	  new google.translate.TranslateElement(
		  {pageLanguage: 'hr',
		  includedLanguages: 'en,hr,es,fr,de', // Specify supported languages
		  },
		  'google_translate_element'
	  );
  } 
</script>
<script type="text/javascript" src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>


<div id="modal1" class="modal">
    <div class="modal-content">
        <span class="close-btn">&times;</span>
        <div class="modal-body">
            <!-- Row 1 -->
			
				<div class="service-single-box">
					<div class="service-content">
						<div class="service-titile">
							<h4>Dvokrevetna soba s bračnim krevetom i balkonom</h4>
						</div>
						<div class="service-discription">
							<p>Ova je soba jednostavno namještena, a sadrži klima-uređaj, hladnjak i TV sa satelitskim programima. Također ima namješten balkon i djelomičan pogled na more.</p>
							<p>Napomena: u ovu vrstu sobe nije moguće smjestiti pomoćne ležajeve.</p>
						</div>
						<div class="service-rate">
							<h4>Cijena<span>/Dan</span></h4>
						</div>
						<div class="service-faciliti">
							<ul>
								<li>
									<div class="service-icon-thumb">
										<img src="assets/images/service/service-icon1.png" alt="">
									</div>
									<span>2 Osobe</span>
								</li>
								<li>
									<div class="service-icon-thumb">
										<img src="assets/images/resource/choose-icon3.png" alt="">
									</div>
									<span>25m²</span>
								</li>
								<li>
									<div class="service-icon-thumb">
										<img src="assets/images/service/service-icon3.png" alt="">
									</div>
									<span>1 Soba</span>
								</li>
								<li>
									<div class="service-icon-thumb">
										<img src="assets/images/resource/choose-icon9.png" alt="">
									</div>
									<span>Klima-uređaj</span>
								</li>
								<li>
									<div class="service-icon-thumb">
										<img src="assets/images/service/service-icon1.png" alt="">
									</div>
									<span>1 Veliki bračni krevet</span>
								</li>
							</ul>
						</div>
					</div>
				</div>
            <div class="row">
                <div class="col">
                    <h5>U vašoj vlastitoj kupaonici:</h5>
                    <ul>
                        <li>Besplatan toaletni pribor</li>
                        <li>Tuš kabina</li>
                        <li>WC</li>
                        <li>Ručnici</li>
                        <li>Sušilo za kosu</li>
                        <li>Toaletni papir</li>
                    </ul>
                </div>
                <div class="col">
                    <h5>Sadržaji:</h5>
                    <ul>
                        <li>Balkon</li>
                        <li>Klima-uređaj</li>
                        <li>Sef</li>
                        <li>Drveni ili parketni pod</li>
                        <li>Posteljina</li>
                        <li>Utičnica pokraj kreveta</li>
                        <li>Prostor za sjedenje</li>
                    </ul>
                </div>
            </div>
            <!-- Row 2 -->
            <div class="row">
                <div class="col">
                    <ul>
                        <li>Privatni ulaz</li>
                        <li>TV</li>
                        <li>Hladnjak</li>
                        <li>Mreža protiv komaraca</li>
                        <li>Satelitski programi</li>
                        <li>Aparat za kavu</li>
                    </ul>
                </div>
                <div class="col">
                    <ul>
                        <li>TV ravnog ekrana</li>
                        <li>Ventilator</li>
                        <li>Tepih</li>
                        <li>Kuhalo za vodu</li>
                        <li>Garderoba ili ormar</li>
                        <li>Zaseban klima-uređaj</li>
                    </ul>
                </div>
            </div>
            <!-- Row 3 -->
            <div class="row">
                <div class="col">
                    <h5>Za pušače:</h5>
                    <p>Pušenje zabranjeno</p>
                </div>
            </div>
        </div>
		
    </div>
</div>

<div id="modal2" class="modal">
    <div class="modal-content">
        <span class="close-btn">&times;</span>
        <div class="modal-body">
            <!-- Row 1 -->
            <div class="service-single-box">
                <div class="service-content">
                    <div class="service-titile">
                        <h4>Apartman s 1 spavaćom sobom i balkonom</h4>
                    </div>
                    <div class="service-discription">
                        <p>Ovaj klimatizirani apartman sadrži kauč i TV sa satelitskim programima. Čajna kuhinja potpuno je opremljena i ima blagovaonicu, a na raspolaganju je i namješten balkon. Jedinica također ima vlastitu kupaonicu s tušem.</p>
                    </div>
					<div class="service-rate">
						<h4>Cijena<span>/Dan</span></h4>
					</div>
                    <div class="service-faciliti">
                        <ul>
                            <li>
                                <div class="service-icon-thumb">
                                    <img src="assets/images/service/service-icon1.png" alt="">
                                </div>
                                <span>3 Osobe</span>
                            </li>
							<li>
								<div class="service-icon-thumb">
									<img src="assets/images/resource/choose-icon3.png" alt="">
								</div>
								<span>45m²</span>
							</li>
                            <li>
                                <div class="service-icon-thumb">
                                    <img src="assets/images/service/service-icon3.png" alt="">
                                </div>
                                <span>Cijeli apartman</span>
                            </li>
                            <li>
                                <div class="service-icon-thumb">
                                    <img src="assets/images/resource/choose-icon9.png" alt="">
                                </div>
                                <span>Klima-uređaj</span>
                            </li>
                            <li>
                                <div class="service-icon-thumb">
                                    <img src="assets/images/service/service-icon1.png" alt="">
                                </div>
                                <span>1 Veliki bračni krevet</span>
                            </li>
                            <li>
                                <div class="service-icon-thumb">
                                    <img src="assets/images/service/service-icon1.png" alt="">
                                </div>
                                <span>1 Kauč na rasklapanje</span>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <!-- Row 2 -->
            <div class="row">
                <div class="col">
                    <h5>U vašoj vlastitoj kuhinji:</h5>
                    <ul>
                        <li>Hladnjak</li>
                        <li>Aparat za kavu</li>
                        <li>Mikrovalna pećnica</li>
                        <li>Kuhinjski pribor</li>
                        <li>Kuhalo za vodu</li>
                        <li>Ploče za kuhanje</li>
                        <li>Kuhinjski stol</li>
                    </ul>
                </div>
                <div class="col">
                    <h5>U vašoj vlastitoj kupaonici:</h5>
                    <ul>
                        <li>Besplatan toaletni pribor</li>
                        <li>Tuš kabina</li>
                        <li>WC</li>
                        <li>Ručnici</li>
                        <li>Sušilo za kosu</li>
                        <li>Toaletni papir</li>
                    </ul>
                </div>
            </div>
            <!-- Row 3 -->
            <div class="row">
                <div class="col">
                    <h5>Sadržaji apartmana:</h5>
                    <ul>
                        <li>Balkon</li>
                        <li>Klima-uređaj</li>
                        <li>Kuhinja</li>
                        <li>Kauč</li>
                        <li>Drveni ili parketni pod</li>
                        <li>Posteljina</li>
                        <li>Prostor za sjedenje</li>
                    </ul>
                </div>
                <div class="col">
                    <ul>
                        <li>Privatni ulaz</li>
                        <li>TV</li>
                        <li>Hladnjak</li>
                        <li>Mreža protiv komaraca</li>
                        <li>Satelitski programi</li>
                        <li>Aparat za kavu</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>


<div id="modal3" class="modal">
    <div class="modal-content">
        <span class="close-btn">&times;</span>
        <div class="modal-body">
            <!-- Row 1 -->
            <div class="service-single-box">
                <div class="service-content">
                    <div class="service-titile">
                        <h4>Apartman s 2 spavaće sobe i popločanim dijelom dvorišta</h4>
                    </div>
                    <div class="service-discription">
                        <p>Ovaj klimatizirani apartman sadrži kauč i TV sa satelitskim programima. Čajna kuhinja potpuno je opremljena i ima blagovaonicu, a popločani dio dvorišta opremljen je stolom i stolicama. Jedinica također ima vlastitu kupaonicu s tušem.</p>
                    </div>
					<div class="service-rate">
						<h4>Cijena<span>/Dan</span></h4>
					</div>
                    <div class="service-faciliti">
                        <ul>
                            <li>
                                <div class="service-icon-thumb">
                                    <img src="assets/images/service/service-icon1.png" alt="">
                                </div>
                                <span>4 Osobe</span>
                            </li>
							<li>
								<div class="service-icon-thumb">
									<img src="assets/images/resource/choose-icon3.png" alt="">
								</div>
								<span>55m²</span>
							</li>
                            <li>
                                <div class="service-icon-thumb">
                                    <img src="assets/images/service/service-icon3.png" alt="">
                                </div>
                                <span>Cijeli apartman</span>
                            </li>
                            <li>
                                <div class="service-icon-thumb">
                                    <img src="assets/images/resource/choose-icon9.png" alt="">
                                </div>
                                <span>Klima-uređaj</span>
                            </li>
                            <li>
                                <div class="service-icon-thumb">
                                    <img src="assets/images/service/service-icon1.png" alt="">
                                </div>
                                <span>1 Veliki bračni krevet</span>
                            </li>
                            <li>
                                <div class="service-icon-thumb">
                                    <img src="assets/images/service/service-icon1.png" alt="">
                                </div>
                                <span>2 Kreveta za 1 osobu</span>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <!-- Row 2 -->
            <div class="row">
                <div class="col">
                    <h5>U vašoj vlastitoj kuhinji:</h5>
                    <ul>
                        <li>Hladnjak</li>
                        <li>Aparat za kavu</li>
                        <li>Mikrovalna pećnica</li>
                        <li>Kuhinjski pribor</li>
                        <li>Kuhalo za vodu</li>
                        <li>Ploče za kuhanje</li>
                        <li>Kuhinjski stol</li>
                    </ul>
                </div>
                <div class="col">
                    <h5>U vašoj vlastitoj kupaonici:</h5>
                    <ul>
                        <li>Besplatan toaletni pribor</li>
                        <li>Tuš kabina</li>
                        <li>WC</li>
                        <li>Ručnici</li>
                        <li>Sušilo za kosu</li>
                        <li>Toaletni papir</li>
                    </ul>
                </div>
            </div>
            <!-- Row 3 -->
            <div class="row">
                <div class="col">
                    <h5>Sadržaji apartmana:</h5>
                    <ul>
                        <li>Klima-uređaj</li>
                        <li>Kuhinja</li>
                        <li>Sef</li>
                        <li>Kauč</li>
                        <li>Drveni ili parketni pod</li>
                        <li>Posteljina</li>
                        <li>Popločani / mramorni pod</li>
                        <li>Prostor za sjedenje</li>
                        <li>Privatni ulaz</li>
                        <li>TV</li>
                        <li>Hladnjak</li>
                        <li>Mreža protiv komaraca</li>
                        <li>Satelitski programi</li>
                        <li>Aparat za kavu</li>
                    </ul>
                </div>
                <div class="col">
                    <ul>
                        <li>Mikrovalna pećnica</li>
                        <li>TV ravnog ekrana</li>
                        <li>Kuhinjski pribor</li>
                        <li>Ventilator</li>
                        <li>Tepih</li>
                        <li>Kuhalo za vodu</li>
                        <li>Vanjski namještaj</li>
                        <li>Popločani dio dvorišta</li>
                        <li>Garderoba ili ormar</li>
                        <li>Ploče za kuhanje</li>
                        <li>Roštilj</li>
                        <li>Blagovaonica</li>
                        <li>Kuhinjski stol</li>
                        <li>Čitava jedinica nalazi se u prizemlju</li>
                        <li>Sušilo za rublje</li>
                        <li>Zaseban klima-uređaj u svakoj jedinici</li>
                    </ul>
                    <h5>Za pušače:</h5>
                    <p>Pušenje zabranjeno</p>
                </div>
            </div>
        </div>
    </div>
</div>


<div id="modal4" class="modal">
    <div class="modal-content">
        <span class="close-btn">&times;</span>
        <div class="modal-body">
            <!-- Row 1 -->
            <div class="service-single-box">
                <div class="service-content">
                    <div class="service-titile">
                        <h4>Deluxe apartman</h4>
                    </div>
                    <div class="service-discription">
                        <p>Ovaj klimatizirani apartman sadrži kauč i TV sa satelitskim programima. Čajna kuhinja potpuno je opremljena i ima blagovaonicu, a vlastita kupaonica sadrži tuš.</p>
                    </div>
					<div class="service-rate">
						<h4>Cijena<span>/Dan</span></h4>
					</div>
                    <div class="service-faciliti">
                        <ul>
                            <li>
                                <div class="service-icon-thumb">
                                    <img src="assets/images/service/service-icon1.png" alt="">
                                </div>
                                <span>3 Osobe</span>
                            </li>
							<li>
								<div class="service-icon-thumb">
									<img src="assets/images/resource/choose-icon3.png" alt="">
								</div>
								<span>56m²</span>
							</li>
                            <li>
                                <div class="service-icon-thumb">
                                    <img src="assets/images/service/service-icon3.png" alt="">
                                </div>
                                <span>Cijeli apartman</span>
                            </li>
                            <li>
                                <div class="service-icon-thumb">
                                    <img src="assets/images/resource/choose-icon9.png" alt="">
                                </div>
                                <span>Klima-uređaj</span>
                            </li>
                            <li>
                                <div class="service-icon-thumb">
                                    <img src="assets/images/service/service-icon1.png" alt="">
                                </div>
                                <span>1 Veliki bračni krevet</span>
                            </li>
                            <li>
                                <div class="service-icon-thumb">
                                    <img src="assets/images/service/service-icon1.png" alt="">
                                </div>
                                <span>1 Kauč na rasklapanje</span>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <!-- Row 2 -->
            <div class="row">
                <div class="col">
                    <h5>U vašoj vlastitoj kuhinji:</h5>
                    <ul>
                        <li>Hladnjak</li>
                        <li>Aparat za kavu</li>
                        <li>Mikrovalna pećnica</li>
                        <li>Kuhinjski pribor</li>
                        <li>Kuhalo za vodu</li>
                        <li>Ploče za kuhanje</li>
                        <li>Kuhinjski stol</li>
                    </ul>
                </div>
                <div class="col">
                    <h5>U vašoj vlastitoj kupaonici:</h5>
                    <ul>
                        <li>Besplatan toaletni pribor</li>
                        <li>Tuš kabina</li>
                        <li>WC</li>
                        <li>Ručnici</li>
                        <li>Sušilo za kosu</li>
                        <li>Toaletni papir</li>
                    </ul>
                </div>
            </div>
            <!-- Row 3 -->
            <div class="row">
                <div class="col">
                    <h5>Sadržaji apartmana:</h5>
                    <ul>
                        <li>Klima-uređaj</li>
                        <li>Kuhinja</li>
                        <li>Sef</li>
                        <li>Kauč</li>
                        <li>Drveni ili parketni pod</li>
                        <li>Posteljina</li>
                        <li>Popločani / mramorni pod</li>
                        <li>Prostor za sjedenje</li>
                        <li>Privatni ulaz</li>
                        <li>TV</li>
                        <li>Hladnjak</li>
                        <li>Mreža protiv komaraca</li>
                        <li>Satelitski programi</li>
                        <li>Aparat za kavu</li>
                    </ul>
                </div>
                <div class="col">
                    <ul>
                        <li>Mikrovalna pećnica</li>
                        <li>TV ravnog ekrana</li>
                        <li>Kuhinjski pribor</li>
                        <li>Ventilator</li>
                        <li>Tepih</li>
                        <li>Kuhalo za vodu</li>
                        <li>Vanjski namještaj</li>
                        <li>Popločani dio dvorišta</li>
                        <li>Garderoba ili ormar</li>
                        <li>Ploče za kuhanje</li>
                        <li>Roštilj</li>
                        <li>Blagovaonica</li>
                        <li>Kuhinjski stol</li>
                        <li>Čitava jedinica nalazi se u prizemlju</li>
                        <li>Sušilo za rublje</li>
                        <li>Zaseban klima-uređaj u svakoj jedinici</li>
                    </ul>
                    <h5>Za pušače:</h5>
                    <p>Pušenje zabranjeno</p>
                </div>
            </div>
        </div>
    </div>
</div>


<div id="modal5" class="modal">
    <div class="modal-content">
        <span class="close-btn">&times;</span>
        <div class="modal-body">
            <!-- Row 1 -->
            <div class="service-single-box">
                <div class="service-content">
                    <div class="service-titile">
                        <h4>Dvokrevetna soba s bračnim krevetom i čajnom kuhinjom</h4>
                    </div>
                    <div class="service-discription">
                        <p>Ova dvokrevetna soba, koja uključuje besplatan toaletni pribor, ima vlastitu kupaonicu s tušem i sušilom za kosu. Gosti mogu pripremati obroke u potpuno opremljenoj čajnoj kuhinji koja sadrži ploču za kuhanje, hladnjak i kuhinjski pribor. Prostrana klimatizirana dvokrevetna soba nudi TV ravnog ekrana sa satelitskim programima, privatni ulaz, aparat za kavu, prostor za sjedenje te pogled na vrt.</p>
                    </div>
					<div class="service-rate">
						<h4>Cijena<span>/Dan</span></h4>
					</div>
                    <div class="service-faciliti">
                        <ul>
                            <li>
                                <div class="service-icon-thumb">
                                    <img src="assets/images/service/service-icon1.png" alt="">
                                </div>
                                <span>2 Osobe</span>
                            </li>
							<li>
								<div class="service-icon-thumb">
									<img src="assets/images/resource/choose-icon3.png" alt="">
								</div>
								<span>30m²</span>
							</li>
                            <li>
                                <div class="service-icon-thumb">
                                    <img src="assets/images/service/service-icon3.png" alt="">
                                </div>
                                <span>1 Soba</span>
                            </li>
                            <li>
                                <div class="service-icon-thumb">
                                    <img src="assets/images/resource/choose-icon9.png" alt="">
                                </div>
                                <span>Klima-uređaj</span>
                            </li>
                            <li>
                                <div class="service-icon-thumb">
                                    <img src="assets/images/service/service-icon1.png" alt="">
                                </div>
                                <span>1 Veliki bračni krevet</span>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <!-- Row 2 -->
            <div class="row">
                <div class="col">
                    <h5>U vašoj vlastitoj čajnoj kuhinji:</h5>
                    <ul>
                        <li>Hladnjak</li>
                        <li>Aparat za kavu</li>
                        <li>Kuhinjski pribor</li>
                        <li>Kuhalo za vodu</li>
                        <li>Ploče za kuhanje</li>
                        <li>Kuhinjski stol</li>
                    </ul>
                </div>
                <div class="col">
                    <h5>U vašoj vlastitoj kupaonici:</h5>
                    <ul>
                        <li>Besplatan toaletni pribor</li>
                        <li>Tuš kabina</li>
                        <li>WC</li>
                        <li>Ručnici</li>
                        <li>Sušilo za kosu</li>
                        <li>Toaletni papir</li>
                    </ul>
                </div>
            </div>
            <!-- Row 3 -->
            <div class="row">
                <div class="col">
                    <h5>Pogled:</h5>
                    <ul>
                        <li>Pogled na vrt</li>
                        <li>Pogled na bazen</li>
                        <li>Pogled na unutarnje dvorište</li>
                    </ul>
                    <h5>Sadržaji:</h5>
                    <ul>
                        <li>Klima-uređaj</li>
                        <li>Sef</li>
                        <li>Drveni ili parketni pod</li>
                        <li>Posteljina</li>
                        <li>Utičnica pokraj kreveta</li>
                        <li>Prostor za sjedenje</li>
                        <li>Privatni ulaz</li>
                        <li>TV</li>
                        <li>Hladnjak</li>
                        <li>Mreža protiv komaraca</li>
                        <li>Satelitski programi</li>
                        <li>Aparat za kavu</li>
                    </ul>
                </div>
                <div class="col">
                    <ul>
                        <li>TV ravnog ekrana</li>
                        <li>Kuhinjski pribor</li>
                        <li>Čajna kuhinja</li>
                        <li>Ventilator</li>
                        <li>Tepih</li>
                        <li>Kuhalo za vodu</li>
                        <li>Garderoba ili ormar</li>
                        <li>Ploče za kuhanje</li>
                        <li>Kuhinjski stol</li>
                        <li>Gornji katovi dostupni isključivo stepenicama</li>
                        <li>Sušilo za rublje</li>
                        <li>Zaseban klima-uređaj u svakoj jedinici</li>
                    </ul>
                    <h5>Za pušače:</h5>
                    <p>Pušenje zabranjeno</p>
                </div>
            </div>
        </div>
    </div>
</div>


<div id="modal6" class="modal">
    <div class="modal-content">
        <span class="close-btn">&times;</span>
        <div class="modal-body">
            <!-- Row 1 -->
            <div class="service-single-box">
                <div class="service-content">
                    <div class="service-titile">
                        <h4>Standardna soba s king size krevetom</h4>
                    </div>
                    <div class="service-discription">
                        <p>Ova klimatizirana dvokrevetna soba sadrži TV ravnog ekrana sa satelitskim programima, vlastitu kupaonicu, kao i balkon s pogledom na mirnu ulicu.</p>
                    </div>
					<div class="service-rate">
						<h4>Cijena<span>/Dan</span></h4>
					</div>
                    <div class="service-faciliti">
                        <ul>
                            <li>
                                <div class="service-icon-thumb">
                                    <img src="assets/images/service/service-icon1.png" alt="">
                                </div>
                                <span>2 Osobe</span>
                            </li>
							<li>
								<div class="service-icon-thumb">
									<img src="assets/images/resource/choose-icon3.png" alt="">
								</div>
								<span>25m²</span>
							</li>
                            <li>
                                <div class="service-icon-thumb">
                                    <img src="assets/images/service/service-icon3.png" alt="">
                                </div>
                                <span>1 Soba</span>
                            </li>
                            <li>
                                <div class="service-icon-thumb">
                                    <img src="assets/images/resource/choose-icon9.png" alt="">
                                </div>
                                <span>Klima-uređaj</span>
                            </li>
                            <li>
                                <div class="service-icon-thumb">
                                    <img src="assets/images/service/service-icon1.png" alt="">
                                </div>
                                <span>1 Veliki bračni krevet</span>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <!-- Row 2 -->
            <div class="row">
                <div class="col">
                    <h5>U vašoj vlastitoj kupaonici:</h5>
                    <ul>
                        <li>Besplatan toaletni pribor</li>
                        <li>Tuš kabina</li>
                        <li>WC</li>
                        <li>Ručnici</li>
                        <li>Sušilo za kosu</li>
                        <li>Toaletni papir</li>
                    </ul>
                </div>
                <div class="col">
                    <h5>Sadržaji:</h5>
                    <ul>
                        <li>Balkon</li>
                        <li>Klima-uređaj</li>
                        <li>Sef</li>
                        <li>Drveni ili parketni pod</li>
                        <li>Posteljina</li>
                        <li>Utičnica pokraj kreveta</li>
                        <li>Radni stol</li>
                        <li>Prostor za sjedenje</li>
                    </ul>
                </div>
            </div>
            <!-- Row 3 -->
            <div class="row">
                <div class="col">
                    <ul>
                        <li>Privatni ulaz</li>
                        <li>TV</li>
                        <li>Hladnjak</li>
                        <li>Mreža protiv komaraca</li>
                        <li>Satelitski programi</li>
                        <li>Aparat za kavu</li>
                    </ul>
                </div>
                <div class="col">
                    <ul>
                        <li>TV ravnog ekrana</li>
                        <li>Ventilator</li>
                        <li>Tepih</li>
                        <li>Kuhalo za vodu</li>
                        <li>Garderoba ili ormar</li>
                        <li>Gornji katovi dostupni isključivo stepenicama</li>
                        <li>Sušilo za rublje</li>
                        <li>Zaseban klima-uređaj u svakoj jedinici</li>
                    </ul>
                    <h5>Za pušače:</h5>
                    <p>Pušenje zabranjeno</p>
                </div>
            </div>
        </div>
    </div>
</div>


<div id="modal7" class="modal">
    <div class="modal-content">
        <span class="close-btn">&times;</span>
        <div class="modal-body">
            <!-- Row 1 -->
            <div class="service-single-box">
                <div class="service-content">
                    <div class="service-titile">
                        <h4>Studio s terasom</h4>
                    </div>
                    <div class="service-discription">
                        <p>Obroci se mogu pripremiti u čajnoj kuhinji koja je opremljena pločama za kuhanje, hladnjakom, kuhinjskim priborom i mikrovalnom pećnicom. Ovaj klimatizirani studio uključuje TV ravnog ekrana sa satelitskim programima, vlastitu kupaonicu te terasu s pogledom na mirnu ulicu.</p>
                    </div>
					<div class="service-rate">
						<h4>Cijena<span>/Dan</span></h4>
					</div>
                    <div class="service-faciliti">
                        <ul>
                            <li>
                                <div class="service-icon-thumb">
                                    <img src="assets/images/service/service-icon1.png" alt="">
                                </div>
                                <span>2 Osobe</span>
                            </li>
							<li>
								<div class="service-icon-thumb">
									<img src="assets/images/resource/choose-icon3.png" alt="">
								</div>
								<span>30m²</span>
							</li>
                            <li>
                                <div class="service-icon-thumb">
                                    <img src="assets/images/service/service-icon3.png" alt="">
                                </div>
                                <span>Cijeli Studio</span>
                            </li>
                            <li>
                                <div class="service-icon-thumb">
                                    <img src="assets/images/resource/choose-icon9.png" alt="">
                                </div>
                                <span>Klima-uređaj</span>
                            </li>
                            <li>
                                <div class="service-icon-thumb">
                                    <img src="assets/images/service/service-icon1.png" alt="">
                                </div>
                                <span>1 Veliki bračni krevet</span>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <!-- Row 2 -->
            <div class="row">
                <div class="col">
                    <h5>U vašoj vlastitoj čajnoj kuhinji:</h5>
                    <ul>
                        <li>Hladnjak</li>
                        <li>Aparat za kavu</li>
                        <li>Mikrovalna pećnica</li>
                        <li>Kuhinjski pribor</li>
                        <li>Kuhalo za vodu</li>
                        <li>Ploče za kuhanje</li>
                        <li>Kuhinjski stol</li>
                    </ul>
                </div>
                <div class="col">
                    <h5>U vašoj vlastitoj kupaonici:</h5>
                    <ul>
                        <li>Besplatan toaletni pribor</li>
                        <li>Tuš kabina</li>
                        <li>WC</li>
                        <li>Ručnici</li>
                        <li>Sušilo za kosu</li>
                        <li>Toaletni papir</li>
                    </ul>
                </div>
            </div>
            <!-- Row 3 -->
            <div class="row">
                <div class="col">
                    <h5>Sadržaji:</h5>
                    <ul>
                        <li>Terasa</li>
                        <li>Klima-uređaj</li>
                        <li>Sef</li>
                        <li>Drveni ili parketni pod</li>
                        <li>Posteljina</li>
                        <li>Prostor za sjedenje</li>
                        <li>Privatni ulaz</li>
                        <li>TV</li>
                        <li>Hladnjak</li>
                        <li>Mreža protiv komaraca</li>
                    </ul>
                </div>
                <div class="col">
                    <ul>
                        <li>Satelitski programi</li>
                        <li>Aparat za kavu</li>
                        <li>Mikrovalna pećnica</li>
                        <li>TV ravnog ekrana</li>
                        <li>Kuhinjski pribor</li>
                        <li>Čajna kuhinja</li>
                        <li>Ventilator</li>
                        <li>Tepih</li>
                        <li>Kuhalo za vodu</li>
                        <li>Vanjski namještaj</li>
                    </ul>
                </div>
            </div>
            <!-- Row 4 -->
            <div class="row">
                <div class="col">
                    <ul>
                        <li>Garderoba ili ormar</li>
                        <li>Ploče za kuhanje</li>
                        <li>Kuhinjski stol</li>
                        <li>Gornji katovi dostupni isključivo stepenicama</li>
                        <li>Sušilo za rublje</li>
                        <li>Zaseban klima-uređaj u svakoj jedinici</li>
                    </ul>
                    <h5>Za pušače:</h5>
                    <p>Pušenje zabranjeno</p>
                </div>
            </div>
        </div>
    </div>
</div>


<div class="fullscreen-modal" id="imageModal">
    <span class="close-btn" id="closeModal">&times;</span>
    <img src="" alt="Fullscreen Image" id="modalImage">
</div>



</body>

</html>