.bundle_icon_desc3 { position:absolute;top:-13px;right:-400px;background:#2C3E50;color:#ffffff;padding:5px 10px;font-size:11px;width:400px!important;display:none;z-index:9999999999;}
.nopad {
  padding:0px;
}
.lightboxV {
  overflow: scroll;
  position: fixed;
  display: none;
  z-index: 1000001;
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;
}  

.lightboxV-container {
    position: relative;
    max-width: 960px;
    margin: 7% auto;
    display: block;    
    padding: 0 3%;
    height: auto;
    z-index: 1000002;
    
    // Increasing top margin for mobile
    @media screen and (max-width: 768px) { margin-top: 10%; }
    @media screen and (max-width: 414px) { margin-top: 13%; }
}
    
.lightboxV-content {
    box-shadow: 0 1px 6px fade(black, 70%);
}
  
.lightboxV-close {
    text-transform: uppercase;    
    background: transparent;
    position: absolute; 
    font-weight: 300;      
    font-size: 12px;
    display: block;
    border: none;
    color: white;
    top: -22px;
    right: 3%;
}

.video-container {  
    padding-bottom: 56.25%;
    position: relative;  
    padding-top: 30px; 
    overflow: hidden;
    height: 0; 
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    height: 100%;  
    width: 100%;  
    left: 0;  
    top: 0;
}


.containersmall {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
    width: 100%;
}


@media (min-width: 768px) {
    .containersmall {
        width: 750px
    }
}


.popplaces {
    z-index: 99999999;
    overflow: auto;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -600px; 
    margin-top: -410px; 
    display: none;
    height:820px;
    width:1200px;
    background-color: #fefefe;
    padding-top:35px;
    padding-left:20px;
    padding-right:20px;
}
.placecolumn {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    -moz-column-fill: auto; /* Firefox */
    column-fill: auto;
    height:660px;
}
.popcountry a{
  color:#00459b;
}
.popcountry {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
    margin-top:0px;
    margin-bottom:8px;
}
.popplace {
    font-size: 14px;
    margin-bottom:8px;
}
.poppref {
    font-size: 12px;
}
.popplace a{
  text-decoration: none;
}
.popplace:hover{
  font-weight: bold;
  text-decoration: none;
}
.popright {
    border-right: 1px solid #eee;
}  
.popmd {
  height:680px;
}  



.popboxtext {
    font-size: 14px !important;
}
.closepopprice {
    margin-top:-30px;
    margin-right:-30px;
    font-size: 14px;
    padding:10px 14px;
    background: var(--color2);
    color: #fff !important;
    text-transform: uppercase;
    font-weight: bold;
    border: none;
}


.triggerpopprice{
  cursor: pointer;
}


.poppricebox, .poproom {
    padding:30px;
    z-index: 99999999;
    overflow: auto;
    position: fixed;
    max-width: 800px;
    top: 50%;
    left: 50%;
    margin-left: -400px; 
    margin-top: -400px; 
    display: none;
    background-color: #ffffff;
}

@media (max-width: 768px) {
    .poppricebox,.poproom {
       top: 0px;
       left: 0px;
       margin-left:0px; 
       margin-top: 0px; 
    }
}


.style_prevu_kit3
{
    display:inline-block;
}
.style_prevu_kit3:hover
{
    padding: 10px;
    margin: -10px;
    background-color: #efc76e;
    box-shadow: 0px 0px 60px #aaaaaa;
    -webkit-transition: all 200ms ease-in;
    -ms-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
}

.style_prevu_kit2
{
    display:inline-block;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1); 
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1); 
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1);
    transition: all 200ms ease-in;
    transform: scale(1);   

}
.style_prevu_kit2:hover
{
    box-shadow: 0px;
    z-index: 2;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.08);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1.08);   
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1.08);
    transition: all 200ms ease-in;
    transform: scale(1.08);
}

.style_prevu_kit
{
    display:inline-block;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1); 
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1); 
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1);
    transition: all 200ms ease-in;
    transform: scale(1);   

}
.style_prevu_kit:hover
{
    box-shadow: 0px 0px 30px #aaaaaa;
    z-index: 2;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.08);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1.08);   
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1.08);
    transition: all 200ms ease-in;
    transform: scale(1.08);
}
.stylelang a:after {
    position: absolute;
    width: 10px;
    height: 7px;
    content: "";
    left: 25px;
    top: 6px;
    background: url("../images/icons/adw.png") no-repeat
}


.resbuttonover:hover {
  background-color: #37c637;
}
.resbuttonover2:hover {
  background-color: #39ad39;
}
.resbuttonover2or:hover {
  background-color: #ddab54;
}

  .resbuttonover3 {
    padding: 5px 25px;
    border:0px; 
    font-size: 14px;
    color: #ffffff;
    background-color: var(--color2);
    margin-bottom: 0px;
    margin-top: 5px;
  }  
.resbuttonover3:hover {
  background-color: #f7363e;
}


.underl a { text-decoration: underline; }
.notunderl a { text-decoration: none; }


.top-nav>ul>li{
    color:#ccc;
}

#login1 a {
  cursor: pointer;
}
#login2 a {
  cursor: pointer;
}

.shorthr {
  margin:10px;
}

.popmainregbox {
    z-index: 99999999;
    overflow: auto;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -300px; 
    margin-top: -250px; 
    display: none;
    height:500px;
    width:600px;
    background-color: #fff;
    border: 1px solid #000;
}


.popmainloginbox {
    z-index: 99999999;
    overflow: auto;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -250px; 
    margin-top: -125px; 
    display: none;
    height:250px;
    width:500px;
    background-color: #fff;
    border: 1px solid #000;
}

.poploginbox {
    z-index: 99999999;
    overflow: auto;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -300px; 
    margin-top: -250px; 
    display: none;
    height:500px;
    width:600px;
    background-color: #fff;
    border: 1px solid #000;
}


.popmailbox1 {
  width:100%;display:block;
}
.popmailbox2 {
  text-align: center; padding:0px 20px 0px 20px;
}
.popmailbox {
    z-index: 99999999;
    overflow: auto;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -140px; 
    margin-top: -230px; 
    display: none;
    height:460px;
    width:280px;
    background-color: #384959;
}
.popmaillabel {
  margin-bottom:10px;padding:5px;width:240px;border: 1px solid #ffffff;background-color: #384959;color:#ffffff;font-size:14px;
}
.popmaillabel1 {
  color:#e69c3b;font-size:14px;
}
.popmaillabel2 {
  color:#ffffff;font-size:13px;
}
.mailpoppost {
  background-color:#e69c3b; width:200px;
}
.closemail, .closemainlogin, .closemainreg {
    font-size: 12px;
    padding:6px 10px;
    background: var(--color2);
    color: #fff !important;
    text-transform: uppercase;
    font-weight: bold;
    border: none;
}

.mainspan a {
  text-decoration: none;
  color: #ffffff;
}

.mainbtn1 {
  padding:  12px 33px 12px 33px;
  border:0px;
  font-size: 15px;
  color: #ffffff;
  background-color: var(--color9);
}

.productsubbox {
  border: 1px #d4d4d4 solid;margin:40px 0px;
}
.productsubbox2 {
  padding: 30px 50px 0px 20px;
}
.productsubbox3 {
  margin-bottom:5px;
}
.productsubbox4 {
   padding:10px 25px;font-size:18px;float:right;margin-top: 65px;
}
.productsublabe1 {
  font-weight: bold;font-size:22px;float:left;margin:-15px 0px;
}
.productsublabe2 {
  font-size:14px;float:left;margin:-7px 0px;
}
.productsublabe3 {
}
.productsublabe4 {
}


.confirmationbox {
  padding-top:0px;margin-top:195px;position:absolute;
}
.confirmationbox2 {
  text-align: left;
}

.reservationbox {
  position:absolute;top:-13px;right:20px;background:#2C3E50;color:#ffffff;padding:5px 10px;font-size:11px;width:300px!important;display:none;z-index:9999999999;
}
.reservationbox2 {
  padding-top:0px;margin-top:195px;position:absolute;
}
.reservationbox3 {
  background-color: var(--color9) ;padding: 25px;
}
.reservationbox4 {
  border: 1px solid black;padding: 15px;
}
.reservationtitle1 {
  font-weight: bold; font-size: 19px; color: #ffffff;
}
.reservationtitle2 {
  font-weight: bold; font-size: 22px; color: #555555;
}
.reservationtitle3 {
  font-weight: bold; font-size: 18px; color: #555555;
}
.reservationtitle4 {
  font-size:10px;color:red;
}

.reservationbox5 {
  height:100%;width:100%;text-transform: uppercase;
}
.reservationlink1 a {
  text-transform: lowercase;cursor: pointer;
}


.pricecolbox {
  margin-top:-5px;margin-bottom:-5px;
}
.pricecolbox2 {
  margin-top: 0px;margin-bottom: 0px;border-top: 1px #d4d4d4 solid;
}

.pricelabel1 {
  color: #283d4e;font-size: 14px;font-weight: bold;
}
.pricelabel2 {
  font-weight: bold;text-decoration: line-through;color: #8e98a2;font-size: 22px;
}
.pricelabel3 {
  font-weight: bold;color: #283d4e;font-size: 26px;
}
.pricelabel4 {
  color:#3369b1;font-size:12px;
}
.pricelabel5 {
  font-weight: bold;color: var(--color9);font-size: 12px;
}
.pricelabel6 {
  color:red;font-size: 12px;
}

.roompict {
   margin: -10px;
}
.roombox1 {
   padding-left: 30px;padding-bottom: 20px;
}
.roombox2 {
   padding-bottom:5px;
}
.roombox3 {
   padding-top:5px;padding-bottom:5px; border-bottom: 1px #eeeeee solid;border-top: 1px #eeeeee solid;
}
.roomlabel{
   color: #555555;font-size: 16px;
}
.roomiconlabel{
   color: #888888;font-size: 12px;
}
.roomtitle {
   font-weight: normal;text-transform: uppercase;color: var(--color9);font-size: 20px;
}

.showprice, .hideprice {
  width:44px;height:177px;float:left;cursor: pointer;margin-right:10px;margin-left: 5px;margin-top: -10px;margin-bottom: -10px;
}

.bundleunit1 {
   margin-bottom: 0px; float: left;width: 100%;padding: 10px;border-style: solid;border-width: 0px 1px 1px 1px;border-color:#d4d4d4;
}
.bundleunit2 {
   margin-top: 20px;margin-bottom: 0px;float: left;width: 100%;padding: 10px;border-style: solid;border-width: 1px 1px 1px 1px;border-color:#d4d4d4; 
}
.bundlebox1 {
   padding: 10px;
}
.bundlespan {
   padding-top: 15px;
}
.bundletitle {
   font-weight: normal;text-transform: uppercase;font-size: 14px; color: #888888;
}
.bundletitle2 {
   font-weight: bold;text-transform: uppercase;color: var(--color9);font-size: 24px;
}
.bundletitle3 {
   float: right;font-weight: bold;font-size: 14px; color: #555555;
}
.bundlestars {
   display: inline-block;width: 12px;height: 11px;background: url('../images/icons/star.png') no-repeat;
}
.bundle {
  float: left;
  width: 100%;
  border: 1px #d4d4d4 solid;
  margin-top: 20px;
  background-color: #eeeeee;
}


.p16 {
   font-size: 16px;
}
.p16b {
   font-size: 16px;
   font-weight: bold;
}
.p26 {
   font-size: 26px;
}
@media (max-width: 1200px) {
  .p16 {
     font-size: 14px;
  }
  .p16b {
     font-size: 14px;
     font-weight: bold;
  }
  .p26 {
     font-size: 24px;
  }
}
@media (max-width: 900px) {
  .p16 {
     font-size: 10px;
  }
  .p16b {
     font-size: 10px;
     font-weight: bold;
  }
  .p26 {
     font-size: 16px;
  }
}
@media (max-width: 600px) {
  .p16 {
     font-size: 8px;
  }
  .p16b {
     font-size: 8px;
     font-weight: bold;
  }
  .p26 {
     font-size: 12px;
  }
}


.white {
    color:#ffffff;
}
.gray {
    color:#777777;
}
.silver {
    color:#cccccc;
}

.flagc {
    margin-top:-12px;
}

.row2 {
  margin-top:-20px;
}

#nspan2 {
  padding:20px;
}
.filt_det { 
  width:100%;
  border: 0px;
  padding: 10px 20px 10px 10px;
  margin-bottom: 6px;
  margin-top: 6px;
  color : #ffffff;
  border-bottom: 1px solid #496fa2;
  background-color: var(--color10);
}
//.filt_det:focus {
//   background-color: #ffffff;
//   color : #777777;
// }  




.filt_arr { 
  margin-top:0px;
  width: 100%;
  font-size: 16px;
  color:#555555;
  padding:16px 15px 15px 15px;
  margin-top: -1px;
}
.filt_loc { 
  width:100%;
  border: 0px;
  padding: 15px 50px 15px 15px;
  background: #fff url('../images/icons/search.png') no-repeat right center ;
  color: #2c3e50 !important;
  position: relative;z-index: 100000;
}
.filt_dat { 
  width:100%;
  border: 0px;
  padding: 15px 50px 15px 15px;
  background: #fff url('../images/icons/calendar.png') no-repeat right center ;
  color: #2c3e50 !important;
  position: relative;
  z-index: 100000;
}
.filt_pers { 
  width:100%;
  border: 0px;
  padding: 15px 50px 15px 15px;
  background: #fff;
  color: #2c3e50 !important;
  position: relative;
  z-index: 100000;
}
#persslide { 
position: absolute;
width:100%;
z-index: 100000;
display:none;
font-size:12px;
color:#555555;
text-align: left;
}
#persslide2 { 
padding:10px;
margin-right: 30px;
background: #fff;
box-shadow: 1px 3px 5px #888888;
}
#personsX { 
margin-top:5px;margin-bottom:5px;padding:4px 5px;width: 100%;font-size: 14px;
}
#children { 
margin-top:5px;margin-bottom:5px;padding:4px 5px;width: 100%;font-size: 14px;
}
.ages2ch { 
margin-top:5px;padding:4px 5px;width: 100%;font-size: 14px;background: #fff;border: 1px solid #c0c0c0;
}
.show-podrobno, .show-podrobno2, .show-podrobno3 { 
  width: 100%;
}
.closefilter, .closefilter2, .closefilter2, .closefilter3 { 
  margin-right: 30px;
}
.closefilter, .closefilter2, .closefilter3 button { 
  padding:5px 10px;
}
.showresultstop, .showresultstop2, .showresultstop3 { 
  float: center;
  border: 0;
  background: var(--color2);
  padding: 14px 30px 14px 30px;
  font-size: 18px;
  font-weight: bold;
  border: 0;
  margin-bottom: 25px;
  text-transform: uppercase;
}
#showresultstopl { 
margin-right: 30px;
}



.product_dist { 
  padding-top:100px;
  width: 100%;
}

.bundle_icon_box2 { 
  background:transparent;
  position:relative;
  padding:10px;
  font-size: 14px;
}

  ui-menu {
    box-shadow: 1px 3px 5px #888888;
  }
  .nav>li>a {
    text-align: center;
  }  

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #bbb;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #bbb;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #bbb;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #bbb;
}
::-ms-input-placeholder { /* Microsoft Edge */
   color:    #bbb;
}

.details-select {
    -webkit-appearance: none;
    background-color: var(--color10);
    color : #7a96bc;
    padding:17px 30px 14px 15px;
    border-bottom: 1px solid #496fa2;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
 }  
.details-select:focus {
   background-color: #ffffff;
   color : #777777;
 }  


.flash {
  -moz-animation: flash .5s ease-out;
  -moz-animation-iteration-count: 4;
  -webkit-animation: flash .5s ease-out;
  -webkit-animation-iteration-count: 4;
  -ms-animation: flash .5s ease-out;
  -ms-animation-iteration-count: 4;
}
@-webkit-keyframes flash {
  0% {
    background-color: none;
  }
  50% {
    background-color: #fbf8b2;
  }
  100% {
    background-color: none;
  }
}

  .lower {
    text-transform: lowercase;
  }  


  .confirmtitle {
    font-weight: bold;
    font-size:28px;
    text-transform: uppercase;
    text-align: center;
  }  
  .chosen ,.chosen2 a {
    color:#ffffff;
    text-decoration: underline;
    font-size: 16px;
    cursor: pointer;
  }  
  .chosen2 {
    color:yellow;font-size: 14px;
  }  

  .upperlink a {
    color:#ffffff;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
  }  


  .pop  {
    cursor: pointer;
  }  
  .rezbtn  {
    display: inline-block;
    padding: 5px 25px;
    font-size: 14px;
    background: green;
    margin-bottom: 12px;
    margin-top: 12px;
  }  
  .rezbtn2or {
    padding: 5px 25px;
    border:0px; 
    font-size: 14px;
    color: #ffffff;
    background-color: #e27127;
    margin-bottom: 0px;
    margin-top: 5px;
  }  
  .rezbtn2 {
    padding: 5px 25px;
    border:0px; 
    font-size: 14px;
    color: #ffffff;
    background-color: green;
    margin-bottom: 0px;
    margin-top: 5px;
  }  
  .rezbtn3 {
    padding: 9px 25px;
    border:0px; 
    font-size: 14px;
    color: #ffffff;
    background-color: green;
    margin-bottom: 12px;
    margin-top: 12px;
  }  
  .rezbtn4  {
    display: inline-block;
    font-size: 14px;
    margin-bottom: 12px;
    margin-top: 12px;
    margin-right:10px;
    padding:12px 30px;
    float:center;
    background: #e61f22;
    color:#ffffff;
  }  
  .rezbtn5  {
    display: inline-block;
    font-size: 16px;
    margin-bottom: 12px;
    margin-top: 12px;
    margin-right:10px;
    padding:12px 30px;
    float:center;
    background: #e61f22;
    color:#ffffff;
  }  

  .addopen:hover, .oblopen:hover, .busopen:hover, .insopen:hover  {
    color: #888888;
    cursor: pointer;
  }  

  .resradio {
    font-weight: normal; font-size: 16px;
  }  
  .lightlabel {
    font-weight: normal; font-size: 14px; color: #555555;
  }  
  .reslabel {
    font-weight: normal; font-size: 12px; color: #888888;
  }  
  .reslabel2 {
    font-weight: normal; font-size: 10px; color: #888888;
  }  
  .reseditlabel {
    color: #888888;
  }  
  .reslabelred2 {
    font-weight: bold; color: var(--color9);font-size: 16px;
  }  
  .reslabelred1 {
    font-weight: bold; color: var(--color9);font-size: 12px;
  }  
  .reslabelred {
    color: var(--color9);
  }  
  .reslabelgreen {
    color: green;
  }  
  .resinput {
    width: 100%; border:0px; 
    text-transform: capitalize;
  }  
  .resinput2 {
    height:40px; padding-top: 15px;   width: 100%; border:0px; 
//    text-transform: capitalize;
  }  
  .resinput2a {
    height:40px; padding-top: 15px;   width: 100%; border:0px; 
  }  
  .resselect {
    width: 100%; border:0px;
//    text-transform: lowercase;
  }  
  .line {
    border-bottom: 1px solid black;
  }  
  .lineleft {
    border-left: 1px solid #555555;
  }  
  .lineright {
    border-right: 1px solid #555555;
  }  
  .restitle1 {
    font-weight: bold; font-size: 22px; color: #555555;
  }  
  .resroom {
    font-weight: bold; font-size: 22px;color: var(--color9);
  }  

  .resbuttonprint {
     padding:  6px 6px 10px 30px;
     border: 0px;
     font-size: 12px;
     color: #333333;
     background: url("../images/printicon3.png") no-repeat;
     background-color: #eee;
     background-position: 5px 3px; 
     
  }  



  a.resbuttonmini {cursor: pointer;}


  .resbuttonmini {
    padding:  4px 4px 4px 4px; border:0px; font-size: 12px;color: #ffffff;background-color: #777;
  }  
  .resbuttonminidis {
    padding:  4px 4px 4px 4px; border:0px; font-size: 12px;color: #ffffff;background-color: #ccc;
  }  
  .resbutton {
    padding:  12px 33px 12px 33px; border:0px; font-size: 15px;color: #ffffff;background-color: green;
  }  
  .resbuttonrd {
    padding:  12px 33px 12px 33px; border:0px; font-size: 15px;color: #ffffff;background-color: var(--color9);
  }  
  .resbuttonsmall {
    padding:  6px 33px 6px 33px; border:0px; font-size: 15px;color: #ffffff;background-color: var(--color9);
  }  
  .resbutton2 {
    padding: 6px 33px 6px 33px; border:0px; font-size: 15px;color: #ffffff;background-color: var(--color9);
  }  
  .resbuttongr {
    padding:  12px 33px 12px 33px; border:0px; font-size: 15px;color: #ffffff;background-color: green;
  }  
  .resbutton3 {
    margin-top:12px;padding: 6px 33px 6px 33px; border:0px; font-size: 15px;color: #ffffff;background-color: #2c3e50;
  }  
 




.slider-nav2 .slick-prev, .slider-nav2 .slick-next { display:none!important; }
.slider-for2 .slick-slide img,
.slider-nav2 .slick-slide img {
    width: 100%
}

.slider-nav2 .slick-slide img {
    cursor: pointer
}

.slider-for2 {
    position: relative
}

.slider-for2 .slick-arrow {
    position: absolute;
    width: 43px;
    height: 43px;
    top: 50%;
    margin-top: -21px;
    border: 0;
    text-indent: -9999px;
    z-index: 1000000
}

.slider-for2 .slick-arrow.slick-prev {
    background: var(--color11) no-repeat;
    left: 26px
}

.slider-for2 .slick-arrow.slick-next {
    background: var(--color12) no-repeat;
    right: 26px
}




.slider-nav .slick-prev, .slider-nav .slick-next { display:none!important; }

.bundle_tab5_info { position:relative;}
.bundle_tab5_info .fa { cursor:pointer;}
.bundle_tab5_desc { position:absolute;top:-33px;right:18px;background:#2C3E50;color:#ffffff;padding:5px 10px;font-size:11px;width:200px;display:none;z-index:9999999999;}

.modal-content h2 { margin-bottom: 0;}
.availability-result .ar-item-desc { padding: 15px 0 15px  0;}
.availability-result .res a {background: var(--color2) none repeat scroll 0 0;color: #fff;display: inline-block;font-weight: 400;margin-top: 11px;padding: 5px 0;text-align: center;text-transform: uppercase;width: 100%;}
.availability-result .av {margin-top:3px;}
.modal_beddings th, .modal_beddings td {font-size:11px;text-align:left;padding:2px 10px;}
#map { width: 100%;height: 860px; }
#map .gm-style, .google-maps iframe { pointer-events: auto; }
#map-data {display:none;position:absolute;bottom:25%;left:30%;width:50%;background:#ffffff;z-index:999999;padding:25px;}
#map-data .name h2 {font-weight: 400;padding: 0;margin:0;color: var(--color2);text-transform: uppercase;}
#map-data .desc {padding: 10px 0;}
#map-data .bttn {background: var(--color2) none repeat scroll 0 0;color: #fff;display: inline-block;font-size: 16px;font-weight: 400;padding: 10px 20px;text-transform: uppercase;}
#map-data #cross {width:14px;height:14px;border: 0;background: url("../images/icons/gmaps_cross.png") no-repeat;position: absolute; top:20px; right:20px;cursor:pointer;}
#map-data #loader {display:none;text-align:center;padding:10px 0;}

.dropdown-menu.smucisca h4.at {background: url("../images/flags/au.png") no-repeat left 2px;}
.dropdown-menu.smucisca h4.ba {background: url("../images/flags/bih.png") no-repeat left 2px;}
.dropdown-menu.smucisca h4.ch {background: url("../images/flags/ch.png") no-repeat left 2px;}
.dropdown-menu.smucisca h4.fr {background: url("../images/flags/fr.png") no-repeat left 2px;}
.dropdown-menu.smucisca h4.it {background: url("../images/flags/it.png") no-repeat left 2px;}
.dropdown-menu.smucisca h4.si {background: url("../images/flags/sl.png") no-repeat left 2px;}
.dropdown-menu.smucisca h4.rs {background: url("../images/flags/sr.png") no-repeat left 2px;}
.dropdown-menu.smucisca h4.hr {background: url("../images/icons2/hr.png") no-repeat left 2px;}

.map-menu {
    position: absolute;
    width: 100%;
    left: 0;
    top: 140px;
    z-index: 9999;
}

.map-menu .drop {
    position: relative;
    float: left;
    background: #1b1d26;
    border: 1px #fff solid;
    width: 100%;
    font-size: 16px;
    color: #55575e;
    padding: 13px 40px 13px 28px;
    text-decoration: none;
}

.map-menu .drop::after {
    background: rgba(0, 0, 0, 0) url("../images/icons/arrow-down.png") no-repeat scroll 0 0;
    content: "";
    height: 8px;
    position: absolute;
    right: 30px;
    top: 23px;
    width: 14px;
}

input[type=radio].css-radio {
    position: absolute;
    z-index: -1000;
    left: -1000px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

input[type=radio].css-radio+label.css-label {
    padding-left: 36px;
    height: 19px;
    display: inline-block;
    line-height: 22px;
    background-repeat: no-repeat;
    background-position: 0 0;
    font-size: 14px;
    vertical-align: middle;
    cursor: pointer;
    font-weight: normal;
}

input[type=radio].css-radio:checked+label.css-label {
    background-position: 0 -19px;
}

label.css-label {
    background-image: url("../images/bg/csscheckbox.png");
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.menu_pages img { padding-bottom: 10px; }
header .phone { width: auto; }
.top-nav li a { font-size: 14px; }


.ui-datepicker-group {
    position: relative;
    width: 50%;
    float: left;
}
.ui-datepicker-group.ui-datepicker-group-first {
    border-right: solid thin #CCC;
}

.ui-datepicker-calendar .highlight:not(.ui-state-disabled) {
    background-color: var(--color2) !important;
    color: #fff !important;
    font-weight: bold;
}
.ui-datepicker-calendar .highlight:not(.ui-state-disabled) a{
    color: #fff !important;
    font-weight: bold;
}
.ui-autocomplete
{
    position:absolute;
    cursor:pointer;
    z-index:9999999 !important;
    background: white;
    padding-left: 0;
}

.ui-autocomplete li
{
    list-style: none;
    padding: 10px 20px;
}
.ui-autocomplete li:hover
{
    font-weight: bold;
}

.filter-bundle-image > .rs-offer > div {
     background-size: 20px;
     filter: gray;
     -webkit-filter: grayscale(100%);
}

.pages_side_menu h2 { color: var(--color16) ;font-size: 18px;text-transform: uppercase;}
.pages_side_menu ul {margin:0;padding:0;}
.pages_side_menu ul li {background: rgba(0, 0, 0, 0) url("../images/icons2/grey-arr.png") no-repeat scroll right 12px;display: inline-block;width: 100%;border-bottom:1px solid #cccccc;}
.pages_side_menu ul li a {font-size:12px; display:block;padding: 8px 0; }

.availability-result .ar-item {
    display: inline-block;
    width: 100%;
    padding: 10px 58px;
    border: 1px #bebebe solid;
    margin-bottom: 40px;
}

.availability-result .av {
    font-size: 14px;
    color: var(--color16);
    font-weight: bold;
    margin: 20px 0 5px;
}

.availability-result .icons span {
    color: #1d2b38;
    font-weight: 600;
    font-size: 18px;
    padding-left: 31px;
    margin-right: 37px;
}

.availability-result .icons span {
    font-size: 14px;
}

.availability-result span.squaremeters {
    background: url("../images/icons/squaremeters-small.png") no-repeat left center;
}

.availability-result span.beds {
    background: url("../images/icons/beds-small.png") no-repeat left center;
}

.availability-result span.showers {
    background: url("../images/icons/showers-small.png") no-repeat left center;
}

.availability-result .aihr-drop {
    float: left;
}

.availability-result .aihr-drop label {
    float: left;
    width: auto;
    font-size: 14px;
    text-transform: uppercase;
    font-family: 'Roboto Condensed', sans-serif;
    margin: 23px 0 0 0;
}

.availability-result .aihr-drop .dropdown {
    float: left;
    margin: 0 0 0 28px;
    padding: 0 10px;
    width: 140px;
}

.availability-result .aihr-drop .dropdown dt {
    display: inline-block;
    width: 100%;
}

.availability-result .aihr-drop .dropdown dt a {
    display: inline-block;
    width: 100%;
    padding: 10px 30px;
    background: url("../images/icons/key.png") no-repeat left center;
    border-bottom: 1px var(--color16) solid;
    color: var(--color16)!important;
}

.availability-result .aihr-drop .dropdown dt a:after {
    position: absolute;
    right: 12px;
    top: 20px;
    width: 9px;
    height: 6px;
    content: "";
    background: url("../images/icons/bdown.png") no-repeat;
}

.availability-result .aihr-drop .dropdown a:hover {
    text-decoration: none;
}

.availability-result .aihr-drop .dropdown.op {
    background: var(--color16);
    color: #fff;
}

.availability-result .aihr-drop .dropdown.op a {
    color: #fff!important;
    text-decoration: none;
}

.availability-result .aihr-drop .dropdown.op dt a {
    background: url("../images/icons/keywhite.png") no-repeat left center;
    border-bottom: 1px #80a2ce solid;
}

.availability-result .aihr-drop .dropdown.op dt a:after {
    top: 18px;
    background: url("../images/icons/baup.png") no-repeat;
}

.availability-result .aihr-drop .dropdown dd {
    position: relative;
    width: 100%;
    padding: 0 10px;
    margin: 0;
}

.availability-result .aihr-drop .dropdown dd ul {
    background: var(--color16);
    position: absolute;
    left: -10px;
    top: -16px;
    width: 117%;
    padding: 10px;
}

.availability-result .aihr-drop .dropdown dd ul li {
    list-style: none;
    display: inline-block;
    width: 100%;
}

.availability-result .aihr-drop .dropdown dd ul li a {
    position: relative;
    display: inline-block;
    width: 100%;
    font-size: 12px;
    padding-left: 16px;
    background: url("../images/icons/a-l.png") no-repeat left center;
}

.availability-result .ar-item-items {
    display: inline-block;
    width: 100%;
    padding: 9px 0;
    margin-bottom: 20px;
}

.availability-result .ar-item-items ul {
    float: left;
    width: 100%;
    padding: 5px 0;
    margin: 0;
}

.availability-result .ar-item-items ul li {
    list-style: none;
    float: left;
    font-size: 12px;
    color: #68798d;
    margin-right: 20px;
    padding: 2px 0;
}

.availability-result .ar-item-items ul li { margin-right: 0; }

.availability-result .ar-item-items ul li img {
    float: left;
    margin-right: 7px;
}

.center-item .center-item-description .stats .st { width: 25%; }
.center-item .center-item-description .stats .st span { padding: 0; }
.wide-title .wide-title-left .wtl-bottom .stars { border-right: none; }
.wide-title .wide-title-left .wtl-bottom .stars .half-star { background: rgba(0, 0, 0, 0) url("../images/icons2/half-star-big.png") no-repeat scroll 0 0;float: left;height: 17px;margin-right: 4px;width: 18px;}
.side-cont ul li .stars .half-star { background: rgba(0, 0, 0, 0) url("../images/icons2/half-star.png") no-repeat scroll 0 0;display: inline-block;height: 11px;width: 12px;}
.result-items .result-item .rs-item-right .stars .half-star {float: left;width: 12px;height: 11px;margin-right: 5px;background: url("../images/icons2/half-star.png") no-repeat;}

#rtrn { padding-top:20px; font-size:13px;color:#ffffff;text-align:center; }
footer ul li a:focus {color: #fff;}

.inpfileds {

    max-height: 300px;
    overflow: auto;
    overflow-x: hidden;
}

.red-small-btn {
    background: var(--color2) none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    border: none;
    font-size: 13px;
    font-weight: bold;
    padding: 8px 25px;
    text-transform: uppercase;
}
.product-drop .ugodnosti-drop-left {
  border-right: 1px solid #cccccc;
  float: left;
  padding: 20px 40px;
  width: 50%;
}

.product-drop .ugodnosti-drop-left ul {
  float: left;
  margin-right: 60px;
  width: 40%;
}

.product-drop .ugodnosti-drop-left ul.right {
  margin-right: 0;
}

.product-drop .ugodnosti-drop-left li {
    font-weight: bold;
    padding: 7px 0 5px 38px;
}

.product-drop .ugodnosti-drop-right {
    float: left;
    width: 50%;
    padding: 65px 70px 20px 70px;
}

.ugodnosti-drop-right .slika-block {
    background-size: cover !important;
    display: inline-block;
    float: left;
    padding: 10px 0 20px 0;
    width: 100%;
    text-align: center;
}

.ugodnosti-drop-right .slika-block h2 {
    color: #fff;
    font-family: "Roboto Condensed",sans-serif;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}

.ugodnosti-drop-right .slika-block .red {
    background: var(--color2) none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-family: "Roboto Condensed",sans-serif;
    font-size: 13px;
    font-weight: bold;
    padding: 8px 25px;
    text-transform: uppercase;
}

.product-drop .ugodnosti-drop-left li.sp-5 {
    background: url("../images/icons/sp-5.png") no-repeat left top;
}

.content-text h2 {}
.content-text ul { padding-left: 0; }
.content-text li {background: rgba(0, 0, 0, 0) url("../images/icons/bullet-box.png") no-repeat scroll left 5px;font-size: 16px;list-style: outside none none;margin-bottom: 7px;padding-left: 22px;}
.content-text li a { text-decoration: underline; }
.content-text li a:hover { text-decoration: none; }

p.regular-text { font-size: 12px;margin:0; }

h2.title-left {
    background: rgba(0, 0, 0, 0) var(--color14) no-repeat scroll left bottom;
    display: inline-block;
    font-size: 35px;
    margin: 0 0 20px;
    padding: 0 72px 15px 0;
    position: relative;
    text-transform: uppercase;
}

h1.title-center {
    background: rgba(0, 0, 0, 0) var(--color6) no-repeat scroll center bottom;
    display: inline-block;
    font-size: 35px;
    letter-spacing: 2px;
    padding: 0 0 25px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    margin-bottom: 20px;
}

h2.title-center {
    background: rgba(0, 0, 0, 0) var(--color6) no-repeat scroll center bottom;
    display: inline-block;
    font-size: 32px;
    letter-spacing: 2px;
    padding: 0 0 25px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    margin-bottom: 20px;
}

h3.main-title { font-size: 24px;margin:0; }
h4.main-title { font-size: 20px;margin:0; }
.main-title-italic { font-weight:300;font-style: italic; }
.myck-red { color: var(--color2); }
.myck-blue { color: var(--color16) }

.google-maps { position: relative;padding-bottom: 55%;height: 0;overflow: hidden; }
.google-maps iframe { position: absolute;top: 0;left: 0;width: 100% !important;height: 100% !important; }

.result-description { margin-bottom: 25px; }

.sidebar .blue-panel h2 { padding: 0 15px;}

.result-description h1 { color: #063779;font-size: 34px;margin: 0 0 10px; }

.result-items .result-item .result_item_box { float: left;width: 100%;margin: 0;border-top: 1px #d4d4d4 solid;display:none; }
.result-items .result-item .rs-item-right .red-big-btn { font-size: 14px;text-transform: none;padding-left: 40px;font-weight: normal;background: var(--color2) url("../images/icons2/poisci_namestitve.png") no-repeat scroll 10px center; }
.result-items .result-item .rs-item-right .red-big-btn i { padding-left: 10px; }
.result-items .result-item:nth-child(2n+1) { clear: both; }

.result-item .drop_units { z-index: 99999999; }

.slider.sub-slider .slick-slide { height: 750px; }
.slider.sub-slider.sub-slider-second h1 { margin: 200px 0 0 !important; }

.result_item_box .tl { text-align:left; }
.result_item_box .tr { text-align:right; }
.result_item_box .tc { text-align:center; }
.result_item_box .cell-row { margin:0 15px; }
.result_item_box .cell { padding: 5px 0; }  
.result_item_box h2 { margin:0;color:#303f50;font-size:15px;font-weight:bold;text-transform:uppercase; }
.result_item_box h3 { margin:0;color:#303f50;font-size:10px;font-weight:bold; }
.result_item_box span { color: #1d2b38;font-weight: 600;margin-right: 20px;padding-left: 24px;font-size:14px; }
.result_item_box span.beds { background: url("../images/icons2/beds-small-red.png") no-repeat left center; }
.result_item_box span.showers { background: url("../images/icons2/showers-small-red.png") no-repeat left center; }
.result_item_box .avail { font-size: 12px;padding: 10px 0; }
.result_item_box .avail span { color:#e4262e!important;margin: 0;padding: 0;font-weight: 600; }
.result_item_box .service_prices { color:#303f50;font-size:11px; }
.result_item_box .service_prices a { text-decoration: underline;position: relative;z-index: 99; }
.result_item_box .service_prices a:hover { text-decoration: none; }
.result_item_box .service_prices a.serv_arr { color: #e4262e;background: url("../images/icons2/serv_arr.png") no-repeat left center;padding-left: 18px; }
.result_item_box .service_prices a.rez { color: #358e4a;border:  1px solid #358e4a; padding: 3px 8px;text-decoration: none; }
.result_item_box .service_prices a.rez:hover { text-decoration: underline; }
.result_item_box .service_prices a.yprice { color: #358e4a;font-weight:bold; }
.result_item_box .service_prices a.yprice .fa-check { padding-left:5px;color:#e4262e;font-size:12px; }
.result_item_box .service_prices .row div { padding: 5px 0; }
.result_item_box .service_prices .row .rez { margin-right: 15px;z-index:999999999; }
.result_item_box .service_prices .row .fa-shopping-cart { padding-right: 10px; }
.result_item_box .service_prices .row .cena_kraj_sm, .result_item_box .service_prices .row .cena_vasa_sm { padding:0;margin:0;color:#303f50;font-size:10px;font-weight:bold;display:none; }

@media (max-width: 1360px) {
    
    .result-items .result-item {
        width: 100%;
        margin-left: 0;
    }
    
    .result_item_box .service_prices {
        padding: 0 15px;   
    }
    
}

@media (max-width: 991px) {

    .product-drop .ugodnosti-drop-left {
        padding: 20px 30px;
    }
    .product-drop .ugodnosti-drop-right {
        padding: 20px 30px 20px 30px;
    }

    .product-drop .ugodnosti-drop-left ul {
        width: 100%;
    }
}

@media (max-width: 768px) {
    
    .result_item_box .service_prices .titles_row {
        display: none;   
    }
    
    .result_item_box .tl { text-align:left; }
    .result_item_box .tr { text-align:left; }
    .result_item_box .tc { text-align:left; }
    
    .result_item_box .service_prices .row .cena_kraj_sm, .result_item_box .service_prices .row .cena_vasa_sm {
        display: inline-block;   
    }
    
    .result_item_box .service_prices .datas_row {
        border-bottom: 1px #d4d4d4 solid;
        padding: 5px 0;   
    }
      
}

@media (max-width: 680px) {

    .product-drop .ugodnosti-drop-left {
        width: 100%;
        border-right: 0;
        border-bottom: 1px #ccc solid;
    }
    .product-drop .ugodnosti-drop-right {
        width: 100%;
    }

}
.header-filter.header-filter-full-screen .hf-wrap {
    display: inline-block;
    width: 100%;
    padding: 31px 34px 0px;
    margin-bottom:-25px;
}

.red-big-btn-ns {
    background: var(--color2);
    color: #fff !important;
    padding: 14px 20px;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
    border: none;
}

.main-filter-form .red-big-btn-ns {
    float: left;
}

.details-filter .df-5 {
    float: left;
    width: 18%;
}

.details-filter .df-4 dl {
    max-width: 200px;
}
.details-filter .df-3 {
    float: left;
    width: 18%;
    margin-right: 6%;
}
.details-filter .df-3 dl {
    max-width: 100%;
}
.details-filter .df-4 {
    float: left;
    width: 18%;
    margin-right: 6%;
}
.details-filter .df-4 dl {
    max-width: 100%;
}
.wide .wide-content {
    position: relative;
}
.filter-loader {
    display: none;
    position: absolute;
    text-align: center;
    right:0;
    left:0;
    top: 100px;
}
.filter-loader i{
    position: relative;
    font-size: 100px;
    z-index: 9999;
}


@media (max-width: 768px) {
.roompict {
   margin: 0px;
}
.roombox1 {
   padding-left: 0px;padding-bottom: 0px;
}
.roombox2 {
   margin:30px;padding-bottom:0px;
//   min-height: 117px;
}
.roombox3 {
   margin:30px;padding-top:0px;padding-bottom:0p;
}

.showprice {
   display: none;
}


//  .row {
//    margin-left: 0px;
//    margin-right: 0px;
//  }
  .bundleunit2 {
     padding: 0px;
  }
}

.ui-widget-header {
  border: 1px solid #dddddd;
  background: #e9e9e9;
  color: #333333;
  font-weight: bold;
}
.ui-widget-header a {
  color: #333333;
}
.ui-slider-handle {
  border: 1px solid #dddddd;
  background: #f6f6f6;
}






.ui-widget-header {
  border: 0;
}  
#ui-datepicker-div {
  margin-left: -4px;
  border-bottom: 1px solid black;
  border-left: 1px solid black;
  border-right: 1px solid black;
}  
.link {
  cursor: pointer;
}
.naslovEl {
  font-weight: normal;
  margin-bottom:4px;
}
.naslovGrupe {
  font-weight: bold;
  padding-bottom:8px;
}