{"id":1980,"date":"2025-08-15T13:03:11","date_gmt":"2025-08-15T11:03:11","guid":{"rendered":"https:\/\/gsl.rs\/?page_id=1980"},"modified":"2025-08-15T14:24:56","modified_gmt":"2025-08-15T12:24:56","slug":"%d0%bf%d0%b0%d1%80%d1%82%d0%bd%d0%b5%d1%80%d1%8b","status":"publish","type":"page","link":"https:\/\/www.gsl.rs\/ru\/%d0%bf%d0%b0%d1%80%d1%82%d0%bd%d0%b5%d1%80%d1%8b\/","title":{"rendered":"\u041f\u0430\u0440\u0442\u043d\u0435\u0440\u044b"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"1980\" class=\"elementor elementor-1980\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e550afa e-flex e-con-boxed e-con e-parent\" data-id=\"e550afa\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-396928a elementor-widget elementor-widget-html\" data-id=\"396928a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"sr\">\r\n<head>\r\n  <meta charset=\"UTF-8\" \/>\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" \/>\r\n  <title>GSL DOO \u2013 \u041f\u0430\u0440\u0442\u043d\u0435\u0440\u044b<\/title>\r\n  <style>\r\n    \/* Globalne promenljive za konzistentnost sa prethodnim dizajnom *\/\r\n    :root {\r\n      --brand: #2e7cff;\r\n      --brand-2: #1a92d1;\r\n      --bg: #f7f9fc;\r\n      --bg-soft: #ffffff;\r\n      --text: #1b2a3a;\r\n      --muted: #5c6f82;\r\n      --ok: #2fbf71;\r\n      --warn: #ffae42;\r\n      --danger: #ff6b6b;\r\n      --radius: 18px;\r\n      --shadow: 0 10px 30px rgba(15, 39, 74, .10);\r\n      --shadow-soft: 0 8px 24px rgba(15, 39, 74, .08);\r\n      --border: 1px solid rgba(15, 39, 74, .10);\r\n      --maxw: 1180px;\r\n    }\r\n\r\n    \/* Osnovni reset i tipografija *\/\r\n    * { box-sizing: border-box }\r\n    html, body {\r\n      margin: 0;\r\n      color: var(--text);\r\n      font: 16px\/1.6 \"Inter\", \"Segoe UI\", Roboto, system-ui, -apple-system, sans-serif;\r\n      background: var(--bg);\r\n      overflow-x: hidden;\r\n    }\r\n    img { max-width: 100%; display: block }\r\n    a { color: inherit; text-decoration: none }\r\n\r\n    \/* Kontejner i sekcija *\/\r\n    .container { max-width: var(--maxw); margin: 0 auto; padding: clamp(16px, 2.5vw, 28px) }\r\n    .section { padding: clamp(32px, 5vw, 72px) 0 }\r\n    .eyebrow { letter-spacing: .12em; text-transform: uppercase; font-weight: 700; font-size: clamp(1.5rem, 3vw, 2rem); color: #ffffff; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3) }\r\n    .title { font-size: clamp(28px, 4vw, 46px); line-height: 1.2; margin: 8px 0 18px }\r\n    .lead { font-size: clamp(16px, 1.65vw, 20px); color: var(--muted); max-width: 800px; margin: 0 auto }\r\n    .subtitle { font-size: clamp(20px, 2.5vw, 24px); margin: 24px 0 16px; font-weight: 600; color: var(--text) }\r\n\r\n    \/* Particles animacija *\/\r\n    #particles-js {\r\n      position: absolute;\r\n      top: 0;\r\n      left: 50%; \/* Centriranje za celu \u0161irinu *\/\r\n      transform: translateX(-50%); \/* Pomeranje ulevo za punu \u0161irinu *\/\r\n      width: 100vw; \/* Cela \u0161irina stranice *\/\r\n      height: 300px; \/* Pove\u0107ana visina *\/\r\n      background: #0e70a1;\r\n      z-index: 1; \/* Iznad pozadine, ispod sadr\u017eaja *\/\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n    }\r\n\r\n    \/* Tekst unutar particles animacije *\/\r\n    #particles-js .eyebrow {\r\n      position: absolute;\r\n      top: 70%;\r\n      transform: translateY(-50%);\r\n    }\r\n\r\n    \/* Spacer sa prostorom za header *\/\r\n    .particles-spacer {\r\n      height: 320px; \/* Ista visina kao #particles-js *\/\r\n      margin-top: 60px; \/* Pretpostavljena visina header-a, prilago\u0111ena za spu\u0161tanje *\/\r\n    }\r\n\r\n    \/* Partneri sekcija *\/\r\n    #partneri {\r\n      text-align: center;\r\n      background: var(--bg-soft);\r\n      position: relative;\r\n      z-index: 2; \/* Iznad particles animacije *\/\r\n    }\r\n    #partneri .partners-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\r\n      gap: clamp(16px, 2vw, 24px);\r\n      max-width: 1000px;\r\n      margin: 32px auto 0;\r\n      padding: 0 clamp(16px, 2vw, 24px);\r\n    }\r\n    #partneri .partner {\r\n      background: var(--bg-soft);\r\n      border: var(--border);\r\n      border-radius: var(--radius);\r\n      padding: 20px;\r\n      box-shadow: var(--shadow-soft);\r\n      transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n      opacity: 0;\r\n      transform: translateY(20px);\r\n      animation: fadeInUp 0.6s ease forwards;\r\n    }\r\n    #partneri .partner img {\r\n      max-width: 100%;\r\n      height: auto;\r\n      filter: grayscale(100%);\r\n      transition: filter 0.3s ease, transform 0.3s ease;\r\n    }\r\n    #partneri .partner:hover {\r\n      transform: translateY(-4px);\r\n      box-shadow: var(--shadow);\r\n    }\r\n    #partneri .partner:hover img {\r\n      filter: grayscale(0%);\r\n      transform: scale(1.05);\r\n    }\r\n    \/* Nova klasa za zadr\u017eavanje boje i fade out *\/\r\n    #partneri .partner.hovered img {\r\n      filter: grayscale(0%);\r\n      animation: fadeOutGrayscale 0.2s ease forwards 0.5s; \/* Fade out nakon 1s *\/\r\n    }\r\n\r\n    \/* Fade out animacija za grayscale *\/\r\n    @keyframes fadeOutGrayscale {\r\n      to {\r\n        filter: grayscale(100%);\r\n      }\r\n    }\r\n\r\n    \/* Staggered animacija za ulazak *\/\r\n    #partneri .partner:nth-child(1) { animation-delay: 0.1s; }\r\n    #partneri .partner:nth-child(2) { animation-delay: 0.2s; }\r\n    #partneri .partner:nth-child(3) { animation-delay: 0.3s; }\r\n    #partneri .partner:nth-child(4) { animation-delay: 0.4s; }\r\n    #partneri .partner:nth-child(5) { animation-delay: 0.5s; }\r\n    #partneri .partner:nth-child(6) { animation-delay: 0.6s; }\r\n    #partneri .partner:nth-child(7) { animation-delay: 0.7s; }\r\n    #partneri .partner:nth-child(8) { animation-delay: 0.8s; }\r\n    #partneri .partner:nth-child(9) { animation-delay: 0.9s; }\r\n    #partneri .partner:nth-child(10) { animation-delay: 1.0s; }\r\n    #partneri .partner:nth-child(11) { animation-delay: 1.1s; }\r\n    #partneri .partner:nth-child(12) { animation-delay: 1.2s; }\r\n    #partneri .partner:nth-child(13) { animation-delay: 1.3s; }\r\n    #partneri .partner:nth-child(14) { animation-delay: 1.4s; }\r\n    #partneri .partner:nth-child(15) { animation-delay: 1.5s; }\r\n\r\n    @keyframes fadeInUp {\r\n      to {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n      }\r\n    }\r\n\r\n    \/* Responzivni dizajn *\/\r\n    @media (max-width: 768px) {\r\n      #particles-js {\r\n        height: 200px;\r\n      }\r\n      .particles-spacer {\r\n        height: 200px;\r\n        margin-top: 50px; \/* Manji margin za tablete *\/\r\n      }\r\n      #particles-js .eyebrow {\r\n        font-size: clamp(1.2rem, 2.5vw, 1.5rem);\r\n      }\r\n    }\r\n    @media (max-width: 480px) {\r\n      #particles-js {\r\n        height: 150px;\r\n      }\r\n      .particles-spacer {\r\n        height: 150px;\r\n        margin-top: 40px; \/* Jo\u0161 manji margin za mobilne *\/\r\n      }\r\n      #particles-js .eyebrow {\r\n        font-size: clamp(1rem, 2vw, 1.2rem);\r\n      }\r\n      #partneri .partners-grid {\r\n        grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\r\n      }\r\n      #partneri .partner {\r\n        padding: 10px;\r\n      }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n  <!-- Particles animacija sa tekstom -->\r\n  <div id=\"particles-js\">\r\n    <div class=\"eyebrow\">\u041d\u0430\u0448\u0438 \u043f\u0430\u0440\u0442\u043d\u0435\u0440\u044b<\/div>\r\n  <\/div>\r\n  <div class=\"particles-spacer\"><\/div>\r\n\r\n  <!-- Partneri sekcija -->\r\n  <section class=\"section\" id=\"partneri\">\r\n    <div class=\"container\">\r\n      <h2 class=\"title\">\u0421\u043e\u0442\u0440\u0443\u0434\u043d\u0438\u0447\u0435\u0441\u0442\u0432\u043e, \u043e\u0441\u043d\u043e\u0432\u0430\u043d\u043d\u043e\u0435 \u043d\u0430 \u0434\u043e\u0432\u0435\u0440\u0438\u0438 \u0438 \u0438\u043d\u043d\u043e\u0432\u0430\u0446\u0438\u044f\u0445<\/h2>\r\n      <p class=\"lead\">\r\n        \u041a\u043e\u043c\u043f\u0430\u043d\u0438\u044f GSL DOO \u0433\u043e\u0440\u0434\u0438\u0442\u0441\u044f \u0441\u043e\u0442\u0440\u0443\u0434\u043d\u0438\u0447\u0435\u0441\u0442\u0432\u043e\u043c \u0441 \u043c\u043d\u043e\u0433\u043e\u0447\u0438\u0441\u043b\u0435\u043d\u043d\u044b\u043c\u0438 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u044f\u043c\u0438, \u0443\u0447\u0440\u0435\u0436\u0434\u0435\u043d\u0438\u044f\u043c\u0438 \u0438 \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0446\u0438\u044f\u043c\u0438, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043f\u0440\u0438\u0437\u043d\u0430\u044e\u0442 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u043e, \u043d\u0430\u0434\u0435\u0436\u043d\u043e\u0441\u0442\u044c \u0438 \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u0443\u044e \u044d\u043a\u0441\u043f\u0435\u0440\u0442\u0438\u0437\u0443 \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u0438\u0437 \u043d\u0430\u0448\u0438\u0445 \u0440\u0435\u0448\u0435\u043d\u0438\u0439. \u041d\u0430\u0448\u0435 \u043f\u0430\u0440\u0442\u043d\u0435\u0440\u0441\u0442\u0432\u043e \u043e\u0441\u043d\u043e\u0432\u0430\u043d\u043e \u043d\u0430 \u0434\u043e\u0432\u0435\u0440\u0438\u0438, \u0434\u043e\u043b\u0433\u043e\u0441\u0440\u043e\u0447\u043d\u043e\u043c \u0441\u043e\u0442\u0440\u0443\u0434\u043d\u0438\u0447\u0435\u0441\u0442\u0432\u0435 \u0438 \u043e\u0431\u0449\u0435\u0439 \u043f\u0440\u0438\u0432\u0435\u0440\u0436\u0435\u043d\u043d\u043e\u0441\u0442\u0438 \u0438\u043d\u043d\u043e\u0432\u0430\u0446\u0438\u044f\u043c. <br><br>\r\n        \u0411\u043b\u0430\u0433\u043e\u0434\u0430\u0440\u044f \u044d\u0442\u043e\u043c\u0443 \u043f\u0430\u0440\u0442\u043d\u0451\u0440\u0441\u0442\u0432\u0443 \u043d\u0430\u0448\u0438 \u0441\u0438\u0441\u0442\u0435\u043c\u044b \u0438 \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u044b \u044f\u0432\u043b\u044f\u044e\u0442\u0441\u044f \u0447\u0430\u0441\u0442\u044c\u044e \u043c\u043d\u043e\u0436\u0435\u0441\u0442\u0432\u0430 \u0438\u043d\u0444\u0440\u0430\u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u043d\u044b\u0445, \u043f\u0440\u043e\u043c\u044b\u0448\u043b\u0435\u043d\u043d\u044b\u0445 \u0438 \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0447\u0435\u0441\u043a\u0438\u0445 \u0440\u0435\u0448\u0435\u043d\u0438\u0439 \u043f\u043e \u0432\u0441\u0435\u0439 \u0421\u0435\u0440\u0431\u0438\u0438. \u041a\u0430\u0436\u0434\u044b\u0439 \u043f\u0440\u043e\u0435\u043a\u0442 \u2014 \u044d\u0442\u043e \u0434\u043b\u044f \u043d\u0430\u0441 \u043d\u043e\u0432\u0430\u044f \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u0443\u043b\u0443\u0447\u0448\u0438\u0442\u044c \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u043e \u0436\u0438\u0437\u043d\u0438 \u0438 \u0440\u0430\u0431\u043e\u0442\u044b \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u0438\u043d\u043d\u043e\u0432\u0430\u0446\u0438\u043e\u043d\u043d\u044b\u0445 \u044d\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u043d\u044b\u0445 \u0441\u0438\u0441\u0442\u0435\u043c.\r\n      <\/p>\r\n\r\n      <h3 class=\"subtitle\">\u041c\u044b \u0445\u043e\u0442\u0438\u043c \u0432\u044b\u0434\u0435\u043b\u0438\u0442\u044c \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u0438\u0437 \u043d\u0430\u0448\u0438\u0445 \u043f\u0430\u0440\u0442\u043d\u0435\u0440\u043e\u0432:<\/h3>\r\n      <div class=\"partners-grid\">\r\n        <div class=\"partner\"><img decoding=\"async\" src=\"https:\/\/gsl.rs\/wp-content\/uploads\/2025\/04\/vik-novi-sad.png\" alt=\"\u0412\u043e\u0434\u043e\u0441\u043d\u0430\u0431\u0436\u0435\u043d\u0438\u0435 \u0438 \u043a\u0430\u043d\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f \u0432 \u041d\u043e\u0432\u0438-\u0421\u0430\u0434\u0435\"><\/div>\r\n        <div class=\"partner\"><img decoding=\"async\" src=\"https:\/\/gsl.rs\/wp-content\/uploads\/2025\/04\/vode_vojvodine_logo_150px.png\" alt=\"\u0412\u043e\u0434\u044b \u0412\u043e\u0435\u0432\u043e\u0434\u0438\u043d\u044b\"><\/div>\r\n        <div class=\"partner\"><img decoding=\"async\" src=\"https:\/\/gsl.rs\/wp-content\/uploads\/2025\/04\/gspns_logo_150px.png\" alt=\"GSP \u041d\u043e\u0432\u0438-\u0421\u0430\u0434\"><\/div>\r\n        <div class=\"partner\"><img decoding=\"async\" src=\"https:\/\/gsl.rs\/wp-content\/uploads\/2025\/04\/novosadska-toplana-logo.png\" alt=\"\u041d\u043e\u0432\u0438-\u0421\u0430\u0434\u0441\u043a\u0430\u044f \u043a\u043e\u0442\u0435\u043b\u044c\u043d\u0430\u044f\"><\/div>\r\n        <div class=\"partner\"><img decoding=\"async\" src=\"https:\/\/gsl.rs\/wp-content\/uploads\/2025\/08\/NIS_LOGO.png\" alt=\"\u041d\u0418\u0421\"><\/div>\r\n        <div class=\"partner\"><img decoding=\"async\" src=\"https:\/\/gsl.rs\/wp-content\/uploads\/2025\/08\/Continental_logo2.png\" alt=\"\u041a\u043e\u043d\u0442\u0438\u043d\u0435\u043d\u0442\u0430\u043b\u044c\u043d\u044b\u0439\"><\/div>\r\n        <div class=\"partner\"><img decoding=\"async\" src=\"https:\/\/gsl.rs\/wp-content\/uploads\/2025\/04\/Idvorsky_logo_150px.png\" alt=\"\u0418\u0434\u0432\u043e\u0440\u0441\u043a\u0438\u0439\"><\/div>\r\n        <div class=\"partner\"><img decoding=\"async\" src=\"https:\/\/gsl.rs\/wp-content\/uploads\/2025\/04\/OpenFyle_logo_150px.png\" alt=\"OpenFile\"><\/div>\r\n        <div class=\"partner\"><img decoding=\"async\" src=\"https:\/\/gsl.rs\/wp-content\/uploads\/2025\/04\/Yo1solution.png\" alt=\"\u0420\u0435\u0448\u0435\u043d\u0438\u0435 Yo1\"><\/div>\r\n        <div class=\"partner\"><img decoding=\"async\" src=\"https:\/\/gsl.rs\/wp-content\/uploads\/2025\/04\/Yo1Engineering.png\" alt=\"Yo1 \u0418\u043d\u0436\u0438\u043d\u0438\u0440\u0438\u043d\u0433\"><\/div>\r\n        <div class=\"partner\"><img decoding=\"async\" src=\"https:\/\/gsl.rs\/wp-content\/uploads\/2025\/04\/Enterprise_Europe_Network_Logo.png\" alt=\"\u0421\u0435\u0442\u044c Enterprise Europe\"><\/div>\r\n        <div class=\"partner\"><img decoding=\"async\" src=\"https:\/\/gsl.rs\/wp-content\/uploads\/2025\/04\/pyron_test.png\" alt=\"\u041f\u0438\u0440\u043e\u043d\"><\/div>\r\n        <div class=\"partner\"><img decoding=\"async\" src=\"https:\/\/gsl.rs\/wp-content\/uploads\/2025\/08\/Tehnolink_logo.png\" alt=\"\u0422\u0435\u0445\u043d\u043e\u043b\u0438\u043d\u043a\"><\/div>\r\n        <div class=\"partner\"><img decoding=\"async\" src=\"https:\/\/gsl.rs\/wp-content\/uploads\/2025\/08\/150xstrentex.png\" alt=\"\u0421\u0442\u0440\u0435\u043d\u0442\u0435\u043a\u0441\"><\/div>\r\n        <div class=\"partner\"><img decoding=\"async\" src=\"https:\/\/gsl.rs\/wp-content\/uploads\/2025\/04\/green_energy_logo_150px.png\" alt=\"\u0417\u0435\u043b\u0435\u043d\u0430\u044f \u044d\u043d\u0435\u0440\u0433\u0438\u044f\"><\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- U\u010ditavanje particles.js -->\r\n  <script src=\"https:\/\/cdn.jsdelivr.net\/particles.js\/2.0.0\/particles.min.js\"><\/script>\r\n  <script>\r\n    document.addEventListener(\"DOMContentLoaded\", () => {\r\n      \/\/ Inicijalizacija particles.js\r\n      particlesJS(\"particles-js\", {\r\n        \"particles\": {\r\n          \"number\": {\r\n            \"value\": 156,\r\n            \"density\": {\r\n              \"enable\": true,\r\n              \"value_area\": 685\r\n            }\r\n          },\r\n          \"color\": {\r\n            \"value\": \"#ffffff\"\r\n          },\r\n          \"shape\": {\r\n            \"type\": \"circle\",\r\n            \"stroke\": {\r\n              \"width\": 0,\r\n              \"color\": \"#000000\"\r\n            },\r\n            \"polygon\": {\r\n              \"nb_sides\": 5\r\n            },\r\n            \"image\": {\r\n              \"src\": \"img\/github.svg\",\r\n              \"width\": 100,\r\n              \"height\": 100\r\n            }\r\n          },\r\n          \"opacity\": {\r\n            \"value\": 0.5,\r\n            \"random\": false,\r\n            \"anim\": {\r\n              \"enable\": false,\r\n              \"speed\": 10,\r\n              \"opacity_min\": 0.1,\r\n              \"sync\": false\r\n            }\r\n          },\r\n          \"size\": {\r\n            \"value\": 3,\r\n            \"random\": true,\r\n            \"anim\": {\r\n              \"enable\": false,\r\n              \"speed\": 40,\r\n              \"size_min\": 0.1,\r\n              \"sync\": false\r\n            }\r\n          },\r\n          \"line_linked\": {\r\n            \"enable\": true,\r\n            \"distance\": 150,\r\n            \"color\": \"#ffffff\",\r\n            \"opacity\": 0.4,\r\n            \"width\": 1\r\n          },\r\n          \"move\": {\r\n            \"enable\": true,\r\n            \"speed\": 3.2,\r\n            \"direction\": \"none\",\r\n            \"random\": false,\r\n            \"straight\": false,\r\n            \"out_mode\": \"out\",\r\n            \"bounce\": false,\r\n            \"attract\": {\r\n              \"enable\": false,\r\n              \"rotateX\": 600,\r\n              \"rotateY\": 1200\r\n            }\r\n          }\r\n        },\r\n        \"interactivity\": {\r\n          \"detect_on\": \"canvas\",\r\n          \"events\": {\r\n            \"onhover\": {\r\n              \"enable\": true,\r\n              \"mode\": \"repulse\"\r\n            },\r\n            \"onclick\": {\r\n              \"enable\": true,\r\n              \"mode\": \"push\"\r\n            },\r\n            \"resize\": true\r\n          },\r\n          \"modes\": {\r\n            \"grab\": {\r\n              \"distance\": 400,\r\n              \"line_linked\": {\r\n                \"opacity\": 1\r\n              }\r\n            },\r\n            \"bubble\": {\r\n              \"distance\": 400,\r\n              \"size\": 40,\r\n              \"duration\": 2,\r\n              \"opacity\": 8,\r\n              \"speed\": 3\r\n            },\r\n            \"repulse\": {\r\n              \"distance\": 200,\r\n              \"duration\": 0.4\r\n            },\r\n            \"push\": {\r\n              \"particles_nb\": 4\r\n            },\r\n            \"remove\": {\r\n              \"particles_nb\": 2\r\n            }\r\n          }\r\n        },\r\n        \"retina_detect\": true\r\n      });\r\n\r\n      \/\/ Inicijalizacija animacija za partnere\r\n      const partners = document.querySelectorAll(\"#partneri .partner\");\r\n      partners.forEach(partner => {\r\n        partner.style.opacity = \"0\";\r\n        partner.style.transform = \"translateY(20px)\";\r\n      });\r\n\r\n      \/\/ Hover efekat sa zadr\u017eavanjem boje i fade out\r\n      partners.forEach(partner => {\r\n        partner.addEventListener(\"mouseenter\", () => {\r\n          const img = partner.querySelector(\"img\");\r\n          img.style.filter = \"grayscale(0%)\"; \/\/ Ukloni grayscale odmah\r\n          img.style.animation = \"none\"; \/\/ Zaustavi prethodnu animaciju\r\n          partner.classList.add(\"hovered\"); \/\/ Dodaj klasu za zadr\u017eavanje boje\r\n        });\r\n\r\n        partner.addEventListener(\"mouseleave\", () => {\r\n          const img = partner.querySelector(\"img\");\r\n          \/\/ Zadr\u017ei boju 1 sekund, zatim pokreni fade out\r\n          setTimeout(() => {\r\n            if (partner.classList.contains(\"hovered\")) {\r\n              img.style.animation = \"fadeOutGrayscale 1s ease forwards\";\r\n              partner.classList.remove(\"hovered\"); \/\/ Ukloni klasu nakon animacije\r\n            }\r\n          }, 1000); \/\/ Zadr\u017ei boju 1 sekund\r\n        });\r\n      });\r\n    });\r\n  <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>GSL DOO \u2014 \u041f\u0430\u0440\u0442\u043d\u0435\u0440\u044b \u041d\u0430\u0448\u0438 \u043f\u0430\u0440\u0442\u043d\u0435\u0440\u044b \u0421\u043e\u0442\u0440\u0443\u0434\u043d\u0438\u0447\u0435\u0441\u0442\u0432\u043e, \u043e\u0441\u043d\u043e\u0432\u0430\u043d\u043d\u043e\u0435 \u043d\u0430 \u0434\u043e\u0432\u0435\u0440\u0438\u0438 \u0438 \u0438\u043d\u043d\u043e\u0432\u0430\u0446\u0438\u044f\u0445. GSL DOO \u0433\u043e\u0440\u0434\u0438\u0442\u0441\u044f \u0441\u043e\u0442\u0440\u0443\u0434\u043d\u0438\u0447\u0435\u0441\u0442\u0432\u043e\u043c \u0441 \u043c\u043d\u043e\u0433\u043e\u0447\u0438\u0441\u043b\u0435\u043d\u043d\u044b\u043c\u0438 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u044f\u043c\u0438, \u0443\u0447\u0440\u0435\u0436\u0434\u0435\u043d\u0438\u044f\u043c\u0438 \u0438 \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0446\u0438\u044f\u043c\u0438, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043f\u0440\u0438\u0437\u043d\u0430\u044e\u0442 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u043e, \u043d\u0430\u0434\u0435\u0436\u043d\u043e\u0441\u0442\u044c \u0438 \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u0443\u044e \u043a\u043e\u043c\u043f\u0435\u0442\u0435\u043d\u0442\u043d\u043e\u0441\u0442\u044c \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u0438\u0437 \u043d\u0430\u0448\u0438\u0445 \u0440\u0435\u0448\u0435\u043d\u0438\u0439. \u041d\u0430\u0448\u0435 \u043f\u0430\u0440\u0442\u043d\u0435\u0440\u0441\u0442\u0432\u043e \u043e\u0441\u043d\u043e\u0432\u0430\u043d\u043e \u043d\u0430 \u0434\u043e\u0432\u0435\u0440\u0438\u0438, \u0434\u043e\u043b\u0433\u043e\u0441\u0440\u043e\u0447\u043d\u043e\u043c \u0441\u043e\u0442\u0440\u0443\u0434\u043d\u0438\u0447\u0435\u0441\u0442\u0432\u0435 \u0438 \u043e\u0431\u0449\u0435\u0439 \u043f\u0440\u0438\u0432\u0435\u0440\u0436\u0435\u043d\u043d\u043e\u0441\u0442\u0438 \u0438\u043d\u043d\u043e\u0432\u0430\u0446\u0438\u044f\u043c. \u0411\u043b\u0430\u0433\u043e\u0434\u0430\u0440\u044f \u044d\u0442\u043e\u043c\u0443 \u043f\u0430\u0440\u0442\u043d\u0435\u0440\u0441\u0442\u0432\u0443 \u043d\u0430\u0448\u0438 \u0441\u0438\u0441\u0442\u0435\u043c\u044b \u0438 \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u044b \u044f\u0432\u043b\u044f\u044e\u0442\u0441\u044f \u0447\u0430\u0441\u0442\u044c\u044e [\u2026]<\/p>","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"content-type":"","footnotes":""},"class_list":["post-1980","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.gsl.rs\/ru\/wp-json\/wp\/v2\/pages\/1980","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.gsl.rs\/ru\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.gsl.rs\/ru\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.gsl.rs\/ru\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.gsl.rs\/ru\/wp-json\/wp\/v2\/comments?post=1980"}],"version-history":[{"count":0,"href":"https:\/\/www.gsl.rs\/ru\/wp-json\/wp\/v2\/pages\/1980\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.gsl.rs\/ru\/wp-json\/wp\/v2\/media?parent=1980"}],"curies":[{"name":"WP","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}