/* reset5 2011 opensource.736cs.com MIT */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,audio,canvas,details,figcaption,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,summary,time,video{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0;}body{line-height:1;}article,aside,dialog,figure,footer,header,hgroup,nav,section,blockquote{display:block;}nav ul{list-style:none;}ol{list-style:decimal;}ul{list-style:disc;}ul ul{list-style:circle;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:none;}ins{text-decoration:underline;}del{text-decoration:line-through;}mark{background:none;}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help;}table{border-collapse:collapse;border-spacing:0;}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}input[type=submit],input[type=button],button{margin:0;padding:0;}input,select,a img{vertical-align:middle;}

sub {
vertical-align: sub;
font-size: smaller; }

sup {
vertical-align: super;
font-size: smaller; }
app
.cf:before,
.cf:after {
content: " "; /* 1 */
display: table; /* 2 */}
    
.cf:after {clear: both;}

.cl {
clear: both;
}

/*-- end reset css --*/
a.link {
color: #002d68;
text-decoration: underline;
}

a.link.none {
text-decoration: none;
}

a.link:hover {
color: #000;
text-decoration: none;
}

* {
box-sizing: border-box;
}

body {
color: #222; 
font-size: 62.5%;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Tahoma, sans-serif;
font-family: 'Open Sans', sans-serif;
font-weight: 300;
line-height: 1;
}


select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}


header {
height: 120px;
margin: 0 auto;
position: relative;
}

header.err {
border-bottom: 1px solid #ddd;
}

div.prvaLinija {
border-bottom: 1px solid #eee;
font-size: 1.4em;
height: 30px;
margin-top: 10px;
padding-bottom: 5px;
}

div.prvaLinija ul {
left: calc((100% - 1140px) / 2);
position: absolute;
top: 0;
}

div.prvaLinija li {
float: left;
line-height: 20px;
list-style: none;
}

div.prvaLinija li + li {
border-left: 1px solid #eee;
margin-left: 10px;
padding-left: 10px;
}

div.prvaLinija span {
line-height: 25px;
left: calc((100% - 1140px) / 2);
position: absolute;
top: 0;
}

div.prvaLinija span em {
font-style: normal;
padding: 0 10px 0 0;
}

div.prvaLinija span em + em {
border-left: 1px solid #eee;
padding: 0 0 0 10px;
}

ul.zastave  {
font-size: 1.4em;
font-weight: 300;
line-height: 20px;
list-style: none;
position: absolute;
right: calc((100% - 1140px) / 2);
text-align: center;
top: 0;
}

.zastave li {
display: block;
float: left;
text-align: center;
}

.zastave li + li {
border-left: 1px solid #eee;
}

.zastave li:last-of-type {
margin-right: 0;
}

.zastave a {
color: #002d68;
display: block;
padding: 0 10px;
text-decoration: none;
text-transform: lowercase;
}

.zastave a:hover {
background: #eee;
color: #000;
}




div.drugaLinija {
height: 90px;
margin: 0 auto;
width: 1140px;
}


h1 {
bottom: 10px;
font-family: 'Kalam', cursive;
font-size: 2.5em;
font-weight: 400;
height: 70px;
left: calc((100% - 1140px) / 2);
line-height: 70px;
margin: 0 auto;
position: absolute;
width: 136px;
z-index: 100;
}

h1 a {
color: #002d68;
display: block;
text-decoration: none;
}

h1 img {

}

.buttons, .buttons2 {
display: none;
}


nav {
float: right; 
margin-top: 10px;
width: calc(100% - 160px);
}

#mainNav {
float: right;
text-align: center;
}

#mainNav li {
display: inline-block;
font-size: 1.8em;
font-weight: 400;
margin-right: 25px;
}


#mainNav li:last-child {
margin-right: 0;
}

#mainNav a {
color: #002d68;
display: block;
font-family: 'Kalam', cursive;
font-weight: 400;
letter-spacing: 0;
line-height: 70px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
}

#mainNav a:hover {
color: #000;
}







/* breadcrumb */

#navTo {
position: relative;
margin: 10px auto 0;  
overflow: hidden;
width: 1140px;
}

#navTo ol {
width: auto;
padding: 3px 0;
margin: 25px 0 0 0;
font-size: 1.3em;
font-weight: 300;  
list-style-type: none;
overflow: hidden;
}

#navTo li {
float: left; 
line-height: 22px;
margin-right: 10px;
}

#navTo li:after { 
content:" > ";
color: #ddd;
}

#navTo li:last-of-type:after {
content:"";
padding: 1px 0;
}

#navTo li:last-of-type {
margin-right: 0;
}

#navTo a {
float: left;
display: block;
padding: 0 10px 0 0; 
text-decoration: none;
color: #2e3192;
text-align: left;
line-height: 22px;
} 

#navTo li:first-of-type a {
padding-left: 0;
}

#navTo a:hover {
}









section, div.section {
margin: 0 auto;
padding: 60px 0;
width: 1140px;
}

section.index, div.section.index {
background: url(images/ban1.jpg) center center;
background: #eee;
background-size: cover;
box-sizing: content-box;
margin-bottom: 0;
padding-bottom: 0;
padding-top: 0;
position: relative;
width: 100%;
}

div.section.index.null {
background: none;
}

section.err {
padding: 0;
}

.intro {
padding-bottom: 0;
}

#indexSearchHolder {
background: #002d68;
padding: 30px 0;
}

#owl-demo + #indexSearchHolder {
background: #eee;
}

section.siva, div.grey {
background: #f7f7f7;
width: 100%;
}

section.t0, div.section.t0 {
padding-top: 0;
}

section.offer {
border-top: 1px solid #eee;
}

section div.holder {
margin: 0 auto;
width: 920px;
}

section div.holder + div.holder {
margin-top: 50px;
}


#indexOffer li {
float: left;
list-style: none;
width: 47.5%;
}

#indexOffer li + li  {
margin-left: 5%;
}

#indexOffer img {
margin-bottom: 20px;
width: 100%;
}

#indexOffer h4 {
letter-spacing: 0;
margin-bottom: 0;
}

#indexOffer a {
text-decoration: none;
}

h2 {
color: #555;
text-transform: uppercase;
}

h2, h3, h4 {
font-family: 'Open Sans', sans-serif;
font-family: 'Oxygen', sans-serif;
font-family: 'Kalam', cursive;
font-size: 4em;
font-weight: 400;
letter-spacing: -.3px;
margin-bottom: 50px;
text-align: center;
}

h3 {
font-size: 2.8em;
margin: 60px 0 40px;
padding: 0;
text-transform: uppercase;
}

section h3:first-child {
margin-top: 0;
}

h3.header {
margin: 40px 0 30px;
}

h3.det {
margin: 0 0 40px;
padding: 0px;
}

h4 {
font-size: 2em;
font-weight: 800;
margin-bottom: 30px;
text-transform: uppercase;
}




p.text, ul.text {
font-size: 1.8em;
line-height: 160%;
margin: 0;
text-align: justify;
}

p.text + p.text {
margin-top: 30px;
}

ul.text {
padding-left: 30px;
}

p.text.c {
text-align: center;
}

ul.text.c {
list-style: none;
padding-left: 0;
text-align: center;
}

p.text.opis {
font-size: 1.6em;
}

p.text.index, ul.text.index {
margin: 0 auto 0;
text-align: center;
width: 760px;
}

ul.text.index {
list-style: none;
padding: 0;
text-align: center;
}

ul.text.index li + li {
margin-top: 20px;
}

p.text.index + ul.text.index, ul.text.index + p.text.index {
margin-top: 30px;	
}










#indexDole {
list-style: none;
margin: 0 auto 0;
}

#indexDole li {
float: left;
margin: 0 5px 5px 0;
width: calc((100% - 5px) / 2);
}

#indexDole li:nth-child(2n) {
margin-right: 0;
}

#indexDole li:nth-child(n+3) {
margin-bottom: 0;
}

#indexDole a {
color: #000;
display: block;
position: relative;
}

#indexDole a:hover {
color: #fff;
}

#indexDole img {
border-radius: 5px;
width: 100%;
z-index: 1;
}

#indexDole h3 {
background: rgba(0,0,0,.25);
background: none;
bottom: 0;
font-size: 2.4em;
margin: 0;
padding: 20px;
position: absolute;
width: 100%;
z-index: 2;
transition: padding 1s, background 1s;
}

#indexDole li:nth-child(n+3) h3 {
bottom: auto;
top: 0;
}

#indexDole a:hover h3 {
background: rgba(0,0,0,.5);
background: none;
padding: 20px 50px;
}


#indexDole li:nth-child(1) h3, #indexDole li:nth-child(3) h3 {
text-align: right;
}
#indexDole li:nth-child(2) h3, #indexDole li:nth-child(4) h3 {
text-align: left;
}



#indexDole p {
line-height: 140%;
font-size: 1.8em;
text-align: center;
width: 100%;
}
















#objektiList {

}


#objektiList li {
border: 1px solid #eee;
float: left;
list-style: none;
margin: 0 4% 4% 0;
position: relative;
width: 48%;
}

#objektiList li.akcija {
border: 1px solid #308901;
}

#objektiList li:nth-child(2n) {
margin-right: 0;
}

#objektiList li:hover {
background: #f7f7f7;
}

#objektiList div {
padding: 20px;
}

#objektiList img {
border-bottom: 1px solid #eee;
width: 100%;
}

#objektiList img.stars {
border: 0;
display: block;
margin: 20px auto 0;
width: 120px;
}



#objektiList h4 {
background: none;
color: #002d68;
font-size: 2.8em;
font-weight: 300;
margin: 0 0 5px;
text-align: center;
}

#objektiList p {
font-size: 1.6em;
text-align: center;
}

#objektiList p.cijena {
font-size: 3em;
margin-top: 30px;
text-align: center;
}

#objektiList li.akcija p.cijena {
color: #308901;
color: green;
}

#objektiList p.cijena.akcija {
color: #f00;
}

#objektiList ul.karakteristike {
font-size: 1.7em;
margin-top: 30px;
width: 100%;
}

#objektiList ul.karakteristike li {
border: 0;
border-bottom: 1px solid #eee;
margin-bottom: 0;
}

#objektiList ul.opremljenost {
float: none;
font-size: 1.7em;
margin-top: 30px;
text-align: center;
width: 100%;
}

#objektiList ul.opremljenost li {
border-radius: 2px;
color: #fff;
display: inline-block;
float: none;
margin-right: 2px;

width: 34px;
height: 34px;
}






/* SMJEŠTAJ DETALJNO */

#smjestajMain {
float: left;
width: 67%;
}

#smjestajSub {
float: right;
width: 28%;
}





#subNav {
margin: 0 auto 30px;
position: sticky;
top: 15px;
width: 100%;
z-index: 1;
}

#subNav li {
float: left;
font-size: 1.5em;
list-style: none;
margin-right: 1px;
position: sticky;
text-align: center;
width: calc((100% - 4px) / 5);
}

#subNav li:first-child {
display: none;
}

#subNav li:last-child {
margin-right: 0;
}

#subNav a {
background: rgba(255,255,255,.95);
background: #002d68;
border: 1px solid #002d68;
border-radius: 5px;
border-radius: 0;
box-shadow: 0 2px rgba(0,0,0,.1);
color: #002d68;
color: #fff;
display: block;
padding: 10px;
text-decoration: none;
transition: background-color 1s, color 1s;
}

#subNav a:hover {
background: #fff;
color: #002d68;
}


ul.karakteristike2 {
font-size: 1.5em;
letter-spacing: -.5px;
list-style: square;
list-style-position: inside;
margin: 0 auto;
width: 100%;

}

ul.karakteristike2 li {
float: left;
font-weight: 400;
line-height: 180%;
margin: 0 2px 2px 0;
width: calc((100% - 4px) / 3);
}

ul.karakteristike2 li:nth-of-type(3n) {
margin-right: 0;
}







#datepicker {
border: 1px solid #ddd;
font-size: 1.4em;
position: relative;
}







/* SMJESTAJ SUB */

p.subLokacija {
border: 1px solid #ddd;
font-size: 1.5em;
margin-bottom: 23px;
padding: 10px;	
text-align: center;
}

div.subCijena {
border: 1px solid #ddd;
font-size: 1.6em;
line-height: 160%;
margin-bottom: 20px;
padding: 20px;
}

div.subCijena.akcija {
border: 1px solid #308901;
}

div.subCijena p {
text-align: center;
}

div.subCijena span {
display: block;
}

div.subCijena span.cijenaDet {
font-size: 3em;
margin: 10px 0;
}

div.subCijena a {
background: #002d68;
border: 1px solid #002d68;
color: #fff;
display: block;
margin-top: 20px;
padding: 5px;
text-align: center;
text-decoration: none;
transition: background-color 1s, color 1s;
}

div.subCijena a:hover {
background: #fff;
color: #002d68;
}

#smjestajSub p.lokacija {
font-size: 1.6em;
margin-top: 20px;
text-align: center;
}


div.kategorijaHolder {
text-align: center;
}


ul.subKarakteristike {
border: 1px solid #ddd;
font-size: 1.5em;
line-height: 200%;
list-style: none;
margin-top: 20px;
padding: 20px;
}

ul.subKarakteristike li {
border-bottom: 1px solid #eee;
}

ul.subKarakteristike li:last-child {
border-bottom: 0;
}

ul.subKarakteristike li span.right {
float: right;
}


div.charges {
background: #f7f7f7;
padding: 15px;	
margin-top: 20px;
}

div.charges h5 {
font-weight: 400;
font-size: 1.8em;
margin-bottom: 15px;
padding-bottom: 0px;
text-transform: uppercase;
}

div.charges ul {
font-size: 1.4em;
letter-spacing: -.5px;
line-height: 140%;
list-style: none;
}

.charges li + li {
margin-top: 10px;
}















/*

#objektDetMain  {
font-size: 1.8em;
margin-bottom: 20px;
}

#objektDetMain p {
float: left;
}

#objektDetMain p + p {
float: right;
}




*/


ul.karakteristike {
font-size: 1.7em;
letter-spacing: -.5px;
list-style: none;
margin: 0 auto;
width: 920px;
}

ul.karakteristike.list {
list-style: none;
padding: 0 0 0 0px;
}

ul.karakteristike li, ul.karakteristike.smjestaj li {
border-bottom: 1px solid #eee;
float: left;
font-weight: 400;
line-height: 180%;
margin-right: 4%;
width: 48%;
}

ul.karakteristike.list li {
border-bottom: 0;
float: left;
width: 48%;
margin: 0 4% 0 0;
}

ul.karakteristike.list li:nth-of-type(2n) {
margin-right: 0;
}

ul.karakteristike.list li:after {
content: ',';
}

ul.karakteristike.list li:last-child:after {
content: '';
}


ul.karakteristike.smjestaj li {
width: calc(92% / 3);
}

ul.karakteristike.smjestaj li:nth-child(2n) {
margin-right: 4%; 
}

ul.karakteristike li:nth-child(2n), ul.karakteristike.smjestaj li:nth-child(3n) {
margin-right: 0;
}

ul.karakteristike li span {
color: #000;
}

ul.karakteristike li span.right {
float: right;
}

ul.karakteristike + p.text {
font-size: 1.6em;
margin-top: 20px;
text-align: left;
}


ul.karakteristike + h4 {
background: #002d68;
color: #fff;
margin-top: 40px;
padding: 10px 0;
}


#map-canvas {
background: #eee;
height: 500px;
margin: 0 auto 30px;
width: 100%;
}

#video {
background: #eee;
height: 0;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 25px;
position: relative;
width: 100%;
}


#video iframe {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}



ul.mainDataList li {
background: #eee;
margin-right: 2px;
color: #000;
float: left;
font-size: 2.4em;
font-weight: 800;
list-style: none;
padding: 10px 0 15px;
text-align: center;
width: calc((100% - 2px) / 2);
}

ul.mainDataList li:nth-child(2n) {
margin-right: 0;
}

ul.mainDataList li:nth-child(n+1) {
margin-top: 1px;
}

ul.mainDataList span {
font-family: 'Open sans';
font-size: .6em;
font-weight: normal;
}




table.cjenik th, table.cjenik td {
border: 0px solid #eee;
line-height: 150%;
width: calc(100% / 6);
}

table.cjenik td + td {
border-left: 1px solid #eee;
}

table.cjenik {
border: 0px solid #ddd;
font-size: 1.6em;
margin: 0 auto;
width: 920px;
}


table.cjenik th, td {
border-bottom: 1px solid #ddd;
padding: 10px 5px;
text-align: center;
}



table.cjenik span {
display: inline-block;
}

table.cjenik span + span {
margin-left: 30px;
}

table.cjenik tr + tr {
border-top: 1px solid #eee;
}

table.cjenik tr:hover {

}



#cjenik {
margin-bottom: 40px;
font-size: 1.6em;
margin: 0 auto 40px;
width: 100%;
}


#cjenik li {
float: left;
line-height: 150%;
list-style: none;
text-align: center;
width: calc(100% / 6);
}

#cjenik li + li {
border-left: 1px solid #eee;
}


#cjenik li:hover {
background: #f7f7f7;
}

#cjenik p {
padding: 5px;
}

#cjenik p + p {
border-top: 1px solid #eee;
font-size: 1.2em;
font-weight: bold;
}

#cjenik span {
display: block;
}





span.head {
font-family: 'Kalam', cursive;
font-size: 1.2em;
font-weight: bold;
}




#expose {
background: url(images/pdf.png) left center no-repeat;
float: left;
font-size: 2.6em;
line-height: 55px;
margin: 20px 0 0 10px;
padding: 0 0 0 40px
}

#expose a {
text-decoration: none;
}



div.cijenaDet {
font-size: 3em;
font-weight: 500; 
line-height: 25px;
margin: 20px 0 10px;
text-align: right;
}

div.cijenaDet div {
float: right;
}

div.cijenaDet div.staro {
text-decoration: line-through;
}

div.cijenaDet div.akcija {
color: red;
}

div.cijenaDet div span {
font-size: .6em;
}

div.cijenaDet div + div {
margin-right: 20px;
}










div.sivi {
background: #f7f7f7;
padding: 20px;
}

#formKontakt {
background: #f7f7f7; 
}







/* poruka */
.sivi #results, .sivi #results3 {
float: right;
margin: 0 0 0 0;
width: 100%;
}

#results_inner, #results_inner3 {
border: 1px solid #eee;
background: green;
color: #fff;
font-size: 1.6em;
padding: 25px 0;
text-align: center;
width: 100%;
}

#results_inner.error, #results_inner3.error {
border: 0;
background: #fff;
color: #f00;
margin: 25px 0;
padding: 0;
}









.prodano_hr, .prodano_en, .prodano_de, .prodano_it, .prodano_ru, .prodano_sv, .posebna, .top, .novo_hr, .novo_en, .novo_de, .novo_it, .novo_ru, .novo_sv {
  position: absolute;
  width: 71px;
  height: 71px;
  left: -2px;
  top: -2px;
  background: url(images/top_hr.png) no-repeat;
  z-index: 3;
}

.posebna {
  background: url(images/posebna.png) no-repeat; 
}

.prodano_hr {
  background: url(images/prodano_hr.png) no-repeat;   
}
.prodano_en {
  background: url(images/prodano_en.png) no-repeat;   
}
.prodano_de {
  background: url(images/prodano_de.png) no-repeat;   
}
.prodano_it {
  background: url(images/prodano_it.png) no-repeat;   
}
.prodano_ru {
  background: url(images/prodano_ru.png) no-repeat;   
}
.prodano_sv {
  background: url(images/prodano_en.png) no-repeat;   
}
.novo_hr {
  background: url(images/novo_hr.png) no-repeat;   
}
.novo_en {
  background: url(images/novo_en.png) no-repeat;   
}
.novo_de {
  background: url(images/novo_de.png) no-repeat;   
}
.novo_it {
  background: url(images/novo_it.png) no-repeat;   
}
.novo_ru {
  background: url(images/novo_ru.png) no-repeat;   
}
.novo_sv {
  background: url(images/novo_en.png) no-repeat;   
}










#expose {
background: url(images/pdf.png) left center no-repeat;
float: left;
font-size: 2.6em;
line-height: 55px;
margin-left: 5px;
padding: 0 0 0 40px
}

#expose a {
text-decoration: none;
}



div.cijenaDet {
font-size: 2.6em;
line-height: 25px;
margin-bottom: 10px;
margin-right: 5px;
text-align: right;
}

div.cijenaDet div {
float: right;
}

div.cijenaDet div.staro {
text-decoration: line-through;
}

div.cijenaDet div.akcija {
color: red;
}

div.cijenaDet div span {
font-size: .6em;
}

div.cijenaDet div + div {
margin-right: 20px;
}

#dataBox {
color: #fff;
}





ul.nekDataList li {
background: #aaa;
border-right: 1px solid #fff;
float: left;
font-size: 2.4em;
list-style: none;
padding: 10px 0 15px;
text-align: center;
width: calc(100% / 4);
}

ul.nekDataList li:last-child {
border: 0;
}

ul.nekDataList span {
color: #fff;
font-size: .5em;
}




.addData {
margin: 1px 0 1px;
}

.addData li {
background: #ddd;
border: 0 !important;
float: left;
font-size: 1.8em;
list-style: none;
margin-right: 2px;
cursor: pointer;
text-align: center;
width: calc((100% / 3) - 2px);
position: relative;
}

.addData li:nth-child(n+3) {
}

.addData li:last-child {
margin-right: 0;
width: calc(100% / 3);
}

.addData a, .addData span {
background: #81336a;
color: #fff !important;
display: block;
padding: 20px 0;
text-decoration: none;
}

.addData span {
background: #eee;
color: #000 !important; 
}

.addData a:hover {
background: #000;
color: #fff;
}






#tabs {
margin-bottom: 30px;
}



#map {
height: 510px;
width: 100%;
}




/* pagination */

p.rez {
font-size: 1.5em;
color: #555;
line-height: 160%; 
text-align: center;
}

span.cur, span.ukupno {
float: left;
border: 1px solid #fff;
margin: 0 5px 0 0;
padding: 3px 8px;
color: #fff;
background: #002d68;
text-align: center;
cursor: default;
}

span.ukupno {
float: right;
margin-right: 0;
background: #fff;
color: #555;
border: 1px solid #ddd;
}

a.brz {
float: left;
border: 1px solid #ddd;
margin: 0 5px 0 0;
padding: 3px 8px;
}

a.brz:link, a.brz:visited {
text-decoration: none;
color: #555;
}

a.brz:hover, a.brz:active {
text-decoration: none;
color: #002d68;
border: 1px solid #002d68;
}



table.dostupnost {
border-collapse: collapse;
font-size: 1.8em;
width: 100%;
}

table.dostupnost tr {
}

table.dostupnost th, 
table.dostupnost td {
border: 1px solid #eee;
padding: 10px 20px;
text-align: left;
width: 50%;
}

table.dostupnost span {
float: right;
}



footer {
background: #002d68;
color: #fff;
font-size: 1.5em;
}

footer.err {
background: #bbb;	
}

#footHolder {
margin: 0 auto;
padding: 50px 0;
width: 1140px;
}

.footHolder  + .footHolder  {
margin-top: 15px;
}

.footHolder ul {
line-height: 100%;
list-style-type: none;
margin: 0;
text-align: center;
}

.footHolder li {
display: inline-block;
padding: 5px 10px;
}

.footHolder li + li {
border-left: 1px solid rgba(255,255,255,.3);
}

#copy {
margin-top: 20px;
}

#copy p {
line-height: 150%;
padding: 5px 0;
text-align: center;
}


footer a {
color: #fff;
}

footer a:hover {
text-decoration: none;
}




/* form */
fieldset.indexSearch {
margin: 0 auto;
width: 1140px;
}

fieldset ol {
margin: 0;
padding: 0;
list-style: none;
}

fieldset.indexSearch li {
float: left;
margin-right: 10px;
width: calc((100% - 40px) / 5);
}

fieldset.indexSearch li:last-child {
margin-right: 0;
}

fieldset.indexSearch input.text, fieldset.indexSearch input.textx, fieldset.indexSearch select, fieldset.indexSearch textarea, fieldset.indexSearch input.submit {
background: #002d68;
border: 1px solid rgba(255,255,255,1);
color: #fff;
float: right;
font-family: "Open Sans", sans-serif;
font-size: 1.5em;
font-weight: 300;
margin: 0;
padding: 8px 10px;
position: relative;
vertical-align: baseline;
width: 100%;
z-index: 5;
}

fieldset.indexSearch select {
cursor: pointer;
}


fieldset.indexSearch input.submit:hover {
background: #000;
color: #fff;
cursor: pointer;
}


fieldset.upit {
margin: 0 auto;
max-width: 920px;
}

fieldset.upit li {
margin: 0 0 10px 0;
}

fieldset.upit li.provjera {
width: 400px;
}

fieldset.upit.admin li:hover {
background: #f7f7f7;
}


fieldset.upit input.text, fieldset.upit input.textx, input.slike, fieldset.upit select, fieldset.upit textarea, fieldset.upit input.submit {
background: #fff;
border: 1px solid #ddd;
border-radius: 5px;   
color: #000;
float: right;
font-family: 'Open Sans', sans-serif;
font-size: 1.6em;
font-weight: 300;
margin: 0;
padding: 5px 10px;
width: 100%;
}

fieldset.upit input.text.red, fieldset.upit input.textx.red, input.slike, fieldset.upit select.red, fieldset.upit textarea.red {
border: 1px solid #f00;
}

fieldset.upit input.textx {
float: left;
width: calc((100% - 20px) / 3);
}

fieldset.upit input.textx + input.textx {
margin-left: 10px;
}

fieldset.upit input.textx.provjera {
float: right;
width: calc(100% - 135px);
}

fieldset.upit input.submit {
background: #002d68;
color: #fff;
cursor: pointer;
}

fieldset.upit input.submit:hover {
background: #fff;
border: 1px solid #002d68;
color: #002d68;
}


fieldset.indexSearch input.text::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: white;
}
fieldset.indexSearch input.text::-moz-placeholder { /* Firefox 19+ */
  color: white;
}
fieldset.indexSearch input.text:-ms-input-placeholder { /* IE 10+ */
  color: white;
}
fieldset.indexSearch input.text:-moz-placeholder { /* Firefox 18- */
  color: white;
}













fieldset.upit.admin input.text, fieldset.upit.admin input.textx, input.slike, fieldset.upit.admin select, fieldset.upit.admin textarea, fieldset.upit.admin input.submit {
width: 450px;
}

fieldset.upit.admin input.box {
background: #eee;
float: right;
margin: 12px 0;
}

fieldset.upit.admin textarea {
height: 200px;
}

fieldset.upit.admin input:read-only {
background: #f7f7f7
}

fieldset.upit.admin input.submit {
background: #002d68;
border: 1px solid #002d68;
color: #fff;
cursor: pointer;
}

fieldset.upit.admin input.submit:hover {
background: #fff;
color: #002d68;
}

fieldset.upit.admin.sve input.submit {
width: 100%;
}



fieldset.upit.admin.termini input.text {
float: left;
width: calc(50% - 5px);
}

fieldset.upit.admin.termini input.text + input.text {
margin-left: 10px;
}

fieldset.upit.admin.termini input.submit {
width: 100%;
}


fieldset.upit label {
color: #333;
display: block;
float: left;
font-family: 'Open Sans', sans-serif;  
font-weight: 300;
line-height: 28px;
font-size: 1.4em;
width: calc(100% - 450px);
}

fieldset.upit label.spam {
margin-bottom: 10px;
width: 100%;
}

fieldset.upit label.provjera {
float: right;
width: 135px;
}

fieldset.upit label.provjera img {
display: inline-block;
float: left;
margin: 2px 10px 2px 0;
}

fieldset.upit label.provjera span {
display: inline-block;
font-size: 1.5em;
float: left;
line-height: 28px;
margin: 3px 10px 3px 0;
}

fieldset.upit label.note {
width: 100%;
}

fieldset.upit.admin label {
color: #333;
display: block;
float: left;
font-family: 'Open Sans', sans-serif;  
font-weight: 300;
line-height: 28px;
font-size: 1.6em;
padding: 4px 0;
width: calc(100% - 450px);
}

fieldset.upit.admin label.red {
color: red;
}






























/* ADMIN */

div.admin_inner {
background: #f7f7f7;
border-top: 1px solid #eee;
margin-top: 20px;
padding: 30px;
}

#admin_list {
border-top: 1px solid #eee;
margin-top: 20px;
}

#admin_list h3 {
background: #f7f7f7;
font-size: 2.4em;
margin: 20px 0;
padding: 10px 0;
text-transform: none;	
}

#admin_list div.nek, .admin_inner div.nek {
margin: 0 0 10px;
}


#admin_list div.nek img, .admin_inner div.nek img {
float: left;
width: 80px;
height: 60px;
margin: 0 20px 0 0;
background: #fff url(images/loading.gif) center no-repeat;
}

#admin_list div.nek p {
float: left;
font-size: 1.6em;
line-height: 30px;
}

#admin_list p.naziv {
width: calc(100% - 150px);
}

#admin_list p.posjeta {
width: 50px;
padding-left: 10px;
text-align: right;
}

#admin_list p.unos {
margin-right: 200px;
}

#admin_list p.ostalo {
padding-right: 0;
text-align: right;
width: 100px;
}


#admin_list div.nek p.del {
width: 50px;
text-align: right;
float: right;
}



span.admtp, span.admpr, span.admrz, span.admne, span.admno, span.admtr, span.admso, span.none {
float: left;
color: #fff;
width: 20px;
text-align: center;
display: block;
}

span.admtp {
background: #f00;

}

span.admpr {
background: #000;
}

span.admrz {
background: #0054ff;
}

span.admne {
background: #555;
}

span.admno {
background: #00ab00;
}

span.admtr {
background: #0054ff;
}

span.admso {
background: #81336a;
}

#galerijaForm {
margin: 20px auto 10px;	
}

#kalnedarForm, #cjenikForm {
margin-bottom: 30px;
}

.green {
color: green;
}

.red {
color: red;
}

ul.galerija {
margin-top: 10px;
padding-top: 20px;
border-top: 1px solid #eee;
}

ul.galerija li {
float: left;
width: 15%;
list-style: none;
margin: 0 2% 2% 0;
}

ul.galerija li:nth-of-type(6n) {
margin-right: 0;
}

ul.galerija a {
display: block;
float: left;
width: 100%;
list-style-type: none;
background: #fff url(images/loading.gif) center no-repeat; 
box-sizing: border-box;
border: 1px solid #aaa;
}

ul.galerija a:hover {
border: 1px solid #f00;
box-shadow: none;
}

ul.galerija img {
width: 100%;
height: auto;
}




ul.galerija a.brisi {
float: right;
width: 40%;
height: auto;
margin-top: 5px;
padding: 2px 5px;
font-family: "Open Sans", Tahoma, sans-serif;
font-size: 1.6em;
line-height: 22px;
text-align: center;
background: #fff;
color: #5497F2;
text-decoration: none;
box-shadow: none;
border: 1px solid #5497F2;
}

ul.galerija a.brisi:hover {
background: #5497F2;
color: #fff;
}

input.slike {
border-radius: 0;
float: left;
font-family: "Open Sans", Tahoma, sans-serif;
font-size: 1.6em;
margin-top: 5px;
padding: 2px 5px;
width: 50px;
}



#dostupnostFrame {
}

#dostupnostFrame div {
width: 100%;
}

#dostupnostFrame div h4 {
background: transparent;
color: #000;
text-align: left;
font-family: 'Open Sans', sans-serif;
font-size: 1.3em;
float: left;
line-height: 28px;
margin: 0;
padding: 0;
width: 40px;
}

#dostupnostFrame div p {
float: left;
width: 27px;
margin-right: 1px;
margin-bottom: 10px;
line-height: 30px;
text-align: center;
font-size: 1.6em;
}

#dostupnostFrame div input.textxx {
background: #fff;
border: 1px solid #ddd;
border-radius: 5px;
color: #000;
float: right;
font-family: 'Open Sans', sans-serif;
font-size: 1em;
font-weight: 300;
margin: 0;
padding: 2px;
text-align: center;
width: 100%;
}







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

  #admin_list p.unos {
    margin-right: calc(100% - 430px);
  }

}

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

  #admin_list p.ostalo {
    display: none;
  }

}







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

  header, #navTo, fieldset.indexSearch, table.cjenik {
    width: 89%;
  }


  div.prvaLinija span, div.prvaLinija ul {
    left: 0;
  }

  ul.zastave  {
    right: 0;
  }

  h1 {
  	left: 0;
  }

  div.drugaLinija, #indexDole {
  	width: 100%;
  }

  #mainNav {
    position: static;
  }


}


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

  section, #footHolder, div.section {
    width: 90%;
  }

  section.siva {
  	padding-left: 5%;
  	padding-right: 5%;
  }

}

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

  #mainNav li {
    margin-right: 15px;
  }

}

@media screen and (max-width: 1100px) and (min-width: 950px) {

  #nekretnineList h3 {
  	font-size: 1.7em;
    letter-spacing: -.5px;
  }

  #nekretnineList em {
    font-size: 1.5em;
    letter-spacing: -.5px;
  }

  #nekretnineList ul li {
    font-size: 1.5em;
    letter-spacing: -.5px;
 }

}



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


  p.text.index, ul.text.index, ul.karakteristike {
    width: 100%;
  }

  #objektiList ul.karakteristike li, #cjenik, section div.holder {
    width: 100%;
  }

  ul.galerija li, ul.galerija li:nth-of-type(6n) {
    float: left;
    list-style: none;
    margin: 0 2.5% 2.5% 0;
    width: calc(90% / 5);
  }

  ul.galerija li:nth-of-type(5n) {
    margin-right: 0;
  }

}





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

  header {
    height: 185px; 
    margin: 0 auto;
    position: relative;
  }

  h1 {
    margin: 10px auto 10px;
    position: static;
    text-align: center;
  }
  
  nav {
    float: none;
  	margin-top: 0;
    width: 100%;
  }

  #mainNav {
    float: none;
  }

  #mainNav li {

  }

  #mainNav a {
    line-height: 50px;
  }

  #indexDole.aktivnosti div.text p {
    font-size: 1.4em;
    line-height: 140%;
    padding: 30px;
  }

  #nekretnineList li {
    margin: 0 5% 5% 0;
    width: 47.5%;
  }

  #nekretnineList li:nth-child(3n) {
    margin-right: 5%;
  }

  #nekretnineList li:nth-child(2n), #nekretnineList li li:nth-child(3n) {
    margin-right: 0;
  }

  #nekretnineList li:nth-child(3n+1) {
    clear: none;
  }


  table.cjenik th, table.cjenik td {
    width: calc(100% / 3);
  }


}



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

  #smjestajMain, #smjestajSub {
  	width: 100%;
  }


}


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

  h2 {
    font-size: 3.6em;
  }

  p.text.index, ul.text.index {
    font-size: 1.8em;
    text-align: justify;
  }



  ul.karakteristike li {
    line-height: 180%;
    margin-right: 0%;
    width: 100%;
  }

  ul.karakteristike.list li {
    margin-right: 0%;
    padding: 0 10px;
    width: 100%;
  }




  #indexDole.index li:nth-child(1) a, #indexDole.index li:nth-child(2) a, #indexDole.index li:nth-child(3) a, #indexDole.index li:nth-child(4) a {
  	height: 100%;
    width: 100%;
  }

  #indexDole.index li:nth-child(1) p {
    bottom: 30px;
    top: auto;
  }

  #indexDole.index li:nth-child(4) p {
    bottom: auto;
    top: 30px;
  }


  #indexDole.aktivnosti li {
    background: #f7f7f7;
    width: 50%;
  }

  #indexDole.aktivnosti div {
    width: 100%;
  }

  #indexDole.aktivnosti div.text {
    display: none;
  }

  #indexDole.aktivnosti li:nth-child(1) a, #indexDole.aktivnosti li:nth-child(2) a, #indexDole.aktivnosti li:nth-child(3) a, #indexDole.aktivnosti li:nth-child(4) a {
    width: 100%;
  }
 



  fieldset.indexSearch li {
    float: left;
    margin-right: 10px;
    width: calc((100% - 10px) / 2);
  }

  fieldset.indexSearch li:nth-child(2n) {
    margin-right: 0;
  }

  fieldset.indexSearch li:nth-child(n+3) {
    margin-top: 10px;
  }

  fieldset.indexSearch li:last-child {
    width: 100%;
  }


  #cjenik li {

    width: calc(100%);
  }

  #cjenik li + li {
    border-top: 1px solid #eee;
  }

  #cjenik li:nth-child(4n) {
    border: 0;
  }

  #cjenik li:nth-child(n+4) {
    border-top: 1px solid #eee;
  }

  #cjenik p {
    float: left;
    width: 50%;
  }

  #cjenik p + p {
    border-top: 0;
  }

  ul.galerija li, ul.galerija li:nth-of-type(6n), ul.galerija li:nth-of-type(5n) {
    float: left;
    list-style: none;
    margin: 0 3% 3% 0;
    width: calc(91% / 4);
  }

  ul.galerija li:nth-of-type(4n) {
    margin-right: 0;
  }


}


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

  fieldset.upit.admin label {
    width: 100%;
  }

  fieldset.upit.admin input.text, fieldset.upit.admin input.textx, input.slike, fieldset.upit.admin select, fieldset.upit.admin textarea, fieldset.upit.admin input.submit {
    width: 100%;
  }


}





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

  header, div.drugaLinija {
    height: auto;
  }

  header {
    width: calc(100% - 20px);
  }

  div.prvaLinija span {
    display: block;
    padding: 0;
    text-align: center;
    width: 100%;
  }

  div.prvaLinija ul {
    width: 100%;
  }

  div.prvaLinija li:last-child {
  	border-left: 0;
    float: right;
  }

  div.zastaveHolder {
  	border-bottom: 1px solid #eee;
  }

  ul.zastave {
    margin: 10px auto 10px;
    position: static;
  }

  ul.zastave li {
    display: inline-block;
    float: none;
  }

  nav {
  	margin: 0 0 10px;
  }


  #mainNav li {
    display: block;
    float: left;
    margin: 0;
    width: 100%;
  }

  #mainNav li:nth-child(2n) {
    margin-right: 0;
  }

  #mainNav li:nth-child(n+1) {
  }

  #mainNav a {
    background: #fff;
  }

  #mainNav li a {
  }

  h3.header {
    margin-top: 0;
  }



@media screen and (max-width: 730px) and (min-width: 500px) {

  #nekretnineList h3 {
  	font-size: 1.7em;
    letter-spacing: -.5px;
  }

  #nekretnineList em {
    font-size: 1.5em;
    letter-spacing: -.5px;
  }

  #nekretnineList ul li {
    font-size: 1.5em;
    letter-spacing: -.5px;
 }

}


@media screen and (max-width: 630px) and (min-width: 500px) {

  #nekretnineList ul li {
  	width: 100%;
  }

}



  #subNav {
    display: block;
  }

  #subNav li {
    width: calc((100% - 4px) / 3);
  }

  #subNav li:first-child {
    display: block;
  }

  #subNav li:nth-child(3n) {
    margin-right: 0;
  }

  #subNav li:nth-child(n+4) {
    margin-top: 2px;
  }


  #expose {
    width: 100%;
  }


  .addData li, .addData li:last-child {
    margin: 0;
    width: 100%;
  }

  .addData li + li, .addData li:last-child {
    margin-top: 1px;
  }

  div.sivi {
    background: #fff;
    border-bottom: 1px solid #ddd;
    padding: 20px 0 10px;
  }

  #map {
    height: 450px;
  }


}


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

  div.prvaLinija {
    height: auto;
  }

  div.prvaLinija ul {
    position: relative;
  }

  div.prvaLinija li, div.prvaLinija li + li {
    float: none;
    line-height: 200%;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 100%;
  }


  .buttons, .buttons2 {
    display: block;
    margin: 0 auto 20px;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
  }

  .buttons2 {
  	background: #eee;
  	left: 0;
  	width: 30px;
  }

  .buttons:before {
    color: #000;
    content:'\2637';
    font-weight: bold;
    font-size: 2.4em;
  } 

  .buttons2:before {
    color: #000;
    content:'\2637';
    font-weight: bold;
    font-size: 2.4em;
  } 

  .buttons.otvori:before {
    color: #000;
    content:'\2630';
    font-size: 2.4em;
  }

  .hamburger, .cross {
    background: none;
    border: 0;
    text-shadow: 1px 1px rgba(0,0,0,.5);
    color: #000;
    cursor: pointer;
    display: none;
    font-family: "Open Sans";
    font-size: 2.4em;
    line-height: 45px;
    outline: none;
    z-index: 10000000000000;
  }

  .hamburger.show, .cross.show {
    display: inline-block;
  }

  .menux {
    display: none;
  }

  .menux.show {
    display: block;
  }



  #owl-demo {

  }





  #indexDole li, #indexDole.aktivnosti li, #indexDole.aktivnosti.ulaz li {
    width: 100%;
  }

  #indexDole li + li {
  	margin-top: 5px;
  }


  #indexDole.index li:nth-child(3) p, #indexDole.index li:nth-child(4) p {
    bottom: 30px;
    top: auto;
  }





  #objektiList li {
    margin-bottom: 30px;
    width: 100%;
  }

  #objektiList ul.karakteristike li, #objektiList ul.opremljenost li {
    margin-bottom: 0;
  }




  ul.karakteristike2 li, ul.karakteristike2 li:nth-of-type(3n) {
    margin: 0 5px 2px 0;
    width: calc((100% - 5px) / 2);
  }

  ul.karakteristike2 li:nth-of-type(2n) {
    margin-right: 0;
  }





  .footHolder + .footHolder {
    margin-top: 25px;
  }

  .footHolder li, .footHolder li:first-child {
    border: 0;
    display: block;
    line-height: 200%;
    margin: 0;
    padding: 0;
  }

  .footHolder li + li {
    border: 0; 
  }



  ul.galerija li, ul.galerija li:nth-of-type(6n), ul.galerija li:nth-of-type(5n), ul.galerija li:nth-of-type(4n) {
    float: left;
    list-style: none;
    margin: 0 3.5% 3.5% 0;
    width: calc(93% / 3);
  }

  ul.galerija li:nth-of-type(3n) {
    margin-right: 0;
  }




}





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


  #mainNav li {
    margin: 0;
    width: 100%;
  }

  #mainNav a {
    line-height: 300%;
  }

  #subNav {
  	letter-spacing: -.5px;
  }


  h2 {
    font-size: 3em;
  }

  p.text, ul.text {
    font-size: 1.6em;
  }

  p.text.index, ul.text.index {
    font-size: 1.6em;
    text-align: left;
  }


  section {
    padding-bottom: 40px;
    padding-top: 40px; 
  }



  h3, h3.header {
    font-size: 2.4em;
    margin-bottom: 30px;
    padding-top: 5px;
  }

  h3.header {;
    padding-top: 35px;
  }



  #nekretnineList li {
    margin: 0 0 5% 0;
    width: 100%;
  }


  #nekretnineList h3 {
    font-size: 2em;
    height: auto;
  }


  #expose, div.cijenaDet {
  	font-size: 2.2em;
  }


  ul.karakteristike {
    font-size: 1.6em;
  }


  ul.mainDataList li {
    font-size: 2em;
    width: 100%;
  }


  #map {
    height: 400px;
  }



  table.dostupnost {
    font-size: 1.6em;
  }

  table.dostupnost th, table.dostupnost td {
    float: left;
    padding: 10px;
    width: 100%
  }

  table.dostupnost td + td {
  	border-top: 0;
  }

  fieldset.indexSearch li {
    float: left;
    margin: 0 0 10px 0;
    width: 100%;
  }

  fieldset.indexSearch li:nth-child(n+3) {
    margin-top: 0;
  }

  fieldset.indexSearch li:last-child {
    margin: 0;
  }

  fieldset.upit input.textx {
    float: left;
    width: 100%;
  }

  fieldset.upit input.textx + input.textx {
    margin: 10px 0 0 0;
  }

  fieldset.upit li.provjera {
    width: 100%;
  }


  #admin_list p.naziv {
    width: calc(100% - 100px);
  }

  #admin_list p.unos {
  	display: none;
  }



  ul.galerija li, ul.galerija li:nth-of-type(6n), ul.galerija li:nth-of-type(5n), ul.galerija li:nth-of-type(4n), ul.galerija li:nth-of-type(3n) {
    float: left;
    list-style: none;
    margin: 0 4% 4% 0;
    width: calc(96% / 2);
  }

  ul.galerija li:nth-of-type(2n) {
    margin-right: 0;
  }



}


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

  div.prvaLinija {
    height: auto;
  }

  div.prvaLinija ul {
    position: relative;
  } 

  div.prvaLinija li, div.prvaLinija li + li, div.prvaLinija li:last-child {
  	border: 0;
  	line-height: 200%;
  	margin: 0;
  	padding: 0;
  	text-align: center;
    width: 100%;
  } 

  #subNav li {
    font-size: 1.4em;
  }



}

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



  #subNav li {
    font-size: 1.3em;
  }

}

/*!
*  - v1.2.5
* Homepage: http://bqworks.com/slider-pro/
* Author: bqworks000
* Author URL: http://bqworks.com/
*/.slider-pro{position:relative;margin:0 auto;-moz-box-sizing:content-box;box-sizing:content-box}.sp-slides-container{position:relative}.sp-mask{position:relative;overflow:hidden}.sp-slides{position:relative;-webkit-backface-visibility:hidden;-webkit-perspective:1000}.sp-slide{position:absolute}.sp-image-container{overflow:hidden}.sp-image{position:relative;display:block;border:none}.sp-no-js{overflow:hidden;max-width:100%}.sp-thumbnails-container{position:relative;overflow:hidden}.sp-bottom-thumbnails,.sp-top-thumbnails{left:0;margin:0 auto}.sp-top-thumbnails{position:absolute;top:0;margin-bottom:4px}.sp-bottom-thumbnails{margin-top:4px}.sp-left-thumbnails,.sp-right-thumbnails{position:absolute;top:0}.sp-right-thumbnails{right:0;margin-left:4px}.sp-left-thumbnails{left:0;margin-right:4px}.sp-thumbnails{position:relative}.sp-thumbnail{border:none}.sp-thumbnail-container{position:relative;display:block;overflow:hidden;float:left;-moz-box-sizing:border-box;box-sizing:border-box}.sp-bottom-thumbnails .sp-thumbnail-container,.sp-top-thumbnails .sp-thumbnail-container{margin-left:2px;margin-right:2px}.sp-bottom-thumbnails .sp-thumbnail-container:first-child,.sp-top-thumbnails .sp-thumbnail-container:first-child{margin-left:0}.sp-bottom-thumbnails .sp-thumbnail-container:last-child,.sp-top-thumbnails .sp-thumbnail-container:last-child{margin-right:0}.sp-left-thumbnails .sp-thumbnail-container,.sp-right-thumbnails .sp-thumbnail-container{margin-top:2px;margin-bottom:2px}.sp-left-thumbnails .sp-thumbnail-container:first-child,.sp-right-thumbnails .sp-thumbnail-container:first-child{margin-top:0}.sp-left-thumbnails .sp-thumbnail-container:last-child,.sp-right-thumbnails .sp-thumbnail-container:last-child{margin-bottom:0}.sp-right-thumbnails.sp-has-pointer{margin-left:-13px}.sp-right-thumbnails.sp-has-pointer .sp-thumbnail{position:absolute;left:18px;margin-left:0!important}.sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:before{content:'';position:absolute;height:100%;border-left:5px solid red;left:0;top:0;margin-left:13px}.sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:after{content:'';position:absolute;width:0;height:0;left:0;top:50%;margin-top:-8px;border-right:13px solid red;border-top:8px solid transparent;border-bottom:8px solid transparent}.sp-left-thumbnails.sp-has-pointer{margin-right:-13px}.sp-left-thumbnails.sp-has-pointer .sp-thumbnail{position:absolute;right:18px}.sp-left-thumbnails.sp-has-pointer .sp-selected-thumbnail:before{content:'';position:absolute;height:100%;border-left:5px solid red;right:0;top:0;margin-right:13px}.sp-left-thumbnails.sp-has-pointer .sp-selected-thumbnail:after{content:'';position:absolute;width:0;height:0;right:0;top:50%;margin-top:-8px;border-left:13px solid red;border-top:8px solid transparent;border-bottom:8px solid transparent}.sp-bottom-thumbnails.sp-has-pointer{margin-top:-13px}.sp-bottom-thumbnails.sp-has-pointer .sp-thumbnail{position:absolute;top:18px;margin-top:0!important}.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:before{content:'';position:absolute;width:100%;border-bottom:5px solid red;top:0;margin-top:13px}.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:after{content:'';position:absolute;width:0;height:0;left:50%;top:0;margin-left:-8px;border-bottom:13px solid red;border-left:8px solid transparent;border-right:8px solid transparent}.sp-top-thumbnails.sp-has-pointer{margin-bottom:-13px}.sp-top-thumbnails.sp-has-pointer .sp-thumbnail{position:absolute;bottom:18px}.sp-top-thumbnails.sp-has-pointer .sp-selected-thumbnail:before{content:'';position:absolute;width:100%;border-bottom:5px solid red;bottom:0;margin-bottom:13px}.sp-top-thumbnails.sp-has-pointer .sp-selected-thumbnail:after{content:'';position:absolute;width:0;height:0;left:50%;bottom:0;margin-left:-8px;border-top:13px solid red;border-left:8px solid transparent;border-right:8px solid transparent}.sp-layer{position:absolute;margin:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-font-smoothing:subpixel-antialiased;-webkit-backface-visibility:hidden}.sp-black{color:#FFF;background:#002d68;background:rgba(0,0,0,.7)}.sp-white{color:#002d68;background:#fff;background:rgba(255,255,255,.7)}.sp-rounded{border-radius:10px}.sp-padding{padding:10px}.sp-grab{cursor:url(images/openhand.cur),move}.sp-grabbing{cursor:url(images/closedhand.cur),move}.sp-selectable{cursor:default}.sp-caption-container{text-align:center;margin-top:10px}.sp-full-screen{margin:0!important;background-color:#002d68}.sp-full-screen-button{position:absolute;top:5px;right:10px;font-size:30px;line-height:1;cursor:pointer;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.sp-full-screen-button:before{content:'\2195'}.sp-fade-full-screen{opacity:0;-webkit-transition:opacity .5s;transition:opacity .5s}.slider-pro:hover .sp-fade-full-screen{opacity:1}.sp-buttons{position:relative;width:100%;text-align:center;padding-top:10px}.sp-button{width:12px;height:12px;border:2px solid #002d68;border-radius:50%;margin:2px;display:inline-block;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}.sp-selected-button{background-color:#002d68}@media only screen and (min-width:768px) and (max-width:1024px){.sp-button{width:12px;height:12px}}@media only screen and (min-width:568px) and (max-width:768px){.sp-button{width:12px;height:12px}}@media only screen and (min-width:320px) and (max-width:568px){.sp-button{width:10px;height:10px}}.sp-arrows{position:absolute}.sp-fade-arrows{opacity:0;-webkit-transition:opacity .5s;transition:opacity .5s}.sp-slides-container:hover .sp-fade-arrows{opacity:1}.sp-horizontal .sp-arrows{width:100%;left:0;top:50%;margin-top:-15px}.sp-vertical .sp-arrows{height:100%;left:50%;top:0;margin-left:-10px}.sp-arrow{position:absolute;display:block;width:20px;height:30px;cursor:pointer}.sp-vertical .sp-arrow{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.sp-horizontal .sp-previous-arrow{left:20px}.sp-horizontal .sp-next-arrow{right:20px}.sp-vertical .sp-previous-arrow{top:20px}.sp-vertical .sp-next-arrow{bottom:20px}.sp-next-arrow:after,.sp-next-arrow:before,.sp-previous-arrow:after,.sp-previous-arrow:before{content:'';position:absolute;width:50%;height:50%;background-color:#FFF}.sp-previous-arrow:before{left:30%;top:0;-webkit-transform:skew(145deg,0deg);-ms-transform:skew(145deg,0deg);transform:skew(145deg,0deg)}.sp-previous-arrow:after{left:30%;top:50%;-webkit-transform:skew(-145deg,0deg);-ms-transform:skew(-145deg,0deg);transform:skew(-145deg,0deg)}.sp-next-arrow:before{right:30%;top:0;-webkit-transform:skew(35deg,0deg);-ms-transform:skew(35deg,0deg);transform:skew(35deg,0deg)}.sp-next-arrow:after{right:30%;top:50%;-webkit-transform:skew(-35deg,0deg);-ms-transform:skew(-35deg,0deg);transform:skew(-35deg,0deg)}.ie7 .sp-arrow,.ie8 .sp-arrow{width:0;height:0}.ie7 .sp-arrow:after,.ie7 .sp-arrow:before,.ie8 .sp-arrow:after,.ie8 .sp-arrow:before{content:none}.ie7.sp-horizontal .sp-previous-arrow,.ie8.sp-horizontal .sp-previous-arrow{border-right:20px solid #FFF;border-top:20px solid transparent;border-bottom:20px solid transparent}.ie7.sp-horizontal .sp-next-arrow,.ie8.sp-horizontal .sp-next-arrow{border-left:20px solid #FFF;border-top:20px solid transparent;border-bottom:20px solid transparent}.ie7.sp-vertical .sp-previous-arrow,.ie8.sp-vertical .sp-previous-arrow{border-bottom:20px solid #FFF;border-left:20px solid transparent;border-right:20px solid transparent}.ie7.sp-vertical .sp-next-arrow,.ie8.sp-vertical .sp-next-arrow{border-top:20px solid #FFF;border-left:20px solid transparent;border-right:20px solid transparent}.sp-thumbnail-arrows{position:absolute}.sp-fade-thumbnail-arrows{opacity:0;-webkit-transition:opacity .5s;transition:opacity .5s}.sp-thumbnails-container:hover .sp-fade-thumbnail-arrows{opacity:1}.sp-bottom-thumbnails .sp-thumbnail-arrows,.sp-top-thumbnails .sp-thumbnail-arrows{width:100%;top:50%;left:0;margin-top:-12px}.sp-left-thumbnails .sp-thumbnail-arrows,.sp-right-thumbnails .sp-thumbnail-arrows{height:100%;top:0;left:50%;margin-left:-7px}.sp-thumbnail-arrow{position:absolute;display:block;width:15px;height:25px;cursor:pointer}.sp-left-thumbnails .sp-thumbnail-arrows .sp-thumbnail-arrow,.sp-right-thumbnails .sp-thumbnail-arrows .sp-thumbnail-arrow{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.sp-bottom-thumbnails .sp-previous-thumbnail-arrow,.sp-top-thumbnails .sp-previous-thumbnail-arrow{left:0}.sp-bottom-thumbnails .sp-next-thumbnail-arrow,.sp-top-thumbnails .sp-next-thumbnail-arrow{right:0}.sp-left-thumbnails .sp-previous-thumbnail-arrow,.sp-right-thumbnails .sp-previous-thumbnail-arrow{top:0}.sp-left-thumbnails .sp-next-thumbnail-arrow,.sp-right-thumbnails .sp-next-thumbnail-arrow{bottom:0}.sp-next-thumbnail-arrow:after,.sp-next-thumbnail-arrow:before,.sp-previous-thumbnail-arrow:after,.sp-previous-thumbnail-arrow:before{content:'';position:absolute;width:50%;height:50%;background-color:#FFF}.sp-previous-thumbnail-arrow:before{left:30%;top:0;-webkit-transform:skew(145deg,0deg);-ms-transform:skew(145deg,0deg);transform:skew(145deg,0deg)}.sp-previous-thumbnail-arrow:after{left:30%;top:50%;-webkit-transform:skew(-145deg,0deg);-ms-transform:skew(-145deg,0deg);transform:skew(-145deg,0deg)}.sp-next-thumbnail-arrow:before{right:30%;top:0;-webkit-transform:skew(35deg,0deg);-ms-transform:skew(35deg,0deg);transform:skew(35deg,0deg)}.sp-next-thumbnail-arrow:after{right:30%;top:50%;-webkit-transform:skew(-35deg,0deg);-ms-transform:skew(-35deg,0deg);transform:skew(-35deg,0deg)}.ie7 .sp-thumbnail-arrow,.ie8 .sp-thumbnail-arrow{width:0;height:0}.ie7 .sp-thumbnail-arrow:after,.ie7 .sp-thumbnail-arrow:before,.ie8 .sp-thumbnail-arrow:after,.ie8 .sp-thumbnail-arrow:before{content:none}.ie7 .sp-bottom-thumbnails .sp-previous-thumbnail-arrow,.ie7 .sp-top-thumbnails .sp-previous-thumbnail-arrow,.ie8 .sp-bottom-thumbnails .sp-previous-thumbnail-arrow,.ie8 .sp-top-thumbnails .sp-previous-thumbnail-arrow{border-right:12px solid #FFF;border-top:12px solid transparent;border-bottom:12px solid transparent}.ie7 .sp-bottom-thumbnails .sp-next-thumbnail-arrow,.ie7 .sp-top-thumbnails .sp-next-thumbnail-arrow,.ie8 .sp-bottom-thumbnails .sp-next-thumbnail-arrow,.ie8 .sp-top-thumbnails .sp-next-thumbnail-arrow{border-left:12px solid #FFF;border-top:12px solid transparent;border-bottom:12px solid transparent}.ie7 .sp-left-thumbnails .sp-previous-thumbnail-arrow,.ie7 .sp-right-thumbnails .sp-previous-thumbnail-arrow,.ie8 .sp-left-thumbnails .sp-previous-thumbnail-arrow,.ie8 .sp-right-thumbnails .sp-previous-thumbnail-arrow{border-bottom:12px solid #FFF;border-left:12px solid transparent;border-right:12px solid transparent}.ie7 .sp-left-thumbnails .sp-next-thumbnail-arrow,.ie7 .sp-right-thumbnails .sp-next-thumbnail-arrow,.ie8 .sp-left-thumbnails .sp-next-thumbnail-arrow,.ie8 .sp-right-thumbnails .sp-next-thumbnail-arrow{border-top:12px solid #FFF;border-left:12px solid transparent;border-right:12px solid transparent}a.sp-video{text-decoration:none}a.sp-video img{-webkit-backface-visibility:hidden;border:none}a.sp-video:after{content:'\25B6';position:absolute;width:45px;padding-left:5px;height:50px;border:2px solid #FFF;text-align:center;font-size:30px;border-radius:30px;top:0;color:#FFF;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.2);margin:auto;line-height:52px}.slider-pro img.sp-image,.slider-pro img.sp-thumbnail{max-width:none;max-height:none;border:none!important;border-radius:0!important;padding:0!important;-webkit-box-shadow:none!important;-mox-box-shadow:none!important;box-shadow:none!important;transition:none;-moz-transition:none;-webkit-transition:none;-o-transition:none}.slider-pro a{position:static;transition:none!important;-moz-transition:none!important;-webkit-transition:none!important;-o-transition:none!important}.slider-pro canvas,.slider-pro embed,.slider-pro iframe,.slider-pro object,.slider-pro video{max-width:none;max-height:none}.slider-pro p.sp-layer{font-size:14px;line-height:1.4;margin:0}.slider-pro h1.sp-layer{font-size:32px;line-height:1.4;margin:0}.slider-pro h2.sp-layer{font-size:24px;line-height:1.4;margin:0}.slider-pro h3.sp-layer{font-size:19px;line-height:1.4;margin:0}.slider-pro h4.sp-layer{font-size:16px;line-height:1.4;margin:0}.slider-pro h5.sp-layer{font-size:13px;line-height:1.4;margin:0}.slider-pro h6.sp-layer{font-size:11px;line-height:1.4;margin:0}.slider-pro img.sp-layer{border:none}

#example2 {
margin: 0 auto 5px auto !important;
max-width: 1140px;
}

#example2 .sp-slides-container {
background: #f7f7f7;
}


.sp-bottom-thumbnails .sp-thumbnail-arrows, .sp-top-thumbnails .sp-thumbnail-arrows {
left: 10px;
width: calc(100% - 20px);
}











.nekretnine .sp-button {
  border-color: #81336a;
}

.nekretnine .sp-selected-button {
  background-color: #81336a;
}

#example3 {
margin-bottom: 30px;
}


















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

  #example2 {
    max-width: 100%;
  }

}





@media screen and (max-width: 420px) {
  .sp-button {
    width: 8px;
    height: 8px;
    margin: 1px;
  }
}



/*! fancyBox v2.0.6 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-tmp iframe, .fancybox-tmp object {
  vertical-align: top;
  padding: 0;
  margin: 0;
}

.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020;
}

.fancybox-skin {
  position: relative;
  padding: 0;
  margin: 0;
  background: #f9f9f9;
  color: #444;
  text-shadow: none;
          border-radius: 4px;
}

.fancybox-opened {
  z-index: 8030;
}

.fancybox-opened .fancybox-skin {
          box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
  padding: 0;
  margin: 0;
  position: relative;
  outline: none;
}

.fancybox-inner {
  overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
}

.fancybox-error {
  color: #444;
  font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  margin: 0;
  padding: 10px;
}

.fancybox-image, .fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  padding: 0;
  margin: 0;
  vertical-align: top;
}

.fancybox-image {
  max-width: 100%;
  max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
  background-image: url('images/fancybox_sprite.png');
}

#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8020;
}

#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url('images/loading.gif') center center no-repeat;
}

.fancybox-close {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 8040;
}

.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  background: transparent url('images/blank.gif'); /* helps IE */
  z-index: 8040;
}

.fancybox-prev {
  left: 0;
}

.fancybox-next {
  right: 0;
}

.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden;
}

.fancybox-prev span {
  left: 20px;
  background-position: 0 -36px;
}

.fancybox-next span {
  right: 20px;
  background-position: 0 -72px;
}

.fancybox-nav:hover span {
  visibility: visible;
}

.fancybox-tmp {
  position: absolute;
  top: -9999px;
  left: -9999px;
  padding: 0;
  overflow: visible;
  visibility: hidden;
}

/* Overlay helper */

#fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background: #000;
}

#fancybox-overlay.overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
}

/* Title helper */

.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 8050;
}

.fancybox-opened .fancybox-title {
  visibility: visible;
}

.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 8030;
  text-align: center;
}

.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent; /* Fallback for web browsers that doesn't support RGBa */
  background: rgba(0, 0, 0, 0.8);
          border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #FFF;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap;
}

.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff;
}

.fancybox-title-inside-wrap {
  margin-top: 10px;
}

.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, .8);
}



/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}

/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}

.owl-theme .owl-nav.disabled+.owl-dots {
margin-top: 30px;
}

.owl-carousel .owl-stage-outer {
padding-top: 1px;
}

.owl-carousel {
padding: 0 1px;
}

.owl-carousel .item {
border: 0px solid #eee;
}

.owl-carousel img {
margin-bottom: 10px;
}

.owl-carousel img {
margin-bottom: 0px;
}



.owl-carousel em {
display: block;
font-size: 1.5em;
font-style: normal;
font-weight: 200;
margin-bottom: 10px;
padding: 0 10px;
}

.owl-carousel p {
background: #f7f7f7;
font-size: 2em;

font-weight: 400;
line-height: 130%;
padding: 10px 10px;
width: 100%;

}

.owl-carousel p.akcija {
color: #f00;
}

.owl-carousel p.akcija span {
color: #aaa;
padding-left: 10px;
text-decoration: line-through;
}





.nekretnineIndex {
border-top: 1px solid #eee;
}

.nekretnineIndex .owl-carousel .item {
border: 1px solid #eee;
}

.nekretnineIndex .owl-carousel h4 {
background: none;
color: #002d68;
font-size: 2.8em;
font-weight: 300;
margin: 0 0 5px;
text-align: center;
}

.nekretnineIndex .owl-carousel div.okvir {
padding: 20px;
}

.nekretnineIndex div.okvir p {
background: none;
font-size: 1.6em;
padding: 0;
text-align: center;
}

.nekretnineIndex div.okvir img.stars {
border: 0;
display: block;
margin: 20px auto 0;
width: 120px;
}

.nekretnineIndex div.okvir p.cijena {
font-size: 3em;
margin-top: 30px;
text-align: center;
}

.nekretnineIndex div.okvir li.akcija p.cijena {
color: #308901;
color: green;
}

.nekretnineIndex div.okvir p.cijena.akcija {
color: #f00;
}

.nekretnineIndex div.okvir ul.karakteristike {
font-size: 1.7em;
margin-top: 30px;
width: 100%;
}

.nekretnineIndex div.okvir ul.karakteristike li {
border: 0;
border-bottom: 1px solid #eee;
margin-bottom: 0;
width: 100%;
}

.nekretnineIndex div.okvir ul.opremljenost {
float: none;
font-size: 1.7em;
margin-top: 30px;
text-align: center;
width: 100%;
}

.nekretnineIndex div.okvir ul.opremljenost li {
border-radius: 2px;
color: #fff;
display: inline-block;
float: none;
margin-right: 2px;

width: 34px;
height: 34px;
}







.owl-theme .owl-nav {
height: 6px;
position: relative;
}

.owl-carousel .owl-nav .owl-prev {
left: 0;
position: absolute; 
}

.owl-carousel .owl-nav .owl-next {
position: absolute; 
right: 0;
}











.index .owl-carousel.owl-drag .owl-item {
height: 500px;
padding-bottom: 5%;
}

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

  .index .owl-carousel.owl-drag .owl-item {
    height: 400px;
    padding-bottom: 5%;
  }

}

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

  .index .owl-carousel.owl-drag .owl-item {
    height: 300px;
    padding-bottom: 5%;
  }

}

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

  .index .owl-carousel.owl-drag .owl-item {
    height: 250px;
    padding-bottom: 5%;
  }

}



.index .owl-carousel.owl-drag .owl-item div.item {
background-position: center center !important;
background-repeat: no-repeat !important;
background-size: cover !important;
height: 100%;
position: absolute;
width: 100%;
}

.index .owl-carousel.owl-drag .owl-item div.item a {
display: block;
height: 100%;
position: absolute;
width: 100%;
z-index: 1000;
}

.index .owl-carousel.owl-drag .owl-item div.item p {
background: transparent;
bottom: 0px;
color: #fff;
font-family: 'Kalam', cursive;
font-size: 4em;
position: absolute;
text-align: center;

_background: rgba(0,0,0,.2);
padding: 30px;
text-shadow:
    3px 3px 0 #000,
  -1px -1px 0 #000,  
   1px -1px 0 #000,
   -1px 1px 0 #000,
    1px 1px 0 #000;
}




#owl-demo .item img {
display: block;
height: auto;
max-height: 600px;
width: 100%;
}

.index .owl-nav {
font-size: 4em;
height: 10px;
left: 0;
margin: 0;
right: 0;
padding: 0 20px;
position: absolute;
top: 50%;
transform: translateY(-50%);
}

.index .owl-theme .owl-nav [class*=owl-] {
background: none;
font-size: 1em;
line-height: 90px;
margin: 0;
padding: 0px 40px;
z-index: 1001;
}

.index .owl-carousel .owl-nav .owl-prev {
float: left;
position: absolute;
top: -40px;
transition: background 1s;
}

.index .owl-carousel .owl-nav .owl-next {
float: right;
position: absolute;
top: -40px;
transition: background 1s;
}


.index .owl-carousel .owl-nav .owl-prev:hover, .index .owl-carousel .owl-nav .owl-next:hover {
background: rgba(255,255,255,.3);
}







@charset "UTF-8";

/*!
 * Pikaday
 * Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/
 */

.pika-single {
    z-index: 9999;
    display: block;
    position: relative;
    color: #333;
    background: #fff;
    border: 1px solid #ccc;
    border-bottom-color: #bbb;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/*
clear child float (pika-lendar), using the famous micro clearfix hack
http://nicolasgallagher.com/micro-clearfix-hack/
*/
.pika-single:before,
.pika-single:after {
    content: " ";
    display: table;
}
.pika-single:after { clear: both }
.pika-single { *zoom: 1 }

.pika-single.is-hidden {
    display: none;
}

.pika-single.is-bound {
    position: absolute;
    box-shadow: 0 5px 15px -5px rgba(0,0,0,.5);
}

.pika-lendar {
    float: left;
    width: 240px;
    margin: 8px;
}

.pika-title {
    position: relative;
    text-align: center;
}

.pika-label {
    display: inline-block;
    *display: inline;
    position: relative;
    z-index: 9999;
    overflow: hidden;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    background-color: #fff;
}
.pika-title select {
    cursor: pointer;
    position: absolute;
    z-index: 9998;
    margin: 0;
    left: 0;
    top: 5px;
    filter: alpha(opacity=0);
    opacity: 0;
}

.pika-prev,
.pika-next {
    display: block;
    cursor: pointer;
    position: relative;
    outline: none;
    border: 0;
    padding: 0;
    width: 20px;
    height: 30px;
    /* hide text using text-indent trick, using width value (it's enough) */
    text-indent: 20px;
    white-space: nowrap;
    overflow: hidden;
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 75% 75%;
    opacity: .5;
    *position: absolute;
    *top: 0;
}

.pika-prev:hover,
.pika-next:hover {
    opacity: 1;
}

.pika-prev,
.is-rtl .pika-next {
    float: left;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==');
    *left: 0;
}

.pika-next,
.is-rtl .pika-prev {
    float: right;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=');
    *right: 0;
}

.pika-prev.is-disabled,
.pika-next.is-disabled {
    cursor: default;
    opacity: .2;
}

.pika-select {
    display: inline-block;
    *display: inline;
}

.pika-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 0;
}

.pika-table th,
.pika-table td {
    width: 14.285714285714286%;
    padding: 0;
}

.pika-table th {
    color: #999;
    font-size: 12px;
    line-height: 25px;
    font-weight: bold;
    text-align: center;
}

.pika-button {
    cursor: pointer;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    outline: none;
    border: 0;
    margin: 0;
    width: 100%;
    padding: 5px;
    color: #666;
    font-size: 12px;
    line-height: 15px;
    text-align: right;
    background: #f5f5f5;
}

.pika-week {
    font-size: 11px;
    color: #999;
}

.is-today .pika-button {
    color: #33aaff;
    font-weight: bold;
}

.is-selected .pika-button,
.has-event .pika-button {
    color: #fff;
    font-weight: bold;
    background: #33aaff;
    box-shadow: inset 0 1px 3px #178fe5;
    border-radius: 3px;
}

.has-event .pika-button {
    background: #005da9;
    box-shadow: inset 0 1px 3px #0076c9;
}

.is-disabled .pika-button,
.is-inrange .pika-button {
    background: #D5E9F7;
}

.is-startrange .pika-button {
    color: #fff;
    background: #6CB31D;
    box-shadow: none;
    border-radius: 3px;
}

.is-endrange .pika-button {
    color: #fff;
    background: #33aaff;
    box-shadow: none;
    border-radius: 3px;
}

.is-disabled .pika-button,
.is-outside-current-month .pika-button {
    pointer-events: none;
    cursor: default;
    color: #999;
    opacity: .3;
}

.pika-button:hover {
    color: #fff;
    background: #ff8000;
    box-shadow: none;
    border-radius: 3px;
}

/* styling for abbr */
.pika-table abbr {
    border-bottom: none;
    cursor: help;
}





.small {
color: #666; font-size: 0.875em;
}

.large { 
font-size: 1.25em;
}

label {
font-weight: bold;
}

/*
input[type="text"] {
margin: 0.5em 0 3em 0;
padding: 0.5em;
}
*/

button#datepicker-button {
 margin-bottom: 3em;
}

.flow-element {
display: inline-block;
margin-right: 3em;
vertical-align: top;
}

.flow-element:last-child {
margin-right: 0;
}

.flow-element input {
margin-top: 0;
}

#container {
min-height: 15em;
}














/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTa-j2U0lmluP9RWlSytm3ho.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTZX5f-9o1vgP2EXwfjgl7AY.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTRWV49_lSm1NYrwo-zkhivY.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTaaRobkAwv3vxw3jMhVENGA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTf8zf_FOSsgRmwsS7Aa9k2w.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTT0LW-43aMEzIO6XUTLjad8.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTegdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}


/* devanagari */
@font-face {
  font-family: 'Kalam';
  font-style: normal;
  font-weight: 300;
  src: local('Kalam Light'), local('Kalam-Light'), url(https://fonts.gstatic.com/s/kalam/v8/YA9Qr0Wd4kDdMtD6GjLNkiQ4tg.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
  font-family: 'Kalam';
  font-style: normal;
  font-weight: 300;
  src: local('Kalam Light'), local('Kalam-Light'), url(https://fonts.gstatic.com/s/kalam/v8/YA9Qr0Wd4kDdMtD6GjLCkiQ4tg.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Kalam';
  font-style: normal;
  font-weight: 300;
  src: local('Kalam Light'), local('Kalam-Light'), url(https://fonts.gstatic.com/s/kalam/v8/YA9Qr0Wd4kDdMtD6GjLMkiQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Kalam';
  font-style: normal;
  font-weight: 400;
  src: local('Kalam'), local('Kalam-Regular'), url(https://fonts.gstatic.com/s/kalam/v8/YA9dr0Wd4kDdMthQOCfzsw.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
  font-family: 'Kalam';
  font-style: normal;
  font-weight: 400;
  src: local('Kalam'), local('Kalam-Regular'), url(https://fonts.gstatic.com/s/kalam/v8/YA9dr0Wd4kDdMthfOCfzsw.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Kalam';
  font-style: normal;
  font-weight: 400;
  src: local('Kalam'), local('Kalam-Regular'), url(https://fonts.gstatic.com/s/kalam/v8/YA9dr0Wd4kDdMthROCc.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Kalam';
  font-style: normal;
  font-weight: 700;
  src: local('Kalam Bold'), local('Kalam-Bold'), url(https://fonts.gstatic.com/s/kalam/v8/YA9Qr0Wd4kDdMtDqHTLNkiQ4tg.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
  font-family: 'Kalam';
  font-style: normal;
  font-weight: 700;
  src: local('Kalam Bold'), local('Kalam-Bold'), url(https://fonts.gstatic.com/s/kalam/v8/YA9Qr0Wd4kDdMtDqHTLCkiQ4tg.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Kalam';
  font-style: normal;
  font-weight: 700;
  src: local('Kalam Bold'), local('Kalam-Bold'), url(https://fonts.gstatic.com/s/kalam/v8/YA9Qr0Wd4kDdMtDqHTLMkiQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}




/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui--reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
	pointer-events: none;
}


/* Icons
----------------------------------*/
.ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.ui-widget-icon-block {
	left: 50%;
	margin-left: -8px;
	display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: 0;
}
.ui-menu .ui-menu {
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	cursor: pointer;
	/* support: IE10, see #8844 */
	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-item-wrapper {
	position: relative;
	padding: 3px 1em 3px .4em;
}
.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: -1px;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item-wrapper {
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .2em;
	margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	left: auto;
	right: 0;
}
.ui-button {
	padding: .4em 1em;
	display: inline-block;
	position: relative;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	/* Support: IE <= 11 */
	overflow: visible;
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2em;
	box-sizing: border-box;
	text-indent: -9999px;
	white-space: nowrap;
}

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
	text-indent: 0;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -8px;
	margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
	padding: 0;
	width: 2.1em;
	height: 2.1em;
	text-indent: -9999px;
	white-space: nowrap;

}

input.ui-button.ui-icon-notext .ui-icon {
	width: auto;
	height: auto;
	text-indent: 0;
	white-space: normal;
	padding: .4em 1em;
}

/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}

.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;

border-bottom: 1px solid #eee;



}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 9px;
	width: .8em;
	height: .8em;

    border: solid #ccc;
    border-width: 0 1px 1px 0;
    cursor: pointer;
    display: inline-block;
    padding: 1px;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 9px;
    border: solid #aaa;
}
.ui-datepicker .ui-datepicker-prev {
	left: 5px;

    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}
.ui-datepicker .ui-datepicker-next {
	right: 5px;

    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 5px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 5px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .4em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	left: .5em;
	top: .3em;
}

.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.ui-draggable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}

.ui-selectable {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
.ui-selectmenu-menu {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.ui-selectmenu-menu .ui-menu {
	overflow: auto;
	overflow-x: hidden;
	padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5;
	padding: 2px 0.4em;
	margin: 0.5em 0 0 0;
	height: auto;
	border: 0;
}
.ui-selectmenu-open {
	display: block;
}
.ui-selectmenu-text {
	display: block;
	margin-right: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-selectmenu-button.ui-button {
	text-align: left;
	white-space: nowrap;
	width: 14em;
}
.ui-selectmenu-icon.ui-icon {
	float: right;
	margin-top: 0;
}

.ui-sortable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: .222em 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 2em;
}
.ui-spinner-button {
	width: 1.6em;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}


.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
}
body .ui-tooltip {
	border-width: 2px;
}
/* Component containers
----------------------------------*/
.ui-widget {
font-family: 'Lato', sans-serif;
font-family: 'Open Sans', sans-serif;
	font-size: 1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
font-family: 'Lato', sans-serif;
	font-size: 1em;
}
.ui-widget.ui-widget-content {
    width: 100% !important;
}
.ui-widget-content {
	background: #fff;
	color: #333;
}
.ui-widget-content a {
	color: #333333;
}



/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
border: 1px solid #ddd;
background: transparent;
color: #fff;
font-weight: normal;
}

.ui-state-default,
.ui-widget-content .ui-state-default {
background: green;
}







.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: #454545;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	border: 1px solid #ccc;
	background: #f7f7f7;
	font-weight: normal;
	color: #aaa;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
	color: #fff;
	text-decoration: none;
}

.ui-visual-focus {
	box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #eee;
	background: #eee;
	font-weight: normal;
	color: #555;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #003eff;
	background-color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #ffffff;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #3a5c89;
	background: #3a5c89;
	color: #fff;
}
.ui-state-checked {
	border: 1px solid #dad55e;
	background: #fffa90;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #777620;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #f1a899;
	background: #fddfdf;
	color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #5f3f3f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70); /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: 1;
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}




td[title="available"] + td[title="Booked out"] span {
background: linear-gradient(to right bottom,green 50%,#f00 0) !important;
}

td[title="Booked out"] + td[title="available"] a {
background: linear-gradient(to right bottom,#f00 50%,green 0) !important;
}



.ui-state-disabled span,
.ui-widget-content .ui-state-disabled span,
.ui-widget-header .ui-state-disabled span {
	background: #f00;
	color: #fff;
}


/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa;
	opacity: .3;
	filter: Alpha(Opacity=30); /* support: IE8 */
}
.ui-widget-shadow {
	-webkit-box-shadow: 0px 0px 5px #666666;
	box-shadow: 0px 0px 5px #666666;
}



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

  .ui-datepicker td span, .ui-datepicker td a {
    padding: .25em;
  }

}


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

  .ui-datepicker td span, .ui-datepicker td a {
    padding: .4em;
  }

}