Untitled

 avatar
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">
                                                        &uarr;<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">
                                                        &darr;<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">
                                                            &uarr;<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">
                                                            &darr;<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">
                                                            &uarr;<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">
                                                            &darr;<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">
                                                            &uarr;<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">
                                                            &darr;<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">
                                                            &uarr;<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">
                                                            &darr;<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">
                                                            &uarr;<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">
                                                            &darr;<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">
                                                            &uarr;<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">
                                                            &darr;<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">
                                                        &uarr;<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">
                                                        &darr;<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">
                                                            &uarr;<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">
                                                            &darr;<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">
                                                        &uarr;<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">
                                                        &darr;<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">
                                                        &uarr;<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">
                                                        &darr;<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">
                                                        &uarr;<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">
                                                        &darr;<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">
                                                        &uarr;<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">
                                                        &darr;<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">
                                                            &uarr;<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">
                                                            &darr;<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">
                                                        &uarr;<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">
                                                        &darr;<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">
                                                        &uarr;<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">
                                                        &darr;<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">
                                                        &uarr;<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">
                                                        &darr;<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">
                                                        &uarr;<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">
                                                        &darr;<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">
                                                        &uarr;<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">
                                                        &darr;<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">
                                                        &uarr;<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">
                                                        &darr;<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">
                                                        &uarr;<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">
                                                        &darr;<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">
                                                        &uarr;<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">
                                                        &darr;<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">
                                                        &uarr;<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">
                                                        &darr;<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">
                                                        &uarr;<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">
                                                        &darr;<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">
                                                        &uarr;<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">
                                                        &darr;<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">
                                                            &uarr;<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">
                                                            &darr;<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 &quot;logori &quot;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">
                                                            &uarr;<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">
                                                            &darr;<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">&#8203;</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 &#160;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">&#8203;</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...