{"id":4730,"date":"2024-07-09T10:43:12","date_gmt":"2024-07-09T10:43:12","guid":{"rendered":"http:\/\/18.143.208.154\/gallery-3-copy-copy\/"},"modified":"2024-07-31T14:19:22","modified_gmt":"2024-07-31T14:19:22","slug":"chiva-som-gallery","status":"publish","type":"page","link":"https:\/\/zulal.com\/ru\/chiva-som-gallery\/","title":{"rendered":"Chiva-Som Corporate \u2013 \u0413\u0430\u043b\u0435\u0440\u0435\u044f"},"content":{"rendered":"<style>\n\t.theme-zulal .cs-title-text h2 {\n\tcolor: #3896b5;\n}\n.theme-zulal .cs-title-text .col-content-section h2 {\n\tcolor: #3896b5;\n}\n\t.cs-title-text .cbottom-image {\n\t\theight: auto;\n\t\tobject-fit: cover;\n\t}\n\t.cs-title-text .coverimg {\n\t\tmargin-top: 100px;\n\t}\n\t.cs-title-text h2 {\n\t\tcolor: #947254;\n\t\tmargin-bottom: 12px;\n\t}\n\t.cs-title-text .content-section p,\n\t.cs-title-text .content-section div.text-body3 {\n\t\tmargin-bottom: 70px;\n\t}\n\t.cs-title-text .col-content-section {\n\t\tmargin-top: 32px;\n\t}\n\t.cs-title-text .col-content-section h2 {\n\t\tfont-size: 40px;\n\t\tcolor: #947254;\n\t\tmargin-bottom: 16px !important;\n\t}\n\t.cs-title-text .col-content-section button {\n\t\tmargin-top: 24px;\n\t}\n\t@media only screen and (max-width:767px) {\n\t\t.cs-title-text .coverimg {\n\t\t\tmargin-top: 45px;\n\t\t}\n\t}\n<\/style>\n<section class=\"section py-80  cs-title-text\"\n\tstyle=\"background-color: ;\t\">\n\t\n\t<div class=\"container\">\n\t\t<div class=\"content-section text-center col-md-8 mx-auto\">\n\t\t\t\n\t\t\t<h2 class=\"text-display2\">\n\t\t\t\t\u041e\u043a\u043d\u043e \u0432 \u043d\u0430\u0448 \u043c\u0438\u0440\t\t\t<\/h2>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t<div class=\"text-body3 mb-0 mt-3\">\n\t\t\t\t\t\u041c\u044b \u043e\u0447\u0435\u043d\u044c \u0433\u043e\u0440\u0434\u0438\u043c\u0441\u044f \u044d\u0441\u0442\u0435\u0442\u0438\u0447\u0435\u0441\u043a\u043e\u0439 \u043a\u0440\u0430\u0441\u043e\u0442\u043e\u0439 \u0438 \u043e\u0449\u0443\u0442\u0438\u043c\u044b\u043c \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u043e\u043c \u043d\u0430\u0448\u0435\u0433\u043e \u043a\u0443\u0440\u043e\u0440\u0442\u0430. \u0427\u0442\u043e\u0431\u044b \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u0441\u0435\u0431\u044f \u0437\u0434\u0435\u0441\u044c \u0438 \u0432\u043e\u043e\u0431\u0440\u0430\u0437\u0438\u0442\u044c \u0441\u0432\u043e\u0435 \u043f\u0440\u0435\u0431\u044b\u0432\u0430\u043d\u0438\u0435, \u043f\u0440\u043e\u0441\u043c\u043e\u0442\u0440\u0438\u0442\u0435 \u0444\u043e\u0442\u043e\u0433\u0440\u0430\u0444\u0438\u0438 \u0432 \u043d\u0430\u0448\u0435\u0439 \u0433\u0430\u043b\u0435\u0440\u0435\u0435. \u0412\u044b \u0443\u0432\u0438\u0434\u0438\u0442\u0435 \u043d\u0430\u0448\u0443 \u0442\u0435\u0440\u0440\u0438\u0442\u043e\u0440\u0438\u044e, \u043d\u0430\u0448\u0438 \u0443\u0434\u043e\u0431\u0441\u0442\u0432\u0430, \u043d\u0430\u0448\u0438 \u043d\u043e\u043c\u0435\u0440\u0430 \u0438 \u043b\u044e\u043a\u0441\u044b, \u0430 \u0442\u0430\u043a\u0436\u0435 \u0445\u0443\u0434\u043e\u0436\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0435 \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u043d\u0430\u0448\u0435\u0439 \u043e\u0437\u0434\u043e\u0440\u043e\u0432\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0439 \u043a\u0443\u0445\u043d\u0438.\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t<\/div>\n<\/section>\n\n\n\n<style>\n#portfolio .tile { display: block !important; }\n#portfolio .tile[style*=\"display: none\"] { display: none !important; }\n.scale-anm { break-inside: avoid; -webkit-column-break-inside: avoid; }\n<\/style>\n\n<section class=\"section container-fluid cs-carousel-reel px-0\" style=\"background-color: \">\n    <div class=\"content-section text-center mt-0 col-md-10 mx-auto\">\n        <h2 class=\"text-display2 mb-3\">Gallery<\/h2>\n    <\/div>\n    <div class=\"\">\n        <div class=\"row gallery\">\n            <ul class=\"no-diamond nav nav-tabs justify-content-center f-jost mb-4 border-0\" id=\"filters\" role=\"tablist\">\n                <li class=\"nav-item\" role=\"presentation\">\n                    <button class=\"nav-link text-body2 filter active\" type=\"button\" data-filter=\"all\">\u0412\u0441\u0435<\/button>\n                <\/li>\n                                <li class=\"nav-item\" role=\"presentation\">\n                    <button class=\"nav-link text-body2 filter\" type=\"button\" data-filter=\".categid1\">\u0427\u0438\u0432\u0430-\u0421\u043e\u043c \u0425\u0443\u0430 \u0425\u0438\u043d<\/button>\n                <\/li>\n                                <li class=\"nav-item\" role=\"presentation\">\n                    <button class=\"nav-link text-body2 filter\" type=\"button\" data-filter=\".categid2\">\u0412\u0435\u043b\u043d\u0435\u0441-\u043a\u0443\u0440\u043e\u0440\u0442 \u0417\u0443\u043b\u0430\u043b<\/button>\n                <\/li>\n                                <li class=\"nav-item\" role=\"presentation\">\n                    <button class=\"nav-link text-body2 filter\" type=\"button\" data-filter=\".categid3\">\u0410\u043a\u0430\u0434\u0435\u043c\u0438\u044f \u0427\u0438\u0432\u0430-\u0421\u043e\u043c<\/button>\n                <\/li>\n                \n                            <\/ul>\n\n            <div style=\"clear:both;\"><\/div>\n            <div id=\"portfolio\" class=\"images\"\n                 data-mixitup-url=\"https:\/\/zulal.com\/wp-content\/themes\/chivasom\/js\/mixitup.min.js\">\n                                                        <div class=\"img tile scale-anm categid1\">\n                                            <\/div>\n                                        <div class=\"img tile scale-anm categid1\">\n                                            <\/div>\n                                        <div class=\"img tile scale-anm categid1\">\n                                            <\/div>\n                                        <div class=\"img tile scale-anm categid1\">\n                                            <\/div>\n                                        <div class=\"img tile scale-anm categid1\">\n                                            <\/div>\n                                        <div class=\"img tile scale-anm categid1\">\n                                            <\/div>\n                                        <div class=\"img tile scale-anm categid1\">\n                                            <\/div>\n                                        <div class=\"img tile scale-anm categid1\">\n                                            <\/div>\n                                        <div class=\"img tile scale-anm categid1\">\n                                            <\/div>\n                                        <div class=\"img tile scale-anm categid1\">\n                                            <\/div>\n                                        <div class=\"img tile scale-anm categid1\">\n                                            <\/div>\n                                        <div class=\"img tile scale-anm categid1\">\n                                            <\/div>\n                                        <div class=\"img tile scale-anm categid1\">\n                                            <\/div>\n                                        <div class=\"img tile scale-anm categid1\">\n                                            <\/div>\n                                        <div class=\"img tile scale-anm categid1\">\n                                            <\/div>\n                                        <div class=\"img tile scale-anm categid1\">\n                                            <\/div>\n                                        <div class=\"img tile scale-anm categid1\">\n                                            <\/div>\n                                        <div class=\"img tile scale-anm categid1\">\n                                            <\/div>\n                                        <div class=\"img tile scale-anm categid1\">\n                                            <\/div>\n                                        <div class=\"img tile scale-anm categid1\">\n                                            <\/div>\n                                        <div class=\"img tile scale-anm categid1\">\n                                            <\/div>\n                                        <div class=\"img tile scale-anm categid1\">\n                                            <\/div>\n                                        <div class=\"img tile scale-anm categid1\">\n                                            <\/div>\n                                                                            <div class=\"img tile scale-anm categid2\">\n                                            <\/div>\n                                        <div class=\"img tile scale-anm categid2\">\n                                            <\/div>\n                                        <div class=\"img tile scale-anm categid2\">\n                                            <\/div>\n                                        <div class=\"img tile scale-anm categid2\">\n                                            <\/div>\n                                        <div class=\"img tile scale-anm categid2\">\n                                            <\/div>\n                                        <div class=\"img tile scale-anm categid2\">\n                                            <\/div>\n                                        <div class=\"img tile scale-anm categid2\">\n                                            <\/div>\n                                        <div class=\"img tile scale-anm categid2\">\n                                            <\/div>\n                                        <div class=\"img tile scale-anm categid2\">\n                                            <\/div>\n                                        <div class=\"img tile scale-anm categid2\">\n                                            <\/div>\n                                        <div class=\"img tile scale-anm categid2\">\n                                            <\/div>\n                                        <div class=\"img tile scale-anm categid2\">\n                                            <\/div>\n                                        <div class=\"img tile scale-anm categid2\">\n                                            <\/div>\n                                        <div class=\"img tile scale-anm categid2\">\n                                            <\/div>\n                                        <div class=\"img tile scale-anm categid2\">\n                                            <\/div>\n                                        <div class=\"img tile scale-anm categid2\">\n                                            <\/div>\n                                        <div class=\"img tile scale-anm categid2\">\n                                            <\/div>\n                                        <div class=\"img tile scale-anm categid2\">\n                                            <\/div>\n                                        <div class=\"img tile scale-anm categid2\">\n                                            <\/div>\n                                        <div class=\"img tile scale-anm categid2\">\n                                            <\/div>\n                                        <div class=\"img tile scale-anm categid2\">\n                                            <\/div>\n                                        <div class=\"img tile scale-anm categid2\">\n                                            <\/div>\n                                        <div class=\"img tile scale-anm categid2\">\n                                            <\/div>\n                                        <div class=\"img tile scale-anm categid2\">\n                                            <\/div>\n                                        <div class=\"img tile scale-anm categid2\">\n                                            <\/div>\n                                        <div class=\"img tile scale-anm categid2\">\n                                            <\/div>\n                                        <div class=\"img tile scale-anm categid2\">\n                                            <\/div>\n                                        <div class=\"img tile scale-anm categid2\">\n                                            <\/div>\n                                        <div class=\"img tile scale-anm categid2\">\n                                            <\/div>\n                                        <div class=\"img tile scale-anm categid2\">\n                                            <\/div>\n                                        <div class=\"img tile scale-anm categid2\">\n                                            <\/div>\n                                        <div class=\"img tile scale-anm categid2\">\n                                            <\/div>\n                                        <div class=\"img tile scale-anm categid2\">\n                                            <\/div>\n                                        <div class=\"img tile scale-anm categid2\">\n                                            <\/div>\n                                        <div class=\"img tile scale-anm categid2\">\n                                            <\/div>\n                                        <div class=\"img tile scale-anm categid2\">\n                                            <\/div>\n                                        <div class=\"img tile scale-anm categid2\">\n                                            <\/div>\n                                        <div class=\"img tile scale-anm categid2\">\n                                            <\/div>\n                                        <div class=\"img tile scale-anm categid2\">\n                                            <\/div>\n                                        <div class=\"img tile scale-anm categid2\">\n                                            <\/div>\n                                        <div class=\"img tile scale-anm categid2\">\n                                            <\/div>\n                                        <div class=\"img tile scale-anm categid2\">\n                                            <\/div>\n                                        <div class=\"img tile scale-anm categid2\">\n                                            <\/div>\n                                        <div class=\"img tile scale-anm categid2\">\n                                            <\/div>\n                                        <div class=\"img tile scale-anm categid2\">\n                                            <\/div>\n                                        <div class=\"img tile scale-anm categid2\">\n                                            <\/div>\n                                        <div class=\"img tile scale-anm categid2\">\n                                            <\/div>\n                                        <div class=\"img tile scale-anm categid2\">\n                                            <\/div>\n                                        <div class=\"img tile scale-anm categid2\">\n                                            <\/div>\n                                        <div class=\"img tile scale-anm categid2\">\n                                            <\/div>\n                                        <div class=\"img tile scale-anm categid2\">\n                                            <\/div>\n                                        <div class=\"img tile scale-anm categid2\">\n                                            <\/div>\n                                        <div class=\"img tile scale-anm categid2\">\n                                            <\/div>\n                                        <div class=\"img tile scale-anm categid2\">\n                                            <\/div>\n                                        <div class=\"img tile scale-anm categid2\">\n                                            <\/div>\n                                        <div class=\"img tile scale-anm categid2\">\n                                            <\/div>\n                                        <div class=\"img tile scale-anm categid2\">\n                                            <\/div>\n                                        <div class=\"img tile scale-anm categid2\">\n                                            <\/div>\n                                        <div class=\"img tile scale-anm categid2\">\n                                            <\/div>\n                                        <div class=\"img tile scale-anm categid2\">\n                                            <\/div>\n                                        <div class=\"img tile scale-anm categid2\">\n                                            <\/div>\n                                        <div class=\"img tile scale-anm categid2\">\n                                            <\/div>\n                                        <div class=\"img tile scale-anm categid2\">\n                                            <\/div>\n                                        <div class=\"img tile scale-anm categid2\">\n                                            <\/div>\n                                        <div class=\"img tile scale-anm categid2\">\n                                            <\/div>\n                                        <div class=\"img tile scale-anm categid2\">\n                                            <\/div>\n                                        <div class=\"img tile scale-anm categid2\">\n                                            <\/div>\n                                        <div class=\"img tile scale-anm categid2\">\n                                            <\/div>\n                                        <div class=\"img tile scale-anm categid2\">\n                                            <\/div>\n                                        <div class=\"img tile scale-anm categid2\">\n                                            <\/div>\n                                        <div class=\"img tile scale-anm categid2\">\n                                            <\/div>\n                                                                            <div class=\"img tile scale-anm categid3\">\n                                            <\/div>\n                                        <div class=\"img tile scale-anm categid3\">\n                                            <\/div>\n                                        <div class=\"img tile scale-anm categid3\">\n                                            <\/div>\n                                        <div class=\"img tile scale-anm categid3\">\n                                            <\/div>\n                                        <div class=\"img tile scale-anm categid3\">\n                                            <\/div>\n                                        <div class=\"img tile scale-anm categid3\">\n                                            <\/div>\n                                        <div class=\"img tile scale-anm categid3\">\n                                            <\/div>\n                                        <div class=\"img tile scale-anm categid3\">\n                                            <\/div>\n                                        <div class=\"img tile scale-anm categid3\">\n                                            <\/div>\n                                        <div class=\"img tile scale-anm categid3\">\n                                            <\/div>\n                                        <div class=\"img tile scale-anm categid3\">\n                                            <\/div>\n                                        <div class=\"img tile scale-anm categid3\">\n                                            <\/div>\n                                        <div class=\"img tile scale-anm categid3\">\n                                            <\/div>\n                                        <div class=\"img tile scale-anm categid3\">\n                                            <\/div>\n                                        <div class=\"img tile scale-anm categid3\">\n                                            <\/div>\n                                        <div class=\"img tile scale-anm categid3\">\n                                            <\/div>\n                                        <div class=\"img tile scale-anm categid3\">\n                                            <\/div>\n                                        <div class=\"img tile scale-anm categid3\">\n                                            <\/div>\n                                        <div class=\"img tile scale-anm categid3\">\n                                            <\/div>\n                                        <div class=\"img tile scale-anm categid3\">\n                                            <\/div>\n                                        <div class=\"img tile scale-anm categid3\">\n                                            <\/div>\n                                                <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<script>\n(function(){\n\n    var wrapper = document.getElementById(\"cuisineWrapper\");\n    var CUISINE_FILTER = \"\";\n    if (wrapper) {\n        CUISINE_FILTER = wrapper.getAttribute(\"data-cuisine-filter\");\n        if (!CUISINE_FILTER) CUISINE_FILTER = \"\";\n    }\n    var dropIsOpen = false;\n    var activeCuisine = null;\n\n    function safeFilter(val) {\n        if (window.galleryMixer) {\n            try {\n                window.galleryMixer.filter(val);\n                return;\n            } catch(e) {}\n        }\n        var tiles = document.querySelectorAll(\"#portfolio .tile\");\n        var i, k, m, show, cn;\n        if (val === \"all\") {\n            for (i = 0; i < tiles.length; i++) tiles[i].style.display = \"block\";\n            return;\n        }\n        var parts = val.split(\",\");\n        var cls = [];\n        for (k = 0; k < parts.length; k++) {\n            cn = parts[k].replace(\".\", \"\").trim();\n            if (cn) cls.push(cn);\n        }\n        for (i = 0; i < tiles.length; i++) {\n            show = false;\n            for (m = 0; m < cls.length; m++) {\n                if (tiles[i].classList.contains(cls[m])) { show = true; break; }\n            }\n            tiles[i].style.display = show ? \"block\" : \"none\";\n        }\n    }\n\n    function setupUI() {\n        var parentBtn    = document.getElementById(\"cuisineParentBtn\");\n        var dropdown     = document.getElementById(\"cuisineDropdown\");\n        var chevron      = document.getElementById(\"cuisineChevron\");\n        var wrapperEl    = document.getElementById(\"cuisineWrapper\");\n        var cuisineItems = document.querySelectorAll(\".cuisine-item\");\n        var filterBtns   = document.querySelectorAll(\"#filters .filter\");\n        var i;\n\n        for (i = 0; i < filterBtns.length; i++) {\n            (function(btn){\n                btn.addEventListener(\"click\", function(e) {\n                    e.preventDefault();\n                    var j;\n                    for (j = 0; j < filterBtns.length; j++) filterBtns[j].classList.remove(\"active\");\n                    btn.classList.add(\"active\");\n                    safeFilter(btn.getAttribute(\"data-filter\"));\n                    closeDrop();\n                    resetParent();\n                    resetHighlights();\n                });\n            })(filterBtns[i]);\n        }\n\n        if (!parentBtn) return;\n        if (!dropdown) return;\n        dropdown.style.display = \"none\";\n\n        parentBtn.addEventListener(\"click\", function(e) {\n            e.preventDefault();\n            e.stopPropagation();\n            if (dropIsOpen) { closeDrop(); } else { openDrop(); }\n        });\n\n        for (i = 0; i < cuisineItems.length; i++) {\n            (function(item){\n                item.addEventListener(\"click\", function(e) {\n                    e.preventDefault();\n                    e.stopPropagation();\n                    var val = item.getAttribute(\"data-cuisine-cat\");\n                    resetHighlights();\n                    item.style.color = \"#3896b5\";\n                    item.style.background = \"#faf8f6\";\n                    activeCuisine = item;\n                    var j;\n                    for (j = 0; j < filterBtns.length; j++) filterBtns[j].classList.remove(\"active\");\n                    parentBtn.classList.add(\"active\");\n                    parentBtn.style.color = \"#3896b5\";\n                    safeFilter(val);\n                    closeDrop();\n                });\n                item.addEventListener(\"mouseenter\", function() {\n                    item.style.background = \"#faf8f6\";\n                    item.style.color = \"#3896b5\";\n                });\n                item.addEventListener(\"mouseleave\", function() {\n                    if (item !== activeCuisine) {\n                        item.style.background = \"none\";\n                        item.style.color = \"#202020\";\n                    }\n                });\n            })(cuisineItems[i]);\n        }\n\n        document.addEventListener(\"click\", function(e) {\n            if (!dropIsOpen) return;\n            if (!wrapperEl) return;\n            if (wrapperEl.contains(e.target)) return;\n            closeDrop();\n        });\n\n        function openDrop() {\n            dropdown.style.display = \"block\";\n            if (chevron) chevron.style.transform = \"rotate(180deg)\";\n            dropIsOpen = true;\n            var j;\n            for (j = 0; j < filterBtns.length; j++) filterBtns[j].classList.remove(\"active\");\n            parentBtn.classList.add(\"active\");\n            parentBtn.style.color = \"#3896b5\";\n            resetHighlights();\n            if (CUISINE_FILTER) safeFilter(CUISINE_FILTER);\n        }\n\n        function closeDrop() {\n            if (!dropdown) return;\n            dropdown.style.display = \"none\";\n            if (chevron) chevron.style.transform = \"rotate(0deg)\";\n            dropIsOpen = false;\n        }\n\n        function resetParent() {\n            if (!parentBtn) return;\n            parentBtn.classList.remove(\"active\");\n            parentBtn.style.color = \"\";\n        }\n\n        function resetHighlights() {\n            var j;\n            for (j = 0; j < cuisineItems.length; j++) {\n                cuisineItems[j].style.color = \"#202020\";\n                cuisineItems[j].style.background = \"none\";\n            }\n            activeCuisine = null;\n        }\n    }\n\n    function loadMixItUpAndInit() {\n        var container = document.getElementById(\"portfolio\");\n        if (!container) return;\n\n        var mixUrl = container.getAttribute(\"data-mixitup-url\");\n        if (!mixUrl) return;\n\n        var tiles = container.querySelectorAll(\".tile\");\n        var i;\n        for (i = 0; i < tiles.length; i++) tiles[i].style.display = \"block\";\n\n        \/* Neuter Object.freeze\/seal\/preventExtensions BEFORE loading MixItUp.\n           MixItUp v3 calls Object.freeze on its internal default config objects\n           when the script loads. Third-party scripts on this page also freeze\n           object prototypes. Both cause \"Cannot add property display, object\n           is not extensible\" when MixItUp tries to extend those objects.\n           By neutering freeze during load + init, the defaults stay writable. *\/\n\n        var origFreeze = Object.freeze;\n        var origSeal = Object.seal;\n        var origPrevent = Object.preventExtensions;\n\n        Object.freeze = function(o) { return o; };\n        Object.seal = function(o) { return o; };\n        Object.preventExtensions = function(o) { return o; };\n\n        var script = document.createElement(\"script\");\n        script.src = mixUrl;\n        script.onload = function() {\n            try {\n                window.galleryMixer = mixitup(container, {\n                    selectors: { target: \".tile\" },\n                    load: { filter: \"all\" },\n                    layout: { display: \"block\" },\n                    animation: {\n                        enable: true,\n                      duration: 400,\neffects: \"fade scale(0.9) stagger(20ms)\",\n                        animateResizeContainer: false\n                    },\n                    controls: { enable: false }\n                });\n                console.log(\"[G] MixItUp loaded and initialized OK\");\n            } catch(e) {\n                console.log(\"[G] MixItUp init failed: \" + e.message);\n                window.galleryMixer = null;\n                for (var j = 0; j < tiles.length; j++) tiles[j].style.display = \"block\";\n            }\n\n            \/* Restore original methods *\/\n            Object.freeze = origFreeze;\n            Object.seal = origSeal;\n            Object.preventExtensions = origPrevent;\n        };\n        script.onerror = function() {\n            console.log(\"[G] MixItUp script failed to load\");\n            Object.freeze = origFreeze;\n            Object.seal = origSeal;\n            Object.preventExtensions = origPrevent;\n        };\n        document.head.appendChild(script);\n    }\n\n    function boot() {\n        setupUI();\n        loadMixItUpAndInit();\n    }\n\n    if (document.readyState === \"loading\") {\n        document.addEventListener(\"DOMContentLoaded\", boot);\n    } else {\n        boot();\n    }\n\n})();\n<\/script>\n\n\n    \n<style>\n  .cs-video-carousel-reel .playpause {\n    background-image:url(\/wp-content\/uploads\/2024\/05\/video_play_btn.png);\n    background-repeat:no-repeat;\n    height:54px;\n    position:absolute;\n    left:0%;\n    right:0%;\n    top:0%;\n    bottom:0%;\n    margin:auto;\n    background-size:contain;\n    background-position: center;\n\t  pointer-events:none;\n}\n\n\t.cs-video-carousel-reel img {\n\t\taspect-ratio: 16 \/ 9;\n\t\tobject-fit:cover;\n\t\twidth:100%;\n\t\tcursor: pointer;\n\t}\n.Xcs-video-carousel-reel{\n    min-height: 70vh;\n    position: relative;\n\n}\n\n.cs-video-carousel-reel h2,\n    .wellness .col-content-section h2 {\n        font-size: 32px;\n    }\n \n@media only screen and (max-width:1399px) {\n    .cs-video-carousel-reel h1 {\n        font-size: 48px;\n    }\n}\n\n@media only screen and (max-width:991px) {\n    .cs-video-carousel-reel h1 {\n        font-size: 45px;\n    }\n}\n\n.cs-video-carousel-reel .owl-carousel {\n    margin-top: 40px;\n}\n<\/style>                \n<!-- VIDEOS CAROUSEL SECTION -->\n <section class=\"section container-fluid bg-chivasom-gold-50x cs-video-carousel-reel\" style=\"background-color: \">\n  <div class=\"container\">\n    <div class=\"rowx\">\n            <div class=\"owl-carousel videos-carousel-gallery owl-theme\" >\n                <div class=\"item videos\"> \n\t\t\t  \t\t\t\t\t\n\t\t\t  \n          <div class=\"playpause\" style=\"opacity:0.8\"><i class=\"fa fa-play\"><\/i><\/div>\n                    <\/div>\n               <div class=\"item videos\"> \n\t\t\t  \t\t\t\t\t\n\t\t\t  \n          <div class=\"playpause\" style=\"opacity:0.8\"><i class=\"fa fa-play\"><\/i><\/div>\n                    <\/div>\n               <div class=\"item videos\"> \n\t\t\t  \t\t\t\t\t\n\t\t\t  \n          <div class=\"playpause\" style=\"opacity:0.8\"><i class=\"fa fa-play\"><\/i><\/div>\n                    <\/div>\n               <div class=\"item videos\"> \n\t\t\t  \t\t\t\t\t\n\t\t\t  \n          <div class=\"playpause\" style=\"opacity:0.8\"><i class=\"fa fa-play\"><\/i><\/div>\n                    <\/div>\n         <\/div>\n\t  <\/div>\n        <\/div>\n<\/section>\n<script>\n\n\tjQuery(document).ready(function($) {\n\n\n    var htmlLang = $('html').attr('lang');\n\tvar rtl = false;\n    if(htmlLang == 'ar'){\n        rtl = true;\n    }\n\t\n\t\t$(\".videos-carousel-gallery\").owlCarousel({\n\t\tstagePadding: 30,\n        rtl: rtl,\n\t\tloop: true,\n\t\tmargin: 15,\n\t\tnav: true,\n\t\tnavText: [\n\t\t\t'<i class=\"bi bi-chevron-left\"><\/i>',\n\t\t\t'<i class=\"bi bi-chevron-right\"><\/i>'\n\t\t],\n\t\tdots: true,\n\t\tresponsiveClass: true,\n\t\tresponsive: {\n\t\t\t0: {\n\t\t\t\tstagePadding: 10,\n\t\t\t\titems: 1.2,\n\t\t\t\tnav: false\n\t\t\t},\n\t\t\t600: {\n\t\t\t\tstagePadding: 40,\n\t\t\t\titems: 2,\n\t\t\t\tnav: true\n\t\t\t},\n\t\t\t1000: {\n\t\t\t\tstagePadding: 60,\n\t\t\t\titems: 2.5,\n\t\t\t\tnav: true,\n\t\t\t\t\n\t\t\t}\n\t\t}\n\t});\n        \n \n\n        \n\t\n\n   });\n<\/script>\n\n<div class=\"lightbox imglightbox\">\n\t<div class=\"wrapper d-flex align-items-center justify-content-center\">\n\t\t<div class=\"buttons\"><div class=\"close-icon  bg-white menucloseicon icon icon-close icon-large\"><\/div><\/div>\n\t\t<button class=\"nav-btn prev-btn  bg-white menucloseicon icon icon-chevron-left icon-large\" aria-label=\"\u041f\u0440\u0435\u0434\u044b\u0434\u0443\u0449\u0435\u0435 \u0432\u0438\u0434\u0435\u043e\">&lt;<\/button>\n\t\t<button class=\"nav-btn next-btn bg-white menucloseicon icon icon-chevron-right icon-large\" aria-label=\"\u0421\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u0435 \u0432\u0438\u0434\u0435\u043e\">&gt;<\/button>\n\t\t<div class=\"preview-img\">\n\t\t\t<img decoding=\"async\" src=\"\" alt=\"preview-img\">\n\t\t<\/div>\n\t<\/div>\n<\/div>\n<div class=\"lightbox videolightbox\">\n\t<div class=\"wrapper d-flex align-items-center justify-content-center\">\n\t\t<div class=\"buttons\" ><div class=\"close-icon bg-white menucloseicon icon icon-close icon-large\"><\/div><\/div>\n\t\t<button class=\"nav-btn prev-btn  bg-white menucloseicon icon icon-chevron-left icon-large\" aria-label=\"\u041f\u0440\u0435\u0434\u044b\u0434\u0443\u0449\u0435\u0435 \u0432\u0438\u0434\u0435\u043e\">&lt;<\/button>\n\t\t<button class=\"nav-btn next-btn bg-white menucloseicon icon icon-chevron-right icon-large\" aria-label=\"\u0421\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u0435 \u0432\u0438\u0434\u0435\u043e\">&gt;<\/button>\n\t\t<div class=\"preview-video\">\n\t\t\t<video src=\"\" controls autoplay=\"true\">\n\t\t\t\t<source src=\"\" autoplay=\"false\" type=\"video\/mp4\">\n\t\t\t<\/video>\n\t\t<\/div>\n\t<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":14,"comment_status":"closed","ping_status":"closed","template":"templates\/clear-nabvar-template.php","meta":{"_acf_changed":false,"footnotes":""},"destination":[],"class_list":["post-4730","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.8 (Yoast SEO v26.8) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Chiva-Som Corporate - Gallery - Zulal Wellness Resort<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/zulal.com\/ru\/chiva-som-gallery\/\" \/>\n<meta property=\"og:locale\" content=\"ru_RU\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Chiva-Som Corporate - Gallery\" \/>\n<meta property=\"og:url\" content=\"https:\/\/zulal.com\/ru\/chiva-som-gallery\/\" \/>\n<meta property=\"og:site_name\" content=\"Zulal Wellness Resort\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/chivasomhuahin\" \/>\n<meta property=\"article:modified_time\" content=\"2024-07-31T14:19:22+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u041f\u0440\u0438\u043c\u0435\u0440\u043d\u043e\u0435 \u0432\u0440\u0435\u043c\u044f \u0434\u043b\u044f \u0447\u0442\u0435\u043d\u0438\u044f\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 \u043c\u0438\u043d\u0443\u0442\u0430\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Chiva-Som Corporate - \u0413\u0430\u043b\u0435\u0440\u0435\u044f - Zulal Wellness Resort","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/zulal.com\/ru\/chiva-som-gallery\/","og_locale":"ru_RU","og_type":"article","og_title":"Chiva-Som Corporate - Gallery","og_url":"https:\/\/zulal.com\/ru\/chiva-som-gallery\/","og_site_name":"Zulal Wellness Resort","article_publisher":"https:\/\/www.facebook.com\/chivasomhuahin","article_modified_time":"2024-07-31T14:19:22+00:00","twitter_card":"summary_large_image","twitter_misc":{"\u041f\u0440\u0438\u043c\u0435\u0440\u043d\u043e\u0435 \u0432\u0440\u0435\u043c\u044f \u0434\u043b\u044f \u0447\u0442\u0435\u043d\u0438\u044f":"1 \u043c\u0438\u043d\u0443\u0442\u0430"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/zulal.com\/ru\/chiva-som-gallery\/","url":"https:\/\/zulal.com\/ru\/chiva-som-gallery\/","name":"Chiva-Som Corporate - \u0413\u0430\u043b\u0435\u0440\u0435\u044f - Zulal Wellness Resort","isPartOf":{"@id":"https:\/\/zulal.com\/ru\/#website"},"datePublished":"2024-07-09T10:43:12+00:00","dateModified":"2024-07-31T14:19:22+00:00","breadcrumb":{"@id":"https:\/\/zulal.com\/ru\/chiva-som-gallery\/#breadcrumb"},"inLanguage":"ru-RU","potentialAction":[{"@type":"ReadAction","target":["https:\/\/zulal.com\/ru\/chiva-som-gallery\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/zulal.com\/ru\/chiva-som-gallery\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/zulal.com\/"},{"@type":"ListItem","position":2,"name":"Chiva-Som Corporate &#8211; Gallery"}]},{"@type":"WebSite","@id":"https:\/\/zulal.com\/ru\/#website","url":"https:\/\/zulal.com\/ru\/","name":"Zulal.com","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/zulal.com\/ru\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ru-RU"}]}},"_links":{"self":[{"href":"https:\/\/zulal.com\/ru\/wp-json\/wp\/v2\/pages\/4730","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zulal.com\/ru\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/zulal.com\/ru\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/zulal.com\/ru\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/zulal.com\/ru\/wp-json\/wp\/v2\/comments?post=4730"}],"version-history":[{"count":29,"href":"https:\/\/zulal.com\/ru\/wp-json\/wp\/v2\/pages\/4730\/revisions"}],"predecessor-version":[{"id":7426,"href":"https:\/\/zulal.com\/ru\/wp-json\/wp\/v2\/pages\/4730\/revisions\/7426"}],"wp:attachment":[{"href":"https:\/\/zulal.com\/ru\/wp-json\/wp\/v2\/media?parent=4730"}],"wp:term":[{"taxonomy":"destination","embeddable":true,"href":"https:\/\/zulal.com\/ru\/wp-json\/wp\/v2\/destination?post=4730"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}