@import "https://fonts.googleapis.com/css2?family=Jost&family=Open+Sans&display=swap";
@import "https://fonts.googleapis.com/css2?family=Jost:wght@700&display=swap";
.btn-yellow{cursor:pointer;border:none;align-items:center;height:100%;padding:18px 38px 19px;font-family:Jost,sans-serif;font-weight:600;transition:all .3s;display:flex}@media (max-width:700px){.btn-yellow{padding:10px 28px}}.btn-yellow svg{margin-right:6px}.btn-yellow{color:#121111;background-color:#f09902}.btn-white{cursor:pointer;border:none;align-items:center;height:100%;padding:18px 38px 19px;font-family:Jost,sans-serif;font-weight:600;transition:all .3s;display:flex}@media (max-width:700px){.btn-white{padding:10px 28px}}.btn-white svg{margin-right:6px}.btn-white{color:#121111;background-color:#fff}.btn-blue{cursor:pointer;border:none;align-items:center;height:100%;padding:18px 38px 19px;font-family:Jost,sans-serif;font-weight:600;transition:all .3s;display:flex}@media (max-width:700px){.btn-blue{padding:10px 28px}}.btn-blue svg{margin-right:6px}.btn-blue{color:#fff;background-color:#304a7a}.container{padding:80px 150px}@media (max-width:1260px){.container{padding:40px 75px}}.proizvodi{padding:0 40px}@media (max-width:415px){.proizvodi{padding:0 10px}}.podrska{padding:100px 260px}@media (max-width:1600px){.podrska{padding:60px 160px}}@media (max-width:1360px){.podrska{padding:60px 40px}}@media (max-width:600px){.podrska{padding:60px}}.podrska-drugo{padding:0 260px 100px}@media (max-width:1600px){.podrska-drugo{padding:0 160px 60px}}@media (max-width:1360px){.podrska-drugo{padding:0 60px 60px}}.faq-section-padding{padding:100px 120px}@media (max-width:1620px){.faq-section-padding{padding:100px 30px}}@media (max-width:1450px){.faq-section-padding{padding:100px 30px}}@media (max-width:1090px){.faq-section-padding{padding:100px 15px}}.page-hero{background:linear-gradient(90deg,#0e2043 0% 15.17%,#0e2043cc 100%) 100%/cover;align-items:center;gap:20px;width:100%;height:500px;padding-left:260px;padding-right:260px;display:flex}@media (max-width:1440px){.page-hero{padding-left:120px;padding-right:120px}}@media (max-width:840px){.page-hero{padding-left:60px;padding-right:60px}}@media (max-width:600px){.page-hero{padding-left:30px;padding-right:30px}}@media (max-width:1220px){.page-hero{height:300px}}@media (max-width:840px){.page-hero{height:250px}}.page-hero h1{color:#fff;font-size:50px;font-weight:700}@media (max-width:600px){.page-hero h1{font-size:32px}}.background-gradient{background:linear-gradient(90deg,#0e2043 0% 15.17%,#0e2043cc 100%) 100%/cover}.changenavbar-background{background:#fff}.disable-scrolling{overflow:hidden}.disabled{color:#bbb;background-color:#eee}.yellow-plus-link:after{content:"+";color:#f09902;margin-left:5px}.hamburger-menu{font-size:18px;display:none}@media (max-width:965px){.hamburger-menu{display:flex!important}}.close-mobile{cursor:pointer;position:absolute;top:3rem;right:3rem}.close-mobile:hover{color:#0000;-webkit-background-clip:text;background-clip:text;transition:all .3s}.buttons{align-items:center;gap:10px;height:60px;margin-bottom:40px;display:flex}.navbar{justify-content:space-between;align-items:center;max-width:100%;margin:0 auto;padding:30px 70px;display:flex}@media (max-width:965px){.navbar{padding:30px 50px}}.navbar .logo{margin-top:10px}.navbar ul{gap:32px;margin-left:auto;display:flex}@media (max-width:965px){.navbar ul{display:none}}@media (max-width:1220px){.navbar ul{gap:0}}.navbar a{color:#fff;text-transform:uppercase;padding:24px 10px;font-size:16px;font-weight:400;transition:all .3s}.navbar a:hover{color:#f09902}@media (max-width:1220px){.navbar a{padding:24px 6px}}.navbar div{color:#fff;align-items:center;gap:16px;display:flex}@media (max-width:965px){.navbar div .close-button{display:none}}.mobile-nav{z-index:9999999;text-align:center;background-color:#fff;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;transition:all .4s ease-in-out;display:flex;position:fixed;top:0;left:-100%}.mobile-nav i{font-size:18px}.mobile-nav ul{flex-direction:column;gap:1.5rem;display:flex}.mobile-nav ul a{color:#0f172a;padding:24px 8px;font-size:16px;transition:all .3s}.mobile-nav.mobile-up{left:0}.desktop-dropdown{background:#fff;grid-template-columns:repeat(3,1fr);width:100%;height:auto;transition:all .4s ease-in-out;display:grid;position:absolute;left:-500%}.desktop-dropdown.desktop-up{left:0}.desktop-dropdown .dropdown-category{background:#fff;border-right:1px solid #b2b2b2}.desktop-dropdown .dropdown-category span{color:#12111180;height:80%;font-family:Jost,sans-serif;font-size:30px;font-weight:700}.desktop-dropdown .dropdown-category .selected{color:#121111}.desktop-dropdown .dropdown-category{align-self:center}.desktop-dropdown .dropdown-subcategory{background:#fff}.desktop-dropdown .dropdown-subcategory a{color:#121111;font-family:Jost,sans-serif;font-size:24px;font-weight:400}.desktop-dropdown .dropdown-category,.desktop-dropdown .dropdown-subcategory{flex-direction:column;justify-content:center;align-items:flex-start;gap:20px;padding:80px 100px;display:flex}@media (max-width:1440px){.desktop-dropdown .dropdown-category,.desktop-dropdown .dropdown-subcategory{padding:40px 100px}}.desktop-dropdown .dropdown-category span,.desktop-dropdown .dropdown-subcategory span{cursor:pointer}.desktop-dropdown .dropdown-image img{object-fit:cover;width:100%;height:100%}.dropdown{justify-content:center;align-items:center;margin-left:15px;display:flex;position:relative}.dropdown-btn{gap:5px;display:flex}.dropdown-btn p{text-transform:uppercase;font-family:Jost,sans-serif;font-size:16px;font-weight:400;line-height:23px}.dropdown-content{z-index:1;background-color:#0e2043;width:100%;display:block;position:absolute;box-shadow:0 8px 16px #0006}.dropdown-content a{text-transform:uppercase;cursor:pointer;padding:12px 18px;font-family:Jost,sans-serif;font-size:16px;font-weight:400;line-height:23px;display:block}.showcase{flex-direction:column;justify-content:center;align-items:center;width:100%;height:auto;display:flex}.showcase_container{max-width:85%;margin:auto}.showcase h1{color:#fff;font-size:100px;font-weight:400;line-height:120px}@media (max-width:1440px){.showcase h1{font-size:80px;line-height:100px}}@media (max-width:965px){.showcase h1{font-size:50px;line-height:60px}}.showcase h1{margin-top:100px;margin-bottom:50px}.showcase p{color:#fff;width:78%;margin-bottom:76px;font-size:30px;font-weight:400;line-height:46px}@media (max-width:965px){.showcase p{width:90%;font-size:26px}}*{box-sizing:border-box;margin:0;padding:0;font-family:Jost,sans-serif;font-size:16px}li{list-style:none}a{text-decoration:none}button{border:none;height:100%}