/* ORFEJ var(--maincolor) */
:root {
  --maincolor: #376d97;
  --searchcolor: rgba(88,119,155,0.7); 
  --backgroundcolor: #fff; 
  --buttoncolor: #0a51a7;
  --footercolor: #f9fcff;
}

html {
  scroll-behavior: smooth;
}
body {
  font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
  margin: 0;padding: 0;
  overflow-x: hidden;
}
@font-face{
  font-family: "Droid Sans";
  src: url("../fonts/DroidSans.ttf") format("truetype");
}
@font-face{
  font-family: "rakopisno";
  src: url("../fonts/rupster.ttf") format("truetype");
}

.no-select {
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}

.main-header {
margin:0;padding:0;
width:100vw;
height:auto;
background-color:var(--maincolor);
}
.main-header2 { height:310px;}
.pozadina {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height:480px;
  width:100vw;
  border-bottom: 0  solid #000;
display: flex;
  flex-direction: column;
}

.pozadina1 {
margin:0 ;
width:100vw;
  border-bottom: 0  solid #000;
display: flex;
  flex-direction: column;
overflow: hidden;
}

.slajder {
height:420px;
margin:0 ;
width:100%;
}

.container{padding:10px 0;}
.logotip {
display: inline-block;
width:100vw;
margin-top:15px;
}
.logo {
  display: block;
  margin: auto;
  margin-bottom:0px;
  height:150px;
}
.slogan {
  float:left;
  margin-left: 30px;
  margin-top: 55px;
  font-family: rakopisno;
  font-size: 32px;
  font-style:italic;
}
.footer-content{
text-align:center;min-height:220px;display:flex;flex-direction:row;
}

.prazno5 {min-height:5vh;}
.prazno10 {min-height:10vh;}
.prazno20 {min-height:20vh;}
.prazno22 {min-height:22vh;}
.prazno50 {min-height:50vh;}
.resp-line {display:none;}
.hideonmobile {display:block;}

.ui-state-disabled {
  background-color: #aaa;
  font-weight: bold;
}

.ponudi-filter {text-align:center; padding:15px;}
.open_filter {margin-top:-20px;text-align:center;font-family: Droid Sans;}
.apply {color:#fff;background-color:var(--maincolor);width:auto;height:30px;font-size:14px;border-radius: 5px;display:inline-block;line-height:30px;border:none;}
.apply_filter {display:none;margin: auto;margin-top:-20px;width: 300px;border: 1px solid var(--maincolor); text-align:left;font-size:12px;padding:5px;font-family: Droid Sans;}
.ponuda-prodadeno {display:none;height:110px;line-height:110px;color:red;font-size:20px;font-weight:bold;text-align:center;}
#loader{margin-top:50px;margin-left:25%;height:30px;}
.voved {font-size:14px;color:#2d3e52;width:100vw;text-align:center;font-style: italic;}
.voved-title {font-size:30px;font-weight:normal;font-style: normal;font-family: "Times New Roman", Times, serif;}
.voved-opis {width:50%;margin-left:25%;color:gray;}
.destinations-header, .predlozi-header, .ponudi-header {display:none;font-size:17px;color:#fff;text-align:center;
width:100%;margin-bottom:20px;font-family: Droid Sans;
background-color:var(--maincolor);
}
.ponudi-header {margin-top:10px;}
#destinacii_redosled {display:none;margin-left: 15px;padding:5px;}
.destinations-header, .predlozi-header, .prebaruvanje {font-size:28px;margin-bottom:-10px;
background-color:#fff;font-family: Droid Sans;
}
.predlozi-header, .prebaruvanje { margin-bottom:30px;}
 .prebaruvanje {text-align:center;width:100%;}
.prebaruvvacbtn, .prebaruvvacbtn2 {cursor:pointer;margin:0 auto;text-align:center;width:400px;color:#fff;
background-color:var(--maincolor);
margin-bottom:30px;height:80px;line-height:80px;border-radius: 5px;
margin-top: 30px;font-size:20px;font-weight:600;
-webkit-box-shadow: 5px 5px 10px 0  rgba(0,0,0,0.15);
-moz-box-shadow: 5px 5px 10px 0  rgba(0,0,0,0.15);
box-shadow: 5px 5px 10px 0  rgba(0,0,0,0.15);
}
.prebaruvvacbtn {border-radius: 15px;width:500px;line-height:30px;height:60px;}
.prebaruvvacbtn2 {width:400px;margin-bottom:10px;height:40px;line-height:40px;font-size:16px;font-weight:400;}

.prebaruvvacbtnx {margin:0 auto;width:380px;margin-bottom:10px;height:80px;line-height:80px;font-size:22px;font-weight:600;
background-image: url('/images/search-bar.png');
background-repeat: no-repeat;
background-size: cover;
margin-top:50px;
}

.poraka1, .poraka2 {margin-left:5px;margin-top:20px;text-align:center;font-size:20px;color:#2d3e52;}
.glavno_meni_btn {float: left;text-decoration: none;cursor: pointer;font-family: Verdana, Geneva, sans-serif;font-size:14px;color:silver;}
.glavno_meni_btn:hover {color:#fff;}
.glavno_meni_contact {display:inline-block;margin-left:20px;cursor: pointer;
font-family: Verdana, Geneva, sans-serif;font-size:14px;color:#fff;
}
.glavno_meni_contact:hover {color:yellow;}
#glavno_meni_fb {position:absolute; top:32px;right:145px;cursor: pointer;width:30px;height:40px;background: url("../images/ffb.png") no-repeat;background-size: cover;}
#glavno_meni_fb:hover {content:url("../images/ffb.png");}
#glavno_meni_tw {position:absolute; top:32px;right:110px;cursor: pointer;width:30px;height:40px;background: url("../images/ftw.png") no-repeat;background-size: cover;}
#glavno_meni_tw:hover {content:url("../images/ftw.png");}
#glavno_meni_yt {position:absolute; top:32px;right:75px;cursor: pointer;width:30px;height:40px;background: url("../images/yt.png") no-repeat;background-size: cover;}
#glavno_meni_yt:hover {content:url("../images/yt.png");}
#glavno_meni_fs {position:absolute; top:32px;right:40px;cursor: pointer;width:30px;height:40px;background: url("../images/fs.png") no-repeat;background-size: cover;}
#glavno_meni_fs:hover {content:url("../images/fs.png");}
#glavno_meni_wp {position:absolute; top:32px;right:5px;cursor: pointer;width:30px;height:40px;background: url("../images/wp.png") no-repeat;background-size: cover;}
#glavno_meni_wp:hover {content:url("../images/wp.png");}

.najava_korisnik {display:inline-block;float:right;margin-right:10px;cursor: pointer;color:#fff;font-size:14px;
font-family: Verdana, Geneva, sans-serif;margin-top:2px;
}
.najava_korisnik:hover {color:yellow;}
.subagent {display:inline-block;margin-left:10px;cursor: pointer;color:#fff;text-align:center;font-size:14px;font-weight:bold;
font-family: Verdana, Geneva, sans-serif;
}
.subagent:hover {color:yellow;}
.korisnici-meni {cursor: pointer;font-size:14px;color:rgb(200,200,200);border:1px solid rgb(200,200,200);padding:5px;}
.korisnici-meni:hover {color:#2d3e52;border-color:white;background-color:white;}
.korisnici-meni-lo {cursor: pointer;font-size:14px;color:#ffcccb;border:1px solid #ffcccb;padding:5px;}
.korisnici-meni-lo:hover {color:#fff;border-color:#fff;background-color:#ff726f;}
.korisnikime {margin-left:25px;margin-top:-10px;color:rgb(200,200,200);font-size:14px;padding:5px;}

.main-search {margin-left:0 ;margin-top:-1px;width:40vw;height:167px;
background-image:url(../images/plane.jpg);
 background-repeat: no-repeat;
 background-size: cover;
}
.search-container { width:100vw;height:auto; margin-top:-5px;
  padding-bottom:100px;
 }

.main-search2 {position:absolute;left:0;top:625px;z-index:2;width:100vw;}
.main-search3 {left:0; right:0;margin:auto;text-align:center;}
.search-filter {display:inline-block;margin-top:5px;
background-image:url(../images/search-background.png);
padding:4px 7px 7px 5px;}
.search-filter2 {
width:100%;position: relative;:0;
background-color: var(--searchcolor);
display:flex;flex-direction: row;justify-content:center;flex-wrap: wrap;align-items:center;gap: 10px;
min-height:150px;
padding:0;
}
.search-filter2x {width:100vw;position: relative;display:inline-block;border:1px solid silver;
background-color: rgba(67,45,85,0.9);
text-align:center;
}

.aranzmantip{margin-top:15px;}
.search-tip {cursor:pointer;color:#000;background-color:#fff;display:inline-block;height:40px;line-height:40px;text-align:center;margin:0 ;padding:0 ;min-width:100px;font-size:14px;
-webkit-box-shadow: 5px 5px 10px 0  rgba(0,0,0,0.25);
-moz-box-shadow: 5px 5px 10px 0  rgba(0,0,0,0.25);
box-shadow: 5px 5px 10px 0  rgba(0,0,0,0.25);
border-radius: 5px;
font-family: Droid Sans;
}

.search-destinacija-label {color:#fff;display:inline-block;width:200px;text-align:left;}
.search-destinacija {width:200px;text-align:left;height:32px;line-height:32px;font-family: Droid Sans;border:0 ;font-size:18px;color:#6c6c6c;}

.search-destinacija2 {width:20%;text-align:left;height:40px;line-height:40px;font-size:18px;font-family: Droid Sans;}
.search-destinacija3 {width:100%;text-align:center;background-color:#fff;height:40px;line-height:30px;font-family: Droid Sans;border-bottom:1px solid #000;}

.search-datum-label {color:#fff;display:inline-block;width:144px;text-align:left;}
.search-datum2 {width:144px;text-align:center;height:32px;line-height:32px;font-family: Droid Sans;border:0 ;font-size:18px;color:#6c6c6c;} 

.search-datum3 {cursor:pointer;margin-left:10px;margin-top:5px;width:144px;height:22px;text-align:center;font-size:16px;font-family: Droid Sans;} 
.search-datum3 {margin-left:8px;width:154px;}

.search-noki-label {color:#fff;display:inline-block;width:144px;text-align:left;}
.search-nokevanje2 {cursor:pointer;width:144px;height:32px;line-height:32px;font-size:16px;font-family: Droid Sans;text-align:center;} 

.search-lica-label {color:#fff;display:inline-block;width:144px;text-align:left;}
.search-select {width:144px;height:32px;line-height:32px;font-size:16px;color:#6c6c6c;}

.btn_search {border:0 ; border-radius: 5px;background-color:var(--buttoncolor);color:#fff;font-weight:bold;height:50px;width:144px;margin:15px 10px;}

.search-nokevanje, .search-nokevanje3 {cursor:pointer;margin-left:10px;margin-top:5px;width:134px;height:28px;font-size:16px;font-family: Droid Sans;} 
.search-nokevanje {margin-left:4px;}
.search-vozrasni2, .search-vozrasni3 {cursor:pointer;margin-left:10px;width:134px;margin-top:5px;height:28px;font-size:16px;font-family: Droid Sans;}
.search-deca2, .search-deca3 {cursor:pointer;margin-left:5px;width:134px;margin-top:5px;height:28px;font-size:16px;font-family: Droid Sans;} 
#spdete1 {display:none;cursor:pointer;margin-left:10px;width:64px;margin-top:5px;height:25px;} 
#spdete2 {display:none;cursor:pointer;margin-left:7px;width:67px;margin-top:5px;height:25px;} 
#spdete3 {display:none;cursor:pointer;margin-left:7px;width:64px;margin-top:5px;height:25px;}
#spdete4 {display:none;cursor:pointer;margin-left:6px;width:64px;margin-top:5px;height:25px;}
.search-btn2, .search-btn3 {margin-left:10px;margin-bottom:5px;cursor:pointer;color:#fff;
width:100px;height:30px;font-size:14px;border-radius: 5px;
display:inline-block;line-height:30px;border:none;margin-right:15px;margin-top:10px;
background-color:var(--buttoncolor);
}
.search-btn3 {font-weight:bold;height:40px;line-height:40px;width:150px;}

.search-param, .search-param2 {cursor:pointer;margin-left:5px;margin-top:5px;
width:400px;text-align:center;font-size:16px;color:gray;height:14px;}
.search-param-vd {margin-left:5px;width:144px;}
.search-datum {width:118px;margin:5px 0 0 4px;text-align:center;height:20px;} 
.search-datum {position:sticky;  top: -290px;z-index:1;}
.search-select2 {margin-left:5px;width:128px;margin-top:5px;height:28px;font-size:16px;} 
.sp_deca, .sp_deca2 {display:none;cursor:pointer;margin:5px 10px 5px 5px;text-align:center;width:70px;height:28px;font-size:16px;color:#6c6c6c;font-family: Droid Sans;}
#oddatum {height:30px;}
.sp_deca2 {margin-top:15px;width:70px;margin:10px 0  0  5px;}
.sp_deca {margin-right:10px;}
.deca_vozrast {margin-top:10px;}
.v-button, v-buttonok, .v-buttonx {cursor:pointer;color:#000;background-color:#fff;width:100px;
display:inline-block;font-size:14px;height:50px;line-height:50px;text-align:center;margin:0 ;padding:0 ;
}

.v-buttonx {height:40px;line-height:40px;text-align:center;}

.btn_searchx {color:#000;font-size:16px;font-weight:500;border:1px solid #000;width:100%;height:50px;}

#main_btn_search {cursor:pointer;border-radius: 5px;display:inline-block;border:none;
font-family: "Times New Roman", Times, serif;
color:#000;
font-weight:normal;height:80px;line-height:25px;width:340px;
margin-left:-160px;margin-top:90px;font-size:18px;
}

.page-footer {bottom: 0;width:100vw;min-height:250px;position:relative;border-top: 1px solid  #999;background-color:var(--footercolor);}
.div-linkovi {text-align:left;min-width:350px;position:relative;clear:none;margin-top:0;font-family: Droid Sans;}
.linkovi {text-decoration: none;cursor:pointer;margin-left:30px;margin-top:10px;font-size:16px;height:25px;line-height:25px;color:var(--maincolor);font-family: Verdana, sans-serif;font-size:14px;}
.linkovi:hover {color:var(--buttoncolor);}
.firma-korisnik {min-height:200px;text-align:left;margin:0 auto;color:var(--maincolor);font-family: Droid Sans;}
.firma-naziv {font-size:22px;font-weight:bold;}
.firma-podatoci, .firma-podatoci2 {line-height: 1.5;font-size:14px;font-weight:normal;}
.social1 {float:right;margin:5px;cursor: pointer;width:30px;}
.social2 {float:right;margin:5px;cursor: pointer;width:32px;}

.body2 {display:flex;flex-direction: row;max-width:98vw;}
.search2 {width:50%;margin:auto;margin-top:20px;background-color:#efefef;
-webkit-box-shadow: 5px 5px 10px 0  rgba(0,0,0,0.15);
-moz-box-shadow: 5px 5px 10px 0  rgba(0,0,0,0.15);
box-shadow: 5px 5px 10px 0  rgba(0,0,0,0.15);
border-radius: 10px;
padding:5px;
}
.sodrzina, .sodrzina2, .predlozi {position: relative;display:flex;flex-direction: row;flex-wrap: wrap;
justify-content: center;
/*align-content: space-between;align-items: space-between;*/
margin-bottom:30px;text-align:center;width:96vw;margin-left:2vw;overflow:hidden;min-height:10px;}
.predlog {color:#2d3e52;font-size:16px;margin-left:10px;font-family: Droid Sans;}
.uk-progress.predlog::-webkit-progress-value {
  background-color: Coral;
}
.uk-progress.predlog::-moz-progress-bar {
  background-color: Coral;
}
.uk-progress.predlog::-ms-progress-fill {
  background-color: Coral;
}
.predlognaslov {background-color:#2d3e52;color:#fff;font-size:14px;display:inline-block;line-height:30px;text-align:center;width:96%;margin-bottom:20px;}
.warning {font-size:16px;display:inline-block;width:96%;}
#predlogprogress {width:280px;}
.sodrzina3 {min-height:50vh;width:auto;margin:8px;max-width:92%;}

.podgrupi {display:flex;flex-direction: row;flex-wrap: wrap;
justify-content: center;align-content: space-between;align-items: center;
margin-left:5vw;margin-bottom:30px;width:90vw;text-align:center;}

.naslovna {display:flex;flex-direction: row;flex-wrap: wrap;
justify-content: center;align-items: space-between;gap: 15px;
margin:0;width:100vw;text-align:center;background-color:#fff;}
.naslovna-box {cursor:pointer;margin-bottom:50px;width:450px;text-align:center;margin:5px;position: relative;overflow: hidden;
height:500px;box-shadow: 0  5px 15px rgba(0, 0, 0, 0.35);background-color:#f5f5f5;
}
.naslovna-boximg {overflow: hidden;width:100%;height:500px;}
.naslovna-img {width:100%;height:500px;}
.imgLiquid img{ visibility:hidden;}
.naslovna-podloga {display:none;background-color:#e4a0f6;width:350px;height:60px;position: absolute;bottom: 0;
}
.naslovna-naslov {font-size:18px;color:#fff;position: absolute;bottom: 0 ;width:100%;margin-left:0 ;height:60px;font-weight:500;
font-family: Droid Sans;
text-shadow: 0 0 10px #ffffcc;
backdrop-filter: blur(10px);
background: var(--searchcolor);
}
.naslovna-opis {font-size:16px;
font-family: Droid Sans;
text-shadow: 0 0 10px #ffffcc;
}
.naslovna-seemore {display:none;font-size:15px;background-color:#D4D4EA;color:var(--maincolor);position: absolute;left:0 ;bottom: 0 ;height:35px;line-height:35px;width:100%;font-weight:100;}
.destinations {display: flex;flex-direction: row;flex-wrap: wrap;
justify-content: center;
margin:0 0 20px 0;max-width:100vw;}
.destinations-box {cursor:pointer;width:340px;text-align:center;margin:10px;position: relative;height:250px;border:2px solid #E0E0E0;padding:0;
overflow: hidden;
/*
-webkit-box-shadow: 5px 5px 10px 0  rgba(0,0,0,0.15);
-moz-box-shadow: 5px 5px 10px 0  rgba(0,0,0,0.15);
box-shadow: 5px 5px 10px 0  rgba(0,0,0,0.15);
*/
border-radius:0;
margin-right:-10px;
}
.destinations-img {width:100%;height:100%;}
.destinations-podloga {background-color:#fff;width:100%;height:60px;position: absolute;bottom: 0;border:2px solid silver;border-radius:0px;}
.destinations-naslov {display:inline-block;width:100%;font-size:16px;color:#fff;background-color:#fff;margin-top:210px;z-index:10;height:30px;line-height:30px;
font-family: Droid Sans;
text-shadow: 0 0 10px #ffffcc;
backdrop-filter: blur(10px);
background: rgba(235, 235, 224, 0.4);
}
.zoom { transition: all .4s ease-in-out; }
.zoom:hover {
transform: scale(1.2);
}

.patuvanja {width:100vw;margin:0;margin-top:0 ;margin-bottom:30px;text-align:center;}
.patuvanja-boximg {overflow: hidden;width:100%;height:250px;}
.patuvanja-img {;width:100%;height:250px;object-fit: cover;}
.patuvanja-naslov {color:#000;font-size:24px;margin:5px;}
.patuvanja-opis {padding:20px !important;margin:0 10% 10% !important;}

.destinacija, .ponuda {cursor:pointer;float:left;margin-right:20px;margin-bottom:30px;width:450px;border: thin solid #dadde8;
-webkit-box-shadow: 5px 5px 10px 0  rgba(0,0,0,0.15);
-moz-box-shadow: 5px 5px 10px 0  rgba(0,0,0,0.15);
box-shadow: 5px 5px 10px 0  rgba(0,0,0,0.15);
border-radius:	0;
}
.ponuda-sredina {cursor:pointer;text-align:left;background-color: var(--backgroundcolor) ;height:100%;border-radius:0px;font-family: Droid Sans;}
.ponuda-slika {cursor:pointer;position: relative;overflow: hidden;
/*
border-top-left-radius:10px;
border-top-right-radius:10px;
*/
}
.ponuda-img {cursor:pointer;width:100%;height:250px;
background-size: cover;background-repeat: no-repeat;background-position: center;
}
.ponuda-popust {cursor:pointer;position:absolute;left:0 ;top:0 ;
width: 0;
height: 0;
border-style: solid;
border-width: 60px 70px 0 0;
border-color: #e61c1c transparent transparent transparent;
}
.ponuda-popust-text {cursor:pointer;position:absolute;left:3px;top:4px;color:#fff;font-size:16px;font-weight:bold;}
.ponuda-sopstven {cursor:pointer;position:absolute;margin:auto;top:0 ;right:0 ;width:31px;height:30px;}
.ponuda-desno {cursor:pointer;position: relative;margin-top:0 ;}
.ponuda-objekt {cursor:pointer;top:10px;font-size:16px;font-weight:normal;color:#2d3e52;
width:100%;line-height:15px;text-align:left;margin-top:5px;margin-left:5px;}
.ponuda-lokacija {cursor:pointer;width:11px;height:11px;font-size:14px;color:#2d3e52;margin-left:5px;}
.ponuda-icon {cursor:pointer;width:14px;height:14px;margin-left:5px;}
.ponuda-opis {cursor:pointer;width:100%;font-size:14px;color:#2d3e52;}
.ponuda-usluga {margin-left:5px;color:#2d3e52;}
.ponuda-period {cursor:pointer;font-size:14px;font-weight:normal;color:#2d3e52;}
.ponuda-staracena {cursor:pointer;width:130px;margin-right:20px;text-align:right;
font-size:20px;color:#e61c1c;text-decoration: line-through;}
.ponuda-cena {cursor:pointer;margin-right:10px;text-align:right;font-size:24px;float:right;color:#2d3e52;}
.ponuda-btn {cursor:pointer;border-radius: 3px;color:#fff;
background-color:var(--maincolor);
width:120px;height:30px;line-height:30px;font-size:14px;
text-align:center;left:0; right:0;margin:auto;
margin-bottom:10px;
font-family: Droid Sans;
}

.predlozi-box {cursor:pointer;margin-right:20px;margin-bottom:10px;width:450px;height:300px;border: thin solid #2d3e52;
-webkit-box-shadow: 5px 5px 10px 0  rgba(0,0,0,0.15);
-moz-box-shadow: 5px 5px 10px 0  rgba(0,0,0,0.15);
box-shadow: 5px 5px 10px 0  rgba(0,0,0,0.15);
text-align:left;
display: grid;
        grid-template-columns: 150px 300px; 
        grid-template-rows: auto;
        grid-column-gap: 0 ;
border-radius:0;
}
.predlozi-slika {cursor:pointer;overflow: hidden;width:150px;height:300px;}
.predlozi-img {cursor:pointer;width:100%;height:300px;
background-size: cover;background-repeat: no-repeat;background-position: center;
}

.predlozi-popust-text {cursor:pointer;margin-left:10px;color:#fff;font-size:16px;font-weight:bold;
background-color:red;width:60px;text-align:center;
}
.predlozi-sopstven {cursor:pointer;position:absolute;margin:auto;top:0 ;right:0 ;width:31px;height:30px;}

.predlozi-desno {cursor:pointer;margin-top:0 ;width:100%;height:300px;font-size:14px;color:#2d3e52;background-color:#ffefd5;
display: grid;
        grid-template-columns: 300px; 
        grid-template-rows: auto;
}
.predlozi-objekt {cursor:pointer;font-size:18px;font-weight:normal;text-align:left;
margin-left:10px;margin-top:5px;color:navy;}
.predlozi-lokacija {cursor:pointer;margin-left:10px;}
.predlozi-detali {margin-left:10px;}
.predlozi-icon {cursor:pointer;width:14px;height:14px;}
.predlozi-opis {cursor:pointer;}
.predlozi-usluga {cursor:pointer;}
.predlozi-period {cursor:pointer;font-weight:normal;}
.predlozi-ceni {text-align:center;}
.predlozi-staracena {cursor:pointer;text-align:center;width:100%;
font-size:16px;color:#e61c1c;text-decoration: line-through;}
.predlozi-cena {cursor:pointer;text-align:center;width:100%;font-size:18px;color:var(--buttoncolor);font-weight:bold;}
.predlozi-btn {cursor:pointer;border-radius: 3px;background-color:#ff8c00;color:#fff;
width:120px;margin-left:90px;height:30px;line-height:30px;text-align:center;
font-size:14px;font-family: Verdana,Arial,sans-serif;}


.kategorija {
   background-image: url(../images/stars.png);
   padding: 16px 0 0 0;
   margin: -8px 0 0 0;
   width: 16px;
   height: 0 ;
   display: inline-block;
   color:yellow;
}

.ui-autocomplete.ui-widget {
  font-family: Droid Sans;
  font-size: 18px;
  padding-bottom:8px;
  margin-top:-100px;
  position:absolute;
  background:#fff;
  background-color:#fff;
  color:#000;
  z-index:2;
}

.objekt, .objekt-search, .objekt-result {padding-bottom:20px;border: 1px solid rgb(200,200,200);width:60%;margin-left:20%;
-webkit-box-shadow: 5px 5px 10px 0  rgba(0,0,0,0.15);
-moz-box-shadow: 5px 5px 10px 0  rgba(0,0,0,0.15);
box-shadow:  5px 5px 10px 0  rgba(0,0,0,0.15);
border-radius: 0 ;
font-family: Droid Sans;
}
#tblaranzman {margin:0 auto;width:40%; min-width:400px;}
.objekt {margin-top:25px;margin-bottom:25px;}
.objekt-search {color:#fff;text-align:center;background-color:var(--maincolor);}
.objekt-naslov, .objekt-mesto, .objekt-opis, .objekt-usluga, .objekt-slika, .objekt-mapa, .objekt-prevoz {display:inline-block;width:90%;margin-left:5%;height:30px;font-size:22px;font-weight:bold;color:#2d3e52;text-align:center;}
.objekt-opis {font-size:18px;font-weight:normal;min-height:100px;margin-top:5px;text-align:left;}
.objekt-opis, th {height:auto;}
.objekt-mesto {font-size:18px;}
.objekt-prevoz {font-size:18px;color:green;}
.periodi-lista {font-size:13px;color:#2d3e52;text-align:center;margin-top:5px;padding:30px;}
.aktiven-period, .promeni-period {display:inline-block;cursor:default;border: 2px solid #2d3e52;padding:5px;border-radius: 5px;margin:10px;height:30px;line-height:30px;width:120px;}
.promeni-period {cursor:pointer;background-color:#2d3e52;color:#fff;}
.objekt-slika {position: relative;background-color:#fff;height:450px;text-align:center;margin-top:10px;width:98%;margin-left:1%;}
.objekt-img {cursor:pointer;height:100%;}
.objekt-slikilista {background-color:#fff;height:140px;text-align:center;overflow-x: auto;margin-top:10px;margin-left:1px;}
.objekt-slikilista2 {background-color:#fff;height:301px;text-align:center;overflow-y: auto;margin-top:10px;margin-left:1px;}
.objekt-thumbnail {cursor:pointer;height:70px;border: 3px solid rgb(220,220,220);}
.objekt-thumbnail2 {cursor:pointer;height:300px;border: 3px solid rgb(220,220,220);}
.objekt-mapa {min-height:100px;width:100%;height:100%;margin:0 auto;margin-top:15px;}
.mapouter {margin-left:15%;width:70%;}
.maprouter {position:relative;float: left;clear:none;text-align:center;height:200px;min-width:350px;width:33%;}
.gmap_canvas {overflow:hidden;background:none!important;height:200px;width:100%;text-align:center;}

.objekt-usluga {position: relative;min-height:100px;height:auto;background-color:#F4F8FA;margin-top:15px;border: 2px solid #2d3e52;padding:5px;}
.objekt-usluga-naslov {display:inline-block;width:100%;height:45px;line-height:45px;background-color:#2d3e52;color:#fff;font-size:18px;}
.objekt-usluga-opis {position: relative;margin-top:50px;text-align:left;font-weight:normal;}
.objekt-cenaopis {cursor:default;font-size:18px;font-weight:normal;margin-top:5px;color:#2d3e52;}
.objekt-cena {cursor:pointer;margin-left:auto;margin-right:auto;width:90%;height:50px;line-height:50px;color:#2d3e52;}
.objekt-staracena {cursor:default;font-size:26px;color:red;text-decoration: line-through;margin-right:20px;}
.objekt-novacena {cursor:default;font-size:32px;color:#2d3e52;}
.objekt-rezerviraj {cursor:pointer;margin-top:15px;margin-left:auto;margin-right:auto;width:190px;height:50px;line-height:50px;background-color:#1574E6;color:#fff;font-size:24px;border-radius: 5px;}
.pretblperiod {color:#2d3e52;margin-left:2%;}
.tblperiod, .tblroom {width:97%;border-collapse: collapse;margin-left:2%;margin-top:20px;font-size:14px;}
.tblperiod th {cursor:default;color:#2d3e52;font-weight:bold;width:25%;border-right: 1px solid #2d3e52;}
.tblperiod td {cursor:default;color:#2d3e52;width:25%;border-right: 1px solid #2d3e52;text-align:center;}
.tblroom th {cursor:default;background-color:#2d3e52;color:#fff;font-weight:bold;width:20%;border-right: 1px solid #F4F8FA;height:30px;line-height:30px;}
.tblroom td {cursor:default;color:#2d3e52;width:25%;border-right: 1px solid #F4F8FA;background-color:#F4F8FA;text-align:center;font-weight:bold;height:40px;padding-bottom:20px;border-bottom: 1px solid #2d3e52;}
td.noborder, th.noborder {border-right:1px solid #fff;}
.btnbook {cursor:pointer;border:1px solid #fff;border-radius: 5px;color:#fff;display:inline-block;width:80px;margin:3px;height:30px;line-height:30px;font-size:12px;
background-color:var(--maincolor);
}
.tbl-cena {font-size:16px;color:#000;}
.tbl-staracena {cursor:default;font-size:14px;color:red;text-decoration: line-through;margin-right:20px;font-weight:normal;}
.tblroom-desc {display:none;}
.tblroom-type {color:#2d3e52;text-decoration: underline;cursor:pointer;}
.tblperiod-promeni {cursor:pointer;font-weight:bold;color:#2d3e52;}
.rezervacija-lblobjekt {display:inline-block;width:90px;}
.rezervacija-uplatuvac {display:inline-block;width:250px;color:#000;}
.rezervacija-uplatuvacbtn {cursor:pointer;width:250px;font-size:14px;background-color:#2d3e52;color:#fff;border-radius:5px;text-align:center;}
.rezervacija-objekt {color:#2d3e52;font-weight:bold;height:25px;line-height:25px;}
.rezervacija-cena {color:#2d3e52;font-weight:bold;font-size:22px;}
.rezervacija-mkd {background-color:#2d3e52;color:#fff;font-size:22px;text-align:center;width:100%;}
.rezervacija-lblime, .rezervacija-lblroden, .rezervacija-lbltel, .rezervacija-lblmail, .rezervacija-lblprezime {display:inline-block;font-size:12px;}
.rezervacija-lblroden {width:140px;}
.rezervacija-lbltel, .rezervacija-lblime {width:105px;}
.rezervacija-lblmail, .rezervacija-lblprezime {margin-left:15px;max-width:140px;width:45%;}
.rezervacija-den {width:38px;text-align:center;}
.rezervacija-mesec {margin-left:5px;width:38px;text-align:center;}
.rezervacija-godina {margin-left:5px;width:60px;text-align:center;}
.rezervacija-tel, .rezervacija-ime {display:inline-block;width:100px;}
.rezervacija-mail, .rezervacija-prezime {margin-left:10px;display:inline-block;max-width:165px;width:45%;}
.rezervacija-ime, .rezervacija-prezime {text-transform:uppercase;}
.rezervacija-potvrda {font-size:12px;font-weight:bold;color:#000;}
.rezervacija-link {font-size:12px;font-weight:bold;color:#2d3e52;}
.uplatainfo {font-weight:bold;font-size:13px;color:#000;margin-top:10px;}
.procentuplata {background-color:#2d3e52;color:#fff;font-size:16px;text-align:center;width:100%;height:50px;line-height:20px;}

.loader {
  position: fixed;
  top: 50%;
  left: 50%;
  border: 8px solid #009999;
  border-radius: 50%;
  border-top: 8px solid #ff9900;
  width: 50px;
  height: 50px;
  -webkit-animation: spin 1s linear infinite; /* Safari */
  animation: spin 1s linear infinite;
 z-index:1;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

#btntotop {
  display: inline-block;
  background-color: var(--buttoncolor);
  width: 34px;
  height: 30px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  bottom: 30px;
  right: 40px;
  transition: background-color .3s, 
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1;
}
#btntotop::after {
  display: inline-block;
 content: "\027A5";
-webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  font-weight: normal;
  font-style: normal;
  font-size: 2em;
  line-height: 30px;
  color: #fff;
}
#btntotop:hover {
  cursor: pointer;
}
#btntotop.show {
  opacity: 1;
  visibility: visible;
  background-color: var(--buttoncolor);
}

.about-us{
width:100vw;
height:1000px;
background-image: url('../images/skiing-wallpaper-1.jpg');
background-size: cover;
}

.box-radial1 {
  --mask:
    radial-gradient(670.82px at 50% calc(100% - 900px),#000 99%,#0000 101%) calc(50% - 600px) 0/1200px 100%,
    radial-gradient(670.82px at 50% calc(100% + 600px),#0000 99%,#000 101%) 50% calc(100% - 300px)/1200px 100% repeat-x;
  -webkit-mask: var(--mask);
          mask: var(--mask);
}


@media only screen and (max-width: 760px) {
.objekt-opis {display:block;}
.open_filter {margin-top:0;}
.apply_filter {margin-top:0;}
#loader{margin-left:0;margin-right:50%;height:40px;}
.ponuda-prodadeno {line-height:55px;}
.glavno_meni_div { border-bottom: 0 solid rgb(200,200,200);}
.glavno_meni_contact {font-size:16px;}
.search-container {padding-bottom:20px;}
.col { margin: 1% 0 1% 0%;}
.body2 {flex-direction: column;}
.searh2 {margin:10px 30px;}
.objekt, .objekt-search, .objekt-result, .tblroom {margin-left:0;width:97vw;overflow-x: hidden;}
.objekt-slika {height:auto;}
.objekt-img {height:auto;}
.objekt-slikilista {width:100%;text-align:left;}
.objekt-slikilista2 {height:200px;text-align:left;}
.objekt-thumbnail {height:50px;}
.objekt-thumbnail2 {height:200px;}
.objekt-usluga {margin-left:0 ;width:92%;}
.objekt-cenaopis {font-size:14px;font-weight:bold;}
.objekt-staracena {font-size:22px;}
.objekt-novacena {font-size:28px;}
#gmap_canvas {width:280px;}
.tblroom th, .tblroom td {font-size:14px;}
.v-button {margin-right:0 ;width:94px;}

.search-filter {width:312px;padding:10px 0  10px 5px;margin-left:-15px;}
.search-filter2x {width:350px;padding:10px 0  10px 5px;margin-left:-5px;}
.sp_deca {margin:5px 14px 5px 6px;text-align:center;width:70px;}
.resp-line {display:block;}
.hideonmobile {display:none;}
.sp_deca2 {display:none;cursor:pointer;margin:5px 4px 5px 9px;text-align:center;width:65px;}
.div-linkovi {margin-left:18px;padding-bottom:20px;}
.firma-korisnik {margin-left:18px;margin-top:20px;}
.btnmore {left:110px;}

.search-destinacija, .search-datum2, .search-nokevanje2, .search-select {width:350px;}

.search-destinacija3x {margin-left:5px;width:320px;height:40px;}

.search-param-vd {width:139px;}
.search2 {width:310px !important;}
.predlog, .predlognaslov {height:60px;width:320px;margin-top:50px;}

.sodrzina, .sodrzina2 {margin-left:0;width:100vw;}

.destinacija {width:100vw;margin-top:20px;margin-left:0;margin-right:0;}
.destinations {margin-left:0;max-width:100vw;margin-bottom:-10px;}
.predlozi-box {width:100vw;margin-top:20px;margin-left:0;margin-right:0;}
.podgrupi {flex-direction: column;align-items: center;}
.naslovna {width:95vw;}
.naslovna-box {width:99vw;margin-left:22px;}

#glavno_meni_fb, #glavno_meni_tw, #glavno_meni_yt, #glavno_meni_fs, #glavno_meni_wp {top:30px;}
.firma-podatoci2 {margin-left:74px;}
.ponudi-header {margin-bottom:10px;}

.btn_searchx {margin-left:5px;width:320px;height:35px;height:50px;font-size:20px;font-weight:600;}
.main-search {width:100vw;}
#main_btn_search {
height:62px;line-height:20px;width:270px;
margin-left:-150px;margin-top:80px;font-size:16px;
}
.main-search2 {top:360px;}
.search-datum {margin-left:5px;width:154px;margin-top:10px;height:25px;} 
.search-nokevanje {margin-left:6px;width:142px;height:30px;} 
.search-kategorija, .search-odcena {margin-left:5px;width:142px;margin-top:8px;height:30px;padding:0 ;margin-right:0 ;} 
.search-kategorija, .search-odcena  {width:152px;height:30px;}
.search-usluga, .search-docena {margin-left:3px;width:152px;margin-top:8px;height:30px;} 
.search-deca2 {margin-left:3px;width:152px;margin-top:8px;height:30px;} 
#spdete1 {display:none;margin-left:5px;width:64px;margin-top:8px;height:30px;} 
#spdete2 {display:none;margin-left:5px;width:66px;margin-top:8px;height:30px;} 
#spdete3 {display:none;margin-left:3px;width:64px;margin-top:8px;height:30px;}
#spdete4 {display:none;margin-left:6px;width:64px;margin-top:8px;height:30px;}

.search-filter2 {margin-top:10px;flex-direction: column;}
#btn_hoteli {min-width:70px;width:70px;}
#btn_carter {margin-right:0 ;min-width:80px;width:80px;}

.sodrzina3 {margin:5px;}
.sodrzina3 table {display: block;overflow-x: auto; white-space: nowrap;}
.voved-opis {width:60%;margin-left:20%;}
.maprouter {min-width:100px;margin-left:10px;}
.gmap_canvas {width:350px;}
#btntotop {right:40px;}
.glavno_meni_contact {display:none;}
.slogan {display:none;margin-top:0;}
.footer-content{flex-direction:column;}
.destinations-box {margin-left:0;width:99vw;}
.mapouter{margin-left:5%;width:100%}
.predlozi-header, .predlozi{margin-bottom:10px;}
}

@media only screen and (max-width: 250px) {
.slajder {height:200px;}
.v-button {margin-right:0 ;}
.b-carteri {width:70px !important;}
#main_btn_search {
height:60px;line-height:20px;width:260px;
margin-left:-150px;margin-top:80px;font-size:16px;
}
.firma-naziv {font-size:20px;}
.firma-podatoci, .firma-podatoci2 {font-size:12px;}
.page-footer {margin:0;max-width:100vw;}
.div-linkovi {margin-left:18px;padding-bottom:20px;min-width:300px;max-width:320px;}
.maprouter {min-width:100px;margin-left:10px;}
.gmap_canvas {width:300px;}
.firma-korisnik {margin-left:10px;margin-top:20px;}
#glavno_meni_fb, #glavno_meni_tw, #glavno_meni_yt, #glavno_meni_fs, #glavno_meni_wp {top:32px;}
}