@import"https://fonts.cdnfonts.com/css/milliard";:root{--color-black: #000;--color-white: #fff;--color-orange: #ff7a00;--color-dark-orange: #cc6300;--border-radius: 2rem;--border-radius-small: .5rem;--border-rounded: 10000rem;--heading-big: 3rem;--heading-mid: 2rem;--heading-small: 1rem;--text-mid: .7rem;--text-small: .5rem}*{box-sizing:border-box;color:var(--color-white)}body{margin:0;font-family:Milliard,sans-serif;background-color:var(--color-black);width:100vw;overflow-x:hidden}.hero{background-image:url(/assets/banner_pic-BV6CLOCb.png);background-repeat:no-repeat;background-position:center;background-size:cover;height:80vh}.gradient{background:#000;background:linear-gradient(0deg,#000 15%,#f8b16100);height:80vh;width:100vw}.logo{position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);width:30rem;transition:all .25s ease-in-out}@media (max-width: 72.75em){.logo{width:15rem}}.logo__active{scale:.3;top:-1rem;left:0rem;position:fixed;z-index:1}@media (max-width: 72.75em){.logo__active{top:.5rem}}@media (max-width: 55em){.logo__active{scale:.2;left:-3rem;top:.3rem}}.arrow{position:fixed;bottom:10rem;right:5rem;display:none;transition:all .25s ease-in-out}.arrow__active{display:block}@media (max-width: 55em){.arrow{right:1.5rem;width:1rem}}.arrow:hover{opacity:.4}.menu{display:flex;justify-content:center;margin-top:0rem;gap:2rem}@media (max-width: 55em){.menu{font-size:var(--text-small)}}.menu__active{position:fixed;background-color:var(--color-black);left:50%;transform:translate(-50%);width:100%;z-index:1}@media (max-width: 55em){.menu__active{display:flex;align-items:center;justify-content:right;padding-right:2rem}}.menu__item{list-style:none;text-align:center;margin-top:2rem;cursor:pointer;margin-bottom:2rem}.menu__item--pocetna,.menu__item--blog,.menu__item--clanovi,.menu__item--onama,.menu__item--kontakt{border-bottom:solid var(--color-orange)}.menu__item:first-child{margin-left:0}.menu__item:hover{border-bottom:solid;border-color:var(--color-orange)}.menu__links{text-decoration:none}.cont{display:flex;align-items:center;justify-content:center}.cont__layout{display:grid;grid-template-columns:1fr 1fr 1fr}.cont__layout__item{border-right:2px solid var(--color-orange);margin:1rem}@media (max-width: 55em){.cont__layout__item{font-size:var(--text-small);margin:0 .5rem}}.cont__layout__item:last-child{border:none}.oNama{display:flex;align-items:center;justify-content:center;flex-direction:column}.oNama-layout{display:grid;grid-template-columns:1fr 4fr;margin-top:5rem;margin-right:5rem;margin-left:5rem}.oNama-layout__heading{display:flex;align-items:center;justify-content:center;font-size:var(--heading-big)}@media (max-width: 72.75em){.oNama-layout__heading{font-size:var(--heading-mid)}}@media (max-width: 55em){.oNama-layout__heading{font-size:var(--heading-small);margin-left:-3rem;margin-right:1rem}}.text{font-size:1.3rem;border-left:2px solid var(--color-orange);padding:2rem}@media (max-width: 72.75em){.text{font-size:var(--text-mid);margin-right:2rem;padding:1rem}}@media (max-width: 55em){.text{margin-right:-3rem}}.link{text-decoration:none}@media (max-width: 72.75em){.link{font-size:var(--text-mid)}}.link:hover{color:var(--color-orange)}.link__hide{display:none}.about__text{padding:0 10rem;font-size:1.3rem;text-align:center}@media (max-width: 55em){.about__text{padding:0 2rem;font-size:var(--heading-small)}}.mediaPlayer__btn{background-color:#000;border:none}.mediaPlayer__img{width:5rem;margin:2rem;transition:all .25s ease-in-out}@media (max-width: 55em){.mediaPlayer__img{width:2rem}}.instrumenti{display:flex;align-items:center;flex-direction:column;margin-top:10rem}.instrumenti__heading{margin-bottom:5rem;font-size:var(--heading-big)}@media (max-width: 72.75em){.instrumenti__heading{font-size:var(--heading-mid)}}@media (max-width: 55em){.instrumenti__heading{font-size:var(--heading-small)}}@media (max-width: 55em){.instrumenti__icons{width:5rem;height:5em}}.instrumenti__layout{display:grid;grid-template-columns:repeat(3,1fr)}.instrumenti__layout__item{border-right:2px solid var(--color-orange);padding:10px;display:flex;align-items:center;justify-content:center;flex-direction:column;width:25rem}.instrumenti__layout__item--none{border:none}@media (max-width: 72.75em){.instrumenti__layout__item{width:15rem}}@media (max-width: 55em){.instrumenti__layout__item{width:8rem}}.instrumenti__text{margin:5rem;font-size:var(--heading-mid)}@media (max-width: 55em){.instrumenti__text{margin:0;margin-top:2rem;font-size:var(--heading-small)}}.instrumenti__lista__item{margin-bottom:1rem}.koncert{margin-top:10rem}.koncert__item{display:flex;align-items:center;justify-content:center;margin-bottom:2rem}.koncert__item__side{display:flex;align-items:center;justify-content:center;flex-direction:column;margin:0 2rem}@media (max-width: 55em){.koncert__item__side{margin:0 1rem}}.koncert__item__info{font-size:var(--heading-big);margin-top:0}@media (max-width: 72.75em){.koncert__item__info{font-size:var(--heading-mid)}}@media (max-width: 55em){.koncert__item__info{font-size:var(--heading-small)}}@media (max-width: 72.75em){.koncert__item__subheading{font-size:var(--text-mid)}}@media (max-width: 55em){.koncert__item__subheading{font-size:var(--text-small)}}.koncert__item__img{width:30rem;border-radius:var(--border-radius);opacity:.5}@media (max-width: 72.75em){.koncert__item__img{width:15rem}}@media (max-width: 55em){.koncert__item__img{width:7rem;border-radius:var(--border-radius-small)}}.koncert{display:flex;align-items:center;justify-content:center}.koncert__layout{display:grid;grid-template-columns:1fr 3fr}.koncert__layout__heading{display:flex;align-items:center;justify-content:center;border-right:solid 2px var(--color-orange);font-size:var(--heading-big)}@media (max-width: 72.75em){.koncert__layout__heading{font-size:var(--heading-mid)}}@media (max-width: 55em){.koncert__layout__heading{font-size:var(--heading-small);padding-right:1rem}}.putovanja{display:flex;align-items:center;justify-content:center;flex-direction:column;margin-top:10rem}.putovanja__heading{margin-bottom:3rem;font-size:var(--heading-big)}@media (max-width: 72.75em){.putovanja__heading{font-size:var(--heading-mid)}}@media (max-width: 55em){.putovanja__heading{font-size:var(--heading-small)}}.putovanja-item{display:grid;grid-template-columns:1fr 3fr;margin-bottom:2rem}.putovanja-item__img{width:40rem;margin-left:5rem;border-radius:var(--border-radius);cursor:pointer;transition:all .25s ease-in-out}@media (max-width: 72.75em){.putovanja-item__img{width:20rem;margin-left:2rem}}@media (max-width: 55em){.putovanja-item__img{width:15rem;margin-left:1rem;border-radius:var(--border-radius-small)}}.putovanja-item__img:hover{opacity:.4}@media (max-width: 72.75em){.putovanja-item__subheading{font-size:var(--text-mid);margin-right:1rem}}@media (max-width: 55em){.putovanja-item__subheading{font-size:var(--text-small)}}.putovanja-item__left{display:flex;align-items:center;justify-content:center;flex-direction:column;border-right:2px var(--color-orange) solid}.putovanja-item__year{font-size:var(--heading-big);margin:0}@media (max-width: 72.75em){.putovanja-item__year{font-size:var(--heading-mid);margin-right:1rem}}@media (max-width: 72.75em) and (max-width: 55em){.putovanja-item__year{font-size:var(--heading-small)}}.footer{margin-top:10rem;display:flex;align-items:center;justify-content:center;flex-direction:column}.footer__layout{display:grid;grid-template-columns:1fr 1fr 1fr;margin-bottom:10rem}.footer__layout__textbottom{font-size:var(--heading-small)}@media (max-width: 72.75em){.footer__layout__textbottom{font-size:var(--text-mid)}}@media (max-width: 55em){.footer__layout__textbottom{font-size:var(--text-small)}}.footer__layout__logo{margin-bottom:5rem;width:15rem}@media (max-width: 72.75em){.footer__layout__logo{width:10rem}}.footer__social{display:flex;align-items:center;padding:2rem;border-right:2px solid var(--color-orange)}.footer__social:last-child{border:none}.footer__social__links:hover{opacity:.4}.footer__social__icons{width:3rem}@media (max-width: 72.75em){.footer__social__icons{width:2rem}}.layout{margin:0 2rem;display:flex;align-items:center;justify-content:center;flex-direction:column}.heading{font-size:4rem;text-align:center;margin:0}@media (max-width: 55em){.heading{font-size:var(--heading-big)}}.heading--contact{margin-bottom:3rem}.content{display:grid;grid-template-columns:1fr 4fr;margin-top:10rem;margin-bottom:3rem;gap:2rem;text-align:center;align-items:center}@media (max-width: 72.75em){.content{grid-template-columns:1fr 2fr}}.content__heading{font-size:var(--heading-big)}@media (max-width: 72.75em){.content__heading{font-size:var(--heading-mid)}}@media (max-width: 55em){.content__heading{font-size:var(--heading-small)}}.content__side{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;border-left:2px solid var(--color-orange)}@media (max-width: 72.75em){.content__side{grid-template-columns:1fr 1fr}}@media (max-width: 55em){.content__side{grid-template-columns:1fr}}.content__item{display:flex;align-items:center;justify-content:center;flex-direction:column;margin:2rem}.content__item:first-child{margin-left:2rem}.content__item__link{text-decoration:none}.content__item__heading{font-size:2rem;margin:0}@media (max-width: 55em){.content__item__heading{font-size:var(--heading-small)}}.content__item__heading:hover{color:var(--color-orange)}.content__item__subheading{margin:0;font-size:var(--heading-small)}@media (max-width: 72.75em){.content__item__subheading{font-size:var(--text-mid)}}@media (max-width: 55em){.content__item__subheading{font-size:var(--text-small)}}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:2rem}@media (max-width: 55em){.gallery{gap:1rem}}.gallery__item{border-radius:var(--border-radius);width:30rem;transition:all .25s ease-in-out}@media (max-width: 55em){.gallery__item{width:10rem;border-radius:1rem}}.gallery__item:hover{scale:1.5}.gallery__heading{font-size:4rem;text-align:center;margin-bottom:5rem}@media (max-width: 55em){.gallery__heading{font-size:3rem;margin:3rem}}.form{margin:10rem 0;display:flex;align-items:left;justify-content:center;flex-direction:column}.form__input{border:none;border-bottom:2px solid var(--color-orange);background-color:var(--color-black);margin-bottom:2rem;width:20rem;height:2rem}.form__input--message{height:5rem}.form__btn{height:3rem;background-color:var(--color-orange);border-radius:1rem;border:none}.form__btn:hover{background-color:var(--color-dark-orange)}.googleMap{width:90%;border-radius:1rem}.map{border-radius:1rem}.member__items{display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}@media (max-width: 97.5em){.member__items{grid-template-columns:1fr}}.member__more{display:flex;align-items:center;justify-content:center}.member__more__icon{margin-right:1rem}@media (max-width: 55em){.member__more__icon{width:1rem;height:1rem}}.member__more__btn{position:absolute;bottom:0;right:-2rem;border:none;background-color:#000;cursor:pointer}@media (max-width: 55em){.member__more__btn{right:-1rem;bottom:0}}.member__item{display:flex;align-items:center;justify-content:center;margin-bottom:4rem;margin-right:2rem;position:relative}.member__item__left__img{width:10rem;height:10rem;object-fit:cover;border-radius:var(--border-rounded)}@media (max-width: 55em){.member__item__left__img{width:5rem;height:5rem}}.member__item__right{display:flex;align-items:center;justify-content:center}.member__item__right__img{margin-left:2rem;margin-right:2rem;padding-left:2rem;width:10rem;height:10rem;border-left:2px solid var(--color-orange)}@media (max-width: 55em){.member__item__right__img{width:5rem;height:5em;margin-left:1rem;margin-right:1rem;padding-left:1rem}}.member__info{display:flex;align-items:center;justify-content:center;flex-direction:column}.member__info__heading{margin:0;text-align:center;top:20px;position:absolute}@media (max-width: 55em){.member__info__heading{font-size:var(--text-mid)}}.member__info__subheading{margin:0}@media (max-width: 55em){.member__info__subheading{font-size:var(--text-small)}}.member__bio{text-align:center;width:40rem;height:0;overflow:hidden;transition:height .5s ease-out}@media (max-width: 55em){.member__bio{font-size:var(--text-mid);width:20rem}}.member__bio.expanded{height:7rem}@media (max-width: 55em){.member__bio.expanded{width:20rem;height:7rem}}