@charset "utf-8";
/* CSS Document */

/* Global properties ======================================================== */
body {font-family: 'Open Sans', sans-serif; font-size:16px; }
html  {width:100%;}
*{margin:0; padding:0;}
img, object { max-width: 100%; }
ul {list-style-type:none;}
a {text-decoration:none; color:#193741;}
a:hover {text-decoration:underline;}
a.in-text {text-transformation:uppercase; font-size:1em; display:block;}
a.in-text-button {background-color: #f27d05; border: none; font-weight: 700; color: #fff; text-align: center; /*height: 25px;*/ line-height: normal; padding: 12px 12px; font-size: 0.8715em; display:inline-block;}
a.in-text-button:hover {text-decoration:none; opacity:0.8;}

.fb-like {line-height:normal;}

.img_crop_s {overflow:hidden; }
.img_crop_m {overflow:hidden; }

/* Fonts and text ======================================================== */

p {color:#193741; font-size:0.9375em; /*15px*/ font-weight:300;}
h1 {color:#053c46; font-size:2.8125em; /*45px;*/ line-height:1em;/*47px;*/ font-weight:300; margin-bottom:25px;}
h1.underline {text-decoration:underline;}
h2 {color:#053c46; font-size:35px; line-height:1em;/*47px;*/ font-weight:300; margin-bottom:25px; text-decoration:underline;}
h4 {font-size:16px; font-weight:400; clear:both; color:#053c46;}
h4.underline {text-decoration:underline; color:#ffffff;}
h5 {font-size:0.712em; font-weight:400; text-transform:uppercase; margin-bottom:10px;}
strong {font-weight:700;}



/*--tel-link--*/
a.tel-link, a.tel-link:hover {text-decoration:none!important; color:#fff!important;}

/* Forms ======================================================== */
input,select,textarea,button {font-family: 'Open Sans', sans-serif; color:#193741;font-size:0.75em; padding-left:5px; webkit-box-sizing: border-box;/* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box;/* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */}
select {height:25px;}
button {cursor:pointer;}


a.button, button {
border: none;
font-weight: 700;
text-align: center;

padding: 5px 12px;
font-size: 12px;}

.button--light {background-color: #fff; color: #053c46;}
.button--dark {background-color:#053c46; color:#fff;}
.button--orange {background-color:#f27d05; color:#fff;}

.content-buttons {display:flex;}
.content-buttons a {margin-right:10px;}


/* Spaces ======================================================== */

.spacing-bot {margin-bottom:20px;}
.spacing-bot-2 {margin-bottom:10px;}
.spacing-bot-3 {margin-bottom:100px;}


/********************************* HEADER *************************************/

header {width:100%; position:fixed; z-index:3000; background-color:#053c46; border-bottom:6px solid #ffffff; /*height:87px;*/ box-shadow: 0px 2px 14px #285470; padding:15px 0 15px 0; font-size:0.8125em;}
header a {color:#ffffff;}
header a:hover,.main-nav li.active a  {text-decoration:underline; color:#f27d05;}
.logo {/*background-image:url(../images/logo.png); background-repeat:no-repeat; background-position:left center;*/ position:absolute; top:23px; width:73px; height:61px; /*text-indent:-9999px;*/}
.logo img {width:73px;}
.logo-title {color: #fff; font-size: 9px; text-align: right;}
	/*------ smarphone logo ------*/
	.logo-sm {display:none; text-align:center;}
	.logo-sm a {display:inline-block;}
	.logo a:hover, .logo-sm a:hover {text-decoration:none;}

/************ main-nav ************/

.main-nav {width:88%; /*950px*/ padding:29px 0 0 95px; margin-right:1.79%; webkit-box-sizing: border-box;/* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box;/* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */}	
.main-nav a { text-transform:uppercase; }
.main-nav li {float:left; border-left:1px solid #ffffff; padding:0 8px; line-height:15px; margin-bottom:10px;}
	/*------ smarphone main-main-nav ------*/
	.main-nav-sm {display:none; position:absolute; right:20px;}
	.main-nav-sm .pasive {text-align:right; height:23px;}
	.main-nav-sm .active {display:none; background-color:#ffffff; webkit-box-sizing: border-box;/* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box;/* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ padding:20px 15px;}
	.main-nav-sm .active li {margin-bottom:10px;}
	.main-nav-sm .active a {text-transform:uppercase; color:#053c46; border-left:1px solid #053c46; padding-left:5px;}

/************ lang-nav ************/

.lang-nav, .lang-nav-tb {width:10%; float:right; padding:29px 0 0 0; line-height:15px; text-align:right;}

	/*------ small tablet lang-nav ------*/
	.lang-nav-tb {display:none;}
	.lang-nav-tb {padding:5px 0px 0px 10px;}
.lang-nav a, .lang-nav-tb a {padding:0 5px 0 0 ; }
.lang-nav a.line, .lang-nav-tb a.line {border-left:1px solid #ffffff; padding:0 0 0 5px ;}
	/*------ smartphone lang-nav ------*/
	.lang-nav-sm {border-top:1px solid #053c46; padding-top:10px;}
	.lang-nav-sm a:first-child {border:none;}

/************ header-form ************/

header form ul {float:right;}
header form ul li {float:left; margin-left:0.427em;}

header input {width:130px; height:25px; background-image:url(../images/icon_calendar.gif); background-repeat:no-repeat; background-position:right center; border:none; text-transform:uppercase; padding-left:10px;}
header button, header a.button {border: 1px solid #f27d05; background-color:#f27d05; /*border:none;*/ font-weight:700; color:#ffffff;text-align:center; height:25px; line-height:23px; padding:0px 12px; font-size:0.8715em; display:inline-block;}
header button:hover {border: 1px solid #ffffff;}
header a.button--light {border:none; background-color: #fff; color: #053c46;}
header form .button span {display:none;}

/************ google-map ************/
.google_map {position:absolute; width:100%;}


/********************************* FOOTER *************************************/

footer {width:100%; background-color:#053c46; color:#ffffff; }
footer a {color:#ffffff;}
footer a:hover {color:#f27d05;}
footer .grid_12 {border-top:1px solid #ffffff; font-size:0.75em;/*12px*/}
footer .grid_12:first-child {border-top:0; height:50px; line-height:50px;}
footer .grid_12:first-child a {font-size:0.833em;/*10px*/ }
footer .grid_12:first-child a span {margin-right:7px;}
footer .grid_12:first-child ul {float:right; line-height:58px;}
footer .grid_12 li {float:left;}
footer .grid_12:first-child li {margin-left:10px;}

footer .contact {overflow:hidden; padding:12px 0 2px 0;}
footer .contact li {border-left:1px solid #ffffff; padding:0 10px 0 10px; margin-bottom:10px; line-height:17px;}
footer .contact li:first-child {border:none; padding:0 10px 0 0;}

footer .f_content li {float:none;}
footer .f_content ul {float:left; margin:30px /*2.051% 24px*/ 37px 40px 0;}
footer .f_content ul li:first-child {margin-bottom:10px;}

footer .grid_12 ul.trip_advisor {/*float:right; */margin-right:0; text-align:right;}

footer .f_content {display:flex; justify-content:space-between;}
.links {display:flex; flex-wrap:wrap;}
footer .ta ul li {margin-bottom:10px;}

.footer-logos {padding:20px 0; display:flex; align-items:center; justify-content:center; flex-wrap:wrap;}
.footer-logos img {height:59px; margin:10px 10px 0 10px;}
.footer-logos a {}

/********************************* CONTENT *************************************/

/************ page-background ************/
.main {background-repeat:no-repeat; background-position:center center; height:1000px; background-size:cover; border-bottom:6px solid #ffffff;}
.first .container {padding-top:108px;}
.first {background-position:center 108px;}
.i-intro {background-image:url(../photos/backgrounds/intro_uvod.jpg);}
.i-camp {background-image:url(../photos/backgrounds/intro_camp.jpg);}
.i-hostel {background-image:url(../photos/backgrounds/intro_camp.jpg);}
.i-mobile-houses {background-image:url(../photos/backgrounds/intro_mobile_houses.jpg);}
.i-beach {background-image:url(../photos/backgrounds/intro_beach.jpg);}
.i-testimonials {background-image:url(../photos/backgrounds/intro_beach.jpg);}
.i-zadar {background-image:url(../photos/backgrounds/intro_zadar.jpg);}
.i-croatia {background-image:url(../photos/backgrounds/intro_croatia.jpg);}
.camp {background-image:url(../photos/backgrounds/intro_uvod.jpg);}
.things {background-image:url(../photos/backgrounds/things_to_try.jpg);}
.booking {background-image:url(../photos/backgrounds/booking.jpg); border:none;}
.no_bg {background-color:#ffffff; background-repeat:repeat;}

.booking-map {font-weight:700;}

/************ page-content ************/
.main .grid_12 {position:relative;}

.icon {position:absolute; left:0px; top:85px;}

.content { position:absolute; top:58px; left:95px; width:365px; min-height:360px; padding:20px 40px; /*40px*/; webkit-box-sizing: border-box;/* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box;/* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ background-color: rgba(255, 255, 255, 0.8);}
.first .content {top:58px;}

.content--wide {width:465px;}


/*camp, mobile homes*/

.half-container {width:100%; max-width:585px;}
.half-container--first { float:right;}
.half-container--second { float:left;}


.split-content .grid_6 {width:50%; margin:0; position:relative;}
.split-content .grid_6:first-child {border-right:6px solid #fff; width:calc(50% - 6px);}
.split-content .content {position:relative; margin-top:58px; top:auto; left:auto;}
.split-content-wrapper {max-width:585px; }
.split-content-wrapper {display:flex;}
.split-content-wrapper .icon {position:relative; margin-right:28px;}

.split-content-second {float:right;}

/*testimonials*/

/*.i-testimonials .content {position:relative; top:auto; left:auto;}
.i-testimonials .grid_4 {margin-top:58px;}*/
.i-testimonials .content {width:92%; display:block;}
.i-testimonials-content {overflow-y:scroll; max-height:600px; padding-right:20px;}
.subtitle {display:block; margin-bottom:10px;}
.i-testimonials .i-testimonials-content .grid_12 div {margin-bottom:40px; border-bottom:solid 1px #193741; display:inline-block;}
.i-testimonials p.signature {font-size:14px; text-align:right;}

.nav {clear:both; text-align:center;}
.nav a {display:inline-block; width:12px; height:12px; margin-right:3px; background-color:#193741; border-radius:50px;}
.nav a:hover {opacity:0.8;}


/************ page-content-no-bg ************/
.no_bg .grid_12 {padding-top:58px; margin-bottom:60px; position:relative;}
.no_bg .icon {width:95px/*8.119%;*/; overflow:hidden; float:left; position:relative; left:0; top:0;}
.no_bg .grid_5 {margin:0 10.256% /*120px*/ 0 0;}
.no_bg .grid_8 .text {padding-left:16.66%;}
.no_bg .img_box {text-align:right;}
.no_bg .img_box ul {width:100%;}
.no_bg .img_box li {float:left; width:47.29%; /*175px*/ margin-bottom:5.405%; position:relative;}
.no_bg .img_box li.margin {margin-right:5.405%; /*20px*/ }
.no_bg .img_box li.full {width:100%;}
.no_bg .img_box li a img {display:block;}

/************ images hover ************/
ul.hover {position:absolute; left:0; top:0; display:none;}
.no_bg .img_box li ul.hover li {background-color:#053c46; background: rgba(5, 60, 70, 0.4); /*opacity:0.4;*/ width:100%; height:105px; text-align:center; color:#ffffff; margin:0; }
.no_bg .img_box li ul.hover li .txt {padding:10px;}
.no_bg .img_box li ul.hover li .txt img {display:block; margin:7px auto 0 auto;}

/************ accomodation list ************/
.blue {background-color:#087891;}
.orange {background-color:#f27d05;}
.l_blue {background-color:#97bdbf;}
.acc_list .container {padding:35px 0px 35px 8.25%;-webkit-box-sizing: border-box;/* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box;/* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ overflow:hidden;} 
.acc_list h4 {margin-bottom:20px;}
.acc_list ul {overflow:hidden; position:relative;  margin-right:1.28%; float:left;}
.acc_list li {float:left;}
.acc_list li ul.hover li {text-align:left;}

.acc_list li.first_img {background-image:url(../images/acc_1.jpg); background-repeat:no-repeat; width:105px; height:105px;}
.acc_list li.second_img {background-image:url(../images/acc_2.jpg); background-repeat:no-repeat; width:105px; height:105px;}
.acc_list li.mobile_houses_first_img {background-image:url(../images/mobile_houses_starfish.jpg); background-repeat:no-repeat; width:105px; height:105px;}
.acc_list li.mobile_houses_second_img {background-image:url(../images/mobile_houses_anchor.jpg); background-repeat:no-repeat; width:105px; height:105px;}
.acc_list li.mobile_houses_third_img {background-image:url(../images/mobile_houses_beach_home.jpg); background-repeat:no-repeat; width:105px; height:105px;}
.acc_list li.mobile_houses_fourth_img {background-image:url(../images/mobile_houses_octopus.jpg); background-repeat:no-repeat; width:105px; height:105px;}
.acc_list li .txt {color:#ffffff; font-size:14px; padding:15px 10px 15px 20px; line-height:16px; z-index:2000;}

.acc_list .hover {position:absolute; left:0; top:0; z-index:1000; background:none repeat scroll 0 0 rgba(5, 60, 70, 0.8); width:105px; height:105px; display:none;}
.acc_list a:hover {text-decoration:none;}

.acc_list .tekst {position:absolute; left:0; top:0; z-index:2000; margin:0; width:105px; height:105px;}
.acc_list .tekst a {width:105px; height:105px; display:block;}

/************ scroll-content ************/
.scroll {position:fixed; top:140px; right:45px; z-index:2000; }
.scroll a {clear:both; display:block; background-repeat:no-repeat; width:21px; height:21px; text-indent:-9999px;} 
.scroll a.up {background-image:url(../images/scroll_up.png); margin-bottom:3px;}
.scroll a.up:hover {background-image:url(../images/scroll_up_over.png);}
.scroll a.down {background-image:url(../images/scroll_down.png);}
.scroll a.down:hover {background-image:url(../images/scroll_down_over.png);}

/************ booking-general ************/
.booking {height:100%; min-height:1700px;}
.booking-content {background-image:url(../images/booking_content_bg.png); background-repeat:repeat; width:100%; margin:15px auto 0 auto; webkit-box-sizing: border-box;/* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box;/* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ *//* padding:10px 20px 20px 20px;*/ overflow:hidden; color:#053c46;}

.b-header {background-color:#ffffff; height:87px; webkit-box-sizing: border-box;/* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box;/* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ padding:10px 20px 20px 20px;}
.b-logo {float:left; width:50%;}
.booking-content .lang-nav a {float:left; }
.booking-content .lang-nav a.line {border-left: 1px solid #043946;}
.booking .lang-nav {width:50%; text-align:right; padding:47px 0 0 0;}
.booking .lang-nav a{float:none; padding:0 0 0 3px;}

.b-content {webkit-box-sizing: border-box;/* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box;/* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ padding:10px 20px 20px 20px; color:#053c46} 

.b-content label { font-size:0.75em; display:block;}
.b-content p  {font-size:15px;}
p.paragraph {clear:both; font-size:0.75em; margin-top:30px; padding-left:15px;}
.layout-1 a {font-size:0.75em;}

.b-content button {border:none; background-color:#053c46; padding:7px 10px 7px 10px; color:#ffffff; font-size:0.75em; float:right;}
.b-content button:hover {background-color:#087891;}

.b-content .button--orange {background-color:#f27d05; color:#fff;}
.b-content .button--orange:hover {background-color:#053c46;}


.tabs {background-color:#053c46; overflow:hidden;}
.tabs li {float:left; font-size:0.75em;  padding:10px 7px; border-right:1px solid #ffffff;}
.tabs li.active {text-decoration:underline;}
li.n-1 {background-color:#ffffff;} li.n-1 a { color:#053c46;}
li.n-2 {background-color:#087891; color:#ffffff;} 
li.n-3 {background-color:#053c46; color:#ffffff;} 


/************ booking-pick-plot ************/
.pick_plot {display:none;}
.map {position:absolute; left:10%; top:0; background-color:#ffffff; width:80%; z-index:3000; padding-bottom:40px;}
.map .close {background-color:#ececec; height:35px; text-align:center;}
.map .close a {display:inline-block; text-indent:-9999px; background-image:url(../images/map_close.gif); background-repeat:no-repeat; background-position:center center; height:100%; width:65px; margin:0 auto; font-size:1em;}

.blueprint {background-image:url(../images/camp_blueprint.gif); width:922px; height:418px; position:relative; margin:0 auto;}
.blueprint a {text-indent:-9999px; display:inline-block;}

.type {overflow:hidden; padding:40px 0px 40px 0; display:table; margin:0 auto;}
.type ul {}
.type li {float:left; margin-left:20px; font-size:14px;}
.type li span {margin-right:10px; display:inline-block; height:18px; vertical-align:middle;}

/************ plots ************/ 
.layout-1 .left .box-1 .blueprint a, .layout-1 .left .box-1 .map .close a {margin-top:0;}
 
.plot_1 a {background-image:url(../images/1n.png); background-repeat:no-repeat; left:408px/*23.5%*/; top:37.4%;position:absolute; width:56px; height:82px;}
.plot_1 a:hover {background-image:url(../images/1o.png);}
.plot_1 span {background-image:url(../images/1z.png); background-repeat:no-repeat; left:408px/*23.5%*/; top:37.4%;position:absolute; width:56px; height:82px;}

.plot_2 a {background-image:url(../images/2n.png); background-repeat:no-repeat; left:468px/*32.2%*/; top:35.5%;position:absolute; width:56px; height:90px; }
.plot_2 a:hover {background-image:url(../images/2o.png);}
.plot_2 span {background-image:url(../images/2z.png); background-repeat:no-repeat; left:468px/*32.2%*/; top:35.5%;position:absolute; width:56px; height:90px;}

.plot_3 a {background-image:url(../images/3n.png); background-repeat:no-repeat; left:527px/*41%*/; top:35%;position:absolute; width:58px; height:92px;}
.plot_3 a:hover {background-image:url(../images/3o.png);}
.plot_3 span {background-image:url(../images/3z.png); background-repeat:no-repeat; left:527px/*41%*/; top:35%;position:absolute; width:58px; height:92px;}

.plot_4 a {background-image:url(../images/4n.png); background-repeat:no-repeat; left:588px/*50.2%*/; top:34.8%;position:absolute; width:57px; height:93px;}
.plot_4 a:hover {background-image:url(../images/4o.png);}
.plot_4 span {background-image:url(../images/4z.png); background-repeat:no-repeat; left:588px/*50.2%*/; top:34.8%;position:absolute; width:57px; height:93px;}

.plot_5 a {background-image:url(../images/5n.png); background-repeat:no-repeat; left:648px/*59.3%*/; top:34.8%; position:absolute; width:57px; height:93px;}
.plot_5 a:hover {background-image:url(../images/5o.png);}
.plot_5 span {background-image:url(../images/5z.png); background-repeat:no-repeat; left:648px/*59.3%*/; top:34.8%; position:absolute; width:57px; height:93px;}

.plot_6 a {background-image:url(../images/6n.png); background-repeat:no-repeat; left:706px/*68%*/; top:34.8%; position:absolute; width:54px; height:92px;}
.plot_6 a:hover {background-image:url(../images/6o.png);}
.plot_6 span {background-image:url(../images/6z.png); background-repeat:no-repeat; left:706px/*68%*/; top:34.8%; position:absolute; width:54px; height:92px;}

.plot_7 a {background-image:url(../images/7n.png); background-repeat:no-repeat; left:763px/*76.5%*/; top:35.5%; position:absolute; width:50px; height:90px;}
.plot_7 a:hover {background-image:url(../images/7o.png);}
.plot_7 span {background-image:url(../images/7z.png); background-repeat:no-repeat; left:763px/*76.5%*/; top:35.5%; position:absolute; width:50px; height:90px;}

.plot_8 a {background-image:url(../images/8n.png); background-repeat:no-repeat; left:816px/*84.3%*/; top:36.3%; position:absolute; width:47px; height:86px;}
.plot_8 a:hover {background-image:url(../images/8o.png);}
.plot_8 span {background-image:url(../images/8z.png); background-repeat:no-repeat; left:816px/*84.3%*/; top:36.3%; position:absolute; width:47px; height:86px;}

.plot_9 a {background-image:url(../images/9n.png); background-repeat:no-repeat; left:866px/*91.9%*/; top:37.1%; position:absolute; width:43px; height:83px;}
.plot_9 a:hover {background-image:url(../images/9o.png);}
.plot_9 span {background-image:url(../images/9z.png); background-repeat:no-repeat; left:866px/*91.9%*/; top:37.1%; position:absolute; width:43px; height:83px;}

.plot_10 a {background-image:url(../images/10n.png); background-repeat:no-repeat; left:677px/*64.4%*/; top:8%; position:absolute; width:46px; height:85px;}
.plot_10 a:hover {background-image:url(../images/10o.png);}
.plot_10 span {background-image:url(../images/10z.png); background-repeat:no-repeat; left:677px/*64.4%*/; top:8%; position:absolute; width:46px; height:85px;}

.plot_11 a {background-image:url(../images/11n.png); background-repeat:no-repeat; left:623px/*56.3%*/; top:2.8%; position:absolute; width:52px; height:86px;}
.plot_11 a:hover {background-image:url(../images/11o.png);}
.plot_11 span {background-image:url(../images/11z.png); background-repeat:no-repeat; left:623px/*56.3%*/; top:2.8%; position:absolute; width:52px; height:86px;}

.plot_12 a {background-image:url(../images/12n.png); background-repeat:no-repeat; left:569px/*48.2%*/; top:3%; position:absolute; width:51px; height:84px;}
.plot_12 a:hover {background-image:url(../images/12o.png);}
.plot_12 span {background-image:url(../images/12z.png); background-repeat:no-repeat; left:569px/*48.2%*/; top:3%; position:absolute; width:51px; height:84px;}

.plot_13 a {background-image:url(../images/13n.png); background-repeat:no-repeat; left:516px/*40.2%*/; top:3%; position:absolute; width:50px; height:86px;}
.plot_13 a:hover {background-image:url(../images/13o.png);}
.plot_13 span {background-image:url(../images/13z.png); background-repeat:no-repeat; left:516px/*40.2%*/; top:3%; position:absolute; width:50px; height:86px;}

.plot_14 a {background-image:url(../images/14n.png); background-repeat:no-repeat; left:85px; top:67.2%; position:absolute; width:56px; height:84px;}
.plot_14 a:hover {background-image:url(../images/14o.png);}
.plot_14 span {background-image:url(../images/14z.png); background-repeat:no-repeat; left:85px; top:67.2%; position:absolute; width:56px; height:84px;}

.plot_15 a {background-image:url(../images/15n.png); background-repeat:no-repeat; left:28px; top:68%; position:absolute; width:56px; height:84px;}
.plot_15 a:hover {background-image:url(../images/15o.png);}
.plot_15 span {background-image:url(../images/15z.png); background-repeat:no-repeat; left:28px; top:68%; position:absolute; width:56px; height:84px;}

/************ booking-pick-dorm ************/
.pick_dorm {display:none;}
.dorm {background-image:url(../images/hostel_blueprint.gif); width:636px; height:405px; position:relative; margin:0 auto;}
.dorm a {text-indent:-9999px; display:inline-block;}

/************ beds ************/
.bed_1 a {background-image:url(../images/d_1n.png); background-repeat:no-repeat; left:7.6%; top:10.5%;position:absolute; width:21px; height:22px;}
.bed_1 a:hover {background-image:url(../images/d_1o.png);}
.bed_1 span {background-image:url(../images/d_1o.png); background-repeat:no-repeat; left:7.6%; top:10.5%;position:absolute; width:21px; height:22px;}

.bed_2 a {background-image:url(../images/d_2n.png); background-repeat:no-repeat; left:5.6%; top:4.5%;position:absolute; width:22px; height:21px;}
.bed_2 a:hover {background-image:url(../images/d_2o.png);}
.bed_2 span {background-image:url(../images/d_2o.png); background-repeat:no-repeat; left:5.6%; top:4.5%;position:absolute; width:22px; height:21px;}

.bed_3 a {background-image:url(../images/d_3n.png); background-repeat:no-repeat; left:17%; top:33%;position:absolute; width:21px; height:22px;}
.bed_3 a:hover {background-image:url(../images/d_3o.png);}
.bed_3 span {background-image:url(../images/d_3o.png); background-repeat:no-repeat; left:17%; top:33%;position:absolute; width:21px; height:22px;}

.bed_4 a {background-image:url(../images/d_4n.png); background-repeat:no-repeat; left:19%; top:27.5%;position:absolute; width:22px; height:21px;}
.bed_4 a:hover {background-image:url(../images/d_4o.png);}
.bed_4 span {background-image:url(../images/d_4o.png); background-repeat:no-repeat; left:19%; top:27.5%;position:absolute; width:22px; height:21px;}

.bed_5 a {background-image:url(../images/d_5n.png); background-repeat:no-repeat; left:17%; top:45%;position:absolute; width:21px; height:21px;}
.bed_5 a:hover {background-image:url(../images/d_5o.png);}
.bed_5 span {background-image:url(../images/d_5o.png); background-repeat:no-repeat; left:17%; top:45%;position:absolute; width:21px; height:21px;}

.bed_6 a {background-image:url(../images/d_6n.png); background-repeat:no-repeat; left:19%; top:51%;position:absolute; width:22px; height:21px;}
.bed_6 a:hover {background-image:url(../images/d_6o.png);}
.bed_6 span {background-image:url(../images/d_6o.png); background-repeat:no-repeat; left:19%; top:51%;position:absolute; width:22px; height:21px;}

.bed_7 a {background-image:url(../images/d_7n.png); background-repeat:no-repeat; left:45%; top:33%;position:absolute; width:21px; height:22px;}
.bed_7 a:hover {background-image:url(../images/d_7o.png);}
.bed_7 span {background-image:url(../images/d_7o.png); background-repeat:no-repeat; left:45%; top:33%;position:absolute; width:21px; height:22px;}

.bed_8 a {background-image:url(../images/d_8n.png); background-repeat:no-repeat; left:47%; top:27%;position:absolute; width:22px; height:21px;}
.bed_8 a:hover {background-image:url(../images/d_8o.png);}
.bed_8 span {background-image:url(../images/d_8o.png); background-repeat:no-repeat; left:47%; top:27%;position:absolute; width:22px; height:21px;}

.bed_9 a {background-image:url(../images/d_9n.png); background-repeat:no-repeat; left:46%; top:46%;position:absolute; width:22px; height:22px;}
.bed_9 a:hover {background-image:url(../images/d_9o.png);}
.bed_9 span {background-image:url(../images/d_9o.png); background-repeat:no-repeat; left:46%; top:46%;position:absolute; width:22px; height:22px;}

.bed_10 a {background-image:url(../images/d_10n.png); background-repeat:no-repeat; left:48%; top:52%;position:absolute; width:21px; height:21px;}
.bed_10 a:hover {background-image:url(../images/d_10o.png);}
.bed_10 span {background-image:url(../images/d_10o.png); background-repeat:no-repeat; left:48%; top:52%;position:absolute; width:21px; height:21px;}

.bed_11 a {background-image:url(../images/d_11n.png); background-repeat:no-repeat; left:45%; top:72%;position:absolute; width:22px; height:21px;}
.bed_11 a:hover {background-image:url(../images/d_11o.png);}
.bed_11 span {background-image:url(../images/d_11o.png); background-repeat:no-repeat; left:45%; top:72%;position:absolute; width:22px; height:21px;}

.bed_12 a {background-image:url(../images/d_12n.png); background-repeat:no-repeat; left:47%; top:66%;position:absolute; width:22px; height:21px;}
.bed_12 a:hover {background-image:url(../images/d_12o.png);}
.bed_12 span {background-image:url(../images/d_12o.png); background-repeat:no-repeat; left:47%; top:66%;position:absolute; width:22px; height:21px;}

.bed_13 a {background-image:url(../images/d_13n.png); background-repeat:no-repeat; left:66%; top:33%;position:absolute; width:21px; height:22px;}
.bed_13 a:hover {background-image:url(../images/d_13o.png);}
.bed_13 span {background-image:url(../images/d_13o.png); background-repeat:no-repeat; left:66%; top:33%;position:absolute; width:21px; height:22px;}

.bed_14 a {background-image:url(../images/d_14n.png); background-repeat:no-repeat; left:64%; top:27.5%;position:absolute; width:22px; height:21px;}
.bed_14 a:hover {background-image:url(../images/d_14o.png);}
.bed_14 span {background-image:url(../images/d_14o.png); background-repeat:no-repeat; left:64%; top:27.5%;position:absolute; width:22px; height:21px;}

.bed_15 a {background-image:url(../images/d_15n.png); background-repeat:no-repeat; left:65%; top:46%;position:absolute; width:22px; height:21px;}
.bed_15 a:hover {background-image:url(../images/d_15o.png);}
.bed_15 span {background-image:url(../images/d_15o.png); background-repeat:no-repeat; left:65%; top:46%;position:absolute; width:22px; height:21px;}

.bed_16 a {background-image:url(../images/d_16n.png); background-repeat:no-repeat; left:63%; top:53%;position:absolute; width:21px; height:22px;}
.bed_16 a:hover {background-image:url(../images/d_16o.png);}
.bed_16 span {background-image:url(../images/d_16o.png); background-repeat:no-repeat; left:63%; top:53%;position:absolute; width:21px; height:22px;}

.bed_17 a {background-image:url(../images/d_17n.png); background-repeat:no-repeat; left:66%; top:72%;position:absolute; width:21px; height:21px;}
.bed_17 a:hover {background-image:url(../images/d_17o.png);}
.bed_17 span {background-image:url(../images/d_17o.png); background-repeat:no-repeat; left:66%; top:72%;position:absolute; width:21px; height:21px;}

.bed_18 a {background-image:url(../images/d_18n.png); background-repeat:no-repeat; left:64%; top:66%;position:absolute; width:22px; height:22px;}
.bed_18 a:hover {background-image:url(../images/d_18o.png);}
.bed_18 span {background-image:url(../images/d_18o.png); background-repeat:no-repeat; left:64%; top:66%;position:absolute; width:22px; height:22px;}


/************ first-step ************/ 
.layout-1  {overflow:hidden; margin-top:5px;  }
.layout-1 .left {background-color:#ebebeb; width:61.344%;/*365px*/  float:left; }
.layout-1 .left .box-1 {border-bottom:1px solid #ffffff;}
.layout-1 .left .box-1 input {background-image: url("../images/icon_calendar.gif");
    background-position: right center;
    background-repeat: no-repeat;
    border: medium none;
    height: 25px;
    padding-left: 10px;
    text-transform: uppercase;
    width: 90%;}
.layout-1 .left .box-1:last-child {border-bottom:none;}
.layout-1 ul {overflow:hidden; padding:15px; webkit-box-sizing: border-box;/* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box;/* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ display:flex; align-items:last baseline;}
.layout-1 .left li.float {float:left; width:50%;}
.layout-1 .left ul.small li {width:20%; margin-right:12px;}
.layout-1 .left ul.small li select {width:80%;}
.layout-1 .left li.float select {width:95%;}
.layout-1 .left li.float p.big {text-align:right; padding-top:14px;}
.layout-1 .left li.float p.big span {color:#d94713; font-size:1.5em;}
.layout-1 .left .box-1 a {margin-top:5px;}
.layout-1 .left .box-1 a:hover {color:#d94713;}

.layout-1 .right {width:37.656%; /*185px*/ float:right;}
.layout-1 .right .box-2 {background-color:#ebebeb; margin-bottom:5px; padding:10px; -moz-box-sizing: border-box;/* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ overflow:hidden;}
.layout-1 .right .img-crop {width:100%; /*height:180px;*/ overflow:hidden; padding:0;}
.layout-1 .right .box-2 h4 {margin-bottom:10px;}

/************ second-step ************/
.layout-2 {overflow:hidden;}
.box-3, .box-4, .box-4 .total {padding:15px; webkit-box-sizing: border-box;/* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box;/* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ margin-bottom:5px; position:relative; overflow:hidden;}
.layout-2 .box-3 {margin-top:5px;}
.box-3, .box-4 {background-color:#ebebeb;}
.box-3 p {margin-bottom:5px;}
.box-3 p.nospace {margin-bottom:0;}
.box-3 p span {/*margin-right:5.042%/*30px;*/ width:22%; display:inline-block;}
.box-3 p span.price_nospace{width:15%;}
.box-3 a.modify {float:right; font-size:0.75em}

.box-4 {width:50%; float:left;}
.booking-content .first {width:49.075%; margin-right:0.84033%;}
.box-4 span {display:block;}
.box-4 p {margin-bottom:15px;}
.box-4 p.small {font-size:0.7125em;} 

.box-4 p.price_big {font-size:0.875em;}

.box-4 .img-showcase ul {float:left; margin-bottom:10px;}
.box-4 .img-showcase ul.large {width:62.90%; margin-right:3.70%; /*11px*/}
.box-4 .img-showcase ul.small {width:19.85%; /*54px*/}
.box-4 h4 {margin:0 0 10px 0;}

.box-4 .total {padding:15px 15px 0 15px;border-top:1px solid #ffffff; width:100%; margin-left:-16px; overflow:hidden; margin-bottom:0}
.box-4 .total p { float:left; font-weight:700; margin-bottom:0px; line-height:3em;}
.box-4 .total  button {float:right;}

/************ third-step ************/
.layout-3 {background-color:#ebebeb; padding:15px; webkit-box-sizing: border-box;/* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box;/* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ position:relative; overflow:hidden;}
.box-5, .box-6 {float:left; overflow:hidden;}
.box-5 {width:57.142%; /*340px*/ margin-right:3.361%; /*20px*/} 
.box-6 {width:39.497%;}

.box-5 li {clear:both; margin-bottom:7px; overflow:hidden;}
.box-5 label, .box-5 input, .box-5 select {float:left; width:47%;}
.box-5 input, .box-5 textarea, .box-5 select {border:none; height:25px;}
.box-5 span {color:#d94713; font-size:0.8715em; width:5%; margin-left:3px;}
.box-5 label span {display:none;}

.box-6 textarea {width:100%; height:90px; border:none; margin-top:5px; }
.box-6 li{clear:both; margin-bottom:15px; overflow:hidden;}
.box-6 label, .box-6 select {float:left; width:50%;}
.box-6 label.even {height:25px; line-height:25px;}
.box-6 span, .box-6 input[type=checkbox] {float:left;}
.box-6 input[type=checkbox], .c-box input[type=checkbox] {width:auto; margin-right:5px;}
.box-6 span, .c-box span {font-size:0.75em; width:80%;}
.c-box {margin:15px 0;}
.c-box li {display:flex; align-items:center;}
.c-box span {color:#193741;}

.layout-3 button {position:absolute; right:15px; bottom:15px;}

/*contact*/

.contact-form {margin-bottom:50px;}
.contact-form__item input, .contact-form__item textarea {background-color:#ebebeb; border:none; width:100%; height:40px;}
.contact-form__item {margin-bottom:25px;}
.contact-form .grid_12 {margin-bottom:0; padding-top:0;}
.contact-form__item label {font-size:14px; font-weight:300; margin-bottom:5px; display:block;}
.contact-form__item textarea  {height:200px; padding-top:5px;}
.no_bg .contact-form__item--last {margin-bottom:30px; margin-top:10px;}
.contact-form-btn {text-align:right; clear:both; margin-top:10px;}
.contact-form input[type=checkbox] {width:auto; height:auto;margin-right:10px;}
.contact-form  .c-box li {margin-bottom:8px;}

#recaptcha_upit {float:left; margin-right:20px;}


@media screen and (max-width : 450px) {
	#recaptcha_upit {margin-bottom:20px;}

}


/*contact*/
.accommodation-list-title {margin:30px 0;}
.accommodation-list {display:flex; margin-bottom:30px;}
.accommodation-list img, .accomodation-list-sub img {width:100%;}
.accommodation-list__item h4,.accommodation-list-sub__item h4 {margin-bottom:10px; font-weight:700;}

.accommodation-list-sub {margin-bottom:40px; overflow:hidden; background-color:#fff; padding:20px 20px 5px 20px; display:none;}
.accommodation-list-sub__item {border-bottom:1px dashed #053c46; padding-bottom:15px; margin-bottom:15px; overflow:hidden; position:relative; display:flex;}
.accommodation-list-sub__item:last-child {border-bottom:none; margin-bottom:0; }
.accommodation-list-txt {position:relative;}
.accommodation-list-txt .button  {display:inline-block; margin-top:20px;}
.accommodation-list-sub__content .button {margin-top:20px; display:inline-block;}
.accommodation-list-sub__img {background-size:cover; background-position:center; min-width:150px;}


/* Media Queries ======================================================== */

@media screen and (max-width : 1170px) {
.i-testimonials .content {width:82%;}

}

/************ tablet ************/
@media screen and (max-width : 1024px) {
/************ booking ************/
.booking-content {width:100%;}
.main-nav {width:82%;}
.lang-nav, .lang-nav-tb {width:15%;}
}

@media screen and (max-width : 990px) {
.split-content {height:1622px;}
.split-content .grid_6:first-child {width:100%;}
.split-content .grid_6 {width:100%; height:811px;}
.half-container--first, .split-content-second {float:none; margin-left:20px;}
.i-testimonials .grid_12 {width:100%;}
.i-testimonials {/*height:100%;*/ padding-bottom:60px;}
.first .container {padding-top:138px;}
.first .content {top:98px;}
.icon {top:98px;}
}
@media screen and (max-width : 780px) {
.accommodation-list__img  {min-width:200px;}
/************ page-content-no-bg ************/
.no_bg .container {width:92%;}
.no_bg .icon {display:none;}
.no_bg .grid_5 {width:50%; margin-right:0px; webkit-box-sizing: border-box;/* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box;/* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ padding-right:30px;}
.no_bg .grid_4 {width:50%; }
}

@media screen and (max-width : 710px) {

/************ header ************/
header {font-size:0.75em;}
/************ lang-nav ************/
.lang-nav {display:none;} .lang-nav-tb {display:block;}
/************ main-nav ************/
.main-nav {width:100%; margin:0;}
.lang-nav, .lang-nav-tb {width:auto;}
/************ booking************/
.booking .lang-nav {display:block;}


footer .f_content {flex-direction:column;}
/*footer .grid_12 ul.trip_advisor {float:left; clear:both; margin:0; text-align:left;}*/
}

@media screen and (max-width : 600px) {
.accommodation-list-sub__item {flex-direction:column;}
.accommodation-list-sub__img {width:100%; /*height:200px;*/ margin-bottom:20px;}

.scroll {display:none;}
/************ header ************/
header {padding:20px 0 0 0; height:165px; position:relative;}
.logo {display:none;}
.logo-sm {display:block;}

header form {display:table; margin:0 auto; margin-top:20px;}
header form .button {display:inline-block; float:none; text-align:right; clear:both; }
header form .button button {margin-top:10px;}
header form .button span {display:block; float:left; color:#ffffff; margin:15px 10px 0 0;}
/************ main-nav ************/
.main-nav-sm {display:block;} .main-nav {display:none;}

/************ lang-nav ************/
.lang-nav-tb {display:none;}

/********** content **********/
.main, .first {background-position:top center;}
.main .container {padding-top:0;}

/************ page-content-no-bg ************/
.no_bg .container {padding-top:0;}
.acc_list .container {padding:35px 0px 35px 8.25%; } 
.no_bg .grid_12 {margin:0;}
.no_bg .grid_5 {width:100%; margin-bottom:50px; padding:0;}
.no_bg .grid_4 {width:100%;}

/************ booking ************/
.layout-3 .box-5, .layout-3 .box-6 {width:100%; float:none;}
.layout-3 .box-6  {margin-top:25px;}
.layout-3 .box-6 span {margin-bottom:40px;}

.layout-2 .box-4 {width:100%; float:none;}
.box-3 a.modify {float:none; display:block; margin-top:15px;}
}

@media screen and (max-width : 640px) {
/********** footer **********/
footer .contact li:nth-child(3n) {display:block; clear:left; border:none; padding:0 10px 0 0;}
}

@media screen and (max-width : 550px) {
/********** content **********/
.icon {display:none;}
.content {position:relative; top:0; left:0; display:table; margin:58px auto 0 auto;}
.first .content {top:0px;}
.half-container--first, .split-content-second {margin-left:0;}
.no_bg .grid_12 {padding-top:38px}	

/********** footer **********/
footer .f_content ul {/*float:none;*/ overflow:hidden; margin:0px 0px 10px 0px;}
footer .f_content ul:first-child {margin-top:10px;}

footer .f_content ul li {float:left; }
footer .f_content ul li:first-child {margin-bottom:0; margin-right:5px;}
.links {flex-direction:column;}

footer .ta ul li {margin-bottom:0; margin-right:5px;}
footer .grid_12 .trip_advisor  {display:flex; align-items:flex-start; }
}

@media screen and (max-width : 480px) {

.accommodation-list {flex-direction:column;}
.accommodation-list__item {width:100%;}
.accommodation-list-txt {margin-top:10px;}

/********** booking **********/
.layout-1 .left {float:none; width:100%;}
.layout-1 .right {float:none; width:100%;}

.box-3 p span {display:block; width:100%;}
.box-3 p span:last-child {display:block; width:100%;}
.box-3 p span:nth-child(3) { margin-right:0; width:100%;}

.box-4 span {margin-bottom:5px;}
.box-4 p font {display:block;}

.layout-1 .left ul.small li {width:35%;}

.layout-1 .left .box-1 a {display:none;}
}

@media screen and (max-width : 400px) {
header form .button span {display:none;}
/********** content **********/
.content {width:auto; margin:58px 15px 0 15px;}
}

@media screen and (max-width : 356px) {
/********** footer **********/
footer .contact li {clear:both; border:none; padding:0;}

/********** booking **********/
.tabs li  {font-size:0.6em;}

.box-5 label, .box-5 input {float:none; width:100%;}
.box-5 span {display:none;}
.box-5 label span {display:inline-block; margin-left:3px;}
.box-5 .c-box-txt {display:block;}
}

.izjava {padding-top:115px;}

@media screen and (max-width : 600px) {
.izjava {padding-top:0;}
}


/********** blog **********/

.blog {padding-top:198px; margin-bottom:100px;}
.blog .grid_12 {display:flex;}
.blog .container {display:flex;}
.blog-post-img {margin:20px 0;}
.blog p+p {margin-top:20px;}
.blog-archive {padding-left:40px;}
.blog-archive h2 {margin-bottom:30px; padding-top:10px;}
.blog-archive-post {border-bottom:1px solid #193741; margin-bottom:10px; padding-bottom:10px; display:block;}
.blog-archive-post:last-child {border-bottom:none;}
/*.blog-archive-post-no-border {border-bottom:none;}*/
.blog-archive-post:last-child {border-bottom:none; margin-bottom:none; padding-bottome:none;}
.blog-archive-post small {display:block; opacity:0.7; font-size:14px;}
.blog-archive-post p {font-size:20px;}

.blog-tags {margin-top:40px;}


@media screen and (max-width : 960px) {
.blog .container {flex-direction:column;}
.blog-post, .blog-archive {width:100%;}
.blog-archive {padding-left:0; margin-top:40px;}
}

@media screen and (max-width : 600px) {
	.blog {padding-top:38px;}
	.blog h1 {font-size:40px;}
}


/* Cookies
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.cookies {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: #4e4e4e;
	z-index: 99999999;
}

.cookies-wrap {
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:20px;
}


.cookies p {
	font-size: 14px;
	text-align: left;
	color: #f2f2f2;
	padding-bottom:0;
}

.cookies p a {
	text-decoration: underline;
	color: #f2f2f2;
}

.cookies p a:hover {
	opacity: 0.8;
}

.cookies a.button {
	padding: 10px 8px;
	font-size: 12px;
	font-weight:700;
	margin:0 0 0 40px;
	background-color: rgba(255, 255, 255, 1);
	color: #3c3c3c;
	text-transform: uppercase;
	transition: all .3s ease;
	
}

.cookies a.button:hover {
	background-color: rgba(255, 255, 255, 0.9);
	text-decoration: none;
}

@media screen and (max-width:700px) {
	.cookies-wrap {flex-direction:column;}	
	.cookies p {text-align:center;}
	.cookies a.button {margin:20px 0 0 0;}
}

.popup_div {
display: none;
}
.overlay {
	background:rgb(0,0,0,0.8);
	height:100vh; 
	width:100vw; 
	position:absolute;
	top:0; 
	left:0; 
	z-index:4000; 
	display:flex;
	align-items:center; 
	justify-content:center;
}
.popup {
	background-color:#fff;
	overflow:auto;
	max-height:90vh;
}
.popup .close {
	float:right;
	font-size:14px; 
	text-decoration:underline;
}
.popup-content {
	padding:40px 40px 20px 40px;
}
.popup-content p {
	font-weight:700; 
	font-size:18px; 
	margin-bottom:15px;
}

@media screen and (max-width:550px) {
	.popup-content {
		padding:40px 20px 20px 20px;
	}
}

.youtube_play {
	background-image: url(../images/ikona_play.png);
	width: 40px;
	height: 28px;
	position: absolute;
	z-index: 99;
	top: 49%;
	left: 49%;
	background-repeat: no-repeat;
}