body{margin:0;padding:0;font-family:"Lato",sans-serif;color:#0c0c0c;background-color:#fff;font-size:15px}a{text-decoration:none;color:#000}a:hover{color:#fff}.chaticon{position:absolute;left:10px;top:50px}h1{padding:5px 30px;font-size:16px;margin-bottom:20px;text-align:center}h1.veliko{padding:0 10px;font-size:32px;text-decoration:underline}.lato{font-family:"Lato"}.font-light{font-weight:400}.logo-container{width:100%;min-height:120px;display:flex;padding:10px 0;background-color:#0c0c0c;justify-content:center}.container{width:calc(100vw - 20px);position:absolute;top:100px;background-color:#f4b941;margin:10px;border-radius:15px}.logo{width:120px;height:auto;-o-object-fit:contain;object-fit:contain}.flex{display:flex}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.items-center{align-items:center}.mx-auto{margin-left:auto !important;margin-right:auto !important}.slider-container{height:40px;margin:0 10px;border-radius:50px;display:flex;justify-content:left;background-color:#f4b941;display:flex;align-items:center;overflow-x:auto;font-size:10px;font-weight:700;gap:8px;white-space:nowrap}.slider-container .slider-item{color:#0c0c0c;border:1px solid #f4f4f4;padding:8px 16px;border-radius:50px}.slider-container .slider-item.selected{border-color:#0c0c0c;text-align:center;background-color:#0c0c0c;color:#e7e1d1}@media screen and (min-width: 450px){.slider-container{justify-content:space-between}}@media screen and (min-width: 620px){.slider-container{justify-content:space-around}}.sticky{position:fixed;top:0;width:calc(100vw - 40px);z-index:10}@media screen and (min-width: 768px){.md-center{justify-content:center}}.grid-container{width:100%;padding:20px 0;display:grid;grid-template-columns:repeat(1, 1fr);justify-items:center}.grid-container .grid-item{display:flex;margin:10px 0;color:#0c0c0c;flex-direction:column;align-items:center;justify-content:center;border:1px solid #0c0c0c;box-shadow:3px 3px 13px #5c3c1f;cursor:pointer;width:160px;height:160px;transition:all .2s;border-radius:10px}.grid-container .grid-item:hover{scale:1.05}.grid-container .grid-item img{margin-top:5px;width:95px;height:95px}.grid-container .grid-item p{padding:0 5px;overflow-wrap:anywhere}@media screen and (min-width: 340px){.grid-container{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 560px){.grid-container{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 776px){.grid-container{grid-template-columns:repeat(4, 1fr)}.grid-container .grid-item{width:150px;height:150px}}.list-container{display:flex;flex-direction:column;margin:0 10px;min-height:40px}.list-container .list-item{display:flex;max-width:500px;border:1px solid #0c0c0c;box-shadow:3px 3px 13px #5c3c1f;border-radius:10px;color:#0c0c0c;margin:20px 5px;padding:10px;transition:all .2s}.list-container .list-item .col{flex:1;display:flex;justify-content:center;align-items:center}.list-container .list-item .col.col-tekst{justify-content:left}.list-container .list-item .list-tekst{width:100%;display:flex;text-align:left;flex-direction:column}.list-container .list-item img{width:95px;height:95px;border-radius:10px}.list-container .list-item h1{font-size:10px;padding:0;text-align:left;margin:0}.list-container .list-item h2{font-size:10px;margin-left:auto}.list-container .list-item h5,.list-container .list-item p{font-family:"Lato";font-weight:400;font-size:10px;margin:0;overflow-wrap:anywhere}.list-container .list-item p{font-style:italic}@media screen and (max-width: 300px){.list-container .list-item{flex-direction:column}.list-container .list-item .col{margin:10px 0}}@media screen and (min-width: 1078px){.list-container{display:grid;grid-template-columns:1fr 1fr}}@media screen and (min-width: 1450px){.list-container{display:grid;grid-template-columns:1fr 1fr 1fr}}@media screen and (max-width: 300px){.list-container{flex-direction:column}.list-container .col{margin:10px 0}}.center{text-align:center}form{font-size:20px;margin:0 10px;max-width:600px;display:grid;grid-template-columns:1fr}form>*{margin:3px 0}@media screen and (min-width: 768px){form>*{margin:10px 0}}@media screen and (min-width: 768px){form{grid-template-columns:1fr 1fr}}.crveno{color:red;text-decoration:underline}.error-container{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.error-container h1{padding:0;margin:0;font-size:45px}.error-container .error-code{display:flex}.error-container .error-code h2{font-size:30px;margin:10px}.error-container pre{font-size:12px}.slika-izmena{display:flex;flex-direction:column;text-decoration:none}.slika-izmena a{color:#fff;text-decoration:underline}.jezik{position:absolute;right:10px;top:5px;z-index:1;font-size:15px;font-weight:500}.jezik>a{position:relative;color:#f4b941;margin-left:10px}.jezik>a.selected{color:#e7e1d1;font-weight:700}.jezik>a:not(:last-child)::after{content:"";background-color:#f4b941;position:absolute;right:-5px;width:1px;height:100%}.dugme{text-decoration:underline;color:#f4b941;font-size:20px;padding:5px 10px;border-radius:8px;margin-left:10px;background-color:#0c0c0c}.prevod{display:grid;grid-template-columns:1fr}@media screen and (min-width: 768px){.prevod{grid-template-columns:1fr 1fr 1fr}}.prevodProizvoda{display:grid;grid-template-columns:1fr;margin-bottom:40px}.prevodProizvoda .okviren{font-size:20px;font-family:"Lato",sans-serif;font-weight:500;font-style:italic;border:1px solid #0c0c0c;min-height:30px}.prevodProizvoda input{font-size:20px;font-family:"Lato",sans-serif;font-weight:500;border:1px solid #0c0c0c;min-height:30px}@media screen and (min-width: 768px){.prevodProizvoda{grid-template-columns:1fr 1fr}}#valutaCheckbox{position:absolute;width:80px;height:26px;background:#f4b941;left:10px;top:16px;border-radius:50px;box-shadow:inset 0px 1px 1px rgba(0,0,0,.5),0px 1px 0px rgba(255,255,255,.2)}#valutaCheckbox:after{content:"RSD";color:#0c0c0c;position:absolute;right:10px;top:5px;z-index:0;font-size:13px}#valutaCheckbox:before{content:"EUR";color:#0c0c0c;position:absolute;left:10px;top:50%;transform:translateY(-50%);z-index:0;font-size:13px}#valutaCheckbox label{display:block;width:40px;height:20px;position:absolute;top:50%;transform:translateY(-50%);left:3px;z-index:1;background:#e7e1d1;border-radius:50px;transition:all .4s ease;box-shadow:0px 2px 5px 0px rgba(0,0,0,.3)}#valutaCheckbox input[type=checkbox]{visibility:hidden}#valutaCheckbox input[type=checkbox]:checked+label{left:37px}.instagram{position:absolute;top:50px;right:10px;text-decoration:none;color:#f4b941;display:flex;justify-content:center;gap:5px}.unesi-ime{display:flex;margin:20px 10px;justify-content:center;gap:5px}.unesi-ime input{width:100%;border:1px solid #0c0c0c;border-radius:3px;min-height:30px}.unesi-ime button{border:1px solid #f4f4f4;background-color:#0c0c0c;padding:2px 10px;color:#e7e1d1;border-radius:3px;transition:all .5s cubic-bezier(0.075, 0.82, 0.165, 1)}.unesi-ime button:hover{background-color:#f4b941;color:#0c0c0c;scale:1.05}@media screen and (min-width: 550px){.unesi-ime{margin-left:auto;margin-right:auto}}.gap-5{gap:5px}.chat{margin:0 auto;min-height:500px;max-width:500px;display:flex;flex-direction:column;padding:10px;border:1px solid #0c0c0c;border-radius:5px;margin:0 5px 30px 5px;box-shadow:3px 3px 13px #5c3c1f;background-color:#f4f4f4}.chat ul{flex:1;list-style:none;padding:0;max-width:500px;display:flex;flex-direction:column;gap:5px}.chat ul li{background-color:#f4b941;color:#000;padding:3px 10px;border-radius:3px;margin-left:auto}.chat ul li.osoblje{margin-left:0;margin-right:auto}.chat ul li .ime{font-weight:bold;padding-right:5px}.chat a{text-decoration:none;background-color:#f4b941;color:#000;padding:3px 10px;border-radius:3px;text-align:center;transition:all .5s cubic-bezier(0.175, 0.885, 0.32, 1.275)}.chat a:hover{background-color:#0c0c0c;color:#f4b941;border:1px solid #f4b941}.chat form{align-self:center;width:100%;display:flex;margin-top:auto;gap:5px;max-width:500px}.chat form input{width:100%;border:1px solid #0c0c0c;border-radius:3px;min-height:30px}.chat form button{border:1px solid #f4f4f4;background-color:#0c0c0c;padding:2px 10px;color:#e7e1d1;border-radius:3px;transition:all .5s cubic-bezier(0.075, 0.82, 0.165, 1)}.chat form button:hover{background-color:#f4b941;color:#0c0c0c;scale:1.05}@media screen and (min-width: 550px){.chat{margin-left:auto;margin-right:auto}}