header{position:fixed;top:0;width:100%;z-index:99;background-color:rgba(255, 255, 255, 0.6);backdrop-filter:blur(75px);box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.6);transition:all 0.4s ease-in-out}header strong{cursor:pointer;display:block;width:100%}header .inside{padding-top:clamp(0.4em, 2vw, 1em);flex-direction:column}header .menu-top{width:100%;padding-block:0.5em}header .menu-top .nav-icon-container{display:flex;justify-content:flex-end;align-items:center;gap:clamp(2em, 10vw, 10em);width:82%;max-width:1920px;margin-inline:auto}@media (max-width:767px){header .menu-top .nav-icon-container{width:92%}}header .menu-top .social-icons-wrapp{display:flex;align-items:center;gap:1.75em}header .menu-top .social-icons-wrapp .social-icon{cursor:pointer}header .menu-top .social-icons-wrapp .social-icon img{width:100%;transform:scale(1);transition:transform 700ms ease-out}header .menu-top .social-icons-wrapp .social-icon img:hover{filter:brightness(0) saturate(100%) invert(82%) sepia(14%) saturate(429%) hue-rotate(334deg) brightness(84%) contrast(89%);transform:scale(1.5)}header .menu-top .social-icon{width:1.2em}header .menu-top .social-icon img{width:100%}header .menu-top .upper-nav-info{display:flex;align-items:flex-end;gap:2em;gap:clamp(2em, 10vw, 10em);margin-bottom:0}header .menu-top .upper-nav-info li{display:flex;gap:0.25em;margin-bottom:0}header .menu-top .upper-nav-info li span{font-weight:700;color:#181818}header .menu-top .upper-nav-info li.location .social-icon-info{width:0.85em}header .menu-top .upper-nav-info li.location .social-icon-info img{width:100%}header .menu-top .upper-nav-info li.phone{transform:scale(1);transition:color 700ms ease-in-out, filter 700ms ease-in-out, transform 700ms ease-out}header .menu-top .upper-nav-info li.phone .social-icon-info{width:0.85em;aspect-ratio:1}header .menu-top .upper-nav-info li.phone .social-icon-info img{width:100%}header .menu-top .upper-nav-info li.phone a{font-weight:700}header .menu-top .upper-nav-info li.phone:hover{transform:scale(1.17)}header .menu-top .upper-nav-info li.phone:hover a{color:#c6aa9d;text-shadow:0.4px 0.4px #000}header .menu-top .upper-nav-info li.phone:hover img{filter:brightness(0) saturate(100%) invert(82%) sepia(14%) saturate(429%) hue-rotate(334deg) brightness(84%) contrast(89%)}header .menu-bottom{width:100%;width:82%;max-width:1920px;margin-inline:auto}@media (max-width:767px){header .menu-bottom{width:92%}}header .menu-bottom .inside-container{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}header .menu-bottom .menu{flex-basis:75%;max-width:75%}header .menu-bottom .menu ul{margin-bottom:0}header .menu-bottom .level_1{display:flex;gap:clamp(0.7em, 5vw, 2em);justify-content:flex-end;align-items:center}header .menu-bottom .level_1 li.submenu a[href="/preview.php/cene.html"][title="Usluge"]:after{width:fit-content;content:"";position:absolute;bottom:15%;border:solid black;border-width:0 3px 3px 0;display:inline-block;padding:3px;margin-top:0.5em;margin-bottom:0.3em;margin-left:0.2em;text-shadow:0.4px 0.4px #fff;transform:rotate(45deg);-webkit-transform:rotate(45deg)}header .menu-bottom .level_1 li{transition:0.4s;margin-bottom:0;width:max-content;position:relative}header .menu-bottom .level_1 li a{display:block;font-size:1.1em;font-size:clamp(1.1em, 0.9em + 0.55vw, 2em);margin-bottom:0.7em;line-height:1.2;font-family:"Segoe Script Bold", "Times New Roman", serif;margin-bottom:0;font-weight:700;color:#181818;transition:color 700ms ease-out;text-shadow:5px 5px 6px #fff, 0 0 6em #fff, 0 0 4em #fff}header .menu-bottom .level_1 li a:hover{background-image:linear-gradient(to right, #c6aa9d, #8f8681);color:transparent;-webkit-background-clip:text;background-clip:text;text-shadow:none}header .menu-bottom .level_1 .level_2{position:absolute;left:10%;top:100%;padding-left:0.8em;padding-right:0.6em;padding-block:0.6em;max-height:0;overflow:hidden;opacity:0;transition:max-height 600ms ease, opacity 600ms ease-in-out;background-color:rgba(255, 255, 255, 0.6);backdrop-filter:blur(75px);box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.6)}header .menu-bottom .level_1 .level_2 li{min-width:100%;display:block;margin-bottom:1em;margin-bottom:clamp(0.6em, 0.9em + 0.55vw, 1em);text-shadow:5px 5px 6px #fff, 0 0 6em #fff, 0 0 4em #fff}header .menu-bottom .level_1 .level_2 a{font-size:1.1em;font-size:clamp(1.1em, 0.9em + 0.55vw, 2em);margin-bottom:0.7em;line-height:1.2;font-family:"Segoe Script Bold", "Times New Roman", serif;text-shadow:5px 5px 6px #fff, 0 0 6em #fff, 0 0 4em #fff}header .menu-bottom .level_1 li:hover .level_2{display:initial;background-color:rgba(255, 255, 255, 0.9);backdrop-filter:blur(40px);box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);max-height:70em;opacity:1}header .menu-bottom .level_1 li:hover.submenu a[href="/preview.php/cene.html"][title="Usluge"]:after,header .menu-bottom .level_1 li:active.submenu a[href="/preview.php/cene.html"][title="Usluge"]:after{content:"";position:absolute;border:solid #8f8681;border-width:0 3px 3px 0;display:inline-block;padding:3px;margin-top:0.5em;margin-left:0.2em;transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(-135deg);-webkit-transform:rotate(-135deg)}header .menu-bottom .logo-container{display:flex;justify-content:center;align-items:center;height:100%}header .menu-bottom .logo{margin-top:-2em;padding-bottom:1em}header .menu-bottom .logo a{display:block;width:6em;width:clamp(6em, 6vw + 4em, 10em);aspect-ratio:1.793814433;z-index:1001}header .menu-bottom .logo a img{width:100%}header .menu-bottom .logo a .small{font-size:24px}header .menu-bottom .logo a .big{font-size:32px}header .hamburger{display:none}header header.nav-absolute{position:absolute !important;top:0 !important;left:0;right:0;z-index:9999}@media (min-width:1181px){header .nav-absolute{min-height:100vh}header .nav-absolute .menu.is-active{max-height:none;overflow-y:auto}header .nav-absolute::before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(255, 255, 255, 0.6);backdrop-filter:blur(75px);z-index:-1}header .menu-top{background:linear-gradient(45deg, transparent 0 40%, #8c9086 55% 100%)}header.scroll-down{transform:translateY(-100%)}header .inside{display:flex;align-items:center;justify-content:space-between}}@media (max-width:1180px){header{overflow:hidden}header .menu-top{background:linear-gradient(45deg, transparent 0 40%, #8c9086 55% 100%)}header .menu-bottom{height:fit-content}header .menu-bottom .inside-container .logo-container{display:flex;justify-content:space-between;align-items:flex-end;width:100%}header .menu-bottom .inside-container .logo-container .hamburger{position:relative;display:block;cursor:pointer;width:1.8em;height:1.8em;border:none;z-index:102;appearance:none;background:none;outline:none;margin-bottom:0.6em}header .menu-bottom .inside-container .logo-container .hamburger .bar,header .menu-bottom .inside-container .logo-container .hamburger:after,header .menu-bottom .inside-container .logo-container .hamburger:before{color:#181818;height:2.8px;width:100%;background-color:#181818;left:0;border-radius:6em;transition:0.4s;content:"";display:block;margin-bottom:6px}header .menu-bottom .inside-container .logo-container .hamburger.is-active:before{transform:rotate(-45deg) translate(-7px, 6px)}header .menu-bottom .inside-container .logo-container .hamburger.is-active:after{transform:rotate(45deg) translate(-6px, -6px)}header .menu-bottom .inside-container .logo-container .hamburger.is-active .bar{opacity:0}header .menu-bottom .inside-container .logo-container .menu-checkbox{display:block}header .menu-bottom .menu{flex-basis:100%;z-index:101;margin:0;display:none;width:100%;height:fit-content;overflow:hidden;transform:translateY(-1000%);transition:transform 0.5s ease-in-out}header .menu-bottom .mod_navigation{width:100%;height:100%;margin-block:clamp(2em, 2vw, 4em)}header .menu-bottom .level_1{margin-right:0;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:0.1em;height:100%;padding-block:0;background-color:transparent;backdrop-filter:none;box-shadow:none}header .menu-bottom .level_1 .level_2{position:relative;background-color:transparent;backdrop-filter:none;box-shadow:none;top:0;left:0;margin:0;padding:0}header .menu-bottom .level_1 .level_2 a{text-shadow:none}header .menu-bottom .level_1 .level_2 li{text-shadow:none;margin-top:0.3em;margin-left:1em;padding-top:0.75em}header .menu-bottom .level_1 .level_2 li:first-child{padding-top:1em}header .menu-bottom .level_1 li{display:block;width:100%}header .menu-bottom .level_1 li a{text-shadow:none}header .menu-bottom .level_1 li.submenu a[href="/preview.php/cene.html"][title="Usluge"]{width:fit-content}header .menu-bottom .level_1 li:hover .level_2{backdrop-filter:none;background-color:transparent;box-shadow:none;display:block;width:100%}header .menu-bottom .level_1 li.submenu a[href="/preview.php/cene.html"][title="Usluge"]::after{bottom:10%;padding:1.8px;border-width:0 2px 2px 0}header .menu-bottom li{padding-top:0.65em;padding-top:clamp(0.65em, 5vw, 2em);width:100%;margin-bottom:0;position:relative;transition:0.4s}header .menu-bottom li:first-child{padding-bottom:0}header .menu-bottom li a{width:100%;margin-bottom:0;box-shadow:none;text-shadow:none}header .menu-bottom li:hover .level_2{background-color:transparent;backdrop-filter:none}header .menu-bottom li:before{content:"";background-color:black;position:absolute;bottom:0;left:0;height:2px;width:0;transition:0.5s}header .menu-bottom .active{cursor:pointer;color:#8f8681;text-decoration:none;position:relative;border-bottom:0;margin:0;box-shadow:none;text-shadow:none}header .menu-bottom .level_1 li:hover:before{width:100%;background:linear-gradient(45deg, #c6aa9d 0 30%, #8f8681 50% 100%)}header .menu-bottom .level_1 li.submenu:hover::before{visibility:none;opacity:0;display:none}header .menu-bottom .level_1 li.submenu:hover:after{width:0}header .menu-bottom .level_1 li.submenu:hover::after{visibility:none;opacity:0;display:none}header .menu-bottom .level_1 li:hover.submenu a[href="/preview.php/cene.html"][title="Usluge"]:after,header .menu-bottom header .menu-bottom .level_1 li:active.submenu a[href="/preview.php/cene.html"][title="Usluge"]:after{display:none}header .menu-bottom .menu.is-active{display:block;transform:translateY(0%);min-width:100%;overflow-y:auto}}@media (max-width:768px){header{overflow:hidden}header .menu-top .upper-nav-info li.phone{gap:0.18em;align-items:center}header .menu-top .upper-nav-info li.phone a{font-size:0.85em}header .menu-top .upper-nav-info .location{display:none}header .menu-bottom{margin-block:0.7em}header .menu-bottom .level_1 li.submenu:after{right:55%}header .menu-bottom .menu .level_2{background-color:transparent;backdrop-filter:none;box-shadow:none}header .menu-bottom .menu li .submenu:after{right:85%}header .menu-bottom .logo{margin-bottom:-1.2em}header .menu-bottom .inside-container .logo-container .hamburger{width:1.3em;height:1.3em}header .inside{height:100%;display:flex;flex-direction:column}header nav{position:relative;z-index:102}header nav li a{color:#2F2521}header nav li .btn{margin-bottom:0;background-color:#2F2521;color:#8c9086}header.active{background-color:#8c9086}header.active nav{max-height:400px}header.active .logo{color:#2F2521}header.active .menu-btn span{position:absolute;background-color:#2F2521}header.active .menu-btn span:first-child{transform:rotate(-45deg)}header.active .menu-btn span:nth-child(2){transform:scaleX(0)}header.active .menu-btn span:last-child{transform:rotate(45deg)}}@media (max-width:500px){header{overflow:hidden}header .menu-top{padding-top:0.4em}header .menu-top .social-icons-wrapp{display:none}header .menu-bottom{margin-block:0.8em}header .menu-bottom .level_1 li.submenu:after{bottom:15%}header .menu-bottom .menu li .submenu:after{right:82%}header .menu-bottom .menu .level_2{background-color:transparent;backdrop-filter:none;box-shadow:none}header .menu-bottom .logo{margin-bottom:-1em}header nav{position:relative}header nav li{margin-bottom:2rem}header nav li a{color:#2F2521}header nav li .btn{margin-bottom:0;background-color:#2F2521;color:#8c9086}header.active{background-color:#8c9086}header.active nav{max-height:400px}header.active .logo{color:#2F2521}header.active .menu-btn span{position:absolute;background-color:#2F2521}header.active .menu-btn span:first-child{transform:rotate(-45deg)}header.active .menu-btn span:nth-child(2){transform:scaleX(0)}header.active .menu-btn span:last-child{transform:rotate(45deg)}}strong.active{font-size:1.1em;font-size:clamp(1.1em, 0.9em + 0.55vw, 2em);margin-bottom:0.7em;line-height:1.2;font-family:"Segoe Script Bold", "Times New Roman", serif;margin-bottom:0;color:#8f8681;text-shadow:5px 5px 6px #fff, 0 0 6em #fff, 0 0 4em #fff}.scroll-down header{transform:translate3d(0, -100%, 0);transition:transform 700ms ease-in-out}.scroll-up header{filter:drop-shadow(0 -10px 20px #aaa);transition:transform 700ms ease-in-out}