<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* ===========================================================
 * Filename: custom.css
 * Version: 2.0
 * Author: web360
 * =========================================================== */
body {
  background-color: #fff;
}

a {color: #000;}
a:hover {color: #000; text-decoration: none !important;}

.bg-primary { background-color: #d7aa4e !important; color: #fff; }
.bg-secondary { background-color: #c61436 !important; color: #fff; }
.bg-third { background-color: #4a3932 !important; color: #fff; }
.bg-fourth { background-color: #e6d5b9 !important; color: #fff; }
.bg-light-green { background-color: #fff !important; color: #fff; }
.bg-black { background-color: #b03a50 !important; color: #fff; }
.bg-footer { background-color: #282E3C !important; color: #7bc8ff; }
.bg-dark-opacity { background-color: rgba(0, 0, 0, 0.1); }
.bg-pink { background-color: #e24e68; color: #fff; }

.container100 { width: 100% !important; max-width: 100% !important; margin: 0 auto; }
.container90 { width: 90% !important; max-width: 90% !important; margin: 0 auto; }
.container85 { width: 85% !important; max-width: 85% !important; margin: 0 auto; }
.container80 { width: 80% !important; max-width: 80% !important; margin: 0 auto; }

.text-primary { color: #282E3C !important; }
.text-secondary { color: #90783C !important; }
.text-white { color: #fff !important; }
.text-black { color: #000000 !important; }

.btn-primary { background-color: #b03a50 !important; border-color: #b03a50 !important; }
.btn-primary:hover { background-color: #e24e68 !important; border-color: #e24e68 !important; }

.container-bg1 {background: url(../images/elements/lijevo.jpg) no-repeat;}
.container-bg2 {background: url(../images/elements/desno.jpg) no-repeat;}
.bg-white { background-color: white; }
.height {height: 800px;}


/* Style inputs with type="text", select elements and textareas */
input[type=text], select, textarea {
    width: 100%; /* Full width */
    padding: 12px; /* Some padding */
    border: 1px solid #ccc; /* Gray border */
    border-radius: 4px; /* Rounded borders */
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    margin-top: 6px; /* Add a top margin */
    margin-bottom: 16px; /* Bottom margin */
    resize: vertical /* Allow the user to vertically resize the textarea (not horizontally) */
}

/* Style the submit button with a specific background color etc */
input[type=submit] {
    background-color: #d7aa4e;
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    border: 1px solid #d7aa4e !important;
}

input:hover[type=submit] {
    background-color: #fff !important;
    color: #000 !important;
    border: 1px solid #d7aa4e !important;
}

/* When moving the mouse over the submit button, add a darker green color */
input[type=submit]:hover {
    background-color: #978953;
}

.reserve-button {position: fixed; top: 30px; left: 30px; z-index: 100; background-color: #fff; padding: 10px 20px 15px 10px;}
.menu-icon-container {z-index: 1; padding: 5px 10px 5px 10px;}
.menu-icon { cursor: pointer; width: 35px; height: 35px; position: relative; z-index: 999; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer;}
.menu-icon.open span { background: #000;}
.menu-icon span { display: block; position: absolute; height: 5px; width: 50%; background: #4a3932; opacity: 1; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }
.menu-icon span:nth-child(even) {left: 50%; }
.menu-icon span:nth-child(odd) {left:0px; }
.menu-icon span:nth-child(1),
.menu-icon span:nth-child(2) {top: 0px; }
.menu-icon span:nth-child(3),
.menu-icon span:nth-child(4) {top: 13px; }
.menu-icon span:nth-child(5),
.menu-icon span:nth-child(6) {top: 27px; }
.menu-icon.open span:nth-child(1),
.menu-icon.open span:nth-child(6) {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.menu-icon.open span:nth-child(2),
.menu-icon.open span:nth-child(5) {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.menu-icon.open span:nth-child(1) {left: 5px; top: 7px; }
.menu-icon.open span:nth-child(2) {left: calc(50% - 5px); top: 7px; }
.menu-icon.open span:nth-child(3) {left: -50%; opacity: 0; }
.menu-icon.open span:nth-child(4) {left: 100%; opacity: 0; }
.menu-icon.open span:nth-child(5) {left: 5px; top: 15px; }
.menu-icon.open span:nth-child(6) { left: calc(50% - 5px); top: 15px;}

.navigationContainer { width: calc(100% + 60px); height: 100%; padding-bottom: 6000px; margin-bottom: -6000px; z-index: 99; position: absolute; display: none; top: 0; left: -30px; background-color: #000; text-align: center; padding-top: 50px;}
.navigationContainer #nav-logo { display: block; text-align: center; width: 100%; margin-bottom: 50px;}
nav { display: block; z-index: 100; width: 100%; text-align: center;}
nav ul li { display: block; font-size: 1.2em; margin-bottom: 30px; text-transform: uppercase;}
nav ul li ul { display: none; margin-bottom: 30px;}
nav ul li ul li { font-size: 0.8em; margin: 15px 0;}
nav ul li.inqurie-li { margin: 50px 0;}
nav ul li:last-child { margin-bottom: 0;}
nav ul li a { color: #fff; transition: .5s all ease-in-out;}
nav ul li a:hover { color: #d2b583; text-decoration: none; }
nav ul li a.inqurie-nav { border: 1px solid #fff; padding: 10px 20px;}
nav .languages { margin-top: 100px;}
nav .languages a { display: inline-block; margin-right: 20px; font-size: 2em; padding: 10px; color: #fff;}
nav .languages a.active { background-color: #fff; color: #fff;}
nav .languages a:last-child { margin-right: 0;}

.active-lang { border: 1px solid #e6d5b9; text-align: center; padding: 3px !important;}

.bounce {
  display: inline-block;
  position: relative;
  -moz-animation: bounce 1s infinite linear;
  -o-animation: bounce 1s infinite linear;
  -webkit-animation: bounce 1s infinite linear;
  animation: bounce 1s infinite linear;
  font-size: 4em !important;
  margin-top: 50px;
}
@-webkit-keyframes bounce {
    0% { top: 0; }
    50% { top: -0.2em; }
    70% { top: -0.3em; }
    100% { top: 0; }
}
@-moz-keyframes bounce {
    0% { top: 0; }
    50% { top: -0.2em; }
    70% { top: -0.3em; }
    100% { top: 0; }
}
@-o-keyframes bounce {
    0% { top: 0; }
    50% { top: -0.2em; }
    70% { top: -0.3em; }
    100% { top: 0; }
}
@-ms-keyframes bounce {
    0% { top: 0; }
    50% { top: -0.2em; }
    70% { top: -0.3em; }
    100% { top: 0; }
}
@keyframes bounce {
    0% { top: 0; }
    50% { top: -0.2em; }
    70% { top: -0.3em; }
    100% { top: 0; }
}

/* GDPR */

#gdprBox { position: fixed; bottom: 0; left: 0; z-index: 9999; width: 100%; padding: 20px; text-align: center; font-size: 15px; background: #fff; box-shadow: 2px 2px 5px rgba(0,0,0,0.7); }
#gdprBox .links { display: block; }
#gdprBox .buttons { display: block; margin: 15px 0; }
#gdprBox .acceptAll { display: inline-block; background: #c61436; padding: 10px 15px; color: #fff; transition: .5s all ease-in-out; text-decoration: none; }
#gdprBox .acceptAll:hover { background: #f1a501; color: #fff; }
#gdprBox a { color: #000; text-decoration: underline; transition: .5s all ease-in-out; margin: 0 10px; }
#gdprBox a:hover { color: #777; }

#special-text h1 { padding: 20px 0; color: #000; font-size: 3em;}
#special-text h2 { padding: 20px 0; color: #000; font-size: 2em;}
#special-text p { transition: .5s all ease;}
#special-text img { width: 150px; margin: 0 20px 20px 0; float: left;}

#privacyPolicy { padding: 30px 0;}
#privacyPolicy h1 { padding: 40px 0; color: #00ADEF; font-size: 3em;}
#privacyPolicy h2 { padding: 20px 0; color: #00ADEF; font-size: 2em;}
#privacyPolicy article { padding: 20px; margin-bottom: 20px; transition: .5s all ease;}
#privacyPolicy article h1 { color: #034221; font-size: 2.2em; padding: 0; transition: .5s all ease;}
#privacyPolicy article p { transition: .5s all ease;}
#privacyPolicy article ul { padding-left: 20px; font-size: 1.6em; line-height: 1.4em; }

.switch {position: relative; display: inline-block; width: 54px; height: 28px; }
.switch input {display:none;}
.slider-gdpr {position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; }
.slider-gdpr:before {position: absolute; content: ""; height: 20px; width: 20px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s; }
input:checked + .slider-gdpr {background-color: #f1a501; }
input:focus + .slider-gdpr {box-shadow: 0 0 1px #2196F3; }
input:checked + .slider-gdpr:before {-webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); }
.slider-gdpr.round {border-radius: 34px; }
.slider-gdpr.round:before {border-radius: 50%; }

.header-bg {
  background: url(../images/slider/1.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.header-bg {font-size: 20px; font-weight: bold; color: #fff;}

.header-bg h1 {font-size: 25px; color: #fff; font-weight: bold;}

.header-bg p {font-size: 12px; color: #fff;}

.header-bg a {font-size: 14px !important; font-weight: bold;}

.request-size p {font-size: 16px;}

.home-content {background-color: #f1f1f1 !important;}

.home-content h1 {font-size: 160px !important; color: #d0cfcf !important; font-weight: bold;}

.home-content h2 {font-size: 80px !important; font-weight: lighter;}

.title-padding {padding-top: 75px; padding-bottom: 50px;}

.desc-padding {padding-left: 40px; padding-right: 50px;}

.five-boxes {padding-top: 75px; padding-bottom: 75px; background-color: #f1f1f1 !important;}

.box1 {  background: url(../images/elements/kolo-box.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
padding-top: 200px;
transition: all 0.5s;
padding-left: 35px;}

.box1:hover {  transform: scale(0.9);}

.box2 {  background: url(../images/elements/accommodation-box.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
padding-top: 200px;
transition: all 0.5s;
padding-left: 35px;}

.box2:hover {  transform: scale(0.9);}

.box3 {  background: url(../images/elements/beach-box.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
padding-top: 200px;
transition: all 0.5s;
padding-left: 35px;}

.box3:hover {  transform: scale(0.9);}

.box4 {  background: url(../images/elements/gastronomy-box.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
padding-top: 200px;
transition: all 0.5s;
padding-left: 35px;}

.box4:hover {  transform: scale(0.9);}

.box5 {  background: url(../images/elements/restaurant-box.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
padding-top: 552px;
transition: all 0.5s;
padding-left: 35px;}

.box5:hover {  transform: scale(0.9);}

.five-boxes a {color: #fff !important;}

.five-boxes h4 {color: #fff !important; font-size: 32px; font-weight: bold;}

.five-boxes p {color: #fff !important; font-size: 18px; margin-bottom: 0px !important;}

.shadow {-webkit-box-shadow: 0px 0px 12px 1px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 12px 1px rgba(0,0,0,0.75);
box-shadow: 0px 0px 12px 1px rgba(0,0,0,0.75);}

.relative {position: relative;}

.icons-absolute {position: absolute; bottom: 50px; right: 100px;}

.language-black {background-color: #000 !important; font-size: 14px; width: 600px;}

.language-black-category {position: absolute; top: 0px; right: 100px; background-color: #000 !important; font-size: 14px; width: 400px;}

.language-black-category a {color: #fff !important; font-size: 15px !important;}

.language-black a {color: #fff !important; font-size: 15px !important;}

.fa-instagram {font-size: 25px !important; font-weight: normal; color: #fff !important;}

.fa-facebook {font-size: 25px !important; font-weight: normal; color: #fff !important;}

.social-icons {padding-top: 14px;}

.virtual-tour { background: url(../images/elements/gallery1.jpg) fixed no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
padding-top: 170px;
padding-bottom: 150px;}

.virtual-tour h3 {font-size: 55px; font-weight: bold !important; color: #fff;}


.virtual-tour p {color: #fff;}

 #gallery {margin-top: 60px; position: relative; z-index:1;}

 .gallery {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
-webkit-column-width: 33%;
-moz-column-width: 33%;
column-width: 33%; }
.gallery .pics {
-webkit-transition: all 350ms ease;
transition: all 350ms ease; }
.gallery .animation {
  transition: transform .4s;   /* smoother zoom */
  overflow: hidden;
}
.gallery .animation:hover {
  transform: scale(0.9);
    transform-origin: 50% 50%; }

@media (max-width: 450px) {
.gallery {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
-webkit-column-width: 100%;
-moz-column-width: 100%;
column-width: 100%;
}
}

@media (max-width: 400px) {
.btn.filter {
padding-left: 1.1rem;
padding-right: 1.1rem;
}
}

.gallery-content {padding-top: 20px; padding-bottom: 100px; background-color: #fff !important; background-color: #fff !important;}

footer {background-color: #d7aa4e  !important; padding-bottom: 20px !important;}

footer {color: #fff;}

footer a {color: #fff;}

footer a:hover {color: #fff;}

footer h2 {font-size: 22px;}

footer p {font-size: 12px;}

.down-border-white {border-bottom: 1px solid #fff;}

#mc_embed_signup input.email {background-color: #d8b266 !important; color: #fff !important; border-top: none !important; border-left: none !important; border-right: none !important;}

#mc_embed_signup .button {background-color: #fff !important; color: #000 !important; border-radius: 0px !important; margin-right: 0px !important;}

.signature a {font-size: 12px; color: #fff !important;}

footer ul {margin-left: 30px; font-size: 12px;}
footer li {padding-bottom: 5px;}

.newsletter-law {font-size: 10px;}

.news-span {color: #59451d !important; font-weight: bold !important;}

.fa-envelope {font-size: 22px;}

.fa-location-arrow {font-size: 22px;}

.home-content h1 {color: #c61436 !important;}

.img-shadow {-webkit-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.75);}

.title-bold {position: relative; font-weight: bold; color: #f1a501; font-size: 100px; z-index: 1 !important;}

.title-shadow {text-shadow: 0px 0px 5px #000;}

.contact-us-font {font-family: 'Dancing Script', cursive; font-size: 70px;}
.contact-us-font-small {font-family: 'Dancing Script', cursive; font-size: 40px;}

#mc_embed_signup input.email { width: auto !important; display: inline-block;}

.black-bg {background-color: #000;}

.category-logo {position: absolute; top: 0px; left: 150px; z-index: 1;}

.text-category {position: absolute;  top: 270px; color: #fff; color: #fff;
  left: 0; 
  right: 0; 
  margin-left: auto; 
  margin-right: auto; 
  width: 700px;}

.text-category h2 {font-size: 50px;}

.icons {position: absolute; top: 90px; right: 100px;}

.h1-title-resp h1 {font-weight: bold !important; color: #f1a501 !important; font-size: 55px !important;}

.show-title h1 {font-size: 50px !important;}

.logo-absolute {position: absolute; left: 0 !important; right: 0 !important; margin-left: auto; margin-right: auto; width: 500px !important; top: 250px !important; z-index: 1;}

.nav-absolute {position: absolute; right: 0px; top: 0px; z-index: 100;}

.home-header {padding-top: 850px;   background: url(../images/slider/1.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}

  .home-text-content {position: absolute;
  top: 140px;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
width: 800px;
color: #fff;}

.home-text-content h1 {font-size: 80px !important; color: #fff; font-weight: bold; text-shadow: #000 1px 0 4px;}

.navigationContainer a {color: #fff !important;}

.menu-font {padding-bottom: 5px;}

.first-line p {font-size: 11px; font-style: italic !important;}

.hamburger-menu-absolute {position: absolute; right: 0px !important; top: 0px !important; z-index: 99; background-color: #fff; padding: 35px;}

.fa-envelope-open {font-size: 16px;}

.fa-phone {font-size: 16px;}

.icons-right {padding-right: 150px !important;  padding-top: 20px;}

.fa-facebook {font-size: 20px !important;}

.fa-instagram {font-size: 20px !important;}

.fa-location-arrow {font-size: 18px !important;}

.home-content {padding-top: 75px; padding-bottom: 75px; background-image: url("../images/backgrounds/about-us-bg.jpg"); background-position: center center; background-repeat: no-repeat; background-attachment: fixed; background-size: cover;}

.home-content h3 {color: #fff;}

.home-content p {color: #fff;}

.about-us {padding: 150px 150px 150px 150px;}

.about-us h2 {font-size: 36px; font-weight: bold;}

.about-us h3 {font-size: 14px;}

.about-us p {font-size: 14px; color: 000;}

.fa-camera {font-size: 60px; color: #fff !important;}

.box-dynamic  { position: relative;
  top: 0;
  transition: top ease 0.5s;
height: 100%;
}

::placeholder {color: #fff !important; font-size: 11px !important; font-style: italic;}

footer .about-us {background-color: #fff;}

footer .about-us {color: #000;}

footer a {color: #000;}

.apartments {padding-top: 155px !important; padding-bottom: 155px!important; padding-left: 75px; padding-right: 75px; background-image: url("../images/elements/appbox-bg.jpg"); background-position: center center; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; color: #fff !important; background-color: #fff !important;}

.apartments h2 {color: #fff !important; font-weight: bold; font-size: 55px; padding-bottom: 75px;}

.apartments h4 {color: #fff !important; font-weight: bold; font-size: 28px;}

.apartments p {color: #fff !important; font-size: 15px;}

.btn-danger {background-color: #d7aa4e !important; border: none !important;}

.btn-danger:hover {background-color: #fff !important; color: #000 !important;}

.btn-light:hover {background-color: #fff !important; color: #000 !important; border: none;}

.btn-light {background-color: #d7aa4e !important; color: #fff !important; border: none;}

.#mc_embed_signup input.email {border: none !important;}

.about-us a:hover {color: #000 !important; text-decoration: underline !important;}

.standard-form ::placeholder {
  color: #000 !important;
  font-size: 1.5em;
}

#category ul {padding-left: 40px !important; padding-bottom: 25px !important;}</pre></body></html>