body { width: 100%; height: 100%; font-family: Lora,"Helvetica Neue",Helvetica,Arial,sans-serif; color: #fff; background-color: #000; }
html { width: 100%; height: 100%; }

a { color: #42dca3; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
a:hover, a:focus { text-decoration: none; color: #1d9b6c; }

.carousel, .item, .active { height:100%; }
.carousel-inner { height:100%; }
.carousel { margin:0 }
.carousel-caption { z-index: 10; }
.carousel .item { background-color: #777; }
.carousel .carousel-inner .bg { background-repeat:no-repeat; background-size:cover; }
.carousel .carousel-inner .bg1 { background-image:url(../images/bg1.jpg); background-position: center top; }
.carousel .carousel-inner .bg2 { background-image:url(../images/bg2.jpg); background-position: center top; }
.carousel .carousel-inner .bg3 { background-image:url(../images/bg3.jpg); background-position: center top; }
.carousel .carousel-inner .bg4 { background-image:url(../images/bg4.jpg); background-position: center top; }
.carousel .carousel-inner .bg5 { background-image:url(../images/bg5.jpg); background-position: center top; }
.carousel-caption { top:23%; right: 20%; left: 20%; padding-bottom: 30px; }
.carousel-indicators { bottom: 200px; padding-left:25px; }
.carousel-indicators li { display: inline-block; width: 15px; height: 15px; margin: 7px; text-indent: -999px; cursor: pointer; background-color: #876a14; border: 0px solid #fff; border-radius: 10px; }
.carousel-indicators .active { width: 15px; height: 15px; margin: 7px; background-color: #febe1b; } 
.carousel .carousel-control { background: none; border: none; top: 45%; }

.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}
#transparencija { position:absolute; top:0; width: 100%; height: 133px; padding: 0; text-align: center; color: #fff; background: url(../images/transparencija.png) repeat-x top left; z-index:99999999; border-bottom:1px solid #febe1b;}
#logo { position:absolute; top: 40px; float:none; padding-left:70px; text-align: center;  z-index:99999999;}
.naziv { float:none; margin:0px auto; text-align: center; }
.sadrzaj { margin-top:20px; font-size:15px;}
.btn-circle { width: 300px; height: 82px; margin-top: 25px; padding: 9px 16px; border: 1px solid #febe1b; font-size: 13px; color: #fff; background: 0 0; -webkit-transition: background .3s ease-in-out; -moz-transition: background .3s ease-in-out; transition: background .3s ease-in-out; }
.btn-circle:hover, .btn-circle:focus { outline: 0; color: #fff; background: rgba(255,255,255,.1); }
.btn { border-radius: 0; text-transform: uppercase; font-family: Lora,"Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: 400; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.btn-default { background:#000; padding:8px 12px; color: #fff; border:0; outline:0;}
ul.banner-social-buttons { position:absolute; bottom: 20px; left:47%; right:0%;padding:0; z-index:999999999999999999999999999; }

/******************************************* Lomi ga bejbe ********/
@media(max-width:767px) {
	
	#logo { top: 10px; padding-left:70px; width:62%; }
	ul.banner-social-buttons li { display: none; left:10px; top:10px; margin-bottom: -50px; padding: 0; }
	.btn-circle { width: 100%; height: 82px; margin-top: 0px; font-size:10px;}
	.sadrzaj { margin-top:0; font-size:12px;}
}
/* Kontakt ********************************/
.lead a i { font-size:40px;}
.modal { overflow: hidden; text-align: center; }
.modal-dialog { position:relative; top:100px; z-index:99999999999999999999999999999999999999999999; }
.modal-body { padding: 20px 0 0 0; }
.label { padding: .2em .6em .3em; font-size: 15px; line-height: 1; color: #7e7e7e; }
#form-content .modal-dialog  { width:300px; margin: 0 auto;  padding-left:27px;}
.alert { padding: 30px; }
.kontakt { font-size:14px; line-height:20px; color:#c49a6c; padding:8px 32px; }
.kontakt i { padding-right:10px; }
.modal-open .modal { overflow-x: hidden; overflow-y: auto; z-index: 999999999999999999999;}
#form-loading { text-align: center; position: absolute; top: -170px; left:-26px; bottom: 0; width: 100%; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); opacity: 0.5; z-index: 1000;  }
#form-loading i { font-size: 70px; }
#form-message { text-align:center; font-weight:600; font-size:16px; padding:20px; color: #777; }
.group { *zoom: 1; -webkit-transition: all ease .2s; transition: all ease .2s; border-left: 4px solid #fff; padding: 10px 0; }
.group:before, .booking-form .group:after { content: " "; display: table; }
.group:after { clear: both; }
.modal-header h2 { font-size:16px; color: #777;}
.group > label { padding-left: 15px; padding-top: 5px; color: #7e7e7e; font-size: 15px; display: block; }
.group > label.empty { display: block; height: 1px; padding: 0; margin: 0; }
.group > div { padding: 0 15px; }
.group > div.addon-right { position: relative; padding-right: 50px; }
.group > div.addon-right > i { position: absolute; right: 25px; top: 9px; z-index: 999; color: #7e7e7e; }
.error-message { font-size: 14px; font-weight:600; color: #ff0000 !important; padding: 5 0 5px 0; text-align:left;}
.group.active { background: #f6f6f6; border-left-color: #40C2FF; -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.03); box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.03); }
input[type=submit] { border: 1px solid #aaa; font-size: 15px; background: #ddd; margin-right:10px; color: #fff; padding: 4px 6px; text-transform: uppercase; font-weight: normal; display:inline-block; }
input[type=submit]:hover { background: transparent; color: #ddd; }
.btn-cancel{ border: 1px solid #aaa; font-size: 15px; background: #ddd; color: #fff; padding: 4px 6px; text-transform: uppercase; font-weight: normal; display:inline-block; }
.btn-cancel:hover { background: transparent; color: #ddd; }
.form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; margin-bottom: 8px; font-size: 14px; line-height: 1.428571429; color: #7e7e7e; 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; }
.form-control:focus { border-color: #66afe9; 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: #aaa; opacity: 1; }
.form-control:-ms-input-placeholder { color: #aaa; }
.form-control::-webkit-input-placeholder { color: #aaa; }
.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; }

/******************************************* Lomi ga bejbe ********/
@media (max-width: 767px) {
	.carousel-inner .active.left { left: -100%; }
	.carousel-inner .next        { left:  100%; }
	.carousel-inner .prev		 { left: -100%; }
	.active > div { display:none; }
	.active > div:first-child { display:block; }
}
@media (min-width: 767px) and (max-width: 992px ) {
	.carousel-inner .active.left { left: -50%; }
	.carousel-inner .next        { left:  50%; }
	.carousel-inner .prev		 { left: -50%; }
	.active > div { display:none; }
	.active > div:first-child { display:block; }
	.active > div:first-child + div { display:block; }
}
@media (min-width: 992px ) {
	.carousel-inner .active.left { left: -25%; }
	.carousel-inner .next        { left:  25%; }
	.carousel-inner .prev		 { left: -25%; }	
}
@media (min-width: 550px) {
	.booking-form { width: 100%; }
	.booking-form .group > label { float: left; width: 180px; }
	.booking-form .group > div { margin-left: 180px; padding-left: 0; }
}

::-moz-selection { text-shadow: none; background: #fcfcfc; background: rgba(255,255,255,.2);}
::selection { text-shadow: none; background: #fcfcfc; background: rgba(255,255,255,.2);}
img::selection { background: 0 0;}
img::-moz-selection { background: 0 0;}
body { webkit-tap-highlight-color: rgba(255,255,255,.2);}