*{box-sizing:border-box;margin:0 auto;padding:0;font-family:"Arial",sans-serif;font-size:16px}body{min-height:100vh}p{font-size:18px}#main-view__holder{display:grid;grid-template-rows:auto 1fr auto;height:100vh}#toolbar{width:100%;height:8.25rem}#content-view{width:100%}footer{width:100%;height:2.5rem}.highlight-text-part{color:#f07167;font-size:1.1rem}.phone{text-decoration:none;color:#fff}@media(max-width: 1981px){#toolbar{height:6.25rem}}@media(max-width: 900px){*{font-size:16px}#toolbar{height:fit-content}#content-view{overflow:auto}.home__title{padding:0 .5rem;text-align:center}}.page-title{position:relative;top:0px;opacity:0;animation-name:textAnim;animation-duration:1s;animation-timing-function:ease-out;animation-fill-mode:forwards;margin:2rem 0 0 0;font-size:3rem;color:#fff;text-shadow:2px 2px 5px #000}.topFadeInAnimation{position:relative;top:0px;opacity:0;animation-name:textAnim;animation-duration:1s;animation-timing-function:ease-out;animation-fill-mode:forwards}@keyframes blur{from{filter:blur(180px)}to{filter:blur(150px)}}@keyframes textAnim{from{top:-50px;opacity:0}to{top:0px;opacity:1}}nav-bar{position:relative;height:100%;width:100%}nav-bar #company-logo{display:flex;align-items:center;width:180px;cursor:pointer}nav-bar #info-bar{display:grid;grid-template-columns:1fr 3fr 1fr;padding:0 4rem;height:25%;background-color:#000;color:#fff}nav-bar #info-bar #info-bar__contact,nav-bar #info-bar #info-bar__media{display:flex;gap:.5rem;align-items:center;font-size:.875rem}nav-bar #info-bar #info-bar__phone-icon,nav-bar #info-bar #info-bar__facebook-icon{width:1.375rem}nav-bar #info-bar #info-bar__lang-hr,nav-bar #info-bar #info-bar__lang-gb{width:24px;cursor:pointer}nav-bar #info-bar #info-bar__phone-icon{filter:invert(48%) sepia(0%) saturate(21%) hue-rotate(182deg) brightness(105%) contrast(82%)}nav-bar #nav-control__holder{display:grid;grid-template-columns:1fr 3fr 1fr;background:#e4fbff;background:linear-gradient(90deg, rgb(228, 251, 255) 0%, rgb(255, 246, 242) 100%);height:75%;padding:0 5rem;border-bottom:1px solid #000}nav-bar ul{display:flex;justify-content:center;align-items:center;list-style:none}nav-bar .nav-button{text-decoration:none;color:#000}nav-bar a{position:relative;display:flex;align-items:center;justify-content:center;user-select:none;cursor:pointer;height:100%;padding:0 1.5rem;letter-spacing:2px}nav-bar a li{display:flex;align-items:center;z-index:2;height:100%;width:100%}nav-bar a::before{transform:scaleX(0);transform-origin:bottom right}nav-bar a:hover::before{transform:scaleX(1);transform-origin:bottom left}nav-bar a::before{content:" ";display:block;position:absolute;top:0;right:0;bottom:0;left:0;inset:0 0 0 0;background:#00afb9;z-index:1;transition:transform .3s ease}nav-bar #hamburger-menu{display:none;cursor:pointer;transition:.5s}nav-bar #nav-bar__shadow{height:6px;width:100%;background:linear-gradient(180deg, rgba(89, 89, 89, 0.8636498545) 0%, rgb(255, 255, 255) 100%)}nav-bar #mobile-nav-control__holder{background:#e4fbff;background:linear-gradient(90deg, rgb(228, 251, 255) 0%, rgb(255, 246, 242) 100%);display:none;flex-direction:column;cursor:pointer;transition:.5s ease-out;width:100%;height:0}nav-bar #mobile-nav-control__holder ul{display:flex;flex-direction:column;justify-content:center;align-items:center;list-style:none;width:100%;height:0;opacity:0;z-index:-1;transition:.5s ease-out}nav-bar #mobile-nav-control__holder a{position:relative;width:100%;user-select:none;cursor:pointer;padding:8px 0;letter-spacing:2px}nav-bar #mobile-nav-control__holder a li{display:flex;justify-content:center;z-index:2;height:100%;width:100%}nav-bar #mobile-nav-control__holder a::before{transform:scaleX(0);transform-origin:bottom right}nav-bar #mobile-nav-control__holder a:hover::before{transform:scaleX(1);transform-origin:bottom left}nav-bar #mobile-nav-control__holder a::before{content:" ";display:block;position:absolute;top:0;right:0;bottom:0;left:0;inset:0 0 0 0;background:#00afb9;z-index:1;transition:transform .3s ease}nav-bar #mobile-nav-control__holder[menuBtnClicked]{height:173px}nav-bar #mobile-nav-control__holder[menuBtnClicked] ul{height:100%;opacity:1;z-index:1}nav-bar #hamburger-menu[menuBtnClicked]{transform:rotate(90deg)}@media(max-width: 900px){#toolbar{height:auto}nav-bar #info-bar{display:grid;grid-template-columns:auto auto;justify-content:space-between;padding:0 2rem;height:30px}nav-bar #middle-info__div{display:none}nav-bar #hamburger-menu{display:flex;align-items:center;width:100%}nav-bar #nav-control__holder{grid-template-columns:auto auto;justify-content:space-between;padding:0 2rem;height:auto}nav-bar #nav-control__holder ul{display:none}nav-bar #company-logo{width:auto}nav-bar #company-logo img{height:50px}nav-bar #mobile-nav-control__holder{display:flex}}home-page{display:flex;overflow:auto;flex-direction:column;align-items:center;background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),url("../images/Borovic3.jpg");background-position:center;background-repeat:no-repeat;background-size:cover;height:100%;padding-bottom:2rem;overflow:auto}home-page .title-1__anim{position:relative;top:0px;opacity:0;animation-name:textAnim;animation-delay:.5s;animation-duration:1s;animation-timing-function:ease-out;animation-fill-mode:forwards}home-page .title-2__anim{position:relative;top:0px;opacity:0;animation-name:textAnim;animation-delay:1s;animation-duration:1s;animation-timing-function:ease-out;animation-fill-mode:forwards}home-page #map-holder{display:flex;align-items:flex-start;justify-content:center;position:relative;padding-bottom:0 !important;width:80vw;height:75vh}home-page .datamaps-bubble{cursor:pointer}home-page .home__title{margin:2rem 0}home-page .cookie-overlay{position:absolute;top:0;left:0;width:100vw;height:100vh;opacity:.6;background-color:#000}home-page .cookie-container{position:absolute;padding:50px 25px 25px 25px;top:50%;left:50%;transform:translate(-50%, -50%);background:linear-gradient(90deg, rgb(228, 251, 255) 0%, rgb(255, 246, 242) 100%);width:600px;height:250px;border-radius:4px;display:flex;flex-direction:column;justify-content:space-between}home-page .cookie-text{text-align:center;display:flex;flex-direction:column;gap:1.5rem}home-page .btn-accept-cookie{padding:15px;background-color:#00afb9;border-radius:4px;border:1px solid #0081a7}home-page .btn-accept-cookie:hover{background-color:#0081a7;color:#fff;cursor:pointer}home-page .cookie-container.hide-cookie{display:none}home-page .cookie-overlay.hide-cookie{display:none}@media(max-width: 900px){#map-holder svg{height:inherit !important}.cookie-container{width:320px;height:360px}}@media screen and (orientation: landscape){#map-holder svg{height:auto !important}}about-page{display:flex;flex-direction:column;align-items:center;gap:2rem;background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),url("../images/pexels-lê-minh-977213.jpg");background-position:center;background-repeat:no-repeat;background-size:cover;height:100%;padding:0 2rem 2rem 2rem;overflow:auto}about-page p{text-align:center;color:#fff;text-shadow:2px 2px #000;animation-name:textAnim;animation-duration:2s;animation-timing-function:ease-out;animation-fill-mode:forwards;white-space:pre-wrap;max-width:800px}warehouse-page{display:flex;flex-direction:column;align-items:center;gap:2rem;background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),url("../images/warehouses.jpeg");background-position:center;background-repeat:no-repeat;background-size:cover;height:100%;padding:0 2rem 2rem 2rem;overflow:auto}warehouse-page .warehouse-holder{display:flex;flex-direction:row;gap:1rem;margin-top:2.5rem}warehouse-page p{text-align:center;color:#fff;text-shadow:2px 2px #000;animation-name:textAnim;animation-duration:2s;animation-timing-function:ease-out;animation-fill-mode:forwards;white-space:pre-wrap;max-width:800px}@media(max-width: 900px){warehouse-page .warehouse-holder{flex-direction:column}}vehicle-fleet-page{display:flex;overflow:auto;flex-direction:column;align-items:center;gap:2rem;background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),url("../images/Borovic1.jpg");background-position:center;background-repeat:no-repeat;background-size:cover;height:100%;padding:0 2rem 2rem 2rem;overflow:auto}vehicle-fleet-page p{text-align:center;color:#fff;text-shadow:2px 2px #000;animation-name:textAnim;animation-duration:2s;animation-timing-function:ease-out;animation-fill-mode:forwards;white-space:pre-wrap;max-width:800px}vehicle-fleet-page #fleet__holder{display:flex;flex-direction:column;align-items:center;width:100%}vehicle-fleet-page #truck,vehicle-fleet-page #van,vehicle-fleet-page #iveco-daily{display:flex;align-items:center;justify-content:center;width:100%}vehicle-fleet-page #truck img,vehicle-fleet-page #van img,vehicle-fleet-page #iveco-daily img{width:55rem;filter:invert(99%) sepia(0%) saturate(2%) hue-rotate(7deg) brightness(105%) contrast(100%);animation-name:textAnim;animation-duration:2s;animation-timing-function:ease-out;animation-fill-mode:forwards}@media(max-width: 950px){vehicle-fleet-page #truck img,vehicle-fleet-page #van img,vehicle-fleet-page #iveco-daily img{width:40rem}}@media(max-width: 600px){vehicle-fleet-page #truck img,vehicle-fleet-page #van img,vehicle-fleet-page #iveco-daily img{width:25rem}}@media(max-width: 450px){vehicle-fleet-page #truck img,vehicle-fleet-page #van img,vehicle-fleet-page #iveco-daily img{width:20rem}}contact-page{display:flex;overflow:auto;gap:1rem;flex-direction:column;background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),url("../images/dim-hou-CGsG5tpqW6I-unsplash.jpg");background-position:center;background-repeat:no-repeat;background-size:cover;height:100%;padding-bottom:2rem;overflow:auto}contact-page .contact-info-holder{display:flex;flex-direction:column;color:#fff;line-height:1.5rem;margin-top:1rem;padding-bottom:2rem;animation-name:textAnim;animation-duration:2s;animation-timing-function:ease-out;animation-fill-mode:forwards}contact-page .contact-info-holder a{text-decoration:none;color:#fff}contact-page .contact-info-holder a:hover{color:#d3d3d3}contact-page .contact-info-holder div.mobileInfo{display:flex;flex-direction:row;gap:1rem}contact-page .contact-info-holder div.mobileInfo img{width:1rem}contact-page form{display:flex;flex-direction:column;gap:1rem;align-items:center;animation-name:textAnim;animation-duration:2s;animation-timing-function:ease-out;animation-fill-mode:forwards}contact-page form input,contact-page form textarea{box-sizing:border-box;padding:.5rem;border:none;border-radius:5px;width:25rem}contact-page form input:hover,contact-page form textarea:hover{box-sizing:border-box;outline:2px solid #00afb9}contact-page form input:focus,contact-page form textarea:focus{box-sizing:border-box;outline:2px solid #0081a7}contact-page form input[type=submit]{width:25rem;background-color:#f07167;color:#fff;letter-spacing:2px;padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer}contact-page form input[type=submit]:hover{color:#fff}@media(max-width: 450px){contact-page form input,contact-page form textarea,contact-page form input[type=submit]{width:20rem}}#footer{background-color:#fdfcdc}#footer #footer-content{display:flex;gap:.25rem;flex-direction:column;justify-content:center;height:80%}#footer #footer-content a{text-decoration:none;color:#000;font-size:.875rem}#footer #footer-content a:hover{color:#a9a9a9}#footer #footer-content div{font-size:.875rem}#footer #copyright{display:flex;justify-content:center;align-items:center;height:100%;background-color:#000;color:#fff;font-size:.85rem;letter-spacing:2px}@media(max-width: 900px){#footer{height:auto}#copyright{text-align:center;padding:.5rem 0}}