.homePage{width:100%;display:flex;flex-direction:column;gap:var(--gap)}.homePage section{padding:0 5%}.homePage .hero{position:relative;display:flex;align-items:center;height:100vh;background-color:var(--primary);padding:10rem 5%}.homePage .hero .title{width:80%;position:relative;color:var(--color-white)}.homePage .hero .title h1{width:80%;font-size:8vmin;line-height:1.2;font-weight:400}.homePage .hero .title h1 span{color:var(--secondary)}.homePage .mission{justify-content:center;padding:4rem 0;gap:4rem}.homePage .mission,.homePage .mission .text{width:100%;display:flex;flex-direction:column;align-items:center}.homePage .mission .text{text-align:center}.homePage .mission .text h2{flex:1;line-height:1.4;font-weight:400;font-size:2rem;text-align:center;margin-bottom:1rem}.homePage .mission .text p{width:90%;max-width:700px}.homePage .mission .text p:last-child{margin-top:1rem;font-weight:600;font-size:1.15rem}.homePage .mission .container{width:100%;display:flex;align-items:center;justify-content:center}.homePage .mission .container .grid{display:grid;grid-template-columns:repeat(2,1fr);justify-items:center;gap:1rem}.homePage .mission .container .grid .gridItem{padding:3rem;border-radius:50%;display:flex;justify-content:center;align-items:center}.homePage .mission .container .grid .one{grid-row:1;grid-column:1/3;background-color:var(--primary)}.homePage .mission .container .grid .two{grid-row:2;background-color:var(--quaternary)}.homePage .mission .container .grid .three{grid-row:2;background-color:var(--secondary)}.homePage .services{height:-moz-fit-content;height:fit-content;width:100%;position:relative;display:flex;flex-direction:column;gap:var(--gap);padding:2rem 0}.homePage .services .line{position:absolute;top:0;left:50%;transform:translateY(-50%);height:100%;width:.25rem;background-color:#000}.homePage .services .service{display:flex;flex-direction:column;gap:1rem}.homePage .services .service .title{display:flex;align-items:center}.homePage .services .service .title .icon{height:4rem;width:auto;margin-right:1rem}.homePage .services .service .title .icon img{height:100%;width:100%}.homePage .services .service .content{display:flex;flex-direction:column}.homePage .services .service:nth-child(2),.homePage .services .service:nth-child(4){align-items:flex-end}.homePage .services .service:nth-child(2) .content,.homePage .services .service:nth-child(4) .content{text-align:end}.homePage .projects{width:100%;display:flex;flex-direction:column;gap:var(--gap)}.homePage .projects .title{display:flex;align-items:center}.homePage .projects .title h1{font-size:8vmin;font-weight:500}.homePage .projects .projectsButton{background-color:var(--primary);color:var(--color-white);padding:1.15rem 2.5rem;border-radius:2rem;display:flex;align-items:center;justify-content:center;width:-moz-fit-content;width:fit-content;margin:0 auto;transition:all .4s ease}.homePage .projects .projectsButton:hover{background-color:var(--tertiary)}.homePage .news{display:flex;flex-direction:column;gap:4rem}.homePage .news h1{font-size:8vmin;font-weight:500;line-height:1.2}.homePage .news .newsButton{background-color:var(--primary);color:var(--color-white);padding:1.15rem 2.5rem;border-radius:2rem;display:flex;align-items:center;justify-content:center;width:-moz-fit-content;width:fit-content;margin:0 auto;transition:all .4s ease}.homePage .news .newsButton:hover{background-color:var(--tertiary)}.homePage .news .container{display:flex;gap:2rem;flex-wrap:wrap;justify-content:center}@media screen and (max-width:1000px){.homePage .hero .title h1{width:90%}}@media screen and (max-width:800px){.homePage .hero .title h1{width:100%}.homePage .mission{flex-direction:column;gap:4rem}.homePage .mission h2{width:90%}}@media screen and (max-width:600px){.homePage .hero .title{width:100%}.homePage .hero .title h1{font-size:5vmax}.homePage .mission .container .grid{gap:2rem}.homePage .mission .container .grid .gridItem{padding:2rem}.homePage .mission .container .grid .gridItem img{height:50px;width:50px}.homePage .mission h2{text-align:center;font-size:1.5rem}.homePage .news h1,.homePage .projects h1{font-size:5vmax}}.carousel{position:relative;overflow:hidden;width:100%;display:flex;flex-direction:column;justify-content:center;background-color:var(--secondary)}.carousel .carouselButtons{position:absolute;display:flex;gap:2rem;top:4rem;right:5%;transition:all .3s ease}.carousel .carouselButtons .buttonArrow{background:none;cursor:pointer;width:1.25rem;height:2.5rem;border:2px solid var(--color-black);box-sizing:border-box;transition:all .2s ease}.carousel .carouselButtons .buttonArrow svg{font-size:1rem;transition:all .2s ease;color:var(--color-black)}.carousel .carouselButtons .buttonArrow:hover{border-color:var(--quaternary)}.carousel .carouselButtons .buttonArrow:hover svg{color:var(--quaternary)}.carousel .carouselButtons .buttonPrev{position:relative;border-right:0;border-bottom-left-radius:1.25rem;border-top-left-radius:1.25rem}.carousel .carouselButtons .buttonPrev svg{position:absolute;top:50%;left:1rem;transform:translate(-50%,-50%)}.carousel .carouselButtons .buttonNext{position:relative;border-bottom-right-radius:1.25rem;border-top-right-radius:1.25rem;border-left:0}.carousel .carouselButtons .buttonNext svg{position:absolute;top:50%;right:0;transform:translate(-50%,-50%)}.carousel .timerLine{position:absolute;top:5rem;left:5%;width:10rem;background-color:#666;border-radius:1rem;height:.25rem}.carousel .timerLine .timer{height:100%;background-color:var(--color-white);position:relative;border-radius:1rem;transition:width .2s}.carousel .slide{display:flex;width:100%;height:-moz-fit-content;height:fit-content}.carousel .slide .animation{flex:1;display:flex;align-items:center;justify-content:center;padding:5%}.carousel .slide .inner{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:var(--gap);padding:6rem 5% 2rem}.carousel .slide .inner .slideText{width:90%;display:flex}.carousel .slide .inner .slideText p{width:100%;font-size:1.5vmax}.carousel .slide .inner .slideTitle{font-size:3vmax;line-height:1.2}.carousel .slide .inner .slideTitle h3{font-weight:300}.carousel .slide .inner .slideTitle h3:nth-child(2){font-weight:500}.carousel .slide .slideLink{color:var(--color-black);display:flex;align-items:center;font-size:1.5vmax}.carousel .slide .slideLink span{padding:.35rem;border-radius:50%;background-color:var(--primary);display:flex;align-items:center;justify-content:center;margin-right:.5rem;transition:all .3s ease}.carousel .slide .slideLink span svg{font-size:.9rem;color:var(--color-white)}.carousel .slide .slideLink:hover span{background-color:var(--quaternary)}@media screen and (max-width:1000px){.carousel .slide .animation{padding:5% 3%}.carousel .slide .inner{gap:2rem}.carousel .slide .inner .slideText{width:100%}.carousel .slide .inner .slideText p{font-size:1rem}.carousel .slide .inner .slideTitle{font-size:2rem}.carousel .slide .slideLink{font-size:1rem}}@media screen and (max-width:800px){.carousel .slide{flex-direction:column-reverse;height:-moz-fit-content;height:fit-content}.carousel .slide .animation{width:60%;margin:2rem auto 0;padding:0}.carousel .slide .inner{gap:2rem;padding-top:0}.carousel .slide .inner .slideText{width:100%}.carousel .slide .inner .slideText p{font-size:1rem}.carousel .slide .inner .slideTitle{font-size:2rem}}@media screen and (max-width:600px){.carousel .slide .animation{width:70%;margin-top:4rem}.carousel .slide .inner{gap:2rem;padding-bottom:4rem}.carousel .slide .inner .slideText p{font-size:1rem}.carousel .slide .inner .slideTitle{font-size:1.5rem}}.contact{display:flex;align-items:center;justify-content:center;padding:4rem 0;gap:var(--gap)}.contact .title{display:flex;flex-direction:column}.contact .title h1{font-size:3rem;line-height:1.2;font-weight:500}.contact .title a,.contact .title h1 span{color:var(--primary)}.contact .title a{position:relative;width:-moz-fit-content;width:fit-content;font-weight:500;font-size:3rem;margin-top:1rem;display:flex;align-items:center;line-height:1;padding-bottom:.5rem}.contact .title a svg{font-size:1rem;margin-right:.75rem;color:var(--secondary)}.contact .title a:after{content:"";position:absolute;width:100%;height:.15rem;border-radius:1rem;background-color:var(--secondary);left:0;bottom:0;transform:scaleX(0);transform-origin:0 100%;transition:.3s ease}.contact .title a:hover:after{transform:scale(1)}.contact form{display:flex;flex-direction:column;width:100%;max-width:30rem;gap:2rem}.contact form button{background-color:var(--primary);color:var(--color-white);padding:1.15rem 2.5rem;border-radius:2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;width:-moz-fit-content;width:fit-content;transition:all .4s ease;font:inherit}.contact form button:hover{background-color:var(--tertiary)}.inputField{flex:1;position:relative;margin:0 0 5px}.inputField .inputField-input{border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;padding:.5rem;outline:none;font-size:.85rem;border-radius:0;background:linear-gradient(90deg,var(--primary),var(--primary)) 0 100%/0 2px no-repeat,linear-gradient(90deg,#ccc,#ccc) 0 100%/100% 2px no-repeat;transition:background-size .4s ease}.inputField .inputField-error{color:red;display:none;font-size:.75rem;margin-top:.25rem;letter-spacing:1px}input:invalid[focused=true]~.inputField-error,textarea:invalid[focused=true]~.inputField-error{display:block}.inputField input:focus,.inputField textarea:focus{background-size:100% 2px,100% 2px,100%}textarea{resize:none;font-size:.85rem!important}textarea::-moz-placeholder{font-size:.85rem!important}textarea::placeholder{font-size:.85rem!important}@media screen and (max-width:900px){.contact{flex-direction:column}.contact .title{text-align:center}.contact form button{align-self:center}}.projectContainer{position:relative;width:100%;height:35rem;display:flex;flex-direction:column;justify-content:center;padding:5%;overflow:hidden}.projectContainer h4{text-transform:uppercase;font-weight:400;font-size:.85rem;color:#4c4c4c;margin-bottom:1.5rem;z-index:2;line-height:1.2}.projectContainer h1{font-size:8vmin;width:40%;line-height:1.1;font-weight:500;color:#fff;margin-bottom:3rem;z-index:2}.projectContainer a{display:flex;align-items:center;justify-content:space-between;width:-moz-fit-content;width:fit-content;background-color:rgba(55,68,85,.5);color:#fff;font-weight:500;border-radius:2rem;padding:.75rem 1.5rem .75rem 2rem;z-index:2;transition:all .3s ease}.projectContainer a svg{font-size:2rem;margin-left:1rem}.projectContainer a:hover{background-color:rgba(55,68,85,.9)}.zagrebackaZalagaonica{background:#575d5b;background:linear-gradient(90deg,#575d5b 30%,#393b3b 95%)}.zagrebackaZalagaonica h4{color:#fff}.odmorNikadBlize{background:#0d8d60;background:linear-gradient(90deg,#0d8d60 30%,#0e878b 95%)}.odmorNikadBlize h4{color:#fff}.backgroundImageZZ{position:absolute;height:50%;width:auto;right:5%;top:10%}.backgroundImageZZ img{height:100%;width:auto;-o-object-fit:cover;object-fit:cover;opacity:.2}.wavesMore{background:#5de0e6;background:linear-gradient(135deg,#5de0e6,#004aad)}.backgroundImageWM{position:absolute;height:100%;width:auto;right:-10%;top:50%;transform:translateY(-50%) rotate(270deg)}.backgroundImageWM img{height:110%;width:auto;-o-object-fit:cover;object-fit:cover;opacity:.2}.mentalniKompas{background:#ccfccb;background:linear-gradient(135deg,#ccfccb,#44c888)}.projectImageMK{position:absolute;bottom:0;right:12%;height:75%;width:auto}.projectImageMK img{height:100%;width:auto;-o-object-fit:cover;object-fit:cover}.backgroundImageMK{position:absolute;height:100%;width:auto;right:-5%;top:50%;transform:translateY(-50%)}.backgroundImageMK img{height:100%;width:auto;-o-object-fit:cover;object-fit:cover;opacity:.2}.kostelgradProjekt{background:#427bb9;background:linear-gradient(90deg,#427bb9 30%,#175291 95%)}.kostelgradProjekt h4{color:#fff}.reborn{background:#ebe96a;background:linear-gradient(135deg,#ebe96a,#d2834a)}.projectImageRb{position:absolute;bottom:0;right:12%;height:75%;width:auto}.projectImageRb img{height:100%;width:auto;-o-object-fit:cover;object-fit:cover}.backgroundImageRb{position:absolute;height:90%;width:auto;right:3%;top:50%;transform:translateY(-50%)}.backgroundImageRb img{height:100%;width:auto;-o-object-fit:cover;object-fit:cover;opacity:.6}.moodMedia{background:#ba64bf;background:linear-gradient(135deg,#ba64bf,#600cf5)}.projectImageMM{position:absolute;bottom:0;right:5%;height:75%;width:auto}.projectImageMM img{height:100%;width:auto;-o-object-fit:cover;object-fit:cover}.backgroundImageMM{position:absolute;height:110%;width:auto;right:-5%;top:50%;transform:translateY(-50%) rotate(-10deg)}.backgroundImageMM img{height:100%;width:auto;-o-object-fit:cover;object-fit:cover;opacity:.8}@media screen and (max-width:1050px){.projectContainer{height:30rem}.projectContainer h1{font-size:4vmin}}@media screen and (max-width:850px){.projectContainer{height:20rem}.projectContainer a{padding:.25rem 1rem .25rem 1.5rem;font-size:.9rem}.projectContainer a svg{margin-left:.5rem}}@media screen and (max-width:650px){.projectContainer{height:-moz-fit-content;height:fit-content;padding:8% 8% 0;border-radius:var(--radius)}.projectContainer h1{width:100%;font-size:6vmin}.projectContainer a{margin-bottom:2rem;background-color:rgba(55,68,85,.7)}.projectImageMK,.projectImageMM,.projectImageRb{position:relative;display:flex;width:auto;height:15rem;align-self:center;right:unset;justify-content:flex-end}.backgroundImageMM{height:80%;right:0;top:unset;bottom:0;transform:translate(0) rotate(-10deg)}.backgroundImageZZ{height:30%;right:10%;top:20%}}