* {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-text-size-adjust: none; margin:0; padding:0; font-family: 'Open Sans', sans-serif;}



.img {display:block; border:0;}

strong {font-weight:400;}

h1 {font-size:30px; font-weight:300; text-align:center; color:#273e80; padding:0 20px 0 20px; display: table; background:#FFFFFF; margin:auto;}

h2 {float:left; line-height:1em; margin:10px 0 5px 10px; font-size:20px; font-weight:300; color:#7c7c7c; width:90%;}

h3 {float:left; width:100%; font-size:28px; color:#FFFFFF; font-weight:300; margin-left:5px;}

h4 {width:100%; margin:70px 0 10px 0.5%; float:left; font-size:30px; font-weight:300; color:#273e80;}

.header {width:100%; min-height:82px; background: url(img/headbck.png) center center; background-size: cover; float:left;}


.burger {
	display:none;
	position:relative;
	float: right;
	width:28px;
	height:3px;
	border:0;
    background:#fff;
	margin: 35px 15px 0 0;
    transition: all 0.2s ease-in-out;
	z-index: 1000;
}

.burger.active {
    background: none;
}

.burger:before, .burger:after {
	content:"";
	position:absolute;
	left:0;
	width:100%;
	height:3px;
    background:#fff;
    transition: all 0.2s ease-in-out;
}

.burger:before {
    top:-7px;
}

.burger.active:before {
    top:0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.burger:after {
	top:7px;
}

.burger.active:after {
    top:0;
	-webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.mobmenu,
.mobmenu.active {
	display: none;
}

.divw {width:1100px; margin:auto;}

.logo {float:left; margin-top:20px; width:264px; display:block;}

.lang {float:right; margin-top:30px; padding-bottom:5px; cursor:pointer;}

.langimg {float:left; width:18px; margin:4px 7px 0 0;}

.lang span {float:left; color:#FFFFFF; font-size:13px;}

.lang ul {padding:5px 5px 10px 5px; background:#273e80; border:1px solid #436da8; box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4); position:absolute; top:50px; z-index:1; display:none;}

.lang ul li {list-style:none; color:#FFFFFF; font-size:13px; padding:2px 5px 2px 32px; border:1px solid #273e80; float:left; width:100%; clear:both;}

.lang ul li:hover {border:1px solid #FFFFFF;}

.lang ul li a {color:#FFFFFF; text-decoration:none; float:left; width:100%;}

.lang:hover > ul {display: block;}

.menidiv {float:left; width:100%; background:#436da8;}

nav li {list-style:none;}

nav li a:hover {background-color:#273e80;}

nav ul ul {position:absolute; top:110px; padding:5px 15px 10px 5px; background:#273e80; border:1px solid #436da8; box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4); z-index:1; display: none;}

nav ul ul li {list-style:none; float:left; clear:both; width:100%; color:#FFFFFF; font-size:13px; padding:5px 5px 5px 32px; border:1px solid #273e80; background:url(img/city.png) no-repeat; background-size:19px auto; background-position:5px 5px;}

nav ul ul li:hover {border:1px solid #FFFFFF;}

nav ul ul li a {text-decoration:none; color:#FFFFFF; width:100%; float:left;}

nav ul li:hover > ul {display: block;}

.homebut {padding:5px 5px 5px 27px; margin-left:20px; background:url(img/home.png) no-repeat; background-size:16px auto; background-position:5px 6px; font-size:13px; color:#FFFFFF; text-decoration:none; float:left;}

.offerbut {padding:5px 5px 5px 36px; margin-left:20px; background:url(img/offer.png) no-repeat; background-size:24px auto; background-position:5px 7px; font-size:13px; color:#FFFFFF; text-decoration:none; float:left;}

.destinationsbut {padding:5px 5px 5px 22px; margin-left:20px; background:url(img/location.png) no-repeat; background-size:11px auto; background-position:5px 6px; font-size:13px; color:#FFFFFF; text-decoration:none; float:left;}


.transfersbut {padding:5px 5px 5px 40px; margin-left:20px; background:url(img/transfers.png) no-repeat; background-size:28px auto; background-position:5px 8px; font-size:13px; color:#FFFFFF; text-decoration:none; float:left;}

.boatbut {padding:5px 5px 5px 49px; margin-left:20px; background:url(img/boat-icn.png) no-repeat; background-size:35px auto; background-position:5px 8px; font-size:13px; color:#FFFFFF; text-decoration:none; float:left;}

.contactbut {padding:5px 5px 5px 33px; margin-left:20px; background:url(img/contact.png) no-repeat; background-size:21px auto; background-position:5px 6px; font-size:13px; color:#FFFFFF; text-decoration:none; float:left;}

.suceljebut {float:right; text-decoration:none; color:#FFFFFF; font-size:13px; padding:5px 5px 5px 27px; background:url(img/login.png) no-repeat; background-size:15px auto; background-position:5px 7px;}

.suceljebut:hover {background-color:#273e80;}

.cover {float:left; width:100%; height:350px; background:url(img/back.jpg) center center; background-size:cover; position:relative;}

.searchbck {position:absolute; bottom:0; left:0; width:100%; background:rgba(255,255,255,0.6);  padding:10px 0 10px 0; z-index:0;}

.searchform {margin:auto; width:650px;}

.searchform img {width:6%; margin-right:2%; float:left;}

.datediv {width:25%; margin:0.8% 1% 0 0; float:left;}

.date {width:100%; height:30px; padding:0 5px 0 5px; font-size:13px; border:1px solid #273e80; -webkit-appearance: none; border-radius:5px; cursor:pointer; float:left;}

.brosoba {width:17%; height:30px; padding:0 5px 0 5px; font-size:13px; margin:0.8% 1% 0 0; border:1px solid #273e80; background:url(img/pers.svg); background-size:17px auto; background-repeat:no-repeat; background-position:top 7px right 5px; background-color:#FFFFFF; -webkit-appearance: none; border-radius:5px; float:left;}

.submit {width:22%; margin-top:0.8%; padding:5px 0 4px 0; height:30px; font-size:14px; color:#FFFFFF; font-weight:600; background-color:#de0d0d; border:1px solid #b62525;  border-radius:5px; cursor:pointer; float:left;}

.submitin {display:table; margin:auto; padding-left:22px; background:url(img/search.svg) no-repeat; background-size:16px auto; background-position:0 3px;}

.divh1 {width:100%; margin:50px 0 50px 0; float:left; background:url(img/line.png); background-repeat:repeat-x; background-position:center;}

.title {width:100%; margin:60px 0 60px 0; float:left; background:url(img/line.png); background-repeat:repeat-x; background-position:center;}

.title p {font-size:30px; font-weight:300; text-align:center; color:#273e80; padding:0 20px 0 20px; display: table; background:#FFFFFF; margin:auto;}

.objekat {float:left; width:24%; margin:20px 0.5% 0 0.5%; box-shadow: 0 5px 5px #efefef; text-decoration:none; position: relative;}

.objekat > figure {
	float: left;
	width: 100%;
	padding-top: 70%;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.objekat > .note {
	position: absolute;
	left: 35px;
	top: 20px;
	padding: 8px 15px 8px 35px;
	border-radius: 5px;
	background: #de0d0d;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	font-style: italic;
}

.objekat > .note::after {
	content:"";
	position: absolute;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	top: 50%;
	left: -25px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background: url(img/alarm.svg) no-repeat center center;
	background-color: #de0d0d;
	box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.4);
}

.objekat:hover {opacity: 0.6;}

.objekat .in {float:left; width:100%; border:1px solid #d8d8d8; margin-top:5px; padding-bottom:15px;}

.objekat .list {float:left; width:90%; font-size:14px; color:#7c7c7c; margin:10px 0 0 15px; padding:1px 0 1px 30px;}

.entire_offer {float:right; margin-top:20px; margin-right:0.5%; text-decoration:none;}

.entire_offer > img {float:left; position:absolute;}

.entire_offer > div {float:left; padding-right:20px; margin:5px 0 0 30px; background-color:#de0d0d; border-radius:5px; font-size:14px; font-weight:600; padding:5px 5px 5px 15px; font-style:italic; font-style:italic; color:#FFFFFF;}


.destination {float:left; width:49%; height:350px; margin:0.5%; position:relative;}

.destination div {position:absolute; left:0; bottom:0; width:100%; background:rgba(39,62,128,0.6); color:#FFFFFF;}

.destination p {text-align:justify; line-height:1.5em; font-weight:300; font-size:14px; padding:5px 10px 30px 10px; width:100%; float:left;}

.destination a {position:absolute; right:0; bottom:0; line-height:1em; padding:6px 10px 6px 10px; background:rgba(39,62,128,0.7); font-size:14px; font-weight:400; color:#FFFFFF; font-style:italic; text-decoration:none;}

.destination img {float:left; margin-right:5px;}

.abouttext {float:left; margin-left:0.5%; text-align:justify; line-height:1.7em; font-size:14px; font-weight:400; width:69%; color:#7c7c7c;}

.tekst {float:left; margin-left:0.5%; padding-right:1%; text-align:justify; line-height:1.7em; font-size:14px; font-weight:400; width:100%; color:#7c7c7c;}

.bestprice {width:28%; float:left; margin:7px 0.5% 0 2%; padding:0 20px 20px 20px;  background: -webkit-linear-gradient(57deg, #273e80, #677aaf); background: linear-gradient(57deg, #273e80, #677aaf);}

.titlbestpr {width:100%; padding:20px 0 20px 0; font-size:30px; color:#FFFFFF; font-weight:300; line-height:0.9em; background:url(img/bestprice.png); background-size: 60px auto; background-repeat:no-repeat; background-position:center right 2%; background-position-y: center; background-position-x: 98%;}

.textbestpr {font-size:13px; font-weight:400; padding:0 4px 0 4px; width:100%; line-height:1.6em; text-align:justify; color:#FFFFFF; float:left;}

.footer {float:left; width:100%; padding:15px 0 15px 0; margin-top:120px; background:#273e80;}

.footer .docs > a {float:left; margin-left:25px; font-size:13px; color:#FFFFFF; text-decoration:none; font-weight:400;}

.docs {float:right; margin-right:0.5%;}

.doc {background:url(img/doc.png) no-repeat; background-size:14px auto; background-position:0 7px; padding:7px 0 5px 20px; float:left;}

.doc:hover {text-decoration:underline;}

.sitemap {background:url(img/sitemap.png) no-repeat; background-size:19px auto; background-position:0 8px; padding:7px 0 5px 25px; float:left;}

.sitemap:hover {text-decoration:underline;}

.objekatsearch {float:left; width:100%; margin-bottom:30px; box-shadow: 0 5px 5px #efefef;}

.objekattitle {float:left; width:100%; color:#FFFFFF; background:#273e80; font-size:20px; font-weight:300;  padding:4px 0 4px 10px;}

.objekatimg {float:left; width:17%; height:auto; margin:2% 4% 2% 2%; box-shadow: 3px 3px 3px #c7c7c7;}

.objekatsearch .warpicons {float:left; width:77%; margin-top:30px;}

.objekatul {float:left; width:27%;}

.objekatli {float:left; width:100%; margin-bottom:10px;}

.objekatli img {float:left; width:20px; height:20px;}

.objekatli .stars {height:12px; width:auto; margin:4px 0 0 5px;}

.objekatli .check {float:left; width:13px; height:auto; margin:3px 0 0 5px;}

.objekatli p {float:left; margin-left:10px; font-size:14px; color:#7c7c7c;}

.objekatsearch .lokacija {float:left; width:15%; height:auto;}

.legend {float:left; margin:8px 15px 0 0;}

.legend img {width:13px; margin:2px 5px 0 4px; height:auto; float:left;}

.legend p {float:left; font-size:12px; font-style:italic; color:#7c7c7c;}

.objekatsearch > a > figure {
	float:left; 
	width:17%; 
	height: 150px;
	margin:2% 4% 2% 2%; 
	box-shadow: 3px 3px 3px #c7c7c7;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.objekatsearch .apartman {float:left; padding:5px 0 5px 0; text-decoration:none; width:100%; border-left:1px solid #e7e5e5; border-right:1px solid #e7e5e5; border-bottom:1px solid #e7e5e5;}

.objekatsearch .apartman:hover { background:#ececec;}

.objekatsearch .apartman img {float:left; width:30px; margin-left:2%; height:auto;}

.objekatsearch .apartman .titleapp {float:left; color:#204e8f; font-size:14px; font-weight:600; margin-left:10px;}

.objekatsearch .apartman .price {float:right; margin-right:2%; color:#de0d0d; font-size:14px; font-weight:600;}

.pages {float:right; font-size:14px;}

.pages a {text-decoration:none; color:#636363; margin-left:5px; padding:1px 6px 1px 6px; background:#F9F9F9; border:1px solid #E6E6E6; float:left;}

.pages span {color:#CCCCCC; padding:1px 6px 1px 6px; margin-left:5px; border:1px solid #E6E6E6; float:left;}

.dest_sub {float:left; width:100%; border-bottom:1px solid #d8d8d8; padding:5px 0 5px 0; color:#273e80; font-size:20px; font-weight:300; margin-top:25px;}
.dest_sub img {float:left; width:25px;}
.dest_sub p {float:left; margin-left:10px;} 

.doc_sub {float:left; width:100%; border-bottom:1px solid #d8d8d8; padding:5px 0 5px 0; color:#273e80; font-size:20px; font-weight:300; margin-top:25px;}

.div_doc {width:1100px; margin:auto;}

.div_doc > p {float:left; margin:15px 0 0 0.5%; padding-right:1%; text-align:justify; line-height:1.7em; font-size:14px; font-weight:400; width:100%; color:#7c7c7c;}

.div_doc > h3 {float:left; width:100%; border-bottom:1px solid #d8d8d8; padding:5px 0 5px 0; color:#273e80; font-size:20px; font-weight:300; margin-top:25px;}

.div_doc > ul {line-height:1.7em; font-size:14px; color:#7c7c7c; margin:15px 0 0 25px; float:left;}


.sent {position:fixed; top:50%; left:50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); width:40%; z-index:20; border-radius:5px; padding:30px 30px 30px 30px; background:#c3da8d;}
.sent p:first-child {font-size:26px; color:#FFFFFF; float:left; text-align:center; width:100%; font-weight:600; margin:0;}
.sent p:nth-child(2) {font-size:16px; color:#FFFFFF; line-height:1.5em; float:left; text-align:center; font-weight:400; margin:20px 0 0 0;}
.sent > div {width:30%; margin-left:35%; float:left; background:#8da464; color:#FFFFFF; font-weight:600; padding:4px 0 4px 0; margin-top:20px; border:1px solid #FFFFFF; text-align:center; cursor:pointer;}

.sitemap_box {float:left; width:24%; margin:1% 0.5% 0 0.5%; padding:10px 0 10px 15px; box-shadow: 0 5px 5px #efefef; border:1px solid #d8d8d8; text-decoration:none;}
.sitemap_box > ul > li { list-style:none; padding-left:30px;}
.sitemap_box a { font-size:14px; text-decoration:none; color:#204e8f;}
.sitemap_box a:hover {text-decoration:underline;}

.cookies {
	position: fixed;
	z-index:20;
	bottom:0;
	left:0;
	width:100%;
	background: rgba(0,0,0,0.8);
	color:#fff;
	font-size:14px;
	padding:15px 0 15px 0;
}

.cookies span {
	float:left;
	margin-top:6px;
}

.cookies .privacy {
	float:right;
	background:#de0d0d;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	padding:5px 30px 5px 30px;
	margin-right:15px;
}

.cookies .ok {
	float:right;
	background:#0ba937;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	padding:5px 30px 5px 30px;
	cursor:pointer;
}

@media only screen and (max-width: 1100px) {
.divw, .div_doc {width:100%; float:left; padding:0 5px 0 5px;}
.lang {padding-right:15px;}
nav ul ul {left:230px;}
}

@media only screen and (max-width: 960px) {
.objekat {width:49%;}
.titlbestpr {background:none;}

.objekatsearch > a > figure {float:left; width:50%; height:auto; padding-top:40%; margin:2% 0% 2% 2%;}
.objekatsearch .warpicons {width:98%; margin-bottom:20px; margin-left:2%;}
.sent {width:80%;}
.sitemap_box {width:49%;}
}

@media only screen and (max-width: 790px) {
.destination {width:99%; margin-top:10px;}
.abouttext {width:100%; padding-right:1%;}
.bestprice {width:350px; margin:20px 0 0 0.5%;}
.titlbestpr {background:url(img/bestprice.png); background:url(img/bestprice.png); background-size: 60px auto; background-repeat:no-repeat; background-position:center right 2%; background-position-y: center; background-position-x: 98%;}

.objekatsearch .warpicons {width:60%; margin-left:25%;}
.objekatul {width:50%;}
.objekatsearch .lokacija {width:35%;}
.cookies span {
	width:100%;
}

.cookies .privacy, .cookies .ok {
	float:left;
	margin: 20px 20px 0 0;
}
}

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

body.disabled {margin: 0; height: 100%; overflow: hidden}

.header {
    min-height: 72px;
}

.logo {
	position: relative;
	z-index: 1000;
	width: 220px;
}

.lang {display: none;}

.burger {
	display:block;
}

.mobmenu {
	display: block;
	position: fixed;
	right: -100%;
	width: 100vw;
	height: 100%;
	background: #273e80;
	z-index: 500;
	padding: 80px 20px 0 26px;
	color: #fff;
	transition: all 0.2s ease-in-out;
	opacity: 0;
	visibility: hidden;
}

.mobmenu.active {
	display: block;
	opacity: 1;
	right: 0;
	visibility: visible;
}

.mobmenu a {
	color: #fff;
	text-decoration: none;
}

.mobmenu > ul {
	background: red;
	width: auto;
}

.mobmenu > .links {
	float: left;
	font-size: 22px;
	line-height: 2em;
}

.mobmenu > .links > a {
	float: left;
	clear: both;
}

.mobmenu .language {
	float: right;
}

.mobmenu .language > a {
	float: left;
	clear: both;
	margin-top: 7px;
	text-transform: uppercase;
}

.mobmenu .language img {
	width: 20px;
	margin-right: 8px;
}

.mobmenu .foot {
	position: absolute;
	bottom: 26px;
	left: 26px;
}

.mobmenu .foot > a {
	float: left;
	clear: none;
	font-size: 12px;
	margin-right: 10px;
}

.menidiv {display:none;}
.searchform {width:100%; padding:0 5px 0 5px;}
.submit {background-position:center left 26%; background-position-y: center; background-position-x: 20%;}
.objekat {width:99%;}
.objekat .in {margin-top:2px;}
.docs {float:left; clear:both; margin:10px 0 0 0;}

.objekatsearch .warpicons {width:90%; margin-left:5%;}
.objekatsearch .lokacija {width:30%;}
.objekatsearch > a > figure {width:96%; padding-top: 60%;  margin:2% 0% 2% 2%;}
.sitemap_box {width:99%;}
}

@media only screen and (max-width: 460px) {
h1, .title p {font-size:20px; font-weight:400;}
h3 {font-size:24px;}
h4 {font-size:20px; font-weight:400;}

.cover {height:auto; background:none;}
.searchbck {float:left; position:relative; background:#436da8;}
.searchform img {display:none;}
.datediv {margin-top:0; width:49%; margin: 0 0 0 0;}
.datediv:nth-child(2){margin-left: 2%;}
.date {height:26px; background-size:14px auto; padding:3px; font-size:13px; margin-top:0;}
.brosoba {width:49%; height:26px;  background-position:top 5px right 5px; padding:3px; font-size:13px; margin: 8px 0 0 0;}
.submit { width:49%; height:26px; margin-top:0; margin: 8px 0 0 2%;}
.submitin {margin:-2px auto 0 auto}
.divh1 {margin:40px 0 20px 0;}
.title {margin:50px 0 40px 0;}
.bestprice {width:100%;}
.doc, .sitemap {float:left; clear:both;}
}

@media only screen and (max-width: 420px) {
.objekatsearch .warpicons {width:96%; margin-left:2%;}
.objekatul {width:100%;}
.objekatsearch .lokacija {width:50%;}
}