<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*
html { background:url(temp/details.jpg) no-repeat; background-position: center top }
*/
body { background-color:transparent }

	@font-face{font-family:'TrajanPro-Regular';src:url('fonts/TrajanPro-Regular.otf');}
	@font-face{font-family:'TrajanPro-Bold';src:url('fonts/TrajanPro-Bold.otf');}
	@font-face{font-family:'Georgia'; src:url('fonts/GEORGIA.TTF');}

.content 		{ display:block; margin:0 auto; padding:0 25px; width:980px; position:relative }
a	 			{ text-decoration:none !important; outline:none !important; }
.select_date	{ background:url("img/calendar-2.svg") no-repeat; background-position: top 7px right 5px; background-size: 27px; border:1px solid #666; padding:10px 3px; min-height:42px; height: 42px; }

/*header*/
	.header 							{ display:block; width:100%; padding:20px 15px 5px; margin:0 auto;  background:url(img/border-top.png) no-repeat;
										  background-position:bottom; background-size:98% 2px }
	.header .search 					{ float:left; width:260px; display:block }
	.header .search 					{ padding-bottom:10px; background-color:#fff; position:absolute; left:15px; top:0; z-index:100 }
	.header .search form 				{ padding:6px 25px 0 }
	.header .search label 				{ font-weight:normal; font-size:12px; color:#666 }
	.header .search select 				{ padding:12px 5px !important; color:#666; min-height: 42px; height: 42px; line-height: 42px !important;  }
	.header .search .type 				{ display:block; width:100% }
	.header .search .smjestaj			{ display:block; width:100% }
	/*.header .search .datumi_wrap 			{ margin-bottom:10px }
	.header .search .datumi					{ float:left; width:50%; margin:0 0 8px; padding-right:15px }
	.header .search .datumi-last			{ margin:0 0 8px; padding-right:0 }
	.header .search .datumi:first-child		{ padding-right:15px }
	.header .search .datumi	input			{ display:block; width:100%; color:#666 }
	.header .search .datumi label			{ margin:0}
	.header .search .broj_ljudi				{ float:left; width:50% }
	.header .search .broj_ljudi	select		{ display:block; width:100% }
	.header .search .broj_ljudi.first		{ padding-right:15px }*/

	.header .search .datumi					{ float:left; width:100%; margin:0 0 6px; padding:0 }
	.header .search .datumi-last			{ margin:0 0 6px; padding:0 }
	.header .search .datumi	input			{ display:block; width:100%; color:#666 }
	.header .search .datumi label			{ margin:0 }
	.header .search .broj_ljudi				{ float:left; width:100% }
	.header .search .broj_ljudi	select		{ display:block; width:100% }
	.header .search .broj_ljudi.first		{ padding:0 }
	.header .search .pretraga 				{ display:block; margin:15px auto; width:100%; color:#fff; background-color:#A5956C; text-transform:uppercase; text-align:center;
											  padding:11px 10px; border:0; float:left; min-height: 42px; margin-bottom: 5px; }
	.header .search .mobile-search			{ display:none; margin:15px auto; width:234px; color:#fff; background-color:#A5956C; text-transform:uppercase;
											  text-align:center; padding:6px 10px; border:0; }
	.header .search p 						{ text-align:center; font-size:12px; margin:0; line-height:14px;  }
	.header .search p a						{ color:#333 }
	.header .top-menu 						{ list-style:none; padding:0;float:right; margin:0 }
	.header .top-menu li					{ float:left; padding:0 0 10px 15px; position:relative }
	.header .top-menu li a					{ padding:0 10px 0 0; color:#000; font-size:12px;  border-right:1px solid #dadada }
	.header .top-menu li:first-child a		{ border-left:1px solid #dadada; padding-left:10px }
	.header .top-menu li:first-child ul  	{ left:15px }
	.header .top-menu li ul 				{ border:1px solid #efefef; background-color: #fff; display:none; padding: 0; left:0; top:30px;
											  position: absolute; width: 200px; z-index: 100; box-shadow:1px 9px 18px -7px rgba(0, 0, 0, 0.65)}
	.header .top-menu li:hover ul		{ display:block }
	.header .top-menu li ul li 			{ display: block; float: left; margin:0; width: 100%; padding:0 }
	.header .top-menu li ul li a 		{ border:0 !important;/* text-transform:uppercase; */display:block; padding:10px 0 8px 15px !important }
	.header .top-menu li ul li a:hover 	{ background-color:rgba(0,0,0,0.08) }
	.header .sub-menu 					{ list-style:none; padding:15px 0 0;float:right; background:url(img/border-top.png) no-repeat; background-size:100% }
	.header .sub-menu li				{ float:left }
	.header .sub-menu li a				{ border-right:1px solid #dadada;color: #000;font-size: 12px; padding:0 22px; text-transform: uppercase; font-family:'TrajanPro-Regular'; }
	html[lang="hr"] .header .sub-menu li a { padding:0 20px }
	html[lang="en"] .header .sub-menu li a { padding:0 13px }
	html[lang="de"] .header .sub-menu li a { padding:0 12px }
	html[lang="it"] .header .sub-menu li a { padding:0 15px }
	.header .logo 				{ background:url(img/logo.svg) no-repeat; background-position:center -6px; width:100%; background-size: 260px; height:100px; font-size:0; color:transparent; margin:0 auto; }
	.header .logo a 			{ display:block; width:100%; height:100% }
	.header .search .mobile-form{ display:none }
	.header .top-menu .lang		{ color:#A5956C }

	.search-result a 			{ color:#666 }

/*Homepage*/
	.slider .bxslider 						{ padding:0; }
	.slider .bx-viewport 					{ left:0; right:0 }
	.slider .bx-pager.bx-default-pager 		{ display:none }
	.slider .slider-content					{ display:block; margin:0 auto; width:1400px; padding:0 15px }
	.slider .bx-wrapper						{ margin-bottom:0;  }
	.slider .bx-wrapper .bx-viewport		{ border:0; box-shadow: none }
	.slider .slider .bxslider li img 		{ width:100% }
	.bx-wrapper .bx-controls-direction a	{ height:80px; background-color:#fff; margin-top:-40px }
	.bx-wrapper .bx-next 					{ right:0; background-image:url("img/right.png"); background-position:center !important }
	.bx-wrapper .bx-prev	 				{ left:0; background-image:url("img/left.png"); background-position:center !important }
	.slider .bxslider .text-block           { position: absolute; top: 15px; height: auto; right: 300px; width: 35%; margin: 0; color: #fff; font-family: 'Georgia'; text-align: center;  background-color: rgba(165, 149, 108, 0.70) }
	.slider .bxslider .text-block h2        { margin-top: 0; }
	.slider .bxslider .text-block ul        { list-style-type: disc;  }

	.homepage-content .content 	 				{ padding-top:30px; /* background:url(img/border-top.png) no-repeat; background-size:100%*/ }
	.homepage-content .content .col-md-8		{ padding:15px }
	.homepage-content .content .col-md-8 &gt; h2	{ font-size:30px; color:#000; text-align:left; margin:6px 0 26px; font-family:'Georgia'; }
	.homepage-content .content .col-md-8 &gt; p 	{ font-family:'Georgia'; font-size:16px; color:#666; text-align:justify }
	.homepage-content .content .col-md-8 &gt; a 	{ float:right }
	.homepage-content .content .col-md-12 &gt; h2	{ font-size:30px; color:#000; text-align:center; margin:6px 0 26px; font-family:'Georgia'; }
	.homepage-content .content .col-md-12 &gt; p 	{ font-family:'Georgia'; font-size:16px; color:#666; text-align:center }
	.homepage-content .extra 					{ display:block; width:100%; /**/ margin-top:38px; /**/ clear:both }
	.homepage-content .extra h2 				{ color:#000; font-family:'Georgia'; background:url(img/border-top.png) no-repeat; background-size:40% 2px; background-position: center right }
	.homepage-content .extra .extra-line 		{ margin-bottom:35px }
	.homepage-content .extra .extra-line .extra-block				{ float:left; width:33.3334%; display:block; padding:0 15px 0 0 }


	.homepage-content .extra .new-line {margin-bottom: -20px;}
	.homepage-content .extra .extra-line .new-box	{ float:left; width:40%; display:block; padding:0 15px 0 0 }
	.homepage-content .extra .new-box h3	{ color:#A5956C; height:45px; margin:10px 0 22px; font-family:'Georgia'; font-size:23px; display: none; }
	.homepage-content .extra .new-box.spec1 h3	{  height:auto }
	.homepage-content .extra .new-box img 	{ display:block; margin:0 auto; padding:5px; background-color:#fff; width:100%; margin-bottom:20px  }
	.homepage-content .extra .new-box p 	{ font-family:'Georgia'; color:#666; font-size:14px; margin-bottom:0 }
	.homepage-content .extra .new-box a 	{ background-color: #A5956C; color: #fff; display: block; float: right; margin: 17px 22px 0 0; padding: 4px 28px; font-weight:bold }

	.homepage-content .extra .extra-line .new-box-large	{ float:left; width:60%; display:block; padding:0 15px 0 0 }
	.homepage-content .extra .new-box-large h3	{ color:#A5956C; height:45px; margin:15px 0 2px; font-family:'Georgia'; font-size:23px }
	.homepage-content .extra .new-box-large.spec1 h3	{  height:auto }
	.homepage-content .extra .new-box-large img 	{ display:block; margin:0 auto; padding:5px; background-color:#fff; box-shadow:0 0 5px 0px rgba(0,0,0,0.4); width:100%; margin-bottom:20px  }
	.homepage-content .extra .new-box-large p 	{ font-family:'Georgia'; color:#666; font-size:14px; margin-bottom:0; }



	.homepage-content .extra .extra-line .usluge-box	{ font-family:'Georgia'; color:#666; float:left; width:50%; display:block; padding:25px 15px 25px 0; }
	.homepage-content .extra .extra-line .usluge-box h3	{ color:#000; height:45px; margin:10px 0 0px; font-family:'Georgia'; font-size:23px; }
	.homepage-content .extra .extra-line .usluge-box p 	{  font-size:14px; margin-bottom:0; margin-left: -10px; }
	.homepage-content .extra .extra-line .usluge-box li { font-size:14px; margin-bottom:0; margin-left: -10px; }
	.homepage-content .extra .extra-line .usluge-box li:first-child {list-style: none;}
	.homepage-content .extra .extra-line .usluge-box ul {margin-left: -17px;}



	.homepage-content .extra .extra-line .extra-block:nth-child(2)	{ float:left; width:33.3334%; display:block; padding:0 7px  }
	.homepage-content .extra .extra-line .extra-block:last-child	{ float:left; width:33.3334%; display:block; padding:0 0 0 15px }
	.homepage-content .extra .extra-line .extra-block.only	{ padding:0 }
	.homepage-content .extra .extra-block h3	{ color:#A5956C; height:45px; margin:10px 0 22px; font-family:'Georgia'; font-size:21px }
	html[lang="de"] .homepage-content .extra .extra-block h3	{ color:#A5956C; height:45px; margin:10px 0 22px; font-family:'Georgia'; font-size:20px }
	.homepage-content .extra .extra-block.spec1 h3	{  height:auto }
	.homepage-content .extra .extra-block a img 	{ display:block; margin:0 auto; padding:5px; background-color:#fff; box-shadow:0 0 5px 0px rgba(0,0,0,0.4); width:100%; margin-bottom:20px  }
	.homepage-content .extra .extra-block img 	{ display:block; margin:0 auto; padding:5px; background-color:#fff; box-shadow:0 0 5px 0px rgba(0,0,0,0.4); width:100%; margin-bottom:20px  }
	.homepage-content .extra .extra-block p 	{ font-family:'Georgia'; color:#666; font-size:14px; margin-bottom:0 }
	.homepage-content .extra .extra-block a 	{ display: inline-block; background-color: #a5956c; padding: 5px 35px; margin-top: 15px; color: #FFF; }
	.homepage-content .extra .extra-block a.link-button 	{ background-color: #A5956C; color: #fff; display: block; float: right; margin: 17px 22px 0 0; padding: 4px 28px; font-weight:bold }
	.homepage-content .about-more		 		{ background-color: #A5956C; color: #fff; display: block; width:120px; text-align:center;  margin: 17px auto 25px; padding: 4px 28px; font-weight:bold }
	.homepage-content .map-block h2				{ color:#000; font-family:'Georgia'; margin:15px 0 28px;
												  background:url(img/border-top.png) no-repeat; background-size:65%; background-position: center right }
	.homepage-content .map-block .map 			{ background-color: #fff;/* border-radius: 10px;*/ box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4); padding: 8px; width: 100%; }

	.homepage-content .content .motivational-block				{ padding-right:0; }
	.homepage-content .content .motivational-block .col-md-12	{ box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4); padding:15px; background-color:#fff  }
	.homepage-content .content .motivational-block h2			{ font-size:26px; padding-left:15px; text-align:left; margin-bottom:15px }
	.homepage-content .content .motivational-block ul 			{ padding-left:30px }
	.homepage-content .content .motivational-block ul li		{ margin-bottom:5px }
	.homepage-content .content .motivational-block .book-btn    { background-color: #A5956C; color: #fff; font-weight:bold; display: block; text-align:center; margin: 20px 15px 15px; padding: 8px 20px; }
	.homepage-content .content .mot	 							{/* background:url(img/border-top.png) no-repeat; background-size:100%;*/ padding: 0; margin:0 0 26px }
	.motivation li 												{ float:left; width:100%; padding-right:20px;  font-family:'Georgia'; font-size:16px; color:#666;  }

.header .search form ul { list-style-type: none; padding-left: 0; float: left; width: 100%; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4); max-height: 160px; overflow-x: auto;  }
.header .search form ul li { float: left; width: 100%; padding: 10px; text-align: center; border-bottom: 1px solid #bfc1c3; }
.header .search form ul a { color: #A5956C; display: block; width: 100%; }
.header .search form ul a span { color: #000; display: block; margin-top: 5px; }

/*List*/
	.list 						{ float:right; width:630px; padding:20px 10px 0 15px; min-height:280px }
	.list .search-result 		{ color:#A5956C; font-size:12px; margin:5px 0 0 5px}
	.list .search-result span	{ margin-right:5px }
	.list &gt; ul 					{ list-style:none; padding:0 }
	.list &gt; ul &gt; li 			{ margin-bottom:14px; padding-bottom:10px }
	.list .title-b h2 			{ float:left; margin:5px 0 0;  font-family:'times new roman'; font-size:28px; width:100%; padding-bottom:0   }
	.list .title-b h2 a 		{ color:#A5956C }
	.list .info .price			{ font-family:'times new roman'; font-size:25px; color:#A5956C; line-height:20px; margin:0;/* position:absolute; right:0; bottom:0 */ margin-bottom:4px}
	.list .info .price &gt; span 	{ font-size:20px; float:none }
	.list ul li &gt; div			{ background:none; float:left; width:100%; padding:10px 0 0; margin-top:1px; background-size:100% }
	.list ul li &gt; .title-b 		{ background:url(img/border-top.png) no-repeat; }
	.list ul li:first-child &gt; .title-b 		{ background:none }
	.list &gt; ul &gt; li:last-child		{ padding-bottom:24px;background:none }
	.list .image 				{ float:left; width:50% }
	.list .image img			{ background-color: #fff; /*border-radius: 10px;*/ box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4); padding: 5px; dipslay:block; width:100% }
	.list .info					{ float:left; width:50%; padding-left:0 }
	.list .info &gt; span 			{ text-align:left; float:left; margin-top:6px }
	.list .info .price-info		{ color:#333; font-family:"Georgia"; clear:both; width:100%; display:block; font-size:14px; padding-right:10px}
	.list .info .from 			{ color:#333; font-family:"Georgia"; margin:0; font-size:15px }
	.list .info .to 			{ color:#333; font-family:"Georgia";  margin:0; font-size:15px  }
	.list .info .to::before 		{ content: " - "; }
	.list .info .reserve 		{ background-color: #A5956C; clear: both; color: #fff; display: block; float:left; font-weight: bold;
								  margin:12px 0 15px; padding: 4px 38px; text-transform: uppercase; }
	.list .info p 				{ display: block; float: left; font-size: 12px; letter-spacing: -0.3px; margin: 10px 0; }
	.list .info ul 				{ display:block; float:left; width:100%; padding-left:10px; list-style-type: disc; }
	.list .info ul li			{ font-size:14px; font-family:'Georgia'; color:#666; padding-right:10px }
	/*.list .mobile-list 			{ display:none }
	.list .mobile-list ul		{ display:block; float:left; width:50%; padding:0 10px; list-style-type: disc; }
	.list .mobile-list ul li	{  font-size:14px; font-family:'Georgia'; color:#666 }*/

	.title-b					{ position:relative }

/* Details*/
	.list h2 					{ display:block; margin:24px 0 12px; padding-bottom:7px; font-family:'TrajanPro-Regular'; font-size:22px;  }
	.list h4 					{  font-family:'TrajanPro-Regular'; font-size:16px;  }

	.details 						{ float:right; width:630px; padding:20px 0 0 20px }
	.details .search-result 		{ color:#A5956C; font-size:12px; margin:5px 0 0 5px}
	.details .search-result span	{ margin-right:5px }
	.details h2 					{ display:block; margin:24px 0 12px; padding-bottom:7px; font-family:'TrajanPro-Regular'; font-size:22px; background:url(img/border-top.png) no-repeat;  								 background-position:bottom; background-size:100% }
	.details .date 					{ float:left; width:250px; display:block }
	.details .date input 			{ border:1px solid #A5956C; width:45%; padding:3px; color:#666 }
	.details .date .select_date		{ float:right }
	.details .date input.date_from	{ float:left }
	.details .date span				{ float:left; font-size:13px; margin-top:7px; padding-left:5px; color:#666 }
	.details .date span	b			{ color:#000 }
	.details .booking 				{ float:right; padding-top:0 }
	.details .booking .price 		{ float:left; font-family:'TrajanPro-Regular'; font-size:14px; color:#A5956C; margin-top:0; margin-right:15px }
	.details .booking .price b		{ font-family:'TrajanPro-Bold'; font-size:22px; }
	.details .booking .book			{ background-color: #A5956C; color: #fff; display: block; float: left; font-weight: bold; margin-top:0; padding: 4px 25px; text-transform: uppercase; }
	.details .Gallery 				{ margin-bottom:6px; width:100%; position:relative;height:407px;overflow:hidden }
	.details .Gallery a 			{ display:block; width:100% }
	.details .Gallery a img			{ display: block; max-width:100% }
	.details .galerija							{ clear:both; padding:8px 0; margin-bottom:10px}
	.details .galerija .images a				{ margin:0 auto; display:block }
	.details .galerija .images img				{ max-width:100%; /**/ width:100% /**/ }
	.details .galerija .thumbs					{ position:relative; height:80px; width:100%; overflow:hidden }
	.details .galerija .thumbs .thumbs-links	{ position:absolute; top:0; left:0; width:20000px; }
	.details .Gallery .images					{ display:none }
	.details .Gallery .images:first-child		{ display:block }
	.thumbs-links-wrapper 						{ margin-top:-10px }
	.details .galerija .thumbs-links-wrapper a img 	{ padding:0 3px }
	.thumbs_left 									{ display: block; height:100%; position: absolute; width: 20px; z-index: 100; left:0; top:0; background:url("img/g-left.png") no-repeat; 											  	  background-position: center; background-color:#fff;   }
	.thumbs_right 									{ display: block; height:100%; position: absolute; width: 20px; z-index: 100; right:0; top:0; background:url("img/g-right.png") no-repeat; 												    background-position: center; background-color:#fff;  }
	.details .room-details 						{ color:#666; float:left; width:100%; padding-top:5px }
	.details .room-details &gt; div				{ float:left; width:50% }
	.details .room-details h4					{ font-weight:bold; margin:2px 0 20px; font-size:14px; text-transform:uppercase }
	.details .room-details ul 					{ padding-left:5px; list-style:none }
	.details .room-details ul li				{ color:#666;/* text-transform:uppercase;*/ font-size:14px }
	.details .datepicker-block  				{ display:block; width:100%; float:left; margin-top:15px; min-height:170px }
	.details .ui-widget-header 					{ border:0; background:none;  font-weight: normal;}
	.details .ui-datepicker-multi				{ display:block; width:100% !important; background-color: #ececec; border:0; border-radius:0 }
	.details .ui-datepicker th 					{ border: 0 none; font-size: 12px; font-weight: normal; padding: 0; text-align: center; }
	.details .ui-datepicker td 					{ padding:0 }
	.details .ui-datepicker .ui-datepicker-title span	{ color:#000 }
	.ui-datepicker .ui-datepicker-prev,
	.ui-datepicker .ui-datepicker-next 			{ background-color:#A5956C }
	/*.details .ui-datepicker td a 				{ border: 0 none !important; font-size: 12px;text-align: center; background:none; color:#000}*/
	.details .ui-datepicker tbody 				{ width:90%; padding:0 5% }
	.ui-state-default.ui-state-hover 			{ color:#000 }
	.details .date .date-min 					{ margin-top: 4px; padding-left: 10px; }

	.second-booking 							{ padding-top:25px; clear:both; margin-bottom:15px }

	.reserve.disabled { background-color:#ECECEC !important; color:#999 !important; cursor: default }
	.form-reserve.disabled { background-color:#ECECEC !important; color:#999 !important; cursor: default }



	.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {background: transparent; color: #333; border:0 }
	.ui-datepicker-today .ui-state-default { border:1px solid #A5956C  }
	.ui-state-default.ui-state-active { background-color:#A5956C }
	.ui-datepicker-current-day .ui-state-defaul { background-color:#A5956C }
	.ui-datepicker  							{z-index:101 !important}
	.ui-widget-header 						{ background:#A5956C }

	.ui-datepicker-next-hover,
	.ui-datepicker-prev-hover 				{ background:#999 !important }
	.ui-datepicker-calendar .date-booked		{ opacity:1 }
	.ui-datepicker-calendar .date-booked span	{ background-color:#ED150D; color:#fff; }
	.ui-datepicker-calendar .date-range-start		{ opacity:1 }
	.ui-datepicker-calendar .date-range-start span 	{ color:#fff;background: linear-gradient(to right bottom, #ECECEC 50%, #ED150D 50%);}
	.ui-datepicker-calendar .date-range-end			{  background: linear-gradient(to right bottom, #ED150D 50%, #ECECEC 50%); color:#fff; opacity:1 }
	.ui-datepicker-calendar .date-range-end .ui-state-default		{ color:#000;}
	.ui-datepicker-calendar .date-range-end .ui-state-default:hover	{ background: linear-gradient(to right bottom, #ED150D 50%, #A5956C 50%); color:#fff;}

	.ui-datepicker-calendar .ui-state-hover { background-color:#A5956C; color:#fff }

	/*other extra-pages*/
	.content .other h2 				{ margin:26px 0 }
	.list h3 						{ color:#666;display: block; font-family: "TrajanPro-Regular"; font-size: 20px; margin: 24px 0 12px; padding-bottom: 7px; }
	.content .other p 				{ font-family:'Georgia'; font-size:16px; color:#666; text-align:justify }
	.content .other p a 			{ color:#a5956c }
	.content .other ol li 			{ font-family:'Georgia'; font-size:16px; color:#666; text-align:justify }

	.press .content .press a 						{ display:block; width:100%; margin-bottom:15px; color:#000;  }
	.press .content .press a img 					{ display:block; width:100% }

	/*google map contact*/
	.gmap 							{ width:100%; height:350px }

	/*pdf links*/
	.pdf-link 							{ color: #A5956C; font-family: "TrajanPro-Bold"; font-size: 22px; margin: 15px 0; float:left; clear:both; background:url("img/pdf-icon.png") no-repeat; background-position:left; padding:10px 0 4px 50px; background-size:50px  }
	.pdf-link:focus, .pdf-link:hover	{ color: #000; }

	/*gallery*/
	.img-block2 		{ display:block; width:100%; margin-bottom:2%; height:260px; overflow:hidden }
	.img-block2 &gt; a img { display:block; width:100% }
	.img-block2 .small 	{ display:block; width:66%; margin-right:1%; float:left }
	.img-block2 .big 	{ display:block; width:31.999%; margin-left:1%; float:left }
	.img-block3						{ display:block; width:100%; margin-bottom:2%; height:260px; overflow:hidden }
	.img-block3 &gt; a img { display:block; width:100% }
	.img-block3 .small:first-child	{ display:block; width:31.999%; margin-right:2%; float:left }
	.img-block3 .small				{ display:block; width:31.999%; float:left }
	.img-block3 .small:last-child	{ display:block; width:31.999%; margin-left:2%; float:left }
	.img-block2-1			{ display:block; width:100%; margin-bottom:2%; height:260px; overflow:hidden }
	.img-block2-1 &gt; a img { display:block; width:100% }
	.img-block2-1 .small	{ display:block; width:33%; margin-right:1%; float:left }
	.img-block2-1 .big		{ display:block; width:65%; margin-left:1%; float:left }

	/*lightbox*/
	#ui-datepicker-div		{ z-index:667 !important}
	html #jquery-overlay 	{ z-index:102 }
	html #jquery-lightbox 	{ z-index:105;  }


	/**mobile gallery*/
	.mobile-gallery .Gallery { display:none }
	.mobile-gallery .galerija .mobile-gallery-list { display:block; height:330px}

	/*Dialog booking*/
	.ui-front.ui-draggable.ui-resizable  { width:600px !important }
	.ui-front.ui-draggable.ui-resizable .book { background-color: #A5956C; color: #fff; display: block; margin: 10px auto; padding: 10px 25px; text-align: center; width: 180px; }
	#BookingForm.booking_main ul { padding:0; list-style:none }
	#BookingForm.booking_main ul li { float:left; width:48%; padding:0 1%}
	#BookingForm.booking_main ul .decription { width:98%; margin-bottom:5px }
	#BookingForm.booking_main ul .select_date { background-position:96% 8px }
	#BookingForm.booking_main ul .booking_check { height:40px; padding-top:10px }
	#BookingForm.booking_main ul .booking_check input { float:left; margin:5px 10px 0 0; width:auto; height:auto }
	.ui-dialog .ui-dialog-titlebar-close {background:url("img/x2.png") no-repeat; background-size:80%; background-position:center center; background-color:#EEEEEE  }
	.ui-dialog-content  .clearfix li 	{ margin-bottom:10px }
	.ui-dialog-content  .clearfix li label { margin-bottom:0; font-weight:normal }
	.ui-dialog-content  .clearfix li label input { display: inline; float: left; height: auto; margin-right: 10px; width: auto;}
	.ui-dialog-content.ui-widget-content { background-color:#fff;  }


/*Footer*/
	.footer  				{ margin-top:30px; background-color:#fff }
	.footer .signup 		{ float:left; padding-right:15px; width:68%}
/*	.footer .connect		{ float:left; padding-left:5px; width:32% }*/
	.footer .connect{
  float:none;          /* makni float                    */
  width:120px;         /* ostavi Å¾eljenu Å¡irinu          */
  margin:0 auto;       /* âžœ blok se poravna u sredinu    */
  padding-left:0;      /* viÅ¡e nije potreban pomak       */
  text-align:center;   /* poravnaj ikone unutar &lt;h2&gt;     */
}
	.footer h2 				{ font-size:26px; color:#000; margin:6px 10px 26px 0; font-family:'Georgia';/* background:url(img/border-bottom-2.png) no-repeat; background-size:50% 2%; 	background-position: center right*/ }
	.footer form .name 		{ margin-right: 1%; width: 18%; }
	.footer form .surname 	{ margin-right: 2%; width: 18%; }
	.footer form .subscribe	{ background-color: #A5956C; border: 0 none; color: #fff; padding-bottom: 4px; padding-top: 4px; width: 16%;}
	.footer .connect a 		{  display:block; width:37px; height:37px; margin-left:10px;  float:right; position:relative; top:-4px  }
	.footer .connect h2 		{ margin:6px 0 20px;  background-size:24% 2px; }
	html[lang="en"] .footer .connect h2 		{ background-size:44% 2px; }
	html[lang="it"] .footer .connect h2 		{ background-size:40% 2px; }
	html[lang="de"] .footer .connect h2 		{  background-size:0; }
	.footer .connect .facebook	{ background:url("img/facebook.png") no-repeat }
	.footer .connect .twitter	{ background:url("img/twitter.png") no-repeat }
	.footer .connect .instagram	{ background:url("img/instagram.png") no-repeat }
	.footer .connect .google	{ background:url("img/google+.png") no-repeat }
	.footer .connect .youtube	{ background:url("img/youtube.png") no-repeat }
	.footer .connect .pinteres	{ background:url("img/pinteres.png") no-repeat }
	.footer .bottom-menu 					{ margin-top:25px }
	.footer .bottom-menu .sub-menu 			{ list-style:none; padding:15px 0 9px;float:none; margin:0 auto; display:block; text-align:center; border-bottom:1px solid #e6e6e6 }
	.footer .bottom-menu .sub-menu li 		{ display: inline;  float: none;}
	.footer .bottom-menu .sub-menu li a		{ border-right:1px solid #dadada;color: #000;font-size: 12px; padding:0 12px; text-transform: uppercase; font-family:'TrajanPro-Regular'; }
	.footer .bottom-menu .logo 			 	{ background:url(img/logo-bottom.svg) no-repeat; background-position:center center; width:240px; background-size: 100%;
											  height:100px; font-size:0; color:transparent; margin: 15px auto 0; display:block }
	.footer .bottom-menu p 					{ text-align:center; font-size:12px }
	.footer .bottom-menu p a				{ color:#A5956C }
	.footer .eu-logos 						{ margin:15px auto; display:block; max-width:100%; width:800px }
	.footer .eu-logos img					{ display:block; width:100%; margin:0 auto  }
	.footer .bottom-menu .madeby			{ font-size:10px }

	/*Responsive mobile*/
	.mobile-active .content .mobile .top-menu li.active ul 		{ background-color: #fefefe; border: 0 none; border-bottom:1px solid #ccc; box-shadow: none; display: block !important;
																  left: 0; padding:8px 0;  position: relative; top:0; width: 100%; z-index: auto; }
	.mobile-active .content .mobile .top-menu li:hover ul 		{ display:none}
	.mobile-active .content .mobile .top-menu li.active ul li 	{ padding:0}
	.mobile-active .content .mobile .top-menu li.active ul li a { padding:4px 0 4px 15px !important; }

	#lightbox-container-image-box,
	#lightbox-container-image img,
	#lightbox-container-image-data-box	{ max-width:100% ; height:auto ;}


@media (max-width:1500px){

/*Homepage*/
	/*.mobile-active .header .mobile-open 			{ height: 100%;position: fixed;  width: 100%; z-index: 1998;}*/
	.slider .slider-content			{ width:100%; padding:0; overflow:hidden }
	.bx-wrapper .bx-prev			{ left:-5px; z-index:1500 !important }
	.bx-wrapper .bx-next			{ right:-5px; z-index:1500 !important }


}

@media (max-width:1000px){

/*global*/
	.content 									{ width:100% }
/*header*/
	.header 									{ height:55px }
	.header .background-black  					{ opacity:0;  transition:opacity 1s linear; }
	.header .mobile-open 						{ position:absolute; right:0; top:0; display:block; width:35px; cursor:pointer }
	.mobile-active .header .background-black 	{ background-color: rgba(0, 0, 0, 0.6);height: 100%;position: fixed;  width: 100%; z-index: 1998; opacity:1; top:0; right:0; bottom:0; left:0}
	.header .mobile-open span					{ display:block; width:100%; height:4px; background-color:#A5956C; margin-bottom:4px }
	.mobile-active .header .mobile-open span 	{ display:none }
	.header .mobile 					{ background-color: #fff; padding: 15px 25px; position: fixed; right:-36%; top:0;
										  width: 35%; z-index: 2000; transition:right 0.6s linear; height:100%;  }
	.mobile-active .header .mobile		{ right:0 }
	.header .mobile .top-menu 			{ background:url(img/border-top.png) no-repeat; background-size:98%; background-position:bottom; padding-bottom:10px; margin-bottom:0  }
	.header .mobile .top-menu &gt; li 		{ width:100%; margin:10px 0; padding:0; text-align:left  }
	.header .mobile .top-menu &gt; li &gt; a	{ border: 0 none; display: block; padding:0; text-align:left;  text-transform: uppercase; font-family:'TrajanPro-Regular';}
	.header .mobile .sub-menu li 		{ width:100%; margin:10px 0; padding:0; text-align:left  }
	.header .sub-menu 					{ padding-top:0 }
	.header .sub-menu li				{ width:100%; padding-top:10px; text-align:left }
	.header .sub-menu li a				{ border:0; padding:0 }
	html[lang="en"] .header .sub-menu li a { padding:0 }
	html[lang="de"] .header .sub-menu li a { padding:0 }
	html[lang="it"] .header .sub-menu li a { padding:0 }
	.thumbs_right,
	.thumbs_left	 					{ background-color:#fff}


	.mobile-gallery .galerija .mobile-gallery-list						{ height:580px }

}

@media (min-width:992px){

.homepage-content .content .motivational-block				{ padding-right:0; margin-top:-140px }
.slider .slider-content { min-height: 440px; }
}
/*991*/
@media (max-width:1000px){

/*header*/
	.header				 						{ height:auto; padding:0; background:none}
	.header .mobile-open  						{ top:25px; right:25px }
	.header .search 							{ position:relative; z-index:0; left:0; width:100%; padding-bottom:0 }
	.header .logo								{ margin:10px 0 0; float:left; width: 240px; }
	.header .search .mobile-search 				{ margin:70px 0 0; float:right }
	.header .search p 							{ display:none }
	.header .search form 						{ display:none; margin-top: 5px; width: 100%; padding:0; float:left}
	.home .header .search form					{ display:block }
	.header .search .mobile-search 				{ display:block }
	.header .search .pretraga.mobile-form 		{ display:block; width:100%; margin:10px 0}
	.home .header .search .pretraga.mobile-form { display:none}
	.select_date 								{ background-position: top 5px right 5px; background-size: 29px; }
	.chrome-fix									{ background-position:93% 5px !important }
	.details .date .chrome-fix					{ background-position:85% 5px !important }

	/*.header .search label 						{ width:32.33%; float:left; margin:5px 1% 5px 0 }
	.header .search label .smjestaj 			{ width:100% !important }
	.header .search .datumi		 				{ width:32.33%; float:left; margin:5px 1% 5px 0; padding:0}
	.header .search .datumi-last 				{ width:33.33%; float:right; margin:5px 0 5px 0 }
	.header .search .datumi label				{ margin:0}
	.header .search .broj_ljudi 				{ width:32.33%; float:left; margin:5px 1% 5px 0 }
	.header .search .broj_ljudi.first			{ padding:0 }
	.header .search .pretraga 					{ float:right; width:33.33%; padding:3px; margin-top:22px }
	.header .search .smjestaj 					{ width:100% }	*/





/*homepage*/
	.slider .bx-wrapper							{ margin:0; padding:0 25px }
	.bx-wrapper .bx-prev						{ left:25px }
	.bx-wrapper .bx-next 						{ right:25px }
	.slider .bxslider .text-block               { display: none; }
	.homepage-content .content .col-md-8 		{ padding:0 }
	.homepage-content .content .col-md-8 &gt; h2 	{ margin:0 0 15px }
	.homepage-content .content .motivational-block { margin:0; padding:0 }
	.homepage-content .extra	 				{ margin-top:0 }
	.homepage-content .extra .extra-block h3 	{ padding:0; margin:10px 0 15px; font-size:17px; }
	.homepage-content .extra .extra-block p 	{ min-height:155px }
	/*.homepage-content .extra h2 				{ background-size:45% }*/
	.homepage-content .content &gt; h2 			{ margin-bottom:15px}
	.homepage-content .map-block h2 			{ background-size:68% }
	.homepage-content .extra h2 				{ background:none }

	.homepage-content .extra .new-line {margin-top:20px;}


/*List*/
	.list 										{ width:100%; padding:0; min-height:200px }
	.list .search-result 	 					{ margin:5px; background:url(img/border-top.png) no-repeat; background-size:98%; padding-top:5px  }
	.list h2 									{ margin:14px 0 0 }
	.list .price 								{ margin:10px 0 0 }
/*	.list .info span:first-child				{ width:100% }*/

	.list .mobile-title							{ text-align:right; display:block }
	.list .desktop-title						{ display:none }

/*Details*/
	.details .search-result 					{ margin-left:0 }
	.details 									{ width:100%; padding:0 }
	.details h2 								{ margin:14px 0 12px }
	.details .booking 							{ padding:0 }
	.details .room-details h4 					{ margin:2px 0 15px }
	.mobile-gallery .galerija .mobile-gallery-list						{ height:460px }

/*lightbox*/
	#lightbox-container-image-box,
	#lightbox-container-image img,
	#lightbox-container-image-data-box			{ width:100% !important; height:auto !important; padding:8px 8px 0}

/*footer*/
	.footer .bottom-menu .sub-menu 				{ padding:0 }
	.footer h2 									{ background-size:35% 2%; margin-bottom:20px }
	.footer .connect h2 		 				{ background:none; margin:5px 0 15px }
/*	.footer .connect a 							{ width:33.334%; margin:0 0 5px}
	.footer .connect .facebook	{ background-position:center center; }
	.footer .connect .twitter	{ background-position:center center; }
	.footer .connect .instagram	{ background-position:center center; }
	.footer .connect .google	{ background-position:center center; }
	.footer .connect .youtube	{ background-position:center center; }
	.footer .connect .pinteres	{ background-position:center center; }*/
	.footer .bottom-menu 		{ margin-top:22px }
	.footer form .name 			{ margin-right: 1%; width: 19%; }
	.footer form .surname 		{ margin-right: 1%; width: 19%; }
	.footer form .subscribe		{ width: 20%;}
}


@media (max-width:750px){

/*homepage*/
	.homepage-content .map-block h2 								{ background-size:60% }
	.homepage-content .extra .extra-line	 						{ margin-bottom:0 }
	.homepage-content .extra .extra-line .extra-block,
	.homepage-content .extra .extra-line .extra-block:nth-child(2),
	.homepage-content .extra .extra-line .extra-block:last-child	{ width:100%; padding:0; margin-bottom:10px }
	.homepage-content .extra .extra-block a 						{ margin:5px 0 0; padding:5px 40px; margin-top: 15px; display: inline-block; }
	.homepage-content .extra .extra-block h3 						{ height:auto; font-size:22px; }
	.homepage-content .extra .extra-block br 						{ display:none }
	.homepage-content .extra .extra-block p  						{ min-height:1px }


	.homepage-content .extra .extra-line .new-box	{ float:left; width:100%; display:block; padding:0 15px 0 0; margin-top: 20px; }
	.homepage-content .extra .extra-line .new-box img	{ padding:0 }
	.homepage-content .extra .extra-line .new-box h3	{ margin: 10px 0 -5px; display: inline-block; }

	.homepage-content .extra .extra-line .new-box-large	{ float:left; width:100%; display:block; padding:0px 15px 0 0 }
	.homepage-content .extra .new-box-large h3 {display: none;}

	.homepage-content .extra .extra-line .usluge-box	{ float:left; width:100%; display:block; padding:0 15px 0 0; margin-top: 20px; }


/*Dialog*/
	#BookingForm.booking_main ul li { width:100%;  }
	.ui-front.ui-draggable.ui-resizable { max-width:90% }

/*List*/
	.list .title-b h2 					{  font-size:25px;  }
	.list .info .price			{font-size:22px;}
	.list ul li &gt; div 			{ padding-top:12px; background-size:100% 1px  }
	.list .info p 				{ margin-top:20px }
	.list .info ul 				{ padding-left:15px; margin-bottom:15px}
/*	.list .info span 			{ font-size:12px }*/
	.list .info p 				{ text-align:justify }
	/*.list .mobile-list 			{ display:block; float:left; width:100%; margin-top:10px; padding-left:10px }*/

/*footer*/
	.footer h2 					{ background:none }
	.footer form .name,
	.footer form .surname,
	.footer form .subscribe,
	.footer form .email 		{ width:48%; margin:0 2% 4px 0; float:left }
	.footer .signup 			{ width:58%  }
	/*.footer .connect 			{ width:42% }*/

}


@media (max-width:630px){
		.mobile-gallery .galerija .mobile-gallery-list						{ height:400px }
		.motivation li 														{ width:100% }
		.list &gt; ul &gt; li 													{ padding-bottom:5px; margin-bottom:0 }
		.details .galerija 													{ padding:15px 0 8px; margin:0 }
}

@media (max-width:600px){
		.mobile-gallery .galerija .mobile-gallery-list						{ height:335px }
		.footer .connect { float:none; margin:0 auto }
		.icons-part { flex-direction: column !important; }
}

@media (max-width:550px){

/*header*/
	.header .search 			 	{ padding:0 0 10px 0 }
	.header .logo 					{ width:150px; background-size:100%; height:60px; background-position: center; margin-top: 0; }
	.header .search .mobile-search 	{ margin:10px 0 0; width:100% }
	.header .mobile 				{ padding:10px 20px }
	.header .sub-menu 				{ background:none; float:left }
	.header .mobile 				{ right:-61%; width:60% }
	.mobile-active .header .mobile	{ right:0 }

/*homepage*/
	.homepage-content .content 					{ background:none }
	.homepage-content .extra .extra-block a 	{ margin:5px 0; margin-top: 15px; display: inline-block; }
	.homepage-content .map-block h2				{ display:none }

/*Details*/
	.details .Gallery 						{ height:235px !important }
	.details .datepicker-block  			{ display:block; width:100%; float:left; margin-top:15px; min-height:170px }
	.details .ui-widget-header 				{ border:0; background:none;  font-weight: normal;}
	.details .date span 					{ padding-left:0 }
	.details .ui-datepicker					{ display:block; width:100% !important; background-color: #ececec; border:0; border-radius:0 }
	.details .ui-datepicker-calendar th 			{ border: 0 none; font-size: 12px; font-weight: normal; padding: 0; text-align: center; }
	.details .ui-datepicker-calendar td 			{ padding:0 }
	/*.details .ui-datepicker-calendar td a 			{ border: 0 none !important; font-size: 12px; padding: 0; text-align: center; background:none }*/
	.details .ui-datepicker-calendar tbody 			{ width:90%; padding:0 5% }

.offer-block h2	{ font-size: 20px !important;  }

/*List*/
	.list .image 		{ width:100%; margin-bottom:10px }
	.list .info 		{ width:100%; padding:0 }
	.list .price 		{ margin:0 }
	.list ul li &gt; div	{ background:none; padding:6px 0 0 }
	.list &gt; ul &gt; li		{  padding-top:5px }
	.list h2 			{ margin-top:4px; font-size:20px;  }
	.list .price	{ font-size:20px; }

/*gallery*/

	.mobile-gallery .galerija .mobile-gallery-list { height:300px }
	.img-block2 		{ height:auto; margin:0 }
	.img-block2 .big 	{ width:100%; margin:10px 0; float:left }
	.img-block2 .small 	{ width:100%; margin:10px 0; float:left }
	.img-block3 		{ height:auto; margin:0 }
	.img-block3 .small:first-child	{ width:100%; margin:10px 0; float:left }
	.img-block3 .small				{ width:100%; margin:10px 0; float:left }
	.img-block3 .small:last-child	{ width:100%; margin:10px 0; float:left }
	.img-block2-1 			{ height:auto; margin:0 }
	.img-block2-1 .small	{ width:100%; margin:10px 0; float:left }
	.img-block2-1 .big		{ width:100%; margin:10px 0; float:left}

/*footer*/
	.footer								{ margin:0 }
	.footer .bottom-menu .logo 	{  width:150px; background-size:100%; height:60px }
	.footer h2 							{ font-size:24px }
	/*.footer .connect a 					{ width:50% }*/
	.footer form .name,
	.footer form .surname,
	.footer form .subscribe,
	.footer form .email 				{ width:100%; margin:0 0 5px 0; float:left }
	.footer .bottom-menu .logo 			{ margin:10px auto }
	.footer .bottom-menu .sub-menu li 	{ display: inline-block; float: none; margin: 0 0 10px; }

}

@media (max-width:520px){
/*	.header .search label 						{ width:49%; float:left; margin:5px 1% 5px 0 }
	.header .search .datumi		 				{ height:45px; width:49%; float:left; margin:5px 1% 5px 0 }
	.header .search .datumi-last 				{ width:49%; float:left; margin:5px 1% 5px 0 }
	.header .search .datumi label				{ margin:0 }
	.header .search .broj_ljudi 				{ height:45px; width:49%; float:left; margin:5px 1% 5px 0 }
	.header .search .broj_ljudi.first			{ padding:0; margin:5px 1% 5px 0 }
	.header .search .pretraga 					{ float:left; width:49%; padding:3px 3px 4px; margin-top:22px }
	.header .search .smjestaj 					{ width:100% }*/
	.mobile-gallery .galerija .mobile-gallery-list { display:block; /*height:330px*/ height:230px}
}


@media (max-width:400px){

/*global*/
	.content 								{ padding:0 10px }



/*homepage*/
	.slider 								{ overflow:hidden; margin:0 10px }
	.slider .slider-content					{ width:200%; left:-50%; position:relative }
	.slider .bx-wrapper						{ padding:0;  }
	.bx-wrapper .bx-prev					{ left:24.8% }
	.bx-wrapper .bx-next 					{ right:24.8% }
	.header .mobile-open 					{ right:10px; top:20px }
	.bx-wrapper .bx-controls-direction a 	{ margin-top:-20px; height:40px }
	.homepage-content .content &gt; p 			{ text-align: justify; }
	.homepage-content .extra .extra-block p	{ text-align: justify; }

/*Details*/
	.details .Gallery 						{ height:165px !important }
	.mobile-gallery .galerija .mobile-gallery-list { display:block; /*height:330px*/ height:180px}

/*Footer*/
	.footer .bottom-menu p 					{ margin:0 5px 12px }

}

@media (max-width: 468px) {
		.homepage-content .extra .extra-line .usluge-box h3{ margin-bottom: 20px;}
}

.bikeandhike {
	margin: 0 auto;
	display: block;
}


.homepage-content .content .col-md-8 .action &gt; a { float: right; }

.homepage-content .content .col-md-8 .action { float: left; font-family: 'Georgia', serif;}

.homepage-content .content .col-md-8 .action .heading { font-size: 30px; line-height: 34px; color: #000; }
.homepage-content .content .col-md-8 .action .subheading { font-size: 20px; line-height: 24px; color: #666; }
.homepage-content .content .col-md-8 .action .subheading span { font-weight: 600; color: #a6966c; }

.homepage-content .content .col-md-8 .action .action-box { display: table; width: 100%; }
.homepage-content .content .col-md-8 .action .action-box .action-image { display: table-cell; vertical-align: top; }
.homepage-content .content .col-md-8 .action .action-box .action-image img { max-width: 150px; }
.homepage-content .content .col-md-8 .action .action-box .action-text { display: table-cell; vertical-align: top; padding-left: 30px; font-size: 18px; line-height: 22px; color: #666;  }
.homepage-content .content .col-md-8 .action .action-box .action-text a {color: #a6966c;  }

.getaway-box { overflow: hidden; }
.getaway-box h3 { font-size: 14px; line-height: 18px; }
.getaway-box picture { width: 100%; }
.getaway-box picture img { width: 100%; }
.getaway-box a { background-color: #A5956C; color: #fff; display: block; float: right; margin: 17px 22px 0 0; padding: 4px 28px; font-weight: bold; }

.send-book { background-color: #A5956C; color: #fff; display: block; float: right; margin: 17px 22px 0 0; padding: 4px 28px; font-weight: bold; float: left; }
.send-book:hover { color: #fff;  }

.cjenik-olive { background-color: #A5956C; color: #fff; display: block; float: right; margin: 17px 22px 0 0; padding: 4px 28px; font-weight: bold; float: left; }
.cjenik-olive:hover { color: #fff;  }

.offer-block { padding: 10px 25px; background-color: #a5956c; margin-bottom: 15px; color: #FFF; }
.offer-block h2	{ font-size: 26px; margin-top: 15px; margin-bottom: 0; }
.old-price { text-decoration: line-through; opacity: .5; }

@media (min-width:551px){
.list .title-b h2 { padding-bottom: 15px; }
}

@media (min-width: 1001px) {
.offer-block {margin-top: 47px;}
}

.price-div { float: left; width: 100%; float: left; width: 100%; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4); margin-bottom: 30px; }
.price-div a { float: left; display: block; width: 100%; height: auto; }
.price-div a img { float: left; }
.price-div a span { margin-left: 10px; }

.price-div .pdf-link { color: #A5956C; font-family: "TrajanPro-Bold"; font-size: 22px; margin: 0; clear: unset !important; float: left; background: none; padding: 15px 0px 13px 15px; }

.safe { width: 100%; display: block; float: left; margin-top: 0; margin-bottom: 15px; }
.safe img { width: 100%; height: 100%; max-width: 290px; margin: 0 auto; display: block; }

.safe-img { max-width: 300px; }

@media (min-width: 992px) {

.safe { margin-bottom: 0px; }

}

.mid-heading { margin-top: 35px; margin-bottom: 10px; }

.icons-part { display: block; flex-direction: row; justify-content: center; }
.icons-part .safe-stay-icons img { height: 52px; width: 100%;display: none }
.icons-part .etko-icon img { height: 52px; width: 100%; display: none;}
.icons-part .connect-icons { margin-top: 7px; }

.flex-links {
	display: flex;
	justify-content: flex-start; /* Aligns the links to the start (left) */
	gap: 4vw; /* Adds space between the two links */
  }
  

.gault-container{
  display:flex;
  flex-wrap:wrap;
  gap:20px;                 /* razmak meÄ‘u ikonama               */
  justify-content:space-between; /* uredan razmak i na Å¡irokim   */
}

.gault-item{
flex: 1 1 calc(20% - 20px);     /* toÄno 5 u redu, bez rastezanja */
  display:flex;
  justify-content:center;
  align-items:center;
}

/* mali kvadrat da â€œcontainâ€ sliku */
.gault-inner{
  width:100%;
  aspect-ratio:1/1;          /* kvadrat                          */
  display:flex;
  justify-content:center;
  align-items:center;
}

.gault-inner img{
  max-width:80%;
  object-fit:contain;        /* nikad ne reÅ¾e ni razvlaÄi        */
}

.footer-cert-icons{
  order:98;          /* dolazi odmah prije social-reda          */

  gap:20px;
}



/* ---------- Responsive ---------- */
@media (max-width:1024px){
  .gault-item{flex:0 0 calc(50% - 20px);}  /* 2 u redu */
  .gault-inner img{
  max-width:50%;
  object-fit:contain;        /* nikad ne reÅ¾e ni razvlaÄi        */
}

}
@media (max-width:600px){
  .gault-item{flex:0 0 calc(50% - 20px);}
  
  .gault-inner img{
  max-width:80%;
  object-fit:contain;        /* nikad ne reÅ¾e ni razvlaÄi        */
} /* 1 u redu */
}

</pre></body></html>