body{
	font-family: 'Ubuntu', sans-serif;
	//font-family: 'Lato', sans-serif;
}
@media(min-width: 1216px){
  .navigacija{
    padding: 0px 5%;
  }
}
nav{
  top:22px !important;
}
@media(max-width: 503px){
  nav{
    top:44px !important;
  }
}
@media(max-width: 264px){
  nav{
    top:64px !important;
  }
}

.linkovi{
  position: fixed;
  background-color: rgba(250, 250, 250, 0.9);
  color: #f58220;
  width: 100%;
  z-index: 400;
}
.linkovi a{
  text-decoration: none;
  color: black !important;
  cursor: pointer;
  padding: 0px 5px;
}
.linkovi a:hover{
  color:#f58220 !important;
}
/*@media (max-width: 1093px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    
    .navbar-collapse.collapse.in { 
        display: block!important;
        overflow-y: auto !important;
    }
    .collapsing {
        overflow: hidden!important;
    }
}*/


.navbar, .dropdown-menu{
	background-color: rgba(250, 250, 250, 0.9) !important;
}
.navbar .dropdown-toggle{
  background-color: transparent !important;
}
.dropdown-menu >li >a{
  color: black !important;
}
.dropdown-menu >li >a:focus, .dropdown-menu >li > a:hover{
  background-color: transparent;
  color: #f58220 !important;
}
.dropdown-menu .divider{
  background-color: black;
}
.navbar-inverse .navbar-nav > li > a{
	color: black !important;
}
.navbar-inverse .navbar-nav > li > a:hover{
  color: #f58220 !important;;
}
.carousel-caption{
	background-color: rgba(0, 0, 0, 0.5);
	border-radius: 20px;
	bottom: 40px;
	/*bottom: auto;
	top:50%;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%); 
  -webkit-transform: translateY(-50%); */
  text-shadow: 1px 2px #000000;
  //font-weight: bold;
  font-size: 16px;
  max-height: 220px;
  overflow: auto;
  left:15%;
  right: 15%;
  padding-top: 0px;
  z-index: 200;
}

/*.carousel-caption::-webkit-scrollbar {
    width: 12px;
}
 
.carousel-caption::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.9); 
    border-radius: 10px;
}
 
.carousel-caption::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.9); 
}*/
.carousel-caption h2, .marketing{
	color: #f58220;
}
.orange{
  color: #f58220;
}

.carousel-indicators{
	bottom: 5px;
}
.carousel-indicators .active{
	background-color: #f58220;
}
.carousel-fade .carousel-inner .item {
  opacity: 0;
  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;
}

/*
  WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
  Need to override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}
.active-nav{
	border-top: 4px solid #f58220;
	//margin: 0px 2.5px;
	//border-bottom: 4px solid white;
}
.unactive-nav{
	border-top: 4px solid;
	border-color: transparent;
	//margin: 0px 2.5px;
	//border-bottom: 4px solid transparent;
}
.unactive-drop{
  border-left: 4px solid;
  border-color: transparent;
}
.navbar-brand{
	padding: 0px 15px;
	margin-right: 20px;
	max-width: 162px;
}
.flag{
  max-height: 15px;
}
.zastava{
  padding: 15px 15px 15px 0px !important;
}
.fullPage {
    width: 100%;
    min-height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
   // min-height: 800px;
    background-repeat: no-repeat;
    background-attachment: fixed;

}
.kontakt, .foto-galerija, .restoran, .okolina{
  color: white;
  padding-top: 90px;
}
.restoran h1, .okolina h1, .kontakt h1, .foto-galerija h1{
  text-shadow: -1px 3px 2px rgba(0, 0, 0, 1);
}


@media(min-height: 880px){
  .kontakt{
    padding-top: 200px;
  }
}
.mapa{
  padding: 30px 0px 0px 0px;

}
.adresa, .telefon, .email{
  font-size: 20px;
}
.email>a{
  color: white;
}
.strelica{
  margin:0 auto;
  max-width: 60px;
  position: absolute !important;
  bottom: 0px;
  right: 0px;
  cursor: pointer;

}
.conversion-box label{
  font-size: 22px;
  padding-top: 10px;
  color: white;
}
.conversion-box{
  margin-top:40px;
  margin-bottom:40px;
  padding-bottom: 30px;
  background-color: rgba(0, 0, 0, 0.5);
  border: 7px solid #f58220;
  border-top: 30px solid #f58220;
  border-top: 5px;
  border-bottom: 5px;
  border-radius: 5px;
  padding-top: 30px !important;
  /*opacity: 0.7;*/
}


.navigacijaMala{
  max-height: 25px;
  top:50px;
}
.rg-image img{
  max-height: 500px;
}
.rg-caption{
  color: white !important;
}
.video-galerija{
  //height: 350px;

}
.video-galerija iframe{
  //border:2px solid #f58220;
  border:2px solid white;
  -webkit-box-shadow: 0px 0px 17px 3px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 0px 17px 3px rgba(0,0,0,0.75);
  box-shadow: 0px 0px 17px 3px rgba(0,0,0,0.75);
}
.video-naslov{
  padding-bottom: 20px;
}
.videoKolona{
  margin-top: 40px;
  margin-bottom: 70px;
}
.footer{
    background-color: #E6E6E6;
    padding: 10px 12%;
    
}
.footer ul{
  list-style-type:none;
  padding: 0px;
}
.footer a{
  text-decoration: none !important;
  color: black !important;
  font-size: 16px !important;
}
.footer a:hover{
  color: #f58220 !important;
}

hr{
    border-color: #f58220;
}
.copy{
    padding: 10px;
    background-color: black;
    box-shadow: 0px -10px 5px -5px rgba(0,0,0,0.75);
    color: white;
}
.official{
  padding-bottom: 10px;
  margin: 0 auto;
}
.bk7VBIbvEfG{
  margin: 0 auto;
}
.text-restoran{
  margin-top: 20px;
  padding: 20px;
  background-color: rgba(0, 0, 0, 0.5);
}

//tabs
.tabovi{
    //width: 800px;
    margin: 0 auto;
    background-color: rgba(0, 0, 0, 0.5) !important;
    
    
}
ul.tabs{
    margin: 10px 0 0 0;
    padding: 0px;
    list-style: none;
    
}
ul.tabs li{
    background: none;
    color: white;
    display: inline-block;
    padding: 10px 15px;
    cursor: pointer;
}

ul.tabs li.aktivan{
    //background: #ededed;
    background: rgba(0, 0, 0, 0.8);
    color: white;
    border-bottom: 3px solid #f58220;
    //border-top: 3px solid #f58220;
    //border-radius: 5px;
}
    
.tab-content{
    display: none;
    //background: #ededed;
    //background: #E6E6E6;
    background: rgba(250, 250, 250, 0.8);
    color: black;
    padding: 15px;
    //border-radius: 5px;
}

.tab-content.aktivan{
    display: inherit;
}
#CDSWIDPER{
  display: table;
  margin: 0 auto !important;
}
#TA_certificateOfExcellence937, #TA_certificateOfExcellence959, #TA_certificateOfExcellence262{
  position: absolute;
    
  border-radius: 20px;
  bottom: 40px;
  /*bottom: auto;
  top:50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%); 
  -webkit-transform: translateY(-50%); */
  
  //font-weight: bold;
  font-size: 16px;
  max-height: 220px;
  overflow: auto;
  left:1%;
  right: 15%;
  padding-top: 0px;
  top: 20%;
  z-index: 200;
}