{"id":6159,"date":"2025-07-16T13:09:29","date_gmt":"2025-07-16T13:09:29","guid":{"rendered":"https:\/\/coolsocks.mk\/?page_id=6159"},"modified":"2026-02-11T15:42:37","modified_gmt":"2026-02-11T15:42:37","slug":"our-story","status":"publish","type":"page","link":"https:\/\/coolsocks.mk\/en\/our-story\/","title":{"rendered":"Our Story"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6159\" class=\"elementor elementor-6159 elementor-6027\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0a2378b e-con-full e-flex e-con e-parent\" data-id=\"0a2378b\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-c4922be e-con-full e-flex e-con e-child\" data-id=\"c4922be\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ad7188c elementor-widget__width-initial elementor-absolute elementor-hidden-mobile elementor-widget elementor-widget-image\" data-id=\"ad7188c\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/coolsocks.mk\/\">\n\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1000\" height=\"420\" src=\"https:\/\/coolsocks.mk\/wp-content\/uploads\/2025\/04\/viber_image_2025-04-08_10-32-38-678.png\" class=\"attachment-full size-full wp-image-5844\" alt=\"\" srcset=\"https:\/\/coolsocks.mk\/wp-content\/uploads\/2025\/04\/viber_image_2025-04-08_10-32-38-678.png 1000w, https:\/\/coolsocks.mk\/wp-content\/uploads\/2025\/04\/viber_image_2025-04-08_10-32-38-678-800x336.png 800w, https:\/\/coolsocks.mk\/wp-content\/uploads\/2025\/04\/viber_image_2025-04-08_10-32-38-678-300x126.png 300w, https:\/\/coolsocks.mk\/wp-content\/uploads\/2025\/04\/viber_image_2025-04-08_10-32-38-678-768x323.png 768w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f08c433 elementor-widget elementor-widget-heading\" data-id=\"f08c433\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Comfort and style,<br>\nfrom heel to toe.<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e236d84 elementor-widget elementor-widget-shortcode\" data-id=\"e236d84\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n<div class=\"wpml-ls-statics-shortcode_actions wpml-ls wpml-ls-legacy-list-horizontal\">\n\t<ul><li class=\"wpml-ls-slot-shortcode_actions wpml-ls-item wpml-ls-item-en wpml-ls-current-language wpml-ls-first-item wpml-ls-item-legacy-list-horizontal\">\n\t\t\t\t<a href=\"https:\/\/coolsocks.mk\/en\/\" class=\"wpml-ls-link\">\n                                                        <img decoding=\"async\"\n            class=\"wpml-ls-flag\"\n            src=\"https:\/\/coolsocks.mk\/wp-content\/uploads\/flags\/en.png\"\n            alt=\"\"\n            width=25\n            height=25\n    \/><span class=\"wpml-ls-native\">EN<\/span><\/a>\n\t\t\t<\/li><li class=\"wpml-ls-slot-shortcode_actions wpml-ls-item wpml-ls-item-mk wpml-ls-last-item wpml-ls-item-legacy-list-horizontal\">\n\t\t\t\t<a href=\"https:\/\/coolsocks.mk\/\" class=\"wpml-ls-link\">\n                                                        <img decoding=\"async\"\n            class=\"wpml-ls-flag\"\n            src=\"https:\/\/coolsocks.mk\/wp-content\/uploads\/flags\/mk.png\"\n            alt=\"\"\n            width=25\n            height=25\n    \/><span class=\"wpml-ls-native\" lang=\"mk\">\u041cK<\/span><\/a>\n\t\t\t<\/li><\/ul>\n<\/div>\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b565996 click-on-load elementor-widget elementor-widget-image\" data-id=\"b565996\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"#next\">\n\t\t\t\t\t\t\t<img decoding=\"async\" width=\"512\" height=\"512\" src=\"https:\/\/coolsocks.mk\/wp-content\/uploads\/2025\/04\/arrow-down-1.gif\" class=\"attachment-large size-large wp-image-5849\" alt=\"\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a2d332d elementor-widget elementor-widget-html\" data-id=\"a2d332d\" 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<script>\nfunction smoothAutoClick() {\n    const link = document.querySelector(\".click-on-load a\");\n    if (link) {\n\n        \/\/ Smooth scroll (replaces default jump)\n        const target = document.querySelector(link.getAttribute(\"href\"));\n        if (target) {\n            target.scrollIntoView({\n                behavior: \"smooth\",\n                block: \"start\"\n            });\n        }\n    }\n}\n\ndocument.addEventListener(\"DOMContentLoaded\", () => {\n    setTimeout(smoothAutoClick, 500);\n});\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1a7c888 e-con-full e-flex e-con e-child\" data-id=\"1a7c888\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9393c92 elementor-widget-mobile__width-initial elementor-hidden-desktop elementor-hidden-tablet elementor-widget elementor-widget-image\" data-id=\"9393c92\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/coolsocks.mk\/\">\n\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1000\" height=\"420\" src=\"https:\/\/coolsocks.mk\/wp-content\/uploads\/2025\/04\/viber_image_2025-04-08_10-32-38-678.png\" class=\"attachment-full size-full wp-image-5844\" alt=\"\" srcset=\"https:\/\/coolsocks.mk\/wp-content\/uploads\/2025\/04\/viber_image_2025-04-08_10-32-38-678.png 1000w, https:\/\/coolsocks.mk\/wp-content\/uploads\/2025\/04\/viber_image_2025-04-08_10-32-38-678-800x336.png 800w, https:\/\/coolsocks.mk\/wp-content\/uploads\/2025\/04\/viber_image_2025-04-08_10-32-38-678-300x126.png 300w, https:\/\/coolsocks.mk\/wp-content\/uploads\/2025\/04\/viber_image_2025-04-08_10-32-38-678-768x323.png 768w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dfec266 elementor-widget elementor-widget-html\" data-id=\"dfec266\" 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<style>\n.piano-navbar {\n    margin: 0;\n    padding: 0;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: flex-end;\n    height: 100vh;\n    overflow: hidden;\n}\n\n\/* Shared styles for all keys (white and black) *\/\n.key {\n    display: block;\n    text-align: left;\n    font-family: Nexa, sans-serif;\n    font-size: 20px;\n    font-weight: 600;\n    padding: 5px 20px;\n    border-radius: 40px 0 0 40px;\n    transition: background-color 0.3s;\n    cursor: pointer;\n    text-decoration: none !important;\n}\n\n\/* White piano keys *\/\n.key.white {\n    width: 90%;\n    height: 100px;\n    color: #80CBC4;\n    background-color: #F7F7EF;\n    line-height: 80px;\n    margin-bottom: 4px;\n    z-index: 0;\n    font-size: 60px;\n    font-weight: 900;\n    position: relative;\n}\n\n\/* Black piano keys *\/\n.key.black {\n    width: 65%;\n    height: 100px;\n    background-color: #1B1A19;\n    color: white;\n    line-height: 80px;\n    position: relative;\n    margin-top: -40px;\n    margin-bottom: -40px;\n    z-index: 1;\n}\n\n\/* Hover effects *\/\n.key.white:hover {\n    transform: translateX(20px);\n    transition: transform 0.3s ease, background-color 0.3s ease;\n}\n\n.key.black:hover {\n    background-color: #333333;\n    transform: translateX(20px);\n    transition: transform 0.3s ease, background-color 0.3s ease;\n}\n\n\/* Animated text reveal *\/\n.key-text {\n    display: inline-block;\n    position: relative;\n    overflow: hidden;\n    white-space: nowrap;\n}\n\n.key-text .rest {\n    opacity: 0;\n    max-width: 0;\n    transition: max-width 0.5s ease, opacity 0.5s ease;\n    display: inline-block;\n    white-space: nowrap;\n}\n\n.key.white:hover .key-text .rest {\n    opacity: 1;\n    max-width: 500px;\n}\n\n.rest {\n    font-size: 24px;\n    font-weight: 500;\n}\n\n@media only screen and (max-width: 768px) {\n    .piano-navbar {\n        height: 60vh;\n    }\n    \n    \/* White piano keys *\/\n.key.white {\n    width: 90%;\n    height: 60px;\n    color: #80CBC4;\n    background-color: #F7F7EF;\n    line-height: 50px;\n    margin-bottom: 0;\n    z-index: 0;\n    font-size: 40px;\n    font-weight: 900;\n    position: relative;\n}\n\n\/* Black piano keys *\/\n.key.black {\n    width: 50%;\n    height: 60px;\n    background-color: #1B1A19;\n    color: white;\n    line-height: 40px;\n    position: relative;\n    margin-top: -20px;\n    margin-bottom: -20px;\n    z-index: 1;\n}\n}\n<\/style>\n\n<div class=\"piano-navbar\">\n    <a href=\"https:\/\/coolsocks.mk\/en\/categories\/\" class=\"key white\" data-note=\"note1\">\n        <span class=\"key-text\"><span class=\"initial\">C<\/span><span class=\"rest\">atalog<\/span><\/span>\n    <\/a>\n    <a href=\"\" class=\"key black\" data-note=\"note2\"><\/a>\n    <a href=\"https:\/\/coolsocks.mk\/en\/offers\" class=\"key white\" id=\"shop\" data-note=\"note3\">\n        <span class=\"key-text\"><span class=\"initial\">O<\/span><span class=\"rest\">ffers<\/span><\/span>\n    <\/a>\n    <a href=\"\" class=\"key black\" data-note=\"note4\"><\/a>\n    <a href=\"https:\/\/coolsocks.mk\/en\/our-story\" class=\"key white\" data-note=\"note5\">\n        <span class=\"key-text\"><span class=\"initial\">O<\/span><span class=\"rest\">ur Story<\/span><\/span>\n    <\/a>\n    <a href=\"\" class=\"key black\" data-note=\"note6\"><\/a>\n    <a href=\"https:\/\/coolsocks.mk\/en\/lifestyle\" class=\"key white\" id=\"blog\" data-note=\"note7\">\n        <span class=\"key-text\"><span class=\"initial\">L<\/span><span class=\"rest\">ifestyle<\/span><\/span>\n    <\/a>\n<\/div>\n\n<audio id=\"note1\" src=\"https:\/\/coolsocks.mk\/wp-content\/uploads\/2025\/02\/do.wav\"><\/audio>\n    <audio id=\"note2\" src=\"https:\/\/coolsocks.mk\/wp-content\/uploads\/2025\/02\/re.wav\"><\/audio>\n    <audio id=\"note3\" src=\"https:\/\/coolsocks.mk\/wp-content\/uploads\/2025\/02\/mi.wav\"><\/audio>\n    <audio id=\"note4\" src=\"https:\/\/coolsocks.mk\/wp-content\/uploads\/2025\/02\/fa.wav\"><\/audio>\n    <audio id=\"note5\" src=\"https:\/\/coolsocks.mk\/wp-content\/uploads\/2025\/02\/sol.wav\"><\/audio>\n    <audio id=\"note6\" src=\"https:\/\/coolsocks.mk\/wp-content\/uploads\/2025\/02\/la.wav\"><\/audio>\n    <audio id=\"note7\" src=\"https:\/\/coolsocks.mk\/wp-content\/uploads\/2025\/02\/si.wav\"><\/audio>\n\n\n<script>\nconst keys = document.querySelectorAll('.key');\n\nkeys.forEach(key => {\n    key.addEventListener('mouseenter', () => {\n        const noteId = key.getAttribute('data-note');\n        const audio = document.getElementById(noteId);\n\n        if (audio) {\n            try {\n                audio.currentTime = 0;\n                audio.play();\n            } catch (error) {\n                console.error(`Error playing sound for note ${noteId}:`, error);\n            }\n        } else {\n            console.warn(`Audio element with ID \"${noteId}\" not found.`);\n        }\n    });\n});\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f1ad02d elementor-align-right elementor-widget__width-auto e-transform elementor-widget elementor-widget-button\" data-id=\"f1ad02d\" data-element_type=\"widget\" data-settings=\"{&quot;_transform_translateX_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:-30,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:-30,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/coolsocks.mk\/cart\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-shopping-cart\" viewBox=\"0 0 576 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M528.12 301.319l47.273-208C578.806 78.301 567.391 64 551.99 64H159.208l-9.166-44.81C147.758 8.021 137.93 0 126.529 0H24C10.745 0 0 10.745 0 24v16c0 13.255 10.745 24 24 24h69.883l70.248 343.435C147.325 417.1 136 435.222 136 456c0 30.928 25.072 56 56 56s56-25.072 56-56c0-15.674-6.447-29.835-16.824-40h209.647C430.447 426.165 424 440.326 424 456c0 30.928 25.072 56 56 56s56-25.072 56-56c0-22.172-12.888-41.332-31.579-50.405l5.517-24.276c3.413-15.018-8.002-29.319-23.403-29.319H218.117l-6.545-32h293.145c11.206 0 20.92-7.754 23.403-18.681z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a60c7a4 e-con-full e-grid e-con e-parent\" data-id=\"a60c7a4\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0d24665 elementor-widget elementor-widget-html\" data-id=\"0d24665\" 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<style>\n    .grid {\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      \/*height: 100vh;*\/\n    }\n\n    .block {\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      align-items: center;\n      height: 600px;\n      overflow: hidden;\n      position: relative;\n      gap:60px;\n    }\n\n    .block1 { background-color: #0066b3; }\n    .block2 { background-color: #f47b20; }\n    .block3 { background-color: #005c4b; }\n    .block4 { background-color: #ec296b; }\n\n    .title {\n      position: absolute;\n      top: 40px;\n      display: flex;\n      align-items: center;\n      font-size: 48px;\n      font-weight: bold;\n      color: white;\n      letter-spacing: 0px;\n    }\n\n    .title .first-letter {\n      min-width: 0px;\n    }\n\n    .title .rest {\n      display: inline-block;\n      overflow: hidden;\n      white-space: nowrap;\n      width: 0;\n      opacity: 0;\n      animation: none;\n      transition: none;\n    }\n\n    .block:hover .title .rest {\n      animation: revealText 0.6s forwards;\n    }\n\n    @keyframes revealText {\n      0% {\n        width: 0;\n        opacity: 0;\n      }\n      100% {\n        width: 250px;\n        opacity: 1;\n      }\n    }\n\n    \/* Loaders paused by default *\/\n    .loader1 .dot,\n    .loader2::before,\n    .loader2::after,\n    .loader3,\n    .loader3::before,\n    .loader3::after,\n    .loader4,\n    .loader4::before,\n    .loader4::after {\n      animation-play-state: paused;\n    }\n\n    \/* Play animations on hover *\/\n    .block:hover .loader1 .dot,\n    .block:hover .loader2::before,\n    .block:hover .loader2::after,\n    .block:hover .loader3,\n    .block:hover .loader3::before,\n    .block:hover .loader3::after,\n    .block:hover .loader4,\n    .block:hover .loader4::before,\n    .block:hover .loader4::after {\n      animation-play-state: running;\n    }\n\n    \/* ------------ Loader 1 ------------ *\/\n    \/* ---------------- NEW Loader 1 ---------------- *\/\n\/* ---------------- NEW Loader 1 ---------------- *\/\n.loader1 {\n  width: 100px;\n  height: calc(100px * 0.866);\n  background: #Ffffff;\n  clip-path: polygon(50% 0,100% 100%,0 100%);\n  --c: at 50% 66%, #000 60deg, #0000 0;\n  -webkit-mask:\n    conic-gradient(from 30deg var(--c)) right,\n    conic-gradient(from 150deg var(--c)) bottom,\n    conic-gradient(from -90deg var(--c)) left,\n    linear-gradient(#000 0 0);\n  -webkit-mask-composite: xor;\n          mask-composite: exclude;\n  -webkit-mask-repeat: no-repeat;\n  animation: l9 1.5s infinite paused; \/* stays paused until :hover *\/\n  margin-top: 80px;\n}\n\n.block:hover .loader1 {\n  animation-play-state: running;\n}\n\n@keyframes l9 {\n  0%     { -webkit-mask-size: 0    0   , 0    0   , 0    0   , auto }\n  13.33% { -webkit-mask-size: 100% 100%, 0    0   , 0    0   , auto }\n  26.67% { -webkit-mask-size: 100% 100%, 100% 100%, 0    0   , auto }\n  40%,\n  60%    { -webkit-mask-size: 100% 100%, 100% 100%, 100% 100%, auto }\n  73.33% { -webkit-mask-size: 0    0   , 100% 100%, 100% 100%, auto }\n  86.67% { -webkit-mask-size: 0    0   , 0    0   , 100% 100%, auto }\n  100%   { -webkit-mask-size: 0    0   , 0    0   , 0    0   , auto }\n}\n\n\n    \/* ------------ Loader 2 ------------ *\/\n    .loader2 {\n      width: 100px;\n      aspect-ratio: 1;\n      display: grid;\n      margin-top: 80px;\n    }\n    .loader2::before,\n    .loader2::after {\n      content: \"\";\n      grid-area: 1\/1;\n      border-radius: 50%;\n      background: #fff6ec;\n      -webkit-mask: repeating-linear-gradient(#000 0 10px,#0000 0 20px);\n      animation: l2 1.5s infinite paused;\n    }\n    .loader2::after {\n      -webkit-mask: repeating-linear-gradient(#0000 0 10px,#000 0 20px);\n      --s: -1;\n    }\n\n    @keyframes l2 {\n      0%, 10% { transform: translate(0) rotate(0); }\n      35%     { transform: translate(calc(var(--s,1)*50%)) rotate(0); }\n      66%     { transform: translate(calc(var(--s,1)*50%)) rotate(calc(var(--s,1)*180deg)); }\n      90%, 100% { transform: translate(0) rotate(calc(var(--s,1)*180deg)); }\n    }\n\n    \/* ------------ Loader 3 ------------ *\/\n    \/* ---------------- NEW Loader 3 ---------------- *\/\n    .loader3 {\n      width: 100px;\n      aspect-ratio: 1;\n      display: flex;\n      animation: l12-0 4s infinite linear .5s paused;\n      margin-top: 80px;\n    }\n    .loader3::before,\n    .loader3::after {\n      content: \"\";\n      flex: 1;\n      background: #ffffff;\n      clip-path: polygon(100% 0,100% 100%,0 50%);\n      animation: l12-1 1s infinite linear paused;\n    }\n    .loader3::after {\n      transform: scale(-1);\n      animation: none;\n    }\n\n    @keyframes l12-0 {\n      0%   ,12.49% {transform: rotate(0deg)}\n      12.5%,37.49% {transform: rotate(90deg)}\n      37.5%,62.49% {transform: rotate(180deg)}\n      62.5%,87.49% {transform: rotate(270deg)}\n      87.5%,100%   {transform: rotate(360deg)}\n    }\n    @keyframes l12-1 {\n      0%,5% {transform: translate(0px) perspective(150px) rotateY(0deg)}\n      33%  {transform: translate(-10px) perspective(150px) rotateX(0deg)}\n      66%  {transform: translate(-10px) perspective(150px) rotateX(-180deg)}\n      95%,100% {transform: translate(0px) perspective(150px) rotateX(-180deg)}\n    }\n\n\n    \/* ------------ Loader 4 ------------ *\/\n    .loader4 {\n      width: 100px;\n      aspect-ratio: 1;\n      display: flex;\n      transform-origin: 0% 150%;\n      animation: l4-0 2s infinite linear paused;\n      margin-top: 80px;\n    }\n    .loader4::before,\n    .loader4::after {\n      content: \"\";\n      flex: 1;\n      background: #fff6ec;\n      animation: l4-1 1s infinite linear alternate paused;\n      border-radius: 100px 0 0 100px;\n      transform-origin: 100% 100%;\n    }\n    .loader4::after {\n      border-radius: 0 100px 100px 0;\n      transform-origin: 0% 100%;\n      --s: -1;\n    }\n\n    @keyframes l4-0 {\n       0%,10%   { transform:translateY(0) scaleY(1); }\n       49.99%   { transform:translateY(-100%) scaleY(1); }\n       50%      { transform:translateY(-100%) scaleY(-1); }\n       90%,100% { transform:translateY(-200%) scaleY(-1); }\n    }\n    @keyframes l4-1 {\n       0%,20%  { transform:rotate(0deg) translate(0,0) rotate(0deg); }\n       50%     { transform:rotate(calc(var(--s,1)*-90deg)) translate(0,0) rotate(0deg); }\n       100%    { transform:rotate(calc(var(--s,1)*-90deg)) translate(0,-40px) rotate(calc(var(--s,1)*-90deg)); }\n    }\n    @media (max-width:765px) {\n        .grid{grid-template-columns: repeat(1, 1fr);}\n        \n    }\n\n    .animated-heading1 {\n        white-space: nowrap;\n        font-size:48px;\n        color:#ffffff;\n        font-family: Nexa;\n        }\n\n        \/* The rest of the word is hidden initially *\/\n        .rest1 {\n        opacity: 0;\n        max-width: 0;\n        overflow: hidden;\n        transition: opacity 1s ease, max-width 1s ease;\n        display: inline-block;\n        vertical-align: bottom;\n        }\n\n        \/* On hover show the rest *\/\n        .block:hover .rest1 {\n        opacity: 1;\n        max-width: 100ch; \/* big enough to show whole text *\/\n        }\n        \/* Responsive tweaks *\/\n@media (max-width: 1024px) {\n  .grid {\n    grid-template-columns: repeat(2, 1fr); \/* tablet *\/\n  }\n}\n\n@media (max-width: 768px) {\n  .grid {\n    grid-template-columns: 1fr; \/* mobile *\/\n  }\n\n  .block {\n    height: auto;\n    padding: 60px 20px;\n    gap: 40px;\n  }\n\n  .animated-heading1 {\n    font-size: 32px;\n    text-align: center;\n  }\n\n  .loader1,\n  .loader2,\n  .loader3,\n  .loader4 {\n    width: 60px;\n    height: 60px;\n    margin-top: 40px;\n  }\n\n  .loader1 .dot {\n    width: 50px;\n    height: 50px;\n    top: 5px;\n    left: 5px;\n  }\n\n  \/* Adjust block text animation reveal width *\/\n  .title .rest {\n    width: 100%;\n  }\n}\n\n\/* Optional: prevent overflow on very small screens *\/\nbody {\n  margin: 0;\n  overflow-x: hidden;\n}\n        \n<\/style>\n\n<div class=\"grid\">\n    <div class=\"block block1\">\n      <span class=\"animated-heading1\">C<span class=\"rest1\">reative<\/span><\/span>\n      <div class=\"loader1\"><div class=\"dot\"><\/div><\/div>\n    <\/div>\n    <div class=\"block block2\">\n      <span class=\"animated-heading1\">O<span class=\"rest1\">riginal<\/span><\/span>\n      <div class=\"loader2\"><\/div>\n    <\/div>\n    <div class=\"block block3\">\n      <span class=\"animated-heading1\">O<span class=\"rest1\">utgoing<\/span><\/span>\n      <div class=\"loader3\"><\/div>\n    <\/div>\n    <div class=\"block block4\">\n      <span class=\"animated-heading1\">L<span class=\"rest1\">ovely<\/span><\/span>\n      <div class=\"loader4\"><\/div>\n    <\/div>\n  <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-07a1744 e-con-full e-flex e-con e-parent\" data-id=\"07a1744\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4ed3214 elementor-widget elementor-widget-heading\" data-id=\"4ed3214\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Your Steps, Our Story<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a3f879b elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"a3f879b\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">This is what happiness looks like in a pair of socks! Check out the photos our happy customers shared \u2014 and you can be part of the sock squad too!<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f48913f e-con-full e-flex e-con e-child\" data-id=\"f48913f\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-73683f5 elementor-widget elementor-widget-image\" data-id=\"73683f5\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"528\" height=\"554\" src=\"https:\/\/coolsocks.mk\/wp-content\/uploads\/2025\/06\/socks-ball-min-copy.gif\" class=\"attachment-full size-full wp-image-5875\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ac92002 elementor-position-top elementor-widget elementor-widget-image-box\" data-id=\"ac92002\" data-element_type=\"widget\" data-widget_type=\"image-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper\"><figure class=\"elementor-image-box-img\"><img loading=\"lazy\" decoding=\"async\" width=\"343\" height=\"356\" src=\"https:\/\/coolsocks.mk\/wp-content\/uploads\/2025\/06\/image-14.png\" class=\"attachment-full size-full wp-image-5541\" alt=\"\" srcset=\"https:\/\/coolsocks.mk\/wp-content\/uploads\/2025\/06\/image-14.png 343w, https:\/\/coolsocks.mk\/wp-content\/uploads\/2025\/06\/image-14-289x300.png 289w\" sizes=\"(max-width: 343px) 100vw, 343px\" \/><\/figure><div class=\"elementor-image-box-content\"><p class=\"elementor-image-box-description\"><a href=\"\" style=\"color:#0B60A7\">@nickname<\/a> - Fashionable and<br>comfortable socks<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-63e146e elementor-position-top elementor-widget elementor-widget-image-box\" data-id=\"63e146e\" data-element_type=\"widget\" data-widget_type=\"image-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper\"><figure class=\"elementor-image-box-img\"><img loading=\"lazy\" decoding=\"async\" width=\"343\" height=\"356\" src=\"https:\/\/coolsocks.mk\/wp-content\/uploads\/2025\/06\/image-13.png\" class=\"attachment-full size-full wp-image-5542\" alt=\"\" srcset=\"https:\/\/coolsocks.mk\/wp-content\/uploads\/2025\/06\/image-13.png 343w, https:\/\/coolsocks.mk\/wp-content\/uploads\/2025\/06\/image-13-289x300.png 289w\" sizes=\"(max-width: 343px) 100vw, 343px\" \/><\/figure><div class=\"elementor-image-box-content\"><p class=\"elementor-image-box-description\"><a href=\"\" style=\"color:#0B60A7\">@nickname<\/a> - Fashionable and<br>comfortable socks<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4925043 elementor-position-top elementor-widget elementor-widget-image-box\" data-id=\"4925043\" data-element_type=\"widget\" data-widget_type=\"image-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper\"><figure class=\"elementor-image-box-img\"><img loading=\"lazy\" decoding=\"async\" width=\"343\" height=\"356\" src=\"https:\/\/coolsocks.mk\/wp-content\/uploads\/2025\/06\/image-12.png\" class=\"attachment-full size-full wp-image-5543\" alt=\"\" srcset=\"https:\/\/coolsocks.mk\/wp-content\/uploads\/2025\/06\/image-12.png 343w, https:\/\/coolsocks.mk\/wp-content\/uploads\/2025\/06\/image-12-289x300.png 289w\" sizes=\"(max-width: 343px) 100vw, 343px\" \/><\/figure><div class=\"elementor-image-box-content\"><p class=\"elementor-image-box-description\"><a href=\"\" style=\"color:#0B60A7\">@nickname<\/a> - Fashionable and<br>comfortable socks<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cabcacf e-con-full e-flex e-con e-child\" data-id=\"cabcacf\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6911dc9 elementor-widget elementor-widget-html\" data-id=\"6911dc9\" 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\r\n<style>\r\n  .carousel-container {\r\n    width: 100%;\r\n    max-width: 1000px;\r\n    height: 90px;\r\n    overflow: hidden;\r\n    position: relative;\r\n    margin: auto;\r\n    background: #fff; \/* Optional: ensures visibility *\/\r\n  }\r\n\r\n  .carousel-track {\r\n    display: flex;\r\n    flex-direction: column;\r\n    position: relative;\r\n    \/* 16 seconds total for 4 slides *\/\r\n    animation: scrollStepSlide 16s infinite ease-in-out;\r\n  }\r\n\r\n  .carousel-item {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    height: 90px;\r\n    font-size: 2rem;\r\n    font-weight: 600;\r\n    color: #0B60A7;\r\n    gap: 15px;\r\n    padding: 0 10px;\r\n    text-align: center;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .quote-icon {\r\n    width: 36px;\r\n    height: 36px;\r\n  }\r\n\r\n  .carousel-item img:first-child {\r\n    transform: translateY(-10px);\r\n  }\r\n\r\n  .carousel-item img:last-child {\r\n    transform: translateY(10px);\r\n  }\r\n\r\n  \/* Logic: 4 Unique slides. \r\n     Each slide gets a 25% \"chunk\" of the 16s (4 seconds).\r\n     We use 5% for movement and 20% for holding.\r\n  *\/\r\n  @keyframes scrollStepSlide {\r\n    \/* Slide 1 - Start (Hold for half-duration) *\/\r\n    0%, 10% { transform: translateY(0); }\r\n\r\n    \/* Move to Slide 2 *\/\r\n    15% { transform: translateY(-90px); }\r\n    35% { transform: translateY(-90px); }\r\n\r\n    \/* Move to Slide 3 *\/\r\n    40% { transform: translateY(-180px); }\r\n    60% { transform: translateY(-180px); }\r\n\r\n    \/* Move to Slide 4 *\/\r\n    65% { transform: translateY(-270px); }\r\n    85% { transform: translateY(-270px); }\r\n\r\n    \/* Move to Duplicate Slide 1 - End (Hold for half-duration) *\/\r\n    90%, 100% { transform: translateY(-360px); }\r\n  }\r\n\r\n  \/* Mobile Adjustments *\/\r\n  @media (max-width: 765px) {\r\n    .carousel-container {\r\n      height: 80px;\r\n    }\r\n\r\n    .carousel-item {\r\n      height: 80px;\r\n      font-size: 1.3rem;\r\n    }\r\n\r\n    .quote-icon {\r\n      width: 24px;\r\n      height: 24px;\r\n    }\r\n\r\n    @keyframes scrollStepSlide {\r\n      0%, 10% { transform: translateY(0); }\r\n      15% { transform: translateY(-80px); }\r\n      35% { transform: translateY(-80px); }\r\n      40% { transform: translateY(-160px); }\r\n      60% { transform: translateY(-160px); }\r\n      65% { transform: translateY(-240px); }\r\n      85% { transform: translateY(-240px); }\r\n      90%, 100% { transform: translateY(-320px); }\r\n    }\r\n  }\r\n<\/style>\r\n\r\n\r\n  <div class=\"carousel-container\">\r\n    <div class=\"carousel-track\">\r\n      <!-- Original Items -->\r\n      <div class=\"carousel-item\">\r\n        <img decoding=\"async\" src=\"https:\/\/coolsocks.mk\/wp-content\/uploads\/2025\/06\/Vector.png\" class=\"quote-icon\" alt=\"quote\" \/>\r\n        Wrap your feet in happiness!\r\n        <img decoding=\"async\" src=\"https:\/\/coolsocks.mk\/wp-content\/uploads\/2025\/06\/Vector.png\" class=\"quote-icon\" alt=\"quote\" \/>\r\n      <\/div>\r\n      <div class=\"carousel-item\">\r\n        <img decoding=\"async\" src=\"https:\/\/coolsocks.mk\/wp-content\/uploads\/2025\/06\/Vector.png\" class=\"quote-icon\" alt=\"quote\" \/>\r\n        Comfort that hugs your sole.\r\n        <img decoding=\"async\" src=\"https:\/\/coolsocks.mk\/wp-content\/uploads\/2025\/06\/Vector.png\" class=\"quote-icon\" alt=\"quote\" \/>\r\n      <\/div>\r\n      <div class=\"carousel-item\">\r\n        <img decoding=\"async\" src=\"https:\/\/coolsocks.mk\/wp-content\/uploads\/2025\/06\/Vector.png\" class=\"quote-icon\" alt=\"quote\" \/>\r\n        Style meets softness.\r\n        <img decoding=\"async\" src=\"https:\/\/coolsocks.mk\/wp-content\/uploads\/2025\/06\/Vector.png\" class=\"quote-icon\" alt=\"quote\" \/>\r\n      <\/div>\r\n      <div class=\"carousel-item\">\r\n        <img decoding=\"async\" src=\"https:\/\/coolsocks.mk\/wp-content\/uploads\/2025\/06\/Vector.png\" class=\"quote-icon\" alt=\"quote\" \/>\r\n        Love every step.\r\n        <img decoding=\"async\" src=\"https:\/\/coolsocks.mk\/wp-content\/uploads\/2025\/06\/Vector.png\" class=\"quote-icon\" alt=\"quote\" \/>\r\n      <\/div>\r\n\r\n      <!-- Duplicated Items -->\r\n      <div class=\"carousel-item\">\r\n        <img decoding=\"async\" src=\"https:\/\/coolsocks.mk\/wp-content\/uploads\/2025\/06\/Vector.png\" class=\"quote-icon\" alt=\"quote\" \/>\r\n        Wrap your feet in happiness!\r\n        <img decoding=\"async\" src=\"https:\/\/coolsocks.mk\/wp-content\/uploads\/2025\/06\/Vector.png\" class=\"quote-icon\" alt=\"quote\" \/>\r\n      <\/div>\r\n      <div class=\"carousel-item\">\r\n        <img decoding=\"async\" src=\"https:\/\/coolsocks.mk\/wp-content\/uploads\/2025\/06\/Vector.png\" class=\"quote-icon\" alt=\"quote\" \/>\r\n        Comfort that hugs your sole.\r\n        <img decoding=\"async\" src=\"https:\/\/coolsocks.mk\/wp-content\/uploads\/2025\/06\/Vector.png\" class=\"quote-icon\" alt=\"quote\" \/>\r\n      <\/div>\r\n      <div class=\"carousel-item\">\r\n        <img decoding=\"async\" src=\"https:\/\/coolsocks.mk\/wp-content\/uploads\/2025\/06\/Vector.png\" class=\"quote-icon\" alt=\"quote\" \/>\r\n        Style meets softness.\r\n        <img decoding=\"async\" src=\"https:\/\/coolsocks.mk\/wp-content\/uploads\/2025\/06\/Vector.png\" class=\"quote-icon\" alt=\"quote\" \/>\r\n      <\/div>\r\n      <div class=\"carousel-item\">\r\n        <img decoding=\"async\" src=\"https:\/\/coolsocks.mk\/wp-content\/uploads\/2025\/06\/Vector.png\" class=\"quote-icon\" alt=\"quote\" \/>\r\n        Love every step.\r\n        <img decoding=\"async\" src=\"https:\/\/coolsocks.mk\/wp-content\/uploads\/2025\/06\/Vector.png\" class=\"quote-icon\" alt=\"quote\" \/>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4a0f0dd e-con-full e-flex e-con e-parent\" data-id=\"4a0f0dd\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;shape_divider_top&quot;:&quot;waves&quot;,&quot;shape_divider_top_negative&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-shape elementor-shape-top\" aria-hidden=\"true\" data-negative=\"true\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1000 100\" preserveAspectRatio=\"none\">\n\t<path class=\"elementor-shape-fill\" d=\"M790.5,93.1c-59.3-5.3-116.8-18-192.6-50c-29.6-12.7-76.9-31-100.5-35.9c-23.6-4.9-52.6-7.8-75.5-5.3\n\tc-10.2,1.1-22.6,1.4-50.1,7.4c-27.2,6.3-58.2,16.6-79.4,24.7c-41.3,15.9-94.9,21.9-134,22.6C72,58.2,0,25.8,0,25.8V100h1000V65.3\n\tc0,0-51.5,19.4-106.2,25.7C839.5,97,814.1,95.2,790.5,93.1z\"\/>\n<\/svg>\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0b06a2f e-con-full e-flex e-con e-child\" data-id=\"0b06a2f\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-ecda7ec e-con-full e-flex e-con e-child\" data-id=\"ecda7ec\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-072b665 elementor-widget elementor-widget-heading\" data-id=\"072b665\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Let\u2019s Make Sock Magic Together!<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f716462 elementor-widget elementor-widget-heading\" data-id=\"f716462\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Are you a content creator, brand, or just crazy about socks? We\u2019re cooking up something cool \u2014 and you could be part of it.<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0a91d2a elementor-widget elementor-widget-button\" data-id=\"0a91d2a\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/ig.me\/m\/coolsocksmk\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Let\u2019s Collab<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d66d7f2 e-con-full e-flex e-con e-child\" data-id=\"d66d7f2\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e328cef elementor-widget elementor-widget-image\" data-id=\"e328cef\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"480\" height=\"600\" src=\"https:\/\/coolsocks.mk\/wp-content\/uploads\/2025\/06\/corapi-gif.gif\" class=\"attachment-large size-large wp-image-5874\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Comfort and style, from heel to toe. Catalog Offers Our Story Lifestyle Creative Original Outgoing Lovely Your Steps, Our Story This is what happiness looks like in a pair of socks! Check out the photos our happy customers shared \u2014 and you can be part of the sock squad too! @nickname &#8211; Fashionable andcomfortable socks [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-6159","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Our Story - Cool Socks<\/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:\/\/coolsocks.mk\/en\/our-story\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Our Story - Cool Socks\" \/>\n<meta property=\"og:description\" content=\"Comfort and style, from heel to toe. Catalog Offers Our Story Lifestyle Creative Original Outgoing Lovely Your Steps, Our Story This is what happiness looks like in a pair of socks! Check out the photos our happy customers shared \u2014 and you can be part of the sock squad too! @nickname &#8211; Fashionable andcomfortable socks [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/coolsocks.mk\/en\/our-story\/\" \/>\n<meta property=\"og:site_name\" content=\"Cool Socks\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-11T15:42:37+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/coolsocks.mk\/wp-content\/uploads\/2025\/04\/viber_image_2025-04-08_10-32-38-678.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1000\" \/>\n\t<meta property=\"og:image:height\" content=\"420\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/coolsocks.mk\/en\/our-story\/\",\"url\":\"https:\/\/coolsocks.mk\/en\/our-story\/\",\"name\":\"Our Story - Cool Socks\",\"isPartOf\":{\"@id\":\"https:\/\/coolsocks.mk\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/coolsocks.mk\/en\/our-story\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/coolsocks.mk\/en\/our-story\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/coolsocks.mk\/wp-content\/uploads\/2025\/04\/viber_image_2025-04-08_10-32-38-678.png\",\"datePublished\":\"2025-07-16T13:09:29+00:00\",\"dateModified\":\"2026-02-11T15:42:37+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/coolsocks.mk\/en\/our-story\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/coolsocks.mk\/en\/our-story\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/coolsocks.mk\/en\/our-story\/#primaryimage\",\"url\":\"https:\/\/coolsocks.mk\/wp-content\/uploads\/2025\/04\/viber_image_2025-04-08_10-32-38-678.png\",\"contentUrl\":\"https:\/\/coolsocks.mk\/wp-content\/uploads\/2025\/04\/viber_image_2025-04-08_10-32-38-678.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/coolsocks.mk\/en\/our-story\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/coolsocks.mk\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Our Story\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/coolsocks.mk\/#website\",\"url\":\"https:\/\/coolsocks.mk\/\",\"name\":\"Cool Socks\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/coolsocks.mk\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/coolsocks.mk\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/coolsocks.mk\/#organization\",\"name\":\"Cool Socks\",\"url\":\"https:\/\/coolsocks.mk\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/coolsocks.mk\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/coolsocks.mk\/wp-content\/uploads\/2025\/04\/viber_image_2025-04-08_10-32-38-678.png\",\"contentUrl\":\"https:\/\/coolsocks.mk\/wp-content\/uploads\/2025\/04\/viber_image_2025-04-08_10-32-38-678.png\",\"width\":1000,\"height\":420,\"caption\":\"Cool Socks\"},\"image\":{\"@id\":\"https:\/\/coolsocks.mk\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Our Story - Cool Socks","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:\/\/coolsocks.mk\/en\/our-story\/","og_locale":"en_US","og_type":"article","og_title":"Our Story - Cool Socks","og_description":"Comfort and style, from heel to toe. Catalog Offers Our Story Lifestyle Creative Original Outgoing Lovely Your Steps, Our Story This is what happiness looks like in a pair of socks! Check out the photos our happy customers shared \u2014 and you can be part of the sock squad too! @nickname &#8211; Fashionable andcomfortable socks [&hellip;]","og_url":"https:\/\/coolsocks.mk\/en\/our-story\/","og_site_name":"Cool Socks","article_modified_time":"2026-02-11T15:42:37+00:00","og_image":[{"width":1000,"height":420,"url":"https:\/\/coolsocks.mk\/wp-content\/uploads\/2025\/04\/viber_image_2025-04-08_10-32-38-678.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/coolsocks.mk\/en\/our-story\/","url":"https:\/\/coolsocks.mk\/en\/our-story\/","name":"Our Story - Cool Socks","isPartOf":{"@id":"https:\/\/coolsocks.mk\/#website"},"primaryImageOfPage":{"@id":"https:\/\/coolsocks.mk\/en\/our-story\/#primaryimage"},"image":{"@id":"https:\/\/coolsocks.mk\/en\/our-story\/#primaryimage"},"thumbnailUrl":"https:\/\/coolsocks.mk\/wp-content\/uploads\/2025\/04\/viber_image_2025-04-08_10-32-38-678.png","datePublished":"2025-07-16T13:09:29+00:00","dateModified":"2026-02-11T15:42:37+00:00","breadcrumb":{"@id":"https:\/\/coolsocks.mk\/en\/our-story\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/coolsocks.mk\/en\/our-story\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/coolsocks.mk\/en\/our-story\/#primaryimage","url":"https:\/\/coolsocks.mk\/wp-content\/uploads\/2025\/04\/viber_image_2025-04-08_10-32-38-678.png","contentUrl":"https:\/\/coolsocks.mk\/wp-content\/uploads\/2025\/04\/viber_image_2025-04-08_10-32-38-678.png"},{"@type":"BreadcrumbList","@id":"https:\/\/coolsocks.mk\/en\/our-story\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/coolsocks.mk\/en\/"},{"@type":"ListItem","position":2,"name":"Our Story"}]},{"@type":"WebSite","@id":"https:\/\/coolsocks.mk\/#website","url":"https:\/\/coolsocks.mk\/","name":"Cool Socks","description":"","publisher":{"@id":"https:\/\/coolsocks.mk\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/coolsocks.mk\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/coolsocks.mk\/#organization","name":"Cool Socks","url":"https:\/\/coolsocks.mk\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/coolsocks.mk\/#\/schema\/logo\/image\/","url":"https:\/\/coolsocks.mk\/wp-content\/uploads\/2025\/04\/viber_image_2025-04-08_10-32-38-678.png","contentUrl":"https:\/\/coolsocks.mk\/wp-content\/uploads\/2025\/04\/viber_image_2025-04-08_10-32-38-678.png","width":1000,"height":420,"caption":"Cool Socks"},"image":{"@id":"https:\/\/coolsocks.mk\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/coolsocks.mk\/en\/wp-json\/wp\/v2\/pages\/6159","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/coolsocks.mk\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/coolsocks.mk\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/coolsocks.mk\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/coolsocks.mk\/en\/wp-json\/wp\/v2\/comments?post=6159"}],"version-history":[{"count":46,"href":"https:\/\/coolsocks.mk\/en\/wp-json\/wp\/v2\/pages\/6159\/revisions"}],"predecessor-version":[{"id":6881,"href":"https:\/\/coolsocks.mk\/en\/wp-json\/wp\/v2\/pages\/6159\/revisions\/6881"}],"wp:attachment":[{"href":"https:\/\/coolsocks.mk\/en\/wp-json\/wp\/v2\/media?parent=6159"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}