*{
    font-family: "Montserrat",  sans-serif;
    
}

.carousel-inner{
    height: 500px;
    
}



.checkout-form label{
    font-size: 12px;
    font-weight: 700;
}

.checkout-form input{
    font-size: 14px;
    padding: 5px;
    font-weight: 400;
}

.order-details label{
    font-size: 12px;
    font-weight: 700;
}

.order-details div{
    font-size: 14px;
    padding: 5px;
}

.search-bar {
    width: 40%;
    margin-left: 8%;
    margin: auto;
    padding: 10px;
}
.search-bar:hover{
    transition: 0.5s;
    transform: scale(1.1);
}

.ui-menu{
    z-index: 3500 !important;
}


.nav-item{
    display: inline-block;
  position: relative;
  color: #0087ca;
  text-transform: uppercase;
}
.nav-item::after {
    content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #0087ca;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
  
}

.nav-item:hover:after{
    transform: scaleX(1);
  transform-origin: bottom left;
}


.zoom img {
    margin-bottom: 20px;
}

.zoom:hover img {
    transition: 0.4s;
    transform: scale(1.1);
    box-shadow: 0px 0px 18px -5px;
    
}



.footer {
    background-color:#E6B325;
    color: white;
    text-align: center;
    padding: 10px;
}



.sponzor{
    background-image: url(../../assets/images/slikabrand.jpg);
    background-size:     cover;                      
    background-repeat:   no-repeat;
    background-position: center center;
    height: 150px;
}

.divider:after,
.divider:before {
content: "";
flex: 1;
height: 1px;
background: #eee;
}
.h-custom {
height: calc(100% - 73px);
}
@media (max-width: 450px) {
.h-custom {
height: 100%;
}
}


.card:hover{
    transition: 0.5s;
    
}

.card h6{
    border: 0px solid;
    width:160px;
    padding:10px;
    background-color: white;
    color: black;
    text-align: center;
}

.card h6:hover{
    background-color: transparent;
    transition: 0.5s;
    color: white;
    border: 2px solid white;
}

.about{
    background-color: #292b2c;
    border-radius: 10%;
    padding-top: 10px;
    padding-bottom: 10px;
    background-size:     cover;                      
    background-repeat:   no-repeat;
    background-position: center center;
    height: 500px;
    cursor: pointer;
    color: #ecce83;
}

.about:hover{
    transition: 0.5s;
    transform: scale(1.1);
    background-color: transparent;
    color: #292b2c;
}

.faq{
    font-weight: bold;
}

.ikonice:hover{
    transition: 0.5s;
    transform: scale(2.0);
}

.try{
    background-color: #292b2c;
    padding-top: 10px;
    padding-bottom: 10px;
    background-size: cover;                      
    background-repeat:   no-repeat;
    background-position: center center;
    height: 700px;
    cursor: pointer;
    color: #ecce83;
   
}


.one{
    background-image: url(../../assets/img/slika23.jpg);
    padding-top: 10px;
    padding-bottom: 10px;
    background-size: cover;                      
    background-repeat:   no-repeat;
    background-position: center center;
    height: 700px;
    cursor: pointer;
    color: #292b2c;
    border-top-right-radius: 70%;
}





.container,
.container-fluid,
.container-sm,
.container-md,
.container-lg,
.container-xl {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.navbar .container,
.navbar .container-fluid, .navbar .container-sm, .navbar .container-md, .navbar .container-lg, .navbar .container-xl {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}


@media (max-width: 575.98px) {
    .navbar-expand-sm > .container,
    .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl {
      padding-right: 0;
      padding-left: 0;
    }
  }

  .navbar-expand-sm > .container,
  .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl {
    flex-wrap: nowrap;
  }

  @media (max-width: 767.98px) {
    .navbar-expand-md > .container,
    .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl {
      padding-right: 0;
      padding-left: 0;
    }
  }
  .navbar-expand-md > .container,
  .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl {
    flex-wrap: nowrap;
  }
  @media (max-width: 991.98px) {
    .navbar-expand-lg > .container,
    .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl {
      padding-right: 0;
      padding-left: 0;
    }
  }
  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl {
    flex-wrap: nowrap;
  }
  @media (max-width: 1199.98px) {
    .navbar-expand-xl > .container,
    .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl {
      padding-right: 0;
      padding-left: 0;
    }
  }

  .navbar-expand-xl > .container,
  .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl {
    flex-wrap: nowrap;
  }

  .navbar-expand > .container,
.navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl {
  padding-right: 0;
  padding-left: 0;
}
.navbar-expand > .container,
.navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl {
  flex-wrap: nowrap;
}

@media (max-width: 991.98px) {
    .container-fluid.nav-bar, .nav-bar.container-sm, .nav-bar.container-md, .nav-bar.container-lg, .nav-bar.container-xl {
      position: relative;
      background: #33211D;
    }
  }

  .container-fluid.nav-bar, .nav-bar.container-sm, .nav-bar.container-md, .nav-bar.container-lg, .nav-bar.container-xl {
    position: absolute;
    z-index: 9;
  }

  .reservation,
.page-header,
.offer,
.footer {
  background: linear-gradient(rgba(35, 29, 51, 0.9), rgba(19, 51, 147, 0.566)), url(../../assets/img/bussiness.jpg);
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
}

.card-about{
  font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-weight: bold;
  background: linear-gradient(rgba(240, 227, 113, 0.43), rgba(220, 226, 122, 0.356)), url(../../assets/img/pismo.jpg);
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
}

/*ovo je za korpu*/

.gradient-custom {
    /* fallback for old browsers */
    background: #ecce83;
    
    /* Chrome 10-25, Safari 5.1-6 */
    background: -webkit-linear-gradient(to top left, #ecce83, rgba(246, 243, 255, 1));
    
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    background: linear-gradient(to top left, #ecce83, rgba(246, 243, 255, 1))
    }

.card-cart{
  color:#efeded;
  background: linear-gradient(rgba(35, 29, 51, 0.9), rgba(19, 51, 147, 0.566)), url(../../assets/img/business2.jpg);
}

.natpis{
  color: #ffffff;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-bottom: 5px;
  background: linear-gradient(rgba(211, 136, 38, 0.9), rgba(174, 127, 16, 0.881));
  
}