Untitled
unknown
php
3 years ago
421 kB
13
Indexable
<!DOCTYPE html>
<html lang="hr">
<head>
<!--[if IE 6]>
_ __ _ _ ___ _
/ |/ // \ / \\ \//
| / | | | | \ /
| \ | |_/\| | / \
\_|\_\\____/\_//__/\\
Copyright: © InterSoft d.o.o. Sarajevo
Development: github.com/mariosimic
Jobs: klix.ba/posao
-->
<meta charset="utf-8">
<script type="text/javascript">
(window.NREUM || (NREUM = {})).init = {
ajax: {
deny_list: ["bam.nr-data.net"]
}
};
(window.NREUM || (NREUM = {})).loader_config = {
licenseKey: "7a33b0eb0e",
applicationID: "442221064"
};
window.NREUM || (NREUM = {}),
__nr_require = function(t, e, n) {
function r(n) {
if (!e[n]) {
var i = e[n] = {
exports: {}
};
t[n][0].call(i.exports, function(e) {
var i = t[n][1][e];
return r(i || e)
}, i, i.exports)
}
return e[n].exports
}
if ("function" == typeof __nr_require)
return __nr_require;
for (var i = 0; i < n.length; i++)
r(n[i]);
return r
}({
1: [function(t, e, n) {
function r() {}
function i(t, e, n, r) {
return function() {
return s.recordSupportability("API/" + e + "/called"),
o(t + e, [u.now()].concat(c(arguments)), n ? null : this, r),
n ? void 0 : this
}
}
var o = t("handle")
, a = t(10)
, c = t(11)
, f = t("ee").get("tracer")
, u = t("loader")
, s = t(4)
, d = NREUM;
"undefined" == typeof window.newrelic && (newrelic = d);
var p = ["setPageViewName", "setCustomAttribute", "setErrorHandler", "finished", "addToTrace", "inlineHit", "addRelease"]
, l = "api-"
, v = l + "ixn-";
a(p, function(t, e) {
d[e] = i(l, e, !0, "api")
}),
d.addPageAction = i(l, "addPageAction", !0),
d.setCurrentRouteName = i(l, "routeName", !0),
e.exports = newrelic,
d.interaction = function() {
return (new r).get()
}
;
var m = r.prototype = {
createTracer: function(t, e) {
var n = {}
, r = this
, i = "function" == typeof e;
return o(v + "tracer", [u.now(), t, n], r),
function() {
if (f.emit((i ? "" : "no-") + "fn-start", [u.now(), r, i], n),
i)
try {
return e.apply(this, arguments)
} catch (t) {
throw f.emit("fn-err", [arguments, this, t], n),
t
} finally {
f.emit("fn-end", [u.now()], n)
}
}
}
};
a("actionText,setName,setAttribute,save,ignore,onEnd,getContext,end,get".split(","), function(t, e) {
m[e] = i(v, e)
}),
newrelic.noticeError = function(t, e) {
"string" == typeof t && (t = new Error(t)),
s.recordSupportability("API/noticeError/called"),
o("err", [t, u.now(), !1, e])
}
}
, {}],
2: [function(t, e, n) {
function r(t) {
if (NREUM.init) {
for (var e = NREUM.init, n = t.split("."), r = 0; r < n.length - 1; r++)
if (e = e[n[r]],
"object" != typeof e)
return;
return e = e[n[n.length - 1]]
}
}
e.exports = {
getConfiguration: r
}
}
, {}],
3: [function(t, e, n) {
var r = !1;
try {
var i = Object.defineProperty({}, "passive", {
get: function() {
r = !0
}
});
window.addEventListener("testPassive", null, i),
window.removeEventListener("testPassive", null, i)
} catch (o) {}
e.exports = function(t) {
return r ? {
passive: !0,
capture: !!t
} : !!t
}
}
, {}],
4: [function(t, e, n) {
function r(t, e) {
var n = [a, t, {
name: t
}, e];
return o("storeMetric", n, null, "api"),
n
}
function i(t, e) {
var n = [c, t, {
name: t
}, e];
return o("storeEventMetrics", n, null, "api"),
n
}
var o = t("handle")
, a = "sm"
, c = "cm";
e.exports = {
constants: {
SUPPORTABILITY_METRIC: a,
CUSTOM_METRIC: c
},
recordSupportability: r,
recordCustom: i
}
}
, {}],
5: [function(t, e, n) {
function r() {
return c.exists && performance.now ? Math.round(performance.now()) : (o = Math.max((new Date).getTime(), o)) - a
}
function i() {
return o
}
var o = (new Date).getTime()
, a = o
, c = t(12);
e.exports = r,
e.exports.offset = a,
e.exports.getLastTimestamp = i
}
, {}],
6: [function(t, e, n) {
function r(t) {
return !(!t || !t.protocol || "file:" === t.protocol)
}
e.exports = r
}
, {}],
7: [function(t, e, n) {
function r(t, e) {
var n = t.getEntries();
n.forEach(function(t) {
"first-paint" === t.name ? l("timing", ["fp", Math.floor(t.startTime)]) : "first-contentful-paint" === t.name && l("timing", ["fcp", Math.floor(t.startTime)])
})
}
function i(t, e) {
var n = t.getEntries();
if (n.length > 0) {
var r = n[n.length - 1];
if (u && u < r.startTime)
return;
var i = [r]
, o = a({});
o && i.push(o),
l("lcp", i)
}
}
function o(t) {
t.getEntries().forEach(function(t) {
t.hadRecentInput || l("cls", [t])
})
}
function a(t) {
var e = navigator.connection || navigator.mozConnection || navigator.webkitConnection;
if (e)
return e.type && (t["net-type"] = e.type),
e.effectiveType && (t["net-etype"] = e.effectiveType),
e.rtt && (t["net-rtt"] = e.rtt),
e.downlink && (t["net-dlink"] = e.downlink),
t
}
function c(t) {
if (t instanceof y && !w) {
var e = Math.round(t.timeStamp)
, n = {
type: t.type
};
a(n),
e <= v.now() ? n.fid = v.now() - e : e > v.offset && e <= Date.now() ? (e -= v.offset,
n.fid = v.now() - e) : e = v.now(),
w = !0,
l("timing", ["fi", e, n])
}
}
function f(t) {
"hidden" === t && (u = v.now(),
l("pageHide", [u]))
}
if (!("init"in NREUM && "page_view_timing"in NREUM.init && "enabled"in NREUM.init.page_view_timing && NREUM.init.page_view_timing.enabled === !1)) {
var u, s, d, p, l = t("handle"), v = t("loader"), m = t(9), g = t(3), y = NREUM.o.EV;
if ("PerformanceObserver"in window && "function" == typeof window.PerformanceObserver) {
s = new PerformanceObserver(r);
try {
s.observe({
entryTypes: ["paint"]
})
} catch (h) {}
d = new PerformanceObserver(i);
try {
d.observe({
entryTypes: ["largest-contentful-paint"]
})
} catch (h) {}
p = new PerformanceObserver(o);
try {
p.observe({
type: "layout-shift",
buffered: !0
})
} catch (h) {}
}
if ("addEventListener"in document) {
var w = !1
, b = ["click", "keydown", "mousedown", "pointerdown", "touchstart"];
b.forEach(function(t) {
document.addEventListener(t, c, g(!1))
})
}
m(f)
}
}
, {}],
8: [function(t, e, n) {
function r(t, e) {
if (!i)
return !1;
if (t !== i)
return !1;
if (!e)
return !0;
if (!o)
return !1;
for (var n = o.split("."), r = e.split("."), a = 0; a < r.length; a++)
if (r[a] !== n[a])
return !1;
return !0
}
var i = null
, o = null
, a = /Version\/(\S+)\s+Safari/;
if (navigator.userAgent) {
var c = navigator.userAgent
, f = c.match(a);
f && c.indexOf("Chrome") === -1 && c.indexOf("Chromium") === -1 && (i = "Safari",
o = f[1])
}
e.exports = {
agent: i,
version: o,
match: r
}
}
, {}],
9: [function(t, e, n) {
function r(t) {
function e() {
t(c && document[c] ? document[c] : document[o] ? "hidden" : "visible")
}
"addEventListener"in document && a && document.addEventListener(a, e, i(!1))
}
var i = t(3);
e.exports = r;
var o, a, c;
"undefined" != typeof document.hidden ? (o = "hidden",
a = "visibilitychange",
c = "visibilityState") : "undefined" != typeof document.msHidden ? (o = "msHidden",
a = "msvisibilitychange") : "undefined" != typeof document.webkitHidden && (o = "webkitHidden",
a = "webkitvisibilitychange",
c = "webkitVisibilityState")
}
, {}],
10: [function(t, e, n) {
function r(t, e) {
var n = []
, r = ""
, o = 0;
for (r in t)
i.call(t, r) && (n[o] = e(r, t[r]),
o += 1);
return n
}
var i = Object.prototype.hasOwnProperty;
e.exports = r
}
, {}],
11: [function(t, e, n) {
function r(t, e, n) {
e || (e = 0),
"undefined" == typeof n && (n = t ? t.length : 0);
for (var r = -1, i = n - e || 0, o = Array(i < 0 ? 0 : i); ++r < i; )
o[r] = t[e + r];
return o
}
e.exports = r
}
, {}],
12: [function(t, e, n) {
e.exports = {
exists: "undefined" != typeof window.performance && window.performance.timing && "undefined" != typeof window.performance.timing.navigationStart
}
}
, {}],
ee: [function(t, e, n) {
function r() {}
function i(t) {
function e(t) {
return t && t instanceof r ? t : t ? u(t, f, a) : a()
}
function n(n, r, i, o, a) {
if (a !== !1 && (a = !0),
!l.aborted || o) {
t && a && t(n, r, i);
for (var c = e(i), f = m(n), u = f.length, s = 0; s < u; s++)
f[s].apply(c, r);
var p = d[w[n]];
return p && p.push([b, n, r, c]),
c
}
}
function o(t, e) {
h[t] = m(t).concat(e)
}
function v(t, e) {
var n = h[t];
if (n)
for (var r = 0; r < n.length; r++)
n[r] === e && n.splice(r, 1)
}
function m(t) {
return h[t] || []
}
function g(t) {
return p[t] = p[t] || i(n)
}
function y(t, e) {
l.aborted || s(t, function(t, n) {
e = e || "feature",
w[n] = e,
e in d || (d[e] = [])
})
}
var h = {}
, w = {}
, b = {
on: o,
addEventListener: o,
removeEventListener: v,
emit: n,
get: g,
listeners: m,
context: e,
buffer: y,
abort: c,
aborted: !1
};
return b
}
function o(t) {
return u(t, f, a)
}
function a() {
return new r
}
function c() {
(d.api || d.feature) && (l.aborted = !0,
d = l.backlog = {})
}
var f = "nr@context"
, u = t("gos")
, s = t(10)
, d = {}
, p = {}
, l = e.exports = i();
e.exports.getOrSetContext = o,
l.backlog = d
}
, {}],
gos: [function(t, e, n) {
function r(t, e, n) {
if (i.call(t, e))
return t[e];
var r = n();
if (Object.defineProperty && Object.keys)
try {
return Object.defineProperty(t, e, {
value: r,
writable: !0,
enumerable: !1
}),
r
} catch (o) {}
return t[e] = r,
r
}
var i = Object.prototype.hasOwnProperty;
e.exports = r
}
, {}],
handle: [function(t, e, n) {
function r(t, e, n, r) {
i.buffer([t], r),
i.emit(t, e, n)
}
var i = t("ee").get("handle");
e.exports = r,
r.ee = i
}
, {}],
id: [function(t, e, n) {
function r(t) {
var e = typeof t;
return !t || "object" !== e && "function" !== e ? -1 : t === window ? 0 : a(t, o, function() {
return i++
})
}
var i = 1
, o = "nr@id"
, a = t("gos");
e.exports = r
}
, {}],
loader: [function(t, e, n) {
function r() {
if (!P++) {
var t = M.info = NREUM.info
, e = g.getElementsByTagName("script")[0];
if (setTimeout(u.abort, 3e4),
!(t && t.licenseKey && t.applicationID && e))
return u.abort();
f(O, function(e, n) {
t[e] || (t[e] = n)
});
var n = a();
c("mark", ["onload", n + M.offset], null, "api"),
c("timing", ["load", n]);
var r = g.createElement("script");
0 === t.agent.indexOf("http://") || 0 === t.agent.indexOf("https://") ? r.src = t.agent : r.src = v + "://" + t.agent,
e.parentNode.insertBefore(r, e)
}
}
function i() {
"complete" === g.readyState && o()
}
function o() {
c("mark", ["domContent", a() + M.offset], null, "api")
}
var a = t(5)
, c = t("handle")
, f = t(10)
, u = t("ee")
, s = t(8)
, d = t(6)
, p = t(2)
, l = t(3)
, v = p.getConfiguration("ssl") === !1 ? "http" : "https"
, m = window
, g = m.document
, y = "addEventListener"
, h = "attachEvent"
, w = m.XMLHttpRequest
, b = w && w.prototype
, E = !d(m.location);
NREUM.o = {
ST: setTimeout,
SI: m.setImmediate,
CT: clearTimeout,
XHR: w,
REQ: m.Request,
EV: m.Event,
PR: m.Promise,
MO: m.MutationObserver
};
var x = "" + location
, O = {
beacon: "bam.nr-data.net",
errorBeacon: "bam.nr-data.net",
agent: "js-agent.newrelic.com/nr-1215.min.js"
}
, T = w && b && b[y] && !/CriOS/.test(navigator.userAgent)
, M = e.exports = {
offset: a.getLastTimestamp(),
now: a,
origin: x,
features: {},
xhrWrappable: T,
userAgent: s,
disabled: E
};
if (!E) {
t(1),
t(7),
g[y] ? (g[y]("DOMContentLoaded", o, l(!1)),
m[y]("load", r, l(!1))) : (g[h]("onreadystatechange", i),
m[h]("onload", r)),
c("mark", ["firstbyte", a.getLastTimestamp()], null, "api");
var P = 0
}
}
, {}],
"wrap-function": [function(t, e, n) {
function r(t, e) {
function n(e, n, r, f, u) {
function nrWrapper() {
var o, a, s, p;
try {
a = this,
o = d(arguments),
s = "function" == typeof r ? r(o, a) : r || {}
} catch (l) {
i([l, "", [o, a, f], s], t)
}
c(n + "start", [o, a, f], s, u);
try {
return p = e.apply(a, o)
} catch (v) {
throw c(n + "err", [o, a, v], s, u),
v
} finally {
c(n + "end", [o, a, p], s, u)
}
}
return a(e) ? e : (n || (n = ""),
nrWrapper[p] = e,
o(e, nrWrapper, t),
nrWrapper)
}
function r(t, e, r, i, o) {
r || (r = "");
var c, f, u, s = "-" === r.charAt(0);
for (u = 0; u < e.length; u++)
f = e[u],
c = t[f],
a(c) || (t[f] = n(c, s ? f + r : r, i, f, o))
}
function c(n, r, o, a) {
if (!v || e) {
var c = v;
v = !0;
try {
t.emit(n, r, o, e, a)
} catch (f) {
i([f, n, r, o], t)
}
v = c
}
}
return t || (t = s),
n.inPlace = r,
n.flag = p,
n
}
function i(t, e) {
e || (e = s);
try {
e.emit("internal-error", t)
} catch (n) {}
}
function o(t, e, n) {
if (Object.defineProperty && Object.keys)
try {
var r = Object.keys(t);
return r.forEach(function(n) {
Object.defineProperty(e, n, {
get: function() {
return t[n]
},
set: function(e) {
return t[n] = e,
e
}
})
}),
e
} catch (o) {
i([o], n)
}
for (var a in t)
l.call(t, a) && (e[a] = t[a]);
return e
}
function a(t) {
return !(t && t instanceof Function && t.apply && !t[p])
}
function c(t, e) {
var n = e(t);
return n[p] = t,
o(t, n, s),
n
}
function f(t, e, n) {
var r = t[e];
t[e] = c(r, n)
}
function u() {
for (var t = arguments.length, e = new Array(t), n = 0; n < t; ++n)
e[n] = arguments[n];
return e
}
var s = t("ee")
, d = t(11)
, p = "nr@original"
, l = Object.prototype.hasOwnProperty
, v = !1;
e.exports = r,
e.exports.wrapFunction = c,
e.exports.wrapInPlace = f,
e.exports.argsToArray = u
}
, {}]
}, {}, ["loader"]);
</script>
<title>Komentari na članak: Kinezi iznenadili uključivanjem Ujgura u najvažniji dio ceremonije otvaranja Igara</title>
<meta name="description" content="Historijski trenutak dogodio se danas na ceremoniji otvaranja Zimskih olimpijskih igara koje su počele u Kini.">
<meta name="keywords" content="">
<meta property="og:title" content="Kinezi iznenadili uključivanjem Ujgura u najvažniji dio ceremonije otvaranja Igara">
<meta property="og:description" content="Historijski trenutak dogodio se danas na ceremoniji otvaranja Zimskih olimpijskih igara koje su počele u Kini."/>
<meta property="og:image" content="https://static.klix.ba/media/images/vijesti/b_220204129.jpg?v=1">
<meta property="og:image:width" content="1200"/>
<meta property="og:image:height" content="630"/>
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@">
<meta name="twitter:creator" content="Klix.ba">
<meta name="twitter:domain" content="">
<meta name="twitter:title" content="Komentari na članak: Kinezi iznenadili uključivanjem Ujgura u najvažniji dio ceremonije otvaranja Igara">
<meta name="twitter:description" content="Historijski trenutak dogodio se danas na ceremoniji otvaranja Zimskih olimpijskih igara koje su počele u Kini.">
<meta name="twitter:image" content="https://static.klix.ba/media/images/vijesti/b_220204129.jpg?v=1">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style type="text/css">
/*! tailwindcss v2.1.2 | MIT License | https://tailwindcss.com*/
/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
html {
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
line-height: 1.15;
-webkit-text-size-adjust: 100%
}
body {
margin: 0;
font-family: system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji
}
hr {
height: 0;
color: inherit
}
abbr[title] {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted
}
b,strong {
font-weight: bolder
}
code,kbd,pre,samp {
font-family: ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;
font-size: 1em
}
small {
font-size: 80%
}
sub,sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sub {
bottom: -.25em
}
sup {
top: -.5em
}
table {
text-indent: 0;
border-color: inherit
}
button,input,optgroup,select,textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0
}
button,select {
text-transform: none
}
[type=button],[type=reset],[type=submit],button {
-webkit-appearance: button
}
legend {
padding: 0
}
progress {
vertical-align: baseline
}
[type=search] {
-webkit-appearance: textfield;
outline-offset: -2px
}
summary {
display: list-item
}
blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre {
margin: 0
}
button {
background-color: transparent;
background-image: none
}
button:focus {
outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color
}
fieldset,ol,ul {
margin: 0;
padding: 0
}
ol,ul {
list-style: none
}
html {
font-family: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
line-height: 1.5
}
body {
font-family: inherit;
line-height: inherit
}
*,:after,:before {
box-sizing: border-box;
border: 0 solid #e5e7eb
}
hr {
border-top-width: 1px
}
img {
border-style: solid
}
textarea {
resize: vertical
}
input::-moz-placeholder,textarea::-moz-placeholder {
color: #9ca3af
}
input:-ms-input-placeholder,textarea:-ms-input-placeholder {
color: #9ca3af
}
input::placeholder,textarea::placeholder {
color: #9ca3af
}
[role=button],button {
cursor: pointer
}
table {
border-collapse: collapse
}
h1,h2,h3,h4,h5,h6 {
font-size: inherit;
font-weight: inherit
}
a {
color: inherit;
text-decoration: inherit
}
button,input,optgroup,select,textarea {
padding: 0;
line-height: inherit;
color: inherit
}
code,kbd,pre,samp {
font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace
}
audio,canvas,embed,iframe,img,object,svg,video {
display: block;
vertical-align: middle
}
img,video {
max-width: 100%;
height: auto
}
[multiple],[type=date],[type=email],[type=month],[type=number],[type=password],[type=search],[type=text],[type=time],[type=url],select,textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #fff;
border-color: #6b7280;
border-width: 1px;
border-radius: 0;
padding: .5rem .75rem;
font-size: 1rem;
line-height: 1.5rem
}
[multiple]:focus,[type=date]:focus,[type=email]:focus,[type=month]:focus,[type=number]:focus,[type=password]:focus,[type=search]:focus,[type=text]:focus,[type=time]:focus,[type=url]:focus,select:focus,textarea:focus {
outline: 2px solid transparent;
outline-offset: 2px;
--tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: #2563eb;
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent);
border-color: #2563eb
}
input::-moz-placeholder,textarea::-moz-placeholder {
color: #6b7280;
opacity: 1
}
input:-ms-input-placeholder,textarea:-ms-input-placeholder {
color: #6b7280;
opacity: 1
}
input::placeholder,textarea::placeholder {
color: #6b7280;
opacity: 1
}
select {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3E%3C/svg%3E");
background-position: right .5rem center;
background-repeat: no-repeat;
background-size: 1.5em 1.5em;
padding-right: 2.5rem;
-webkit-print-color-adjust: exact;
color-adjust: exact
}
[multiple] {
background-image: none;
background-position: 0 0;
background-repeat: unset;
background-size: initial;
padding-right: .75rem;
-webkit-print-color-adjust: unset;
color-adjust: unset
}
[type=checkbox],[type=radio] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 0;
-webkit-print-color-adjust: exact;
color-adjust: exact;
display: inline-block;
vertical-align: middle;
background-origin: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
flex-shrink: 0;
height: 1rem;
width: 1rem;
color: #2563eb;
background-color: #fff;
border-color: #6b7280;
border-width: 1px
}
[type=checkbox] {
border-radius: 0
}
[type=radio] {
border-radius: 100%
}
[type=checkbox]:focus,[type=radio]:focus {
outline: 2px solid transparent;
outline-offset: 2px;
--tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
--tw-ring-offset-width: 2px;
--tw-ring-offset-color: #fff;
--tw-ring-color: #2563eb;
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent)
}
[type=checkbox]:checked,[type=radio]:checked {
border-color: transparent;
background-color: currentColor;
background-size: 100% 100%;
background-position: 50%;
background-repeat: no-repeat
}
[type=checkbox]:checked {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3E%3C/svg%3E")
}
[type=radio]:checked {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E")
}
[type=checkbox]:checked:focus,[type=checkbox]:checked:hover,[type=radio]:checked:focus,[type=radio]:checked:hover {
border-color: transparent;
background-color: currentColor
}
[type=checkbox]:indeterminate {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3E%3C/svg%3E");
border-color: transparent;
background-color: currentColor;
background-size: 100% 100%;
background-position: 50%;
background-repeat: no-repeat
}
[type=checkbox]:indeterminate:focus,[type=checkbox]:indeterminate:hover {
border-color: transparent;
background-color: currentColor
}
[type=file] {
background: unset;
border-color: inherit;
border-width: 0;
border-radius: 0;
padding: 0;
font-size: unset;
line-height: inherit
}
[type=file]:focus {
outline: 1px auto -webkit-focus-ring-color
}
@font-face {
font-family: ClanPro-Medium;
src: url(https://static.klix.ba/fonts/ClanPro-Medium.eot#iefix) format("embedded-opentype"),url(https://static.klix.ba/fonts/ClanPro-Medium.otf) format("opentype"),url(https://static.klix.ba/fonts/ClanPro-Medium.woff) format("woff"),url(https://static.klix.ba/fonts/ClanPro-Medium.ttf) format("truetype"),url(https://static.klix.ba/fonts/ClanPro-Medium.svg#ClanPro-Bold) format("svg");
font-display: swap
}
.container {
width: 100%
}
@media (min-width: 640px) {
.container {
max-width:640px
}
}
@media (min-width: 768px) {
.container {
max-width:768px
}
}
@media (min-width: 1024px) {
.container {
max-width:1024px
}
}
@media (min-width: 1280px) {
.container {
max-width:1280px
}
}
@media (min-width: 1536px) {
.container {
max-width:1536px
}
}
.prose {
color: #333;
max-width: 65ch
}
.prose [class~=lead] {
color: #4b5563;
font-size: 1.25em;
line-height: 1.6;
margin-top: 1.2em;
margin-bottom: 1.2em
}
.prose a {
color: #1499c8;
text-decoration: underline;
font-weight: 500
}
.prose a:hover {
color: #2c5282
}
.prose strong {
color: #111827;
font-weight: 600
}
.prose ol {
counter-reset: list-counter;
margin-top: 1.25em;
margin-bottom: 1.25em
}
.prose ol>li {
position: relative;
counter-increment: list-counter;
padding-left: 1.75em
}
.prose ol>li:before {
content: counter(list-counter) ".";
position: absolute;
font-weight: 400;
color: #6b7280;
left: 0
}
.prose ul>li {
position: relative;
padding-left: 1.75em
}
.prose ul>li:before {
content: "";
position: absolute;
background-color: #d1d5db;
border-radius: 50%;
width: .375em;
height: .375em;
top: .6875em;
left: .25em
}
.prose hr {
border-color: #e5e7eb;
border-top-width: 1px;
margin-top: 3em;
margin-bottom: 3em
}
.prose blockquote {
font-weight: 500;
font-style: italic;
color: #111827;
border-left-width: .25rem;
border-left-color: #e5e7eb;
quotes: "\201C""\201D""\2018""\2019";
margin-top: 1.6em;
margin-bottom: 1.6em;
padding-left: 1em
}
.prose blockquote p:first-of-type:before {
content: open-quote
}
.prose blockquote p:last-of-type:after {
content: close-quote
}
.prose h1 {
color: #111827;
font-weight: 800;
font-size: 2.25em;
margin-top: 0;
margin-bottom: .8888889em;
line-height: 1.1111111
}
.prose h2 {
font-size: 1.3em;
margin-top: 2em;
margin-bottom: 1em;
line-height: 1.3333333
}
.prose h2,.prose h3 {
color: #111827;
font-weight: 600
}
.prose h3 {
font-size: 1.25em;
margin-top: 1.6em;
margin-bottom: .6em;
line-height: 1.6
}
.prose h4 {
color: #111827;
font-weight: 600;
margin-top: 1.5em;
margin-bottom: .5em;
line-height: 1.5
}
.prose figure figcaption {
color: #6b7280;
font-size: .875em;
line-height: 1.4285714;
margin-top: .8571429em
}
.prose code {
color: #111827;
font-weight: 600;
font-size: .875em
}
.prose code:after,.prose code:before {
content: "`"
}
.prose a code {
color: #111827
}
.prose pre {
color: #e5e7eb;
background-color: #1f2937;
overflow-x: auto;
font-size: .875em;
line-height: 1.7142857;
margin-top: 1.7142857em;
margin-bottom: 1.7142857em;
border-radius: .375rem;
padding: .8571429em 1.1428571em
}
.prose pre code {
background-color: transparent;
border-width: 0;
border-radius: 0;
padding: 0;
font-weight: 400;
color: inherit;
font-size: inherit;
font-family: inherit;
line-height: inherit
}
.prose pre code:after,.prose pre code:before {
content: ""
}
.prose table {
width: 100%;
table-layout: auto;
text-align: left;
margin-top: 2em;
margin-bottom: 2em;
font-size: .875em;
line-height: 1.7142857
}
.prose thead {
color: #111827;
font-weight: 600;
border-bottom-width: 1px;
border-bottom-color: #d1d5db
}
.prose thead th {
vertical-align: bottom;
padding-right: .5714286em;
padding-bottom: .5714286em;
padding-left: .5714286em
}
.prose tbody tr {
border-bottom-width: 1px;
border-bottom-color: #e5e7eb
}
.prose tbody tr:last-child {
border-bottom-width: 0
}
.prose tbody td {
vertical-align: top;
padding: .5714286em
}
.prose {
font-size: 1rem;
line-height: 1.75
}
.prose p {
margin-top: 1.25em;
margin-bottom: 1.25em
}
.prose figure,.prose img,.prose video {
margin-top: 2em;
margin-bottom: 2em
}
.prose figure>* {
margin-top: 0;
margin-bottom: 0
}
.prose h2 code {
font-size: .875em
}
.prose h3 code {
font-size: .9em
}
.prose ul {
margin-top: 1.25em;
margin-bottom: 1.25em
}
.prose li {
margin-top: .5em;
margin-bottom: .5em
}
.prose>ul>li p {
margin-top: .75em;
margin-bottom: .75em
}
.prose>ul>li>:first-child {
margin-top: 1.25em
}
.prose>ul>li>:last-child {
margin-bottom: 1.25em
}
.prose>ol>li>:first-child {
margin-top: 1.25em
}
.prose>ol>li>:last-child {
margin-bottom: 1.25em
}
.prose ol ol,.prose ol ul,.prose ul ol,.prose ul ul {
margin-top: .75em;
margin-bottom: .75em
}
.prose h2+*,.prose h3+*,.prose h4+*,.prose hr+* {
margin-top: 0
}
.prose thead th:first-child {
padding-left: 0
}
.prose thead th:last-child {
padding-right: 0
}
.prose tbody td:first-child {
padding-left: 0
}
.prose tbody td:last-child {
padding-right: 0
}
.prose>:first-child {
margin-top: 0
}
.prose>:last-child {
margin-bottom: 0
}
.prose b {
font-weight: 600
}
.prose figcaption {
margin-top: .3em!important;
font-size: .8rem!important
}
.space-y-0>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(0px*(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(0px*var(--tw-space-y-reverse))
}
.space-x-0>:not([hidden])~:not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(0px*var(--tw-space-x-reverse));
margin-left: calc(0px*(1 - var(--tw-space-x-reverse)))
}
.space-y-1>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(0.25rem*(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(0.25rem*var(--tw-space-y-reverse))
}
.space-x-1>:not([hidden])~:not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(0.25rem*var(--tw-space-x-reverse));
margin-left: calc(0.25rem*(1 - var(--tw-space-x-reverse)))
}
.space-y-2>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(0.5rem*(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(0.5rem*var(--tw-space-y-reverse))
}
.space-x-2>:not([hidden])~:not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(0.5rem*var(--tw-space-x-reverse));
margin-left: calc(0.5rem*(1 - var(--tw-space-x-reverse)))
}
.space-x-3>:not([hidden])~:not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(0.75rem*var(--tw-space-x-reverse));
margin-left: calc(0.75rem*(1 - var(--tw-space-x-reverse)))
}
.space-y-4>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(1rem*(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(1rem*var(--tw-space-y-reverse))
}
.space-x-4>:not([hidden])~:not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(1rem*var(--tw-space-x-reverse));
margin-left: calc(1rem*(1 - var(--tw-space-x-reverse)))
}
.space-y-5>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(1.25rem*(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(1.25rem*var(--tw-space-y-reverse))
}
.space-x-5>:not([hidden])~:not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(1.25rem*var(--tw-space-x-reverse));
margin-left: calc(1.25rem*(1 - var(--tw-space-x-reverse)))
}
.space-y-6>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(1.5rem*(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(1.5rem*var(--tw-space-y-reverse))
}
.space-x-6>:not([hidden])~:not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(1.5rem*var(--tw-space-x-reverse));
margin-left: calc(1.5rem*(1 - var(--tw-space-x-reverse)))
}
.space-x-7>:not([hidden])~:not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(1.75rem*var(--tw-space-x-reverse));
margin-left: calc(1.75rem*(1 - var(--tw-space-x-reverse)))
}
.space-y-8>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(2rem*(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(2rem*var(--tw-space-y-reverse))
}
.space-x-1\.5>:not([hidden])~:not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(0.375rem*var(--tw-space-x-reverse));
margin-left: calc(0.375rem*(1 - var(--tw-space-x-reverse)))
}
.divide-y>:not([hidden])~:not([hidden]) {
--tw-divide-y-reverse: 0;
border-top-width: calc(1px*(1 - var(--tw-divide-y-reverse)));
border-bottom-width: calc(1px*var(--tw-divide-y-reverse))
}
.divide-x>:not([hidden])~:not([hidden]) {
--tw-divide-x-reverse: 0;
border-right-width: calc(1px*var(--tw-divide-x-reverse));
border-left-width: calc(1px*(1 - var(--tw-divide-x-reverse)))
}
.divide-gray-100>:not([hidden])~:not([hidden]) {
--tw-divide-opacity: 1;
border-color: rgba(243,244,246,var(--tw-divide-opacity))
}
.divide-gray-200>:not([hidden])~:not([hidden]) {
--tw-divide-opacity: 1;
border-color: rgba(229,231,235,var(--tw-divide-opacity))
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0,0,0,0);
white-space: nowrap;
border-width: 0
}
.appearance-none {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
.bg-transparent {
background-color: transparent
}
.bg-black {
--tw-bg-opacity: 1;
background-color: rgba(0,0,0,var(--tw-bg-opacity))
}
.bg-white {
--tw-bg-opacity: 1;
background-color: rgba(255,255,255,var(--tw-bg-opacity))
}
.bg-gray-50 {
--tw-bg-opacity: 1;
background-color: rgba(249,250,251,var(--tw-bg-opacity))
}
.bg-gray-100 {
--tw-bg-opacity: 1;
background-color: rgba(243,244,246,var(--tw-bg-opacity))
}
.bg-gray-200 {
--tw-bg-opacity: 1;
background-color: rgba(229,231,235,var(--tw-bg-opacity))
}
.bg-gray-300 {
--tw-bg-opacity: 1;
background-color: rgba(209,213,219,var(--tw-bg-opacity))
}
.bg-gray-400 {
--tw-bg-opacity: 1;
background-color: rgba(156,163,175,var(--tw-bg-opacity))
}
.bg-gray-500 {
--tw-bg-opacity: 1;
background-color: rgba(107,114,128,var(--tw-bg-opacity))
}
.bg-gray-600 {
--tw-bg-opacity: 1;
background-color: rgba(75,85,99,var(--tw-bg-opacity))
}
.bg-gray-800 {
--tw-bg-opacity: 1;
background-color: rgba(31,41,55,var(--tw-bg-opacity))
}
.bg-red-100 {
--tw-bg-opacity: 1;
background-color: rgba(254,226,226,var(--tw-bg-opacity))
}
.bg-red-500 {
--tw-bg-opacity: 1;
background-color: rgba(239,68,68,var(--tw-bg-opacity))
}
.bg-red-600 {
--tw-bg-opacity: 1;
background-color: rgba(220,38,38,var(--tw-bg-opacity))
}
.bg-green-100 {
--tw-bg-opacity: 1;
background-color: rgba(209,250,229,var(--tw-bg-opacity))
}
.bg-green-600 {
--tw-bg-opacity: 1;
background-color: rgba(5,150,105,var(--tw-bg-opacity))
}
.bg-blue-50 {
--tw-bg-opacity: 1;
background-color: rgba(239,246,255,var(--tw-bg-opacity))
}
.bg-blue-100 {
--tw-bg-opacity: 1;
background-color: rgba(219,234,254,var(--tw-bg-opacity))
}
.bg-blue-600 {
--tw-bg-opacity: 1;
background-color: rgba(37,99,235,var(--tw-bg-opacity))
}
.bg-indigo-600 {
--tw-bg-opacity: 1;
background-color: rgba(79,70,229,var(--tw-bg-opacity))
}
.bg-vijesti {
--tw-bg-opacity: 1;
background-color: rgba(211,61,61,var(--tw-bg-opacity))
}
.bg-lifestyle {
--tw-bg-opacity: 1;
background-color: rgba(226,166,0,var(--tw-bg-opacity))
}
.bg-biznis {
--tw-bg-opacity: 1;
background-color: rgba(239,111,62,var(--tw-bg-opacity))
}
.bg-sport {
--tw-bg-opacity: 1;
background-color: rgba(85,172,83,var(--tw-bg-opacity))
}
.bg-magazin {
--tw-bg-opacity: 1;
background-color: rgba(164,80,145,var(--tw-bg-opacity))
}
.bg-auto {
--tw-bg-opacity: 1;
background-color: rgba(72,123,175,var(--tw-bg-opacity))
}
.bg-scitech {
--tw-bg-opacity: 1;
background-color: rgba(64,175,238,var(--tw-bg-opacity))
}
.hover\:bg-gray-50:hover {
--tw-bg-opacity: 1;
background-color: rgba(249,250,251,var(--tw-bg-opacity))
}
.hover\:bg-gray-100:hover {
--tw-bg-opacity: 1;
background-color: rgba(243,244,246,var(--tw-bg-opacity))
}
.hover\:bg-gray-200:hover {
--tw-bg-opacity: 1;
background-color: rgba(229,231,235,var(--tw-bg-opacity))
}
.hover\:bg-gray-300:hover {
--tw-bg-opacity: 1;
background-color: rgba(209,213,219,var(--tw-bg-opacity))
}
.hover\:bg-gray-500:hover {
--tw-bg-opacity: 1;
background-color: rgba(107,114,128,var(--tw-bg-opacity))
}
.hover\:bg-red-700:hover {
--tw-bg-opacity: 1;
background-color: rgba(185,28,28,var(--tw-bg-opacity))
}
.hover\:bg-blue-700:hover {
--tw-bg-opacity: 1;
background-color: rgba(29,78,216,var(--tw-bg-opacity))
}
.hover\:bg-indigo-700:hover {
--tw-bg-opacity: 1;
background-color: rgba(67,56,202,var(--tw-bg-opacity))
}
.bg-opacity-20 {
--tw-bg-opacity: 0.2
}
.bg-opacity-50 {
--tw-bg-opacity: 0.5
}
.bg-opacity-60 {
--tw-bg-opacity: 0.6
}
.bg-auto {
background-size: auto
}
.border-transparent {
border-color: transparent
}
.border-gray-200 {
--tw-border-opacity: 1;
border-color: rgba(229,231,235,var(--tw-border-opacity))
}
.border-gray-300 {
--tw-border-opacity: 1;
border-color: rgba(209,213,219,var(--tw-border-opacity))
}
.border-gray-700 {
--tw-border-opacity: 1;
border-color: rgba(55,65,81,var(--tw-border-opacity))
}
.border-red-500 {
--tw-border-opacity: 1;
border-color: rgba(239,68,68,var(--tw-border-opacity))
}
.border-green-500 {
--tw-border-opacity: 1;
border-color: rgba(16,185,129,var(--tw-border-opacity))
}
.focus\:border-blue-500:focus {
--tw-border-opacity: 1;
border-color: rgba(59,130,246,var(--tw-border-opacity))
}
.focus\:border-indigo-500:focus {
--tw-border-opacity: 1;
border-color: rgba(99,102,241,var(--tw-border-opacity))
}
.rounded-none {
border-radius: 0
}
.rounded-sm {
border-radius: .125rem
}
.rounded {
border-radius: .25rem
}
.rounded-md {
border-radius: .375rem
}
.rounded-lg {
border-radius: .5rem
}
.rounded-full {
border-radius: 9999px
}
.rounded-r-md {
border-top-right-radius: .375rem;
border-bottom-right-radius: .375rem
}
.rounded-l-md {
border-top-left-radius: .375rem;
border-bottom-left-radius: .375rem
}
.border-none {
border-style: none
}
.border-0 {
border-width: 0
}
.border-2 {
border-width: 2px
}
.border {
border-width: 1px
}
.border-r-0 {
border-right-width: 0
}
.border-t {
border-top-width: 1px
}
.border-r {
border-right-width: 1px
}
.border-b {
border-bottom-width: 1px
}
.border-l {
border-left-width: 1px
}
.cursor-pointer {
cursor: pointer
}
.block {
display: block
}
.inline-block {
display: inline-block
}
.inline {
display: inline
}
.flex {
display: flex
}
.inline-flex {
display: inline-flex
}
.table {
display: table
}
.grid {
display: grid
}
.inline-grid {
display: inline-grid
}
.hidden {
display: none
}
.flex-row {
flex-direction: row
}
.flex-col {
flex-direction: column
}
.flex-wrap {
flex-wrap: wrap
}
.flex-nowrap {
flex-wrap: nowrap
}
.items-end {
align-items: flex-end
}
.items-center {
align-items: center
}
.justify-items-end {
justify-items: end
}
.justify-items-center {
justify-items: center
}
.justify-end {
justify-content: flex-end
}
.justify-center {
justify-content: center
}
.justify-between {
justify-content: space-between
}
.flex-1 {
flex: 1 1 0%
}
.flex-auto {
flex: 1 1 auto
}
.flex-none {
flex: none
}
.flex-grow-0 {
flex-grow: 0
}
.flex-grow {
flex-grow: 1
}
.font-title {
font-family: ClanPro-Medium,system-ui
}
.font-tekst {
font-family: system-ui
}
.font-medium {
font-weight: 500
}
.font-semibold {
font-weight: 600
}
.font-extrabold {
font-weight: 800
}
.h-3 {
height: .75rem
}
.h-4 {
height: 1rem
}
.h-5 {
height: 1.25rem
}
.h-6 {
height: 1.5rem
}
.h-7 {
height: 1.75rem
}
.h-8 {
height: 2rem
}
.h-10 {
height: 2.5rem
}
.h-16 {
height: 4rem
}
.h-20 {
height: 5rem
}
.h-32 {
height: 8rem
}
.h-250 {
height: 250px
}
.h-280 {
height: 280px
}
.h-600 {
height: 600px
}
.h-full {
height: 100%
}
.h-logo {
height: 24px
}
.h-logolg {
height: 40px
}
.text-xss {
font-size: .65rem
}
.text-xs {
font-size: .7rem
}
.text-sm {
font-size: .8rem
}
.text-tiny {
font-size: .9rem
}
.text-base {
font-size: .95rem
}
.text-lg {
font-size: 1.05rem
}
.text-xl {
font-size: 1.1rem
}
.text-2xl {
font-size: 1.5rem
}
.text-3xl {
font-size: 1.875rem
}
.leading-3 {
line-height: .75rem
}
.leading-6 {
line-height: 1.5rem
}
.leading-7 {
line-height: 1.75rem
}
.leading-tight {
line-height: 1.25
}
.m-0 {
margin: 0
}
.m-1 {
margin: .25rem
}
.my-0 {
margin-top: 0;
margin-bottom: 0
}
.mx-0 {
margin-left: 0;
margin-right: 0
}
.my-1 {
margin-top: .25rem;
margin-bottom: .25rem
}
.mx-1 {
margin-left: .25rem;
margin-right: .25rem
}
.my-2 {
margin-top: .5rem;
margin-bottom: .5rem
}
.mx-2 {
margin-left: .5rem;
margin-right: .5rem
}
.my-3 {
margin-top: .75rem;
margin-bottom: .75rem
}
.mx-3 {
margin-left: .75rem;
margin-right: .75rem
}
.mx-4 {
margin-left: 1rem;
margin-right: 1rem
}
.my-5 {
margin-top: 1.25rem;
margin-bottom: 1.25rem
}
.mx-8 {
margin-left: 2rem;
margin-right: 2rem
}
.mx-auto {
margin-left: auto;
margin-right: auto
}
.-mx-3 {
margin-left: -.75rem;
margin-right: -.75rem
}
.mt-0 {
margin-top: 0
}
.mr-0 {
margin-right: 0
}
.mb-0 {
margin-bottom: 0
}
.ml-0 {
margin-left: 0
}
.mt-1 {
margin-top: .25rem
}
.mr-1 {
margin-right: .25rem
}
.mb-1 {
margin-bottom: .25rem
}
.ml-1 {
margin-left: .25rem
}
.mt-2 {
margin-top: .5rem
}
.mr-2 {
margin-right: .5rem
}
.mb-2 {
margin-bottom: .5rem
}
.ml-2 {
margin-left: .5rem
}
.mt-3 {
margin-top: .75rem
}
.mr-3 {
margin-right: .75rem
}
.mb-3 {
margin-bottom: .75rem
}
.ml-3 {
margin-left: .75rem
}
.mt-4 {
margin-top: 1rem
}
.mb-4 {
margin-bottom: 1rem
}
.ml-4 {
margin-left: 1rem
}
.mt-5 {
margin-top: 1.25rem
}
.mr-5 {
margin-right: 1.25rem
}
.mb-5 {
margin-bottom: 1.25rem
}
.ml-5 {
margin-left: 1.25rem
}
.mt-6 {
margin-top: 1.5rem
}
.mt-7 {
margin-top: 1.75rem
}
.mr-7 {
margin-right: 1.75rem
}
.mb-7 {
margin-bottom: 1.75rem
}
.mt-8 {
margin-top: 2rem
}
.ml-12 {
margin-left: 3rem
}
.mt-auto {
margin-top: auto
}
.ml-auto {
margin-left: auto
}
.mb-0\.5 {
margin-bottom: .125rem
}
.mr-2\.5 {
margin-right: .625rem
}
.mb-2\.5 {
margin-bottom: .625rem
}
.-mt-2 {
margin-top: -.5rem
}
.-mr-3 {
margin-right: -.75rem
}
.-ml-3 {
margin-left: -.75rem
}
.-mt-px {
margin-top: -1px
}
.max-w-none {
max-width: none
}
.max-w-lg {
max-width: 32rem
}
.max-w-2xl {
max-width: 42rem
}
.max-w-3xl {
max-width: 48rem
}
.max-w-4xl {
max-width: 56rem
}
.max-w-6xl {
max-width: 72rem
}
.max-w-7xl {
max-width: 80rem
}
.min-h-screen {
min-height: 100vh
}
.min-w-0 {
min-width: 0
}
.object-cover {
-o-object-fit: cover;
object-fit: cover
}
.opacity-40 {
opacity: .4
}
.opacity-75 {
opacity: .75
}
.focus\:outline-none:focus,.outline-none {
outline: 2px solid transparent;
outline-offset: 2px
}
.overflow-auto {
overflow: auto
}
.overflow-hidden {
overflow: hidden
}
.overflow-x-auto {
overflow-x: auto
}
.overflow-y-auto {
overflow-y: auto
}
.overflow-x-scroll {
overflow-x: scroll
}
.p-0 {
padding: 0
}
.p-1 {
padding: .25rem
}
.p-2 {
padding: .5rem
}
.p-3 {
padding: .75rem
}
.p-5 {
padding: 1.25rem
}
.p-6 {
padding: 1.5rem
}
.p-10 {
padding: 2.5rem
}
.py-0 {
padding-top: 0;
padding-bottom: 0
}
.px-0 {
padding-left: 0;
padding-right: 0
}
.py-1 {
padding-top: .25rem;
padding-bottom: .25rem
}
.px-1 {
padding-left: .25rem;
padding-right: .25rem
}
.py-2 {
padding-top: .5rem;
padding-bottom: .5rem
}
.px-2 {
padding-left: .5rem;
padding-right: .5rem
}
.py-3 {
padding-top: .75rem;
padding-bottom: .75rem
}
.px-3 {
padding-left: .75rem;
padding-right: .75rem
}
.py-4 {
padding-top: 1rem;
padding-bottom: 1rem
}
.px-4 {
padding-left: 1rem;
padding-right: 1rem
}
.px-5 {
padding-left: 1.25rem;
padding-right: 1.25rem
}
.px-6 {
padding-left: 1.5rem;
padding-right: 1.5rem
}
.py-8 {
padding-top: 2rem;
padding-bottom: 2rem
}
.py-20 {
padding-top: 5rem;
padding-bottom: 5rem
}
.px-20 {
padding-left: 5rem;
padding-right: 5rem
}
.py-28 {
padding-top: 7rem;
padding-bottom: 7rem
}
.py-0\.5 {
padding-top: .125rem;
padding-bottom: .125rem
}
.pt-0 {
padding-top: 0
}
.pr-0 {
padding-right: 0
}
.pb-0 {
padding-bottom: 0
}
.pl-0 {
padding-left: 0
}
.pt-1 {
padding-top: .25rem
}
.pb-1 {
padding-bottom: .25rem
}
.pl-1 {
padding-left: .25rem
}
.pt-2 {
padding-top: .5rem
}
.pb-2 {
padding-bottom: .5rem
}
.pl-2 {
padding-left: .5rem
}
.pt-3 {
padding-top: .75rem
}
.pb-3 {
padding-bottom: .75rem
}
.pt-4 {
padding-top: 1rem
}
.pb-4 {
padding-bottom: 1rem
}
.pt-5 {
padding-top: 1.25rem
}
.pr-5 {
padding-right: 1.25rem
}
.pb-5 {
padding-bottom: 1.25rem
}
.pl-5 {
padding-left: 1.25rem
}
.pt-6 {
padding-top: 1.5rem
}
.pt-8 {
padding-top: 2rem
}
.pb-10 {
padding-bottom: 2.5rem
}
.pb-20 {
padding-bottom: 5rem
}
.pb-0\.5 {
padding-bottom: .125rem
}
.pl-1\.5 {
padding-left: .375rem
}
.pb-2\/3 {
padding-bottom: 66.66667%
}
.pb-2\/4 {
padding-bottom: 50%
}
.pb-3\/4 {
padding-bottom: 75%
}
.pb-1\/1 {
padding-bottom: 100%
}
.pt-gsm {
padding-top: 49px
}
.pt-ssm {
padding-top: 44px
}
.placeholder-gray-400::-moz-placeholder {
--tw-placeholder-opacity: 1;
color: rgba(156,163,175,var(--tw-placeholder-opacity))
}
.placeholder-gray-400:-ms-input-placeholder {
--tw-placeholder-opacity: 1;
color: rgba(156,163,175,var(--tw-placeholder-opacity))
}
.placeholder-gray-400::placeholder {
--tw-placeholder-opacity: 1;
color: rgba(156,163,175,var(--tw-placeholder-opacity))
}
.placeholder-gray-600::-moz-placeholder {
--tw-placeholder-opacity: 1;
color: rgba(75,85,99,var(--tw-placeholder-opacity))
}
.placeholder-gray-600:-ms-input-placeholder {
--tw-placeholder-opacity: 1;
color: rgba(75,85,99,var(--tw-placeholder-opacity))
}
.placeholder-gray-600::placeholder {
--tw-placeholder-opacity: 1;
color: rgba(75,85,99,var(--tw-placeholder-opacity))
}
.pointer-events-none {
pointer-events: none
}
.static {
position: static
}
.fixed {
position: fixed
}
.absolute {
position: absolute
}
.relative {
position: relative
}
.sticky {
position: sticky
}
.inset-0 {
top: 0;
right: 0;
bottom: 0;
left: 0
}
.top-0 {
top: 0
}
.right-0 {
right: 0
}
.bottom-0 {
bottom: 0
}
.left-0 {
left: 0
}
.top-10 {
top: 2.5rem
}
.top-12 {
top: 3rem
}
.top-16 {
top: 4rem
}
* {
--tw-shadow: 0 0 transparent
}
.shadow-sm {
--tw-shadow: 0 1px 2px 0 rgba(0,0,0,0.05)
}
.shadow,.shadow-sm {
box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)
}
.shadow {
--tw-shadow: 0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06)
}
.shadow-xl {
--tw-shadow: 0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);
box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)
}
* {
--tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgba(59,130,246,0.5);
--tw-ring-offset-shadow: 0 0 transparent;
--tw-ring-shadow: 0 0 transparent
}
.focus\:ring-0:focus,.ring-0 {
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)
}
.focus\:ring-0:focus,.focus\:ring-2:focus,.ring-0 {
box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent)
}
.focus\:ring-2:focus {
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)
}
.focus\:ring-offset-2:focus {
--tw-ring-offset-width: 2px
}
.focus\:ring-red-500:focus {
--tw-ring-opacity: 1;
--tw-ring-color: rgba(239,68,68,var(--tw-ring-opacity))
}
.focus\:ring-blue-500:focus {
--tw-ring-opacity: 1;
--tw-ring-color: rgba(59,130,246,var(--tw-ring-opacity))
}
.focus\:ring-indigo-500:focus {
--tw-ring-opacity: 1;
--tw-ring-color: rgba(99,102,241,var(--tw-ring-opacity))
}
.fill-current {
fill: currentColor
}
.text-left {
text-align: left
}
.text-center {
text-align: center
}
.text-right {
text-align: right
}
.text-black {
--tw-text-opacity: 1;
color: rgba(0,0,0,var(--tw-text-opacity))
}
.text-white {
--tw-text-opacity: 1;
color: rgba(255,255,255,var(--tw-text-opacity))
}
.text-gray-100 {
--tw-text-opacity: 1;
color: rgba(243,244,246,var(--tw-text-opacity))
}
.text-gray-200 {
--tw-text-opacity: 1;
color: rgba(229,231,235,var(--tw-text-opacity))
}
.text-gray-300 {
--tw-text-opacity: 1;
color: rgba(209,213,219,var(--tw-text-opacity))
}
.text-gray-400 {
--tw-text-opacity: 1;
color: rgba(156,163,175,var(--tw-text-opacity))
}
.text-gray-500 {
--tw-text-opacity: 1;
color: rgba(107,114,128,var(--tw-text-opacity))
}
.text-gray-600 {
--tw-text-opacity: 1;
color: rgba(75,85,99,var(--tw-text-opacity))
}
.text-gray-700 {
--tw-text-opacity: 1;
color: rgba(55,65,81,var(--tw-text-opacity))
}
.text-gray-800 {
--tw-text-opacity: 1;
color: rgba(31,41,55,var(--tw-text-opacity))
}
.text-gray-900 {
--tw-text-opacity: 1;
color: rgba(17,24,39,var(--tw-text-opacity))
}
.text-red-500 {
--tw-text-opacity: 1;
color: rgba(239,68,68,var(--tw-text-opacity))
}
.text-red-700 {
--tw-text-opacity: 1;
color: rgba(185,28,28,var(--tw-text-opacity))
}
.text-green-600 {
--tw-text-opacity: 1;
color: rgba(5,150,105,var(--tw-text-opacity))
}
.text-blue-500 {
--tw-text-opacity: 1;
color: rgba(59,130,246,var(--tw-text-opacity))
}
.text-blue-600 {
--tw-text-opacity: 1;
color: rgba(37,99,235,var(--tw-text-opacity))
}
.text-blue-700 {
--tw-text-opacity: 1;
color: rgba(29,78,216,var(--tw-text-opacity))
}
.text-indigo-600 {
--tw-text-opacity: 1;
color: rgba(79,70,229,var(--tw-text-opacity))
}
.text-vijesti {
--tw-text-opacity: 1;
color: rgba(211,61,61,var(--tw-text-opacity))
}
.text-lifestyle {
--tw-text-opacity: 1;
color: rgba(226,166,0,var(--tw-text-opacity))
}
.text-biznis {
--tw-text-opacity: 1;
color: rgba(239,111,62,var(--tw-text-opacity))
}
.text-sport {
--tw-text-opacity: 1;
color: rgba(85,172,83,var(--tw-text-opacity))
}
.text-magazin {
--tw-text-opacity: 1;
color: rgba(164,80,145,var(--tw-text-opacity))
}
.text-auto {
--tw-text-opacity: 1;
color: rgba(72,123,175,var(--tw-text-opacity))
}
.text-scitech {
--tw-text-opacity: 1;
color: rgba(64,175,238,var(--tw-text-opacity))
}
.hover\:text-gray-400:hover {
--tw-text-opacity: 1;
color: rgba(156,163,175,var(--tw-text-opacity))
}
.hover\:text-gray-500:hover {
--tw-text-opacity: 1;
color: rgba(107,114,128,var(--tw-text-opacity))
}
.hover\:text-gray-600:hover {
--tw-text-opacity: 1;
color: rgba(75,85,99,var(--tw-text-opacity))
}
.hover\:text-gray-700:hover {
--tw-text-opacity: 1;
color: rgba(55,65,81,var(--tw-text-opacity))
}
.hover\:text-gray-800:hover {
--tw-text-opacity: 1;
color: rgba(31,41,55,var(--tw-text-opacity))
}
.hover\:text-gray-900:hover {
--tw-text-opacity: 1;
color: rgba(17,24,39,var(--tw-text-opacity))
}
.hover\:text-red-800:hover {
--tw-text-opacity: 1;
color: rgba(153,27,27,var(--tw-text-opacity))
}
.hover\:text-green-800:hover {
--tw-text-opacity: 1;
color: rgba(6,95,70,var(--tw-text-opacity))
}
.hover\:text-blue-500:hover {
--tw-text-opacity: 1;
color: rgba(59,130,246,var(--tw-text-opacity))
}
.focus\:text-gray-800:focus {
--tw-text-opacity: 1;
color: rgba(31,41,55,var(--tw-text-opacity))
}
.hover\:text-opacity-50:hover,.text-opacity-50 {
--tw-text-opacity: 0.5
}
.truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.uppercase {
text-transform: uppercase
}
.underline {
text-decoration: underline
}
.line-through {
text-decoration: line-through
}
.hover\:underline:hover {
text-decoration: underline
}
.hover\:no-underline:hover {
text-decoration: none
}
.antialiased {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.align-middle {
vertical-align: middle
}
.align-bottom {
vertical-align: bottom
}
.align-text-bottom {
vertical-align: text-bottom
}
.visible {
visibility: visible
}
.whitespace-nowrap {
white-space: nowrap
}
.break-words {
overflow-wrap: break-word
}
.w-3 {
width: .75rem
}
.w-4 {
width: 1rem
}
.w-5 {
width: 1.25rem
}
.w-6 {
width: 1.5rem
}
.w-7 {
width: 1.75rem
}
.w-8 {
width: 2rem
}
.w-10 {
width: 2.5rem
}
.w-14 {
width: 3.5rem
}
.w-20 {
width: 5rem
}
.w-24 {
width: 6rem
}
.w-56 {
width: 14rem
}
.w-300 {
width: 300px
}
.w-336 {
width: 336px
}
.w-658 {
width: 658px
}
.w-auto {
width: auto
}
.w-3\/4 {
width: 75%
}
.w-1\/2 {
width: 50%
}
.w-1\/3 {
width: 33.333333%
}
.w-1\/4 {
width: 25%
}
.w-full {
width: 100%
}
.w-logo {
width: 58px
}
.w-logolg {
width: 80px
}
.z-10 {
z-index: 10
}
.z-30 {
z-index: 30
}
.z-40 {
z-index: 40
}
.z-50 {
z-index: 50
}
.gap-0 {
gap: 0
}
.gap-3 {
gap: .75rem
}
.gap-0\.5 {
gap: .125rem
}
.grid-cols-1 {
grid-template-columns: repeat(1,minmax(0,1fr))
}
.grid-cols-2 {
grid-template-columns: repeat(2,minmax(0,1fr))
}
.grid-cols-3 {
grid-template-columns: repeat(3,minmax(0,1fr))
}
.grid-cols-4 {
grid-template-columns: repeat(4,minmax(0,1fr))
}
.grid-cols-10 {
grid-template-columns: repeat(10,minmax(0,1fr))
}
.grid-cols-11 {
grid-template-columns: repeat(11,minmax(0,1fr))
}
.grid-cols-12 {
grid-template-columns: repeat(12,minmax(0,1fr))
}
.col-span-full {
grid-column: 1/-1
}
.grid-rows-1 {
grid-template-rows: repeat(1,minmax(0,1fr))
}
.row-start-3 {
grid-row-start: 3
}
.transform {
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.rotate-0 {
--tw-rotate: 0deg
}
.rotate-90 {
--tw-rotate: 90deg
}
.transition-all {
transition-property: all;
transition-timing-function: cubic-bezier(.4,0,.2,1);
transition-duration: .15s
}
.transition-opacity {
transition-property: opacity;
transition-timing-function: cubic-bezier(.4,0,.2,1);
transition-duration: .15s
}
@-webkit-keyframes spin {
to {
transform: rotate(1turn)
}
}
@keyframes spin {
to {
transform: rotate(1turn)
}
}
@-webkit-keyframes ping {
75%,to {
transform: scale(2);
opacity: 0
}
}
@keyframes ping {
75%,to {
transform: scale(2);
opacity: 0
}
}
@-webkit-keyframes pulse {
50% {
opacity: .5
}
}
@keyframes pulse {
50% {
opacity: .5
}
}
@-webkit-keyframes bounce {
0%,to {
transform: translateY(-25%);
-webkit-animation-timing-function: cubic-bezier(.8,0,1,1);
animation-timing-function: cubic-bezier(.8,0,1,1)
}
50% {
transform: none;
-webkit-animation-timing-function: cubic-bezier(0,0,.2,1);
animation-timing-function: cubic-bezier(0,0,.2,1)
}
}
@keyframes bounce {
0%,to {
transform: translateY(-25%);
-webkit-animation-timing-function: cubic-bezier(.8,0,1,1);
animation-timing-function: cubic-bezier(.8,0,1,1)
}
50% {
transform: none;
-webkit-animation-timing-function: cubic-bezier(0,0,.2,1);
animation-timing-function: cubic-bezier(0,0,.2,1)
}
}
.filter {
--tw-blur: var(--tw-empty,/*!*/ /*!*/);
--tw-brightness: var(--tw-empty,/*!*/ /*!*/);
--tw-contrast: var(--tw-empty,/*!*/ /*!*/);
--tw-grayscale: var(--tw-empty,/*!*/ /*!*/);
--tw-hue-rotate: var(--tw-empty,/*!*/ /*!*/);
--tw-invert: var(--tw-empty,/*!*/ /*!*/);
--tw-saturate: var(--tw-empty,/*!*/ /*!*/);
--tw-sepia: var(--tw-empty,/*!*/ /*!*/);
--tw-drop-shadow: var(--tw-empty,/*!*/ /*!*/);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}
.leading-tight {
line-height: 1.3!important;
font-weight: 400!important
}
#ads_belowtext>div>iframe,#ads_footer>div>iframe,#ads_intext>div>iframe,#ads_leaderboard>div>iframe,#ads_leaderboard_0>div>iframe,#ads_leaderboard_1>div>iframe,#ads_leaderboard_2>div>iframe,#ads_leaderboard_3>div>iframe,#ads_leaderboard_4>div>iframe,#ads_leaderboard_5>div>iframe,#ads_leaderboard_6>div>iframe,#ads_midtext>div>iframe,#ads_midtext_2>div>iframe,#ads_midtext_3>div>iframe,#ads_rectangle>div>iframe {
margin-left: auto;
margin-right: auto
}
.fb_iframe_widget {
margin-bottom: 20px!important
}
div#text iframe {
max-width: 100%
}
@media (min-width: 640px) {
.sm\:space-y-5>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse:0;
margin-top: calc(1.25rem*(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(1.25rem*var(--tw-space-y-reverse))
}
.sm\:border-gray-200 {
--tw-border-opacity: 1;
border-color: rgba(229,231,235,var(--tw-border-opacity))
}
.sm\:rounded-lg {
border-radius: .5rem
}
.sm\:border-t {
border-top-width: 1px
}
.sm\:border-b {
border-bottom-width: 1px
}
.sm\:block {
display: block
}
.sm\:inline-block {
display: inline-block
}
.sm\:grid {
display: grid
}
.sm\:flex-row {
flex-direction: row
}
.sm\:items-start {
align-items: flex-start
}
.sm\:items-center {
align-items: center
}
.sm\:items-baseline {
align-items: baseline
}
.sm\:justify-start {
justify-content: flex-start
}
.sm\:justify-end {
justify-content: flex-end
}
.sm\:justify-between {
justify-content: space-between
}
.sm\:h-20 {
height: 5rem
}
.sm\:h-screen {
height: 100vh
}
.sm\:text-sm {
font-size: .8rem
}
.sm\:text-tiny {
font-size: .9rem
}
.sm\:my-8 {
margin-top: 2rem;
margin-bottom: 2rem
}
.sm\:mx-auto {
margin-left: auto;
margin-right: auto
}
.sm\:mt-0 {
margin-top: 0
}
.sm\:ml-0 {
margin-left: 0
}
.sm\:mt-1 {
margin-top: .25rem
}
.sm\:mt-2 {
margin-top: .5rem
}
.sm\:mt-5 {
margin-top: 1.25rem
}
.sm\:mt-6 {
margin-top: 1.5rem
}
.sm\:mt-px {
margin-top: 1px
}
.sm\:max-w-xs {
max-width: 20rem
}
.sm\:max-w-md {
max-width: 28rem
}
.sm\:max-w-lg {
max-width: 32rem
}
.sm\:p-0 {
padding: 0
}
.sm\:p-6 {
padding: 1.5rem
}
.sm\:px-3 {
padding-left: .75rem;
padding-right: .75rem
}
.sm\:px-6 {
padding-left: 1.5rem;
padding-right: 1.5rem
}
.sm\:px-10 {
padding-left: 2.5rem;
padding-right: 2.5rem
}
.sm\:pt-0 {
padding-top: 0
}
.sm\:pt-2 {
padding-top: .5rem
}
.sm\:pt-5 {
padding-top: 1.25rem
}
.sm\:pt-10 {
padding-top: 2.5rem
}
.sm\:text-left {
text-align: left
}
.sm\:text-right {
text-align: right
}
.sm\:text-gray-700 {
--tw-text-opacity: 1;
color: rgba(55,65,81,var(--tw-text-opacity))
}
.sm\:align-middle {
vertical-align: middle
}
.sm\:w-64 {
width: 16rem
}
.sm\:w-full {
width: 100%
}
.sm\:gap-3 {
gap: .75rem
}
.sm\:gap-4 {
gap: 1rem
}
.sm\:grid-flow-row-dense {
grid-auto-flow: row dense
}
.sm\:grid-cols-2 {
grid-template-columns: repeat(2,minmax(0,1fr))
}
.sm\:grid-cols-3 {
grid-template-columns: repeat(3,minmax(0,1fr))
}
.sm\:col-span-2 {
grid-column: span 2/span 2
}
.sm\:col-start-1 {
grid-column-start: 1
}
.sm\:col-start-2 {
grid-column-start: 2
}
}
@media (min-width: 768px) {
.md\:space-y-0>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse:0;
margin-top: calc(0px*(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(0px*var(--tw-space-y-reverse))
}
.md\:space-x-0>:not([hidden])~:not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(0px*var(--tw-space-x-reverse));
margin-left: calc(0px*(1 - var(--tw-space-x-reverse)))
}
.md\:space-y-1>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(0.25rem*(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(0.25rem*var(--tw-space-y-reverse))
}
.md\:space-x-3>:not([hidden])~:not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(0.75rem*var(--tw-space-x-reverse));
margin-left: calc(0.75rem*(1 - var(--tw-space-x-reverse)))
}
.md\:bg-black {
--tw-bg-opacity: 1;
background-color: rgba(0,0,0,var(--tw-bg-opacity))
}
.md\:bg-white {
--tw-bg-opacity: 1;
background-color: rgba(255,255,255,var(--tw-bg-opacity))
}
.md\:bg-gray-100 {
--tw-bg-opacity: 1;
background-color: rgba(243,244,246,var(--tw-bg-opacity))
}
.md\:bg-gradient-to-t {
background-image: linear-gradient(0deg,var(--tw-gradient-stops))
}
.md\:from-black {
--tw-gradient-from: #000;
--tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to,transparent)
}
.md\:via-black {
--tw-gradient-stops: var(--tw-gradient-from),#000,var(--tw-gradient-to,transparent)
}
.md\:border-none {
border-style: none
}
.md\:border-t-0 {
border-top-width: 0
}
.md\:border-r {
border-right-width: 1px
}
.md\:border-b {
border-bottom-width: 1px
}
.md\:border-l {
border-left-width: 1px
}
.md\:block {
display: block
}
.md\:inline-block {
display: inline-block
}
.md\:inline {
display: inline
}
.md\:flex {
display: flex
}
.md\:grid {
display: grid
}
.md\:hidden {
display: none
}
.md\:flex-row {
flex-direction: row
}
.md\:flex-col {
flex-direction: column
}
.md\:flex-wrap {
flex-wrap: wrap
}
.md\:items-center {
align-items: center
}
.md\:justify-center {
justify-content: center
}
.md\:flex-1 {
flex: 1 1 0%
}
.md\:order-first {
order: -9999
}
.md\:order-last {
order: 9999
}
.md\:font-semibold {
font-weight: 600
}
.md\:h-4 {
height: 1rem
}
.md\:h-5 {
height: 1.25rem
}
.md\:h-20 {
height: 5rem
}
.md\:h-100 {
height: 100px
}
.md\:h-auto {
height: auto
}
.md\:h-full {
height: 100%
}
.md\:h-logolg {
height: 40px
}
.md\:text-sm {
font-size: .8rem
}
.md\:text-tiny {
font-size: .9rem
}
.md\:text-base {
font-size: .95rem
}
.md\:text-xl {
font-size: 1.1rem
}
.md\:text-2xl {
font-size: 1.5rem
}
.md\:text-3xl {
font-size: 1.875rem
}
.md\:leading-7 {
line-height: 1.75rem
}
.md\:leading-tight {
line-height: 1.25
}
.md\:mx-0 {
margin-left: 0;
margin-right: 0
}
.md\:my-2 {
margin-top: .5rem;
margin-bottom: .5rem
}
.md\:mt-0 {
margin-top: 0
}
.md\:mb-0 {
margin-bottom: 0
}
.md\:mt-1 {
margin-top: .25rem
}
.md\:mb-1 {
margin-bottom: .25rem
}
.md\:mt-2 {
margin-top: .5rem
}
.md\:mb-2 {
margin-bottom: .5rem
}
.md\:ml-3 {
margin-left: .75rem
}
.md\:ml-4 {
margin-left: 1rem
}
.md\:mt-5 {
margin-top: 1.25rem
}
.md\:mr-5 {
margin-right: 1.25rem
}
.md\:mt-10 {
margin-top: 2.5rem
}
.md\:mb-16 {
margin-bottom: 4rem
}
.md\:-mt-0 {
margin-top: 0
}
.md\:p-2 {
padding: .5rem
}
.md\:p-3 {
padding: .75rem
}
.md\:p-5 {
padding: 1.25rem
}
.md\:px-0 {
padding-left: 0;
padding-right: 0
}
.md\:py-2 {
padding-top: .5rem;
padding-bottom: .5rem
}
.md\:px-2 {
padding-left: .5rem;
padding-right: .5rem
}
.md\:py-3 {
padding-top: .75rem;
padding-bottom: .75rem
}
.md\:px-4 {
padding-left: 1rem;
padding-right: 1rem
}
.md\:px-5 {
padding-left: 1.25rem;
padding-right: 1.25rem
}
.md\:py-32 {
padding-top: 8rem;
padding-bottom: 8rem
}
.md\:pt-0 {
padding-top: 0
}
.md\:pr-0 {
padding-right: 0
}
.md\:pb-0 {
padding-bottom: 0
}
.md\:pl-0 {
padding-left: 0
}
.md\:pt-1 {
padding-top: .25rem
}
.md\:pb-1 {
padding-bottom: .25rem
}
.md\:pt-2 {
padding-top: .5rem
}
.md\:pb-3 {
padding-bottom: .75rem
}
.md\:pl-3 {
padding-left: .75rem
}
.md\:pb-4 {
padding-bottom: 1rem
}
.md\:pr-5 {
padding-right: 1.25rem
}
.md\:pr-6 {
padding-right: 1.5rem
}
.md\:pb-2\/3 {
padding-bottom: 66.66667%
}
.md\:pb-2\/4 {
padding-bottom: 50%
}
.md\:pb-1\/1 {
padding-bottom: 100%
}
.md\:pt-smd {
padding-top: 52px
}
.md\:pt-smdp {
padding-top: 57px
}
.md\:absolute {
position: absolute
}
.md\:sticky {
position: sticky
}
.md\:bottom-0 {
bottom: 0
}
.md\:top-14 {
top: 3.5rem
}
.md\:text-center {
text-align: center
}
.md\:text-right {
text-align: right
}
.md\:text-white {
--tw-text-opacity: 1;
color: rgba(255,255,255,var(--tw-text-opacity))
}
.md\:text-gray-200 {
--tw-text-opacity: 1;
color: rgba(229,231,235,var(--tw-text-opacity))
}
.md\:text-gray-400 {
--tw-text-opacity: 1;
color: rgba(156,163,175,var(--tw-text-opacity))
}
.md\:text-gray-500 {
--tw-text-opacity: 1;
color: rgba(107,114,128,var(--tw-text-opacity))
}
.md\:hover\:text-gray-300:hover {
--tw-text-opacity: 1;
color: rgba(209,213,219,var(--tw-text-opacity))
}
.md\:w-4 {
width: 1rem
}
.md\:w-5 {
width: 1.25rem
}
.md\:w-44 {
width: 11rem
}
.md\:w-728 {
width: 728px
}
.md\:w-auto {
width: auto
}
.md\:w-full {
width: 100%
}
.md\:w-logolg {
width: 80px
}
.md\:gap-0 {
gap: 0
}
.md\:gap-0\.5 {
gap: .125rem
}
.md\:grid-cols-2 {
grid-template-columns: repeat(2,minmax(0,1fr))
}
.md\:grid-cols-3 {
grid-template-columns: repeat(3,minmax(0,1fr))
}
.md\:grid-cols-4 {
grid-template-columns: repeat(4,minmax(0,1fr))
}
.md\:grid-cols-5 {
grid-template-columns: repeat(5,minmax(0,1fr))
}
.md\:grid-cols-11 {
grid-template-columns: repeat(11,minmax(0,1fr))
}
.md\:grid-cols-12 {
grid-template-columns: repeat(12,minmax(0,1fr))
}
.md\:grid-cols-none {
grid-template-columns: none
}
.md\:col-span-1 {
grid-column: span 1/span 1
}
.md\:col-span-3 {
grid-column: span 3/span 3
}
.md\:col-span-4 {
grid-column: span 4/span 4
}
.md\:col-span-5 {
grid-column: span 5/span 5
}
.md\:col-span-6 {
grid-column: span 6/span 6
}
.md\:col-span-7 {
grid-column: span 7/span 7
}
.md\:col-span-8 {
grid-column: span 8/span 8
}
.md\:col-span-11 {
grid-column: span 11/span 11
}
.md\:col-span-12 {
grid-column: span 12/span 12
}
.md\:col-start-4 {
grid-column-start: 4
}
.md\:row-span-1 {
grid-row: span 1/span 1
}
}
@media (min-width: 1024px) {
.lg\:prose-lg {
font-size:1.125rem;
line-height: 1.7777778
}
.lg\:prose-lg p {
margin-top: 1.3333333em;
margin-bottom: 1.3333333em
}
.lg\:prose-lg [class~=lead] {
font-size: 1.2222222em;
line-height: 1.4545455;
margin-top: 1.0909091em;
margin-bottom: 1.0909091em
}
.lg\:prose-lg blockquote {
margin-top: 1.6666667em;
margin-bottom: 1.6666667em;
padding-left: 1em
}
.lg\:prose-lg h1 {
font-size: 2.6666667em;
margin-top: 0;
margin-bottom: .8333333em;
line-height: 1
}
.lg\:prose-lg h2 {
font-size: 1.6666667em;
margin-top: 1.8666667em;
margin-bottom: 1.0666667em;
line-height: 1.3333333
}
.lg\:prose-lg h3 {
font-size: 1.3333333em;
margin-top: 1.6666667em;
margin-bottom: .6666667em;
line-height: 1.5
}
.lg\:prose-lg h4 {
margin-top: 1.7777778em;
margin-bottom: .4444444em;
line-height: 1.5555556
}
.lg\:prose-lg figure,.lg\:prose-lg img,.lg\:prose-lg video {
margin-top: 1.7777778em;
margin-bottom: 1.7777778em
}
.lg\:prose-lg figure>* {
margin-top: 0;
margin-bottom: 0
}
.lg\:prose-lg figure figcaption {
font-size: .8888889em;
line-height: 1.5;
margin-top: 1em
}
.lg\:prose-lg code {
font-size: .8888889em
}
.lg\:prose-lg h2 code {
font-size: .8666667em
}
.lg\:prose-lg h3 code {
font-size: .875em
}
.lg\:prose-lg pre {
font-size: .8888889em;
line-height: 1.75;
margin-top: 2em;
margin-bottom: 2em;
border-radius: .375rem;
padding: 1em 1.5em
}
.lg\:prose-lg ol,.lg\:prose-lg ul {
margin-top: 1.3333333em;
margin-bottom: 1.3333333em
}
.lg\:prose-lg li {
margin-top: .6666667em;
margin-bottom: .6666667em
}
.lg\:prose-lg ol>li {
padding-left: 1.6666667em
}
.lg\:prose-lg ol>li:before {
left: 0
}
.lg\:prose-lg ul>li {
padding-left: 1.6666667em
}
.lg\:prose-lg ul>li:before {
width: .3333333em;
height: .3333333em;
top: .72222em;
left: .2222222em
}
.lg\:prose-lg>ul>li p {
margin-top: .8888889em;
margin-bottom: .8888889em
}
.lg\:prose-lg>ul>li>:first-child {
margin-top: 1.3333333em
}
.lg\:prose-lg>ul>li>:last-child {
margin-bottom: 1.3333333em
}
.lg\:prose-lg>ol>li>:first-child {
margin-top: 1.3333333em
}
.lg\:prose-lg>ol>li>:last-child {
margin-bottom: 1.3333333em
}
.lg\:prose-lg ol ol,.lg\:prose-lg ol ul,.lg\:prose-lg ul ol,.lg\:prose-lg ul ul {
margin-top: .8888889em;
margin-bottom: .8888889em
}
.lg\:prose-lg hr {
margin-top: 3.1111111em;
margin-bottom: 3.1111111em
}
.lg\:prose-lg h2+*,.lg\:prose-lg h3+*,.lg\:prose-lg h4+*,.lg\:prose-lg hr+* {
margin-top: 0
}
.lg\:prose-lg table {
font-size: .8888889em;
line-height: 1.5
}
.lg\:prose-lg thead th {
padding-right: .75em;
padding-bottom: .75em;
padding-left: .75em
}
.lg\:prose-lg thead th:first-child {
padding-left: 0
}
.lg\:prose-lg thead th:last-child {
padding-right: 0
}
.lg\:prose-lg tbody td {
padding: .75em
}
.lg\:prose-lg tbody td:first-child {
padding-left: 0
}
.lg\:prose-lg tbody td:last-child {
padding-right: 0
}
.lg\:prose-lg>:first-child {
margin-top: 0
}
.lg\:prose-lg>:last-child {
margin-bottom: 0
}
.lg\:space-x-0>:not([hidden])~:not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(0px*var(--tw-space-x-reverse));
margin-left: calc(0px*(1 - var(--tw-space-x-reverse)))
}
.lg\:space-x-3>:not([hidden])~:not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(0.75rem*var(--tw-space-x-reverse));
margin-left: calc(0.75rem*(1 - var(--tw-space-x-reverse)))
}
.lg\:space-y-5>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(1.25rem*(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(1.25rem*var(--tw-space-y-reverse))
}
.lg\:space-x-5>:not([hidden])~:not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(1.25rem*var(--tw-space-x-reverse));
margin-left: calc(1.25rem*(1 - var(--tw-space-x-reverse)))
}
.lg\:divide-y-0>:not([hidden])~:not([hidden]) {
--tw-divide-y-reverse: 0;
border-top-width: calc(0px*(1 - var(--tw-divide-y-reverse)));
border-bottom-width: calc(0px*var(--tw-divide-y-reverse))
}
.lg\:divide-x>:not([hidden])~:not([hidden]) {
--tw-divide-x-reverse: 0;
border-right-width: calc(1px*var(--tw-divide-x-reverse));
border-left-width: calc(1px*(1 - var(--tw-divide-x-reverse)))
}
.lg\:bg-white {
--tw-bg-opacity: 1;
background-color: rgba(255,255,255,var(--tw-bg-opacity))
}
.lg\:border-gray-200 {
--tw-border-opacity: 1;
border-color: rgba(229,231,235,var(--tw-border-opacity))
}
.lg\:border-r {
border-right-width: 1px
}
.lg\:border-l {
border-left-width: 1px
}
.lg\:block {
display: block
}
.lg\:inline-block {
display: inline-block
}
.lg\:inline {
display: inline
}
.lg\:flex {
display: flex
}
.lg\:hidden {
display: none
}
.lg\:flex-row {
flex-direction: row
}
.lg\:flex-col {
flex-direction: column
}
.lg\:order-none {
order: 0
}
.lg\:font-semibold {
font-weight: 600
}
.lg\:h-3 {
height: .75rem
}
.lg\:h-4 {
height: 1rem
}
.lg\:h-8 {
height: 2rem
}
.lg\:h-20 {
height: 5rem
}
.lg\:h-250 {
height: 250px
}
.lg\:h-600 {
height: 600px
}
.lg\:h-auto {
height: auto
}
.lg\:h-logolg {
height: 40px
}
.lg\:text-sm {
font-size: .8rem
}
.lg\:text-tiny {
font-size: .9rem
}
.lg\:text-base {
font-size: .95rem
}
.lg\:text-lg {
font-size: 1.05rem
}
.lg\:text-xl {
font-size: 1.1rem
}
.lg\:text-2xl {
font-size: 1.5rem
}
.lg\:text-3xl {
font-size: 1.875rem
}
.lg\:text-4xl {
font-size: 2.2rem
}
.lg\:leading-6 {
line-height: 1.5rem
}
.lg\:mx-12 {
margin-left: 3rem;
margin-right: 3rem
}
.lg\:mt-0 {
margin-top: 0
}
.lg\:mr-0 {
margin-right: 0
}
.lg\:mb-0 {
margin-bottom: 0
}
.lg\:ml-0 {
margin-left: 0
}
.lg\:mr-1 {
margin-right: .25rem
}
.lg\:mt-2 {
margin-top: .5rem
}
.lg\:mr-2 {
margin-right: .5rem
}
.lg\:ml-2 {
margin-left: .5rem
}
.lg\:mt-3 {
margin-top: .75rem
}
.lg\:mr-3 {
margin-right: .75rem
}
.lg\:ml-3 {
margin-left: .75rem
}
.lg\:mt-5 {
margin-top: 1.25rem
}
.lg\:mb-5 {
margin-bottom: 1.25rem
}
.lg\:ml-5 {
margin-left: 1.25rem
}
.lg\:-mr-5 {
margin-right: -1.25rem
}
.lg\:-ml-5 {
margin-left: -1.25rem
}
.lg\:p-0 {
padding: 0
}
.lg\:p-3 {
padding: .75rem
}
.lg\:p-5 {
padding: 1.25rem
}
.lg\:py-0 {
padding-top: 0;
padding-bottom: 0
}
.lg\:px-0 {
padding-left: 0;
padding-right: 0
}
.lg\:px-2 {
padding-left: .5rem;
padding-right: .5rem
}
.lg\:py-3 {
padding-top: .75rem;
padding-bottom: .75rem
}
.lg\:px-3 {
padding-left: .75rem;
padding-right: .75rem
}
.lg\:px-5 {
padding-left: 1.25rem;
padding-right: 1.25rem
}
.lg\:py-6 {
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
.lg\:py-8 {
padding-top: 2rem;
padding-bottom: 2rem
}
.lg\:px-8 {
padding-left: 2rem;
padding-right: 2rem
}
.lg\:py-16 {
padding-top: 4rem;
padding-bottom: 4rem
}
.lg\:px-24 {
padding-left: 6rem;
padding-right: 6rem
}
.lg\:px-36 {
padding-left: 9rem;
padding-right: 9rem
}
.lg\:pt-0 {
padding-top: 0
}
.lg\:pr-0 {
padding-right: 0
}
.lg\:pb-0 {
padding-bottom: 0
}
.lg\:pt-1 {
padding-top: .25rem
}
.lg\:pb-2 {
padding-bottom: .5rem
}
.lg\:pt-3 {
padding-top: .75rem
}
.lg\:pb-3 {
padding-bottom: .75rem
}
.lg\:pl-3 {
padding-left: .75rem
}
.lg\:pt-4 {
padding-top: 1rem
}
.lg\:pl-4 {
padding-left: 1rem
}
.lg\:pt-5 {
padding-top: 1.25rem
}
.lg\:pl-5 {
padding-left: 1.25rem
}
.lg\:pt-8 {
padding-top: 2rem
}
.lg\:pb-0\.5 {
padding-bottom: .125rem
}
.lg\:pb-2\/3 {
padding-bottom: 66.66667%
}
.lg\:top-16 {
top: 4rem
}
.lg\:text-center {
text-align: center
}
.lg\:w-3 {
width: .75rem
}
.lg\:w-4 {
width: 1rem
}
.lg\:w-8 {
width: 2rem
}
.lg\:w-160 {
width: 160px
}
.lg\:w-728 {
width: 728px
}
.lg\:w-1\/2 {
width: 50%
}
.lg\:w-full {
width: 100%
}
.lg\:w-logolg {
width: 80px
}
.lg\:grid-cols-4 {
grid-template-columns: repeat(4,minmax(0,1fr))
}
.lg\:grid-cols-5 {
grid-template-columns: repeat(5,minmax(0,1fr))
}
.lg\:grid-cols-11 {
grid-template-columns: repeat(11,minmax(0,1fr))
}
.lg\:col-span-2 {
grid-column: span 2/span 2
}
.lg\:col-span-3 {
grid-column: span 3/span 3
}
.lg\:col-span-4 {
grid-column: span 4/span 4
}
.lg\:col-span-5 {
grid-column: span 5/span 5
}
.lg\:col-span-6 {
grid-column: span 6/span 6
}
.lg\:col-span-7 {
grid-column: span 7/span 7
}
.lg\:col-span-8 {
grid-column: span 8/span 8
}
.lg\:col-start-1 {
grid-column-start: 1
}
.lg\:col-start-3 {
grid-column-start: 3
}
.lg\:col-start-8 {
grid-column-start: 8
}
.lg\:row-span-1 {
grid-row: span 1/span 1
}
.lg\:row-span-2 {
grid-row: span 2/span 2
}
.lg\:row-start-1 {
grid-row-start: 1
}
}
@media (min-width: 1280px) {
.xl\:border-vijesti {
--tw-border-opacity:1;
border-color: rgba(211,61,61,var(--tw-border-opacity))
}
.xl\:border-lifestyle {
--tw-border-opacity: 1;
border-color: rgba(226,166,0,var(--tw-border-opacity))
}
.xl\:border-biznis {
--tw-border-opacity: 1;
border-color: rgba(239,111,62,var(--tw-border-opacity))
}
.xl\:border-sport {
--tw-border-opacity: 1;
border-color: rgba(85,172,83,var(--tw-border-opacity))
}
.xl\:border-magazin {
--tw-border-opacity: 1;
border-color: rgba(164,80,145,var(--tw-border-opacity))
}
.xl\:border-auto {
--tw-border-opacity: 1;
border-color: rgba(72,123,175,var(--tw-border-opacity))
}
.xl\:border-scitech {
--tw-border-opacity: 1;
border-color: rgba(64,175,238,var(--tw-border-opacity))
}
.xl\:border-b-4 {
border-bottom-width: 4px
}
.xl\:block {
display: block
}
.xl\:inline {
display: inline
}
.xl\:hidden {
display: none
}
.xl\:text-tiny {
font-size: .9rem
}
.xl\:text-base {
font-size: .95rem
}
.xl\:text-lg {
font-size: 1.05rem
}
.xl\:text-xl {
font-size: 1.1rem
}
.xl\:text-4xl {
font-size: 2.2rem
}
.xl\:mx-2 {
margin-left: .5rem;
margin-right: .5rem
}
.xl\:mx-3 {
margin-left: .75rem;
margin-right: .75rem
}
.xl\:mx-12 {
margin-left: 3rem;
margin-right: 3rem
}
.xl\:mt-1 {
margin-top: .25rem
}
.xl\:mr-2 {
margin-right: .5rem
}
.xl\:mt-3 {
margin-top: .75rem
}
.xl\:mb-5 {
margin-bottom: 1.25rem
}
.xl\:ml-10 {
margin-left: 2.5rem
}
.xl\:p-2 {
padding: .5rem
}
.xl\:p-5 {
padding: 1.25rem
}
.xl\:py-0 {
padding-top: 0;
padding-bottom: 0
}
.xl\:px-0 {
padding-left: 0;
padding-right: 0
}
.xl\:py-1 {
padding-top: .25rem;
padding-bottom: .25rem
}
.xl\:px-2 {
padding-left: .5rem;
padding-right: .5rem
}
.xl\:py-3 {
padding-top: .75rem;
padding-bottom: .75rem
}
.xl\:px-3 {
padding-left: .75rem;
padding-right: .75rem
}
.xl\:px-4 {
padding-left: 1rem;
padding-right: 1rem
}
.xl\:px-16 {
padding-left: 4rem;
padding-right: 4rem
}
.xl\:pt-0 {
padding-top: 0
}
.xl\:pr-0 {
padding-right: 0
}
.xl\:pl-2 {
padding-left: .5rem
}
.xl\:pt-4 {
padding-top: 1rem
}
.xl\:pt-5 {
padding-top: 1.25rem
}
.xl\:w-300 {
width: 300px
}
.xl\:w-970 {
width: 970px
}
.xl\:col-span-3 {
grid-column: span 3/span 3
}
.xl\:col-span-6 {
grid-column: span 6/span 6
}
.xl\:col-span-8 {
grid-column: span 8/span 8
}
.xl\:col-start-1 {
grid-column-start: 1
}
.xl\:col-start-9 {
grid-column-start: 9
}
}
</style>
<link rel="shortcut icon" href="https://static.klix.ba/favicons/favicon.ico">
<link rel="apple-touch-icon" sizes="180x180" href="https://static.klix.ba/favicons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="https://static.klix.ba/favicons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="https://static.klix.ba/favicons/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<link rel="preconnect" href="https://static.klix.ba" crossorigin>
<link rel="dns-prefetch" href="https://static.klix.ba">
<link rel="preconnect" href="https://www.googletagmanager.com" crossorigin>
<link rel="preconnect" href="https://adservice.google.com/">
<link rel="preconnect" href="https://googleads.g.doubleclick.net/">
<link rel="preconnect" href="https://www.googletagservices.com/">
<link rel="preconnect" href="https://tpc.googlesyndication.com/">
<link rel="preconnect" href="https://api.klix.ba" crossorigin>
<meta property="fb:app_id" content="171222711838">
<meta name="csrf-token" content="nj4wPaYhol2kU7SuCFF2UHyQKrguCTacG5tCpPea">
<meta name="google" content="notranslate"/>
<script type="text/javascript">
/**
* Add an event listener to get notified once Didomi has passed
* the user consent status to Google
* Important: this must be placed before the Didomi SDK gets embedded on your
* website to guarantee that you do not miss any event
*/
window.didomiEventListeners = window.didomiEventListeners || [];
window.didomiEventListeners.push({
event: 'integrations.consentpassedtodfp',
listener: function(data) {
// Consent has been passed to Google
// Load or refresh ads as needed with Ad Manager, Prebid, etc.
// `data.consentStatus` contains the current consent status of the user (true/false/undefined)
// `data.index` contains the index of the event (integer)
console.log("data.index: " + data.index);
if (data.index === 0) {// This is the very first event on the page that gets triggered on page load
//googletag.pubads().refresh();
//initializeGoogletagRefreshWithPrebid();
} else {
// This is an event that happens later on the page, after a user action (user giving consent or changing their preferences)
googletag.pubads().refresh();
}
}
});
</script>
<script type="text/javascript">
window.gdprAppliesGlobally = false;
(function() {
function a(e) {
if (!window.frames[e]) {
if (document.body && document.body.firstChild) {
var t = document.body;
var n = document.createElement("iframe");
n.style.display = "none";
n.name = e;
n.title = e;
t.insertBefore(n, t.firstChild)
} else {
setTimeout(function() {
a(e)
}, 5)
}
}
}
function e(n, r, o, c, s) {
function e(e, t, n, a) {
if (typeof n !== "function") {
return
}
if (!window[r]) {
window[r] = []
}
var i = false;
if (s) {
i = s(e, t, n)
}
if (!i) {
window[r].push({
command: e,
parameter: t,
callback: n,
version: a
})
}
}
e.stub = true;
function t(a) {
if (!window[n] || window[n].stub !== true) {
return
}
if (!a.data) {
return
}
var i = typeof a.data === "string";
var e;
try {
e = i ? JSON.parse(a.data) : a.data
} catch (t) {
return
}
if (e[o]) {
var r = e[o];
window[n](r.command, r.parameter, function(e, t) {
var n = {};
n[c] = {
returnValue: e,
success: t,
callId: r.callId
};
a.source.postMessage(i ? JSON.stringify(n) : n, "*")
}, r.version)
}
}
if (typeof window[n] !== "function") {
window[n] = e;
if (window.addEventListener) {
window.addEventListener("message", t, false)
} else {
window.attachEvent("onmessage", t)
}
}
}
e("__tcfapi", "__tcfapiBuffer", "__tcfapiCall", "__tcfapiReturn");
a("__tcfapiLocator");
(function(e) {
var t = document.createElement("script");
t.id = "spcloader";
t.type = "text/javascript";
t.async = true;
t.src = "https://sdk.privacy-center.org/" + e + "/loader.js?target=" + document.location.hostname;
t.charset = "utf-8";
var n = document.getElementsByTagName("script")[0];
n.parentNode.insertBefore(t, n)
}
)("76f2bacf-f777-4af7-9a2a-73e9e630ac7c")
}
)();
</script>
<script type="text/javascript">
var PWT = {};
//Initialize Namespace
var notifyId;
var googletag = googletag || {};
googletag.cmd = googletag.cmd || [];
var gptRan = false;
PWT.jsLoaded = function() {
//PubMatic pwt.js on load callback is used to load GPT
loadGPT();
}
;
var loadGPT = function() {
// Check the gptRan flag
if (!gptRan) {
gptRan = true;
var gads = document.createElement('script');
var useSSL = 'https:' == document.location.protocol;
gads.src = (useSSL ? 'https:' : 'http:') + '//www.googletagservices.com/tag/js/gpt.js';
var node = document.getElementsByTagName('script')[0];
node.parentNode.insertBefore(gads, node);
}
};
// Failsafe to call gpt
setTimeout(loadGPT, 500);
</script>
<script type="text/javascript">
(function() {
var purl = window.location.href;
var url = '//ads.pubmatic.com/AdServer/js/pwt/160800/6119';
var profileVersionId = '';
if (purl.indexOf('pwtv=') > 0) {
var regexp = /pwtv=(.*?)(&|$)/g;
var matches = regexp.exec(purl);
if (matches.length >= 2 && matches[1].length > 0) {
profileVersionId = '/' + matches[1];
}
}
var wtads = document.createElement('script');
wtads.async = true;
wtads.type = 'text/javascript';
wtads.src = url + profileVersionId + '/pwt.js';
var node = document.getElementsByTagName('script')[0];
node.parentNode.insertBefore(wtads, node);
}
)();
</script>
<script>
//load the apstag.js library
!function(a9, a, p, s, t, A, g) {
if (a[a9])
return;
function q(c, r) {
a[a9]._Q.push([c, r])
}
a[a9] = {
init: function() {
q("i", arguments)
},
fetchBids: function() {
q("f", arguments)
},
setDisplayBids: function() {},
targetingKeys: function() {
return []
},
_Q: []
};
A = p.createElement(s);
A.async = !0;
A.src = t;
g = p.getElementsByTagName(s)[0];
g.parentNode.insertBefore(A, g)
}("apstag", window, document, "script", "//c.amazon-adsystem.com/aax2/apstag.js");
//initialize the apstag.js library on the page to allow bidding
apstag.init({
pubID: '948f8c76-6cb2-49d2-aef8-03f115c39dbc',
//enter your pub ID here as shown above, it must within quotes
adServer: 'googletag'
});
window.__tcfapi('addEventListener', 2, function(tcData, listenerSuccess) {
if (listenerSuccess) {
// check the eventstatus
if (tcData.eventStatus === 'useractioncomplete' || tcData.eventStatus === 'tcloaded') {
// Execute things here that rely on the TC string being available (fetchBids request)
console.log("tcloaded");
apstag.fetchBids({
slots: [{
slotID: 'ads_rectangle',
slotName: '/1000270/Rectangle',
sizes: [[300, 600], [300, 250]]
}, {
slotID: 'ads_leaderboard',
slotName: '/1000270/Leaderboard',
sizes: [[970, 100], [970, 250], [728, 90], [336, 280], [300, 250], [300, 100]]
}, {
slotID: 'ads_footer',
slotName: '/1000270/Footer',
sizes: [[970, 100], [970, 250], [728, 90], [336, 280], [300, 250], [300, 100]]
}, {
slotID: 'ads_intext',
slotName: '/1000270/Banner-InText',
sizes: [[300, 250], [336, 280]]
}, {
slotID: 'ads_belowtext',
slotName: '/1000270/BelowText',
sizes: [[300, 250], [336, 280], [300, 600]]
}, {
slotID: 'ads_midtext',
slotName: '/1000270/Mid-Text',
sizes: [[300, 250], [336, 280], [300, 600]]
}, {
slotID: 'ads_midtext_2',
slotName: '/1000270/Mid-Text-2',
sizes: [[300, 250], [336, 280], [300, 600]]
}, {
slotID: 'ads_midtext_3',
slotName: '/1000270/Mid-Text-3',
sizes: [[300, 250], [336, 280], [300, 600]]
}, {
slotID: 'ads_skyscraper',
slotName: '/1000270/Skyscraper',
sizes: [[160, 600]]
}, ],
timeout: 2e3
}, function(bids) {
// set apstag targeting on googletag, then trigger the first GAM request in googletag's disableInitialLoad integration
googletag.cmd.push(function() {
apstag.setDisplayBids();
//googletag.pubads().refresh();
window.OWT.notifyExternalBiddingComplete(notifyId);
// This will tell OpenWrap that all the external bidders have returned bid.
});
});
}
}
});
</script>
<script type="text/javascript"></script>
<script>
var anchorSlot, interstitialSlot;
googletag.cmd.push(function() {
var REFRESH_KEY = 'refresh';
var REFRESH_VALUE = 'true';
var SECONDS_TO_WAIT_AFTER_VIEWABILITY = 40;
//size mappings
var leaderboardsMapping = googletag.sizeMapping().addSize([1200, 0], [[970, 500], [970, 250], [970, 100], [970, 90], [960, 250], [960, 100], [960, 100], [960, 90]]).addSize([1024, 0], [[970, 250], [970, 100], [970, 90], [960, 250], [960, 100], [960, 100], [960, 90]]).addSize([768, 0], [[728, 90], 'fluid']).addSize([360, 0], [[320, 100], [300, 250], [336, 280], 'fluid']).addSize([0, 0], [[300, 250], [320, 100], 'fluid']).build();
var fixniMapping = googletag.sizeMapping().addSize([1200, 0], [/*[970, 500],*/
[970, 250], [970, 100], 'fluid']).addSize([1024, 0], [[970, 250], [960, 100], [960, 90], [728, 90], 'fluid']).addSize([768, 0], [[728, 90], 'fluid']).addSize([360, 0], [[320, 100], [300, 250], [336, 280], [300, 600], 'fluid']).addSize([0, 0], [[300, 250], [320, 100], 'fluid']).build();
var rectangleMapping = googletag.sizeMapping().addSize([1180, 0], [[300, 600], [300, 250], 'fluid']).addSize([740, 0], [[160, 600], 'fluid']).addSize([360, 0], [[300, 250], [336, 280], [300, 600], 'fluid'])//mobile
.addSize([0, 0], [300, 250]).build();
var skyscraperMapping = googletag.sizeMapping().addSize([1200, 0], [[160, 600], [120, 600]]).addSize([1024, 0], [[120, 600]]).addSize([768, 0], [[160, 600], [120, 600]]).addSize([0, 0], []).build();
var intextMapping = googletag.sizeMapping().addSize([1250, 0], [[300, 250], [336, 280], [500, 400], 'fluid']).//desktop
addSize([1024, 0], [[300, 250], [336, 280], [500, 400], 'fluid']).//desktop
addSize([360, 0], [[300, 250], [336, 280], 'fluid']).//mobile
addSize([0, 0], [[300, 250], 'fluid']).//others - mobile small screen
build();
var midtextMapping = googletag.sizeMapping().addSize([1250, 0], [[300, 250], [336, 280], [300, 600], 'fluid']).//desktop
addSize([1024, 0], [[300, 250], [336, 280], [300, 600], 'fluid']).//desktop
addSize([360, 0], [[300, 250], [336, 280], [300, 600], 'fluid']).//mobile
addSize([0, 0], [[300, 250], 'fluid']).//others - mobile small screen
build();
var btMapping = googletag.sizeMapping().addSize([1250, 0], [[300, 250], [336, 280], 'fluid']).//desktop
addSize([1024, 0], [[300, 250], [336, 280], 'fluid']).//desktop
addSize([360, 0], [[300, 250], [336, 280], [300, 600], 'fluid']).//mobile
addSize([0, 0], [[300, 250], 'fluid']).//others - mobile small screen
build();
googletag.defineSlot('/1000270/Leaderboard', [[970, 500], [970, 100], [970, 250], [728, 90], [336, 280], [300, 250], [300, 100]], 'ads_leaderboard').setForceSafeFrame(false).defineSizeMapping(leaderboardsMapping).addService(googletag.pubads());
googletag.defineSlot('/1000270/Rectangle', [[300, 250], 'fluid'], 'ads_rectangle').setTargeting(REFRESH_KEY, REFRESH_VALUE).setForceSafeFrame(false).defineSizeMapping(rectangleMapping).addService(googletag.pubads());
googletag.defineSlot('/1000270/Mid-Text', ['fluid', [336, 280], [300, 250], [300, 100], [300, 600]], 'ads_midtext').defineSizeMapping(midtextMapping).addService(googletag.pubads());
googletag.defineSlot('/1000270/Mid-Text-2', ['fluid', [336, 280], [300, 250], [300, 100], [300, 600]], 'ads_midtext_2').defineSizeMapping(midtextMapping).addService(googletag.pubads());
googletag.defineSlot('/1000270/Mid-Text-3', ['fluid', [336, 280], [300, 250], [300, 100], [300, 600]], 'ads_midtext_3').defineSizeMapping(midtextMapping).addService(googletag.pubads());
googletag.defineSlot('/1000270/Banner-InText', ['fluid', [500, 400], [336, 280], [300, 250], [300, 100]], 'ads_intext').setForceSafeFrame(false).defineSizeMapping(intextMapping).addService(googletag.pubads());
googletag.defineSlot('/1000270/Skyscraper', [[160, 600], [120, 600]], 'ads_skyscraper').setTargeting(REFRESH_KEY, REFRESH_VALUE).setForceSafeFrame(false).defineSizeMapping(skyscraperMapping).addService(googletag.pubads());
googletag.defineOutOfPageSlot('/1000270/Out-Of-Page', 'ads_outofpage').addService(googletag.pubads());
anchorSlot = googletag.defineOutOfPageSlot('/1000270/Bottom', googletag.enums.OutOfPageFormat.BOTTOM_ANCHOR);
if (anchorSlot)
anchorSlot.addService(googletag.pubads());
// Register event handlers to observe lazy loading behavior.
googletag.pubads().addEventListener('slotRequested', function(event) {//console.log(event.slot.getSlotElementId() + ' fetched.');
});
googletag.pubads().addEventListener('slotOnload', function(event) {
console.log(event.slot.getSlotElementId() + ' rendered.');
});
googletag.pubads().addEventListener('impressionViewable', function(event) {
var slot = event.slot;
if (slot.getTargeting(REFRESH_KEY).indexOf(REFRESH_VALUE) > -1) {
setTimeout(function() {
googletag.pubads().refresh([slot]);
console.log("refreshing slot" + slot.getAdUnitPath())
}, SECONDS_TO_WAIT_AFTER_VIEWABILITY * 1000);
}
});
//promo==true & google_ads=off
interstitialSlot = googletag.defineOutOfPageSlot('/1000270/WebInterstitial', googletag.enums.OutOfPageFormat.INTERSTITIAL);
// Slot returns null if the page or device does not support interstitials.
if (interstitialSlot) {
interstitialSlot.addService(googletag.pubads());
//console.log('Interstitial is loading...');
// Add event listener to enable navigation once the interstitial loads.
// If this event doesn't fire, try clearing local storage and refreshing
// the page.
googletag.pubads().addEventListener('slotOnload', function(event) {
if (interstitialSlot === event.slot) {
console.log('Interstitial is loaded');
}
});
}
googletag.pubads().setTargeting('Stranica', 'Komentari');
googletag.pubads().setTargeting('ClanakID', '220204129');
googletag.pubads().setTargeting('Autor', 'Nermin Kustura');
googletag.pubads().setTargeting('Kategorija', 'Sport');
googletag.pubads().setTargeting("regija", "1");
googletag.pubads().setTargeting('Platform', getVersion());
if (isFacebookApp()) {
googletag.pubads().setTargeting('FBInAppBrowser', ['Yes']);
}
notifyId = window.OWT.registerExternalBidders(['ads_leaderboard', 'ads_rectangle', 'ads_leaderboard_0', 'ads_leaderboard_1', 'ads_leaderboard_2', 'ads_leaderboard_3']);
// Notifies OpenWrap that there are some external bidders for which it has to wait before calling GAM.
//googletag.pubads().setLocation(43.8552809,18.3994571);
googletag.pubads().collapseEmptyDivs();
googletag.pubads().setForceSafeFrame(false);
googletag.pubads().setCentering(true);
googletag.pubads().enableSingleRequest();
googletag.pubads().addEventListener('slotRenderEnded', renderEnded);
googletag.enableServices();
});
function renderEnded(e) {
if (e.slot.getSlotElementId() == "ads_rectangle") {
if (e.isEmpty) {
document.getElementById("ads_rectangle").style.minHeight = "0";
document.getElementById("ads_rectangle").style.display = "none";
}
}
}
function getVersion() {
var width = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
if (width >= 980) {
return 'Desktop';
} else if (width >= 740) {
return 'Tablet';
} else {
return 'Mobile';
}
}
function isFacebookApp() {
var ua = navigator.userAgent || navigator.vendor || window.opera;
return (ua.indexOf("FBAN") > -1) || (ua.indexOf("FBAV") > -1);
}
</script>
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-63707-9"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'UA-63707-9', {});
</script>
<script async type="text/javascript">
/* <![CDATA[ */
(function() {
window.dm = window.dm || {
AjaxData: []
},
window.dm.AjaxEvent = function(et, d) {
dm.AjaxData.push({
et: et,
d: d
}),
window.DotMetricsObj && DotMetricsObj.onAjaxDataUpdate()
}
;
var d = document
, h = d.getElementsByTagName('head')[0]
, s = d.createElement('script');
s.type = 'text/javascript';
s.async = true;
s.src = document.location.protocol + '//script.dotmetrics.net/door.js?id=1299';
h.appendChild(s);
}());
/* ]]> */
</script>
<script data-cfasync="false" type="text/javascript">
(function(w, d) {
var s = d.createElement("script");
s.src = "//delivery.adrecover.com/42574/adRecover.js";
s.type = "text/javascript";
s.async = true;
(d.getElementsByTagName("head")[0] || d.getElementsByTagName("body")[0]).appendChild(s);
}
)(window, document);
</script>
<meta name="robots" content="noindex">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="can-recommend" content="false">
</head>
<body class="antialiased text-gray-900 bg-gray-100">
<header class="fixed z-50 w-full bg-white items-center px-4 xl:px-0 py-1 md:py-2 pr-0
border-b border-gray-200 text-sm">
<div class="flex justify-between items-center max-w-7xl mx-auto lg:px-5">
<div class="w-20 md:w-auto ml-0 flex-none md:order-last flex justify-items-center">
<button onclick="toggleNav()" type="button" id="sidebar-open" class="p-3 pl-0 xl:pr-0 m-0 flex items-center text-gray-600 focus:outline-none focus:text-gray-800" aria-label="Open site navigation">
<svg class="fill-current w-4 h-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
<path d="M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z"></path>
</svg>
</button>
<button onclick="toggleNav()" type="button" id="sidebar-close" class="p-3 pl-0 xl:pr-0 m-0 flex items-center text-gray-600 focus:outline-none focus:text-gray-800 hidden" aria-label="Close site navigation">
<svg class="fill-current w-4 h-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
<path d="M10 8.586L2.929 1.515 1.515 2.929 8.586 10l-7.071 7.071 1.414 1.414L10 11.414l7.071 7.071 1.414-1.414L11.414 10l7.071-7.071-1.414-1.414L10 8.586z"></path>
</svg>
</button>
<a href="/koronavirus-u-bih" class="md:hidden ml-3 text-gray-500 flex items-center ">
<svg class="w-4 h-4 fill-current" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" color="currentColor">
<path d="M20.763 10.377c-.694.519-1.537.801-2.403.801-1.607 0-2.415-1.963-1.282-3.095.614-.615 1.406-1.009 2.266-1.133 1.621-.233 2.334-2.244 1.142-3.437s-3.203-.479-3.437 1.142c-.123.857-.52 1.653-1.132 2.266-1.138 1.138-3.095.329-3.095-1.282 0-.869.28-1.708.801-2.403.983-1.312.061-3.236-1.623-3.236-1.683 0-2.606 1.923-1.623 3.237.519.693.801 1.537.801 2.403 0 1.61-1.956 2.421-3.095 1.282-.614-.614-1.008-1.405-1.132-2.266-.233-1.621-2.243-2.334-3.436-1.141s-.48 3.203 1.141 3.436c.857.123 1.653.52 2.266 1.132 1.138 1.139.329 3.095-1.282 3.095-.869 0-1.707-.28-2.403-.801-1.313-.983-3.237-.061-3.237 1.623 0 1.683 1.923 2.606 3.237 1.623.693-.519 1.537-.801 2.403-.801 1.61 0 2.421 1.956 1.282 3.095-.614.615-1.406 1.009-2.266 1.133-1.621.233-2.334 2.244-1.142 3.437s3.203.479 3.437-1.142c.123-.857.52-1.653 1.132-2.266 1.139-1.138 3.095-.329 3.095 1.282 0 .869-.28 1.708-.801 2.404-.981 1.308-.064 3.235 1.623 3.235 1.677 0 2.611-1.919 1.621-3.24-.518-.689-.799-1.528-.799-2.39 0-1.615 1.957-2.432 3.095-1.293.615.615 1.009 1.406 1.133 2.267.233 1.621 2.244 2.334 3.437 1.142 1.19-1.19.483-3.206-1.146-3.437-.854-.121-1.646-.515-2.255-1.125-1.143-1.141-.337-3.102 1.274-3.102.87 0 1.708.28 2.404.801 1.309.981 3.236.064 3.236-1.623 0-1.686-1.926-2.605-3.237-1.623zm-10.728 4.296c-.547 0-.99-.443-.99-.99s.443-.99.99-.99.99.443.99.99-.443.99-.99.99zm1.262-3.143c-.858 0-1.553-.695-1.553-1.553s.695-1.553 1.553-1.553 1.553.695 1.553 1.553-.695 1.553-1.553 1.553zm2.928 2.969c-.727 0-1.315-.589-1.315-1.315s.589-1.315 1.315-1.315 1.315.589 1.315 1.315-.589 1.315-1.315 1.315z"/>
</svg>
</a>
</div>
<div class="flex-1 flex items-center">
<div class="mx-auto md:mx-0 md:pb-1">
<a href="/" id="logo" title="Klix.ba">
<svg class="h-logo w-logo lg:w-logolg lg:h-logolg xl:mr-2" id="logo" data-name="logo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 57.93 24">
<defs>
<style>
.cls-1 {
fill: #1599c9;
}
.cls-2,.cls-3 {
fill: #6a696e;
}
.cls-3 {
fill-rule: evenodd;
}
</style>
</defs>
<title>Klix logo</title>
<polygon class="cls-1" points="42.81 4.37 38.48 8.69 43.98 14.18 38.48 19.68 42.81 24 52.63 14.18 42.81 4.37"/>
<rect class="cls-2" x="29.44" y="4.74" width="6.32" height="18.95"/>
<rect class="cls-2" x="20.33" width="6.32" height="23.68"/>
<rect class="cls-2" width="6.32" height="23.68"/>
<polygon class="cls-3" points="17.86 8.76 13.58 4.47 8.08 9.97 3.8 14.25 8.08 18.54 13.24 23.7 17.53 23.7 17.53 19.41 12.37 14.25 17.86 8.76"/>
<polygon class="cls-2" points="57.93 8.69 53.18 13.56 48.86 9.24 53.6 4.37 57.93 8.69"/>
<polygon class="cls-2" points="48.86 19.12 53.6 24 57.93 19.68 53.18 14.8 48.86 19.12"/>
</svg>
</a>
</div>
<form id="search" action="/pretraga" method="GET" role="search" class="px-1 py-0 flex-1 my-0 mx-4 bg-gray-200 w-full rounded-md hidden">
<div class="flex items-center">
<button type="submit" class="pl-2 pointer-events-none flex items-center">
<svg class="fill-current pointer-events-none text-gray-600 w-3 h-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
<path d="M12.9 14.32a8 8 0 1 1 1.41-1.41l5.35 5.33-1.42 1.42-5.33-5.34zM8 14A6 6 0 1 0 8 2a6 6 0 0 0 0 12z"></path>
</svg>
</button>
<input type="text" class="flex-1 bg-gray-200 px-2 py-1 m-0 border-0 focus:ring-0 text-gray-700 placeholder-gray-600" name="q" placeholder="pretraži" value="">
</div>
</form>
<div id="nav_items" class="hidden ml-4 items-center text-center md:block text-sm lg:text-base">
<ul class="mx-1 flex items-center space-x-1.5 lg:space-x-5">
<li>
<div class="flex flex-row items-center">
<a class="py-1 flex hover:underline items-center" href="/vijesti">
<span class="w-3 h-3 lg:w-3 lg:h-3 bg-vijesti inline-block rounded-sm mr-2 lg:mr-3"></span>
Vijesti
</a>
</div>
</li>
<li>
<div class="flex flex-row items-center">
<a class="py-1 flex hover:underline items-center" href="/biznis">
<span class="w-3 h-3 lg:w-3 lg:h-3 bg-biznis inline-block rounded-sm mr-2 lg:mr-3"></span>
Biznis
</a>
</div>
</li>
<li>
<div class="flex flex-row items-center">
<a class="py-1 flex hover:underline items-center" href="/sport">
<span class="w-3 h-3 lg:w-3 lg:h-3 bg-sport inline-block rounded-sm mr-2 lg:mr-3"></span>
Sport
</a>
</div>
</li>
<li>
<div class="flex flex-row items-center">
<a class="py-1 flex hover:underline items-center" href="/magazin">
<span class="w-3 h-3 lg:w-3 lg:h-3 bg-magazin inline-block rounded-sm mr-2 lg:mr-3"></span>
Magazin
</a>
</div>
</li>
<li>
<div class="flex flex-row items-center">
<a class="py-1 flex hover:underline items-center" href="/lifestyle">
<span class="w-3 h-3 lg:w-3 lg:h-3 bg-lifestyle inline-block rounded-sm mr-2 lg:mr-3"></span>
Lifestyle
</a>
</div>
</li>
<li>
<div class="flex flex-row items-center">
<a class="py-1 flex hover:underline items-center" href="/scitech">
<span class="w-3 h-3 lg:w-3 lg:h-3 bg-scitech inline-block rounded-sm mr-2 lg:mr-3"></span>
Scitech
</a>
</div>
</li>
<li>
<div class="flex flex-row items-center">
<a class="py-1 flex hover:underline items-center" href="/auto">
<span class="w-3 h-3 lg:w-3 lg:h-3 bg-auto inline-block rounded-sm mr-2 lg:mr-3"></span>
Auto
</a>
</div>
</li>
<li class="hidden md:inline">
<a class="inline-block py-1 hover:underline" href="/krizaljka">
<span class="w-3 h-3 bg-gray-400 inline-block rounded-sm mr-2"></span>
Križaljka
</a>
</li>
<li class="hidden xl:inline">
<a class="inline-block py-1 hover:underline" href="/koronavirus-u-bih">
<span class="w-3 h-3 bg-red-500 inline-block rounded-sm mr-2"></span>
Koronavirus
</a>
</li>
<li class="hidden xl:inline">
<a class="inline-block py-1 hover:underline" href="https://forum.klix.ba">
<span class="w-3 h-3 bg-gray-400 inline-block rounded-sm mr-2"></span>
Forum
</a>
</li>
</ul>
</div>
</div>
<div class="w-20 ml-5 lg:ml-0 md:w-auto md:pr-6 flex flex-wrap items-center space-x-3">
<button onclick="toggleSearch()" type="button" id="search-open" class="inline p-3 pl-0 m-0 flex items-center text-gray-600 focus:outline-none focus:text-gray-800" aria-label="Open search">
<svg class="fill-current pointer-events-none w-4 h-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
<path d="M12.9 14.32a8 8 0 1 1 1.41-1.41l5.35 5.33-1.42 1.42-5.33-5.34zM8 14A6 6 0 1 0 8 2a6 6 0 0 0 0 12z"></path>
</svg>
</button>
<button onclick="toggleSearch()" type="button" id="search-close" class="inline p-3 pl-0 m-0 flex items-center text-gray-600 focus:outline-none focus:text-gray-800 hidden" aria-label="Close search">
<svg class="fill-current w-4 h-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
<path d="M10 8.586L2.929 1.515 1.515 2.929 8.586 10l-7.071 7.071 1.414 1.414L10 11.414l7.071 7.071 1.414-1.414L11.414 10l7.071-7.071-1.414-1.414L10 8.586z"></path>
</svg>
</button>
<a id="user" href="/prijava" title="Prijava korisnika" class="inline text-gray-600 hover:bg-gray-100 rounded-md">
<div class="w-7 h-7 flex text-gray-600 items-center justify-center text-white rounded-md">
<svg class="h-5 w-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"/>
</svg>
</div>
</a>
</div>
</div>
</header>
<div class="pt-ssm w-full
md:pt-smdp
"></div>
<div class="py-1 max-w-7xl mx-auto">
<div id='ads_leaderboard' class="mx-auto mt-3 mb-3" style="display: none;">
<script type='text/javascript'>
googletag.cmd.push(function() {
googletag.display('ads_leaderboard');
});
</script>
</div>
</div>
<div class="container mx-auto max-w-7xl bg-gray-100 lg:px-5 xl:px-0">
<div id="sidebar" class="p-0 hidden mb-5">
<div class="container text-base bg-white mx-auto max-w-7xl leading-7 p-2 md:grid md:grid-cols-4">
<ul class="mx-1">
<li class="bg-gray-50">
<a class="block font-semibold py-1 hover:bg-gray-200 px-3" href="/">
<span class="w-3 h-3 bg-gray-500 inline-block rounded-sm mr-3"></span>
Naslovnica
</a>
</li>
<li>
<a class="block py-1 hover:bg-gray-100 px-3" href="/najnovije">
<span class="w-3 h-3 bg-gray-200 inline-block rounded-sm mr-3"></span>
Najnovije
</a>
</li>
<li>
<a class="block py-1 hover:bg-gray-100 px-3" href="/najcitanije">
<span class="w-3 h-3 bg-gray-200 inline-block rounded-sm mr-3"></span>
Najčitanije
</a>
</li>
<li>
<a class="block py-1 hover:bg-gray-100 px-3" href="/popularne">
<span class="w-3 h-3 bg-gray-200 inline-block rounded-sm mr-3"></span>
Popularne
</a>
</li>
<li>
<a class="block py-1 hover:bg-gray-100 px-3" href="/koronavirus-u-bih">
<span class="w-3 h-3 bg-gray-200 inline-block rounded-sm mr-3"></span>
Koronavirus u BiH
</a>
</li>
<li>
<a class="block py-1 hover:bg-gray-100 px-3" href="/krizaljka">
<span class="w-3 h-3 bg-gray-200 inline-block rounded-sm mr-3"></span>
Križaljka
</a>
</li>
<li>
<a class="block py-1 hover:bg-gray-100 px-3" href="/vremenska-prognoza">
<span class="w-3 h-3 bg-gray-200 inline-block rounded-sm mr-3"></span>
Vremenska prognoza
</a>
</li>
<li>
<a class="block py-1 hover:bg-gray-100 px-3" href="/kursna-lista">
<span class="w-3 h-3 bg-gray-200 inline-block rounded-sm mr-3"></span>
Kursna lista
</a>
</li>
<li>
<a class="block py-1 hover:bg-gray-100 px-3" href="/dojavi-vijest">
<span class="w-3 h-3 bg-gray-200 inline-block rounded-sm mr-3"></span>
Dojavi vijest
</a>
</li>
<li>
<a class="block py-1 hover:bg-gray-100 px-3" href="https://forum.klix.ba">
<span class="w-3 h-3 bg-gray-200 inline-block rounded-sm mr-3"></span>
Forum
</a>
</li>
</ul>
<ul class="mx-1">
<li class="bg-gray-50">
<a class="block font-semibold py-1 hover:bg-gray-200 px-3" href="/vijesti">
<span class="w-3 h-3 bg-vijesti inline-block rounded-sm mr-3"></span>
Vijesti
</a>
</li>
<li>
<a class="block py-1 hover:bg-gray-100 px-3" href="/vijesti/bih">
<span class="w-3 h-3 bg-gray-200 inline-block rounded-sm mr-3"></span>
BiH
</a>
</li>
<li>
<a class="block py-1 hover:bg-gray-100 px-3" href="/vijesti/regija">
<span class="w-3 h-3 bg-gray-200 inline-block rounded-sm mr-3"></span>
Regija
</a>
</li>
<li>
<a class="block py-1 hover:bg-gray-100 px-3" href="/vijesti/svijet">
<span class="w-3 h-3 bg-gray-200 inline-block rounded-sm mr-3"></span>
Svijet
</a>
</li>
<li>
<a class="block py-1 hover:bg-gray-100 px-3" href="/vijesti/dijaspora">
<span class="w-3 h-3 bg-gray-200 inline-block rounded-sm mr-3"></span>
Dijaspora
</a>
</li>
<li>
<a class="block py-1 hover:bg-gray-100 px-3" href="/vijesti/crna-hronika">
<span class="w-3 h-3 bg-gray-200 inline-block rounded-sm mr-3"></span>
Crna hronika
</a>
</li>
<li>
<a class="block py-1 hover:bg-gray-100 px-3" href="/vijesti/humanitarne-akcije">
<span class="w-3 h-3 bg-gray-200 inline-block rounded-sm mr-3"></span>
Humanitarne akcije
</a>
</li>
</ul>
<ul class="mx-1">
<li class="bg-gray-50">
<a class="block font-semibold py-1 hover:bg-gray-200 px-3" href="/biznis">
<span class="w-3 h-3 bg-biznis inline-block rounded-sm mr-3"></span>
Biznis
</a>
</li>
<li>
<a class="block py-1 hover:bg-gray-100 px-3" href="/biznis/privreda">
<span class="w-3 h-3 bg-gray-200 inline-block rounded-sm mr-3"></span>
Privreda
</a>
</li>
<li>
<a class="block py-1 hover:bg-gray-100 px-3" href="/biznis/finansije">
<span class="w-3 h-3 bg-gray-200 inline-block rounded-sm mr-3"></span>
Finansije
</a>
</li>
<li>
<a class="block py-1 hover:bg-gray-100 px-3" href="/biznis/investicije">
<span class="w-3 h-3 bg-gray-200 inline-block rounded-sm mr-3"></span>
Investicije
</a>
</li>
<li>
<a class="block py-1 hover:bg-gray-100 px-3" href="/biznis/smart-cash">
<span class="w-3 h-3 bg-gray-200 inline-block rounded-sm mr-3"></span>
Smart Cash
</a>
</li>
<li>
<a class="block py-1 hover:bg-gray-100 px-3" href="/biznis/berza">
<span class="w-3 h-3 bg-gray-200 inline-block rounded-sm mr-3"></span>
Berza
</a>
</li>
<li>
<a class="block py-1 hover:bg-gray-100 px-3" href="/biznis/startupi">
<span class="w-3 h-3 bg-gray-200 inline-block rounded-sm mr-3"></span>
Startupi
</a>
</li>
<li>
<a class="block py-1 hover:bg-gray-100 px-3" href="/biznis/posao">
<span class="w-3 h-3 bg-gray-200 inline-block rounded-sm mr-3"></span>
Posao
</a>
</li>
</ul>
<ul class="mx-1">
<li class="bg-gray-50">
<a class="block font-semibold py-1 hover:bg-gray-200 px-3" href="/sport">
<span class="w-3 h-3 bg-sport inline-block rounded-sm mr-3"></span>
Sport
</a>
</li>
<li>
<a class="block py-1 hover:bg-gray-100 px-3" href="/sport/nogomet">
<span class="w-3 h-3 bg-gray-200 inline-block rounded-sm mr-3"></span>
Nogomet
</a>
</li>
<li>
<a class="block py-1 hover:bg-gray-100 px-3" href="/sport/kosarka">
<span class="w-3 h-3 bg-gray-200 inline-block rounded-sm mr-3"></span>
Košarka
</a>
</li>
<li>
<a class="block py-1 hover:bg-gray-100 px-3" href="/sport/tenis">
<span class="w-3 h-3 bg-gray-200 inline-block rounded-sm mr-3"></span>
Tenis
</a>
</li>
<li>
<a class="block py-1 hover:bg-gray-100 px-3" href="/sport/rukomet">
<span class="w-3 h-3 bg-gray-200 inline-block rounded-sm mr-3"></span>
Rukomet
</a>
</li>
<li>
<a class="block py-1 hover:bg-gray-100 px-3" href="/sport/formula1">
<span class="w-3 h-3 bg-gray-200 inline-block rounded-sm mr-3"></span>
Formula 1
</a>
</li>
<li>
<a class="block py-1 hover:bg-gray-100 px-3" href="/sport/skijanje">
<span class="w-3 h-3 bg-gray-200 inline-block rounded-sm mr-3"></span>
Skijanje
</a>
</li>
<li>
<a class="block py-1 hover:bg-gray-100 px-3" href="/sport/atletika">
<span class="w-3 h-3 bg-gray-200 inline-block rounded-sm mr-3"></span>
Atletika
</a>
</li>
<li>
<a class="block py-1 hover:bg-gray-100 px-3" href="/sport/borilacki-sportovi">
<span class="w-3 h-3 bg-gray-200 inline-block rounded-sm mr-3"></span>
Borilački sportovi
</a>
</li>
<li>
<a class="block py-1 hover:bg-gray-100 px-3" href="/sport/plivanje">
<span class="w-3 h-3 bg-gray-200 inline-block rounded-sm mr-3"></span>
Plivanje
</a>
</li>
</ul>
<ul class="mx-1">
<li class="bg-gray-50">
<a class="block font-semibold py-1 hover:bg-gray-200 px-3" href="/magazin">
<span class="w-3 h-3 bg-magazin inline-block rounded-sm mr-3"></span>
Magazin
</a>
</li>
<li>
<a class="block py-1 hover:bg-gray-100 px-3" href="/magazin/kultura">
<span class="w-3 h-3 bg-gray-200 inline-block rounded-sm mr-3"></span>
Kultura
</a>
</li>
<li>
<a class="block py-1 hover:bg-gray-100 px-3" href="/magazin/muzika">
<span class="w-3 h-3 bg-gray-200 inline-block rounded-sm mr-3"></span>
Muzika
</a>
</li>
<li>
<a class="block py-1 hover:bg-gray-100 px-3" href="/magazin/film-tv">
<span class="w-3 h-3 bg-gray-200 inline-block rounded-sm mr-3"></span>
Film/TV
</a>
</li>
<li>
<a class="block py-1 hover:bg-gray-100 px-3" href="/magazin/showbiz">
<span class="w-3 h-3 bg-gray-200 inline-block rounded-sm mr-3"></span>
Showbiz
</a>
</li>
<li>
<a class="block py-1 hover:bg-gray-100 px-3" href="/magazin/zanimljivosti">
<span class="w-3 h-3 bg-gray-200 inline-block rounded-sm mr-3"></span>
Zanimljivosti
</a>
</li>
</ul>
<ul class="mx-1">
<li class="bg-gray-50">
<a class="block font-semibold py-1 hover:bg-gray-200 px-3" href="/lifestyle">
<span class="w-3 h-3 bg-lifestyle inline-block rounded-sm mr-3"></span>
Lifestyle
</a>
</li>
<li>
<a class="block py-1 hover:bg-gray-100 px-3" href="/lifestyle/modailjepota">
<span class="w-3 h-3 bg-gray-200 inline-block rounded-sm mr-3"></span>
Moda i ljepota
</a>
</li>
<li>
<a class="block py-1 hover:bg-gray-100 px-3" href="/lifestyle/zdravlje">
<span class="w-3 h-3 bg-gray-200 inline-block rounded-sm mr-3"></span>
Zdravlje
</a>
</li>
<li>
<a class="block py-1 hover:bg-gray-100 px-3" href="/lifestyle/vezeiseks">
<span class="w-3 h-3 bg-gray-200 inline-block rounded-sm mr-3"></span>
Veze i seks
</a>
</li>
<li>
<a class="block py-1 hover:bg-gray-100 px-3" href="/lifestyle/gastro">
<span class="w-3 h-3 bg-gray-200 inline-block rounded-sm mr-3"></span>
Gastro
</a>
</li>
<li>
<a class="block py-1 hover:bg-gray-100 px-3" href="/lifestyle/kucaiured">
<span class="w-3 h-3 bg-gray-200 inline-block rounded-sm mr-3"></span>
Kuća i ured
</a>
</li>
<li>
<a class="block py-1 hover:bg-gray-100 px-3" href="/lifestyle/putovanja">
<span class="w-3 h-3 bg-gray-200 inline-block rounded-sm mr-3"></span>
Putovanja
</a>
</li>
<li>
<a class="block py-1 hover:bg-gray-100 px-3" href="/lifestyle/bebe">
<span class="w-3 h-3 bg-gray-200 inline-block rounded-sm mr-3"></span>
Bebe
</a>
</li>
<li>
<a class="block py-1 hover:bg-gray-100 px-3" href="/lifestyle/fitness">
<span class="w-3 h-3 bg-gray-200 inline-block rounded-sm mr-3"></span>
Fitness
</a>
</li>
<li>
<a class="block py-1 hover:bg-gray-100 px-3" href="/lifestyle/ljubimci">
<span class="w-3 h-3 bg-gray-200 inline-block rounded-sm mr-3"></span>
Ljubimci
</a>
</li>
</ul>
<ul class="mx-1">
<li class="bg-gray-50">
<a class="block font-semibold py-1 hover:bg-gray-200 px-3" href="/scitech">
<span class="w-3 h-3 bg-scitech inline-block rounded-sm mr-3"></span>
Scitech
</a>
</li>
<li>
<a class="block py-1 hover:bg-gray-100 px-3" href="/scitech/nauka">
<span class="w-3 h-3 bg-gray-200 inline-block rounded-sm mr-3"></span>
Nauka
</a>
</li>
<li>
<a class="block py-1 hover:bg-gray-100 px-3" href="/scitech/tehnologija">
<span class="w-3 h-3 bg-gray-200 inline-block rounded-sm mr-3"></span>
Tehnologija
</a>
</li>
</ul>
<ul class="mx-1">
<li class="bg-gray-50">
<a class="block font-semibold py-1 hover:bg-gray-200 px-3" href="/auto">
<span class="w-3 h-3 bg-auto inline-block rounded-sm mr-3"></span>
Auto
</a>
</li>
<li>
<a class="block py-1 hover:bg-gray-100 px-3" href="/auto/testovi">
<span class="w-3 h-3 bg-gray-200 inline-block rounded-sm mr-3"></span>
Testovi
</a>
</li>
<li>
<a class="block py-1 hover:bg-gray-100 px-3" href="/auto/noviteti">
<span class="w-3 h-3 bg-gray-200 inline-block rounded-sm mr-3"></span>
Noviteti
</a>
</li>
<li>
<a class="block py-1 hover:bg-gray-100 px-3" href="/auto/koncepti">
<span class="w-3 h-3 bg-gray-200 inline-block rounded-sm mr-3"></span>
Koncepti
</a>
</li>
<li>
<a class="block py-1 hover:bg-gray-100 px-3" href="/auto/tuning">
<span class="w-3 h-3 bg-gray-200 inline-block rounded-sm mr-3"></span>
Tuning
</a>
</li>
</ul>
</div>
</div>
<div class="mb-1 md:grid md:grid-cols-11 gap-0.5 bg-white xl:px-3">
<div class="md:col-span-11 md:px-2 lg:px-5 xl:px-0 xl:mx-2 bg-white md:border-b lg:border-gray-200">
<div class="p-3 pb-2 lg:px-0 lg:pt-4 xl:pt-4 bg-white md:pb-4 w-full">
<div class="flex items-center">
<div class="flex-1 mb-1 uppercase text-xs font-title md:text-base text-sport">Neočekivana odluka</div>
<div class="flex items-center space-x-1 text-gray-500 text-sm lg:text-lg">
<svg class="ml-3 inline h-3 w-3 md:h-4 md:w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
<path d="M15 8a3 3 0 10-2.977-2.63l-4.94 2.47a3 3 0 100 4.319l4.94 2.47a3 3 0 10.895-1.789l-4.94-2.47a3.027 3.027 0 000-.74l4.94-2.47C13.456 7.68 14.19 8 15 8z"/>
</svg>
<span>46</span>
</div>
</div>
<a href="/sport/kinezi-iznenadili-ukljucivanjem-ujgura-u-najvazniji-dio-ceremonije-otvaranja-igara/220204129" class="font-title mt-0 text-lg md:text-2xl lg:text-3xl xl:text-4xl hover:text-gray-600">Kinezi iznenadili uključivanjem Ujgura u najvažniji dio ceremonije otvaranja Igara</a>
</div>
</div>
<div class="hidden md:block md:col-span-3 lg:col-span-2 bg-white pl-5 lg:pl-5 xl:pl-2 pr-5">
<div class="sticky top-16 pt-5 pb-5">
<div class="flex flex-row mb-5">
<div class="bg-gray-300 w-10 h-10 flex items-center justify-center text-white rounded-md">
<svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
<path fill-rule="evenodd" d="M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z" clip-rule="evenodd"/>
</svg>
</div>
<div class="ml-3 flex flex-col">
<div class="font-semibold text-tiny mb-1 leading-tight">N. K.
</div>
<div class="text-sm text-gray-500">
<span>prije 1 sat</span>
</div>
</div>
</div>
<div class="flex justify-items-end text-center mt-7 mb-7">
<div class="w-1/2">
<a class="hover:no-underline hover:text-gray-500 block" href="/sport/kinezi-iznenadili-ukljucivanjem-ujgura-u-najvazniji-dio-ceremonije-otvaranja-igara/220204129/komentari" rel="ugc">
<div class="font-title leading-7 text-2xl">66</div>
<div class="text-gray-500 text-sm xl:text-base">komentara</div>
</a>
</div>
<div class="flex-1"></div>
<div class="w-1/2">
<div class="font-title leading-7 text-2xl">46</div>
<div class="text-gray-500 text-sm xl:text-base">dijeljenja</div>
</div>
</div>
<div class="grid grid-cols-4 gap-0 border mx-auto">
<a href="https://www.facebook.com/dialog/feed?app_id=171222711838&link=https%3A%2F%2Fwww.klix.ba%2Fsport%2Fkinezi-iznenadili-ukljucivanjem-ujgura-u-najvazniji-dio-ceremonije-otvaranja-igara%2F220204129?utm_source=share_button_fb" class="bg-white py-2 border-b text-gray-400 hover:text-gray-500">
<span class="sr-only">Facebook</span>
<svg class="h-6 w-6 mx-auto" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path fill-rule="evenodd" d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z" clip-rule="evenodd"/>
</svg>
</a>
<a href="https://twitter.com/intent/tweet?url=https%3A%2F%2Fwww.klix.ba%2Fsport%2Fkinezi-iznenadili-ukljucivanjem-ujgura-u-najvazniji-dio-ceremonije-otvaranja-igara%2F220204129?utm_source=share_button_tw" class="bg-white p-2 border-b text-gray-400 hover:text-gray-500">
<span class="sr-only">Twitter</span>
<svg class="h-6 w-6 mx-auto" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path d="M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84"/>
</svg>
</a>
<a href="/cdn-cgi/l/email-protection#f1ce8284939b949285ccba989f948b98d4c3c1988b9f949f9095989d98d4c3c1849a9d9b84d4b2c5d4c9b59887909f9b949cd4c3c1a49b96848390d4c3c184d4c3c19f909b8790d4b2c4d4b3b49f989b98d4c3c195989ed4c3c1929483949c9e9f989b94d4c3c19e85879083909f9b90d4c3c1b896908390d7939e9588cc9985858182d4c2b0d4c3b7d4c3b7868686df9a9d9889df9390d4c3b782819e8385d4c3b79a989f948b98dc988b9f949f9095989d98dc849a9d9b84929887909f9b949cdc849b96848390dc84dc9f909b87908b9f989b98dc95989edc929483949c9e9f989b94dc9e85879083909f9b90dc9896908390d4c3b7c3c3c1c3c1c5c0c3c8ce84859cae829e84839294cc8299908394ae938485859e9fae9d989f9ad784859cae9c949598849ccc949c90989d" class="bg-white p-2 border-b text-gray-400 hover:text-gray-500" role="button" aria-label="Share via Email">
<span class="sr-only">Email</span>
<svg class="h-6 w-6 mx-auto" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"/>
</svg>
</a>
<a href="viber://forward?text=https%3A%2F%2Fwww.klix.ba%2Fsport%2Fkinezi-iznenadili-ukljucivanjem-ujgura-u-najvazniji-dio-ceremonije-otvaranja-igara%2F220204129?utm_source=share_button_viber" class="bg-white p-2 border-b text-gray-400 hover:text-gray-500" role="button" aria-label="Share via Email">
<span class="sr-only">Email</span>
<svg class="h-6 w-6 mx-auto" fill="currentColor" width="24" height="24" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd">
<path d="M12.892 13.745s.427.038.656-.247l.448-.563c.216-.28.738-.458 1.249-.174.676.382 1.55.982 2.149 1.541.33.278.407.688.182 1.121l-.002.009c-.232.408-.541.791-.932 1.148l-.009.006c-.44.367-.946.58-1.487.404l-.01-.014c-.972-.275-3.304-1.464-4.79-2.649-2.431-1.918-4.159-5.082-4.637-6.778l-.015-.01c-.176-.543.039-1.049.404-1.488l.007-.008c.357-.391.739-.701 1.148-.932l.009-.002c.432-.225.842-.149 1.121.182.367.379 1.056 1.291 1.54 2.149.284.51.106 1.033-.173 1.248l-.564.448c-.284.23-.247.657-.247.657s.834 3.156 3.953 3.952zm4.907-2.616c-.167 0-.303-.135-.304-.302-.014-1.83-.564-3.288-1.634-4.332-1.072-1.045-2.427-1.581-4.027-1.592-.168-.001-.303-.138-.301-.306.001-.167.136-.301.303-.301h.002c1.762.012 3.258.606 4.447 1.764 1.19 1.162 1.802 2.765 1.817 4.763.001.167-.133.304-.301.306h-.002zm-1.595-.624h-.007c-.168-.004-.301-.143-.297-.31.024-1.038-.273-1.878-.906-2.569-.63-.689-1.495-1.065-2.645-1.149-.167-.013-.293-.158-.281-.325.013-.167.158-.293.325-.281 1.294.095 2.32.548 3.049 1.345.733.8 1.092 1.807 1.065 2.992-.004.165-.139.297-.303.297zm-1.558-.522c-.161 0-.295-.126-.303-.289-.051-1.03-.537-1.534-1.527-1.588-.168-.009-.296-.152-.287-.319.009-.168.151-.296.319-.287 1.308.07 2.034.819 2.101 2.164.009.167-.12.31-.288.318l-.015.001zm6.817 3.469c-.605 4.877-4.172 5.185-4.83 5.396-.28.09-2.882.737-6.152.524 0 0-2.438 2.94-3.199 3.705-.119.119-.258.167-.352.145-.131-.032-.167-.188-.165-.414l.02-4.016v-.001c-4.762-1.323-4.485-6.295-4.431-8.898.054-2.603.543-4.736 1.996-6.17 2.61-2.364 7.987-2.011 7.987-2.011 4.541.02 6.717 1.387 7.222 1.845 1.675 1.434 2.528 4.867 1.904 9.895zm-.652-11.113c-.597-.548-3.007-2.298-8.375-2.322 0 0-6.33-.382-9.416 2.45-1.718 1.718-2.322 4.231-2.386 7.348-.063 3.118-.146 8.958 5.484 10.542l.006.002-.004 2.416s-.035.979.609 1.179c.779.241 1.236-.502 1.981-1.304.408-.44.971-1.086 1.397-1.58 3.851.322 6.812-.417 7.149-.526.777-.253 5.177-.816 5.893-6.657.738-6.022-.358-9.83-2.338-11.548z"/>
</svg>
</a>
</div>
<div id='ads_skyscraper' class="mx-auto mb-5 mt-5" style="display: none;">
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
<script type='text/javascript'>
googletag.cmd.push(function() {
googletag.display('ads_skyscraper');
});
</script>
</div>
</div>
</div>
<div class="md:col-span-8 lg:col-span-6 md:mt-5 xl:col-span-6 bg-white md:pr-5 lg:pr-0">
<div class="bg-gray-100 py-1 pb-2 lg:py-3 lg:px-3 mb-0 lg:mb-5">
<div class="mt-0">
<div class="pb-0 my-2 mx-3 xl:mx-3 ">
<div class="flex mb-3 font-title text-base">
<div class="flex-1">Komentari (66) </div>
<a href="/sport/kinezi-iznenadili-ukljucivanjem-ujgura-u-najvazniji-dio-ceremonije-otvaranja-igara/220204129" class="text-gray-500 flex items-center justify-items-center hover:text-gray-600">
<svg class="w-5 w-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 15l-3-3m0 0l3-3m-3 3h8M3 12a9 9 0 1118 0 9 9 0 01-18 0z"/>
</svg>
<div class="ml-2 text-sm">Povratak na članak</div>
</a>
</div>
<a href="/prijava" class="mb-3 font-semibold text-tiny bg-white p-2 hover:bg-gray-50 block text-center rounded shadow">Prijava korisnika
</a>
<div class="text-sm text-gray-500 mb-3 mx-1">
<b>NAPOMENA:</b>
Komentarisanje članaka na portalu Klix.ba dozvoljeno je samo registrovanim korisnicima. Molimo korisnike da se suzdrže od vrijeđanja, psovanja i vulgarnog izražavanja. Komentari odražavaju stavove isključivo njihovih autora, koji zbog govora mržnje mogu biti i krivično gonjeni. Kao čitatelj prihvatate mogućnost da među komentarima mogu biti pronađeni sadržaji koji mogu biti u suprotnosti sa vašim vjerskim, moralnim i drugim načelima i uvjerenjima. Svaki korisnik prije pisanja komentara mora se upoznati sa <a class="hover:underline font-semibold text-sport" href="/komentari" target="_blank">Pravilima i uslovima korištenja komentara</a>
.
</div>
<div class="text-sm text-gray-500 mb-3 mx-0 bg-white p-2 border-gray-300 border-2">
<div class="flex pb-2 border-b mb-2 border-gray-300">
<div class="flex flex-grow">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 mr-1" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M18.364 18.364A9 9 0 005.636 5.636m12.728 12.728A9 9 0 015.636 5.636m12.728 12.728L5.636 5.636"/>
</svg>
<b>Stop govoru mržnje!</b>
</div>
<div class="text-right bg-sport px-2 py-0.5 text-xs rounded text-white font-semibold">LIVE
</div>
</div>
<div class="grid grid-cols-3 text-center border-gray-300 border-1">
<div>
Prijavljeno <br>
<span class="font-title text-base md:text-xl">1.326.206</span>
<br>komentara
</div>
<div>
Uklonjeno <br>
<span class="font-title text-base md:text-xl">1.882.915</span>
<br>komentara
</div>
<div>
Banovano <br>
<span class="font-title text-base md:text-xl">29.569</span>
<br>korisnika
</div>
</div>
<div class="border-t border-gray-300 mt-2 pt-1 text-gray-400 text-xs">*podaci se osvježavaju svako 5 minuta.
</div>
</div>
<div class="comments_display">
<div data-id="21405034" class="komentar border-green-500 bg-white border px-3 pt-3 pb-2 mb-3 text-base">
<div class="flex flex-row mb-2">
<div class="bg-gray-200 w-10 h-10 flex items-center justify-center text-white rounded-sm" style="background-color:#55AD53">
<svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
<path fill-rule="evenodd" d="M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z" clip-rule="evenodd"/>
</svg>
</div>
<div class="ml-3 flex flex-col">
<div class="font-semibold mb-1 text-tiny">
<a class="hover:underline " href="/profil/analizatorac">Analizatorac</a>
</div>
<div class="text-sm text-gray-500">
<a class="hover:underline" href="/komentar/21405034">prije 1 sat</a>
</div>
</div>
<div class="flex-1 flex justify-end"></div>
</div>
<div class="divide-y divide-light-blue-400">
<div class="mb-3 text-base break-words">To je ono kao Dodikov Denis Sulic.
</div>
<div class="flex flex-row pt-2">
<div class="w-14 text-green-600 text-sm font-semibold">
<button onclick="vote(21405034, 'rateup');" class="voteUp vote_21405034_rateup outline-none focus:outline-none hover:text-green-800">
↑<span>159</span>
</button>
</div>
<div class="w-14 text-red-500 text-sm font-semibold">
<button onclick="vote(21405034, 'ratedown');" type="submit" class="voteUp vote_21405034_ratedown outline-none focus:outline-none hover:text-red-800">
↓<span>16</span>
</button>
</div>
<div class="flex-1 text-right text-sm text-gray-600 space-x-5 divide-gray-200 divide-x">
<button class="focus:outline-none" onclick="report(21405034)">
<svg class="h-3 w-3 inline mr-1" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 21v-4m0 0V5a2 2 0 012-2h6.5l1 1H21l-3 6 3 6h-8.5l-1-1H5a2 2 0 00-2 2zm9-13.5V9"/>
</svg>
Prijavi
</button>
</div>
</div>
</div>
</div>
<div class="odgovorkom pl-2 lg:pl-4 border-l ">
<div data-id="21405040" class="komentar border-red-500 bg-white border px-3 pt-3 pb-2 mb-3 text-base">
<div class="flex flex-row mb-2">
<div class="bg-gray-200 w-10 h-10 flex items-center justify-center text-white rounded-sm" style="background-color:#AF3554">
<svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
<path fill-rule="evenodd" d="M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z" clip-rule="evenodd"/>
</svg>
</div>
<div class="ml-3 flex flex-col">
<div class="font-semibold mb-1 text-tiny">
<a class="hover:underline " href="/profil/asssssangeeee">Asssssangeeee</a>
</div>
<div class="text-sm text-gray-500">
<a class="hover:underline" href="/komentar/21405040">prije 1 sat</a>
</div>
</div>
<div class="flex-1 flex justify-end"></div>
</div>
<div class="divide-y divide-light-blue-400">
<div class="mb-3 text-base break-words">Kao Bakirov Komsic ili Milosevicev Bajramovic, to mislis a?
</div>
<div class="flex flex-row pt-2">
<div class="w-14 text-green-600 text-sm font-semibold">
<button onclick="vote(21405040, 'rateup');" class="voteUp vote_21405040_rateup outline-none focus:outline-none hover:text-green-800">
↑<span>128</span>
</button>
</div>
<div class="w-14 text-red-500 text-sm font-semibold">
<button onclick="vote(21405040, 'ratedown');" type="submit" class="voteUp vote_21405040_ratedown outline-none focus:outline-none hover:text-red-800">
↓<span>75</span>
</button>
</div>
<div class="flex-1 text-right text-sm text-gray-600 space-x-5 divide-gray-200 divide-x">
<button class="focus:outline-none" onclick="report(21405040)">
<svg class="h-3 w-3 inline mr-1" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 21v-4m0 0V5a2 2 0 012-2h6.5l1 1H21l-3 6 3 6h-8.5l-1-1H5a2 2 0 00-2 2zm9-13.5V9"/>
</svg>
Prijavi
</button>
</div>
</div>
</div>
</div>
</div>
<div class="odgovorkom pl-2 lg:pl-4 border-l ">
<div data-id="21405046" class="komentar border-red-500 bg-white border px-3 pt-3 pb-2 mb-3 text-base">
<div class="flex flex-row mb-2">
<div class="bg-gray-200 w-10 h-10 flex items-center justify-center text-white rounded-sm" style="background-color:#55AD53">
<svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
<path fill-rule="evenodd" d="M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z" clip-rule="evenodd"/>
</svg>
</div>
<div class="ml-3 flex flex-col">
<div class="font-semibold mb-1 text-tiny">
<a class="hover:underline " href="/profil/analizatorac">Analizatorac</a>
</div>
<div class="text-sm text-gray-500">
<a class="hover:underline" href="/komentar/21405046">prije 1 sat</a>
</div>
</div>
<div class="flex-1 flex justify-end"></div>
</div>
<div class="divide-y divide-light-blue-400">
<div class="mb-3 text-base break-words">Nije SDA dovela do ovakvog stanja, nije SDA glasala za Komsica vec je glasala za Dzaferovica. Za Komsica su glasali ljevicari. I ljevicari takozvani gradjani su doveli do blokade Federacije a ne Bosnjaci i SDA, jer takozvani gradjani , ateisti i nevjernici se svim silama zalazu sa gradjansku BIH i time ukinuli pravo narodima. Tako licjemerno je optuzivati Bosnjake za stanje u kojem se nalazimo.
</div>
<div class="flex flex-row pt-2">
<div class="w-14 text-green-600 text-sm font-semibold">
<button onclick="vote(21405046, 'rateup');" class="voteUp vote_21405046_rateup outline-none focus:outline-none hover:text-green-800">
↑<span>30</span>
</button>
</div>
<div class="w-14 text-red-500 text-sm font-semibold">
<button onclick="vote(21405046, 'ratedown');" type="submit" class="voteUp vote_21405046_ratedown outline-none focus:outline-none hover:text-red-800">
↓<span>67</span>
</button>
</div>
<div class="flex-1 text-right text-sm text-gray-600 space-x-5 divide-gray-200 divide-x">
<button class="focus:outline-none" onclick="report(21405046)">
<svg class="h-3 w-3 inline mr-1" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 21v-4m0 0V5a2 2 0 012-2h6.5l1 1H21l-3 6 3 6h-8.5l-1-1H5a2 2 0 00-2 2zm9-13.5V9"/>
</svg>
Prijavi
</button>
</div>
</div>
</div>
</div>
</div>
<div class="odgovorkom pl-2 lg:pl-4 border-l hidden">
<div data-id="21405080" class="komentar bg-white border px-3 pt-3 pb-2 mb-3 text-base">
<div class="flex flex-row mb-2">
<div class="bg-gray-200 w-10 h-10 flex items-center justify-center text-white rounded-sm" style="background-color:#c1c1c1">
<svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
<path fill-rule="evenodd" d="M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z" clip-rule="evenodd"/>
</svg>
</div>
<div class="ml-3 flex flex-col">
<div class="font-semibold mb-1 text-tiny">
<a class="hover:underline " href="/profil/goouser1640535656">gooUser1640535656</a>
</div>
<div class="text-sm text-gray-500">
<a class="hover:underline" href="/komentar/21405080">prije 1 sat</a>
</div>
</div>
<div class="flex-1 flex justify-end"></div>
</div>
<div class="divide-y divide-light-blue-400">
<div class="mb-3 text-base break-words">Ili kao Bakirov Sejdo Komšić.
</div>
<div class="flex flex-row pt-2">
<div class="w-14 text-green-600 text-sm font-semibold">
<button onclick="vote(21405080, 'rateup');" class="voteUp vote_21405080_rateup outline-none focus:outline-none hover:text-green-800">
↑<span>17</span>
</button>
</div>
<div class="w-14 text-red-500 text-sm font-semibold">
<button onclick="vote(21405080, 'ratedown');" type="submit" class="voteUp vote_21405080_ratedown outline-none focus:outline-none hover:text-red-800">
↓<span>9</span>
</button>
</div>
<div class="flex-1 text-right text-sm text-gray-600 space-x-5 divide-gray-200 divide-x">
<button class="focus:outline-none" onclick="report(21405080)">
<svg class="h-3 w-3 inline mr-1" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 21v-4m0 0V5a2 2 0 012-2h6.5l1 1H21l-3 6 3 6h-8.5l-1-1H5a2 2 0 00-2 2zm9-13.5V9"/>
</svg>
Prijavi
</button>
</div>
</div>
</div>
</div>
</div>
<div class="ml-2 md:ml-4 cursor-pointer loadmoreodgovori outline-none focus:outline-none mb-3 text-sm font-semibold border bg-white rounded-md py-2 text-center ">PRIKAŽI ODGOVORE (4)</div>
<div class="odgovorkom pl-2 lg:pl-4 border-l hidden">
<div data-id="21405299" class="komentar bg-white border px-3 pt-3 pb-2 mb-3 text-base">
<div class="flex flex-row mb-2">
<div class="bg-gray-200 w-10 h-10 flex items-center justify-center text-white rounded-sm" style="background-color:#3FD8B9">
<svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
<path fill-rule="evenodd" d="M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z" clip-rule="evenodd"/>
</svg>
</div>
<div class="ml-3 flex flex-col">
<div class="font-semibold mb-1 text-tiny">
<a class="hover:underline " href="/profil/twenty4sevenn">Twenty4Sevenn</a>
</div>
<div class="text-sm text-gray-500">
<a class="hover:underline" href="/komentar/21405299">prije 1 sat</a>
</div>
</div>
<div class="flex-1 flex justify-end"></div>
</div>
<div class="divide-y divide-light-blue-400">
<div class="mb-3 text-base break-words">Ovo me podsjeća na ono kad su na ljetnim olimpijskim igrama objašnjavali da se od turista ne smiju jesti mačke i psi jer to su njihovi kućni ljubimci...
</div>
<div class="flex flex-row pt-2">
<div class="w-14 text-green-600 text-sm font-semibold">
<button onclick="vote(21405299, 'rateup');" class="voteUp vote_21405299_rateup outline-none focus:outline-none hover:text-green-800">
↑<span>2</span>
</button>
</div>
<div class="w-14 text-red-500 text-sm font-semibold">
<button onclick="vote(21405299, 'ratedown');" type="submit" class="voteUp vote_21405299_ratedown outline-none focus:outline-none hover:text-red-800">
↓<span>3</span>
</button>
</div>
<div class="flex-1 text-right text-sm text-gray-600 space-x-5 divide-gray-200 divide-x">
<button class="focus:outline-none" onclick="report(21405299)">
<svg class="h-3 w-3 inline mr-1" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 21v-4m0 0V5a2 2 0 012-2h6.5l1 1H21l-3 6 3 6h-8.5l-1-1H5a2 2 0 00-2 2zm9-13.5V9"/>
</svg>
Prijavi
</button>
</div>
</div>
</div>
</div>
</div>
<div class="odgovorkom pl-2 lg:pl-4 border-l hidden">
<div data-id="21405317" class="komentar bg-white border px-3 pt-3 pb-2 mb-3 text-base">
<div class="flex flex-row mb-2">
<div class="bg-gray-200 w-10 h-10 flex items-center justify-center text-white rounded-sm" style="background-color:#3FD8B9">
<svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
<path fill-rule="evenodd" d="M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z" clip-rule="evenodd"/>
</svg>
</div>
<div class="ml-3 flex flex-col">
<div class="font-semibold mb-1 text-tiny">
<a class="hover:underline " href="/profil/twenty4sevenn">Twenty4Sevenn</a>
</div>
<div class="text-sm text-gray-500">
<a class="hover:underline" href="/komentar/21405317">prije 1 sat</a>
</div>
</div>
<div class="flex-1 flex justify-end"></div>
</div>
<div class="divide-y divide-light-blue-400">
<div class="mb-3 text-base break-words">@Asssangeee Kako je samo Franjo Tuđman vodao Milorada Pupovca i Đukića, ko dvije pudlice i predstavljao ih u svijetu kao srpske predstavnike iako nisu imali ni 0,1 posto podrške srba. Đukiću se pišate na grobu a Pupovcu prijetite klanjem. Tako se inače Ustašhe zahvaljuju svojim Sejdama...
</div>
<div class="flex flex-row pt-2">
<div class="w-14 text-green-600 text-sm font-semibold">
<button onclick="vote(21405317, 'rateup');" class="voteUp vote_21405317_rateup outline-none focus:outline-none hover:text-green-800">
↑<span>7</span>
</button>
</div>
<div class="w-14 text-red-500 text-sm font-semibold">
<button onclick="vote(21405317, 'ratedown');" type="submit" class="voteUp vote_21405317_ratedown outline-none focus:outline-none hover:text-red-800">
↓<span>5</span>
</button>
</div>
<div class="flex-1 text-right text-sm text-gray-600 space-x-5 divide-gray-200 divide-x">
<button class="focus:outline-none" onclick="report(21405317)">
<svg class="h-3 w-3 inline mr-1" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 21v-4m0 0V5a2 2 0 012-2h6.5l1 1H21l-3 6 3 6h-8.5l-1-1H5a2 2 0 00-2 2zm9-13.5V9"/>
</svg>
Prijavi
</button>
</div>
</div>
</div>
</div>
</div>
<div class="odgovorkom pl-2 lg:pl-4 border-l mb-3 hidden">
<div data-id="21405575" class="komentar bg-white border px-3 pt-3 pb-2 mb-3 text-base">
<div class="flex flex-row mb-2">
<div class="bg-gray-200 w-10 h-10 flex items-center justify-center text-white rounded-sm" style="background-color:#c1c1c1">
<svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
<path fill-rule="evenodd" d="M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z" clip-rule="evenodd"/>
</svg>
</div>
<div class="ml-3 flex flex-col">
<div class="font-semibold mb-1 text-tiny">
<a class="hover:underline " href="/profil/fbuser1614289807">fbUser1614289807</a>
</div>
<div class="text-sm text-gray-500">
<a class="hover:underline" href="/komentar/21405575">prije 28 minuta</a>
</div>
</div>
<div class="flex-1 flex justify-end"></div>
</div>
<div class="divide-y divide-light-blue-400">
<div class="mb-3 text-base break-words">@Analizatorac Zaista, da li neko zna onaj Denis Sulić, je li osoba sa posebnim potrebama?
</div>
<div class="flex flex-row pt-2">
<div class="w-14 text-green-600 text-sm font-semibold">
<button onclick="vote(21405575, 'rateup');" class="voteUp vote_21405575_rateup outline-none focus:outline-none hover:text-green-800">
↑<span>2</span>
</button>
</div>
<div class="w-14 text-red-500 text-sm font-semibold">
<button onclick="vote(21405575, 'ratedown');" type="submit" class="voteUp vote_21405575_ratedown outline-none focus:outline-none hover:text-red-800">
↓<span>1</span>
</button>
</div>
<div class="flex-1 text-right text-sm text-gray-600 space-x-5 divide-gray-200 divide-x">
<button class="focus:outline-none" onclick="report(21405575)">
<svg class="h-3 w-3 inline mr-1" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 21v-4m0 0V5a2 2 0 012-2h6.5l1 1H21l-3 6 3 6h-8.5l-1-1H5a2 2 0 00-2 2zm9-13.5V9"/>
</svg>
Prijavi
</button>
</div>
</div>
</div>
</div>
</div>
<div id='ads_intext' class="mx-auto my-2 text-center" style="display: none;">
<script type='text/javascript'>
googletag.cmd.push(function() {
googletag.display('ads_intext');
});
</script>
</div>
<div data-id="21405105" class="komentar border-green-500 bg-white border px-3 pt-3 pb-2 mb-3 text-base">
<div class="flex flex-row mb-2">
<div class="bg-gray-200 w-10 h-10 flex items-center justify-center text-white rounded-sm" style="background-color:#c1c1c1">
<svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
<path fill-rule="evenodd" d="M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z" clip-rule="evenodd"/>
</svg>
</div>
<div class="ml-3 flex flex-col">
<div class="font-semibold mb-1 text-tiny">
<a class="hover:underline " href="/profil/assaaaaange">Assaaaaange</a>
</div>
<div class="text-sm text-gray-500">
<a class="hover:underline" href="/komentar/21405105">prije 1 sat</a>
</div>
</div>
<div class="flex-1 flex justify-end"></div>
</div>
<div class="divide-y divide-light-blue-400">
<div class="mb-3 text-base break-words">objavljen telefonski razgovor predsjednice Estonije u kojoj je obavještavaju da su iz istog snajpera ubijeni i policajci i prosvjednici u Ukrajini?Uvijek isti obrazac za stvaranje kritične točke početka sukoba. I onda mediji pisu da Amerika nema veze sa krizom u Ukrajini 😅😅😅😅
</div>
<div class="flex flex-row pt-2">
<div class="w-14 text-green-600 text-sm font-semibold">
<button onclick="vote(21405105, 'rateup');" class="voteUp vote_21405105_rateup outline-none focus:outline-none hover:text-green-800">
↑<span>49</span>
</button>
</div>
<div class="w-14 text-red-500 text-sm font-semibold">
<button onclick="vote(21405105, 'ratedown');" type="submit" class="voteUp vote_21405105_ratedown outline-none focus:outline-none hover:text-red-800">
↓<span>12</span>
</button>
</div>
<div class="flex-1 text-right text-sm text-gray-600 space-x-5 divide-gray-200 divide-x">
<button class="focus:outline-none" onclick="report(21405105)">
<svg class="h-3 w-3 inline mr-1" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 21v-4m0 0V5a2 2 0 012-2h6.5l1 1H21l-3 6 3 6h-8.5l-1-1H5a2 2 0 00-2 2zm9-13.5V9"/>
</svg>
Prijavi
</button>
</div>
</div>
</div>
</div>
<div class="odgovorkom pl-2 lg:pl-4 border-l mb-3 ">
<div data-id="21405464" class="komentar bg-white border px-3 pt-3 pb-2 mb-3 text-base">
<div class="flex flex-row mb-2">
<div class="bg-gray-200 w-10 h-10 flex items-center justify-center text-white rounded-sm" style="background-color:#c1c1c1">
<svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
<path fill-rule="evenodd" d="M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z" clip-rule="evenodd"/>
</svg>
</div>
<div class="ml-3 flex flex-col">
<div class="font-semibold mb-1 text-tiny">
<a class="hover:underline " href="/profil/goouser1604421384">gooUser1604421384</a>
</div>
<div class="text-sm text-gray-500">
<a class="hover:underline" href="/komentar/21405464">prije 45 minuta</a>
</div>
</div>
<div class="flex-1 flex justify-end"></div>
</div>
<div class="divide-y divide-light-blue-400">
<div class="mb-3 text-base break-words">Pa tako su i u BiH rat zapoceli engleski sasovci.... ubili par ljudi na jednoj par ljudi na drugoj strani i to je to
</div>
<div class="flex flex-row pt-2">
<div class="w-14 text-green-600 text-sm font-semibold">
<button onclick="vote(21405464, 'rateup');" class="voteUp vote_21405464_rateup outline-none focus:outline-none hover:text-green-800">
↑<span>8</span>
</button>
</div>
<div class="w-14 text-red-500 text-sm font-semibold">
<button onclick="vote(21405464, 'ratedown');" type="submit" class="voteUp vote_21405464_ratedown outline-none focus:outline-none hover:text-red-800">
↓<span>7</span>
</button>
</div>
<div class="flex-1 text-right text-sm text-gray-600 space-x-5 divide-gray-200 divide-x">
<button class="focus:outline-none" onclick="report(21405464)">
<svg class="h-3 w-3 inline mr-1" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 21v-4m0 0V5a2 2 0 012-2h6.5l1 1H21l-3 6 3 6h-8.5l-1-1H5a2 2 0 00-2 2zm9-13.5V9"/>
</svg>
Prijavi
</button>
</div>
</div>
</div>
</div>
</div>
<div data-id="21405715" class="komentar bg-white border px-3 pt-3 pb-2 mb-3 text-base">
<div class="flex flex-row mb-2">
<div class="bg-gray-200 w-10 h-10 flex items-center justify-center text-white rounded-sm" style="background-color:#c1c1c1">
<svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
<path fill-rule="evenodd" d="M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z" clip-rule="evenodd"/>
</svg>
</div>
<div class="ml-3 flex flex-col">
<div class="font-semibold mb-1 text-tiny">
<a class="hover:underline " href="/profil/goouser1613232667">gooUser1613232667</a>
</div>
<div class="text-sm text-gray-500">
<a class="hover:underline" href="/komentar/21405715">prije 9 minuta</a>
</div>
</div>
<div class="flex-1 flex justify-end"></div>
</div>
<div class="divide-y divide-light-blue-400">
<div class="mb-3 text-base break-words">Da je nosila hidžab nju bi palili umjesto baklje
</div>
<div class="flex flex-row pt-2">
<div class="w-14 text-green-600 text-sm font-semibold">
<button onclick="vote(21405715, 'rateup');" class="voteUp vote_21405715_rateup outline-none focus:outline-none hover:text-green-800">
↑<span>0</span>
</button>
</div>
<div class="w-14 text-red-500 text-sm font-semibold">
<button onclick="vote(21405715, 'ratedown');" type="submit" class="voteUp vote_21405715_ratedown outline-none focus:outline-none hover:text-red-800">
↓<span>0</span>
</button>
</div>
<div class="flex-1 text-right text-sm text-gray-600 space-x-5 divide-gray-200 divide-x">
<button class="focus:outline-none" onclick="report(21405715)">
<svg class="h-3 w-3 inline mr-1" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 21v-4m0 0V5a2 2 0 012-2h6.5l1 1H21l-3 6 3 6h-8.5l-1-1H5a2 2 0 00-2 2zm9-13.5V9"/>
</svg>
Prijavi
</button>
</div>
</div>
</div>
</div>
<div data-id="21405684" class="komentar bg-white border px-3 pt-3 pb-2 mb-3 text-base">
<div class="flex flex-row mb-2">
<div class="bg-gray-200 w-10 h-10 flex items-center justify-center text-white rounded-sm" style="background-color:#9A9A9A">
<svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
<path fill-rule="evenodd" d="M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z" clip-rule="evenodd"/>
</svg>
</div>
<div class="ml-3 flex flex-col">
<div class="font-semibold mb-1 text-tiny">
<a class="hover:underline " href="/profil/argh">argh</a>
</div>
<div class="text-sm text-gray-500">
<a class="hover:underline" href="/komentar/21405684">prije 12 minuta</a>
</div>
</div>
<div class="flex-1 flex justify-end"></div>
</div>
<div class="divide-y divide-light-blue-400">
<div class="mb-3 text-base break-words">ameri rekli da je ovakvo postupanje genocidno..grohotom
</div>
<div class="flex flex-row pt-2">
<div class="w-14 text-green-600 text-sm font-semibold">
<button onclick="vote(21405684, 'rateup');" class="voteUp vote_21405684_rateup outline-none focus:outline-none hover:text-green-800">
↑<span>0</span>
</button>
</div>
<div class="w-14 text-red-500 text-sm font-semibold">
<button onclick="vote(21405684, 'ratedown');" type="submit" class="voteUp vote_21405684_ratedown outline-none focus:outline-none hover:text-red-800">
↓<span>0</span>
</button>
</div>
<div class="flex-1 text-right text-sm text-gray-600 space-x-5 divide-gray-200 divide-x">
<button class="focus:outline-none" onclick="report(21405684)">
<svg class="h-3 w-3 inline mr-1" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 21v-4m0 0V5a2 2 0 012-2h6.5l1 1H21l-3 6 3 6h-8.5l-1-1H5a2 2 0 00-2 2zm9-13.5V9"/>
</svg>
Prijavi
</button>
</div>
</div>
</div>
</div>
<div id='ads_midtext' class="mx-auto my-2 text-center" style="display: none;">
<script type='text/javascript'>
googletag.cmd.push(function() {
googletag.display('ads_midtext');
});
</script>
</div>
<div data-id="21405661" class="komentar bg-white border px-3 pt-3 pb-2 mb-3 text-base">
<div class="flex flex-row mb-2">
<div class="bg-gray-200 w-10 h-10 flex items-center justify-center text-white rounded-sm" style="background-color:#7c4dff">
<svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
<path fill-rule="evenodd" d="M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z" clip-rule="evenodd"/>
</svg>
</div>
<div class="ml-3 flex flex-col">
<div class="font-semibold mb-1 text-tiny">
<a class="hover:underline " href="/profil/pujde">Pujde</a>
</div>
<div class="text-sm text-gray-500">
<a class="hover:underline" href="/komentar/21405661">prije 16 minuta</a>
</div>
</div>
<div class="flex-1 flex justify-end"></div>
</div>
<div class="divide-y divide-light-blue-400">
<div class="mb-3 text-base break-words">Najvažnija vijest danas da je Putin u Pekingu, ponudio naftu,plin i rude za gigantsku kinesku industriju.
</div>
<div class="flex flex-row pt-2">
<div class="w-14 text-green-600 text-sm font-semibold">
<button onclick="vote(21405661, 'rateup');" class="voteUp vote_21405661_rateup outline-none focus:outline-none hover:text-green-800">
↑<span>2</span>
</button>
</div>
<div class="w-14 text-red-500 text-sm font-semibold">
<button onclick="vote(21405661, 'ratedown');" type="submit" class="voteUp vote_21405661_ratedown outline-none focus:outline-none hover:text-red-800">
↓<span>1</span>
</button>
</div>
<div class="flex-1 text-right text-sm text-gray-600 space-x-5 divide-gray-200 divide-x">
<button class="focus:outline-none" onclick="report(21405661)">
<svg class="h-3 w-3 inline mr-1" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 21v-4m0 0V5a2 2 0 012-2h6.5l1 1H21l-3 6 3 6h-8.5l-1-1H5a2 2 0 00-2 2zm9-13.5V9"/>
</svg>
Prijavi
</button>
</div>
</div>
</div>
</div>
<div data-id="21405599" class="komentar bg-white border px-3 pt-3 pb-2 mb-3 text-base">
<div class="flex flex-row mb-2">
<div class="bg-gray-200 w-10 h-10 flex items-center justify-center text-white rounded-sm" style="background-color:#c1c1c1">
<svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
<path fill-rule="evenodd" d="M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z" clip-rule="evenodd"/>
</svg>
</div>
<div class="ml-3 flex flex-col">
<div class="font-semibold mb-1 text-tiny">
<a class="hover:underline " href="/profil/far100">far100</a>
</div>
<div class="text-sm text-gray-500">
<a class="hover:underline" href="/komentar/21405599">prije 24 minuta</a>
</div>
</div>
<div class="flex-1 flex justify-end"></div>
</div>
<div class="divide-y divide-light-blue-400">
<div class="mb-3 text-base break-words">Muslimani u Kini vjerojatno imaju najravnopravniji status od svih zemalju u kojoj su manjina. Religijsko opredjeljenje naprosto ne interesuje nikoga tamo. Ipak sam dirnut kada se NATO tipovi interesuju za polozaj muslimana u svijetu, Ganut sam do suza. Prosto bi im covjek zaboravio ona bombardovanja u Libiji, Siriji, Jemenu, Somaliji, Maliju, ZARu, Iraku, Iranu, Afganistanu....
</div>
<div class="flex flex-row pt-2">
<div class="w-14 text-green-600 text-sm font-semibold">
<button onclick="vote(21405599, 'rateup');" class="voteUp vote_21405599_rateup outline-none focus:outline-none hover:text-green-800">
↑<span>5</span>
</button>
</div>
<div class="w-14 text-red-500 text-sm font-semibold">
<button onclick="vote(21405599, 'ratedown');" type="submit" class="voteUp vote_21405599_ratedown outline-none focus:outline-none hover:text-red-800">
↓<span>3</span>
</button>
</div>
<div class="flex-1 text-right text-sm text-gray-600 space-x-5 divide-gray-200 divide-x">
<button class="focus:outline-none" onclick="report(21405599)">
<svg class="h-3 w-3 inline mr-1" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 21v-4m0 0V5a2 2 0 012-2h6.5l1 1H21l-3 6 3 6h-8.5l-1-1H5a2 2 0 00-2 2zm9-13.5V9"/>
</svg>
Prijavi
</button>
</div>
</div>
</div>
</div>
<div class="odgovorkom pl-2 lg:pl-4 border-l mb-3 ">
<div data-id="21405617" class="komentar bg-white border px-3 pt-3 pb-2 mb-3 text-base">
<div class="flex flex-row mb-2">
<div class="bg-gray-200 w-10 h-10 flex items-center justify-center text-white rounded-sm" style="background-color:#880e4f">
<svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
<path fill-rule="evenodd" d="M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z" clip-rule="evenodd"/>
</svg>
</div>
<div class="ml-3 flex flex-col">
<div class="font-semibold mb-1 text-tiny">
<a class="hover:underline " href="/profil/vaziristan">Vaziristan</a>
</div>
<div class="text-sm text-gray-500">
<a class="hover:underline" href="/komentar/21405617">prije 22 minuta</a>
</div>
</div>
<div class="flex-1 flex justify-end"></div>
</div>
<div class="divide-y divide-light-blue-400">
<div class="mb-3 text-base break-words">Anglosaksonci uvijek su muslimane koristili kao topovsko meso. Sve te pobrojane zemlje svjedoče o tome.
</div>
<div class="flex flex-row pt-2">
<div class="w-14 text-green-600 text-sm font-semibold">
<button onclick="vote(21405617, 'rateup');" class="voteUp vote_21405617_rateup outline-none focus:outline-none hover:text-green-800">
↑<span>2</span>
</button>
</div>
<div class="w-14 text-red-500 text-sm font-semibold">
<button onclick="vote(21405617, 'ratedown');" type="submit" class="voteUp vote_21405617_ratedown outline-none focus:outline-none hover:text-red-800">
↓<span>1</span>
</button>
</div>
<div class="flex-1 text-right text-sm text-gray-600 space-x-5 divide-gray-200 divide-x">
<button class="focus:outline-none" onclick="report(21405617)">
<svg class="h-3 w-3 inline mr-1" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 21v-4m0 0V5a2 2 0 012-2h6.5l1 1H21l-3 6 3 6h-8.5l-1-1H5a2 2 0 00-2 2zm9-13.5V9"/>
</svg>
Prijavi
</button>
</div>
</div>
</div>
</div>
</div>
<div data-id="21405596" class="komentar bg-white border px-3 pt-3 pb-2 mb-3 text-base">
<div class="flex flex-row mb-2">
<div class="bg-gray-200 w-10 h-10 flex items-center justify-center text-white rounded-sm" style="background-color:#c1c1c1">
<svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
<path fill-rule="evenodd" d="M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z" clip-rule="evenodd"/>
</svg>
</div>
<div class="ml-3 flex flex-col">
<div class="font-semibold mb-1 text-tiny">
<a class="hover:underline " href="/profil/ibrahimaga">Ibrahimaga</a>
</div>
<div class="text-sm text-gray-500">
<a class="hover:underline" href="/komentar/21405596">prije 24 minuta</a>
</div>
</div>
<div class="flex-1 flex justify-end"></div>
</div>
<div class="divide-y divide-light-blue-400">
<div class="mb-3 text-base break-words">Komunjare , lazno bratstvo i jedinstvo kao u bivsoj Srboslaviji.
</div>
<div class="flex flex-row pt-2">
<div class="w-14 text-green-600 text-sm font-semibold">
<button onclick="vote(21405596, 'rateup');" class="voteUp vote_21405596_rateup outline-none focus:outline-none hover:text-green-800">
↑<span>3</span>
</button>
</div>
<div class="w-14 text-red-500 text-sm font-semibold">
<button onclick="vote(21405596, 'ratedown');" type="submit" class="voteUp vote_21405596_ratedown outline-none focus:outline-none hover:text-red-800">
↓<span>0</span>
</button>
</div>
<div class="flex-1 text-right text-sm text-gray-600 space-x-5 divide-gray-200 divide-x">
<button class="focus:outline-none" onclick="report(21405596)">
<svg class="h-3 w-3 inline mr-1" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 21v-4m0 0V5a2 2 0 012-2h6.5l1 1H21l-3 6 3 6h-8.5l-1-1H5a2 2 0 00-2 2zm9-13.5V9"/>
</svg>
Prijavi
</button>
</div>
</div>
</div>
</div>
<div data-id="21405581" class="komentar bg-white border px-3 pt-3 pb-2 mb-3 text-base">
<div class="flex flex-row mb-2">
<div class="bg-gray-200 w-10 h-10 flex items-center justify-center text-white rounded-sm" style="background-color:#ffd54f">
<svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
<path fill-rule="evenodd" d="M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z" clip-rule="evenodd"/>
</svg>
</div>
<div class="ml-3 flex flex-col">
<div class="font-semibold mb-1 text-tiny">
<a class="hover:underline " href="/profil/ugorsko">Ugorsko</a>
</div>
<div class="text-sm text-gray-500">
<a class="hover:underline" href="/komentar/21405581">prije 27 minuta</a>
</div>
</div>
<div class="flex-1 flex justify-end"></div>
</div>
<div class="divide-y divide-light-blue-400">
<div class="mb-3 text-base break-words">using human rights as “weapon” in the peaceful struggle ... Bzezinsky tvorac američke strategije, šef NSA u nekoliko mandata i ikona podrivanja međunarodnog poretka.
</div>
<div class="flex flex-row pt-2">
<div class="w-14 text-green-600 text-sm font-semibold">
<button onclick="vote(21405581, 'rateup');" class="voteUp vote_21405581_rateup outline-none focus:outline-none hover:text-green-800">
↑<span>1</span>
</button>
</div>
<div class="w-14 text-red-500 text-sm font-semibold">
<button onclick="vote(21405581, 'ratedown');" type="submit" class="voteUp vote_21405581_ratedown outline-none focus:outline-none hover:text-red-800">
↓<span>0</span>
</button>
</div>
<div class="flex-1 text-right text-sm text-gray-600 space-x-5 divide-gray-200 divide-x">
<button class="focus:outline-none" onclick="report(21405581)">
<svg class="h-3 w-3 inline mr-1" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 21v-4m0 0V5a2 2 0 012-2h6.5l1 1H21l-3 6 3 6h-8.5l-1-1H5a2 2 0 00-2 2zm9-13.5V9"/>
</svg>
Prijavi
</button>
</div>
</div>
</div>
</div>
<div id='ads_midtext_2' class="mx-auto my-2 text-center" style="display: none;">
<script type='text/javascript'>
googletag.cmd.push(function() {
googletag.display('ads_midtext_2');
});
</script>
</div>
<div data-id="21405551" class="komentar bg-white border px-3 pt-3 pb-2 mb-3 text-base">
<div class="flex flex-row mb-2">
<div class="bg-gray-200 w-10 h-10 flex items-center justify-center text-white rounded-sm" style="background-color:#D33D3D">
<svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
<path fill-rule="evenodd" d="M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z" clip-rule="evenodd"/>
</svg>
</div>
<div class="ml-3 flex flex-col">
<div class="font-semibold mb-1 text-tiny">
<a class="hover:underline " href="/profil/rammstein">RAMMSTEIN</a>
</div>
<div class="text-sm text-gray-500">
<a class="hover:underline" href="/komentar/21405551">prije 31 minut</a>
</div>
</div>
<div class="flex-1 flex justify-end"></div>
</div>
<div class="divide-y divide-light-blue-400">
<div class="mb-3 text-base break-words">Malo zumirajte sliku, gornji desni ugao... Ko učestvije u OI... Skoro do Tokia, a nije Srbija: Kosovo!
</div>
<div class="flex flex-row pt-2">
<div class="w-14 text-green-600 text-sm font-semibold">
<button onclick="vote(21405551, 'rateup');" class="voteUp vote_21405551_rateup outline-none focus:outline-none hover:text-green-800">
↑<span>3</span>
</button>
</div>
<div class="w-14 text-red-500 text-sm font-semibold">
<button onclick="vote(21405551, 'ratedown');" type="submit" class="voteUp vote_21405551_ratedown outline-none focus:outline-none hover:text-red-800">
↓<span>2</span>
</button>
</div>
<div class="flex-1 text-right text-sm text-gray-600 space-x-5 divide-gray-200 divide-x">
<button class="focus:outline-none" onclick="report(21405551)">
<svg class="h-3 w-3 inline mr-1" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 21v-4m0 0V5a2 2 0 012-2h6.5l1 1H21l-3 6 3 6h-8.5l-1-1H5a2 2 0 00-2 2zm9-13.5V9"/>
</svg>
Prijavi
</button>
</div>
</div>
</div>
</div>
<div data-id="21405526" class="komentar bg-white border px-3 pt-3 pb-2 mb-3 text-base">
<div class="flex flex-row mb-2">
<div class="bg-gray-200 w-10 h-10 flex items-center justify-center text-white rounded-sm" style="background-color:#ee5b7a">
<svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
<path fill-rule="evenodd" d="M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z" clip-rule="evenodd"/>
</svg>
</div>
<div class="ml-3 flex flex-col">
<div class="font-semibold mb-1 text-tiny">
<a class="hover:underline " href="/profil/korisnik1234">korisnik1234</a>
</div>
<div class="text-sm text-gray-500">
<a class="hover:underline" href="/komentar/21405526">prije 35 minuta</a>
</div>
</div>
<div class="flex-1 flex justify-end"></div>
</div>
<div class="divide-y divide-light-blue-400">
<div class="mb-3 text-base break-words">ovi kinezi isto ko u nas partizani do rata.samo smisljaju kako ce narodu i radniku ugoditi nesto.
</div>
<div class="flex flex-row pt-2">
<div class="w-14 text-green-600 text-sm font-semibold">
<button onclick="vote(21405526, 'rateup');" class="voteUp vote_21405526_rateup outline-none focus:outline-none hover:text-green-800">
↑<span>1</span>
</button>
</div>
<div class="w-14 text-red-500 text-sm font-semibold">
<button onclick="vote(21405526, 'ratedown');" type="submit" class="voteUp vote_21405526_ratedown outline-none focus:outline-none hover:text-red-800">
↓<span>0</span>
</button>
</div>
<div class="flex-1 text-right text-sm text-gray-600 space-x-5 divide-gray-200 divide-x">
<button class="focus:outline-none" onclick="report(21405526)">
<svg class="h-3 w-3 inline mr-1" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 21v-4m0 0V5a2 2 0 012-2h6.5l1 1H21l-3 6 3 6h-8.5l-1-1H5a2 2 0 00-2 2zm9-13.5V9"/>
</svg>
Prijavi
</button>
</div>
</div>
</div>
</div>
<div data-id="21405523" class="komentar bg-white border px-3 pt-3 pb-2 mb-3 text-base">
<div class="flex flex-row mb-2">
<div class="bg-gray-200 w-10 h-10 flex items-center justify-center text-white rounded-sm" style="background-color:#3FD8B9">
<svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
<path fill-rule="evenodd" d="M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z" clip-rule="evenodd"/>
</svg>
</div>
<div class="ml-3 flex flex-col">
<div class="font-semibold mb-1 text-tiny">
<a class="hover:underline " href="/profil/gugldotkom">GuglDotKom</a>
</div>
<div class="text-sm text-gray-500">
<a class="hover:underline" href="/komentar/21405523">prije 36 minuta</a>
</div>
</div>
<div class="flex-1 flex justify-end"></div>
</div>
<div class="divide-y divide-light-blue-400">
<div class="mb-3 text-base break-words">Mudraci su to veliki, zato ce i da vladaju svijetom.
</div>
<div class="flex flex-row pt-2">
<div class="w-14 text-green-600 text-sm font-semibold">
<button onclick="vote(21405523, 'rateup');" class="voteUp vote_21405523_rateup outline-none focus:outline-none hover:text-green-800">
↑<span>2</span>
</button>
</div>
<div class="w-14 text-red-500 text-sm font-semibold">
<button onclick="vote(21405523, 'ratedown');" type="submit" class="voteUp vote_21405523_ratedown outline-none focus:outline-none hover:text-red-800">
↓<span>0</span>
</button>
</div>
<div class="flex-1 text-right text-sm text-gray-600 space-x-5 divide-gray-200 divide-x">
<button class="focus:outline-none" onclick="report(21405523)">
<svg class="h-3 w-3 inline mr-1" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 21v-4m0 0V5a2 2 0 012-2h6.5l1 1H21l-3 6 3 6h-8.5l-1-1H5a2 2 0 00-2 2zm9-13.5V9"/>
</svg>
Prijavi
</button>
</div>
</div>
</div>
</div>
<div data-id="21405465" class="komentar bg-white border px-3 pt-3 pb-2 mb-3 text-base">
<div class="flex flex-row mb-2">
<div class="bg-gray-200 w-10 h-10 flex items-center justify-center text-white rounded-sm" style="background-color:#2174C8">
<svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
<path fill-rule="evenodd" d="M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z" clip-rule="evenodd"/>
</svg>
</div>
<div class="ml-3 flex flex-col">
<div class="font-semibold mb-1 text-tiny">
<a class="hover:underline " href="/profil/asnjazri">ASnjazri</a>
</div>
<div class="text-sm text-gray-500">
<a class="hover:underline" href="/komentar/21405465">prije 45 minuta</a>
</div>
</div>
<div class="flex-1 flex justify-end"></div>
</div>
<div class="divide-y divide-light-blue-400">
<div class="mb-3 text-base break-words">Ameri i Bošnje na aparatima
</div>
<div class="flex flex-row pt-2">
<div class="w-14 text-green-600 text-sm font-semibold">
<button onclick="vote(21405465, 'rateup');" class="voteUp vote_21405465_rateup outline-none focus:outline-none hover:text-green-800">
↑<span>7</span>
</button>
</div>
<div class="w-14 text-red-500 text-sm font-semibold">
<button onclick="vote(21405465, 'ratedown');" type="submit" class="voteUp vote_21405465_ratedown outline-none focus:outline-none hover:text-red-800">
↓<span>2</span>
</button>
</div>
<div class="flex-1 text-right text-sm text-gray-600 space-x-5 divide-gray-200 divide-x">
<button class="focus:outline-none" onclick="report(21405465)">
<svg class="h-3 w-3 inline mr-1" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 21v-4m0 0V5a2 2 0 012-2h6.5l1 1H21l-3 6 3 6h-8.5l-1-1H5a2 2 0 00-2 2zm9-13.5V9"/>
</svg>
Prijavi
</button>
</div>
</div>
</div>
</div>
<div id='ads_midtext_3' class="mx-auto my-2 text-center" style="display: none;">
<script type='text/javascript'>
googletag.cmd.push(function() {
googletag.display('ads_midtext_3');
});
</script>
</div>
<div data-id="21405435" class="komentar bg-white border px-3 pt-3 pb-2 mb-3 text-base">
<div class="flex flex-row mb-2">
<div class="bg-gray-200 w-10 h-10 flex items-center justify-center text-white rounded-sm" style="background-color:#D33D3D">
<svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
<path fill-rule="evenodd" d="M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z" clip-rule="evenodd"/>
</svg>
</div>
<div class="ml-3 flex flex-col">
<div class="font-semibold mb-1 text-tiny">
<a class="hover:underline " href="/profil/kingdarius">kingdarius</a>
</div>
<div class="text-sm text-gray-500">
<a class="hover:underline" href="/komentar/21405435">prije 50 minuta</a>
</div>
</div>
<div class="flex-1 flex justify-end"></div>
</div>
<div class="divide-y divide-light-blue-400">
<div class="mb-3 text-base break-words">jesu ga onda fino vratili u konc-logor?
</div>
<div class="flex flex-row pt-2">
<div class="w-14 text-green-600 text-sm font-semibold">
<button onclick="vote(21405435, 'rateup');" class="voteUp vote_21405435_rateup outline-none focus:outline-none hover:text-green-800">
↑<span>4</span>
</button>
</div>
<div class="w-14 text-red-500 text-sm font-semibold">
<button onclick="vote(21405435, 'ratedown');" type="submit" class="voteUp vote_21405435_ratedown outline-none focus:outline-none hover:text-red-800">
↓<span>3</span>
</button>
</div>
<div class="flex-1 text-right text-sm text-gray-600 space-x-5 divide-gray-200 divide-x">
<button class="focus:outline-none" onclick="report(21405435)">
<svg class="h-3 w-3 inline mr-1" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 21v-4m0 0V5a2 2 0 012-2h6.5l1 1H21l-3 6 3 6h-8.5l-1-1H5a2 2 0 00-2 2zm9-13.5V9"/>
</svg>
Prijavi
</button>
</div>
</div>
</div>
</div>
<div data-id="21405401" class="komentar bg-white border px-3 pt-3 pb-2 mb-3 text-base">
<div class="flex flex-row mb-2">
<div class="bg-gray-200 w-10 h-10 flex items-center justify-center text-white rounded-sm" style="background-color:#c1c1c1">
<svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
<path fill-rule="evenodd" d="M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z" clip-rule="evenodd"/>
</svg>
</div>
<div class="ml-3 flex flex-col">
<div class="font-semibold mb-1 text-tiny">
<a class="hover:underline " href="/profil/goouser1610">goouser1610</a>
</div>
<div class="text-sm text-gray-500">
<a class="hover:underline" href="/komentar/21405401">prije 54 minuta</a>
</div>
</div>
<div class="flex-1 flex justify-end"></div>
</div>
<div class="divide-y divide-light-blue-400">
<div class="mb-3 text-base break-words">kao Čečeni u Rusiji da zamažu oči svijetu
</div>
<div class="flex flex-row pt-2">
<div class="w-14 text-green-600 text-sm font-semibold">
<button onclick="vote(21405401, 'rateup');" class="voteUp vote_21405401_rateup outline-none focus:outline-none hover:text-green-800">
↑<span>6</span>
</button>
</div>
<div class="w-14 text-red-500 text-sm font-semibold">
<button onclick="vote(21405401, 'ratedown');" type="submit" class="voteUp vote_21405401_ratedown outline-none focus:outline-none hover:text-red-800">
↓<span>3</span>
</button>
</div>
<div class="flex-1 text-right text-sm text-gray-600 space-x-5 divide-gray-200 divide-x">
<button class="focus:outline-none" onclick="report(21405401)">
<svg class="h-3 w-3 inline mr-1" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 21v-4m0 0V5a2 2 0 012-2h6.5l1 1H21l-3 6 3 6h-8.5l-1-1H5a2 2 0 00-2 2zm9-13.5V9"/>
</svg>
Prijavi
</button>
</div>
</div>
</div>
</div>
<div data-id="21405371" class="komentar bg-white border px-3 pt-3 pb-2 mb-3 text-base">
<div class="flex flex-row mb-2">
<div class="bg-gray-200 w-10 h-10 flex items-center justify-center text-white rounded-sm" style="background-color:#6477A1">
<svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
<path fill-rule="evenodd" d="M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z" clip-rule="evenodd"/>
</svg>
</div>
<div class="ml-3 flex flex-col">
<div class="font-semibold mb-1 text-tiny">
<a class="hover:underline " href="/profil/profil262">Profil262</a>
</div>
<div class="text-sm text-gray-500">
<a class="hover:underline" href="/komentar/21405371">prije 1 sat</a>
</div>
</div>
<div class="flex-1 flex justify-end"></div>
</div>
<div class="divide-y divide-light-blue-400">
<div class="mb-3 text-base break-words">Ameri sve pokusavaju da ocrne Kinu pa dobiju packu po nosu od Kineza.
</div>
<div class="flex flex-row pt-2">
<div class="w-14 text-green-600 text-sm font-semibold">
<button onclick="vote(21405371, 'rateup');" class="voteUp vote_21405371_rateup outline-none focus:outline-none hover:text-green-800">
↑<span>14</span>
</button>
</div>
<div class="w-14 text-red-500 text-sm font-semibold">
<button onclick="vote(21405371, 'ratedown');" type="submit" class="voteUp vote_21405371_ratedown outline-none focus:outline-none hover:text-red-800">
↓<span>6</span>
</button>
</div>
<div class="flex-1 text-right text-sm text-gray-600 space-x-5 divide-gray-200 divide-x">
<button class="focus:outline-none" onclick="report(21405371)">
<svg class="h-3 w-3 inline mr-1" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 21v-4m0 0V5a2 2 0 012-2h6.5l1 1H21l-3 6 3 6h-8.5l-1-1H5a2 2 0 00-2 2zm9-13.5V9"/>
</svg>
Prijavi
</button>
</div>
</div>
</div>
</div>
<div data-id="21405292" class="komentar bg-white border px-3 pt-3 pb-2 mb-3 text-base">
<div class="flex flex-row mb-2">
<div class="bg-gray-200 w-10 h-10 flex items-center justify-center text-white rounded-sm" style="background-color:#3FD8B9">
<svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
<path fill-rule="evenodd" d="M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z" clip-rule="evenodd"/>
</svg>
</div>
<div class="ml-3 flex flex-col">
<div class="font-semibold mb-1 text-tiny">
<a class="hover:underline " href="/profil/twenty4sevenn">Twenty4Sevenn</a>
</div>
<div class="text-sm text-gray-500">
<a class="hover:underline" href="/komentar/21405292">prije 1 sat</a>
</div>
</div>
<div class="flex-1 flex justify-end"></div>
</div>
<div class="divide-y divide-light-blue-400">
<div class="mb-3 text-base break-words">Ovo me podsjeća na ono kad su na ljetnim olimpijskim igrama objašnjavali da se od turista ne smiju jesti mačke i psi jer to su njihovi kućni ljubimci...
</div>
<div class="flex flex-row pt-2">
<div class="w-14 text-green-600 text-sm font-semibold">
<button onclick="vote(21405292, 'rateup');" class="voteUp vote_21405292_rateup outline-none focus:outline-none hover:text-green-800">
↑<span>4</span>
</button>
</div>
<div class="w-14 text-red-500 text-sm font-semibold">
<button onclick="vote(21405292, 'ratedown');" type="submit" class="voteUp vote_21405292_ratedown outline-none focus:outline-none hover:text-red-800">
↓<span>6</span>
</button>
</div>
<div class="flex-1 text-right text-sm text-gray-600 space-x-5 divide-gray-200 divide-x">
<button class="focus:outline-none" onclick="report(21405292)">
<svg class="h-3 w-3 inline mr-1" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 21v-4m0 0V5a2 2 0 012-2h6.5l1 1H21l-3 6 3 6h-8.5l-1-1H5a2 2 0 00-2 2zm9-13.5V9"/>
</svg>
Prijavi
</button>
</div>
</div>
</div>
</div>
<div data-id="21405278" class="komentar bg-white border px-3 pt-3 pb-2 mb-3 text-base">
<div class="flex flex-row mb-2">
<div class="bg-gray-200 w-10 h-10 flex items-center justify-center text-white rounded-sm" style="background-color:#c1c1c1">
<svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
<path fill-rule="evenodd" d="M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z" clip-rule="evenodd"/>
</svg>
</div>
<div class="ml-3 flex flex-col">
<div class="font-semibold mb-1 text-tiny">
<a class="hover:underline " href="/profil/meho1973">Meho1973</a>
</div>
<div class="text-sm text-gray-500">
<a class="hover:underline" href="/komentar/21405278">prije 1 sat</a>
</div>
</div>
<div class="flex-1 flex justify-end"></div>
</div>
<div class="divide-y divide-light-blue-400">
<div class="mb-3 text-base break-words">Ne znam šta je čudno s obzirom da nema nikakvih dokaza genocida ili bilo čega sličnog. Nema izbjeglica, broj Ujgura se povećava, kao i njihov životni standard (službene statistike). Pokušaji radikalizacije koji je stari CIA-in trik sasječeni u korijenu.
</div>
<div class="flex flex-row pt-2">
<div class="w-14 text-green-600 text-sm font-semibold">
<button onclick="vote(21405278, 'rateup');" class="voteUp vote_21405278_rateup outline-none focus:outline-none hover:text-green-800">
↑<span>19</span>
</button>
</div>
<div class="w-14 text-red-500 text-sm font-semibold">
<button onclick="vote(21405278, 'ratedown');" type="submit" class="voteUp vote_21405278_ratedown outline-none focus:outline-none hover:text-red-800">
↓<span>10</span>
</button>
</div>
<div class="flex-1 text-right text-sm text-gray-600 space-x-5 divide-gray-200 divide-x">
<button class="focus:outline-none" onclick="report(21405278)">
<svg class="h-3 w-3 inline mr-1" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 21v-4m0 0V5a2 2 0 012-2h6.5l1 1H21l-3 6 3 6h-8.5l-1-1H5a2 2 0 00-2 2zm9-13.5V9"/>
</svg>
Prijavi
</button>
</div>
</div>
</div>
</div>
<div class="odgovorkom pl-2 lg:pl-4 border-l ">
<div data-id="21405308" class="komentar bg-white border px-3 pt-3 pb-2 mb-3 text-base">
<div class="flex flex-row mb-2">
<div class="bg-gray-200 w-10 h-10 flex items-center justify-center text-white rounded-sm" style="background-color:#2174C8">
<svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
<path fill-rule="evenodd" d="M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z" clip-rule="evenodd"/>
</svg>
</div>
<div class="ml-3 flex flex-col">
<div class="font-semibold mb-1 text-tiny">
<a class="hover:underline " href="/profil/osmansemiragic">OsmanSemiragic</a>
</div>
<div class="text-sm text-gray-500">
<a class="hover:underline" href="/komentar/21405308">prije 1 sat</a>
</div>
</div>
<div class="flex-1 flex justify-end"></div>
</div>
<div class="divide-y divide-light-blue-400">
<div class="mb-3 text-base break-words">Sve što si naveo je izmisljheno, isto kao da ja kažem u Nigeriji ljudi imaju 1200 dolara prosjecnu platu i kila teletine košta 4,50 dolara, a najdraži film im je Walter brani Sarajevo
</div>
<div class="flex flex-row pt-2">
<div class="w-14 text-green-600 text-sm font-semibold">
<button onclick="vote(21405308, 'rateup');" class="voteUp vote_21405308_rateup outline-none focus:outline-none hover:text-green-800">
↑<span>4</span>
</button>
</div>
<div class="w-14 text-red-500 text-sm font-semibold">
<button onclick="vote(21405308, 'ratedown');" type="submit" class="voteUp vote_21405308_ratedown outline-none focus:outline-none hover:text-red-800">
↓<span>12</span>
</button>
</div>
<div class="flex-1 text-right text-sm text-gray-600 space-x-5 divide-gray-200 divide-x">
<button class="focus:outline-none" onclick="report(21405308)">
<svg class="h-3 w-3 inline mr-1" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 21v-4m0 0V5a2 2 0 012-2h6.5l1 1H21l-3 6 3 6h-8.5l-1-1H5a2 2 0 00-2 2zm9-13.5V9"/>
</svg>
Prijavi
</button>
</div>
</div>
</div>
</div>
</div>
<div class="odgovorkom pl-2 lg:pl-4 border-l mb-3 ">
<div data-id="21405559" class="komentar bg-white border px-3 pt-3 pb-2 mb-3 text-base">
<div class="flex flex-row mb-2">
<div class="bg-gray-200 w-10 h-10 flex items-center justify-center text-white rounded-sm" style="background-color:#2174C8">
<svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
<path fill-rule="evenodd" d="M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z" clip-rule="evenodd"/>
</svg>
</div>
<div class="ml-3 flex flex-col">
<div class="font-semibold mb-1 text-tiny">
<a class="hover:underline " href="/profil/sejdalijacugator">SejdalijaCugator</a>
</div>
<div class="text-sm text-gray-500">
<a class="hover:underline" href="/komentar/21405559">prije 30 minuta</a>
</div>
</div>
<div class="flex-1 flex justify-end"></div>
</div>
<div class="divide-y divide-light-blue-400">
<div class="mb-3 text-base break-words">Da bio sam u Turkistanu ti "logori "su asimilizacija gdje se uce jezik i kineski obicaji, svi ovi mladi Uyghuri danas tecno govore mandarinski, ali i svoj jezik. Pogledajte kanal numuves na yt, momak obrađuje temu sa lica mjesta.
</div>
<div class="flex flex-row pt-2">
<div class="w-14 text-green-600 text-sm font-semibold">
<button onclick="vote(21405559, 'rateup');" class="voteUp vote_21405559_rateup outline-none focus:outline-none hover:text-green-800">
↑<span>1</span>
</button>
</div>
<div class="w-14 text-red-500 text-sm font-semibold">
<button onclick="vote(21405559, 'ratedown');" type="submit" class="voteUp vote_21405559_ratedown outline-none focus:outline-none hover:text-red-800">
↓<span>0</span>
</button>
</div>
<div class="flex-1 text-right text-sm text-gray-600 space-x-5 divide-gray-200 divide-x">
<button class="focus:outline-none" onclick="report(21405559)">
<svg class="h-3 w-3 inline mr-1" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 21v-4m0 0V5a2 2 0 012-2h6.5l1 1H21l-3 6 3 6h-8.5l-1-1H5a2 2 0 00-2 2zm9-13.5V9"/>
</svg>
Prijavi
</button>
</div>
</div>
</div>
</div>
</div>
<button data-url="https://api.klix.ba/v1/komentari/220204129?lastID=21405278" class="outline-none focus:outline-none loadmore mb-5 w-full text-sm font-semibold border bg-white rounded-md py-2 px-20 mx-auto">PRIKAŽI JOŠ KOMENTARA</button>
</div>
<div class="flex mb-3 font-title text-base">
<div class="flex-1"></div>
<a href="/sport/kinezi-iznenadili-ukljucivanjem-ujgura-u-najvazniji-dio-ceremonije-otvaranja-igara/220204129" class="text-gray-500 flex items-center justify-items-center hover:text-gray-600">
<svg class="w-5 w-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 15l-3-3m0 0l3-3m-3 3h8M3 12a9 9 0 1118 0 9 9 0 01-18 0z"/>
</svg>
<div class="ml-2 text-sm">Povratak na članak</div>
</a>
</div>
<div class="taboola"></div>
</div>
</div>
</div>
</div>
<div class="md:col-span-8 md:col-start-4 lg:col-span-3 xl:col-span-3 bg-gray-100 md:bg-white md:h-auto mt-0 md:mt-0 md:pt-0 md:px-0 lg:px-0 lg:pt-0">
<div class="md:flex md:flex-wrap md:flex-col md:w-full md:h-full px-0 lg:px-0 ">
<div class="sticky top-16 pb-5 md:pt-0 lg:pt-5">
<div id='ads_rectangle' class="mx-auto my-0 md:my-2 xl:mb-5" style="display: none;">
<script type='text/javascript'>
googletag.cmd.push(function() {
googletag.display('ads_rectangle');
});
</script>
</div>
<div class="mt-0 md:mt-2 px-3 md:px-5 md:pl-3 lg:pl-5 lg:mt-0 bg-white">
<div class="bg-gray-100 -mx-3 py-1 mb-3 md:hidden"></div>
<div class="pb-2 px-0 flex flex-row justify-between space-x-7 border-b text-gray-600">
<div class="font-title text-tiny">Popularno</div>
<svg class="h-5 w-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7h8m0 0v8m0-8l-8 8-4-4-6 6"/>
</svg>
</div>
<div class="divide-y space-y-2 divide-y divide-gray-200">
<article class="pt-2">
<div class="font-title uppercase text-xs mb-1 text-vijesti">Na današnji dan</div>
<a href="/vijesti/bih/sarajevo-je-na-danasnji-dan-prije-10-godina-bilo-zatrpano-snijegom-sjecate-li-se-kako-je-izgledao-grad/220204121" class="hover:text-gray-600">
<h2 class="text-tiny lg:text-base leading-tight">Sarajevo je na današnji dan prije 10 godina bilo zatrpano snijegom: Sjećate li se kako je izgledao grad</h2>
</a>
<div class="flex-grow-0 mt-auto align-text-bottom pt-1 md:pt-2">
<div class="flex justify-between items-center mt-0 text-sm text-gray-400 md:text-gray-400">
<div class="flex text-center space-x-2 divide-x divide-gray-200 items-center text-center">
<div class="text-center">2 sata</div>
</div>
<div class="text-right text-sm uppercase flex flex-row items-center space-x-1">
<svg class="inline h-3 w-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
<path d="M2 5a2 2 0 012-2h7a2 2 0 012 2v4a2 2 0 01-2 2H9l-3 3v-3H4a2 2 0 01-2-2V5z"/>
<path d="M15 7v2a4 4 0 01-4 4H9.828l-1.766 1.767c.28.149.599.233.938.233h2l3 3v-3h2a2 2 0 002-2V9a2 2 0 00-2-2h-1z"/>
</svg>
<span>94</span>
<svg class="ml-3 inline h-3 w-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
<path d="M15 8a3 3 0 10-2.977-2.63l-4.94 2.47a3 3 0 100 4.319l4.94 2.47a3 3 0 10.895-1.789l-4.94-2.47a3.027 3.027 0 000-.74l4.94-2.47C13.456 7.68 14.19 8 15 8z"/>
</svg>
<span>54</span>
</div>
</div>
</div>
</article>
<article class="pt-2">
<div class="font-title uppercase text-xs mb-1 text-vijesti">O Izbornom zakonu</div>
<a href="/vijesti/bih/poruke-iz-hdz-a-ako-bosnjaci-ne-zele-vratiti-nase-otete-pozicije-trazimo-stanje-iz-1994/220204072" class="hover:text-gray-600">
<h2 class="text-tiny lg:text-base leading-tight">Poruke iz HDZ-a: Ako Bošnjaci ne žele vratiti naše otete pozicije, tražimo stanje iz 1994.</h2>
</a>
<div class="flex-grow-0 mt-auto align-text-bottom pt-1 md:pt-2">
<div class="flex justify-between items-center mt-0 text-sm text-gray-400 md:text-gray-400">
<div class="flex text-center space-x-2 divide-x divide-gray-200 items-center text-center">
<div class="text-center">6 sati</div>
</div>
<div class="text-right text-sm uppercase flex flex-row items-center space-x-1">
<svg class="inline h-3 w-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
<path d="M2 5a2 2 0 012-2h7a2 2 0 012 2v4a2 2 0 01-2 2H9l-3 3v-3H4a2 2 0 01-2-2V5z"/>
<path d="M15 7v2a4 4 0 01-4 4H9.828l-1.766 1.767c.28.149.599.233.938.233h2l3 3v-3h2a2 2 0 002-2V9a2 2 0 00-2-2h-1z"/>
</svg>
<span>467</span>
<svg class="ml-3 inline h-3 w-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
<path d="M15 8a3 3 0 10-2.977-2.63l-4.94 2.47a3 3 0 100 4.319l4.94 2.47a3 3 0 10.895-1.789l-4.94-2.47a3.027 3.027 0 000-.74l4.94-2.47C13.456 7.68 14.19 8 15 8z"/>
</svg>
<span>1k</span>
</div>
</div>
</div>
</article>
<article class="pt-2">
<div class="font-title uppercase text-xs mb-1 text-magazin">Podržala oba kluba</div>
<a href="/magazin/showbiz/amra-dzeko-nakon-zeljeznicara-postala-clan-sarajeva-i-dalje-sam-u-ljubavi-s-bordo-bojom/220204123" class="hover:text-gray-600">
<h2 class="text-tiny lg:text-base leading-tight">Amra Džeko nakon Željezničara postala član Sarajeva: I dalje sam u ljubavi s bordo bojom</h2>
</a>
<div class="flex-grow-0 mt-auto align-text-bottom pt-1 md:pt-2">
<div class="flex justify-between items-center mt-0 text-sm text-gray-400 md:text-gray-400">
<div class="flex text-center space-x-2 divide-x divide-gray-200 items-center text-center">
<div class="text-center">1 sat</div>
</div>
<div class="text-right text-sm uppercase flex flex-row items-center space-x-1">
<svg class="inline h-3 w-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
<path d="M2 5a2 2 0 012-2h7a2 2 0 012 2v4a2 2 0 01-2 2H9l-3 3v-3H4a2 2 0 01-2-2V5z"/>
<path d="M15 7v2a4 4 0 01-4 4H9.828l-1.766 1.767c.28.149.599.233.938.233h2l3 3v-3h2a2 2 0 002-2V9a2 2 0 00-2-2h-1z"/>
</svg>
<span>64</span>
<svg class="ml-3 inline h-3 w-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
<path d="M15 8a3 3 0 10-2.977-2.63l-4.94 2.47a3 3 0 100 4.319l4.94 2.47a3 3 0 10.895-1.789l-4.94-2.47a3.027 3.027 0 000-.74l4.94-2.47C13.456 7.68 14.19 8 15 8z"/>
</svg>
<span>240</span>
</div>
</div>
</div>
</article>
<article class="pt-2">
<div class="font-title uppercase text-xs mb-1 text-vijesti">Klix.ba</div>
<a href="/vijesti/bih/otkrivamo-cinjenice-o-komentarima-citatelja-evo-kako-pobjedjujemo-govor-mrznje/220202195" class="hover:text-gray-600">
<h2 class="text-tiny lg:text-base leading-tight">Otkrivamo činjenice o komentarima čitatelja: Evo kako pobjeđujemo govor mržnje</h2>
</a>
<div class="flex-grow-0 mt-auto align-text-bottom pt-1 md:pt-2">
<div class="flex justify-between items-center mt-0 text-sm text-gray-400 md:text-gray-400">
<div class="flex text-center space-x-2 divide-x divide-gray-200 items-center text-center">
<div class="text-center">6 sati</div>
</div>
<div class="text-right text-sm uppercase flex flex-row items-center space-x-1">
<svg class="inline h-3 w-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
<path d="M2 5a2 2 0 012-2h7a2 2 0 012 2v4a2 2 0 01-2 2H9l-3 3v-3H4a2 2 0 01-2-2V5z"/>
<path d="M15 7v2a4 4 0 01-4 4H9.828l-1.766 1.767c.28.149.599.233.938.233h2l3 3v-3h2a2 2 0 002-2V9a2 2 0 00-2-2h-1z"/>
</svg>
<span>441</span>
<svg class="ml-3 inline h-3 w-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
<path d="M15 8a3 3 0 10-2.977-2.63l-4.94 2.47a3 3 0 100 4.319l4.94 2.47a3 3 0 10.895-1.789l-4.94-2.47a3.027 3.027 0 000-.74l4.94-2.47C13.456 7.68 14.19 8 15 8z"/>
</svg>
<span>90</span>
</div>
</div>
</div>
</article>
<article class="pt-2">
<div class="font-title uppercase text-xs mb-1 text-sport">Neočekivana odluka</div>
<a href="/sport/kinezi-iznenadili-ukljucivanjem-ujgura-u-najvazniji-dio-ceremonije-otvaranja-igara/220204129" class="hover:text-gray-600">
<h2 class="text-tiny lg:text-base leading-tight">Kinezi iznenadili uključivanjem Ujgura u najvažniji dio ceremonije otvaranja Igara</h2>
</a>
<div class="flex-grow-0 mt-auto align-text-bottom pt-1 md:pt-2">
<div class="flex justify-between items-center mt-0 text-sm text-gray-400 md:text-gray-400">
<div class="flex text-center space-x-2 divide-x divide-gray-200 items-center text-center">
<div class="text-center">1 sat</div>
</div>
<div class="text-right text-sm uppercase flex flex-row items-center space-x-1">
<svg class="inline h-3 w-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
<path d="M2 5a2 2 0 012-2h7a2 2 0 012 2v4a2 2 0 01-2 2H9l-3 3v-3H4a2 2 0 01-2-2V5z"/>
<path d="M15 7v2a4 4 0 01-4 4H9.828l-1.766 1.767c.28.149.599.233.938.233h2l3 3v-3h2a2 2 0 002-2V9a2 2 0 00-2-2h-1z"/>
</svg>
<span>66</span>
<svg class="ml-3 inline h-3 w-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
<path d="M15 8a3 3 0 10-2.977-2.63l-4.94 2.47a3 3 0 100 4.319l4.94 2.47a3 3 0 10.895-1.789l-4.94-2.47a3.027 3.027 0 000-.74l4.94-2.47C13.456 7.68 14.19 8 15 8z"/>
</svg>
<span>46</span>
</div>
</div>
</div>
</article>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="myModal" class="hidden fixed z-10 inset-0 overflow-y-auto">
<div class="flex items-end justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0">
<div class="fixed inset-0 transition-opacity" aria-hidden="true">
<div class="absolute inset-0 bg-gray-500 opacity-75"></div>
</div>
<span class=" sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">​</span>
<div class="inline-block align-bottom bg-white rounded-lg px-4 pt-5 pb-4 text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-lg sm:w-full sm:p-6" role="dialog" aria-modal="true" aria-labelledby="modal-headline">
<form action="" onsubmit="return submitreport($(this));">
<input type="hidden" name="_token" value="nj4wPaYhol2kU7SuCFF2UHyQKrguCTacG5tCpPea">
<div>
<div class="mt-1 text-left sm:mt-1">
<h3 class="text-xl leading-6 font-medium text-gray-900 font-title" id="modal-headline">Navedite razlog zbog kojeg želite prijaviti ovaj komentar?
</h3>
<div class="mt-5 text-sm text-left flex flex-col space-y-2">
<div>
<input type="radio" name="razlog" id="r4" value="4">
<label for="r4">Govor mržnje</label>
</div>
<div>
<input type="radio" name="razlog" id="r7" value="7">
<label for="r7">Negiranje genocida</label>
</div>
<div>
<input type="radio" name="razlog" id="r5" value="5">
<label for="r5">Neprikladan rječnik</label>
</div>
<div>
<input type="radio" name="razlog" id="r6" value="6">
<label for="r6">Off topic</label>
</div>
<div>
<input type="radio" name="razlog" id="r2" value="2">
<label for="r2">Vrijeđanje</label>
</div>
<div>
<input type="radio" name="razlog" id="r1" value="1">
<label for="r1">Spam</label>
</div>
<div>
<input type="radio" name="razlog" id="r3" value="3">
<label for="r3">Reklama</label>
</div>
</div>
</div>
</div>
<div class="mt-5 sm:mt-6 sm:grid sm:grid-cols-2 sm:gap-3 sm:grid-flow-row-dense">
<button type="submit" class="w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-red-600 text-base font-medium text-white hover:bg-red-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500 sm:col-start-2 sm:text-sm">Prijavi komentar
</button>
<button type="button" class="close mt-3 w-full inline-flex justify-center rounded-md border border-gray-300 shadow-sm px-4 py-2 bg-white text-base font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:col-start-1 sm:text-sm">Odustani
</button>
</div>
<div class="mt-5 text-sm">
Ukoliko želite dopuniti vašu prijavu ili prijaviti određenog korisnika molimo da nas kontaktirate na poseban e-mail:
<a href="/cdn-cgi/l/email-protection#2b4044464e455f4a59426b4047425305494a">
<span class="__cf_email__" data-cfemail="c7aca8aaa2a9b3a6b5ae87acabaebfe9a5a6">[email  protected]</span>
</a>
.
</div>
</form>
</div>
</div>
</div>
<div id="myModal" class="hidden fixed z-10 inset-0 overflow-y-auto">
<div class="flex items-end justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0">
<div class="fixed inset-0 transition-opacity" aria-hidden="true">
<div class="absolute inset-0 bg-gray-500 opacity-75"></div>
</div>
<span class=" sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">​</span>
<div class="inline-block align-bottom bg-white rounded-lg px-4 pt-5 pb-4 text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-lg sm:w-full sm:p-6" role="dialog" aria-modal="true" aria-labelledby="modal-headline">
<form action="" onsubmit="return submitreport($(this));">
<input type="hidden" name="_token" value="nj4wPaYhol2kU7SuCFF2UHyQKrguCTacG5tCpPea">
<div>
<div class="mt-1 text-left sm:mt-1">
<h3 class="text-xl leading-6 font-medium text-gray-900 font-title" id="modal-headline">Navedite razlog zbog kojeg želite prijaviti ovaj komentar?
</h3>
<div class="mt-2 text-left flex flex-col space-y-1">
<div>
<input type="radio" name="razlog" id="r4" value="4">
<label for="r4">Govor mržnje</label>
</div>
<div>
<input type="radio" name="razlog" id="r5" value="5">
<label for="r5">Neprikladan rječnik</label>
</div>
<div>
<input type="radio" name="razlog" id="r6" value="6">
<label for="r6">Off topic</label>
</div>
<div>
<input type="radio" name="razlog" id="r2" value="2">
<label for="r2">Vrijeđanje</label>
</div>
<div>
<input type="radio" name="razlog" id="r1" value="1">
<label for="r1">Spam</label>
</div>
<div>
<input type="radio" name="razlog" id="r3" value="3">
<label for="r3">Reklama</label>
</div>
</div>
</div>
</div>
<div class="mt-5 sm:mt-6 sm:grid sm:grid-cols-2 sm:gap-3 sm:grid-flow-row-dense">
<button type="submit" class="w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-red-600 text-base font-medium text-white hover:bg-red-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500 sm:col-start-2 sm:text-sm">Prijavi komentar
</button>
<button type="button" class="close mt-3 w-full inline-flex justify-center rounded-md border border-gray-300 shadow-sm px-4 py-2 bg-white text-base font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:col-start-1 sm:text-sm">Odustani
</button>
</div>
</form>
</div>
</div>
</div>
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script type="text/javascript">
$.ajaxSetup({
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
}
});
$(document).on('click', '.loadmore', function() {
$(this).text('Učitavam...');
var btn = $(this);
$.ajax({
url: '/komentari',
type: 'POST',
data: {
url: btn.data('url')
},
success: function(response) {
if (response) {
//console.log(response);
btn.hide();
$(".comments_display").append(response);
} else {
alert("error");
}
}
});
});
$(document).on('click', '.loadmoreodgovori', function() {
$(this).hide();
$(this).siblings('.odgovorkom').show();
});
function IsJsonString(str) {
try {
JSON.parse(str);
} catch (e) {
return false;
}
return true;
}
var request;
function komentiraj($form) {
if (request) {
request.abort();
}
var $inputs = $form.find("input, select, button, textarea");
var serializedData = $form.serialize();
$inputs.prop("disabled", true);
request = $.ajax({
url: '/komentari/220204129',
type: "post",
data: serializedData
});
$($form).animate({
opacity: .4
});
request.done(function(response, textStatus, jqXHR, dataType) {
//console.log(response);
var data = response;
if (IsJsonString(data))
data = JSON.parse(response);
if (data["error"]) {
alert(data["error"]);
$($form).animate({
opacity: 1
});
} else {
$($form).each(function() {
$(this).find('textarea').val("");
});
if ($inputs.length == 4) {
$($form).before(response);
$($form).hide();
} else {
$($form).animate({
opacity: 1
});
$(".comments_display").prepend(response);
$(".comments_display").fadeIn();
}
}
});
request.fail(function(jqXHR, textStatus, errorThrown) {
console.error("The following error occurred: " + textStatus, errorThrown);
});
request.always(function() {
$inputs.prop("disabled", false);
});
return false;
}
/* Funkcije za komentare */
function vote(id, type) {
var params = {
sifra: '220204129',
type: type
};
if (!$(".vote_" + id + "_" + type).hasClass("opacity-40")) {
$(".vote_" + id + "_" + type).addClass("opacity-40");
var br = parseInt($(".vote_" + id + "_" + type + " span").html());
$(".vote_" + id + "_" + type + " span").html(br + 1);
$.post("https://api.klix.ba/v1/rate/" + id, params, function(response) {
console.log(response);
});
}
}
function openReplyBox(id) {
$(".replybox").hide();
$(".replybox.reply-" + id).show();
}
function showReplies(id) {
$(".komentarOdgovori[data-id=" + id + "] .komentar.hidden").removeClass("hidden");
$(".komentarOdgovori[data-id=" + id + "] .prikaziOstale").remove();
}
function showComment(id) {
$(".komentar[data-id=" + id + "] .sakriven").remove();
$(".komentar[data-id=" + id + "] .komMain, .komentar[data-id=" + id + "] .komentarFooter").removeClass("hidden");
}
var reportID;
function report(id) {
//alert("id: " + id);
reportID = id;
modal.style.display = "block";
}
function submitreport($form) {
var razlog = $('input[name=razlog]:checked', $form).val();
if (razlog == undefined)
alert("Molimo, odaberite razlog prijave.");
else {
$.post('/report', $.param({
komentar: reportID,
razlog: razlog
}), function(response) {
console.log("response" + response);
var response = JSON.parse(response);
if (response["success"]) {
modal.style.display = "none";
$('input[name=razlog]:checked', $form).prop('checked', false);
alert("Uspješno ste prijavili komentar. Hvala vam!");
}
});
}
return false;
}
var modal = document.getElementById('myModal');
var btn = document.getElementsByClassName("prijavi");
var span = document.getElementsByClassName("close")[0];
btn.onclick = function() {
modal.style.display = "block";
}
span.onclick = function() {
modal.style.display = "none";
}
window.onclick = function(event) {
if (event.target == modal) {
modal.style.display = "none";
reportID = null;
}
}
</script>
</div>
<footer class="bg-gray-100">
<div class="max-w-7xl mx-auto py-3 px-4 overflow-hidden sm:px-6 lg:px-8 lg:py-6">
<nav class="grid grid-cols-2 md:grid-cols-none md:flex md:items-center md:justify-center inline-block" aria-label="Footer">
<div class="px-4 py-2">
<a href="/" class="text-tiny md:text-tiny text-gray-500 hover:text-gray-900">Početna</a>
</div>
<div class="px-4 py-2">
<a href="/impressum" class="text-tiny md:text-base text-gray-500 hover:text-gray-900">Impressum
</a>
</div>
<div class="px-4 py-2">
<a href="/komentari" class="text-tiny md:text-base text-gray-500 hover:text-gray-900">Komentari
</a>
</div>
<div class="px-4 py-2">
<a href="/kontakt" class="text-tiny md:text-base text-gray-500 hover:text-gray-900">Kontakt
</a>
</div>
<div class="px-4 py-2">
<a href="/marketing" class="text-tiny md:text-base text-gray-500 hover:text-gray-900">Marketing
</a>
</div>
<div class="px-4 py-2">
<a href="/o-nama" class="text-tiny md:text-base text-gray-500 hover:text-gray-900">O nama
</a>
</div>
<div class="px-4 py-2">
<a href="/politika-privatnosti" class="text-tiny md:text-base text-gray-500 hover:text-gray-900">Privatnost
</a>
</div>
<div class="px-4 py-2">
<a href="/rss" class="text-tiny md:text-base text-gray-500 hover:text-gray-900">RSS</a>
</div>
</nav>
<div class="mt-8 flex justify-center items-center space-x-6 text-tiny">
<div class="hidden md:inline-block text-gray-500">Pratite nas </div>
<a href="https://www.facebook.com/Klix.ba" class="text-gray-400 hover:text-gray-700">
<span class="sr-only">Facebook</span>
<svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path fill-rule="evenodd" d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z" clip-rule="evenodd"/>
</svg>
</a>
<a href="https://twitter.com/klixba" class="text-gray-400 hover:text-gray-700">
<span class="sr-only">Twitter</span>
<svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path d="M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84"/>
</svg>
</a>
<a href="https://www.instagram.com/klixba/" class="text-gray-400 hover:text-gray-700">
<span class="sr-only">Instagram</span>
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="currentColor" width="24" height="24" viewBox="0 0 24 24">
<path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"/>
</svg>
</a>
<a href="https://www.youtube.com/user/xredakcija" class="text-gray-400 hover:text-gray-700">
<span class="sr-only">YouTube</span>
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="currentColor" width="24" height="24" viewBox="0 0 24 24">
<path d="M19.615 3.184c-3.604-.246-11.631-.245-15.23 0-3.897.266-4.356 2.62-4.385 8.816.029 6.185.484 8.549 4.385 8.816 3.6.245 11.626.246 15.23 0 3.897-.266 4.356-2.62 4.385-8.816-.029-6.185-.484-8.549-4.385-8.816zm-10.615 12.816v-8l8 3.993-8 4.007z"/>
</svg>
</a>
<a href="https://www.linkedin.com/company/klixba/" class="text-gray-400 hover:text-gray-700">
<span class="sr-only">YouTube</span>
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24">
<path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"/>
</svg>
</a>
</div>
<p class="mt-8 text-center text-xs md:text-sm text-gray-400">Copyright 2000-2021 InterSoft d.o.o. Sarajevo. ISSN 2566-3771. Sva prava zadržana. Zabranjeno preuzimanje sadržaja bez dozvole izdavača.
</p>
<p class="mt-8 text-center text-xs md:text-sm text-gray-400">
<a href="javascript:Didomi.preferences.show()">Consent choices</a>
</p>
</div>
</footer>
<div id='ads_outofpage'>
<script>
googletag.cmd.push(function() {
googletag.display('ads_outofpage');
});
</script>
</div>
<script type="text/javascript">
!function(t) {
var e = {};
function n(r) {
if (e[r])
return e[r].exports;
var i = e[r] = {
i: r,
l: !1,
exports: {}
};
return t[r].call(i.exports, i, i.exports, n),
i.l = !0,
i.exports
}
n.m = t,
n.c = e,
n.d = function(t, e, r) {
n.o(t, e) || Object.defineProperty(t, e, {
enumerable: !0,
get: r
})
}
,
n.r = function(t) {
"undefined" != typeof Symbol && Symbol.toStringTag && Object.defineProperty(t, Symbol.toStringTag, {
value: "Module"
}),
Object.defineProperty(t, "__esModule", {
value: !0
})
}
,
n.t = function(t, e) {
if (1 & e && (t = n(t)),
8 & e)
return t;
if (4 & e && "object" == typeof t && t && t.__esModule)
return t;
var r = Object.create(null);
if (n.r(r),
Object.defineProperty(r, "default", {
enumerable: !0,
value: t
}),
2 & e && "string" != typeof t)
for (var i in t)
n.d(r, i, function(e) {
return t[e]
}
.bind(null, i));
return r
}
,
n.n = function(t) {
var e = t && t.__esModule ? function() {
return t.default
}
: function() {
return t
}
;
return n.d(e, "a", e),
e
}
,
n.o = function(t, e) {
return Object.prototype.hasOwnProperty.call(t, e)
}
,
n.p = "/",
n(n.s = 2)
}({
2: function(t, e, n) {
t.exports = n("3Fk9")
},
"3Fk9": function(t, e, n) {
"use strict";
n.r(e);
n("s+lh"),
n("pcBj"),
n("v1EE"),
n("CS5W")
},
CS5W: function(t, e, n) {
var r, i, a;
!function(o, s) {
s = s.bind(null, o, o.document),
t.exports ? s(n("s+lh")) : (i = [n("s+lh")],
void 0 === (a = "function" == typeof (r = s) ? r.apply(e, i) : r) || (t.exports = a))
}(window, (function(t, e, n) {
"use strict";
var r, i, a = {};
function o(t, n, r) {
if (!a[t]) {
var i = e.createElement(n ? "link" : "script")
, o = e.getElementsByTagName("script")[0];
n ? (i.rel = "stylesheet",
i.href = t) : (i.onload = function() {
i.onerror = null,
i.onload = null,
r()
}
,
i.onerror = i.onload,
i.src = t),
a[t] = !0,
a[i.src || i.href] = !0,
o.parentNode.insertBefore(i, o)
}
}
e.addEventListener && (i = /\(|\)|\s|'/,
r = function(t, n) {
var r = e.createElement("img");
r.onload = function() {
r.onload = null,
r.onerror = null,
r = null,
n()
}
,
r.onerror = r.onload,
r.src = t,
r && r.complete && r.onload && r.onload()
}
,
addEventListener("lazybeforeunveil", (function(t) {
var e, a, s;
if (t.detail.instance == n && !t.defaultPrevented) {
var l = t.target;
if ("none" == l.preload && (l.preload = l.getAttribute("data-preload") || "auto"),
null != l.getAttribute("data-autoplay"))
if (l.getAttribute("data-expand") && !l.autoplay)
try {
l.play()
} catch (t) {}
else
requestAnimationFrame((function() {
l.setAttribute("data-expand", "-10"),
n.aC(l, n.cfg.lazyClass)
}
));
(e = l.getAttribute("data-link")) && o(e, !0),
(e = l.getAttribute("data-script")) && (t.detail.firesLoad = !0,
o(e, null, (function() {
t.detail.firesLoad = !1,
n.fire(l, "_lazyloaded", {}, !0, !0)
}
))),
(e = l.getAttribute("data-require")) && (n.cfg.requireJs ? n.cfg.requireJs([e]) : o(e)),
(a = l.getAttribute("data-bg")) && (t.detail.firesLoad = !0,
r(a, (function() {
l.style.backgroundImage = "url(" + (i.test(a) ? JSON.stringify(a) : a) + ")",
t.detail.firesLoad = !1,
n.fire(l, "_lazyloaded", {}, !0, !0)
}
))),
(s = l.getAttribute("data-poster")) && (t.detail.firesLoad = !0,
r(s, (function() {
l.poster = s,
t.detail.firesLoad = !1,
n.fire(l, "_lazyloaded", {}, !0, !0)
}
)))
}
}
), !1))
}
))
},
pcBj: function(t, e, n) {
var r, i, a;
!function(o, s) {
if (o) {
s = s.bind(null, o, o.document),
t.exports ? s(n("s+lh")) : (i = [n("s+lh")],
void 0 === (a = "function" == typeof (r = s) ? r.apply(e, i) : r) || (t.exports = a))
}
}("undefined" != typeof window ? window : 0, (function(t, e, n) {
"use strict";
var r, i, a, o, s, l, u, c, d, f, p, g, m, y, h, v, b = n.cfg, z = e.createElement("img"), A = "sizes"in z && "srcset"in z, E = /\s+\d+h/g, C = (i = /\s+(\d+)(w|h)\s+(\d+)(w|h)/,
a = Array.prototype.forEach,
function() {
var t = e.createElement("img")
, r = function(t) {
var e, n, r = t.getAttribute(b.srcsetAttr);
r && (n = r.match(i)) && ((e = "w" == n[2] ? n[1] / n[3] : n[3] / n[1]) && t.setAttribute("data-aspectratio", e),
t.setAttribute(b.srcsetAttr, r.replace(E, "")))
}
, o = function(t) {
if (t.detail.instance == n) {
var e = t.target.parentNode;
e && "PICTURE" == e.nodeName && a.call(e.getElementsByTagName("source"), r),
r(t.target)
}
}
, s = function() {
t.currentSrc && e.removeEventListener("lazybeforeunveil", o)
};
e.addEventListener("lazybeforeunveil", o),
t.onload = s,
t.onerror = s,
t.srcset = "data:,a 1w 1h",
t.complete && s()
}
);
(b.supportsType || (b.supportsType = function(t) {
return !t
}
),
t.HTMLPictureElement && A) ? !n.hasHDescriptorFix && e.msElementsFromPoint && (n.hasHDescriptorFix = !0,
C()) : t.picturefill || b.pf || (b.pf = function(e) {
var n, i;
if (!t.picturefill)
for (n = 0,
i = e.elements.length; n < i; n++)
r(e.elements[n])
}
,
c = function(t, e) {
return t.w - e.w
}
,
d = /^\s*\d+\.*\d*px\s*$/,
s = /(([^,\s].[^\s]+)\s+(\d+)w)/g,
l = /\s/,
u = function(t, e, n, r) {
o.push({
c: e,
u: n,
w: 1 * r
})
}
,
p = function() {
var t, n, i;
p.init || (p.init = !0,
addEventListener("resize", (n = e.getElementsByClassName("lazymatchmedia"),
i = function() {
var t, e;
for (t = 0,
e = n.length; t < e; t++)
r(n[t])
}
,
function() {
clearTimeout(t),
t = setTimeout(i, 66)
}
)))
}
,
g = function(e, r) {
var i, a = e.getAttribute("srcset") || e.getAttribute(b.srcsetAttr);
!a && r && (a = e._lazypolyfill ? e._lazypolyfill._set : e.getAttribute(b.srcAttr) || e.getAttribute("src")),
e._lazypolyfill && e._lazypolyfill._set == a || (i = f(a || ""),
r && e.parentNode && (i.isPicture = "PICTURE" == e.parentNode.nodeName.toUpperCase(),
i.isPicture && t.matchMedia && (n.aC(e, "lazymatchmedia"),
p())),
i._set = a,
Object.defineProperty(e, "_lazypolyfill", {
value: i,
writable: !0
}))
}
,
m = function(e) {
return t.matchMedia ? (m = function(t) {
return !t || (matchMedia(t) || {}).matches
}
)(e) : !e
}
,
y = function(e) {
var r, i, a, o, s, l, u;
if (g(o = e, !0),
(s = o._lazypolyfill).isPicture)
for (i = 0,
a = (r = e.parentNode.getElementsByTagName("source")).length; i < a; i++)
if (b.supportsType(r[i].getAttribute("type"), e) && m(r[i].getAttribute("media"))) {
o = r[i],
g(o),
s = o._lazypolyfill;
break
}
return s.length > 1 ? (u = o.getAttribute("sizes") || "",
u = d.test(u) && parseInt(u, 10) || n.gW(e, e.parentNode),
s.d = function(e) {
var r = t.devicePixelRatio || 1
, i = n.getX && n.getX(e);
return Math.min(i || r, 2.5, r)
}(e),
!s.src || !s.w || s.w < u ? (s.w = u,
l = function(t) {
for (var e, n, r = t.length, i = t[r - 1], a = 0; a < r; a++)
if ((i = t[a]).d = i.w / t.w,
i.d >= t.d) {
!i.cached && (e = t[a - 1]) && e.d > t.d - .13 * Math.pow(t.d, 2.2) && (n = Math.pow(e.d - .6, 1.6),
e.cached && (e.d += .15 * n),
e.d + (i.d - t.d) * n > t.d && (i = e));
break
}
return i
}(s.sort(c)),
s.src = l) : l = s.src) : l = s[0],
l
}
,
(h = function(t) {
if (!A || !t.parentNode || "PICTURE" == t.parentNode.nodeName.toUpperCase()) {
var e = y(t);
e && e.u && t._lazypolyfill.cur != e.u && (t._lazypolyfill.cur = e.u,
e.cached = !0,
t.setAttribute(b.srcAttr, e.u),
t.setAttribute("src", e.u))
}
}
).parse = f = function(t) {
return o = [],
(t = t.trim()).replace(E, "").replace(s, u),
o.length || !t || l.test(t) || o.push({
c: t,
u: t,
w: 99
}),
o
}
,
r = h,
b.loadedClass && b.loadingClass && (v = [],
['img[sizes$="px"][srcset].', "picture > img:not([srcset])."].forEach((function(t) {
v.push(t + b.loadedClass),
v.push(t + b.loadingClass)
}
)),
b.pf({
elements: e.querySelectorAll(v.join(", "))
})))
}
))
},
"s+lh": function(t, e, n) {
!function(e, n) {
var r = function(t, e, n) {
"use strict";
var r, i;
if (function() {
var e, n = {
lazyClass: "lazyload",
loadedClass: "lazyloaded",
loadingClass: "lazyloading",
preloadClass: "lazypreload",
errorClass: "lazyerror",
autosizesClass: "lazyautosizes",
fastLoadedClass: "ls-is-cached",
iframeLoadMode: 0,
srcAttr: "data-src",
srcsetAttr: "data-srcset",
sizesAttr: "data-sizes",
minSize: 40,
customMedia: {},
init: !0,
expFactor: 1.5,
hFac: .8,
loadMode: 2,
loadHidden: !0,
ricTimeout: 0,
throttleDelay: 125
};
for (e in i = t.lazySizesConfig || t.lazysizesConfig || {},
n)
e in i || (i[e] = n[e])
}(),
!e || !e.getElementsByClassName)
return {
init: function() {},
cfg: i,
noSupport: !0
};
var a = e.documentElement
, o = t.HTMLPictureElement
, s = t.addEventListener.bind(t)
, l = t.setTimeout
, u = t.requestAnimationFrame || l
, c = t.requestIdleCallback
, d = /^picture$/i
, f = ["load", "error", "lazyincluded", "_lazyloaded"]
, p = {}
, g = Array.prototype.forEach
, m = function(t, e) {
return p[e] || (p[e] = new RegExp("(\\s|^)" + e + "(\\s|$)")),
p[e].test(t.getAttribute("class") || "") && p[e]
}
, y = function(t, e) {
m(t, e) || t.setAttribute("class", (t.getAttribute("class") || "").trim() + " " + e)
}
, h = function(t, e) {
var n;
(n = m(t, e)) && t.setAttribute("class", (t.getAttribute("class") || "").replace(n, " "))
}
, v = function(t, e, n) {
var r = n ? "addEventListener" : "removeEventListener";
n && v(t, e),
f.forEach((function(n) {
t[r](n, e)
}
))
}
, b = function(t, n, i, a, o) {
var s = e.createEvent("Event");
return i || (i = {}),
i.instance = r,
s.initEvent(n, !a, !o),
s.detail = i,
t.dispatchEvent(s),
s
}
, z = function(e, n) {
var r;
!o && (r = t.picturefill || i.pf) ? (n && n.src && !e.getAttribute("srcset") && e.setAttribute("srcset", n.src),
r({
reevaluate: !0,
elements: [e]
})) : n && n.src && (e.src = n.src)
}
, A = function(t, e) {
return (getComputedStyle(t, null) || {})[e]
}
, E = function(t, e, n) {
for (n = n || t.offsetWidth; n < i.minSize && e && !t._lazysizesWidth; )
n = e.offsetWidth,
e = e.parentNode;
return n
}
, C = (pt = [],
gt = [],
mt = pt,
yt = function() {
var t = mt;
for (mt = pt.length ? gt : pt,
dt = !0,
ft = !1; t.length; )
t.shift()();
dt = !1
}
,
ht = function(t, n) {
dt && !n ? t.apply(this, arguments) : (mt.push(t),
ft || (ft = !0,
(e.hidden ? l : u)(yt)))
}
,
ht._lsFlush = yt,
ht)
, w = function(t, e) {
return e ? function() {
C(t)
}
: function() {
var e = this
, n = arguments;
C((function() {
t.apply(e, n)
}
))
}
}
, _ = function(t) {
var e, r, i = function() {
e = null,
t()
}, a = function() {
var t = n.now() - r;
t < 99 ? l(a, 99 - t) : (c || i)(i)
};
return function() {
r = n.now(),
e || (e = l(a, 99))
}
}
, N = (U = /^img$/i,
J = /^iframe$/i,
Q = "onscroll"in t && !/(gle|ing)bot/.test(navigator.userAgent),
X = 0,
G = 0,
K = -1,
V = function(t) {
G--,
(!t || G < 0 || !t.target) && (G = 0)
}
,
Y = function(t) {
return null == D && (D = "hidden" == A(e.body, "visibility")),
D || !("hidden" == A(t.parentNode, "visibility") && "hidden" == A(t, "visibility"))
}
,
Z = function(t, n) {
var r, i = t, o = Y(t);
for (I -= n,
$ += n,
q -= n,
H += n; o && (i = i.offsetParent) && i != e.body && i != a; )
(o = (A(i, "opacity") || 1) > 0) && "visible" != A(i, "overflow") && (r = i.getBoundingClientRect(),
o = H > r.left && q < r.right && $ > r.top - 1 && I < r.bottom + 1);
return o
}
,
tt = function() {
var t, n, o, s, l, u, c, d, f, p, g, m, y = r.elements;
if ((j = i.loadMode) && G < 8 && (t = y.length)) {
for (n = 0,
K++; n < t; n++)
if (y[n] && !y[n]._lazyRace)
if (!Q || r.prematureUnveil && r.prematureUnveil(y[n]))
st(y[n]);
else if ((d = y[n].getAttribute("data-expand")) && (u = 1 * d) || (u = X),
p || (p = !i.expand || i.expand < 1 ? a.clientHeight > 500 && a.clientWidth > 500 ? 500 : 370 : i.expand,
r._defEx = p,
g = p * i.expFactor,
m = i.hFac,
D = null,
X < g && G < 1 && K > 2 && j > 2 && !e.hidden ? (X = g,
K = 0) : X = j > 1 && K > 1 && G < 6 ? p : 0),
f !== u && (R = innerWidth + u * m,
k = innerHeight + u,
c = -1 * u,
f = u),
o = y[n].getBoundingClientRect(),
($ = o.bottom) >= c && (I = o.top) <= k && (H = o.right) >= c * m && (q = o.left) <= R && ($ || H || q || I) && (i.loadHidden || Y(y[n])) && (B && G < 3 && !d && (j < 3 || K < 4) || Z(y[n], u))) {
if (st(y[n]),
l = !0,
G > 9)
break
} else
!l && B && !s && G < 4 && K < 4 && j > 2 && (F[0] || i.preloadAfterLoad) && (F[0] || !d && ($ || H || q || I || "auto" != y[n].getAttribute(i.sizesAttr))) && (s = F[0] || y[n]);
s && !l && st(s)
}
}
,
et = function(t) {
var e, r = 0, a = i.throttleDelay, o = i.ricTimeout, s = function() {
e = !1,
r = n.now(),
t()
}, u = c && o > 49 ? function() {
c(s, {
timeout: o
}),
o !== i.ricTimeout && (o = i.ricTimeout)
}
: w((function() {
l(s)
}
), !0);
return function(t) {
var i;
(t = !0 === t) && (o = 33),
e || (e = !0,
(i = a - (n.now() - r)) < 0 && (i = 0),
t || i < 9 ? u() : l(u, i))
}
}(tt),
nt = function(t) {
var e = t.target;
e._lazyCache ? delete e._lazyCache : (V(t),
y(e, i.loadedClass),
h(e, i.loadingClass),
v(e, it),
b(e, "lazyloaded"))
}
,
rt = w(nt),
it = function(t) {
rt({
target: t.target
})
}
,
at = function(t) {
var e, n = t.getAttribute(i.srcsetAttr);
(e = i.customMedia[t.getAttribute("data-media") || t.getAttribute("media")]) && t.setAttribute("media", e),
n && t.setAttribute("srcset", n)
}
,
ot = w((function(t, e, n, r, a) {
var o, s, u, c, f, p;
(f = b(t, "lazybeforeunveil", e)).defaultPrevented || (r && (n ? y(t, i.autosizesClass) : t.setAttribute("sizes", r)),
s = t.getAttribute(i.srcsetAttr),
o = t.getAttribute(i.srcAttr),
a && (c = (u = t.parentNode) && d.test(u.nodeName || "")),
p = e.firesLoad || "src"in t && (s || o || c),
f = {
target: t
},
y(t, i.loadingClass),
p && (clearTimeout(W),
W = l(V, 2500),
v(t, it, !0)),
c && g.call(u.getElementsByTagName("source"), at),
s ? t.setAttribute("srcset", s) : o && !c && (J.test(t.nodeName) ? function(t, e) {
var n = t.getAttribute("data-load-mode") || i.iframeLoadMode;
0 == n ? t.contentWindow.location.replace(e) : 1 == n && (t.src = e)
}(t, o) : t.src = o),
a && (s || c) && z(t, {
src: o
})),
t._lazyRace && delete t._lazyRace,
h(t, i.lazyClass),
C((function() {
var e = t.complete && t.naturalWidth > 1;
p && !e || (e && y(t, i.fastLoadedClass),
nt(f),
t._lazyCache = !0,
l((function() {
"_lazyCache"in t && delete t._lazyCache
}
), 9)),
"lazy" == t.loading && G--
}
), !0)
}
)),
st = function(t) {
if (!t._lazyRace) {
var e, n = U.test(t.nodeName), r = n && (t.getAttribute(i.sizesAttr) || t.getAttribute("sizes")), a = "auto" == r;
(!a && B || !n || !t.getAttribute("src") && !t.srcset || t.complete || m(t, i.errorClass) || !m(t, i.lazyClass)) && (e = b(t, "lazyunveilread").detail,
a && L.updateElem(t, !0, t.offsetWidth),
t._lazyRace = !0,
G++,
ot(t, e, a, r, n))
}
}
,
lt = _((function() {
i.loadMode = 3,
et()
}
)),
ut = function() {
3 == i.loadMode && (i.loadMode = 2),
lt()
}
,
ct = function() {
B || (n.now() - O < 999 ? l(ct, 999) : (B = !0,
i.loadMode = 3,
et(),
s("scroll", ut, !0)))
}
,
{
_: function() {
O = n.now(),
r.elements = e.getElementsByClassName(i.lazyClass),
F = e.getElementsByClassName(i.lazyClass + " " + i.preloadClass),
s("scroll", et, !0),
s("resize", et, !0),
s("pageshow", (function(t) {
if (t.persisted) {
var n = e.querySelectorAll("." + i.loadingClass);
n.length && n.forEach && u((function() {
n.forEach((function(t) {
t.complete && st(t)
}
))
}
))
}
}
)),
t.MutationObserver ? new MutationObserver(et).observe(a, {
childList: !0,
subtree: !0,
attributes: !0
}) : (a.addEventListener("DOMNodeInserted", et, !0),
a.addEventListener("DOMAttrModified", et, !0),
setInterval(et, 999)),
s("hashchange", et, !0),
["focus", "mouseover", "click", "load", "transitionend", "animationend"].forEach((function(t) {
e.addEventListener(t, et, !0)
}
)),
/d$|^c/.test(e.readyState) ? ct() : (s("load", ct),
e.addEventListener("DOMContentLoaded", et),
l(ct, 2e4)),
r.elements.length ? (tt(),
C._lsFlush()) : et()
},
checkElems: et,
unveil: st,
_aLSL: ut
})
, L = (P = w((function(t, e, n, r) {
var i, a, o;
if (t._lazysizesWidth = r,
r += "px",
t.setAttribute("sizes", r),
d.test(e.nodeName || ""))
for (a = 0,
o = (i = e.getElementsByTagName("source")).length; a < o; a++)
i[a].setAttribute("sizes", r);
n.detail.dataAttr || z(t, n.detail)
}
)),
S = function(t, e, n) {
var r, i = t.parentNode;
i && (n = E(t, i, n),
(r = b(t, "lazybeforesizes", {
width: n,
dataAttr: !!e
})).defaultPrevented || (n = r.detail.width) && n !== t._lazysizesWidth && P(t, i, r, n))
}
,
T = _((function() {
var t, e = x.length;
if (e)
for (t = 0; t < e; t++)
S(x[t])
}
)),
{
_: function() {
x = e.getElementsByClassName(i.autosizesClass),
s("resize", T)
},
checkElems: T,
updateElem: S
})
, M = function() {
!M.i && e.getElementsByClassName && (M.i = !0,
L._(),
N._())
};
var x, P, S, T;
var F, B, W, j, O, R, k, I, q, H, $, D, U, J, Q, X, G, K, V, Y, Z, tt, et, nt, rt, it, at, ot, st, lt, ut, ct;
var dt, ft, pt, gt, mt, yt, ht;
return l((function() {
i.init && M()
}
)),
r = {
cfg: i,
autoSizer: L,
loader: N,
init: M,
uP: z,
aC: y,
rC: h,
hC: m,
fire: b,
gW: E,
rAF: C
}
}(e, e.document, Date);
e.lazySizes = r,
t.exports && (t.exports = r)
}("undefined" != typeof window ? window : {})
},
v1EE: function(t, e, n) {
var r, i, a;
!function(o, s) {
if (o) {
s = s.bind(null, o, o.document),
t.exports ? s(n("s+lh")) : (i = [n("s+lh")],
void 0 === (a = "function" == typeof (r = s) ? r.apply(e, i) : r) || (t.exports = a))
}
}("undefined" != typeof window ? window : 0, (function(t, e, n) {
"use strict";
if (t.addEventListener) {
var r = /\s+(\d+)(w|h)\s+(\d+)(w|h)/
, i = /parent-fit["']*\s*:\s*["']*(contain|cover|width)/
, a = /parent-container["']*\s*:\s*["']*(.+?)(?=(\s|$|,|'|"|;))/
, o = /^picture$/i
, s = n.cfg
, l = {
getParent: function(e, n) {
var r = e
, i = e.parentNode;
return n && "prev" != n || !i || !o.test(i.nodeName || "") || (i = i.parentNode),
"self" != n && (r = "prev" == n ? e.previousElementSibling : n && (i.closest || t.jQuery) && (i.closest ? i.closest(n) : jQuery(i).closest(n)[0]) || i),
r
},
getFit: function(t) {
var e, n, r = getComputedStyle(t, null) || {}, o = r.content || r.fontFamily, s = {
fit: t._lazysizesParentFit || t.getAttribute("data-parent-fit")
};
return !s.fit && o && (e = o.match(i)) && (s.fit = e[1]),
s.fit ? (!(n = t._lazysizesParentContainer || t.getAttribute("data-parent-container")) && o && (e = o.match(a)) && (n = e[1]),
s.parent = l.getParent(t, n)) : s.fit = r.objectFit,
s
},
getImageRatio: function(e) {
var n, i, a, l, u, c, d, f = e.parentNode, p = f && o.test(f.nodeName || "") ? f.querySelectorAll("source, img") : [e];
for (n = 0; n < p.length; n++)
if (i = (e = p[n]).getAttribute(s.srcsetAttr) || e.getAttribute("srcset") || e.getAttribute("data-pfsrcset") || e.getAttribute("data-risrcset") || "",
a = e._lsMedia || e.getAttribute("media"),
a = s.customMedia[e.getAttribute("data-media") || a] || a,
i && (!a || (t.matchMedia && matchMedia(a) || {}).matches)) {
(l = parseFloat(e.getAttribute("data-aspectratio"))) || ((u = i.match(r)) ? "w" == u[2] ? (c = u[1],
d = u[3]) : (c = u[3],
d = u[1]) : (c = e.getAttribute("width"),
d = e.getAttribute("height")),
l = c / d);
break
}
return l
},
calculateSize: function(t, e) {
var n, r, i, a = this.getFit(t), o = a.fit, s = a.parent;
return "width" == o || ("contain" == o || "cover" == o) && (r = this.getImageRatio(t)) ? (s ? e = s.clientWidth : s = t,
i = e,
"width" == o ? i = e : (n = e / s.clientHeight) && ("cover" == o && n < r || "contain" == o && n > r) && (i = e * (r / n)),
i) : e
}
};
n.parentFit = l,
e.addEventListener("lazybeforesizes", (function(t) {
if (!t.defaultPrevented && t.detail.instance == n) {
var e = t.target;
t.detail.width = l.calculateSize(e, t.detail.width)
}
}
))
}
}
))
}
});
</script>
<script type="text/javascript">
lazySizes.init();
</script>
<script type="text/javascript">
function toggleNav() {
//var element = document.getElementById("sidebar");
document.getElementById("sidebar").classList.toggle("hidden");
document.getElementById("sidebar-open").classList.toggle("hidden");
document.getElementById("sidebar-close").classList.toggle("hidden");
window.scrollTo({
top: 0,
behavior: 'smooth'
});
}
function toggleSearch() {
//var element = document.getElementById("sidebar");
document.getElementById("search").classList.toggle("hidden");
document.getElementById("logo").classList.toggle("hidden");
//document.getElementById("nav_items").classList.toggle("hidden");
document.getElementById("user").classList.toggle("hidden");
document.getElementById("nav_items").classList.toggle("md:block");
document.getElementById("search-open").classList.toggle("hidden");
document.getElementById("search-close").classList.toggle("hidden");
}
</script>
<script type="text/javascript">
window._qevents = window._qevents || [];
(function() {
var elem = document.createElement('script');
elem.src = (document.location.protocol == "https:" ? "https://secure" : "http://edge") + ".quantserve.com/quant.js";
elem.async = true;
elem.type = "text/javascript";
var scpt = document.getElementsByTagName('script')[0];
scpt.parentNode.insertBefore(elem, scpt);
}
)();
window._qevents.push({
qacct: "p-jDNNJtk2-P6yn",
uid: "__INSERT_EMAIL_HERE__"
});
</script>
<noscript>
<div style="display:none;">
<img src="//pixel.quantserve.com/pixel/p-jDNNJtk2-P6yn.gif" border="0" height="1" width="1" alt="Quantcast"/>
</div>
</noscript>
<script src="//ap.lijit.com/www/sovrn_beacon_standalone/sovrn_standalone_beacon.js?iid=13499048" id="sBeacon"></script>
<script type="text/javascript">
window.NREUM || (NREUM = {});
NREUM.info = {
"beacon": "bam.nr-data.net",
"licenseKey": "7a33b0eb0e",
"applicationID": "442221064",
"transactionName": "Y1ZWN0FRDRVWWxZYC1ocdQBHWQwIGFMNXAFaR1URWg==",
"queueTime": 0,
"applicationTime": 93,
"atts": "TxFVQQlLHhs=",
"errorBeacon": "bam.nr-data.net",
"agent": ""
}
</script>
<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v652eace1692a40cfa3763df669d7439c1639079717194" integrity="sha512-Gi7xpJR8tSkrpF7aordPZQlW2DLtzUlZcumS8dMQjwDHEnw9I7ZLyiOj/6tZStRBGtGgN6ceN6cMH8z7etPGlw==" data-cf-beacon='{"rayId":"6d86564d39c4fc9d","token":"3c42cfaecf29448f8eb243f5be518558","version":"2021.12.0","si":100}' crossorigin="anonymous"></script>
</body>
</html>
Editor is loading...