html {
	height:100%;
}
body {
	margin:0;
	min-height:100%;
	position:relative;
	overflow-x:hidden;
}

#hero {
	position:relative;
	height:100vh;
	
}

#u-slideru {
	margin:0 auto;
	width:50%;
	position:absolute;
	z-index:999;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

#natpis {
	color:#fff;  
	z-index:120; 
	font-size:65px;
	text-align:center;
}

#natpis span{
	font-size:30px;
	opacity:.7;
	vertical-align:bottom;
}

#slider {
    position: relative;
	width:100%;
	height:100%
}

#slider img{
	width: 100%;
	height:100%;
}

#sjena  {
	height:100%; 
	width:100%; 
	background-color:#000; 
	position:absolute; 
	z-index:100; 
	opacity:.5;
}


#nav {
background-color:grey;
position:relative;
width:100%;
z-index:999;
height:60px;
} 


#nav ul {
margin:0;
padding:0;
list-style:none;
}

#nav ul li {
	display:block;
float:left;
height:60px;
width:150px;
z-index:9999;
line-height:60px;
text-align:center;
background-color:grey;

}

#nav ul li a{
text-decoration:none;
color:#000;
opacity:.7;
}

#nav ul li a:hover{
opacity:1;
}

#nav ul li li {
display:none;
}

#nav ul li li:hover {
background:#555;
}

#nav ul li li a{
text-decoration:none;

}

#next {
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
	height:50px;
	width:50px;
	background-color:#ff354d;
	text-align:center;
	line-height:50px;
	position:absolute;
	z-index:130;
	color:#fff;
	cursor:pointer;
	top:50%;
	right:0px;
	opacity: 0;
}

#prev {
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	height:50px;
	width:50px;
	background-color:#ff354d;
	text-align:center;
	line-height:50px;
	position:absolute;
	z-index:130;
	color:#fff;
	cursor:pointer;
	top:50%;
	left:0px;
	opacity: 0;
}

#hero:hover #next {
	opacity:1;
	transition:all .5s ease-out;
	-webkit-transition:all .5s ease-out;
}

#hero:hover #prev {
	opacity:1;
	transition:all .5s ease-out;
	-webkit-transition:all .5s ease-out;
}

#sve {
	padding-bottom:160px;
	margin-top:60px;
}

#divs {
	max-width:1160px;
	width:100%;
	margin:0 auto;
}

#first, #second, #third {
	width:28%;
	float:left;
	margin-left:2%;
	margin-right:2%;
	padding-top:70px;
}

#house-first {
	width:28%;
	float:left;
	margin-left:2%;
	margin-right:2%;
	padding-top:70px;
	font-size:16px; 
	line-height:25.5px; 
	color:grey;
	margin-left:30px;
}

#house-first img {
	width:100%;
	opacity:1.0;
}
#first {
	font-size:24px; 
	line-height:38.4px; 
	color:grey;
	margin-left:30px;
}

#second {
	font-size:16px; 
	line-height:25.5px; 
	color:grey;
}

#second img {
	width:100%;
}

#third {
	font-size:16px;
	line-height:25.5px;
	color:grey;
}

#third img {
	width:100%;
}

#tlocrt {
	width:50%;
	margin:0 auto;
}

#tlocrt img {
	width:100%;
}

#slike {
	max-width:1160px;
	width:100%;
	margin:0 auto;
}

#slike img {
	width:24.5%;
}

#divs-apartment {
	max-width:1160px;
	width:100%;
	margin:0 auto;
	padding-top:70px;
}

#opis-apartment, #slika-apartment {
	float:left;
	width:50%;
}

#opis-apartment {
	font-size:16px; 
	line-height:25.5px; 
	color:grey;
}

#slika-apartment img {
	width:100%;
}

#sveslike-apartment {
	max-width:1160px;
	width:100%;
	margin:0 auto;
}

#sveslike-apartment img {
	width:24.7%;
}

#booking-apartment {
	max-width:1160px;
	width:100%;
	margin:0 auto;
	margin-top:30px;
}

#mapa-apartment, #calendar-apartment {
	float:left;
	width:49%;
}



#clearfix {
	clear:both;
	display:block;
	height:10px;
}

#price {
	margin-top:30px;
}

#price img {
	width:80%;
}

#dist1 {
	padding-top:60px;
	max-width:1160px;
	width:100%;
	margin:0 auto;
}

#dist1 > #dist1-div:nth-child(2), #dist1-div:nth-child(3), #dist1-div:nth-child(4) {
	padding-top:47px;
}

#dist1-div {
	float:left;
	width:24%;
	text-align:center;
	line-height:30px;
}

#dist1-div img {
	width:40%;
}

#dist2 {
	padding-top:30px;
	max-width:1160px;
	width:100%;
	margin:0 auto;
}

#dist2-div {
	float:left;
	width:24%;
	text-align:center;
	line-height:30px;
}

#dist2-div img {
	width:40%;
}

#dist3 {
	padding-top:30px;
	max-width:1160px;
	width:100%;
	margin:0 auto;
}

#dist3-div {
	float:left;
	width:24%;
	text-align:center;
	line-height:30px;
}

#dist3-div img {
	width:40%;
}

#dest1 {
	max-width:1160px;
	width:100%;
	margin:0 auto;
	margin-top:60px;
}

#dest1-div {
	width:25%;
	text-align:center;
	float:left;
}

#dest1-div a{
	color:#000;
	text-decoration:none;
}
#dest1-div img {
	width:70%;
}

#dest2 {
	max-width:1160px;
	width:100%;
	margin:0 auto;
	margin-top:60px;
}

#dest2-div {
	width:25%;
	text-align:center;
	float:left;
}

#dest2-div a{
	color:#000;
	text-decoration:none;
}

#dest2-div img {
	width:70%;
}

#dest3 {
	max-width:1160px;
	width:100%;
	margin:0 auto;
	margin-top:60px;
}

#dest3-div {
	width:25%;
	text-align:center;
	float:left;
}

#dest3-div a{
	color:#000;
	text-decoration:none;
}

#dest3-div img {
	width:70%;
}

#cont {
	max-width:1160px;
	width:100%;
	margin:0 auto;
	margin-top:60px;
}

#cont-opis {
	width:46%;
	float:left;
	margin-left:2%;
	margin-right:2%;
}

#cont-mapa {
	width:50%;
	float:left;
}

#footer {
	position:absolute;
	background:grey;
	bottom:0;
	left:0;
	height:70px;
	width:100%;
}

#unutar-footer {
	max-width:1160px;
	width:100%;
	margin:0 auto;
	margin-top:15px;
	background:grey;
}

#footer-slika {
	width:38%;
	float:left;
}
#footer-slika img{
	width:40px;
	float:left;
}

#copy {
	width:20%;
	float:left;
	font-size:14px;
	line-height:18px;
	color:#fff;
}
#onli {
color:#fff;
}