:root {
    --theme-color: #cb2f31; /*ed2224*/
    --alt-color: #ed2224;
    --black-color: #101010;
    --heading-color: #1f1e1c;
    --paragraph-color: #575757/*535353*/;
    --paragraph-light-color: #777575;
    --soft-gray: #b3b3b3;
    --light-gray: #f5f4f2;
    --plum-color: #C8BABD;
    --quince-color: #e5b428;
    --apricot-color: #e88544;
    --vine-color: #d2b44f;
    --base-font: "Manrope", sans-serif;
    --title-font: "Catamaran", sans-serif;
    --slogan-font: "Noka";
    --paragraph-font-size: 15px;
    --normal-spacing: 50px;
    --normal-center-spacing: 30px 0px;
    --normal-center-spacing-60: 60px 0px;
    --normal-center-spacing-80: 80px 0px;
    --normal-right-padding: 80px;
    --normal-left-padding: 80px;
    --normal-right-margin: 50px;
    --normal-left-margin: 50px;
    --theme-transition: all .3s ease-in-out;
}

html, body, p, li, a {font-size: 17px;}
body {font-family: var(--base-font); position: relative; color: var(--paragraph-color);}
body:has(.navigation-fixed-wrapper.fixed):before {opacity: 0;}

#loader-wrapper {/*background: rgb(51 43 51 / 98%);*/ background: linear-gradient(313deg, rgb(51 43 51), #000000f0);}
.loader-11:after {border-color: transparent transparent var(--theme-color) var(--theme-color);}

h1, h2, h3, h4, h5, h6 {font-family: var(--title-font); font-weight:500; color:var(--heading-color); line-height: 1.1;}
h1 {font-size:44px;}
h2 {font-size:40px;}
h3 {font-size:32px;}
h4 {font-size:24px;}
h5 {font-size:22px;}
h6 {font-size:18px;}
p {margin:0 0 15px; color:var(--paragraph-color);}
a, svg {color: var(--paragraph-color); -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; }
a:focus, a:hover {color: inherit; text-decoration: none;}
a:hover {color: var(--theme-color);}
strong {color: var(--heading-color)}
.overlay:before, .overlay-after:after {content: ''; position: absolute; height: 100%; width: 100%; top: 0; left: 0;}
.bottom--1 {bottom: -1px;}
.gray-section-bg {background-color: #afafaf1c;}

.base-font {font-family: var(--base-font)}
.title-font {font-family: var(--title-font)}
.slogan-font {font-family: var(--slogan-font)}

.theme-button {position: relative; display: inline-flex; background-color: var(--theme-color); color: #fff; padding: 16px 34px 16px 54px; overflow: hidden; border: 0; outline: 0}
.theme-button:before {content: ''; position: absolute; left:0; top: 0; background-color: var(--black-color); height: 100%; width: 0; opacity: 0; transition: var(--theme-transition);}
.theme-button span {position: relative; z-index: 1; color: #fff;}
.theme-button:after {content: ''; background: url(../images/motiv2-vert.svg) no-repeat center center / cover; position: absolute; left: -7px; top: 0; width: 40px; height: 100%;
    opacity: .6; filter: invert(1); display: block;}
.theme-button:hover:before {width: 100%; opacity: 1;}
.theme-button-alt {background-color: var(--black-color);}
.theme-button-alt:before {background-color: var(--theme-color);}

.theme-list li {position: relative; display: flex; align-items: center; line-height: 1.4; white-space: pre-wrap;}
.theme-list li:before {content: ''; position: relative; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 583.3 583.3' fill='%23cb2f31' style='enable-background:new 0 0 583.3 583.3' xml:space='preserve'%3E%3Cpath d='M195.7 497.8c-3.4-.1-6.7-.9-9.7-2.3-3-1.4-5.8-3.5-8-6L11.4 322.8c-3.2-2.1-5.8-4.8-7.8-8.1-2-3.2-3.2-6.9-3.5-10.7-.3-3.8.2-7.6 1.5-11.1s3.5-6.7 6.2-9.3c2.8-2.6 6.1-4.5 9.7-5.7 3.6-1.1 7.4-1.4 11.2-.9 3.7.6 7.3 2 10.4 4.1 3.1 2.1 5.7 5 7.6 8.3l149 148 349-348c4.7-3 10.3-4.4 15.9-3.9 5.6.5 10.8 2.9 14.9 6.7 4.1 3.8 6.7 8.9 7.6 14.5.8 5.5-.2 11.2-3 16.1L213.4 489.5c-2.2 2.5-4.9 4.6-8 6-3 1.4-6.3 2.2-9.7 2.3z'/%3E%3C/svg%3E");
    display: inline-flex; width: 20px; height: 20px; margin-right: 12px;}


/* core override */
header .navigation-portrait .nav-toggle {height: 50px;}


.section-title {color: var(--theme-color); margin-bottom: 16px;}
.section-subtitle, .section-subtitle a {font-size: 21px; line-height: 1.3; font-family: 'Catamaran'; font-weight: 300; color: var(--heading-color);}
.section-subtitle a:hover {color: var(--theme-color);}
.section-subtitle strong {font-weight: 600;}
.section-padding {padding: 48px 0;}

.theme-separator {background: url(../images/motiv2.svg) no-repeat center / 200px; height: 50px; opacity: .1;}

.no-events {pointer-events: none;}

header { position: relative; height: 100%; z-index: 100; }
header .container { margin: auto; }
header .nav-logo img {width:200px; transition: width 0.3s ease-in-out;}

header .nav-menu > li > a {font-size: 18px; text-shadow: 0 0 20px #fff0; display: flex; align-items: center;}
header .submenu-indicator {margin-top: 0;}
header .nav-menu > li > a:hover {color: var(--theme-color); text-shadow: 0 0 20px #fff8;}
header .nav-menu > li.submenu:hover > a, header .nav-menu > li.focus > a {color: var(--alt-color); text-shadow: none;}
header .nav-menu > li.submenu:hover > a .submenu-indicator, header .nav-menu > li.focus > a .submenu-indicator {transform: rotate(180deg); margin-top: 4px;}
header .nav-menu > li.submenu:hover > a .submenu-indicator-chevron, header .nav-menu > li.focus > a .submenu-indicator-chevron {border-color: var(--alt-color);}


header .megamenu-panel {background: transparent; border-top: 0; padding: 90px 0;}
header .megamenu-panel a {border: 1px solid transparent; position: relative;}
header .megamenu-panel a > img {width: 60px; height: 60px;}
header .megamenu-panel a > img, header .megamenu-panel a > span {transition: var(--theme-transition);}


header .navigation-portrait .nav-menus-wrapper {display: flex; flex-direction: column;}
header .navigation-portrait .nav-menus-wrapper-close-button {padding-top: 8px; margin-left: auto;}
header .navigation-portrait .megamenu-panel .col-12:last-child a {border-bottom: none;}
header .navigation-portrait .nav-menus-logo {width: 50%;}
header .navigation-portrait .mobile-instagram {width: 32px; height: 32px; margin-right: 26px; fill: var(--theme-color);}


@media screen and (min-width: 992px){
    header .megamenu-panel a > span {display: inline-block; color: #fff; font-size: 22px; font-family: var(--slogan-font); letter-spacing: 1px; z-index: 1;}
    header .megamenu-panel a > img {width: 90px; height: 120px; filter: invert(1) sepia(2);}
    header .submenu-about .megamenu-panel a > img {filter: none; width: 120px;}
    header .megamenu-panel:before, header .megamenu-panel:after {content: ''; position: absolute; left: 0; background: url(../images/motiv-horizontal.svg) repeat-x left center / contain;
        height: 70px; width: 100%; opacity: .2; filter: invert(1);}
    header .megamenu-panel:before {top: 0;}
    header .megamenu-panel:after {top: auto; bottom: 0; transform: scaleY(-1);}

    header .megamenu-panel a:hover > img {transform: scale(1.3);}
    header .megamenu-panel a:hover > span {transform: translateY(20px);}
    
    header .submenu-language .megamenu-panel li .dropdown-item.disabled, header .submenu-language .megamenu-panel li .dropdown-item:disabled {color: #818181; position: relative;}
    header .submenu-language .megamenu-panel li a {color: #fff;}
    header .submenu-language .megamenu-panel li a:hover {background: transparent; color: var(--theme-color);}

    header .dark-logo {width: 0; opacity: 0; visibility: hidden; pointer-events: none; transition: none; display: flex; position: absolute; top: 13px;}

    header .navigation-fixed-wrapper.fixed:before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: .5;
        background-image: url(../images/bg/main-bg-soft.webp);}
    header .navigation-fixed-wrapper.fixed .dark-logo {opacity: 1; visibility: visible; pointer-events: auto; width: 150px; transition: all .5s ease-in-out;}


    header .navigation-fixed-wrapper.fixed .megamenu-panel {padding: 50px 0;}
    header .navigation-fixed-wrapper.fixed .megamenu-panel:before {background: url(../images/bg/main-bg-soft-50.webp); width: 300vw; left: -100vw; height: 100%; opacity: 1; filter: none;box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;}
    header .navigation-fixed-wrapper.fixed .megamenu-panel a > span {color: var(--heading-color);}
    header .navigation-fixed-wrapper.fixed .megamenu-panel a > img {filter: sepia(2); width:150px; transition: var(--theme-transition);}
    header .navigation-fixed-wrapper.fixed .submenu-about .megamenu-panel a > img {filter: none; width: 120px;}
    header .navigation-fixed-wrapper.fixed .submenu-language .megamenu-panel li a {color: var(--theme-color);}
    header .navigation-fixed-wrapper.fixed .submenu-language .megamenu-panel:after {display: none;}
    header .navigation-fixed-wrapper.fixed .submenu-language .megamenu-panel li .dropdown-item.disabled, header .navigation-fixed-wrapper.fixed .submenu-language .megamenu-panel li .dropdown-item:disabled {color: #b3b3b3;}


}

.page-intro {min-height: 400px;}
.page-intro:after {content: ''; position: absolute; bottom: -1px; left: 0; width: 100%; height: 40px;
    background: url("data:image/svg+xml,%3Csvg viewBox='0 0 2000 50' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='m0 12.653 15.625-.143 15.625 1.423 15.625-1.368 15.625.808 15.625 1.67 15.625.653 15.625 3.975 15.625.37 15.625-1.912 15.625 3.234 15.625-1.523 15.625-3.323 15.625-2.953 15.625 1.013 15.625 3.239 15.625.97 15.625 1.248 15.625-1.763 15.625 1.363 15.625.534 15.625-.368 15.625-.989 15.625 2.587L375 22.555l15.625.753 15.625-.656 15.625 2.226 15.625-.516 15.625 2.044 15.625-1.09 15.625-3.22L500 19.758l15.625 3.802 15.625-.868 15.625 1.155 15.625.232 15.625-2.227 15.625-1.455 15.625 2.723L625 22.836l15.625 1.453 15.625-3.627 15.625.16L687.5 18.68l15.625.32 15.625.82 15.625-1.684L750 19.23l15.625-.237 15.625-1.743 15.625-1.82 15.625 3.398 15.625-2.9 15.625.953 15.625-1.609L875 12.753l15.625-.502 15.625 2.675 15.625.602 15.625-3.246 15.625 1.882 15.625-3.335 15.625.468 15.625.553 15.625-1.966 15.625 1.445 15.625-.397 15.625 1.548 15.625.276 15.625-1.476 15.625 2.764 15.625.139 15.625.037 15.625-2.783 15.625-.1 15.625 1.725 15.625 3.877 15.625 1.93 15.625 1.404 15.625-.918 15.625 1.576 15.625-2.147 15.625-1.305 15.625-2.637 15.625 2.365 15.625 1.414 15.625-.245 15.625-.093 15.625-3.026 15.625.981 15.625-2.102 15.625 2.65 15.625.305 15.625 3.848 15.625-.23 15.625.364 15.625 3.364 15.625-1.772 15.625.002 15.625 4.21 15.625.758 15.625.173 15.625.733 15.625-.878 15.625-3.644 15.625 1.246 15.625.335 15.625-.663 15.625 1.78 15.625 2.503 15.625-3.09L1750 27.466l15.625 1.659 15.625 3.483 15.625 1.261 15.625-1.262 15.625-2.717 15.625-1.622 15.625-1.037L1875 29.66l15.625-2.253 15.625.1 15.625 1.243 15.625 1.058 15.625-2.594 15.625-.925 15.625.774L2000 25.649V50H0Z'%3E%3C/path%3E%3C/svg%3E") no-repeat center center / cover;
}
.page-intro .parallax-bg {top: 0; left: 0; width: 100%; height: 150%; background: var(--black-color) url(../images/footer-bg3.jpg) no-repeat center / cover; will-change: transform;}
.page-intro .parallax-bg:before {background: #000a;}

.page-intro .center-title {padding-top: 41px;}
.page-intro .center-title h1 {color: #fff; font-family: var(--slogan-font);}
.page-intro .center-title .section-subtitle {color: #ffffff8a; font-weight: 300;}

.page-intro .page-intro-bar {height: 100px;}
.page-intro .page-intro-bar img {height: 100px; width: auto; z-index: 2;}


.breadcrumb li, .breadcrumb li > a {font-size: 13px; text-transform: uppercase; color: var(--bs-gray-500); position: relative; line-height: 1; white-space: nowrap;}
.breadcrumb li > a:hover {color: var(--theme-color);}
.breadcrumb li:after {content: ''; position: absolute; right: -14px; top: calc(50% - 4px); width: 4px; height: 4px; background: var(--theme-color); display: inline-block;}
.breadcrumb li:last-child:after {display: none;}



main:before {background: url(../images/bg/main-bg-soft.webp); background-position: top left; z-index: -1; /*opacity: .2;*/ pointer-events: none;}
main:after {background: linear-gradient(180deg, #ffffff, transparent); height: 200px!important; z-index: -1;}

.home-intro {height: 75vh; overflow: hidden;}
.home-intro .intro-pecat {width: 400px; height: auto; bottom: 0; left: -65px; /*opacity: .5;*/ z-index: -1; filter: contrast(1.3);}
.home-intro:before {background: url(../images/intro-sketch.png); background-repeat: no-repeat; background-size: cover; background-position: center center; opacity: .5;}
.home-intro:after {background: #e1e0dfad; background: linear-gradient(180deg, #00000061, #0000001f); pointer-events: none;}
.home-intro .intro-text {text-shadow: 0 0 20px #0000001f;}
.home-intro .intro-text:before {background: url(../images/motiv2-vert.svg) no-repeat right center / contain; left: auto; right: calc(100% + 10px); filter: invert(1); max-height: 60%;}
.home-intro .intro-text h1 {font-family: var(--slogan-font); font-size: 44px; line-height: 1.1; font-weight: 500;}
.home-intro .intro-text p {font-size: 20px; font-weight: 300; text-shadow: 0 0 20px #00000070;}
.home-intro .intro-drawing svg {left: 0; z-index: 3;}
.home-intro .intro-bottle {width: 120%; z-index: 3; right: 15px; bottom: 40px; -webkit-box-reflect: below -20px -webkit-gradient(linear, left top, left bottom, from(#00000000), color-stop(81%, transparent), to(rgba(255, 255, 255, 0.5)));}

@media screen and (min-width: 576px){

}

@media screen and (min-width: 768px){
    .home-intro {height: 90vh; overflow: visible;}    
    .home-intro .intro-pecat {width: 500px; left: -100px;}
    .home-intro .intro-text h1 {font-size: 54px;}
    .home-intro .intro-drawing svg {z-index: 2;}
    .home-intro .intro-bottle {width: 200px; right: 0; bottom: 0;}
}

@media screen and (min-width: 992px){
    .home-intro .intro-text:before {max-height: 100%;}
    .home-intro .intro-text h1 {font-size: 64px;}

    .home-intro .intro-bottle {width: 250px;}
}
@media screen and (min-width: 992px) and (max-width: 1200px);{
    
}

@media screen and (min-width: 1200px){
    .home-intro .intro-pecat {width: 600px;}
}

@media screen and (min-width: 1400px){
    .home-intro .intro-pecat {width: 700px;}
}


.image-section .image-section-text {background-color: rgb(200 186 189 / 18%);}
.image-section .image-section-text h2 {color: var(--heading-color); font-size: 40px;}
.image-section .play-icon {border: 1px solid transparent; border-radius: 50%; padding: 10px; animation: pulse 1.6s linear infinite;}
.image-section .play-icon svg {fill: var(--theme-color); width: 40px; height: 40px;}
.image-section .play-icon:hover {border-color: var(--heading-color); animation: none;}
.image-section .pecat-img {right: 0; bottom: 0; width: 100px; height: 100px; opacity: .9; filter: sepia(.2);}



.homepage .about {background: linear-gradient(180deg, #ffffff, 20%, transparent);}
.about:before {background: url(../images/skica-gazdinstvo.svg) no-repeat center bottom; z-index: -1; bottom: -200px; top: auto; opacity: .6;}
.about .about-sketch img {margin-top: -111px; filter: sepia(.3);}
.potpis {width: 180px;}



.tradition h4.slogan-font {text-shadow: 0 0 1px #0000006b;}
.tradition .tapija-img {}
.tradition .pecat-img {width: 120px; right: 0; transform: translate(20%, 50%); filter: sepia(.3); z-index: 1; bottom: 0; top: auto;}

.products .filter li {cursor: pointer;  transition: var(--theme-transition); flex: 1 1 0; width: 0;}
.products .filter li:before {border-radius: 50%; background: #f78784; z-index: -1; opacity: .3; width: 62%; height: auto; left: 36%; top: -7%; transition: var(--theme-transition); aspect-ratio: 1 / 1;}
.products .filter li:nth-child(2):before {background: plum;}
.products .filter li:nth-child(3):before {background: #e5b428;}
.products .filter li:nth-child(4):before {background: #e88544;}
.products .filter li:nth-child(5):before {background: #d2b44f;}
.products .filter li:hover img, .products .filter li:hover:before {transform: scale(1.1);}
.products .filter li:hover span {}
.products .filter li:hover:before {opacity: .6; left: 20%; top: 7%;}
.products .filter li.active:before {opacity: .9; left: 20%; top: 7%;}

.products .filter li > img {width: 100%; height: 100%; opacity: .5; transition: var(--theme-transition); filter: sepia(.4); aspect-ratio: 1 / 1;}
.products .filter li > span {transition: var(--theme-transition); color: #383838cf; font-size: 18px; margin-top: 8px; line-height: 1.1;}
.products .filter li.active > span {transform: translateY(10px);}
.products .filter li.active:nth-child(1) > span, .products .filter li:hover:nth-child(1) > span {color: var(--theme-color);}
.products .filter li.active:nth-child(2) > span, .products .filter li:hover:nth-child(2) > span {color: plum;}
.products .filter li.active:nth-child(3) > span, .products .filter li:hover:nth-child(3) > span {color: #e5b428;}
.products .filter li.active:nth-child(4) > span, .products .filter li:hover:nth-child(4) > span {color: #e88544;}
.products .filter li.active:nth-child(5) > span, .products .filter li:hover:nth-child(5) > span {color: #d2b44f;}

.products .filter li.active img, .products .filter li.active:before {transform: scale(1.2);}
.products .filter li.active span {font-weight: 500;}
.products .filter li.active img, .products .filter li:hover img {opacity: 1;}

.products .filter li:after {content: ''; position: absolute; right: 0; top: auto; bottom: 0; width: 1px; background: #33333324; height: 60px; display: block;}
.products .filter li:last-child:after {display: none;}

.grid {transition: height 0.6s ease-in-out 0.2s;}
.products .grid:before {background: url(../images/motiv-full-vert.svg) repeat-y; top: 0; width: 50%; height: 100%; left: 0; opacity: .1;}
.products .grid { display: block; text-align: center; margin: 0 auto; transition: .5s; width: 1140px; box-sizing: border-box; }
.products .grid:after {content: ''; display: block; clear: both;  }
.products .grid-sizer, .products .grid-item {width: 228px; box-sizing: border-box; display: inline-block;}
.products .grid-item {width: 228px; box-sizing: border-box; padding: 0 50px;}
.products .grid-item a svg {position: absolute; z-index: 1; fill: #fff; background-color: var(--theme-color); width: 50px; height: 50px; padding: 14px; border-radius: 50%;
    left: calc(50% - 25px); top: calc(80% - 25px); opacity: 0;}
.products .grid-item img {-webkit-box-reflect: below -2px -webkit-gradient(linear, left top, left bottom, from(#00000000), color-stop(89%, transparent), to(rgba(255, 255, 255, 0.3))); transition: var(--theme-transition); 
                            max-height: 320px;}
.products .grid-item h3 {font-size: 24px; letter-spacing: 1px; font-family: var(--slogan-font); transition: var(--theme-transition);}
.products .grid-item span {left: 50%; transform: translateX(-50%); top: 90%; transition: var(--theme-transition); top: calc(100% + 10px); opacity: 1; color: var(--theme-color);}


.gallery-page .grid-item a {border-right: 2px solid #fff; border-bottom: 2px solid #fff; aspect-ratio: 1 / 1;}
.gallery-page .grid-item a img {filter: brightness(1.2); transition: var(--theme-transition); object-fit: cover;}
.gallery-page .grid-item a:hover img {filter: brightness(.6) grayscale(1);}


.text-on-plum {color: #ffffffd6;}

.home-museum .home-museum-sketch {width: 364px;}
.home-museum .pecat-mask {-webkit-mask-image: url('/images/bg/pecat-shape2.svg'); mask-image: url('/images/bg/pecat-shape2.svg');
  -webkit-mask-position: center center; mask-position: center center; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
    text-align: center; z-index: 10; position: relative;}
.home-museum .pecat-mask img {display: block; height: auto;}

.museum-slider {width: 100%; height: 100%; overflow: hidden;}
.museum-slider img {width: 100%; height: 100%; object-fit: cover;}


.home-gallery .owl-carousel .owl-stage-outer {width: 160%; cursor: grab;}
.home-gallery .owl-item .item img {filter: brightness(1.2) grayscale(0); transition: var(--theme-transition)}
.home-gallery .owl-item .item:hover img {filter: brightness(1.2) grayscale(1);}
.owl-dots {text-align: center; margin-top: 20px;}
.owl-dot {width: 12px; height: 12px; background: var(--theme-color); opacity: .2; transition: var(--theme-transition); margin: 0 3px; border: none; border-radius: 50%;}
.owl-dot.active {opacity: 1; width: 20px; border-radius: 25px;}
.home-gallery .gallery-page-button {right: 4px; bottom: 44px; z-index: 2; opacity: 0;}
.gallery-carousel:hover .gallery-page-button {opacity: 1;}




.svg-map:before {background: url(../images/skica-gazdinstvo.svg) no-repeat center center; z-index: -1; opacity: .5;}
.svg-map .pet-info svg, .contact-page .pet-info svg {width: 46px; height: 46px; fill: var(--theme-color);}
.svg-map .icon-map {fill: var(--theme-color)}
.svg-map .icon-map a:hover {fill: var(--black-color)}



 /* ========== WIDE SECTION ========== */ 
 .ws-left-layer { background-image: url("https://via.placeholder.com/1200x800"); height: 600px; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; } 
.ws-right-layer { height: 600px; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; 
        margin-top: 80px; margin-left: -100px; z-index: 1; -webkit-box-shadow: 0 0 11px 0 rgba(6, 22, 58, .14); -moz-box-shadow: 0 0 11px 0 rgba(6, 22, 58, .14);
         box-shadow: 0 0 11px 0 rgba(6, 22, 58, .14); }
 .ws-right-layer:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: var(--black-color); } 
.ws-content { margin: 0; position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); width: 60%; padding-left: 5rem; } 
.ws-content h5 { font-size: 14px; font-weight: 400; color: #FFF; text-transform: uppercase; } .ws-content h2 { color: #FFF; margin-bottom: 15px; } 
.ws-content p { color: #FFF; } .box-content { margin-top: 50px; display: flex !important; } 
.box-content h4 { color: #FFF; } 
.box-content p { color: #FFF; } .bc-icon { width: 50px; } .inner-bc { display: inline-block; padding-right: 50px; } 
.inner-bc h4 { font-size: 17px; color: #FFF; margin: 10px 0px 5px 0px; } .inner-bc p { font-size: 14px; line-height: 25px; } 



.home-partners img {border-radius: 50%;}


.dark-box {background: url(../images/bg/dark-bg-800.webp) no-repeat center center / cover;}
.dark-box:before {background-color: rgba(29, 29, 29, 0.6);}
.dark-box p, .dark-box h2, .dark-box .section-subtitle, .dark-box .section-title, .dark-box a, .dark-box li {color: #fff;}

.plum-box {background: url(../images/bg/plum-bg3.jpg) no-repeat center center / cover;}
.plum-box:before {background: linear-gradient(91deg, rgb(200 186 189 / 98%), rgb(200 186 189 / 88%));}
.plum-box img {width: 200px; height: 200px; mix-blend-mode: luminosity; opacity: .3; bottom: 0; right: 0;}


.testimonial-banner {background: var(--plum-color); padding: 80px 0px 200px; } 
.testimonial-banner:before, .ordering-section:before {background: url(../images/motiv2.svg) repeat center / contain; opacity: .03; transform: rotate(18deg); width: 300vw; height: 300vh;
     left: -150vw; top: -150vh; pointer-events: none;}
.up-testimonial-layer { margin-top: -230px; }
.testimonials-carousel .owl-dots { display: flex; justify-content: center;}
.testimonial-text {background: url(../images/bg/main-bg-soft.webp); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; padding: 30px; margin: 15px; text-align: center; position: relative; } 
.testimonial-text svg {fill: var(--plum-color); width: 50px; height: 50px;} 

.testimonial-box h4 { text-align: center; font-size: 20px;} p.profession { text-align: center; margin-bottom: 0px; } 


.modal-header {background: url(../images/bg/main-bg-soft.webp);}

.footer-cta {min-height: 600px; width: 100%; background: url(../images/bg/main-bg-soft.webp);}
.footer-cta:before {background: url(../images/bg/footer-bg-transparent.webp); background-position: top center; background-repeat: no-repeat; background-size: cover; height: 100%; bottom: 0; top: auto;}


.one-product .overlay:before {background: url(../images/sketch/sljiva-sketch-small.webp) no-repeat top center / contain; z-index: -1; opacity: .11;}
.one-product.loza-section .overlay:before {background-image: url(../images/sketch/loza-sketch-small.webp);}
.one-product.dunja-section .overlay:before {background-image: url(../images/sketch/dunja-sketch-small.webp);}
.one-product.kajsija-section .overlay:before {background-image: url(../images/sketch/kajsija-sketch-small.webp);}
.one-product .product-details {}
.one-product .product-details li {font-size: 18px; flex: 1 1 auto;}
.one-product .product-details li .product-details-label {display: block; font-size: 20px; font-weight: 600; font-family: var(--title-font);}
.one-product .img-wrap {}
.one-product .img-wrap img {width: 50%;}
.one-product small {}
.one-product h2 {}
.one-product .product-desc {}

/*.product-separator {background: url(images/motiv-full.svg) repeat-x left center / contain; width: 100%; height: 170px; background-position: left center; opacity: .1; }*/


@media screen and (min-width: 768px){
    .page-intro {min-height: 570px;}
    .page-intro .center-title {padding-top: 110px;}

    .page-intro .page-intro-bar, .page-intro .page-intro-bar img {height: 200px;}

    .one-product .overlay:before {background: url(../images/sketch/sljiva-sketch-small.webp) no-repeat left center / contain;}
    .one-product .product-details li {font-size: 19px; flex: unset;}
    .one-product .product-details li .product-details-label {font-size: 24px;}

}

.about-page .mfp-arrow {display: none;}


footer {background: linear-gradient(313deg, hsl(300 10% 15% / 1), #000000); height:100%; padding:30px 0px; clear:both;}
footer .footer-top h2, footer .footer-top p {font-family: var(--slogan-font);}
footer a, footer svg {}

hr.footer-line{margin:30px 0px 60px;}

footer .footer-top {padding: 7% 5% 2% 5%;}
footer .footer-logo {width: 120px;}
footer h2 {font-size: 20px;}

footer .footer-middle {color: #414141; font-size: 14px; text-transform: uppercase;}
footer .footer-middle .footer-copy, footer .footer-middle .footer-copy a {color: #414141; font-size: 14px;}
footer .footer-middle svg {fill: #414141; width: 30px; height: 30px;}

footer a:hover {color: var(--theme-color)!important;}
footer a:hover svg {fill: var(--theme-color);}

footer .footer-bottom .createdby a:hover {color: #08b1c4!important;}




.noselect, img {-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
*:focus {outline: none!important;}
::-moz-selection {color: #fff; background-color: var(--theme-color); text-fill-color: initial;}
::selection {color: #fff; background-color: var(--theme-color); -webkit-text-fill-color: initial; text-fill-color: initial;}
.list-style-no {list-style: none; padding: 0; margin: 0;}
.form-control:focus {border-color: inherit; outline: 0; -webkit-box-shadow: none; box-shadow: none;}
.theme-color {color: var(--theme-color)}
.alt-color {color: var(--alt-color)}
.heading-color {color: var(--heading-color)}
.paragraph-light-color {color: var(--paragraph-light-color)}


@media screen and (min-width: 768px){

    body:before {content: ''; background: linear-gradient(180deg, #894141ff, #894141f7); background: linear-gradient(180deg, rgb(51 43 51 / 96%), 100%, rgb(203 192 203 / 40%)); position: absolute; z-index: 99; pointer-events: none; width: 100%; height: 100vh; left: 0; top: 0; display: block; opacity: 0; transition: var(--theme-transition);}
    body.menu-active:before {opacity: 1;}

    .section-padding {padding: 96px 0;}
    .section-subtitle, .section-subtitle a {font-size: 24px;}

    h1 {font-size:52px;}
    h2 {font-size:48px;}
    h3 {font-size:32px;}
    h4 {font-size:26px;}
    h5 {font-size:22px;}
    h6 {font-size:18px;}

    .w-md-50 {width: 50%!important;}
    .w-md-75 {width: 75%!important;}


    .tradition .pecat-img {transform: translate(50%, 50%);}

    .potpis {width: 230px;}

    .image-section .image-section-text h2 {font-size: 48px;}
    .image-section .pecat-img {width: 200px; height: 200px;}



    .products .filter li {flex: unset; width: auto;}
    .products .filter li:after {right: -5px;}
    .products .filter li > img {width: 100px; height: 100px;}
    .products .filter li:before {width: 60%; height: 60%;}
    .products .grid-wrapper:before {background: url(../images/motiv-full.svg) repeat-x; top: 100px; width: 200vw; left: -100vw; height: 200px; opacity: .1;}
    .products .grid:before {display: none;}
    .products .grid-item span {top: auto; color: inherit; opacity: 0;}
    .products .grid-item a:hover svg, .gallery-page .grid-item a:hover svg {top: calc(50% - 25px); opacity: 1;}
    .products .grid-item a:hover span {top: calc(100% + 10px); opacity: 1;}
    .products .grid-item a:hover img {transform: scale(1.1);}
    .products .grid-item a:hover h3 {transform: translateY(10px)}

    .plum-box img {right: 2%; bottom: 100px; opacity: 1;}



    .up-testimonial-layer { margin-top: -220px; }



    footer .footer-logo {width: 160px;}

}

@media screen and (min-width: 991px){
    h1 {font-size:60px;}
    h2 {font-size:56px;}
    h3 {font-size:32px;}
    h4 {font-size:26px;}
    h5 {font-size:22px;}
    h6 {font-size:18px;}


    .products .filter li > img {width: 140px; height: 140px;}

    footer .footer-logo {width: 200px;}
    footer h2 {font-size: 30px;}
}



@media only screen and (min-width: 1024px) {
    main p { font-size: 17px; line-height: 1.64;} 
}


@media screen and (max-width: 767px){
    header .megamenu-panel:before, header .megamenu-panel:after {display: none;}
    .mobile-absolute {position: absolute; z-index: -1; opacity: .1; left: 0;}

    .home-museum .home-museum-left .mobile-absolute {top: 24%}
    .home-museum .home-museum-right .mobile-absolute {top: auto; bottom: 29%;}


    footer p, footer a, footer li {color: #4b4b4b;}
    footer hr {opacity: .5;}
}

.scroll-top {display: inline-block; width: 40px; height: auto; position: fixed; bottom: 40px; right: -100px; overflow: hidden; white-space: nowrap;
 border-radius: 5px; z-index: 99; transition: opacity .2s ease-in-out .1s, right .3s ease-in-out; opacity: 0;}
.scroll-top svg {width: 40px; height: 110px; fill: var(--theme-color); filter: drop-shadow(0px 0px 1px #fff5);}
.scroll-top span {line-height: 1; color: #fff; bottom: 20px; font-size: 16px; transition: .15s ease-in-out;}
.scroll-top.is-visible {right: 30px; opacity: 1; transition: opacity .8s ease-in-out, right .3s ease-in-out;}
.scroll-top:hover span {bottom: 28px;}

/*@media only screen and (min-width: 768px) {
    .scroll-top { right: 20px; bottom: 20px; } 
} 
@media only screen and (min-width: 1024px) { 
    .scroll-top {width: 45px; right: 30px; bottom: 30px; } 
}*/


.scroll-rotating {width: 130px; height: 130px; z-index: 2; will-change: transform;}

@keyframes pulse {
    0% {transform: scale(1);}
    50% {transform: scale(0.8);}
    100% {transform: scale(1);}
}
@keyframes slowRotate {
  from {transform: rotate(0deg);}
  to {transform: rotate(360deg);}
}
.rotating {animation: slowRotate 30s linear infinite;}


.mfp-figure:after {background: transparent; box-shadow: none;}