/* 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; }

.cf:before,
.cf:after {
content: " "; /* 1 */
display: table; /* 2 */}
    
.cf:after {clear: both;}

.cl {
clear: both;
}

/*-- end reset css --*/
a.link {
color: #09f;
text-decoration: none;
}

a.link:hover {
color: #000; 
}

* {
box-sizing: border-box;
}

body {
font-size: 62.5%;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Tahoma, sans-serif;
font-family: 'Open Sans', sans-serif;
font-family: 'Roboto', sans-serif;
font-weight: 300;
line-height: 1;
background: url(images/pozadina.png);
background: #e1f1f8;
background: none;
color: #333; 
}

header {
background: #1e63ae;
}

header.index {
background: url(images/indexx.jpg);
background-position: center;
background-size: cover;
height: 100vh;
}

.holder {
position: relative;
width: 1220px;
height: 140px;
margin: 0 auto;
}

.holder.foot {
height: auto;
padding: 0 20px;
box-sizing: border-box;
}

#logo {
position: absolute;
width: 400px;
left: 0;
right: 0;
padding: 10px 15px; 
top: 5px;
margin-left: auto;
margin-right: auto;
box-sizing: border-box;
border-radius: 10px;
}

#logo a {
display: block;
}

#logo img {
aspect-ratio: 500 / 137;
width: 100%;
height: auto;
}

.buttons {
display: none;
}

#infoData {
color: #fff;
position: absolute;
left: 30px;
top: 15px;	
font-size: 1.5em;
min-height: 18px;
}

#infoData a {
color: #fff;
line-height: 18px;
min-height: 18px;
}

#infoData a:hover {
text-decoration: none;
}

.index #infoData {
color: #000;
}

ul.zastave {
position: absolute;
right: 30px;
top: 10px;
}

ul.zastave li {
float: left;
margin-right: 5px;
list-style: none;
}

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


nav {
width: 1220px;
margin: 0 auto;
}

nav.index {
width: 100%;
bottom: 0;
background: #ddd; 
}

#mainNav {
width: 100%;
font-size: 1.5em;
font-weight: 500;
text-transform: uppercase;
}

#mainNav li {
float: left;
width: 11%;
margin: 60px 0 20px;
border-left: 1px solid rgba(255,255,255,.5);
box-sizing: border-box;
}

#mainNav li.logo {
margin-right: 34%;
}

#mainNav li:nth-child(4) {
border-left: 0;
}

#mainNav li:first-of-type {
border-left: 0;
}

#mainNav li.admin {
float: right;
}

#mainNav li.admin:last-of-type {
border-left: 0
}

#mainNav a {
display: block;
text-decoration: none;
text-align: center;
color: #fff;
line-height: 40px;
}

.index #mainNav a, .index #infoData a {
color: #1e63ae;
}

#mainNav li:last-of-type {
border-right: 0;
}

#mainNav a:hover, .index #infoData a:hover {
color: #000;
}







header #pretragaIndex {
display: none;
}

header.index #pretragaIndex {
background: rgba(255,255,255,.5);
background: none;
display: block;
position: absolute;
left: 50%;
padding: 0;
bottom: calc(10vh - 0px);
transform: translate(-50%, 0);
max-width: 1140px;
width: 90%;
z-index: 100;
right: auto;
}

header.index #pretragaIndex ul {
display: flex;
}

#pretragaIndex li {
flex: 1 1 calc(100% / 6);
float: left;
list-style: none;
}

#pretragaIndex li + li {
margin-left: 1px;
}

#pretragaIndex li.sub {
flex: 1 0 250px;	
}

#pretragaIndex li.cijena {
flex: 1 0 120px;
}

#pretragaIndex li:nth-last-of-type(-n+2) {
padding: 0;
text-align: center;
flex: 0 0 80px;
}

#pretragaIndex li:nth-last-of-type(-n+1) {
padding: 0;
text-align: center;
flex: 0 0 75px;
}

#pretragaIndex input, #pretragaIndex select {
background: #fff;
border: 1px solid #fff;
color: var(--siva);
cursor: pointer;
font-size: 1.4em;
height: 40px;
margin: 0;
padding: 0 10px;
position: relative;
text-transform: uppercase;
transition: background 1s;
vertical-align: baseline;
width: 100%;
z-index: 5;
}

#pretragaIndex select:hover {
background: #eee;
}

#pretragaIndex select option { 
font-size: 1.2em;
text-transform: none;
}

#pretragaIndex input.id {
padding: 0;
text-align: center;
}

#pretragaIndex input.submit {
background: #1e63ae;
border: 1px solid var(--main-color);
color: #fff;
cursor: pointer;
text-align: center;
transition: background 1s, color 1s;
width: 100%;
}

#pretragaIndex input.submit:hover {
background: #fff;
color: var(--main-color);
}


#pretragaIndex input::placeholder {
color: var(--siva);
}






main {
display: block;
width: 1200px;
margin: 40px auto 20px;
padding: 30px 20px 0 0;
background: #fff;
}

main.index {
position: relative;
width: 100%;
margin: 0 auto 20px;
padding: 0;
}



h1, h2, h3, h4 {
margin: 0 auto 20px;
font-size: 3em;
color: #333;
font-weight: normal;
font-size: 3.6em;
text-align: center; 
}

h1 {
margin-bottom: 20px;
padding: 5px 0 10px;
font-size: 3.4em;
text-align: left;
border-bottom: 1px solid #eee;
letter-spacing: 0px;
}

header.index h1 {
border-bottom: 0;
font-weight: 500;
position: absolute;
left: 50%;
padding: 0;
text-align: center;
transform: translate(-50%, 0);
max-width: 1140px;
width: 90%;
z-index: 100;
bottom: calc(10vh + 50px);
color: #fff;
text-shadow: 2px 2px rgba(0,0,0,.5);
}



h2 {
font-size: 2.6em;
}

h3 {
font-size: 2.2em;
margin-bottom: 20px;
background: none;
}

h3.text {
text-align: left;
}

h3.det {
padding-top: 10px;
}

h4 {
font-size: 2.3em;
}

h3.det {
font-size: 2.4em;
text-transform: uppercase;
}

p.text {
margin: 0 0 30px 0;
font-size: 1.5em;
line-height: 160%;
text-align: justify;
}

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

p.text.c {
margin-bottom: 20px;
}

p.text.pregledi {
font-size: 1.4em;
margin-bottom: 20px;
padding: 0 2px;
}

span.expose {
float: right;
}

p.text.napomena {
font-size: 1.35em;
letter-spacing: -.5px;
}

ul.text, ol.text {
padding: 0 0 30px 20px;
list-style-type: none;
font-size: 1.5em;
list-style-type: square;
line-height: 160%;
}

ol.text {
list-style-type: decimal;	
}

ol.text span {
font-weight: bold;
}

ul.text ul {
margin-left: 20px;
}

.green {
color: green;
}

.red {
color: red;
}

span.b {
font-weight: bold;
}

#ban {
position: relative;
width: 1200px;
height: 200px;
margin: 0 0 20px;
background: #aaa;
}

/* breadcrumb */

#navTo {
position: relative;
margin: 0 auto;  
overflow: hidden;
}

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

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

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

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

#navTo li:last-of-type {
margin-left: 10px;
}

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

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

#navTo a:hover {
}

section {
float: left;
width: 776px;
margin-bottom: 20px;
padding: 0 20px 0;
background: #fff;
border-radius: 10px;
}

section.index {
width: 1200px;
min-height: 300px;
margin: 0; 
padding: 0;
float: none; 
position: relative;
border-radius: 0;
background: url(images/index.jpg) no-repeat center center; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

section.index.s1 {
background: url(images/index1.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

section.index.s2 {
background: url(images/index2.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

section.index.s3 {
background: url(images/index3.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

section.index.s4 {
background: url(images/index4.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

section.index.s5 {
background: url(images/index5.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

section.index.s6 {
background: url(images/index6.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

section.index.i2 {
background: #fff;	
}


main.index section {
width: 100%;
margin: 0;
padding: 0;
border-radius: 0;
}



section.indexBan {
height: 600px;
background: url(images/index.jpg) no-repeat center center; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
position: relative;
}

#pretragaIndex {
width: 900px;
margin: 0 auto;
background: rgba(255,255,255,.65);
position: absolute;
bottom: -100px;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
border: 1px solid #eee;
box-sizing: border-box;
}

#pretragaIndex h2 {
margin: 10px 0;
padding: 0;
text-align: center;
border-bottom: 0;
}

#pretraga {
padding: 20px 20px 5px 20px;
background: #eee;
list-style: none;
border-radius: 20px;
}

#pretraga li {
float: left;
width: 31%;
height: 30px;
margin: 0 3.5% 15px 0;
}

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

#pretraga select {
float: left;
position: relative;
width: 100%;
margin: 0;
padding: 2px 2px;
font-family: 'Roboto', sans-serif;
font-size: 1.6em;
vertical-align: baseline;
color: #000;
border: 1px solid #ddd;
z-index: 5;
box-sizing: border-box;
}

#pretraga select.mala {
float: left;
width: 47%;
}

#pretraga li span {
float: left;
width: 6%;
line-height: 30px;
font-size: 2em;
text-align: center;
}

#pretraga .submit {
float: left;
position: relative;
width: 100%;
margin: 0;
padding: 3px 10px;
font-family: 'Roboto', sans-serif;
font-size: 1.6em;
vertical-align: baseline;
color: #000;
border: 1px solid #ddd;
background: #fff;
box-sizing: border-box;
}



.indexNekretnine {
float: none;
max-width: 1200px;
margin: 50px auto 50px auto !important;
width: 90% !important;
}

.indexNekretnine h2 {
font-size: 3.2em;
margin: 0 0 20px 0;
padding: 0 0 5px;
text-align: left;
box-sizing: border-box;
}

.indexNekretnine ul {
list-style: none;
width: 1200px;
margin: 0 auto;
}

.indexNekretnine li {
float: left;
margin-right: 4%;
width: 22%;
}

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

.indexNekretnine ul a {
display: block;
position: relative;
}

.indexNekretnine img {
width: 100%;
height: auto;
margin-bottom: 10px;
}

.indexNekretnine span {
color: #fff;
font-size: 1.6em;
left: 5px;
padding: 7px;
top: 5px;
}

.indexNekretnine h3 {
font-size: 1.7em;
line-height: 130%;
min-height: 40px;
letter-spacing: -0.5px;
}

.indexNekretnine .itemIndex {
width: 100%;
padding: 0;
font-size: 1.5em;
}

.indexNekretnine .itemIndex li {
float: left;
width: 33.33%;
margin: 0;
border-right: 1px solid #ddd;
text-align: center;
box-sizing: border-box;
letter-spacing: -.5px;
}

.indexNekretnine .itemIndex li:last-child {
border: 0;
}

.indexNekretnine .itemIndex span {
font-size: .5em;
display: none;
}




#indexGradovi {
float: none;
width: 1200px;
margin: 0 auto;
padding: 30px 0;
box-sizing: border-box;
}

#indexGradovi h2 {
margin: 0 20px 20px 20px;
padding: 0 0 5px;
text-align: left;
box-sizing: border-box;
}

#indexGradovi ul {
list-style: none;
width: 1200px;
margin: 0 auto;
padding: 0 20px;
box-sizing: border-box;
}

#indexGradovi li {
float: left;
width: 15%;
margin-right: 2%;
}

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

#indexGradovi ul a {
display: block;
}

#indexGradovi img {
width: 100%;
height: auto;
margin-bottom: 10px;
}


#indexGradovi h3 {
margin-bottom: 10px;
font-size: 2em;
}

#indexGradovi p {
font-size: 1.3em;
line-height: 160%;
text-align: justify;
}


#sorter_holder {
display: flex;
justify-content: flex-end;
margin-bottom: 20px;
}

#sorter {
float: none !important; 
width: 100%;
max-width: 400px;
}



#vozila_list li {
position: relative;
margin: 0 0 15px 0;
padding: 0 0 15px 0;
list-style-type: none;
border-bottom: 1px solid #eee;
}

#vozila_list img {
aspect-ratio: 40 / 26;
float: left;
width: 100%;
background: url(images/loading.gif) center no-repeat;
}

#vozila_list span, #main_slider > span {
color: #fff;
font-size: 1.6em;
left: 5px;
padding: 7px;
top: 5px;
}

#vozila_list .detail {
height: 145px;
padding-left: 230px;
box-sizing: border-box;
}

#vozila_list h2 {
width: 100%;
height: 80px;
font-size: 1.9em;
line-height: 20px;
margin-bottom: 40px;
font-weight: 400;
text-align: left;
letter-spacing: -.5px;
}

#vozila_list.projekti h3 {
margin-bottom: 20px;
}

#vozila_list p {
font-size: 1.6em;
}

#vozila_list ul {
width: 100%;
height: 24px;
font-size: 1em;
letter-spacing: 0px;
line-height: 22px;
color: #000;
}







#vozila_list ul li {
float: left;
margin: 0;
padding: 0 10px;
border: 0;
border-left: 1px solid #eee;
font-size: 2em;
position: relative;
}

#vozila_list ul li.povrsina {}

#vozila_list ul li:first-of-type {
padding-left: 0;
border: 0;
}

#vozila_list ul li:last-of-type {
border: 0;
position: absolute;
padding: 0;
right: 0;
top: 60px;
}

#vozila_list ul div {
float: left;
font-weight: 400;
}

#vozila_list ul div.staro {
margin-right: 10px;
text-decoration: line-through;
}

#vozila_list ul div.akcija {
color: red;
}

#vozila_list ul li span {
font-size: .65em;
letter-spacing: -.5px;
display: block;
color: #777;
}

#vozila_list.projekti ul li span {
padding: 0;
}

#vozila_list ul li span.slika {
float: left;
width: 24px;
height: 24px;
background: #aad;
margin-right: 5px;
}

#vozila_list ul li span.slika.spovrsina {
background: url(images/povrsina.png) center right no-repeat;
}

#vozila_list ul li span.slika.sokucnica {
background: url(images/okucnica.png) center right no-repeat;
}

#vozila_list ul li span.slika.sspavacih {
background: url(images/spavacih.png) center right no-repeat;
}

#vozila_list ul li span.slika.skatova {
background: url(images/katova.png) center right no-repeat;
}

#vozila_list ul li span.slika.sudaljenost {
background: url(images/udaljenost.png) center right no-repeat;
}

#vozila_list ul li span.data {
float: left;
line-height: 24px;
font-size: 1em;
padding: 0 5px;
}

#vozila_list ul li span.opis {
position: absolute;
left: 0;
top: -35px;
min-width: 150px;
display: none;
}

#vozila_list ul li span.slika:hover + span.opis {
display: block;
}

#vozila_list ul li:last-of-type span {
text-align: right;
}

#vozila_list ul div.akcija span {
color: red;
}



a.item_list {
float: left;
width: 220px;
margin: 0 20px 0 0;
padding: 1px;
border: 1px solid #eee;
position: relative;
}

a.item_list:hover {
border: 1px solid #09f;
}

.prodano_hr, .prodano_en, .prodano_de, .prodano_it, .prodano_sl, .prodano_fr, .novo_hr, .novo_en, .novo_de, .novo_it, .novo_sl, .novo_fr, .snizeno_hr, .snizeno_en, .snizeno_de, .snizeno_it, .snizeno_sl, .snizeno_fr, .akcija_hr, .akcija_en, .akcija_de, .akcija_it, .akcija_sl, .akcija_fr, .rezervirano_hr, .rezervirano_en, .rezervirano_de, .rezervirano_it, .rezervirano_sl, .rezervirano_fr {
position: absolute;
z-index: 3;
}

.prodano_hr {
background: #000;
}

.prodano_en {
background: #000;
}

.prodano_de {
background: #000;
}

.prodano_it {
background: #000;
}

.prodano_sl {
background: #000;
}

.prodano_fr {
background: #000;
}

.novo_hr {
background: #5cc7fe;
}

.novo_en {
background: #5cc7fe;
}

.novo_de {
background: #5cc7fe;
}

.novo_it {
background: #5cc7fe;
}

.novo_sl {
background: #5cc7fe;
}

.novo_fr {
background: #5cc7fe;
}

.snizeno_hr {
background: #49de5b;
}

.snizeno_en {
background: #49de5b;
}

.snizeno_de {
background: #49de5b;
}

.snizeno_it {
background: #49de5b;
}

.snizeno_sl {
background: #49de5b;
}

.snizeno_fr {
background: #49de5b;
}

.akcija_hr {
background: #f3141d;
}

.akcija_en {
background: #f3141d;
}

.akcija_de {
background: #f3141d;
}

.akcija_it {
background: #f3141d;
}

.akcija_sl {
background: #f3141d;
}

.akcija_fr {
background: #f3141d;
}

.rezervirano_hr {
background: #f9cc1d;
}

.rezervirano_en {
background: #f9cc1d;
}

.rezervirano_de {
background: #f9cc1d;
}

.rezervirano_it {
background: #f9cc1d;
}

.rezervirano_sl {
background: #f9cc1d;
}

.rezervirano_fr {
background: #f9cc1d;
}

#vozila_list span.masna {
background: url(images/masna.png) no-repeat;
position: absolute;
width: 31px;
height: 45px;
left: 97px;
top: auto;
bottom: -18px;
z-index: 3;
}

#vozila_list span.masna + div {
position: absolute;
width: 40px;
line-height: 40px;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
bottom: 40px;
padding: 5px;
color: #fff;
background: rgba(0,0,0,.7);
text-align: center;
border-radius: 50%;
display: none;
font-size: 1.2em;
}


#vozila_list span.masna:hover + div {
display: block;
}




/* pagination */

p.rez {
margin-bottom: 20px;
font-size: 1.4em;
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 10px;
color: #fff;
background: #09f;
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 10px;
}

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

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



#example3 .prodano_hr, #example3 .prodano_en, #example3 .prodano_de, #example3 .prodano_it, #example3 .prodano_sl, #example3 .novo_hr, #example3 .novo_en, #example3 .novo_de, #example3 .novo_it, #example3 .novo_sl, #example3 .snizeno_hr, #example3 .snizeno_en, #example3 .snizeno_de, #example3 .snizeno_it, #example3 .snizeno_sl, #example3 .akcija_hr, #example3 .akcija_en, #example3 .akcija_de, #example3 .akcija_it, #example3 .akcija_sl, #example3 .akcija_fr, #example3 .rezervirano_hr, #example3 .rezervirano_en, #example3 .rezervirano_de, #example3 .rezervirano_it, #example3 .rezervirano_sl {
color: #fff;
font-size: 2em;
left: 10px;
padding: 10px;
position: absolute;
top: 10px;
z-index: 3;
}

/* slider */


/*!
*  - v1.2.1
* Homepage: http://bqworks.com/slider-pro/
* Author: bqworks
* Author URL: http://bqworks.com/
*/.slider-pro{position:relative;margin:0 auto 40px;-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:#000;background:rgba(0,0,0,.7)}.sp-white{color:#000;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:#000}.sp-full-screen-button{position:absolute;top:5px;right:20px;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';font-size:2em;color: #fff;}.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:10px;height:10px;border:2px solid #000;border-radius:50%;margin:4px;display:inline-block;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}.sp-selected-button{background-color:#000}@media only screen and (min-width:768px) and (max-width:1024px){.sp-button{width:14px;height:14px}}@media only screen and (min-width:568px) and (max-width:768px){.sp-button{width:16px;height:16px}}@media only screen and (min-width:320px) and (max-width:568px){.sp-button{width:18px;height:18px}}.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:0px}.sp-horizontal .sp-next-arrow{right:0px}.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:10px}.sp-bottom-thumbnails .sp-next-thumbnail-arrow,.sp-top-thumbnails .sp-next-thumbnail-arrow{right:10px}.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!important;max-height:none!important;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}

#example3 .sp-selected-thumbnail {border: 4px solid #000;}


#example3 {
position: relative;
}


.sp-fade-full-screen {
display: none;
}

.sp-horizontal .sp-arrows {
display: none;
}

.sp-slide a {
display: block;
}





.sp-horizontal .sp-arrows {
  width: 100%;
  left: 0;
  top: 50%;
  margin-top: -240px;

  top: 0;
  margin: 0;
  height: 100%;
}

.sp-arrow {
  position: relative;
  display: block;
  width: 50%;
  height: 100%;
  cursor: pointer;
}


.sp-previous-arrow:before, .sp-previous-arrow:after {
left: 50%;
}

.sp-next-arrow:before, .sp-next-arrow:after {
right: 50%;
}




.sp-horizontal .sp-previous-arrow {
  float: left;
  left: 0;
  background: url(images/prev.png) 10% center no-repeat;
}

.sp-horizontal .sp-next-arrow {
  float: right;
  right: 0;
  background: url(images/next.png) 90% center no-repeat;
}


.sp-horizontal .sp-previous-arrow:hover {
  background: url(images/prev.png) 10% center no-repeat;
}

.sp-horizontal .sp-next-arrow:hover {
  background: url(images/next.png) 90% center no-repeat;
}

.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;
  background: none;
}



/* det */

div.socialHolder {
position: relative;
height: 20px;
margin-bottom: 20px;
font-size: 1.6em;
letter-spacing: -.5px;
}

p.datumSocial {
position: absolute;
left: 0;
width: 200px;
line-height: 20px;
}

div.socialIcons {
position: absolute;
left: 210px;
width: 500px;
height: 20px;
}

p.exposeSocial {
position: absolute;
right: 0;
line-height: 20px;

}

span.staro {
text-decoration: line-through;
}

span.akcija {
color: red;
margin-right: 10px;
}


table, th, td {
border: 1px solid #eee;
}

table.detaljno, table.prostorije {
width: 100%;
font-size: 1.5em;
margin: 0 0 30px 0;
border-spacing: 1px;
border-collapse: collapse;
color: #000;
line-height: 170%;
}

table.detaljno td {
width: 28%;
padding: 2px 0 2px 7px;
background: #f7f7f7;
letter-spacing: -.25px;
}

table.detaljno td.data {
width: 22%;
color: #000;
background: #fff;
}

table.prostorije td {
width: 25%;
padding: 2px 0 2px 7px;
background: #fff;
}


th {
padding: 2px 0 2px 7px;
text-align: left;
}


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

#cijenaDet a:before {

}


#cijenaDet {
float: right;
margin-bottom: 10px;
line-height: 40px;
text-align: left;
font-size: 2em;
font-weight: 500;
letter-spacing: 0;
}

#cijenaDet div {
float: left;
}

#cijenaDet div + div {
margin-left: 20px;
}

#cijenaDet span {
padding-left: 5px;
}

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

#cijenaDet .akcija {
color: #f00;
}

p.provizija {
margin: -20px 0 30px;
font-size: 1.3em;
}

ul.slicne li {
float: left;
width: 48%;
margin-right: 4%;
padding: 7px;
border: 1px solid #ddd;
box-sizing: border-box;
list-style: none;
}

ul.slicne li:nth-child(2) {
margin: 0;
}

ul.slicne img {
width: 100%;
margin-bottom: 10px;
}

ul.slicne h3 {
margin-bottom: 10px;
font-size: 2em;
}

ul.slicne p {
font-size: 1.8em;
text-align: center;
}


div.video {
margin: 0 0 30px 0;
position: relative;
padding-bottom: 56.25%; /* 16:9 */
height: 0;
overflow: hidden;
}

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


/* poruka */
#results, #results2 {
margin: 0 0 20px 0;
}

#results_inner, #results_inner2 {
width: 100%;
font-size: 1.6em;
text-align: center;
color: green;
}

#results_inner.error, #results_inner2.error {
color: red;
}

/* form */
fieldset.upit {
}

fieldset.upit ol {
margin: 5px 0 0 0;
padding: 0;
list-style: none;
}

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

fieldset.upit li.flex {
display: flex;
justify-content: space-between;
}

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

fieldset.upit label {
float: left;
display: block;
line-height: 28px;
font-size: 1.5em;
}

fieldset.upit label.mala {
float: right;
width: 45px;
padding: 4px 10px 5px 0;
text-align: right;
}

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

fieldset.upit label.provjera {
float: right;
width: 125px;
line-height: 28px;
margin: 0 10px 0 0;
padding: 0 0 0 0;
color: #aaa;
}

fieldset.upit label.provjera span {
float: right;
line-height: 34px;
font-size: 1.6em;
}

fieldset.upit label.spam {
width: 400px;
}

fieldset.upit label.note {
width: 100%;
font-size: 1.2em;
}

fieldset.upit input.text, fieldset.upit input.textx, input.slike, fieldset.upit textarea, #sorter {
float: right;
width: 100%;
margin: 0;
padding: 7px 10px;
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-size: 1.5em;
color: #000;
border: 1px solid #ddd;
background: #fff;
}

fieldset.upit input.textx {
width: 100px;
}

fieldset.upit input.red {
background: red;
color: #fff;
}

input.slike {
float: left;
width: calc(40% - 10px);
margin-top: 5px;
box-sizing: border-box;
}

fieldset.upit input:hover {
}

fieldset.upit select {
float: right;
width: 356px;
margin: 0;
padding: 2px;
font-family: 'Roboto', sans-serif;
font-size: 1.5em;
color: #000;
border: 1px solid #ddd;
background: #fff;
padding: 10px 10px;
font-weight: 300;
}

fieldset.upit select.mala {
width: 120px;
}

fieldset.upit textarea {
height: 200px;
line-height: 150%;
}

fieldset.upit:hover {
}

fieldset.upit input.box {
float: right;
margin: 10px 0 0 0;
font-family: 'Roboto', sans-serif;
font-size: 1.6em;
border: 1px solid #d7d7d7;
background: #f7f7f7;
}

/* submit */
fieldset.upit input[type=submit] {
margin: 10px 0 5px 0;
padding: 5px 0;
}

fieldset.upit input.submit {
float: right;
width: 356px;
font-family: 'Roboto', sans-serif;
font-size: 1.6em;
border: 1px solid #09f;
color: #333;
background: #fff;
padding: 10px 0;
}

fieldset.upit input.submit:hover {
color: #fff;
border: 1px solid #09f;
background: #09f;
cursor: pointer;
}


fieldset.upit li.flex input.submit {
flex: 0 0 47%;
float: none;
}

fieldset.upit li.flex input.submit + input.submit {
margin-left: 6%;
}


ul.slike {
margin-bottom: 10px;
}

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

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

ul.slike img {
width: 100%;
}




ul.galerija {
padding: 0 1px;
margin-bottom: 10px;
}

ul.galerija li {
float: left;
list-style: none;
margin: 0 10px 10px 0;
}

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

ul.galerija a {
display: block;
float: left;
width: 176px;
height: 132px;
padding: 2px;
list-style-type: none;
background: #fff url(images/loading.gif) center no-repeat; 
border: 1px solid #eee;
}

ul.galerija a:hover {
border: 1px solid rgba(190,30,45,1);
}

ul.galerija a.brisi {
float: right;
width: 100px;
height: auto;
margin-top: 5px;
padding: 2px 5px;
font-family: 'Roboto', sans-serif;
font-size: 1.6em;
line-height: 22px;
text-align: center;
background: #fff;
color: #f00;
text-decoration: none;
box-shadow: none;
border: 1px solid #ddd;

}

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


div.video {
margin: 0 0 30px 0;
}


div.map, #map-canvas {
width: 100%;
margin: 0 0 30px;
}

.map {
position: relative;
width: 100%;
height: 0;
margin: 0 0 30px 0;
padding-bottom: 50%;
box-sizing: border-box;
}

.map iframe {
position: absolute;
top: 0;
left: 0;
width: 100%!important;
height: 100%!important;
}

span.head {
display: block;
padding: 0 0 5px 0;
font-size: 1.4em;
text-transform: uppercase;
}


aside {
float: right;
width: 330px;
}

#admin {
display: block;
margin-bottom: 20px;
padding: 15px 15px; 
font-size: 1.6em;
font-weight: 400;
background: #f00;
color: #fff;
text-decoration: none;
border-radius: 5px;
}

#admin:hover {
background: #000;
}

#subNav, #subNav2, #subNav3 {
margin: 0 0 15px 0;
}



#subNav li, #subNav2 li, #subNav3 li {
float: left;
width: 100%;
margin-bottom: 2px;
}

#subNav li {
list-style: none;
}

#subNav ul {
margin-top: 2px;
}

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

#subNav2, #subNav3 {
list-style-type: square;
margin: 0 0 15px 0;
padding: 0 0 0 20px;
font-size: 1.6em;
}

#subNav2 {
margin-top: 30px;
}

#subNav3 {
margin-bottom: 30px;
}


#subNav a {
display: block;
padding: 15px 15px; 
font-size: 1.6em;
font-weight: 400;
text-decoration: none;
text-align: left;
background: #09f;
color: #fff;
border-radius: 5px;
}


#subNav a:hover {
background: #000;
}

#subNav2 a, #subNav3 a {
line-height: 160%; 
color: #09f;
}

#subNav2 a:hover, #subNav3 a:hover {
text-decoration: none;
color: #000;
}

#subNav ul a, #subNav2 ul a, #subNav3 ul a {
padding-left: 20px;
}

#subNav ul a {
padding-left: 30px;
}




#pretragaBox, #pretragaBox2 {
margin: 0 0 30px; 
padding: 20px;
background: #fff;
border: 1px solid #ddd;
border-radius: 10px;
}

#pretragaBox.index {
width: 278px;
margin: 100px auto; 
background: rgba(255,255,255,.6);
}

#pretragaBox h3, #pretragaBox2 h3 {
width: auto;
margin-bottom: 20px;
padding-bottom: 10px;
font-size: 1.8em;
border-bottom: 1px solid #eee;
text-transform: uppercase;
letter-spacing: -.5px;
}

.pretragaForm {
margin: 0 auto; 
}

.pretragaForm li {
float: left;
width: 100%;
margin: 0 0 5px 0;
list-style: none;
position: relative;
}

.pretragaForm li:last-child {
margin: 10px 0 0;
}

.pretragaForm label {
display: block;
float: left;
width: 100%;
padding-right: 180px;
box-sizing: border-box;
position: absolute;
line-height: 31px;
font-size: 1.4em;
color: #333;
text-align: right;
letter-spacing: -.5px;
z-index: 2;
}

.pretragaForm label.mala {
position: relative;
float: left;
width: 10px;
margin: 0;
padding: 0;
text-align: center;
}

.pretragaForm select, .pretragaForm input.text, .pretragaForm input.text {
background: #fff;
border: 1px solid #ddd;
float: right;
position: relative;
width: 100%;
margin: 0;
padding: 5px;
font-family: 'Roboto', sans-serif;
font-size: 1.4em;
font-weight: 300;
vertical-align: baseline;
color: #000;
z-index: 5;
}

.pretragaForm select.mala {
float: left;
width: calc((100% - 10px) / 2);
}

.pretragaForm select:hover {
outline: none;
}

.pretragaForm .submit {
position: relative;
float: right;
width: 100%;
margin: 0;
padding: 5px 10px;
font-family: 'Roboto', sans-serif;
font-size: 1.6em;
vertical-align: baseline;
color: #000;
border: 1px solid #ddd;
background: #fff;
z-index: 5;
}


.pretragaForm .submit:hover {
color: #09f;
border: 1px solid #09f;
background: #fff;
cursor: pointer;
}

.pozicioniranje {
float: right;
width: 100%;
}


.ad, .ad2, .ad3 {
display: block;
line-height: 40px;	
margin-bottom: 15px;
padding: 10px 5px;
border: 1px solid #ddd;
background: #fff;
text-align: center;
font-size: 2em;
font-weight: 400;
letter-spacing: -.5px;
border-radius: 10px;
text-decoration: none;
}

.ad:hover {
background: #09f;
color: #fff; 
}

.ad {
background: #f00;
border: 2px solid #f00;
color: #fff;
}

.ad:hover {
background: #a00;
}

.ad2 {
background: #09f;
border: 2px solid #09f;
color: #fff;
}

.ad3 {
background: #fff;
border: 2px solid #09f;
color: #09f;
}

.ad4 {
width: 100%;
display: block;
margin: 0 auto;
box-shadow: none;
box-sizing: border-box;
position: relative;
}

.ad4 a {
display: block;
}


.ad4 img {
width: 100%;
}

.ad4 h4, .ad4 p {
position: absolute;
width: 100%;
padding: 10px;
text-align: center;
background: rgba(0,0,0,.8);
box-sizing: border-box;
color: #fff;
}

.ad4 h4 {
top: 0;
font-size: 1.8em;
border-bottom: 1px solid #fff;
}

.ad4 p {
bottom: 0;
font-size: 1.8em;
border-top: 1px solid #fff;
}

.ad4 p span {
display: block;
width: 50%;
float: left;
}


.ad4 span.masna {
background: url(images/masna.png) no-repeat;
position: absolute;
width: 31px;
height: 45px;
left: calc((100% - 31px) / 2);
top: auto;
bottom: -18px;
z-index: 3;
}

.ad4 span.masna + div {
position: absolute;
width: 40px;
line-height: 40px;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
bottom: 40px;
padding: 5px;
color: #fff;
background: rgba(0,0,0,.7);
text-align: center;
border-radius: 50%;
display: none;
font-size: 1.2em;
}

.ad4 span.masna:hover + div {
display: block;
}




footer {
margin: 0;
padding: 50px 0 30px;
background: #1e63ae;
min-height: 300px;
}

div.a {
margin-bottom: 30px;
}


div.b {
}


.footNav {
float: left;
margin-right: 50px;
font-size: 1.45em;
line-height: 180%;
list-style: none;
}

.footNav a {
color: #fff;
text-decoration: underline;
}

.upitFoot {
float: right;
width: 360px;
}

#copy {
float: left;
margin: 0 auto;
color: #fff;
}


#socialLikes {
display: flex;
justify-content: flex-start;
margin-bottom: 20px;
}

#linkedinFoot {
margin-left: 20px;
}




#copy ul {
display: flex;
justify-content: flex-start;
list-style: none;
margin-bottom: 20px;
width: 200px;
}

#copy li + li {
margin-left: 20px;
}

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

#copy ul a {
display: block;
}

#copy p {
margin: 5px auto 0 auto;
text-align: left;
line-height: 120%;
font-size: 1.4em;
}

#copy a {
color: #fff;
}

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

#prognoza {
float: right;
width: 260px;
}

#prognoza img {
width: 100%;
}





.none {
display: none;
}










/* ADMIN */

#admin_list {
width: 100%;
margin: 0 0 20px 0;
padding: 10px 0 0 0;
border-top: 1px dashed #ddd;
overflow: hidden;
}

#admin_list p {
float: left;
width: 100%;
margin: 0;
font-size: 1.5em;
line-height: 160%;
}

#admin_list p.head {
font-size: 2.4em;
}


#admin_list p.naziv {
margin-top: 15px;

}

#admin_list p.cijena {
width: 25%;
}

#admin_list p.posjeta {
width: 15%;
}

#admin_list p.ostalo {
width: 25%;
}

#admin_list p.unos {
width: 25%;
text-align: right;
}

#admin_list p.del {
width: 10%;
text-align: right;
}

span.admtp, span.admne, span.admno, span.admpr, span.admiz {
display: block;
float: right;
width: 20px;    
margin: 0 0 0 2px;
background: red;
text-align: center;
color: #fff;
}

span.admne {
background: #555;   
}

span.admno {
background: green;  
}

span.admpr {
background: #000;   
}

span.admnp {
background: #04f;   
}

span.admiz {
background: indigo;   
}

span.none {
display: block;
float: right;
width: 20px;   
margin: 0 0 0 2px; 
}



div.admin_expose {
display: flex;
font-size: 1.6em;
margin: 20px 0;
}

div.admin_expose a {
background: #09f;
color: #fff;
display: block;
flex: 1 1 auto;
padding: 20px 10px;
text-align: center;
transition: background .5s;
}

div.admin_expose a + a {
margin-left: 1px;
}

div.admin_expose a:hover {
background: #aaa;
}

ul.galerija_admin {
margin-bottom: 10px;
list-style: none;
}

ul.galerija_admin li {
float: left;
width: 23.5%;
margin-top: 0;
margin-right: 2%; 
margin-bottom: 2%;
border: 0;
}


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

ul.galerija_admin li img {
width: 100%;
}

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

ul.galerija_admin a:hover {
border: 1px solid rgba(190,30,45,1);
box-shadow: none;
}

ul.galerija_admin a.brisi {
float: right;
width: calc(60% - 30px);
height: auto;
margin-top: 5px;
padding: 5px 5px;
font-family: 'Roboto', sans-serif;
font-size: 1.5em;
line-height: 22px;
text-align: center;
background: #fff;
color: #f00;
text-decoration: none;
box-shadow: none;
border: 1px solid #ddd;
box-sizing: border-box;
}

ul.galerija_admin a.brisi:hover {
background: #f00;
color: #fff;
}

ul.galerija_admin .box {
margin-top: 13px;
margin-left: 14px;
float: left;
}















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

  header, header .holder, nav, main, #ban, footer {
    width: 100%;
    min-width: 100%;
  }
  
  main {
    padding-right: 0;
  	box-sizing: border-box;
  }


  section {
    width: 66%;
    box-sizing: border-box;
  }

  #logo {
  	top: 15px;
  	width: 28%;
  }




  section.index, #pretragaIndex, .indexNekretnine, #indexGradovi, .indexNekretnine ul, #indexGradovi ul, .indexNekretnine h2, #indexGradovi h2 {
    width: 100%;
  }


  .indexNekretnine h2, #indexGradovi h2 {
  	margin: 0 0 20px 0;
  	width: calc(100%);
  }

  .holder {
    width: 100%;
  }





  #vozila_list ul {
    letter-spacing: -1px;
  }



/*
  #vozila_list ul li {
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 1.6em;
  }

  #vozila_list ul li span {
    font-size: 1em;
    letter-spacing: normal;
    display: inline;
    color: #777;
  }
*/

  aside {
    width: 27.5%;
    margin-right: 20px;
    box-sizing: border-box;
  }

}

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

  #logo {
    top: 20px;
  }
  
  #vozila_list ul {
    position: relative;
  }

  #vozila_list ul li {
    padding: 0 7px;
    font-size: 2em;
  }

  #vozila_list ul li:last-of-type {
    position: absolute;
    padding: 0;
    left: 15px;
    top: -60px;
  }

  #vozila_list ul li:last-of-type span {
    text-align: left;
  }

  #vozila_list ul div {
    letter-spacing: -1px;
  }

  fieldset.upit label, fieldset.upit label.spam {
    width: 100%;
  }

  fieldset.upit label.mala {
    width: 7%;
    padding-right: 0;
    text-align: center;
    box-sizing: border-box;
  }

  fieldset.upit input.text, fieldset.upit input.textx, fieldset.upit textarea, fieldset.upit input.submit {
    width: 100%;
    box-sizing: border-box;
  }

  fieldset.upit input.textx {
    width: 100px;
  }

  fieldset.upit select {
    width: 100%;
  }

  fieldset.upit select.mala {
    width: 43%;
    box-sizing: border-box;
  }


  .sum {
    float: left;
  }
  
  .footNav {
    margin-right: 40px;
    font-size: 1.5em;
  }

  #copy p {
    font-size: 1.5em;
  }

}

@media screen and (max-width: 1000px) {
  
  .pretragaForm label {
    letter-spacing: -1.5px;
  }

}



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

  header.index #pretragaIndex ul {
    flex-wrap: wrap; 
  }

  header.index h1 {
    bottom: calc(10vh + 130px)
  }

  #pretragaIndex li, #pretragaIndex li.cijena, #pretragaIndex li:nth-last-of-type(-n+2), #pretragaIndex li:nth-last-of-type(-n+1) {
    flex: 0 0 calc((100% - 1px) / 2);
    float: left;
    list-style: none;
  }

  #pretragaIndex li + li {
    margin: 0;
  }

  #pretragaIndex li:nth-child(even) {
  	margin-left: 1px;
  }

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

  section, aside {
    width: 100%;
  }

  .holder {
  	height: auto;
  }

  section {
    box-sizing: border-box;
  }

  #logo {
    position: static;
    width: 35%;
  }

  ul.zastave {
    position: static;
    width: 218px;
    margin: 0 auto 20px;
  }

  #infoData {
    position: static;
    margin: 10px auto;
    padding-bottom: 10px;
    text-align: center;
  }

  #mainNav {
  	clear: both;
    border-top: 1px solid #eee;
  }

  #mainNav li {
    float: left;
    width: 50%;
    margin: 0;
    border: 0;
    border-bottom: 1px solid #eee;
    box-sizing: border-box;
    border-radius: 0;
  }

  #mainNav li.logo {
    margin: 0;
  }

  #mainNav li:nth-child(2n) {
  	border-left: 1px solid #eee;
  }

  #indexGradovi li {
    float: left;
    width: 32%;
    margin-right: 2%;
    margin-bottom: 2%;
  }

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

  #indexGradovi li:nth-child(4n) {
   clear: left
  }


  #vozila_list h2 {
  } 

  .indexNekretnine .itemIndex li {
    width: 100%;
    border: 0;
    line-height: 140%;
  }

  .indexNekretnine h2 {
    font-size: 2.6em;
  }



  div.socialIcons {
    left: 210px;
    top: 0;
  }


  aside {
    margin: 0;
    padding: 0 20px; 
  }





  #pretragaBox {
  	border: 1px solid #fff;
  	border-bottom: none;
  	border-radius: 0;
    bottom: 0;
    padding: 0;
    position: fixed;
    margin: 0;
    width: 100%;
    z-index: 10;
    left: 0;
  }

  #pretragaBox h3 {
    background: #1e63ae;
    color: #fff;
    margin-bottom: 0;
    padding: 15px;
  }

  #pretragaBox .pretragaForm {
    height: 0;
    transition: all .5s;
  }

  #pretragaBox.show .pretragaForm {
    height: 220px;
  }


  #pretragaBox .pretragaForm {
    margin: 0 auto; 
  }

  #pretragaBox .pretragaForm ol {
    padding: 20px;
  }

  #pretragaBox .pretragaForm li {
    float: left;
    width: 49%;
    margin: 0 2% 2% 0;
  }

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

  #pretragaBox .pretragaForm li:last-child {
    margin-top: 0%;
  }

  .pretragaForm label {
    width: 100%;
    position: relative;
    padding-right: 10px;
    text-align: left;
    letter-spacing: -.5px;
  }

  .pretragaForm input.text, .pretragaForm select, #pretragaForm select.mala, #pretragaForm .submit {
    width: 100%;
    float: left;
    box-sizing: border-box;
  }


  .pretragaForm .submit {
  	width: 100%;
  }

  .pozicioniranje {
  	float: none;
  }

  .ad4 {
  	width: 320px;
  	margin: 0 auto;
  }

  footer {
    padding-bottom: 70px;
  }

  .footNav, #copy {
  	width: 100%;
  }

  .footNav {
  	margin: 0 0 30px 0 
  }

  .footNav li {
  	padding: 0;
  	text-align: center;
  }

  .upitFoot {
    width: 100%;
    margin: 0 auto 0;
  }


  #prognoza {
    float: none;
    margin: 0 auto;
  }


  #socialLikes {
    justify-content: center;
  }

  #copy {
  	margin-top: 20px;
  }

  #copy ul {
    margin: 0 auto 20px;
  }


  #copy p {
    text-align: center;
  }

  #linkedinFoot {
    text-align: center;
  }

}


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

  #vozila_list h2 {
    line-height: 22px;
    letter-spacing: -.5px;
  } 

  #vozila_list ul {
    position: relative;
  }

  #vozila_list ul li:last-of-type {
    position: absolute;
    padding: 0;
    left: 15px;
  }

  #vozila_list ul li:last-of-type span {
    text-align: left;
  }

  ul.slicne h3 {
    font-size: 2em;
  }

  ul.slicne p {
    font-size: 1.8em;
  }


}

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

  #logo {
    width: 40%;
  }

  #subNav3 li {
    width: 100%;
  }

  #navTo ol {
    letter-spacing: -.5px;
  }

  #navTo a {
    padding: 0 5px; 
  }

  div.socialHolder {
    font-size: 1.4em;
  }

  table.detaljno, table.prostorije {
    font-size: 1.4em;
  }

  p.text {
    font-size: 1.4em;
  }

  #vozila_list ul li:nth-of-type(4n) {
  	display: none;
  }

  .pretragaForm li {
    float: left;
    width: 48%;
    margin-right: 4%;
  }

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


  ul.galerija_admin li {
    width: 31.5%;
    margin-right: 2.75%; 
    margin-bottom: 2.75%;
  }

  ul.galerija_admin li:nth-of-type(4n) {
    margin-right: 2.75%; 
  }

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

}

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

  header.index h1 {
  	color: #fff;
  	text-shadow: 2px 2px rgba(0,0,0,.5);
  }

  section.index {
    min-height: 700px;
  }

  .indexNekretnine li, #indexGradovi li {
    float: left;
    width: 48%;
    margin-right: 4%;
    margin-bottom: 4%;
  }

  .indexNekretnine li:nth-child(2n), #indexGradovi li:nth-child(2n) {
  	margin-right: 0;
  }

  #indexGradovi li:nth-child(3) {
    margin-right: 4%;
  }

  #indexGradovi li:nth-child(4n) {
   clear: none;
  }

  #pretraga li {
    float: left;
    width: 100%;
    margin: 0 0 15px 0;
  }

  ul.slike li {
    width: 48%;
    margin-right: 4%;
    margin-bottom: 4%;
  }

  ul.slike li:nth-child(3n) {
    margin-right: 4%;
  }

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

  #vozila_list ul li {
    font-size: 1.8em;
  } 

}



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

  #logo {
    width: 50%;
  }

  h2 {
    font-size: 3em;
  }

  section {
    padding: 10px 5% 0;
  }

  aside {
    padding: 0 10px; 
  }

  #vozila_list ul li {
    padding: 0 5px;
    letter-spacing: 0px;
    font-size: 1.9em;
  }


  p.rez {
    font-size: 1.4em;
  }

  #cijenaDet {
    clear: left;
    float: left;
    font-size: 2.2em;
  }

  #cijenaDet div {
    clear: left;
    float: left;
  }

  #cijenaDet div + div {
    margin-left: 0;
  }

  #expose {
  	 font-size: 1.8em;
  }

  table.prostorije th, table.prostorije td {
    float: left;
    width: 100%;
    box-sizing: border-box;
  }

  table.prostorije tr {
    border-bottom: 1px solid #000;
  }

  table.detaljno td { 
    float: left;
    width: 50%;
    box-sizing: border-box;
    clear: left;
  }
  
  table.detaljno td.data {
    float: right;
    width: 50%;
    box-sizing: border-box;
    clear: none;
  }

  fieldset.upit label.mala {
    display: none;
  }

  fieldset.upit select.mala {
    width: 50%;
    box-sizing: border-box;
  }


  ul.galerija_admin li {
    width: 48%;
    margin-right: 4%; 
    margin-bottom: 4%;
  }

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

  ul.galerija_admin li:nth-of-type(3n) {
    margin-right: 4%;
  }

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

}


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

  header {
    height: auto;
  }


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

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

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



  .hamburger, .cross {
    background: none;
    color: #fff;
    border: 0;
    cursor: pointer;
    font-family: 'Roboto', sans-serif;
    outline: none;
    z-index: 10000000000000;
    display: none;
    line-height: 45px;
    font-size: 2.4em;
  }

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

  .menux {
    display: none;
  }

  .menux.show {
    display: block;
  }

  .index .buttons {
    display: none;
    display: block;
  }


  .index .menux {
    display: block;
  }


  .index #mainNav a {
    line-height: 35px;
  }


  header.index #pretragaIndex {
  	border: 0;
    bottom: calc(5vh);
  }


  h1 {
    font-size: 3em;
  }

  #pretragaIndex input, #pretragaIndex select {
    height: 30px;
  }


  #pretragaIndex li, #pretragaIndex li.cijena, #pretragaIndex li:nth-last-of-type(-n+2), #pretragaIndex li:nth-last-of-type(-n+1), #pretragaIndex li:nth-child(n+2) {
    flex: 0 0 calc(100%);
    float: left;
    list-style: none;
    margin: 0;
  }

  #pretragaIndex li + li {
    margin: 2px 0 0 !important;
  }

  #pretragaIndex li.cijena {
    flex: 0 0 calc(50% - 1px);
    margin: 2px 0 0 !important;
  }

  #pretragaIndex li.cijena + li.cijena {
    margin-left: 2px !important;
  }

  #pretragaIndex input.id {
    padding: 0 15px;
    text-align: left;
  }



  #pretragaIndex input, #pretragaIndex select {
    font-size: 1.3em;
  }

  #pretragaIndex input.submit {
    line-height: 35px;
    height: 35px;
  }

  #pretragaBox.show .pretragaForm {
    height: 340px;
  }

  #pretragaBox .pretragaForm li {
    float: left;
    width: 100%;
    margin: 0;
  }

  #pretragaBox .pretragaForm li + li {
    margin-top: 5px;
  }

  #pretragaBox .pretragaForm li:last-child {
    margin-top: 10px;
  }

  main {
  	margin-top: 10px;
  	padding-top: 10px;
  }

  .index #mainNav {
    display: none;
    display: block;
  }

  .index #mainNav a {
    background: rgba(255,255,255,.75);
  }

/*
  #mainNav li {
    float: left;
    width: 100%;
    margin: 0;
    border: 0;
    border-bottom: 1px solid #eee;
    border-left: 0;
    box-sizing: border-box;
    border-radius: 0;
  }

  #mainNav li:nth-child(2n) {
    border-left: 0;
  }
*/

  #sorter {
    max-width: 100%;
  }

  a.item_list {
    float: left;
    width: 100%;
    height: auto;
    margin-bottom: 20px;
    padding: 1px;
    border: 1px solid #eee;
    box-sizing: border-box;
  }

  #vozila_list.projekti {

  }

  #vozila_list img {
    float: left;
    width: 100%;
    background: url(images/loading.gif) center no-repeat;
  }

  #vozila_list span {
    font-size: 1.5em;
  }

  #example3 .prodano_hr, #example3 .prodano_en, #example3 .prodano_de, #example3 .prodano_it, #example3 .prodano_sl, #example3 .novo_hr, #example3 .novo_en, #example3 .novo_de, #example3 .novo_it, #example3 .novo_sl, #example3 .snizeno_hr, #example3 .snizeno_en, #example3 .snizeno_de, #example3 .snizeno_it, #example3 .snizeno_sl, #example3 .akcija_hr, #example3 .akcija_en, #example3 .akcija_de, #example3 .akcija_it, #example3 .akcija_sl, #example3 .akcija_fr, #example3 .rezervirano_hr, #example3 .rezervirano_en, #example3 .rezervirano_de, #example3 .rezervirano_it, #example3 .rezervirano_sl {
    font-size: 1.5em;
    padding: 5px;
    left: 5px;
    top: 5px;
  }


  #vozila_list span.masna {
    left: calc((100% - 31px) / 2);
  }

  #vozila_list .detail {
    clear: both;
    height: auto;
    padding: 0;
    box-sizing: border-box;
  }

  #vozila_list h2 {
    height: auto;
    font-size: 1.8em;
    text-overflow: initial;
    white-space: initial;
    overflow: initial;
  }

  #vozila_list ul li:last-of-type {
    position: static;
    padding: 0;
    left: 0;
    top: -50px;
    float: right;
  }

  a.brz, span.cur, span.ukupno {
    padding: 1px 5px;
  }

  span.ukupno {
    clear: both;
    display: none;
  }


  div.admin_expose {
    flex-wrap: wrap;
  }

  div.admin_expose a {
    flex: 0 0 calc((100% - 2px) / 3);
  }

  div.admin_expose a:nth-child(3n + 1) {
    margin-left: 0;
  } 

  div.admin_expose a:nth-child(n + 4) {
    margin-top: 1px;
  } 

}



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

  ul.slicne li {
    width: 100%;
    margin-right: 0%;
  }

  ul.slicne li:nth-child(2) {
  	margin-top: 20px;
  }

  #vozila_list li {
    padding-bottom: 0;
  }

  #vozila_list ul li:last-of-type {
    position: static;
    padding: 5px 0 0 5px;
    left: 0;
    float: left;
    clear: left;
    margin-top: 20px;
    width: 100%;
    background: #f7f7f7;
  }

  #vozila_list ul li:last-of-type span {
    padding: 0;
  }

}

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

  .ad4, .ad4 img {
  	width: 100%;
  }

  ul.galerija_admin li {
    width: 100%;
    margin-right: 0%; 
    margin-bottom: 5%;
  }

  .ad4 {
    width: 100%;
  }

}

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

  #logo {
    width: 70%;
  }

  h2 {
  	font-size: 2.8em;
  }

  p.rez {
    font-size: 1.3em;
  }

  .indexNekretnine li, #indexGradovi li {
    float: left;
    width: 100%;
    margin: 0 0 20px 0;
  }

  .indexNekretnine li:nth-child(2n), #indexGradovi li:nth-child(2n) {
  	margin-right: 0;
  }

  #cijenaDet {
    font-size: 2.2em;
  }

  #expose {
  	 font-size: 1.45em;
  }

  .pretragaForm li {
    float: left;
    width: 100%;
    margin: 0 0 5px 0;
    list-style: none;
    position: relative;
  }

  .pretragaForm .submit {
    margin-top: 15px;
  }

  ul.slike li {
    width: 100%;
    margin-right: 0;
  }

}

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

  #pretragaBox.index {
  	width: 100%;
  	box-sizing: border-box;
  }

  table.detaljno td, table.detaljno td.data {
    float: right;
    width: 100%;
  }
  .ad, .ad2 {
    font-size: 2.6em;
  }

  .ad2 {
  	line-height: 1;
  	padding: 20px 0;  
  }

}


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

  #vozila_list ul {
    height: 22px;
  }

  #vozila_list ul li {
    letter-spacing: -1px;
    font-size: 2em;
  }

  #vozila_list ul li span {
    display: none;
  }
s
  .ad, .ad2 {
    font-size: 2.2em;
  }



}






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

  .index #mainNav {
    display: flex;
  }

  .index #mainNav li {
  	flex: 1 1 auto;
    float: none;
    margin: 0;
    border: 0;
    box-sizing: border-box;
    border-radius: 0;
  }

  .index #mainNav a {
    background: rgba(255,255,255,.75);
    padding: 0 10px;
  }

  header.index #pretragaIndex {
    bottom: 5vh;
  }

  .index #pretragaIndex li {
    flex: 1 1 calc(100% / 6);
    float: left;
    list-style: none;
  }

  .index #pretragaIndex li + li {
    margin-left: 1px;
  }

  .index #pretragaIndex li.sub {
    flex: 1 0 250px;	
  }

  .index #pretragaIndex li.cijena {
    flex: 1 0 50px;
  }

  .index #pretragaIndex li:nth-last-of-type(-n+2) {
    padding: 0;
    text-align: center;
    flex: 0 0 80px;
  }

  .index #pretragaIndex li:nth-last-of-type(-n+1) {
    padding: 0;
    text-align: center;
    flex: 0 0 75px;
  }

   #pretragaIndex li:nth-child(n+2) {
    margin-top: 0;
  }

  .index #pretragaIndex input, #pretragaIndex select {
    background: #fff;
    border: 1px solid #fff;
    color: var(--siva);
    cursor: pointer;
    font-size: 1.2em;
    height: 35px;
    margin: 0;
    padding: 0 10px;
    position: relative;
    text-transform: uppercase;
    transition: background 1s;
    vertical-align: baseline;
    width: 100%;
    z-index: 5;
  }

  #pretragaIndex input.submit {
    background: #1e63ae;
    border: 1px solid var(--main-color);
    color: #fff;
    cursor: pointer;
    text-align: center;
    transition: background 1s, color 1s;
    width: 100%;
  }

}







/* 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;
}





/* cyrillic-ext */
@font-face {
  font-family: 'Balsamiq Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Balsamiq Sans Regular'), local('BalsamiqSans-Regular'), url(https://fonts.gstatic.com/s/balsamiqsans/v1/P5sEzZiAbNrN8SB3lQQX7PncwdMXILdN.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Balsamiq Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Balsamiq Sans Regular'), local('BalsamiqSans-Regular'), url(https://fonts.gstatic.com/s/balsamiqsans/v1/P5sEzZiAbNrN8SB3lQQX7PncwdoXILdN.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Balsamiq Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Balsamiq Sans Regular'), local('BalsamiqSans-Regular'), url(https://fonts.gstatic.com/s/balsamiqsans/v1/P5sEzZiAbNrN8SB3lQQX7PncwdAXILdN.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: 'Balsamiq Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Balsamiq Sans Regular'), local('BalsamiqSans-Regular'), url(https://fonts.gstatic.com/s/balsamiqsans/v1/P5sEzZiAbNrN8SB3lQQX7Pncwd4XIA.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;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Balsamiq Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Balsamiq Sans Bold'), local('BalsamiqSans-Bold'), url(https://fonts.gstatic.com/s/balsamiqsans/v1/P5sZzZiAbNrN8SB3lQQX7PncyWUyNYVsAgLF.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Balsamiq Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Balsamiq Sans Bold'), local('BalsamiqSans-Bold'), url(https://fonts.gstatic.com/s/balsamiqsans/v1/P5sZzZiAbNrN8SB3lQQX7PncyWUyNYxsAgLF.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Balsamiq Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Balsamiq Sans Bold'), local('BalsamiqSans-Bold'), url(https://fonts.gstatic.com/s/balsamiqsans/v1/P5sZzZiAbNrN8SB3lQQX7PncyWUyNYZsAgLF.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: 'Balsamiq Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Balsamiq Sans Bold'), local('BalsamiqSans-Bold'), url(https://fonts.gstatic.com/s/balsamiqsans/v1/P5sZzZiAbNrN8SB3lQQX7PncyWUyNYhsAg.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;
}

















/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}











/* slick js slider */

.slider-for{
  width: 100%;
  position: relative;
  overflow-y: hidden!important;
}

.slider-for div {
  background: #f7f7f7;
  position: relative;
}
.slider-for a {
  position: relative;
  padding-top: 66.6%;
  display: block;
  width: 100%;
}
.slider-for img {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  object-fit: contain;
}
/* nav */
.slider-nav{
  width: 100%;
  height: auto;
  overflow-y: hidden!important;
}


.slider-nav div{
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.slider-nav a {
  position: relative;
  padding-top: 66.6%;
  display: block;
  width: 100%;
  margin-left: 2px;
  pointer-events: none;
}
.slider-nav img {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  object-fit: cover;
}
/* / */



/* slick-theme */

@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 45px;
    height: 45px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: #000;
    border: none;
    outline: none;
    background: rgba(0,0,0,0.4);
}

.slider-nav .slick-prev,
.slider-nav .slick-next{
  width: 35px;
  height: 35px;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: rgba(0,0,0,0.2);
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: 5px;
    z-index: 2;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '<';
}
[dir='rtl'] .slick-prev:before
{
    content: '<';
}

.slick-next
{
    right: 5px;
    z-index: 2;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '>';
}
[dir='rtl'] .slick-next:before
{
    content: '>';
}

/* Dots */
.slick-dotted.slick-slider
{
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: none;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}


@media screen and (max-width:500px) {
  :root{
    btn-dimenzije : 30px;
  }
  .slick-prev, .slick-next{
    width:40px;
    height:40px;
  }
}
/* / */


#main_slider {
margin-bottom: 30px;
position: relative;
}

#main_slider span.masna {
display: none;
}
p.text.opis {
margin-bottom: 12px;
}

p.text.opis.naslov {
margin: 25px 0 8px 0;
}

ul.text.opis {
padding-bottom: 12px;
}