html{scroll-behavior: smooth;}
button{cursor:pointer;}
body{border:none; padding:0; box-sizing:border-box; margin:0; font-size:1em; font-family:alegreya, sans-serif;overflow-x:hidden}
header{position:fixed; width:100vw; height:4.2em; border:none; top:0; left:0;
background-color:#F7F5EF; box-shadow:0 0 .5em rgba(0,0,0,.5);
transition:.5s; z-index:1000; margin:0; padding:0; }
header:after{display:block; content:''; clear:both; height:.5em; width:100vw;
background-image:url(/slike/header-crta.svg); background-size:auto 100% ;
background-position:top; margin-top:-.25em}
header figure{position:fixed; top:0; left:calc(50vw - 16em); width:32em; height:8em; padding:0; margin:0;
display: flex; justify-content:center; align-content:center; align-items:center;
z-index:2000; background-image:url(/slike/header-logo_bg.svg); background-size:100% auto;
background-position:top; background-repeat:no-repeat;
padding-bottom:1em; box-sizing:border-box; transition:inherit;}
header figure img{width:auto; height:4.5em; transition:inherit;}
header figcaption{display:none}
header nav{height:100%; width:70em; transition:inherit; margin-left:calc(50vw - 35em); padding-top:.5em; padding:0;
display:flex; justify-content:space-around; align-content:center; align-items:center; box-sizing:border-box; }
header nav a, header nav button {color:black; text-decoration:none; display:block; padding:.5em; cursor:pointer;
background: transparent; border: none; font-size: 1em; font-family: inherit;}
header nav a:nth-of-type(1){margin-left:2em;}
header nav a:nth-of-type(4){margin-right:16em;}
header nav a:nth-of-type(5){margin-left:18em; padding-left:1em; background-image:url('/slike/header-kosarica.svg');
background-size:auto .8em; background-position:left; background-repeat:no-repeat}
header nav a:hover{color:#14693C}
header nav a:last-of-type{display:block; height:2.5em; width:2.5em; border-radius:100vw; background-color:white;
position:fixed; top:2em; right:calc(50vw - 14em); z-index:110; border:.2em solid #14693C;
background-color:#F7F5EF;transition:inherit;
display:flex; justify-content:center; align-content:center; align-items:center;
box-sizing:border-box; text-align:center; z-index:2000 }
.slika_uvecana{position:fixed; width:100vw; height:100vh; background-color:rgba(247,245,239,0.9);
top:-100vh; left:0; z-index:3000; transition:inherit; background-size:contain;
background-position:center; background-repeat:no-repeat; padding:0}
.slika_uvecana button{width:100%; clear:left; height:100%; cursor:pointer; border:none; object-select:none;
background-image:url(/slike/galerija_zatvori.svg); background-size:auto 3em;
background-position: calc(100% - 2em) 2em; background-repeat:no-repeat; background-color:rgba(0,0,0,0);}
main{width:100vw; border:none; box-sizing:border-box; font-size:1em; font-family: alegreya, sans-serif;
background-color:#F7F5EF; height:auto; padding:0; margin:0; font-size-adjust:.5; overflow-x:hidden}
h1{font-size:2.5em; color:#B89D52; font-family:"Trebuchet MS", sans-serif; font-weight:bold; margin:0; margin-bottom:.5em;
text-align:center}
#pocetna_video{width:100%; height:calc(100vh - 2em); margin:0em; margin-top:2em; overflow:hidden;
padding:0; box-sizing:border-box; overflow-x:hidden; background-color:white}
#pocetna_video video{width:100%; height:100%; object-fit:cover; filter:brightness(95%);}
#pocetna_video video+figcaption{display:block; font-size:4em; margin:0; padding:0; user-select:none;
height:auto; width:9em; line-height:1em; text-align:center; box-sizing:border-box;
cursor:default; font-family:greatvibes, sans-serif; color:white; z-index:999;
position:absolute; left:calc(50% - 4.5em); top:calc(100vh - 4em); text-shadow:0 0 1em black;
opacity:0; transition:1s ease-in; font-size-adjust:.35;}
#pocetna_video video+figcaption p{display:block; width:100%; margin:0; padding:0;}
#pocetna_video video+figcaption span{display:block; width:100%; font-size:50%; text-align:right; }
#AIPO:before{display:block; content:''; clear:both; height:.5em; width:100%;
background-image:url(/slike/header-crta.svg); background-size:auto 100% ;
background-position:top; margin-top:-.25em; margin-bottom:4em; }
#AIPO{width:100%; height:auto; background-color:#F7F5EF; box-sizing:border-box; }
#AIPO h1{margin-left:calc(50% - 20em); width:40em; color:#14693C; font-weight:normal; font-size:2em}
#AIPO p{margin:0.25em 0; margin-left:calc(50% - 22em); width:44em; color:black; text-align:center; }
#AIPO h2{ margin-left:calc(50% - 20em); width:40em; margin-bottom:.75em; font-size:1.25em; text-align:center;
font-weight:normal}
#AIPO div{margin-left:calc(50% - 20em); width:40em; display:flex; align-content:center; justify-content:center; margin-top:.5em}
#AIPO figure{cursor:pointer; width:7em; height:auto; margin:.5em; float:left; padding:0; border:.1em solid #14693C;
border-radius:.25em; overflow:hidden; box-sizing:border-box}
#AIPO figure:hover figcaption{background-color:#14693C; color:white}
#AIPO figure img{width:100%; height:5em; object-fit:cover; display:block;}
#AIPO figure figcaption{width:100%; height:auto; padding:.5em .25em; box-sizing:border-box;
background-color:white; text-align:center; display:block; color:#14693C; transition:.5s}
section{width:100%; height:auto; background-color:#F7F5EF; box-sizing:border-box; transition:.5s; margin:0;
padding:0 calc(50% - 35em); padding-top:8em; }
section:first-of-type{}
section:first-of-type figure{width:50%; height:23em; float:left; box-sizing:border-box; margin:0; padding:0; }
section:first-of-type figure img{width:100%; height:100%; object-fit:cover; border-radius:.25em}
section:first-of-type figure figcaption{display:none}
section:first-of-type article{width:50%; height:auto; float:left; padding-left:2em; box-sizing:border-box;
margin:0; padding-top:1em }
section:first-of-type article h1{text-align:left}
section:first-of-type article p{padding:.25em 0; box-sizing:border-box; margin:0}
section:first-of-type article div p:last-of-type{font-style:italic}
section:first-of-type article div{height:0; overflow:hidden; transition:.5s}
section:first-of-type article button{border:none; background-color:rgba(0,0,0,0); width:10%;
height:2em; transform: rotate(180deg); cursor:pointer;
background-image:url('/slike/strelica.svg'); background-position:center;
background-repeat:no-repeat; background-size:auto 30%;
filter:grayscale(100%);}
section:first-of-type article button:hover{filter:grayscale(0%)}
section:first-of-type:after{display:block; content:''; clear:both; height:0.00001em; width:100%;}
.ulja{padding:0 calc(50% - 35em); padding-top:10em; height:auto; transition:1s;
background: linear-gradient(#F7F5EF 10%, white, #F7F5EF 90%); display:flex; flex-wrap:wrap;
justify-content:space-around; align-content:center; align-items:center; }
.ulja:after{display:block; content:''; clear:both; height:0.00001em; width:100%; margin-top:5em}
.ulja h1{display:block; width:100%; margin-bottom:2em}
.ulja figure{width:7em; height:25em; transition:.7s; overflow:hidden; margin:0; padding:0; box-shadow:0 0 2em white; background-color:white}
.ulja figure:hover{width:20em;}
.ulja figure:hover figcaption{margin-left:0em; opacity:1}
.ulja figure img{width:7em; height:100%; object-fit:contain; float:left}
.ulja figure figcaption{width:13em; height:100%; box-sizing:border-box; float:left;
display:flex; justify-content:flex-start; align-content:flex-end;
padding-left:.5em; padding-bottom:1em; flex-wrap:wrap; transition:.6s; transition-delay:.3s;
margin-left:-5em; opacity:0}
.ulja figure figcaption h1{font-size:2em; padding:0; margin:0; text-align:left}
.ulja figure figcaption a{text-decoration:none; border:.1em solid #14693C; width:auto; padding:.25em .5em;
display:block; color:#14693C; background-color:white; margin-top:-.5em}
.ulja figure figcaption a:hover{background-color:#14693C; color:white; transition:.5s;}
.priznanja{padding:0; height:auto; padding-top:8em; }
.priznanja div{padding:0 calc(50% - 30em); display:flex; flex-wrap:wrap;
justify-content:center; align-content:center; align-items:center; }
.priznanja h2, .priznanja h3{display:block; width:100%; margin-bottom:.5em; margin-top:1em; font-size:2.5em; color:#B89D52; font-family:"Trebuchet MS", sans-serif; font-weight:bold; margin:0; margin-bottom:.5em;
text-align:center; line-height: 100%;}
.priznanja img {height:13.5em; width:15%; margin:.5%; box-sizing:border-box; transition:.25s; object-fit:contain;
cursor:pointer; border-radius:.5em; padding:.5em; background-color:white}
.priznanja img:hover{box-shadow:0 0 .5em gray}
.priznanja:after{display:block; content:''; clear:both; height:.3em; width:100%; margin-top:5em;
background-image:url(/slike/header-crta.svg); background-size:auto .6em ;
background-position:top; overflow:hidden}
.recenzije{padding:0; width:100%; height:auto; overflow-x:hidden;
background-image:url('/slike/pozadina.jpg'); background-attachment:fixed; background-size:cover;
background-position:center; }
.recenzije div{width:1100vw; height:auto; margin:0; padding:0; transition:ease 1s}
.recenzije article{width:100vw; height:auto; margin:0; padding:8em calc(50vw - 30em); padding-bottom:0em; box-sizing:border-box;
display:flex; justify-content:center; align-content:center; float:left; flex-wrap:wrap;
color:white; }
.recenzije article img{width:4em; height:4em; margin:0; margin-bottom:1em; padding:0; object-fit:cover; border-radius:100vw }
.recenzije article p{font-size:1em; line-height:150%; text-align:center; text-shadow:0 0 1em black; margin:.25em 0 }
#recenzije_navigator{display:flex; justify-content: center; align-content:center; clear:both; height:3em; width:100vw;
margin-bottom:5em; }
#recenzije_navigator button{width:1.2em; height:1.2em; border-radius:100em; border:1px solid white; margin:.5em;
background:none; box-sizing:border-box; cursor:pointer}
#recenzije_navigator button:disabled{background-color:white; cursor:default}
#recenzije_navigator button:disabled:hover{background-color:white; cursor:default}
#recenzije_navigator button:hover{background-color:rgba(255,255,255,.2);}
.galerija:before{display:block; content:''; clear:both; height:.3em; width:100vw; margin-bottom:8em;
background-image:url(/slike/header-crta.svg); background-size:auto .6em ;
background-position:bottom; overflow:hidden}
.galerija{padding:0;}
.galerija h1{padding:0 calc(50% - 35em); box-sizing:border-box; width:100%; }
#galerija_slike{padding:0 calc(50% - 35em); box-sizing:border-box; width:100%; height:auto; }
#galerija_slike figure{display:block; width:calc(20% - .5em); margin:.25em; height:15em; float:left; border-radius:.5em;
cursor:pointer; transition:.25s; }
#galerija_slike figure:hover{box-shadow:0 0 .5em gray}
#galerija_slike figure img{object-fit:cover; width:100%; height:100%; border-radius:.5em; }
#galerija_slike figure figcaption{display:none}
#galerija_slika_navigator{height:3em; width:100%; display:flex; justify-content:center;
align-items:center; clear:both; box-sizing:bolder-box; font-size:1.2em }
#galerija_slika_navigator button {height:1em; width:1em; border-radius:1em; border:.1em solid #14693C; padding:0;
box-sizing:border-box; margin:0 .3em; cursor:pointer; font-size:1em;
background-color:rgba(255,255,255,0.25)}
#galerija_slika_navigator button:hover{border:.13em solid #14693C;}
#galerija_slika_navigator button:disabled{border:.1em double #14693C; cursor: default; background-color:#14693C}
#galerija_detalji{position:fixed; width:100vw; height:100vh; overflow:hidden;
top:100vh; left:0vw; transition:.5s; box-sizing:border-box; z-index:3000;
padding:0em; background-color:rgba(255,255,255,.9);
background-size:contain; background-repeat:no-repeat; background-position:center;}
#galerija_detalji button{cursor:pointer; border:none;
background-image:url(/slike/galerija_strelica.svg); background-repeat:no-repeat;
background-size:3em auto; background-position:4em calc(50% + 5em);
padding:0; margin:0; background-color:rgba(255,255,255,0); box-sizing:border-box; float:left;
height:calc(100% - 8em); width:50%; margin-right:0; }
#galerija_detalji button:hover{background-color:rgba(255,255,255,.05); transition:.35s }
#galerija_detalji button:disabled{cursor:default; opacity:.25}
#galerija_detalji button:disabled:hover{background-color:rgba(255,255,255,0); filter:grayscale(100%); }
#galerija_detalji button:nth-of-type(2){transform:rotate(180deg); margin-right:0; background-position:4em calc(50% - 5em);}
#galerija_detalji button:nth-of-type(3){width:100%; clear:left; height:8em; background-image:url(/slike/galerija_zatvori.svg); background-size:auto 3em; background-position:center; }
.videa{padding:8em calc(50% - 35em); padding-bottom:4em; display:flex; justify-content:space-around; align-content:center;
flex-wrap:wrap; }
.videa h1{width:100%; }
.videa a{display:block; float:left; height:15em; width:15em; background-position:center, center; background-size:50% auto, cover;
background-repeat:no-repeat, no-repeat; box-sizing:border-box; cursor:pointer; transition:.25s; border-radius:0.5em}
.videa a:nth-of-type(1){background-image:url('/slike/videa_ikonica.svg'), url('/slike/video_1.jpg')}
.videa a:nth-of-type(2){background-image:url('/slike/videa_ikonica.svg'), url('/slike/video_2.jpg')}
.videa a:nth-of-type(3){background-image:url('/slike/videa_ikonica.svg'), url('/slike/video_3.jpg')}
.videa a:nth-of-type(4){background-image:url('/slike/videa_ikonica.svg'), url('/slike/video_4.jpg')}
.videa a:hover{box-shadow:0 0 1em -.2em #555}
footer{clear:both; height:auto; background-color:#F7F5EF; width:100vw; z-index:-10; padding:8em calc(50% - 35em);
box-sizing:border-box; padding-bottom:1em; }
footer address, #drustvene{font-style:normal; text-decoration:none; display:flex; justify-content:center;
align-content:flex-start; align-items:flex-start; padding:0; }
footer address a{font-style:normal; text-decoration:none; display:flex;
width:auto; min-width:6em; height:6em; background-position:center; background-repeat:no-repeat; background-size:auto 90%;
box-sizing:border-box; font-size:1em; margin:0 1em; transition:color .75s, background-size 0.5s;
justify-content:center; align-content:flex-start; align-items:center;
text-align:center; overflow:hidden; color:rgba(0,0,0,0)}
footer address a:hover{color:rgba(0,0,0,1); background-size:auto 0%;}
footer address a:nth-of-type(1){background-image:url('/slike/footer-adresa.svg')}
footer address a:nth-of-type(2){background-image:url('/slike/footer-tel.svg')}
footer address a:nth-of-type(3){background-image:url('/slike/footer-mob.svg')}
footer address a:nth-of-type(4){background-image:url('/slike/footer-mail.svg'); }
footer address a:nth-of-type(5){background-image:url('/slike/footer-viber.svg'); }
footer h3{margin-top:3em; color:black; text-align:center; color:#B89D52;}
#drustvene a{font-style:normal; text-decoration:none; display:block; width:3em; height:3em; margin:0 1em; transition:0.25s;
background-position:center; background-repeat:no-repeat; background-size:auto 80%; color:rgba(0,0,0,0)}
#drustvene a:hover{background-size:auto 100%;}
#drustvene a:nth-of-type(1){background-image:url('/slike/footer-facebook.svg')}
#drustvene a:nth-of-type(2){background-image:url('/slike/footer-instagram.svg')}
.pravne_napomene{width:100%; text-align:center; padding:1em; margin-top:8em; clear:both; box-sizing:border-box;}
.pravne_napomene a{color:black; padding:0; background-size:0%; margin-right:2em; width:auto; float:none;
position:static; text-decoration:none;}
.pravne_napomene a:hover{color:#8F5E25; background-size:0%}
#pero{display:inline-block; color:rgba(0,0,0,0); width:2.5em; height:2.5em; border-radius:100em;
background-image:url(/slike/pero.svg); background-size:80%; background-repeat:no-repeat; background-position:center;
margin:0 auto; overflow:hidden; clear:both; transition:.25s }
#pero:hover{background-size:100%;}
.pravne_napomene_detalji{height:auto; width:100%; font-size:90%; clear:both; margin:0; display:none; padding:0; padding-bottom:1em }
.pravne_napomene_detalji p{padding:.25em 0; margin:0}
#GDPR{width:100vw; height:auto; position:fixed; bottom:0; left:0; background-color:white; display:flex;
justify-content:center; padding:0.5em 3vw; font-size:.85em; vertical-align:center; word-break: break-word;
box-sizing:border-box}
#GDPR a{display:inline; font-family:QuicksandMedium, sans-serif; background-image:none; height:auto; margin:none; padding:0; width:auto}
#GDPR a:hover{font-size:1em}
#GDPR button{display:inline-block; font-family:QuicksandLight, sans-serif; border:1px solid #14693C;
background-color:white; margin:0; transition:.5s;margin-left:.5em;
cursor: pointer; width:5em; padding:0 .15em; word-break: normal;}
#GDPR button:hover{color:white; background-color:#14693C}
@font-face{font-family:greatvibes; src: url(/fontovi/greatvibes.ttf);}
@font-face{font-family:alegreya; src: url(/fontovi/alegreyasansregular.ttf);}
@font-face{font-family:alegreya; src: url(/fontovi/alegreyasansbold.ttf); font-weight:bold}
/* -----------------------------------MOBITEL VERZIJA --------------------------------------- */
@media only screen and (max-width: 70em) {
header{position:absolute; width:100vw; height:auto; box-shadow:none;}
header:after{display:none; }
header figure{position:absolute; top:0em; left:0; width:100vw; height:30vh;
display: flex; justify-content:center; align-content:flex-start; align-items:flex-start;
background-image:url(/slike/header-crta.svg);
background-size:100vw auto; background-position:50% calc(100% + 1vw); padding-bottom:0em; background-color:rgba(0,0,0,0);}
header figure img{width:100%; height:calc(100% - 2vw /* bground visina*/); background-color:#F7F5EF;
padding:2vh 5vw; padding-top:calc(3em + 2vh);box-sizing:border-box}
header figcaption{display:none}
header nav{position:fixed; height:3em; width:100vw; margin-left:0; padding-top:0; padding:0;
display:block; background-color:rgba(0,0,0,0); background-repeat:no-repeat, no-repeat;
background-size:auto 1.5em, 100vw auto; background-position:50% 0.75em, bottom;
background-image:url(/slike/header-menu.svg), url(/slike/header-menu_bg.svg);
padding-top:3em; overflow:hidden; z-index:5000; cursor:pointer}
header nav a, header nav button {color:#F7F5EF; text-decoration:none; display:block; padding:.75em; cursor:pointer; box-sizing:border-box;
width:100%; height:2.5em; text-align:center}
header nav a:nth-of-type(1){margin-left:0em;}
header nav a:nth-of-type(4){margin-right:0em;}
header nav a:nth-of-type(5){margin-left:0em; padding-left:1em; background-position:calc(50% - 2.5em) 50%; }
header nav a:hover{color:white}
header nav a:last-of-type{height:2.5em; width:2.5em; top:0em; left:calc(100vw - 3.5em); z-index:110;
border:.2em solid #14693C; color:black; position:absolute;
background-color:#F7F5EF;transition:inherit;z-index:2000 }
#slika_uvecana{position:fixed; width:100vw; height:100vh; background-color:rgba(247,245,239,0.9);
top:-100vh; left:0; z-index:3000; transition:inherit; background-size:contain;
background-position:center; background-repeat:no-repeat; padding:0}
#slika_uvecana button{width:100%; clear:left; height:100%; cursor:pointer; border:none; object-select:none;
background-image:url(/slike/galerija_zatvori.svg); background-size:auto 4em;
background-position:center calc(100% - 2em); background-repeat:no-repeat; background-color:rgba(0,0,0,0);}
h1{font-size:2em; word-break:break-word}
#pocetna_video{height:calc(100vh - 30vh); margin:0em; margin-top:30vh; overflow:hidden}
#pocetna_video video{}
#pocetna_video video+figcaption{display:block; font-size:2.5em; margin:0; padding:1em; user-select:none;
height:auto; width:100%; left:0; top:calc(70vh - 2em); padding:0 5vw; }
#pocetna_video video+figcaption p{display:block; width:100%; margin:0; padding:0;}
#pocetna_video video+figcaption span{}
#AIPO:before{}
#AIPO{}
#AIPO h1{margin-left:0; width:100%; padding:0 5vw; box-sizing:border-box}
#AIPO p{margin:0.25em 0; margin-left:0; width:100%; padding:0 5vw; box-sizing:border-box; text-align:left }
#AIPO h2{margin-left:0; width:100%; padding:0 5vw; box-sizing:border-box; margin-bottom:.75em; font-size:1.35em }
#AIPO div{margin-left:0; width:100%; padding:0 5vw; box-sizing:border-box; display:flex; align-content:center; justify-content:center; margin-top:.5em}
#AIPO figure{width:48%; margin:1%; }
#AIPO figure:hover figcaption{background-color:#14693C; color:white}
#AIPO figure img{height:30vw; }
#AIPO figure figcaption{}
section{padding:0 5vw; padding-top:5em; }
section:first-of-type{}
section:first-of-type figure{width:100%; height:70vw; float:none; }
section:first-of-type figure img{width:100%; height:100%; object-fit:cover; }
section:first-of-type figure figcaption{display:none}
section:first-of-type article{width:100%; height:auto; float:none; padding-left:0; padding-top:1em }
section:first-of-type article h1{text-align:left}
section:first-of-type article p{padding:.25em 0; box-sizing:border-box; margin:0}
section:first-of-type article div p:last-of-type{font-style:italic}
section:first-of-type article div{height:0; overflow:hidden; transition:.5s}
section:first-of-type article button{border:none; background-color:rgba(0,0,0,0); width:100%;
height:2em; transform: rotate(180deg); cursor:pointer;
background-image:url('/slike/strelica.svg'); background-position:center;
background-repeat:no-repeat; background-size:auto 30%;
filter:grayscale(100%);}
section:first-of-type article button:hover{filter:grayscale(0%)}
section:first-of-type:after{display:block; content:''; clear:both; height:0.00001em; width:100%;}
.ulja{padding:0 5vw; padding-top:5em; display:block; }
.ulja:after{display:block; content:''; clear:both; height:0.00001em; width:100%; margin-top:5em}
.ulja h1{margin-bottom:1em}
.ulja figure{width:100%; height:auto; box-shadow:0 0 2em white; margin:4em 0}
.ulja figure:hover{width:100%;}
.ulja figure:hover figcaption{margin-left:0em; opacity:1}
.ulja figure img{width:5em; height:100%; object-fit:contain; float:left}
.ulja figure figcaption{width:calc(100% - 5em); height:auto; display:block;
padding:1em 0; padding-left:1em; opacity:1; margin-left:0}
.ulja figure figcaption h1{font-size:1.5em; padding:0; margin:0; text-align:left}
.ulja figure figcaption p{padding:0; margin:1em 0; margin-top:.25em; text-align:left}
.ulja figure figcaption a{text-decoration:none; border:.1em solid #14693C; width:auto; padding:.25em .5em;
display:inline; color:#14693C; background-color:white; }
.ulja figure figcaption a:hover{background-color:#14693C; color:white; transition:.5s;}
.priznanja{padding:0; height:auto; padding-top:3em; box-sizing:border-box }
.priznanja div{padding:0 5vw ; display:flex; flex-wrap:wrap;
justify-content:space-around; align-content:center; align-items:center; }
.priznanja h2, .priznanja h3{display:block; width:100%; margin-bottom:.5em; margin-top:1em; font-size:2.5em; color:#B89D52; font-family:"Trebuchet MS", sans-serif; font-weight:bold; margin:0; margin-bottom:.5em;
text-align:left}
.priznanja img {height:37vw; width:30%; margin:2% 0; padding:0em; background-color:white}
.priznanja img:hover{box-shadow:0 0 .5em gray}
.priznanja:after{display:block; content:''; clear:both; height:.3em; width:100%; margin-top:5em;
background-image:url(/slike/header-crta.svg); background-size:auto .6em ;
background-position:top; overflow:hidden}
.recenzije{ }
.recenzije div{}
.recenzije article{padding:2em 5vw; padding-bottom:0em; }
.recenzije article img{width:4em; height:4em; margin:0; margin-bottom:1em; padding:0; object-fit:cover; border-radius:100vw }
.recenzije article p{font-size:1em; line-height:120%; margin:.25em 0; text-align:justify; justify-content:inner-word }
#recenzije_navigator{display:flex; justify-content:center; height:auto; margin-bottom:3em; }
#recenzije_navigator button{max-width:3em;max-height:3em;width:5.5vw; height:5.5vw; margin:1.2vw; }
.galerija:before{}
.galerija{padding:0;}
.galerija h1{padding:0 5vw; }
#galerija_slike{padding:0 5vw;}
#galerija_slike figure{width:48%; margin:1%; height:70vw; }
#galerija_slike figure:hover{box-shadow:0 0 .5em gray}
#galerija_slika_navigator{height:auto; font-size:1em; padding-top:1em }
#galerija_slika_navigator button {max-width:3em;max-height:3em;width:5.5vw; height:5.5vw; margin:1.2vw;}
#galerija_slika_navigator button:hover{border:.13em solid #14693C;}
#galerija_slika_navigator button:disabled{border:.1em double #14693C; cursor: default; background-color:#14693C}
#galerija_detalji{position:fixed; width:100vw; height:100vh; overflow:hidden;
top:100vh; left:0vw; transition:.5s; box-sizing:border-box; z-index:3000;
padding:0em; background-color:rgba(255,255,255,.9);
background-size:contain; background-repeat:no-repeat; background-position:center;}
#galerija_detalji button{cursor:pointer; border:none;
background-image:url(/slike/galerija_strelica.svg); background-repeat:no-repeat;
background-size:3em auto; background-position:4em calc(50% + 5em);
padding:0; margin:0; background-color:rgba(255,255,255,0); box-sizing:border-box; float:left;
height:calc(100% - 8em); width:50%; margin-right:0; }
#galerija_detalji button:hover{background-color:rgba(255,255,255,.05); transition:.35s }
#galerija_detalji button:disabled{cursor:default; opacity:.25}
#galerija_detalji button:disabled:hover{background-color:rgba(255,255,255,0); filter:grayscale(100%); }
#galerija_detalji button:nth-of-type(2){transform:rotate(180deg); margin-right:0; background-position:4em calc(50% - 5em);}
#galerija_detalji button:nth-of-type(3){width:100%; clear:left; height:8em; background-image:url(/slike/galerija_zatvori.svg); background-size:auto 3em; background-position:center; }
.videa{padding:2em 5vw; padding-bottom:2em; display:flex; justify-content:space-around; align-content:center;
flex-wrap:wrap; }
.videa h1{width:100%; }
.videa a{height:47vw; width:48%; margin:1%}
.videa a:nth-of-type(1){background-image:url('/slike/videa_ikonica.svg'), url('/slike/video_1.jpg')}
.videa a:nth-of-type(2){background-image:url('/slike/videa_ikonica.svg'), url('/slike/video_2.jpg')}
.videa a:nth-of-type(3){background-image:url('/slike/videa_ikonica.svg'), url('/slike/video_3.jpg')}
.videa a:nth-of-type(4){background-image:url('/slike/videa_ikonica.svg'), url('/slike/video_4.jpg')}
.videa a:hover{box-shadow:0 0 1em -.2em #555}
footer{width:100vw; z-index:-10; padding:2em 5vw; }
footer address, #drustvene{flex-wrap:wrap; }
footer address a{display:block;
width:48%; margin:0.5em 1%; height:auto; background-position:top center;
background-size:auto 4.5em; padding-top:5em; color:black}
footer address a:hover{color:rgba(0,0,0,1); background-size:auto 0%;}
footer h3{margin-top:1em; color:black; text-align:center; color:#B89D52;}
#drustvene a{width:2em; height:2em; background-size:auto 100%;}
#drustvene a:hover{background-size:auto 100%;}
#drustvene a:nth-of-type(1){background-image:url('/slike/footer-facebook.svg')}
#drustvene a:nth-of-type(2){background-image:url('/slike/footer-instagram.svg')}
.pravne_napomene{width:100%; text-align:center; padding:1em 5vw; margin-top:2em; clear:both; box-sizing:border-box;}
.pravne_napomene a{color:black; padding:0; background-size:0%; margin-right:2em; width:auto; float:none;
position:static; text-decoration:none;}
.pravne_napomene a:hover{color:#8F5E25; background-size:0%}
#pero{display:inline-block; color:rgba(0,0,0,0); width:2.5em; height:2.5em; border-radius:100em;
background-image:url(/slike/pero.svg); background-size:80%; background-repeat:no-repeat; background-position:center;
margin:0 auto; overflow:hidden; clear:both; transition:.25s }
#pero:hover{background-size:100%;}
.pravne_napomene_detalji{height:auto; width:100%; padding:0 5vw;margin-bottom:1em}
.pravne_napomene_detalji p{padding:.25em 0; margin:0}
#GDPR{width:100vw; height:auto; position:fixed; display:flex; flex-wrap:wrap;
justify-content:center; padding:0.5em 5vw; font-size:.85em; vertical-align:center; word-break: break-word;
box-sizing:border-box}
#GDPR a{display:inline;}
#GDPR a:hover{font-size:1em}
#GDPR button{display:inline-block; font-family:QuicksandLight, sans-serif; border:1px solid #14693C;
background-color:white; margin:0; transition:.5s;margin-left:.5em;
cursor: pointer; width:5em; padding:0 .25em; word-break: normal;}
#GDPR button:hover{color:white; background-color:#14693C}
}