:root{--primary-color:#39DAFF;--secondary-color:#1B7EE0}*{font-family:sans-serif;list-style:none;padding:0;margin:0;box-sizing:border-box}* * h1,* * h3,* * h4{font-weight:700}* * h2,* * h5,* * h6{font-weight:600}* * h2{font-size:71px}* * p{font-size:13px;font-weight:500}nav{width:100%;height:100px}nav .container{height:100px;width:100vw;margin:auto;position:fixed;z-index:11;background:#1b7ee0;background:linear-gradient(to bottom,#1b7ee0 0,#2b8ef0 50%,#1f77b3 100%)}nav .container #logo{display:inline-block;position:absolute;left:32px;top:1vh;font-style:italic;text-shadow:0 1px 0 #e4e4e4,0 2px 0 #d8d8d8,0 3px 0 #cbcbcb,0 4px 0 silver,0 5px 0 #b4b4b4,0 12px 10px rgba(0,0,0,.5)}nav .container ul{width:-moz-fit-content;width:fit-content;height:100%;position:absolute;right:20px;z-index:10;display:flex}nav .container ul li{transition:.3s;display:inline-block;padding:0 15px;margin:auto}nav .container ul li a{font-weight:700;color:#fff;font-size:.75rem;font-size:clamp(.75rem, 0rem + 1.875vw, 1.125rem)}nav .container ul li a:hover{cursor:pointer;color:#e5e5e5}nav .container h1{color:#fff}#landing{z-index:10;position:relative}#landing .container{height:-moz-fit-content;height:fit-content;width:80%;margin:auto;position:relative;z-index:10;left:30px}#landing .container h3{z-index:10;position:relative;top:30px;left:6%;color:#fff;width:540px;text-shadow:1px 1px 0 #1a237e,2px 2px 0 #1a237e,3px 3px 0 #1a237e,4px 4px 0 #1a237e,5px 5px 0 #1a237e,6px 6px 0 #1a237e,7px 7px 0 #1a237e}#landing .container h5{position:relative;color:#fff;left:6%;top:140px;font-weight:600;font-size:35px}#landing .container #call-us{border:3px solid #fff;border-radius:60px;background:var(--primary-color);background:linear-gradient(60deg,var(--secondary-color) -100%,var(--primary-color) 60%);width:350px;height:120px;position:absolute;z-index:100;right:24px;top:270px}#additional .container .cont1,#additional .container .cont2{height:min(400px,30vw);border-radius:60px;filter:drop-shadow(-4px 4px 10px #000000)}#landing .container #call-us .content{display:flex;justify-content:center;align-items:center;font-size:33px;font-weight:700}#landing .container #call-us .content svg{margin-right:20px;width:60px;height:60px}#landing .container #call-us .content h4{position:inherit;color:#000;z-index:100;font-size:2rem;font-size:clamp(1.5rem, -1rem + 5vw, 2rem)}#landing .container h4{position:absolute;right:90px;top:400px;color:#fff;text-align:center;z-index:100}#what-we-do{z-index:10;position:relative;margin-top:235px;padding-top:90px}#what-we-do .container{position:relative;padding-left:20px;width:100%;margin:auto}#what-we-do .container h3{position:relative;width:fit-content;left:70px;margin-bottom:40px}#what-we-do .container ul{display:flex;flex-wrap:wrap;margin:auto;justify-content:space-between;align-content:space-around;width:max(800px,70vw)}#what-we-do .container ul li{display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:max(15vw,180px);margin:10px;height:240px;border-radius:16px;filter:drop-shadow(-4px 4px 10px #000000)}#what-we-do .container ul li svg{width:200px;height:200px;padding-bottom:24px}#what-we-do .container ul li h4{text-align:center;color:#fff;padding-top:6px}#what-we-do .container ul .dark{background-color:var(--secondary-color)}#additional .container .cont1,#what-we-do .container ul .light{background-color:var(--primary-color)}#location{padding-top:80px;margin-top:-10px}#location h3{text-align:center;margin-top:20px;margin-bottom:20px}#location .container{text-align:center;width:75%;height:auto;color:#fff;margin:auto;background-color:#9799a6;border-radius:20px;padding:30px;filter:drop-shadow(-4px 4px 10px #000000);background:linear-gradient(45deg,#9799a6 45%,transparent 45%,transparent 55%,#9799a6 55%,#9799a6),linear-gradient(135deg,#9799a6 45%,transparent 45%,transparent 55%,#9799a6 55%,#9799a6),#000;background-size:1% 1%}#location .container ul{padding:3%;width:100%;display:flex;justify-content:center;flex-direction:row;align-content:space-between;justify-content:space-around;flex-wrap:wrap}#location .container ul li{width:-moz-fit-content;width:fit-content;display:flex;flex-direction:column;justify-content:center}#location .container ul #kontakt-info{width:min(250px,30vw);font-size:3rem;text-align:center}#location .container ul #map{width:35vw;height:70vh}#location .container .broj{padding-top:10px;font-size:40px}#additional{position:relative;margin:20vh 0 0}#additional .container{width:100%;display:flex;flex-direction:row;justify-content:space-around;flex-wrap:wrap;height:auto;margin:5vw 0;padding:0 20px}#additional .container h3{font-size:1.75rem;font-size:clamp(1.75rem, .614rem + 1.818vw, 2.25rem);color:#fff;margin-top:10px;text-align:center;width:300px}#additional .container h4{font-size:1.5rem;font-size:clamp(1.5rem, .364rem + 1.818vw, 2rem);color:#fff;padding-top:5px}#additional .container .cont1{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:min(330px,25vw)}#additional .container .cont2,.landing-container{background-color:var(--secondary-color);display:flex}#additional .container .cont2{flex-direction:column;justify-content:space-between;align-items:center;width:min(330px,25vw)}#additional .container svg{width:min(330px,25vw);margin:auto;height:min(330px,25vw)}footer{background:linear-gradient(-.5deg,var(--secondary-color) 50%,var(--primary-color) 120%);width:100%;height:72px;color:#fff;display:flex;align-items:center;justify-content:center}.landing-container{height:1000px;width:100%;position:absolute;top:0;padding-bottom:10px;overflow-x:clip}.backg{width:max(1468px,100vw);z-index:9;position:absolute;top:280px;margin:auto;left:50%;transform:translate(-50%);overflow:hidden}* * h1{font-size:3rem;font-size:clamp(3rem, -1rem + 10vw, 5rem)}* * h3{font-size:2rem;font-size:clamp(2rem, 0rem + 5vw, 3rem)}* * h4{font-size:1.5rem;font-size:clamp(1.5rem, .5rem + 2.5vw, 2rem)}* * h5{font-size:1.125rem;font-size:clamp(1.125rem, .375rem + 1.875vw, 1.5rem)}* * h6{font-size:.625rem;font-size:clamp(.625rem, .082rem + 1.739vw, 1.125rem)}@media (max-width:480px){body{overflow-x:hidden}nav .container{height:64px}nav .container #logo{left:1vw;top:1vh}nav .container ul{right:10px}nav .container ul li{padding:0 5px 5px}nav .container ul li a{font-size:clamp(.6rem, 0rem + 1.875vw, 1.125rem)}#landing .container{width:97vw;height:30vh;margin:0;left:3vw}#landing .container h3{left:5vw;width:82vw;top:0}#landing .container h5{left:0;top:20px}#landing .container #call-us{border-radius:50px;height:88px;width:75vw;right:14vw;top:240px}#landing .container #call-us .content svg{width:40px}#landing .container #call-us .content h4{font-size:1.6rem;font-size:clamp(1.5rem, -1rem + 5vw, 2rem);margin:0}#landing .container h4{top:350px;margin:auto}#what-we-do{width:100%;margin-top:100px}#what-we-do .container{width:100%;padding:0}#what-we-do .container h3{left:30px;padding:70px 0 0;height:50px}#what-we-do .container ul{margin:0;width:100vw;justify-content:space-around}#what-we-do .container ul li{width:min(95px,24vw);height:min(200px,24vw)}#what-we-do .container ul li h4{font-size:.8rem;padding:5px}#what-we-do .container ul li svg{width:100%;padding-bottom:5px}#location{padding-top:40px;margin:0 5vw 40px}#location h3{font-size:2rem;font-size:clamp(2rem, .913rem + 3.478vw, 3rem);padding:5px 10px;text-align:center}#location .container{margin:0;height:-moz-fit-content;height:fit-content;width:100%;border-radius:20px;padding:20px 0}#location .container ul{width:70vw;margin-left:10vw}#location .container ul #kontakt-info,#location .container ul li #text{width:50vw}#location .container ul li #map{width:34vw;height:35vw;margin:20px}#location .container ul li #text h5{font-size:1rem;font-size:clamp(1rem, .185rem + 2.609vw, 1.75rem);padding:10px 15px 0;text-align:center}#location .container ul li #text h4{font-size:1rem;font-size:clamp(1rem, .185rem + 2.609vw, 1.75rem);text-align:center}#additional{padding-top:10px;margin:0}#additional .container{padding:10px 0 50px}#additional .container h3{padding:5px;font-size:.75rem;width:25vw;text-align:center}#additional .container h4{font-size:.75rem;width:25vw;text-align:center}#additional .container .cont1,#additional .container .cont2{height:160px;width:28vw;border-radius:20px}#additional .container svg{width:25vw}.backg{top:240px}}@media (max-width:640px) and (min-width:480px){body{overflow-x:hidden}nav .container{height:64px}nav .container #logo{left:1vw;top:1vh}nav .container ul{right:10px}nav .container ul li{padding:0 5px 5px}nav .container ul li a{font-size:.75rem;font-size:clamp(.75rem, 0rem + 1.875vw, 1.125rem)}#landing .container{width:90vw;height:30vh;margin:0;left:10px}#landing .container h3{left:50px;width:100%}#landing .container h5{left:50px}#landing .container #call-us{border-radius:50px;height:100px;width:300px;right:15px}#landing .container #call-us .content h4{font-size:2rem;font-size:clamp(1.5rem, -1rem + 5vw, 2rem)}#landing .container h4{top:380px}#what-we-do{width:100%;margin-top:200px}#what-we-do .container{width:100%;padding-left:10px}#what-we-do .container h3{left:30px;padding:70px 0 30px}#what-we-do .container ul{margin:0;width:min(500px,95vw);justify-content:space-around}#what-we-do .container ul li{width:min(95px,24vw);height:min(200px,24vw)}#what-we-do .container ul li h4{font-size:.8rem;padding:5px}#what-we-do .container ul li svg{width:min(100%,130px);height:130px;padding-bottom:5px}#location{padding-top:40px;margin:0 20px 40px}#location h3{font-size:2rem;font-size:clamp(2rem, .913rem + 3.478vw, 3rem);padding:5px 10px;text-align:center}#location .container{margin:0;height:-moz-fit-content;height:fit-content;width:100%;border-radius:20px}#location .container ul{width:100%}#location .container ul li #map{width:34vw;height:35vw;margin:20px}#location .container ul li #text{width:150px}#location .container ul li #text h5{font-size:1rem;font-size:clamp(1rem, .185rem + 2.609vw, 1.75rem);padding:10px 15px 0;text-align:center}#location .container ul li #text h4{font-size:1rem;font-size:clamp(1rem, .185rem + 2.609vw, 1.75rem);text-align:center}#additional{padding:20px 20px 0;margin:0}#additional .container{padding:10px 0 50px;margin:0 10px}#additional .container h3{padding:5px;font-size:1rem;font-size:clamp(1rem, -.087rem + 3.478vw, 2rem)}#additional .container h4{font-size:.75rem}#additional .container .cont1,#additional .container .cont2{height:200px;width:28vw;border-radius:20px}#additional .container svg{width:130px}}@media (min-width:640px) and (max-width:960px){#additional .container,#location{padding:0}body{overflow-x:hidden}nav .container{height:80px}nav .container #logo{left:10px;top:1vh}nav .container ul{right:10px}nav .container ul li{padding:20px}nav .container ul li a{font-size:.75rem;font-size:clamp(.75rem, 0rem + 1.875vw, 1.125rem)}nav .container h1{font-size:4rem}#landing .container{width:90vw;height:30vh;margin:0;left:10px}#landing .container h3{left:50px;width:100%}#landing .container h5{left:50px}#landing .container #call-us{border-radius:50px;height:100px;width:300px;right:15px}#landing .container #call-us .content h4{font-size:2rem;font-size:clamp(1.5rem, -1rem + 5vw, 2rem)}#what-we-do .container h3{left:30px;padding:70px 0 30px}#what-we-do .container ul{margin:0;width:-moz-fit-content;width:fit-content}#what-we-do .container ul li{width:20vw;height:30vw;margin:2vw 1vw}#what-we-do .container ul li h4{font-size:1rem;font-size:clamp(1rem, -1rem + 5vw, 2rem);padding:5px}#location{height:40vw;margin:80px 50px 220px}#location h3{font-size:2rem;font-size:clamp(2rem, .913rem + 3.478vw, 3rem);padding:5px 10px;text-align:center}#location .container{margin:0;padding:0;height:-moz-fit-content;height:fit-content;width:100%;border-radius:20px}#location .container ul{width:100%}#location .container ul li #map{width:40vw;height:40vw;margin:20px}#location .container ul li #text{width:200px}#location .container ul li #text h5{font-size:1rem;font-size:clamp(1rem, .185rem + 2.609vw, 1.75rem);padding:10px 15px;text-align:center}#location .container ul li #text h4{font-size:1rem;font-size:clamp(1rem, .185rem + 2.609vw, 1.75rem);padding:px 15px;text-align:center}#additional{margin:auto}#additional .container h3{padding:15px;font-size:1.4rem}#additional .container h4{font-size:1rem}#additional .container .cont1,#additional .container .cont2{height:300px;width:min(30vw,250px);border-radius:40px}#additional .container svg{width:min(30vw,250px);height:min(30vw,250px)}}#location:target .container,#work-hours:target{animation:2s shining}#what-we-do:target .container ul .dark,#what-we-do:target .container ul .light{animation:1.2s shining}@keyframes shining{20%{box-shadow:0 0 30px 10px rgba(255,215,0,.5)}100%{box-shadow:0 0 0 0 rgba(255,215,0,0)}}body{overflow-x:hidden}