html {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    background: #e9cec8;
    color: #666;
}
.uk-card-primary.uk-card-body .uk-navbar-nav>li>a, .uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-nav>li>a, .uk-card-secondary.uk-card-body .uk-navbar-nav>li>a, .uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-nav>li>a, .uk-light .uk-navbar-nav>li>a,  .uk-navbar-nav>li>a, .uk-overlay-primary .uk-navbar-nav>li>a, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a, .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a, .uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a, .uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a {
    color: rgb(255, 255, 255);
}
.font-bold {
  font-weight: bold;
}
.uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, .uk-heading-2xlarge, .uk-heading-large, .uk-heading-medium, .uk-heading-small, .uk-heading-xlarge, h1, h2, h3, h4, h5, h6 {
    margin: 0 0 20px 0;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-weight: 400;
    color: #383746;
    text-transform: none;
}
.uk-table-striped tbody tr:nth-of-type(odd), .uk-table-striped>tr:nth-of-type(odd) {
    background: #e8bfb5;
    /* border-top: 1px solid #e5e5e5; */
    /* border-bottom: 1px solid #e5e5e5; */
}
.uk-section-default {
  background: rgb(240,207,196);
  background: linear-gradient(180deg, rgba(240,207,196,1) 0%, rgba(254,246,233,1) 100%);
}
.uk-section-default-small {
  background: rgb(240,207,196);
}
.uk-background-secondary {
    background-color: #e0bbb3;
}
/* .uk-button-default {
      background-color: #f1d1c6;
      color: #65524d;
      border: 1px solid #bf9d95;
} */
.price_red {
  color: #FF5722;
  font-size: 25px;
}
.price-gold {
    color: #e0bbb3;
    font-size: 20px;
}
.bt-01 {
    border-top: 4px solid #e0bbb3;
    border-bottom: 1px solid #e9cec8;
    border-left: 1px solid #e9cec8;
}
.bt-02 {
    border-bottom: 2px solid #e0bbb3;
}
.uk-section-secondary {
    background: #e0bbb3;
}
.uk-button-secondary {
    background-color: #383746;
    color: #fff;
    border: 1px solid transparent;
}
.text-gold {
    color: #e9cec8 !important;
    font-size: 16px !important;
}
.uk-offcanvas-bar {
    position: absolute;
    top: 0;
    bottom: 0;
    left: -375px;
    box-sizing: border-box;
    /* width: 270px; */
    padding: 50px 50px;
    background: #f0d0c5;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.meni_levo_no {
    font-family: 'Frank Ruhl Libre', serif;
    font-weight: 400;
    background: rgb(124,119,130);
    background: linear-gradient(90deg, rgba(56, 55, 70, 0.85) 0%, rgba(197,186,203,1) 100%);
    padding: 15px;
    /* text-transform: uppercase; */
    color: #edb9ae !important;
    font-size: 24px;
    box-shadow: -3px 5px 8px rgba(115, 95, 88, 0.31);
}
.meni_levo_no:hover {
    font-family: 'Frank Ruhl Libre', serif;
    font-weight: 400;
    background: rgb(124,119,130);
    background: linear-gradient(270deg, rgba(124,119,130,1) 0%, rgba(197,186,203,1) 100%);
    padding: 15px;
    /* text-transform: uppercase; */
    color: #524e56 !important;
    font-size: 24px;
    text-decoration: none;
}



.meni_levo {
    font-family: 'Frank Ruhl Libre', serif;
    font-weight: 400;
    background: rgb(124,119,130);
    background: linear-gradient(90deg, rgba(56, 55, 70, 0.85) 0%, rgba(197,186,203,1) 100%);
    padding: 15px;
    /* text-transform: uppercase; */
    color: #edb9ae !important;
    font-size: 24px;
    box-shadow: -3px 5px 8px rgba(115, 95, 88, 0.64);
}
.meni_levo a{
    color: #edb9ae !important;
    text-decoration: none;
}
.meni_levo a:hover{
    color: #59535e !important;
    text-decoration: none;
}
.meni_levo:hover {
    font-family: 'Frank Ruhl Libre', serif;
    font-weight: 400;
    background: rgb(124,119,130);
    background: linear-gradient(270deg, rgba(124,119,130,1) 0%, rgba(197,186,203,1) 100%);
    /* padding: 15px; */
    /* text-transform: uppercase; */
    color: #524e56 !important;
    font-size: 24px;
    text-decoration: none;
}

.akcija {
  color: #524e56 !important;
  background: rgb(124,119,130);
  background: linear-gradient(270deg, rgb(237 185 174) 0%, rgb(237 185 174) 100%);
}
.akcija:hover {
  color: #edb9ae !important;
  background: rgb(124,119,130);
  background: linear-gradient(90deg, rgba(56, 55, 70, 0.85) 0%, rgba(197,186,203,1) 100%);
}


.uk-button-default {
  background-color: transparent;
  color: #634e49;
  border-color: #bf9d95;
}
.uk-button-default2 {
  /* background-color: #f1d1c6; */
    color: #F44336;
    border: 1px solid #F44336;
}
.uk-button-default2:focus, .uk-button-default2:hover {
    background-color: transparent;
    color: #634e49;
    border-color: #bf9d95;
}
.uk-text-primary {
    color: #8c716b!important;
}
.uk-button-default:focus, .uk-button-default:hover {
  background-color: #f1d1c6;
  color: #735b55;
  border: 1px solid #bf9d95;
}
.uk-offcanvas-overlay::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: none !important;
    opacity: 0;
    transition: opacity .15s linear;
}
.uk-button-secondary:focus, .uk-button-secondary:hover {
    background-color: #d0aea7;
    color: #fff;
}
em {
    color: #56413c;
}
.pl-60 {
  padding-left: 70px!important;
}
.pt-50 {
  padding-top: 50px;
}
.pb-50 {
  padding-bottom: 50px;
}
.pt-75 {
  padding-top: 75px;
}
.pt-150 {
  padding-top: 150px;
}
.pb-75 {
  padding-bottom: 75px;
}
.pb-150 {
  padding-bottom: 150px;
}
.m1 {
  margin: 1%;
}
.w16 {
  width: 16%;
}
.m2 {
  margin: 2%;
}
.m3 {
  margin: 3%;
}
.txt-primary {
  color:#383746!important;
}
/* .uk-child-width-1-4\@m>* {
    width: 24%;
} */
.color-red {
  color: red!important;
}
.bgd-col-gold {
    background: #f3e3e0;
    padding: 20px;
}
@media screen and (max-width: 800px) {
  .pl-60 {
    padding-left: 15px!important;
  }
}