/* UNIVERSAL */

.clear {clear:both; height:0px;}
.clear5 {clear:both; height:5px;}
.clear10 {clear:both; height:10px;}
.clear15 {clear:both; height:15px;}
.clear20 {clear:both; height:20px;}
.clear30 {clear:both; height:30px;}
.clear40 {clear:both; height:40px;}
.clear50 {clear:both; height:50px;}
.clear60 {clear:both; height:60px;}
.clear70 {clear:both; height:70px;}
.clear80 {clear:both; height:80px;}
.clear100 {clear:both; height:100px;}
.clear120 {clear:both; height:120px;}
.clear130 {clear:both; height:130px;}
.clear160 {clear:both; height:160px;}

body {
	font-family: "Poppins", sans-serif;
    color: #4a3f3f;
}

.body-pocetna {
	overflow-x: hidden;
}

a:hover {
	opacity: 0.8;
    text-decoration: none;
}

p {
    font-size: 1.12em;
    line-height: 1.7;
    color: #4a3f3f;
    margin: 0 0 24px;
}

h1, h2, h3, h4, h5, h6 {
    color: #c24a2d;
}

h1 {
    font-size: 5.2em;
    line-height: 1.3;
    margin: 0px 0 16px 0;
    text-transform: none;
    font-weight: bold;
    letter-spacing: normal;
}

h2 {
    font-size: 4.2em;
    line-height: 1.3;
    margin: 0 0 21px 0;
    letter-spacing: 0px;
    font-weight: bold;
}

h3 {
    font-size: 1.4em;
    font-weight: 700;
    letter-spacing: normal;
    line-height: 1.3;
    margin-bottom: 12px;
    text-transform: none;
}

h4 {
    font-size: 0.86em;
    font-weight: 300;
    line-height: 1.2;
    text-transform: uppercase;
    margin: 0 0 10px 0;
}

.relative {position:relative !important;}
.inline {display:inline !important;}
.block {display:block !important;}
.inline-block {display:inline-block !important;}

.whitetext {color:#fff !important;}
.noradi {border-radius:0 !important}

.righttoleft {text-align:right;}
.centertoleft {text-align:center;}

hr.hrfull {background:#ddd;}
.bigtar:hover {cursor:pointer;}

.glavna-tekst {}
.glavna-tekst img {max-width:100%; height:auto; display:inline-block;}

.cart5error .help-block {color:#d2322d;}
.error_message p {font-size:0.8em; color:#d2322d; margin: 0 0 10px;}
.success_message p {font-size:2em; font-weight:700; color:#67d187;}
.error_message_product p {font-size:0.8em; color:#d2322d;}
.success_message_product p {font-size:2em; font-weight:700; color:#67d187;}

h2.entry-title-index {font-weight:500;}
.glavna-tekst {}
.page-header .breadcrumb {color:#ddd;}

/* fix za blurry owl images */

.owl-carousel .owl-item img {transform-style:flat; -webkit-backface-visibility: hidden;}

/* Cookie skripta */

.cc-cookies {position:fixed; width: 100%; left: 0; bottom:0; padding: 10px 5%; background:#fff;background:rgba(255,255,255,.85); color: #110300; font-size: 12px; font-weight: 400; z-index: 99999; text-align: center; }
.cc-cookies a, .cc-cookies a:hover { color: #110300; text-decoration: underline; }
.cc-cookies a:hover { text-decoration: none; }
.cc-overlay { height: 100%; padding-top: 25%; }
.cc-cookies-error { float: left; width: 90%; text-align: center; margin: 1em 0 2em 0; background: #fff; padding: 2em 5%; border: 1px solid #ccc; font-size: 18px; color: #333; }
.cc-cookies a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset { display: inline-block; color: #fff; text-decoration: none; background: #7DAF3B; padding: 0.5em 0.75em; border-radius: 3px; box-shadow: 0 0 2px rgba(0,0,0,0.25); text-shadow: 0 -1px 0 rgba(0,0,0,0.35); -o-transition: background 0.5s ease-in; -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; }
.cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline { background: #af3b3b; margin-left: 0.5em; }
.cc-cookies a.cc-cookie-reset { background: #f15b00; }
.cc-cookies a:hover.cc-cookie-accept, .cc-cookies-error a:hover.cc-cookie-accept, .cc-cookies a:hover.cc-cookie-decline, .cc-cookies-error a:hover.cc-cookie-decline, .cc-cookies a:hover.cc-cookie-reset  { background: #000; -o-transition: background 0.5s ease-in; -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; }
.cc-cookies-error a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-decline { display: block; margin-top: 1em; }
.cc-cookies.cc-discreet { width: auto; padding: 0.5em 1em; left: auto; top: auto; }
.cc-cookies.cc-discreet a.cc-cookie-reset { background: none; text-shadow: none; padding: 0; text-decoration: underline; }
.cc-cookies.cc-discreet a:hover.cc-cookie-reset { text-decoration: none; }


/* Ovo je za videe embedane u wygwam, dodan je js plugin za wygwam koji oko videa automatski stavi div video-container */
.video-container {
	padding-top: 25px;
	padding-bottom: 50.5%;
	margin-bottom: 10px;
	position: relative;
	overflow: hidden;
	height: 0;
}

.video-container.vimeo {
	padding-top: 0;
	padding-bottom: 56.4%;
}

.video-container embed,
.video-container iframe,
.video-container object,
.video-container video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

p.uslugeboxtext {height:80px; padding:0 10px; overflow:hidden;}

.blockimg-right {padding-right:0 !important; float:right; margin-top:0px;}
.blockimg-left {padding-left:0 !important; margin-top: 0px;}

#cart-menu {display:inline;}

.product-nav-prev.disabled a {color:#ddd !important;}
.product-nav-next.disabled a {color:#ddd !important;}

.owl-proizvodi .owl-item, .owl-proizvodi2 .owl-item {opacity:0.5;}
.owl-proizvodi .owl-item.superactive, .owl-proizvodi2 .owl-item.superactive {opacity:1}

.input-quantity {width:50px;}
.store_product_out_of_stock {display:none;}
.store_product_in_stock {display:block;}
.btn-plusminus {width:34px; height:34px;}
.qty-dec-btn, .qty-inc-btn {padding:0; outline:0;}
.btn-remove {border:0; background:#fff;}

h3.product-sku, h3.product-mod {font-size: 12px; font-weight: 400; margin-bottom: 0; text-transform:none;}
h2.product-name {line-height: 20px; color: #000; font-weight: 700; font-size: 16px; margin: 0 0 3px;}
.product-price-td {min-width:100px;}
.product-subtotal-td {min-width:100px;}

input.pm-input + label + div {
  display: none;
}
input.pm-input:checked + label + div {
  display: block;
}
input.sm-input + label + div {
  display: none;
}
input.sm-input:checked + label + div {
  display: block;
}
.pm-table {width:100%;}
.pm-label {font-weight:bold; cursor: pointer; margin-left: 5px; margin-bottom: 0;}
.pm-desc-checked {
    min-height: 20px;
    padding: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: #f5f5f5;
    border: 1px solid #eaeaea;
    border-radius: 0;
}

.sm-table {width:100%;}
.sm-label {font-weight:bold; cursor: pointer; margin-left: 5px; margin-bottom: 0;}
.sm-desc-checked {
    min-height: 20px;
    padding: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: #f5f5f5;
    border: 1px solid #eaeaea;
    border-radius: 0;
}

.modal-content.popupproduct {
    border: none !important;
    box-shadow: none !important;
    background: transparent;
}

/* SPECIFIC */


.panel-box .panel-box-content {background:none;}
#forgpass-trigger {cursor:pointer}
#footer .footer-copyright nav {float:none}


.product-actions a.posaljiupit, .product-actions a.brzipregled, .product-actions button.posaljiupit, .product-actions button.brzipregled {
	font-size: 17px;
	height: 38px;
	width: 40px;
	line-height: 38px;
	background-color: transparent;
	visibility: hidden;
	opacity: 0;
}
.hide-addtolinks .product-actions a.posaljiupit, .hide-addtolinks .product-actions a.brzipregled, .hide-addtolinks .product-actions button.posaljiupit, .hide-addtolinks .product-actions button.brzipregled {
	display: none;
}
.product-actions a.posaljiupit, .product-actions button.posaljiupit {
	right: -37px;
	color: #ed4949;
	border: 1px solid #ed4949;
}
.product-actions a.posaljiupit:hover, .product-actions button.posaljiupit:hover {
	color: #fff;
	background-color: #ed4949;
}
.product:hover .product-actions a.posaljiupit, .product:hover .product-actions button.posaljiupit {
	visibility: visible;
	opacity: 1;
	right: 0;
}
.product-actions a.brzipregled, .product-actions button.brzipregled {
	left: -37px;
	color: #52b9b5;
	border: 1px solid #52b9b5;
}
.product-actions a.brzipregled:hover, .product-actions button.brzipregled:hover {
	color: #fff;
	background-color: #52b9b5;
}
.product:hover .product-actions a.brzipregled, .product:hover .product-actions button.brzipregled {
	visibility: visible;
	opacity: 1;
	left: 0;
}

.product-actions .add_to_cart {
	color: #333;
	background-color: #fff;
	font-size: 14px;
	padding: 0 10px 0 8px;
	height: 38px;
	line-height: 38px;
	border: 1px solid #ccc;
}
.product-actions .add_to_cart i {
	font-size: 15px;
	margin-right: 2px;
}
.product:hover .product-actions .add_to_cart {
	background-color: #3b3b3b;
	border-color: #3b3b3b;
	color: #fff;
}
.product-actions addtocart.outofstock {
	padding: 0 10px;
	cursor: default;
}
.product:hover .product-actions .add_to_cart.outofstock {
	color: #333 !important;
	background-color: #fff !important;
	border-color: #ccc !important;
}

.product.product-list .product-actions .add_to_cart {
	background-color: #3b3b3b;
	border-color: #3b3b3b;
	color: #fff;
}


.zoomContainer.fancy {z-index:10000}

@media (max-width: 767px) {
	.product-img-box2 {
		margin-bottom: 25px;
	}
}
.product-img-box2 img {
	display: block;
	width: 100%;
	height: auto;
}
.product-img-box2 .product-img-wrapper2 {
	margin-bottom: 2px;
}
.product-img-box2 .owl-carousel {
	margin-bottom: 0;
}
.product-img-box-wrapper2 {
	position: relative;
	margin-bottom: 10px;
}
.product-img-box-wrapper2 .product-img-zoom2 {
	position: absolute;
	right: 11px;
	bottom: 7px;
	z-index: 50;
}

.totals-table tbody tr td:nth-child(2) {min-width:140px;}
.shop-podnaslov {font-size:20px; font-weight:400; text-transform:none}
.cart-table tbody tr td.product-image-td a img {width:80px}
.cart-table-wrap {padding:20px;}
.totals-table tbody tr td {font-size:14px;}
.totals-table tbody tr:last-child td:last-child, .totals-table tbody tr:last-child td:first-child {font-size: 17px;}

.call-to-action-success {background-color: #dff0d8; border:1px solid #d6e9c6;}
.prikazujemo {width:100%; display:inline-block;}
.eebloqs p, .eebloqs h3, .eebloqs ul, .eebloqs ol {margin-bottom:20px !important;}

.hamburger {
    display: none;
}

html.sticky-header-active #header .header-nav-main nav > ul > li > a {
	color: #4a3f3f;
}

html.sticky-header-active #header .header-nav-main nav > ul > li > a {
    color: #4a3f3f;
}

#header .header-nav-main nav > ul > li > a {
	border-radius: 0px;
	font-size: 1.16em;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	padding: 10px 16px;
	text-transform: none;
	color: #4a3f3f;
}

html.sticky-header-active #header .header-nav-main nav > ul > li > a {
    color: #4a3f3f;
}

ul.nav-pills > li.active > a:hover, ul.nav-pills > li.active > a:focus {
    background-color: transparent !important;
	color: #c24a2d !important;
	font-weight: bold !important;
}

#header .header-nav-main nav > ul > li.open > a {
    background-color: transparent !important;
	color: #c24a2d !important;
	font-weight: bold !important;
}

#header .header-nav-main nav > ul > li:hover > a {
    background-color: transparent !important;
	color: #c24a2d !important;
	font-weight: normal !important;
}

#header .header-nav-main nav > ul.nav-pills > li.active > a {
    background-color: transparent !important;
	color: #c24a2d !important;
	font-weight: bold !important;
}

html:not(.sticky-header-active) #header.header-transparent .header-nav-main nav > ul > li:not(.active) > a {
	color: #4a3f3f;
}

#header .header-nav-main nav > ul > li.btn-izlagaci > a {
    background: #ffe36d;
    font-weight: 700;
    font-size: 0.96em;
    padding: 18px 24px 17px;
    margin-top: -6px;
}

#header .header-nav-main nav > ul > li.btn-izlagaci:hover > a {
    background-color: #ffe36d !important;
	color: #4a3f3f !important;
	font-weight: 700 !important;
}

#header .header-nav-main nav > ul > li.btn-izlagaci {
    margin-left: 20px;
}

#header .header-nav-main {
	margin: 10px 0 0;
}

#header .header-body {
	padding: 0px 0px;
	min-height: 100px;
}

#header .header-logo img {
    margin: 10px 15px 8px 0;
}

#slider-bg {
	position: relative;
	background: #f9f1e7;
	height: 820px;
	padding: 210px 0 0;
}

img.stain-large-gore {
	position: absolute;
	left: 0px;
	top: 0px;
}

img.stain-small-lijevo {
	position: absolute;
	left: 0px;
	top: 410px;
}

img.stain-small-desno {
	position: absolute;
	right: 0px;
	top: 10px;
	transform: rotate(180deg);
}

img.list-header-desno {
	position: absolute;
	right: 0px;
	top: 10px;
}

.icon-img-right img {
    position: absolute;
    right: 0px;
    top: 50px;
    max-width: 890px;
}

.box-timeline {
    background: #c24a2d;
    padding: 42px 46px 24px;
    margin-top: 50px;
    position: relative;
}

.box-timeline h3 {
    color: #fff;
    font-size: 2.6em;
    font-weight: bold;
    letter-spacing: normal;
    line-height: normal;
    margin-bottom: 12px;
    text-transform: none;
}

.box-timeline h5 {
	color: #fff;
}

.box-timeline h4 {
    color: #fff;
    font-size: 1.52em;
    font-weight: 300;
    line-height: 1.3;
    text-transform: none;
    margin: 0 0 10px 0;
}

#slider-bg h1 {
    color: #4a3f3f;
}

#slider-bg p {
    font-size: 1.4em;
    line-height: 1.7;
    color: #4a3f3f;
    margin: 0 0 21px;
    margin-right: 60px;
}

#onama-section {
	position: relative;
	padding: 110px 0 70px;
}

#onama-section img {
	padding-top: 190px;
}

.btn-secondary {
	color: #4a3f3f !important;
}

.btn-md {
    text-transform: none;
    padding: 18px 24px 17px;
    font-size: 1em;
    font-weight: bold;
    line-height: 1;
}

#program-section {
	position: relative;
    background: #f9f1e7;
    padding: 90px 0 70px;
}

.btn-desni {
	float: right;
    margin-top: 20px;
}

.event-program {
    padding: 30px;
    background-color: #f0e2cd;
    border-radius: 30px;
    box-sizing: border-box;
    color: #5e514a;
    margin-bottom: 30px;
}

.event-program-desno {
    background-color: #eae1db;
}

.event-program * {
    box-sizing: border-box;
}

.event-program__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding-bottom: 12px;
    margin-bottom: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.8);
}

.event-program__header h3 {
    margin: 0;
    color: #c94b30;
    font-size: 1.8em;
    font-weight: 700;
    line-height: 1.2;
}

.event-program__date {
    color: #574c49;
    font-size: 1.8em;
    font-weight: 400;
    white-space: nowrap;
}

.event-program__schedule {
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.event-program__item {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr);
    column-gap: 0;
    align-items: start;
    margin-bottom: 16px;
}

.event-program__time {
    color: #d64b31;
    font-size: 1em;
    line-height: 1.6;
    font-weight: 400;
    display: grid;
    justify-items: end;
    padding-right: 2px;
}

.event-program__description {
    color: #625750;
    font-size: 1em;
    line-height: 1.6;
    font-weight: 400;
    padding-left: 20px;
}

#novosti-section {
	position: relative;
    padding: 90px 0 50px;
}

.novosti-opis-gore {
	text-align: right;
}

.novosti-oko {
	margin-bottom: 30px;
    background: #f9f9f9;
    padding: 32px;
    border-radius: 32px;
}

.novosti-oko img {
	border-radius: 32px;
}

.featured-content {
	padding-top: 20px;
}

.btn-red-text {
	font-size: 0.92em;
	font-weight: 600;
}

.featured-content h5 {
	color: #4a3f3f;
    font-size: 0.76em;
    font-weight: normal;
    line-height: normal;
    margin: 0 0 10px 0;
}

.featured-content h3 {
    font-size: 1.16em;
    font-weight: bold;
    letter-spacing: normal;
    line-height: normal;
    margin-bottom: 10px;
    text-transform: none;
    height: 50px;
    overflow: hidden;
}
.featured-content h3 a {
	color: #4a3f3f;
}

.featured-content p {
    font-size: 0.92em;
    line-height: normal;
    color: #1b1d1e;
    margin: 0 0 16px;
}

#galerija-section {
	position: relative;
    padding: 10px 0 30px;
}

.galerija-layout {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-template-rows: 246px 262px 262px;
    gap: 10px;
    width: 100%;
}

/* NASLOV */

.galerija-layout h2 {
    grid-column: 1 / 8;
    grid-row: 1;
    align-self: center;
    padding-right: 20px;
}

/* SLIKE */

.galerija-slika {
    position: relative;
    display: block;
    overflow: hidden;
    min-width: 0;
    min-height: 0;
    width: 100%;
    height: 100%;
}

.galerija-slika img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.galerija-slika:hover img {
    transform: scale(1.05);
}

/* PRVA SLIKA */

.galerija-slika:nth-of-type(1) {
    grid-column: 1 / 5;
    grid-row: 2;
}

/* DRUGA SLIKA */

.galerija-slika:nth-of-type(2) {
    grid-column: 5 / 8;
    grid-row: 2;
}

/* TREĆA SLIKA */

.galerija-slika:nth-of-type(3) {
    grid-column: 1 / 4;
    grid-row: 3;
}

/* ČETVRTA SLIKA */

.galerija-slika:nth-of-type(4) {
    grid-column: 4 / 8;
    grid-row: 3;
}

/* PETA SLIKA - DESNA VELIKA */

.galerija-slika:nth-of-type(5) {
    grid-column: 8 / 13;
    grid-row: 1 / 4;
}

/* SVE OSTALE SLIKE */

.galerija-slika:nth-of-type(n+6) {
    display: none;
}

/* HOVER EFEKT */

.galerija-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.25);
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.galerija-overlay i {
    color: #fff;
    font-size: 28px;
}

.galerija-slika:hover .galerija-overlay {
    opacity: 1;
}

#izlagaci-section {
	position: relative;
    padding: 90px 0 50px;
}

.izlagaci-naslovna {
	background: #1e3326;
    text-align: center;
    padding: 90px 50px 90px;
    border-radius: 90px;
}

.container-fluid-full {
	width: 1440px;
}

.izlagaci-naslovna h2 {
	color: #ffe36d;
}

.izlagaci-naslovna p {
	color: #fff;
}

.izlagaci-naslovna-zatvoreno h2 {
	color: #c24a2d;
}

#footer.short {
    padding-top: 0px;
}

#footer {
    background: #f9f9f9;
    border-top: 0px solid #0e0e0e;
    font-size: 0.9em;
    margin-top: 10px;
    padding: 70px 0 0;
    position: relative;
    clear: both;
}

#footer .container .row > div {
    margin-bottom: 0px;
}

#footer p {
    font-size: 1.16em;
    line-height: 1.8;
    color: #4a3f3f;
    margin: 0 0 16px;
}

#footer p small {
    font-size: 0.82em;
    font-weight: normal;
    color: #c24a2d;
    line-height: 2.6;
    text-transform: uppercase;
}

.footer-lijevo {
	padding: 70px 0 30px;
}

.footer-lijevo h3 {
    font-size: 4.2em;
    line-height: 1.3;
    margin: 0 0 21px 0;
    letter-spacing: 0px;
    font-weight: bold;
    color: #c24a2d;
}

#footer h3 {
    color: #c24a2d;
}

#footer a {
    color: #4a3f3f;
}

p.copy-foot {
	font-size: 0.82em !important;
}

.map-section {
    position: absolute;
    width: 800px;
    height: 700px;
    overflow: hidden;
    right: 0px;
    bottom: 0px;
}

.map-content {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.map-shape {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 55%;
    z-index: 2;
    pointer-events: none;
}

.map-shape path {
    fill: #c4482e;
}

img.list-desno {
    position: absolute;
    right: -310px;
    opacity: 0.2;
    bottom: -240px;
}

img.list-lijevo {
    position: absolute;
    left: -340px;
    opacity: 0.2;
    transform: rotate(180deg) !important;
    top: 0px;
}

/* HERO IMAGE ZOOM */

#slider-bg .icon-img-right img {
    animation: heroZoom 9s ease-in-out infinite alternate;
    will-change: transform;
}

@keyframes heroZoom {
    from { transform: scale(1); }
    to { transform: scale(1.07); }
}


/* SCROLL REVEAL */

.js-reveal {
    opacity: 0;
    transform: translateY(35px);
    transition: opacity .8s ease, transform .8s cubic-bezier(.2,.7,.2,1);
}

.js-reveal.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.js-reveal-left {
    opacity: 0;
    transform: translateX(-45px);
    transition: opacity .9s ease, transform .9s ease;
}

.js-reveal-left.is-visible {
    opacity: 1;
    transform: translateX(0);
}

.js-reveal-right {
    opacity: 0;
    transform: translateX(45px);
    transition: opacity .9s ease, transform .9s ease;
}

.js-reveal-right.is-visible {
    opacity: 1;
    transform: translateX(0);
}


/* O SAJMU - IMAGE REVEAL */

#onama-section img {
    transition: transform 1s cubic-bezier(.2,.7,.2,1);
}

#onama-section img.is-visible {
    transform: scale(1);
}


/* PROGRAM */

.event-program__item {
    transition: transform .35s ease, background-color .35s ease;
}

.event-program__item:hover {
    transform: translateX(8px);
}


/* NOVOSTI */

.novosti-oko {
    transition: transform .4s ease, box-shadow .4s ease;
}

.novosti-oko:hover {
    transform: translateY(-9px);
    box-shadow: 0 18px 40px rgba(0,0,0,.12);
}

.novosti-oko .featured-around {
    overflow: hidden;
    border-radius: 32px;
}

.novosti-oko .featured-around img {
    transition: transform .7s cubic-bezier(.2,.7,.2,1);
}

.novosti-oko:hover .featured-around img {
    transform: scale(1.07);
}

.novosti-oko h3 a {
    transition: color .3s ease;
}

.novosti-oko .btn-red-text i {
    display: inline-block;
    transition: transform .3s ease;
}

.novosti-oko .btn-red-text:hover i {
    transform: translateX(6px);
}


/* GALERIJA */

.galerija-slika {
    overflow: hidden;
}

.galerija-slika img {
    transition: transform .7s cubic-bezier(.2,.7,.2,1);
}

.galerija-slika:hover img {
    transform: scale(1.08);
}

.galerija-overlay {
    transition: opacity .4s ease;
}


/* IZLAGACI */

.izlagaci-btn .btn {
    transition: transform .3s ease, box-shadow .3s ease;
}

.izlagaci-btn .btn:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0,0,0,.15);
}


/* DEKORATIVNI LISTOVI */

#novosti-section .list-desno,
#galerija-section .list-lijevo {
    animation: leafFloat 8s ease-in-out infinite;
}

@keyframes leafFloat {
    0%, 100% { transform: translateY(0) rotate(0deg); }
    50% { transform: translateY(-15px) rotate(3deg); }
}

/* CUSTOM GALLERY CURSOR */

.gallery-custom-cursor {
    position: fixed;
    top: 0;
    left: 0;
    width: 75px;
    height: 75px;
    border-radius: 50%;
    background: #a83232;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
    pointer-events: none;
    z-index: 99999;
    opacity: 0;
    transform: translate(-50%, -50%) scale(.5);
    transition: opacity .25s ease, transform .25s ease;
}

.gallery-custom-cursor.active {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}

@media (hover: hover) and (pointer: fine) {
    #galerija-section .galerija-slika {
        cursor: none;
    }
}

/* ==========================================
   CINEMATIC VIDEO POPUP
========================================== */

.video-floating-trigger {
    position: fixed;
    right: 70px;
    bottom: 15px;
    z-index: 9990;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 22px 10px 10px;
    border: 0;
    border-radius: 50px;
    background: #a83232;
    color: #fff;
    cursor: pointer;
    box-shadow: 0 8px 30px rgba(0,0,0,.2);
    transition: all .35s ease;
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
}

.video-floating-trigger.is-visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.video-floating-trigger:hover {
    background: #852626;
    transform: translateY(-4px);
}

.video-trigger-icon {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #fff;
    color: #a83232;
    font-size: 14px;
    padding-left: 3px;
}

.video-trigger-text {
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
}


/* POPUP */

.cinema-popup {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px;
    visibility: hidden;
    opacity: 0;
    transition: opacity .45s ease, visibility .45s ease;
}

.cinema-popup.is-open {
    visibility: visible;
    opacity: 1;
}

.cinema-popup-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(12,12,12,.92);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}


/* CONTENT */

.cinema-popup-content {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 1100px;
    opacity: 0;
    transform: scale(.88) translateY(30px);
    transition: opacity .55s ease, transform .65s cubic-bezier(.2,.8,.2,1);
}

.cinema-popup.is-open .cinema-popup-content {
    opacity: 1;
    transform: scale(1) translateY(0);
}


/* HEADER */

.cinema-header {
    text-align: center;
    margin-bottom: 25px;
    color: #fff;
}

.cinema-eyebrow {
    display: block;
    color: #d49b65;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 4px;
    margin-bottom: 12px;
}

.cinema-header h2 {
    color: #fff;
    font-size: 38px;
    font-weight: 700;
    margin: 0;
}


/* VIDEO */

.cinema-video-wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: 8px;
    background: #000;
    box-shadow: 0 20px 80px rgba(0,0,0,.5);
    line-height: 0;
}

.cinema-video-wrapper video {
    display: block;
    width: 100%;
    max-height: 65vh;
    aspect-ratio: 16 / 9;
    object-fit: contain;
    background: #000;
}


/* CLOSE BUTTON */

.cinema-close {
    position: absolute;
    top: -12px;
    right: -12px;
    z-index: 5;
    width: 46px;
    height: 46px;
    border: 2px solid rgba(255,255,255,.5);
    border-radius: 50%;
    background: #a83232;
    cursor: pointer;
    transition: transform .3s ease, background .3s ease;
}

.cinema-close:hover {
    transform: rotate(90deg);
    background: #852626;
}

.cinema-close span {
    position: absolute;
    width: 19px;
    height: 2px;
    background: #fff;
    left: 11px;
    top: 20px;
}

.cinema-close span:first-child {
    transform: rotate(45deg);
}

.cinema-close span:last-child {
    transform: rotate(-45deg);
}


/* FOOTER */

.cinema-footer {
    display: flex;
    justify-content: space-between;
    color: rgba(255,255,255,.55);
    font-size: 10px;
    letter-spacing: 2px;
    margin-top: 17px;
}


/* MOBILE */

@media (max-width: 767px) {

    .cinema-popup {
        padding: 15px;
    }

    .cinema-header h2 {
        font-size: 25px;
    }

    .cinema-eyebrow {
        font-size: 9px;
        letter-spacing: 2px;
    }

    .cinema-video-wrapper {
        border-radius: 4px;
    }

    .cinema-video-wrapper video {
        max-height: 55vh;
    }

    .cinema-close {
        width: 38px;
        height: 38px;
        top: -18px;
        right: -5px;
    }

    .cinema-close span {
        left: 9px;
        top: 16px;
        width: 16px;
    }

    .cinema-footer {
        font-size: 8px;
        letter-spacing: 1px;
    }

    .video-floating-trigger {
        right: 15px;
        bottom: 15px;
    }

}


/* REDUCED MOTION */

@media (prefers-reduced-motion: reduce) {
    .cinema-popup,
    .cinema-popup-content,
    .video-floating-trigger,
    .cinema-close {
        transition: none !important;
    }
}

html .scroll-to-top {
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s;
    background: #404040;
    border-radius: 7px 7px 0 0;
    bottom: 0;
    color: #FFF;
    display: block;
    height: 10px;
    opacity: 0;
    padding: 6px 0px 30px;
    position: fixed;
    right: 15px;
    text-align: center;
    text-decoration: none;
    border-radius: 32px 32px 0 0 !important;
    min-width: 40px;
    z-index: 1040;
}

.page-header {
    background-color: #f9f1e7;
    border-bottom: 0px solid #CCC;
    border-top: 0px solid #384045;
    margin: 0 0 35px 0;
    min-height: 390px;
    height: auto;
    padding: 160px 0 60px;
    position: relative;
    overflow: hidden;
    text-align: left;
}

.wave-separator {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 100px;
    z-index: 2;
    line-height: 0;
    pointer-events: none;
}

.wave-separator svg {
    display: block;
    width: 100%;
    height: 100%;
}

.wave-to-white path {
    fill: #ffffff;
}

.wave-to-cream path {
    fill: #f8f1e7;
}

.page-header h1 {
    border-bottom: 0px solid #CCC;
    display: block;
    padding: 0 0 0px;
    position: relative;
    font-size: 5.2em;
    line-height: 1.3;
    margin: 0px 0 16px 0;
    text-transform: none;
    font-weight: bold;
    letter-spacing: normal;
    color: #4a3f3f;
}

.page-header .breadcrumb {
    color: #4a3f3f;
}

.page-header .breadcrumb {
    background: none;
    margin: 0 0 0px 0px;
    padding: 0;
    position: relative;
    z-index: 1;
    text-align: left;
}

.page-header .breadcrumb > li {
    display: inline-block;
    font-size: 0.82em;
    text-transform: none;
    text-shadow: none;
}

.page-header img.stain-small-desno {
    position: absolute;
    top: -130px;
}

.page-header img.list-header-desno {
    position: absolute;
    right: 00px;
    top: -10px;
    height: 800px;
}

.breadcrumb {
    padding: 8px 0px;
    margin-bottom: 0px;
    list-style: none;
    background-color: transparent;
    border-radius: 0px;
    text-align: center;
}

#o-sajmu-page{
    --sajam-red:#C24A2D;
    --sajam-yellow:#ffe36d;
    --sajam-green:#1e3326;
    --sajam-cream:#F0E2CD;
    --sajam-white:#fff;
    font-family:"Poppins",sans-serif;
    color:var(--sajam-green);
    overflow:hidden;
    background:#fff;
}
#o-sajmu-page .sajam-label{display:inline-block;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--sajam-red);margin-bottom:18px;}
#o-sajmu-page .sajam-btn{display:inline-block;background:var(--sajam-yellow);color:var(--sajam-green);font-size:12px;font-weight:700;letter-spacing:.5px;padding:15px 25px;border-radius:3px;text-decoration:none;transition:all .3s ease;}
#o-sajmu-page .sajam-btn:hover{background:var(--sajam-red);color:#fff;transform:translateY(-3px);}
#o-sajmu-page .sajam-section{position:relative;padding:100px 0;}
#o-sajmu-page .sajam-container{position:relative;z-index:2;}
#o-sajmu-page .sajam-intro{position:relative;background:var(--sajam-cream);padding:85px 0 115px;overflow:hidden;}
#o-sajmu-page .sajam-intro-text{font-size:17px;line-height:1.8;color:#59645a;max-width:620px;}
#o-sajmu-page .sajam-intro-note{margin-top:35px;display:flex;align-items:center;gap:15px;font-size:12px;font-weight:600;color:var(--sajam-green);}
#o-sajmu-page .sajam-intro-note:before{content:"";display:block;width:40px;height:2px;background:var(--sajam-red);}
#o-sajmu-page .sajam-intro-decoration{position:absolute;right:-65px;top:50px;width:440px;height:440px;border:1px solid rgba(194,74,45,.2);border-radius:48% 52% 65% 35%;transform:rotate(-25deg);}
#o-sajmu-page .sajam-intro-decoration:before{content:"";position:absolute;inset:35px;border:1px solid rgba(194,74,45,.2);border-radius:55% 45% 35% 65%;}
#o-sajmu-page .sajam-intro-decoration:after{content:"";position:absolute;width:170px;height:280px;right:75px;top:70px;background:rgba(194,74,45,.12);border-radius:100% 0 100% 0;transform:rotate(35deg);}
#o-sajmu-page .sajam-intro-wave{position:absolute;bottom:-1px;left:0;width:100%;height:65px;display:block;}
#o-sajmu-page .sajam-intro-wave path{fill:#fff;}
#o-sajmu-page .sajam-story{padding:30px 0 50px;}
#o-sajmu-page .sajam-story-image{position:relative;min-height:390px;background:var(--sajam-cream);border-radius:3px;overflow:hidden;}
#o-sajmu-page .sajam-story-image:before{content:"";position:absolute;width:280px;height:280px;border:35px solid rgba(194,74,45,.12);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);}
#o-sajmu-page .sajam-story-image:after{content:"SIR  •  MED  •  VRGANJI";position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);text-align:center;font-size:15px;font-weight:700;letter-spacing:3px;color:var(--sajam-red);}
#o-sajmu-page .sajam-story-content{padding:25px 0 20px 45px;}
#o-sajmu-page .sajam-story-content p{margin-bottom:18px;}

#o-sajmu-page .sajam-stat {
    text-align: center;
    min-height: 70px;
    padding: 10px 10px;
}

#o-sajmu-page .sajam-stat{text-align:center;padding:15px 10px;border-right:1px solid rgba(255,255,255,.18);}
#o-sajmu-page .sajam-stat:last-child{border-right:0;}

#o-sajmu-page .sajam-stat strong {
    display: block;
    font-family: "Poppins", sans-serif;
    font-size: 3.2em;
    font-weight: 700;
    line-height: 1;
    color: #ffe36d;
    white-space: nowrap;
}

#o-sajmu-page .sajam-stats {
    background: var(--sajam-green);
    padding: 20px 0 16px;
}

#o-sajmu-page .sajam-stat span{display:block;margin-top:10px;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:#fff;}
#o-sajmu-page .sajam-values{background:#faf7f1;padding:100px 0;}
#o-sajmu-page .sajam-section-heading{text-align:center;max-width:700px;margin:0 auto 55px;}
#o-sajmu-page .sajam-section-heading p{max-width:600px;margin:0 auto;}
#o-sajmu-page .sajam-value-card{height:100%;background:#fff;padding:35px 30px;border-radius:3px;transition:all .3s ease;min-height:245px;}
#o-sajmu-page .sajam-value-card:hover{transform:translateY(-7px);box-shadow:0 15px 35px rgba(30,51,38,.08);}
#o-sajmu-page .sajam-value-number{font-size:12px;font-weight:700;color:var(--sajam-red);letter-spacing:2px;margin-bottom:25px;}
#o-sajmu-page .sajam-value-card h3{font-size:20px;font-weight:700;color:var(--sajam-green);margin:0 0 15px;}
#o-sajmu-page .sajam-value-card p{font-size:13px;line-height:1.8;margin:0;}
#o-sajmu-page .sajam-history{padding:100px 0 120px;background:#fff;}
#o-sajmu-page .sajam-timeline{position:relative;max-width:950px;margin:70px auto 0;}
#o-sajmu-page .sajam-timeline:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:var(--sajam-cream);transform:translateX(-50%);}
#o-sajmu-page .sajam-timeline-item{position:relative;width:50%;padding:0 55px 65px 0;}
#o-sajmu-page .sajam-timeline-item:nth-child(even){margin-left:50%;padding:0 0 65px 55px;}
#o-sajmu-page .sajam-timeline-dot{position:absolute;right:-8px;top:10px;width:16px;height:16px;border:4px solid #fff;background:var(--sajam-red);border-radius:50%;box-shadow:0 0 0 2px var(--sajam-red);z-index:2;}
#o-sajmu-page .sajam-timeline-item:nth-child(even) .sajam-timeline-dot{right:auto;left:-8px;}
#o-sajmu-page .sajam-timeline-card{background:#faf7f1;padding:30px 32px;border-radius:3px;position:relative;transition:all .3s ease;}
#o-sajmu-page .sajam-timeline-card:hover{transform:translateY(-5px);box-shadow:0 12px 30px rgba(30,51,38,.08);}
#o-sajmu-page .sajam-timeline-year{font-size:34px;line-height:1;font-weight:700;color:var(--sajam-red);margin-bottom:18px;}
#o-sajmu-page .sajam-timeline-card h3{font-size:18px;font-weight:700;color:var(--sajam-green);margin:0 0 12px;}
#o-sajmu-page .sajam-timeline-card p{font-size:13px;line-height:1.8;margin:0;}
#o-sajmu-page .sajam-timeline-tag{display:inline-block;margin-top:18px;padding:7px 10px;background:var(--sajam-yellow);font-size:9px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--sajam-green);}
#o-sajmu-page .sajam-quote{position:relative;background:var(--sajam-red);padding:85px 0;text-align:center;overflow:hidden;}
#o-sajmu-page .sajam-quote:before{content:"“";position:absolute;left:8%;top:-80px;font-family:Georgia,serif;font-size:300px;color:rgba(255,255,255,.08);line-height:1;}
#o-sajmu-page .sajam-quote blockquote{position:relative;max-width:850px;margin:0 auto;border:0;padding:0;color:#fff;font-size:27px;line-height:1.6;font-weight:600;}
#o-sajmu-page .sajam-quote small{display:block;margin-top:25px;color:var(--sajam-yellow);font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;}
#o-sajmu-page .sajam-today{padding:100px 0;background:#faf7f1;}
#o-sajmu-page .sajam-today-box{background:#fff;padding:50px 45px;height:100%;}
#o-sajmu-page .sajam-today-box h3{font-size:23px;line-height:1.4;font-weight:700;color:var(--sajam-green);margin:0 0 20px;}
#o-sajmu-page .sajam-today-box p{font-size:14px;}
#o-sajmu-page .sajam-today-highlight{background:var(--sajam-green);color:#fff;padding:50px 45px;height:100%;position:relative;overflow:hidden;}
#o-sajmu-page .sajam-today-highlight:after{content:"";position:absolute;width:220px;height:220px;border:1px solid rgba(255,255,255,.2);border-radius:50%;right:-70px;bottom:-100px;}
#o-sajmu-page .sajam-today-highlight h3{font-size:25px;line-height:1.4;font-weight:700;color:var(--sajam-yellow);margin:0 0 20px;}
#o-sajmu-page .sajam-today-highlight p{color:rgba(255,255,255,.8);font-size:14px;}
#o-sajmu-page .sajam-cta{position:relative;background:var(--sajam-cream);padding:85px 0;text-align:center;overflow:hidden;}
#o-sajmu-page .sajam-cta h2{max-width:700px;margin:0 auto 20px;}
#o-sajmu-page .sajam-cta p{max-width:600px;margin:0 auto 30px;}
#o-sajmu-page .sajam-reveal{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease;}
#o-sajmu-page .sajam-reveal.is-visible{opacity:1;transform:translateY(0);}
#o-sajmu-page .sajam-reveal-left{opacity:0;transform:translateX(-30px);transition:opacity .7s ease,transform .7s ease;}
#o-sajmu-page .sajam-reveal-left.is-visible{opacity:1;transform:translateX(0);}
#o-sajmu-page .sajam-reveal-right{opacity:0;transform:translateX(30px);transition:opacity .7s ease,transform .7s ease;}
#o-sajmu-page .sajam-reveal-right.is-visible{opacity:1;transform:translateX(0);}

/* Animirana brojka unutar strong elementa */
#o-sajmu-page .sajam-stat strong .sajam-counter{
    display:inline;
    font-size:inherit;
    font-weight:inherit;
    line-height:inherit;
    letter-spacing:inherit;
    color:inherit;
    margin:0;
    padding:0;
    text-transform:none;
}

#o-sajmu-page .sajam-stat > span {
    display: block;
    margin-top: 12px;
    font-size: 0.82em;
    font-weight: 500;
    line-height: 1.7;
    letter-spacing: 0px;
    text-transform: none;
    color: #fff;
}

#kontakt-page{
    --red:#C24A2D;
    --yellow:#ffe36d;
    --green:#1e3326;
    --cream:#F0E2CD;
    font-family:"Poppins",sans-serif;
    color:var(--green);
    overflow:hidden;
    background:#fff;
}

#kontakt-page h1 b {
	color: rgb(194, 74, 45);
}

#kontakt-page h2{font-size:38px;line-height:1.25;font-weight:700;color:var(--green);margin:0 0 20px;}
#kontakt-page .kontakt-label{display:inline-block;font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--red);margin-bottom:18px;}
#kontakt-page .kontakt-container{position:relative;z-index:2;}
#kontakt-page .kontakt-intro{position:relative;background:var(--cream);padding:75px 0 105px;overflow:hidden;}
#kontakt-page .kontakt-breadcrumb{font-size:11px;font-weight:600;color:#7b806f;margin-bottom:35px;}
#kontakt-page .kontakt-breadcrumb a{color:var(--red);text-decoration:none;}
#kontakt-page .kontakt-breadcrumb span{padding:0 9px;color:#aaa18e;}
#kontakt-page .kontakt-decoration{position:absolute;right:-80px;top:35px;width:400px;height:400px;border:1px solid rgba(194,74,45,.2);border-radius:48% 52% 65% 35%;transform:rotate(-25deg);}
#kontakt-page .kontakt-decoration:before{content:"";position:absolute;inset:35px;border:1px solid rgba(194,74,45,.2);border-radius:55% 45% 35% 65%;}
#kontakt-page .kontakt-decoration:after{content:"";position:absolute;width:150px;height:260px;right:75px;top:65px;background:rgba(194,74,45,.12);border-radius:100% 0 100% 0;transform:rotate(35deg);}
#kontakt-page .kontakt-wave{position:absolute;bottom:-1px;left:0;width:100%;height:65px;}
#kontakt-page .kontakt-wave path{fill:#fff;}
#kontakt-page .kontakt-info{padding:75px 0 45px;}
#kontakt-page .kontakt-info-card{display:flex;align-items:flex-start;gap:18px;padding:25px 15px;border-bottom:1px solid #eee9e0;height:100%; min-height: 126px;}
#kontakt-page .kontakt-info-icon{width:48px;height:48px;min-width:48px;border-radius:50%;background:var(--cream);display:flex;align-items:center;justify-content:center;color:var(--red);font-size:20px;}
#kontakt-page .kontakt-info-card h3{font-size:15px;font-weight:700;color:var(--green);margin:3px 0 9px;}
#kontakt-page .kontakt-info-card p{font-size:12px;line-height:1.8;margin:0;}
#kontakt-page .kontakt-info-card a{color:var(--green);text-decoration:none;transition:color .2s;}
#kontakt-page .kontakt-info-card a:hover{color:var(--red);}
#kontakt-page .kontakt-main{padding:30px 0 0px;}

#kontakt-page .kontakt-form-box {
    background: #f0e2cd;
    padding: 45px 45px 50px;
    border-radius: 32px;
}

#kontakt-page .kontakt-form-box>p{margin-bottom:30px;}
#kontakt-page .kontakt-form-placeholder{background:#fff;padding:25px;border:1px dashed #d7c9b5;color:#777;font-size:13px;line-height:1.8;}
#kontakt-page .kontakt-side{padding:35px 0 30px 35px;}
#kontakt-page .kontakt-side-item{display:flex;gap:13px;margin-top:25px;align-items:flex-start;}
#kontakt-page .kontakt-side-item strong{display:block;font-size:12px;color:var(--green);margin-bottom:5px;}
#kontakt-page .kontakt-side-item span{font-size:0.92em;line-height:1.7;}
#kontakt-page .kontakt-side-number{font-size:0.92em;font-weight:700;color:var(--red);letter-spacing:1px;}

#kontakt-page .kontakt-form-box h3, #kontakt-page .kontakt-side h3 {
	font-size: 1.8em;
    color: #4a3f3f;   
}

.form-control {
    display: block;
    width: 100%;
    height: 48px;
    padding: 6px 16px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #4a3f3f;
    background-color: #f9f1e7;
    background-image: none;
    border: 1px solid #eae1db;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075);
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-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;
}

.page-header h1 b {
	color: #c94b30;
}