div.ul-select-wrap { min-height: 34px; display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 15px; line-height: 1.428571429; color: #000; background-color: #ffffff; background-image: none; border: 1px solid #cccccc; border-radius: 1px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; padding-top: 3px; padding-bottom: 3px; height: auto; }
div.ul-select-wrap:focus { border-color: #f18300; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); }
div.ul-select-wrap::-moz-placeholder { color: #767676; opacity: 1; }
div.ul-select-wrap:-ms-input-placeholder { color: #767676; }
div.ul-select-wrap::-webkit-input-placeholder { color: #767676; }
div.ul-select-wrap[disabled],
div.ul-select-wrap[readonly],
fieldset[disabled] div.ul-select-wrap { cursor: not-allowed; background-color: #abd242; opacity: 1; }
textareadiv.ul-select-wrap { height: auto; }
div.ul-select-wrap .tag { display: inline-block; margin: 0 2px; padding: 3px 24px 3px 5px; font-size: 13px; cursor: pointer; border-top-right-radius: 5px; border-top-left-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background: #abd242; position: relative; margin-bottom: 3px; margin-top: 3px; }
div.ul-select-wrap .tag:after { content: ''; width: 8px; height: 8px; background: url('data:image/gif;base64,R0lGODlhCAAIALMAAAAAAP///56lrZifp6GpsaCosJ+nr52lrJujqpqiqZmhqJigp////wAAAAAAAAAAACH5BAEAAAwALAAAAAAIAAgAAAQhkA1GpVyKLswSQolXHcJxVIxgFEWVHAVBtMtLzSeCGkwEADs=') right 50% no-repeat; margin-right: 7px; margin-top: 8px; position: absolute; top: 0; right: 0; }
div.ul-select-wrap.tag-block .tag { display: block; }
div.ul-dropdown-wrap { min-height: 34px; display: block; width: 100%; padding: 16px 12px; font-size: 15px; 
 position: relative; padding-right: 0px; cursor: pointer; text-align: left; 


background:#fff;
  float: left; padding: 9px 9px 9px; font-family: 'Rubik', sans-serif; font-size:12px; margin: 12px 5px 0 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border:none; 
  }
  
#contact div.ul-dropdown-wrap { min-height: 54px; display: block; width: 100%; padding: 15px 15px 15px; font-size:16px; margin: 12px 5px 0 5px;  border:1px solid #ddd;
 position: relative; cursor: pointer; text-align: left; background:#fff; float: left;  font-family: 'Rubik', sans-serif; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border:1px solid #ddd; 
  }

div.ul-dropdown-wrap:focus { border-color: #abd242; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); }
div.ul-dropdown-wrap::-moz-placeholder { color: #767676; opacity: 1; }
div.ul-dropdown-wrap:-ms-input-placeholder { color: #767676; }
div.ul-dropdown-wrap::-webkit-input-placeholder { color: #767676; }
div.ul-dropdown-wrap[disabled], div.ul-dropdown-wrap[readonly], fieldset[disabled] div.ul-dropdown-wrap { cursor: not-allowed; background-color: #abd242; opacity: 1; }
textarea div.ul-dropdown-wrap { height: auto; }
div.ul-dropdown-wrap:after { content: ''; position: absolute; right: 7px; top: 15px; width: 0; height: 0; display: inline-block; vertical-align: middle; border-color: white; border-width: 8px; border-style: solid; border-color: #abd242; border-left-color: transparent; border-right-color: transparent; border-bottom-style: none; }
#contact div.ul-dropdown-wrap:after { content: ''; position: absolute; right: 17px; top: 22px; width: 0; height: 0; display: inline-block; vertical-align: middle; border-color: white; border-width: 18px; border-style: solid; border-color: #abd242; border-left-color: transparent; border-right-color: transparent; border-bottom-style: none; }

#contact textarea { min-height: 180px; }

div.ul-dropdown-wrap:after.up { border-left-color: transparent; border-right-color: transparent; border-top-style: none; }
div.ul-dropdown-wrap:after.down { border-left-color: transparent; border-right-color: transparent; border-bottom-style: none; }
div.ul-dropdown-wrap:after.right { border-top-color: transparent; border-bottom-color: transparent; border-right-style: none; }
div.ul-dropdown-wrap:after.left { border-top-color: transparent; border-bottom-color: transparent; border-left-style: none; }
div.ul-dropdown-wrap .tag { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: block; cursor: pointer; border-right: 1px solid #cccccc; margin-right: 20px; }
#contact div.ul-dropdown-wrap .tag { margin-right: 55px; }
ul.ul-select { list-style: none; padding: 0; margin: 0; background: white; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); border-top-right-radius: 3px; border-top-left-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; border: 1px solid #cccccc; }
ul.ul-select li { display: block; cursor: pointer; padding: 5px 10px; margin: 1px 0; }
ul.ul-select li:hover { background: #f1f1f1; }
ul.ul-select li.select { background: #f1f1f1; }
ul.ul-select li.selected { font-weight: normal; }
div.ul-dropdown-wrap.time-picker { margin-top: 10px; width: 48%; margin-left: 4%; font-size: 12px; min-height: 30px; }

.radio-toolbar span {  display:inline-block; padding-right:15px; font-size:15px; font-weight:300; }
.radio-toolbar input[type="radio"] { }
.radio-toolbar label { display:inline-block; background-color:#f0f0f0; color:#000; padding:4px 11px; font-size:13px; font-weight:300; cursor: pointer; }
.radio-toolbar input[type="radio"]:checked + label { background-color:#ffb92f; color:#fff; }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.datetimepicker { background: white; overflow: hidden; padding: 5px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); min-width: 180px; }
.datetimepicker .paging { text-align: center; padding: 5px; font-size: 12px; position: relative; }
.datetimepicker .paging span { position: absolute; top: 0; display: inline-block; height: 100%; line-height: 24px; width: 20px; cursor: pointer; }
.datetimepicker .paging span i { line-height: inherit; }
.datetimepicker .paging span.prev { left: 0; }
.datetimepicker .paging span.next { right: 0; }
.datetimepicker table { font-weight: normal; font-size: 14px; color: #333333; border-collapse: collapse; width: 100%; }
.datetimepicker table td { text-align: center; border: 1px solid #eee; padding: 3px; }
.datetimepicker table td.near-month { color: #ccc; }
.datetimepicker table td.cur-date.cur-month { background: #D9EDF7; }
.datetimepicker table thead { font-weight: normal; }
.datetimepicker table thead td { border: none; border-bottom: 2px solid #eee; min-width: 38px; }
.datetimepicker table tbody td:hover { background: #eee; cursor: pointer; }
.datetimepicker table tbody td.unvailable { color: #eee; background: #F5F5F5; }
.datetimepicker table tbody td.unvailable:hover { background: #F5F5F5; cursor: not-allowed; }
.datetimepicker select { width: 48%; margin-top: 10px; margin-left: 4%; border: 1px solid #ccc; }
.datetimepicker select:first-child { margin-left: 0; }
.datetimepicker .timezone { margin-top: 10px; color: #666; font-size: 11px; text-align: center; }
input[readonly].datetime-picker { cursor: pointer; }

.contact-info-text { margin:16px 0; }
.kod img { width: auto; display: block; min-height: 35px; margin-left: 4px; margin-top: 11px; border-radius: 7px; }

#contact .kod img { min-height: 54px; }

form p { color:#fff; font-size:16px; line-height:22px; text-align:center; }

.booking-form {
  margin:0;
  position: relative;
  float:left;
  padding: 0 0 18px 0;

}
.booking-form #form-loading {
  text-align: center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -4px;
  width: 86%;
  opacity: 0.5;
  filter: alpha(opacity=50);
  z-index: 1000;
  background: #000;
}
.booking-form #form-loading i {
  font-size: 100px;
}
#form-message h4 {
  text-align: center;
    color: #fff;
    background: none;
    margin-top: 0px;
    font-size: 25px;
    line-height: 30px;
    font-weight: 400;
    text-transform: none;
    padding: 37px 40px 0px 40px;
}

#contact #form-message h4 { color: #000; padding: 30px 0; }

#booking-form .row, #booking-form .row-fluid {
    margin-bottom: 0px;
}
.booking-form .group {
  *zoom: 1;
  -webkit-transition: all ease .2s;
  transition: all ease .2s;
  padding: 0px; margin:0; 
}
.booking-form .group:before,
.booking-form .group:after {
  content: " ";
  display: table;
}
.booking-form .group:after {
  clear: both;
}
.booking-form .group > label {
  padding-left: 15px;
  padding-top: 5px;
  margin-bottom: 0px;
  color: #000;
  font-size: 15px;
  display: block;
}
.booking-form .group > label.empty {
  display: block;
  height: 1px;
  padding: 0;
  margin: 0;
}
.booking-form .group > div {
  padding: 0;
}
.booking-form .group > div.addon-right {
  position: relative;
  padding-right: 50px;
}
.booking-form .group > div.addon-right > i {
  position: absolute;
  right: 25px;
  top: 9px;
  z-index: 999;
  color: #000;
}
.booking-form .group > div .error-message {
  font-size: 13px;
  color: #fff;
  margin-top: 5px;
}







#contact .booking-form .group > div .error-message {
  font-size: 13px;
  color: red;
  margin-top: 5px;
}








.booking-form .group.active {
 
}
.booking-form input[type=submit] {
   display:table-cell; vertical-align:middle; float: left; color: #fff; padding: 30px 67px 30px 67px; background: #abd242; font-size: 16px; font-family: 'Rubik', sans-serif; border: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 12px 5px 0 5px; cursor: pointer;
}







#contact .booking-form input[type=submit] {
   display:table-cell; vertical-align:middle; float: left; color: #fff; padding: 30px 67px 30px 67px; background: #abd242; font-size: 16px; font-family: 'Rubik', sans-serif; border: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 12px 5px 0 5px; cursor: pointer;
}









.modal-gumbi { padding-top:24px;}
.booking-form input[type=submit]:hover {
     background: #A3C93F; 
}
.booking-form {
  width: 98%;
}
@media (min-width: 550px) {
  .booking-form {
    width: 100%;
  }
  .booking-form .group > label {
    float: left;
    width: 180px;
  }
  .booking-form .group > div {
    margin-left: 0px;
    padding-left: 0;
  }
}
.form-control { display: block; width: 100%; float: left; padding: 9px 9px 9px; font-family: 'Rubik', sans-serif; font-size:12px; margin: 12px 5px 0 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border:none;  }








#contact .form-control { height: 54px; padding: 15px 15px 15px; font-size:16px; margin: 12px 5px 0 5px;  border:1px solid #ddd; }







.form-control:focus {
  border-color: #abd242;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.form-control::-moz-placeholder {
  color: #767676;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #767676;
}
.form-control::-webkit-input-placeholder {
  color: #767676;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: #eeeeee;
  opacity: 1;
}
textarea.form-control {
  height: auto;
}
/* Helperi ********************************/
.hide { display: none !important; }
.show { display: block !important; }
.one-line { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.arrow-up { border-left-color: transparent; border-right-color: transparent; border-top-style: none; }
.arrow-down { border-left-color: transparent; border-right-color: transparent; border-bottom-style: none; }
.arrow-right { border-top-color: transparent; border-bottom-color: transparent; border-right-style: none; }
.arrow-left { border-top-color: transparent; border-bottom-color: transparent; border-left-style: none; }
.arrow { width: 0; height: 0; display: inline-block; vertical-align: middle; border-color: white; border-width: 5px; border-style: solid; }
.arrow.up { border-left-color: transparent; border-right-color: transparent; border-top-style: none; }
.arrow.down { border-left-color: transparent; border-right-color: transparent; border-bottom-style: none; }
.arrow.right { border-top-color: transparent; border-bottom-color: transparent; border-right-style: none; }
.arrow.left { border-top-color: transparent; border-bottom-color: transparent; border-left-style: none; }
/* Zamijeni slike */
.ir { background-color: transparent; border: 0; overflow: hidden; /* IE 6/7 fallback */ *text-indent: -9999px; }
.ir:before { content: ""; display: block; width: 0; height: 150%; }
/* Sakrij na tabletima i browserima */
.hidden { display: none !important; visibility: hidden; }
/* Sakrij vizualno i omoguci na tabletima */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
/* Sakrij na tabletima*/
.invisible { visibility: hidden; }
.clearfix:before,
.clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
/* IE 6/7 fix */
.clearfix { *zoom: 1; }

@media (min-width: 550px) {
	.booking-form { width: 100%; /* cursor: pointer; */ }
	.booking-form .group > label { float: left; width: 180px; }
	.booking-form .group > div { margin-left: 0px; padding-left: 0; }
}