/* GANTRY5 DEVELOPMENT MODE ENABLED.
 *
 * WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!
 *
 * For more information on modifying CSS, please read:
 *
 * http://docs.gantry.org/gantry5/configure/styles
 * http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

@charset "UTF-8";
.g-feedback {
  margin-left: -0.938rem;
  margin-right: -0.938rem;
}
@media only all and (max-width: 47.99rem) {
  .g-feedback > .g-grid > .g-block {
    margin-bottom: 30px;
  }
  .g-feedback > .g-grid > .g-block:last-child {
    margin-bottom: 0;
  }
}
.g-feedback.style1 .g-content, .g-feedback-slider.style1 .g-content, .g-feedback-slideset.style1 .g-content {
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.g-feedback.style1 .g-feedback-text, .g-feedback-slider.style1 .g-feedback-text, .g-feedback-slideset.style1 .g-feedback-text {
  background: #ffffff;
  border: 1px solid #e9e9e9;
  padding: 20px;
  margin-bottom: 30px;
  position: relative;
  border-radius: 3px;
}
.g-feedback.style1 .g-feedback-text:before, .g-feedback-slider.style1 .g-feedback-text:before, .g-feedback-slideset.style1 .g-feedback-text:before {
  border-right: 17px solid transparent;
  border-top: 16px solid #e9e9e9;
  z-index: 1;
}
.g-feedback.style1 .g-feedback-text:after, .g-feedback-slider.style1 .g-feedback-text:after, .g-feedback-slideset.style1 .g-feedback-text:after {
  border-right: 15px solid transparent;
  border-top: 15px solid white;
  margin-left: 1px;
  margin-top: -1px;
  z-index: 2;
}
.g-feedback.style1 .g-feedback-text:before, .g-feedback.style1 .g-feedback-text:after, .g-feedback-slider.style1 .g-feedback-text:before, .g-feedback-slider.style1 .g-feedback-text:after, .g-feedback-slideset.style1 .g-feedback-text:before, .g-feedback-slideset.style1 .g-feedback-text:after {
  border-left: 0 solid transparent;
  content: "";
  height: 0;
  left: 60px;
  position: absolute;
  top: 100%;
  width: 0;
}
.g-feedback.style1 .g-user-image, .g-feedback-slider.style1 .g-user-image, .g-feedback-slideset.style1 .g-user-image {
  float: left;
  margin-right: 20px;
}
.g-feedback.style1 .g-user-image img, .g-feedback-slider.style1 .g-user-image img, .g-feedback-slideset.style1 .g-user-image img {
  border-radius: 0%;
  width: 70px;
}
.g-feedback.style1 .g-user-company a:hover, .g-feedback-slider.style1 .g-user-company a:hover, .g-feedback-slideset.style1 .g-user-company a:hover {
  color: #d0aa69;
  text-decoration: underline;
}
.g-feedback .uk-dotnav, .g-feedback-slider .uk-dotnav, .g-feedback-slideset .uk-dotnav {
  margin-left: 0;
}
.g-feedback.style2, .g-feedback-slider.style2, .g-feedback-slideset.style2 {
  text-align: center;
}
.g-feedback.style2 .g-content, .g-feedback-slider.style2 .g-content, .g-feedback-slideset.style2 .g-content {
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.g-feedback.style2 .g-feedback-text, .g-feedback-slider.style2 .g-feedback-text, .g-feedback-slideset.style2 .g-feedback-text {
  position: relative;
  font-size: 120%;
}
.g-feedback.style2 .g-feedback-separator, .g-feedback-slider.style2 .g-feedback-separator, .g-feedback-slideset.style2 .g-feedback-separator {
  margin: 20px auto;
  color: #d0aa69;
}
.g-feedback.style2 .g-feedback-separator i, .g-feedback-slider.style2 .g-feedback-separator i, .g-feedback-slideset.style2 .g-feedback-separator i {
  margin-right: 3px;
}
.g-feedback.style2 .g-feedback-separator i:last-child, .g-feedback-slider.style2 .g-feedback-separator i:last-child, .g-feedback-slideset.style2 .g-feedback-separator i:last-child {
  margin-right: 0;
}
.g-feedback.style2 .g-user-image, .g-feedback-slider.style2 .g-user-image, .g-feedback-slideset.style2 .g-user-image {
  display: inline-block;
  margin-bottom: 15px;
}
.g-feedback.style2 .g-user-image img, .g-feedback-slider.style2 .g-user-image img, .g-feedback-slideset.style2 .g-user-image img {
  border-radius: 50%;
  width: 70px;
}
.g-feedback.style2 .g-user-company a:hover, .g-feedback-slider.style2 .g-user-company a:hover, .g-feedback-slideset.style2 .g-user-company a:hover {
  color: #d0aa69;
  text-decoration: underline;
}
.g-feedback.style2 .uk-dotnav > li:first-child, .g-feedback-slider.style2 .uk-dotnav > li:first-child, .g-feedback-slideset.style2 .uk-dotnav > li:first-child {
  padding-left: 0;
}
.g-feedback .uk-dotnav, .g-feedback-slider .uk-dotnav, .g-feedback-slideset .uk-dotnav {
  margin-left: 0;
}
.g-feedback.style3, .g-feedback-slider.style3, .g-feedback-slideset.style3 {
  text-align: center;
}
.g-feedback.style3 .g-content, .g-feedback-slider.style3 .g-content, .g-feedback-slideset.style3 .g-content {
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.g-feedback.style3 .g-feedback-text, .g-feedback-slider.style3 .g-feedback-text, .g-feedback-slideset.style3 .g-feedback-text {
  position: relative;
  font-style: italic;
}
.g-feedback.style3 .g-feedback-separator, .g-feedback-slider.style3 .g-feedback-separator, .g-feedback-slideset.style3 .g-feedback-separator {
  margin: 20px auto;
  color: #d0aa69;
}
.g-feedback.style3 .g-feedback-separator i, .g-feedback-slider.style3 .g-feedback-separator i, .g-feedback-slideset.style3 .g-feedback-separator i {
  margin-right: 3px;
}
.g-feedback.style3 .g-feedback-separator i:last-child, .g-feedback-slider.style3 .g-feedback-separator i:last-child, .g-feedback-slideset.style3 .g-feedback-separator i:last-child {
  margin-right: 0;
}
.g-feedback.style3 .g-user-image, .g-feedback-slider.style3 .g-user-image, .g-feedback-slideset.style3 .g-user-image {
  display: inline-block;
  margin-bottom: 30px;
}
.g-feedback.style3 .g-user-image img, .g-feedback-slider.style3 .g-user-image img, .g-feedback-slideset.style3 .g-user-image img {
  border-radius: 50%;
  width: 130px;
}
.g-feedback.style3 .g-user-details, .g-feedback-slider.style3 .g-user-details, .g-feedback-slideset.style3 .g-user-details {
  margin-bottom: 15px;
}
.g-feedback.style3 .g-user-name, .g-feedback-slider.style3 .g-user-name, .g-feedback-slideset.style3 .g-user-name {
  text-transform: uppercase;
  letter-spacing: 2px;
}
.g-feedback.style3 .g-user-company a:hover, .g-feedback-slider.style3 .g-user-company a:hover, .g-feedback-slideset.style3 .g-user-company a:hover {
  color: #d0aa69;
  text-decoration: underline;
}
.g-feedback.style3 .uk-dotnav > li:first-child, .g-feedback-slider.style3 .uk-dotnav > li:first-child, .g-feedback-slideset.style3 .uk-dotnav > li:first-child {
  padding-left: 0;
}
.g-feedback .uk-dotnav, .g-feedback-slider .uk-dotnav, .g-feedback-slideset .uk-dotnav {
  margin-left: 0;
}
.g-places .image-bottom {
  margin-bottom: -4.063rem;
}
@media only all and (max-width: 47.99rem) {
  .g-places .image-bottom {
    margin-bottom: 0;
  }
}
.g-places img {
  width: 100%;
}
.g-places .g-places-container {
  position: relative;
}
.g-places .g-places-item-toggle {
  border: 4px solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  cursor: pointer;
  box-shadow: 0 20px 17px rgba(0, 0, 0, 0.5);
}
.g-places .g-places-item-toggle span {
  border-radius: 50%;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background: #d0aa69;
  color: #ffffff;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
}
.g-places .g-places-item-toggle:hover span {
  background: #dabc88;
}
.g-places .g-places-item {
  position: absolute;
}
@media only all and (max-width: 47.99rem) {
  .g-places .g-places-item {
    display: none !important;
  }
}
.g-places .g-places-item-content {
  background: #ffffff;
  border: none;
  border-radius: 3px;
  padding: 20px;
  color: #818181 !important;
}
.g-places .g-places-item-content strong {
  color: #818181 !important;
}
.g-places .uk-dropdown, .g-places .uk-dropdown-blank {
  z-index: 999;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
  margin-top: -10px;
  width: 320px;
}
.g-places .uk-dropdown:before, .g-places .uk-dropdown-blank:before {
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  left: 50%;
  margin-left: -15px;
  bottom: -3px;
  border-radius: 2px;
  background: #ffffff;
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.1);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.g-places .g-places-title {
  margin: 0;
}
.g-places .g-places-title a {
  color: #2a2a2a;
}
.g-places .g-places-title a:hover {
  color: #d0aa69;
}
.g-places .g-places-desc {
  margin-top: 10px;
}
.g-places .g-places-special {
  font-style: italic;
  float: left;
}
@media only all and (max-width: 30rem) {
  .g-places .g-places-special {
    float: none;
  }
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .g-places .g-places-special {
    float: none;
  }
}
.g-places .g-places-special i {
  margin-right: 5px;
}
.g-places .g-places-link {
  float: right;
  font-style: italic;
}
.g-places .g-places-link i {
  margin-left: 10px;
}
@media only all and (max-width: 30rem) {
  .g-places .g-places-link {
    float: none;
    margin-top: 5px;
  }
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .g-places .g-places-link {
    float: none;
    margin-top: 5px;
  }
}
.g-places .no-special .g-places-link {
  float: none;
}
.g-places .no-link .g-places-special {
  float: none;
}
.g-places .g-bottom-info {
  margin-top: 15px;
}
.g-places .g-places-slideset {
  display: none !important;
  margin-top: 40px;
}
.g-places .g-places-slideset.particle-image-bottom {
  margin-top: 0;
}
@media only all and (max-width: 47.99rem) {
  .g-places .g-places-slideset {
    display: block !important;
  }
}
.g-places .g-places-slideset .uk-slider-container {
  padding: 25px;
  margin: -25px;
}
.g-places .g-places-slideset .g-places-item-mobile {
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
}
.g-places .g-places-slideset .uk-dotnav > .uk-active > * {
  background: #d0aa69 !important;
}
.g-places.light-nav .uk-dotnav > * > * {
  background: rgba(255, 255, 255, 0.15);
}
.g-places.light-nav .uk-dotnav > * > *:hover {
  background: rgba(255, 255, 255, 0.4);
}
#g-afterbottom {
  background-color: #fffbf4;
}
#g-feature {
  background-color: #fffbf4;
}
#g-subfeature {
  background-color: #FFFFFF;
}
#g-top a {
  color: #D2AE71;
}
.g-logo img {
  margin-top: 15px;
}
.g-main-nav .g-toplevel > li .g-menu-item-content {
  font-size: 20px;
}
:target {
  scroll-margin-top: 160px;
}
@media (max-width: 767px) {
  /* Grid radiš na pravom wrapperu particlea */
  /* Intro (naslov/tekst/gumb) neka ide preko obje kolone */
  /* Ukloni Gantry "row" wrapper-e (oni ti rade 1-5, 6-10…) */
  /* Reset width/flex da Gantry ne gura čudne širine */
  .features-2col-mobile .g-features2-particle {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
  }
  .features-2col-mobile .g-features2-particle > .g-particle-intro {
    grid-column: 1 / -1;
  }
  .features-2col-mobile .g-features2-particle > .g-grid {
    display: contents;
  }
  .features-2col-mobile .g-features2-particle .g-block {
    width: auto !important;
    float: none !important;
    clear: none !important;
  }
}
@media (max-width: 768px) {
  /* Roditelj header reda */
  /* 1) Hamburger: fiksna klik zona 44x44 i lijevo */
  /* Ako je hamburger link/button unutra, neka ne “razvuče” zonu */
  /* 2) Logo: centriran i iznad normalnog sloja */
  #g-header .g-grid {
    position: relative;
    min-height: 90px;
    /* po potrebi */
  }
  .g-offcanvas-toggle {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10000;
  }
  .g-offcanvas-toggle a, .g-offcanvas-toggle button {
    display: flex;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
  }
  a.g-logo {
    position: absolute;
    left: 50%;
    top: 45%;
    transform: translate(-50%, -50%);
    margin: 0 !important;
    z-index: 2;
    width: max-content;
    max-width: calc(100% - 120px);
    /* da ne uđe u hamburger zonu */
    text-align: center;
  }
  a.g-logo img {
    display: block;
    max-width: 100%;
    height: auto;
  }
}
@media (max-width: 768px) {
  #g-touch .uk-modal-dialog .uk-close {
    left: 50% !important;
    right: auto !important;
    top: 0 !important;
    /* ovo je ključno */
    transform: translate(-50%, -50%) !important;
    z-index: 99999;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 50%;
    padding: 10px;
  }
}
.reduce-top1 {
  margin-top: -60px !important;
}
.g-places .g-places-item-toggle span {
  background: #f1d600;
  color: #887900;
}
/*# sourceMappingURL=custom_16.css.map */