{"id":5847,"date":"2021-07-02T16:45:39","date_gmt":"2021-07-02T14:45:39","guid":{"rendered":"http:\/\/tintosmart.it\/?page_id=5847"},"modified":"2021-10-18T11:49:58","modified_gmt":"2021-10-18T09:49:58","slug":"portable-tintometer","status":"publish","type":"page","link":"https:\/\/tintosmart.it\/en\/portable-tintometer\/","title":{"rendered":"Portable Color System"},"content":{"rendered":"\n<div class=\"pure-containerFluid kdescimg filterColor\" style=\"\">\n    <div class=\"pure-g\">\n        <div class=\"pure-u-1-1 pure-u-md-12-24 p-0 d-flex h-fit order-mob-2\">\n                        <img decoding=\"async\" loading=\"lazy\" width=\"800\" height=\"800\" src=\"https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/06\/home-5-starter.jpg\" alt=\"\">\n        <\/div>\n        <div class=\"pure-u-1-1 pure-u-md-12-24 p-0 order-mob-1\">\n            <div class=\"kdescimg__contentCol\">\n                                    <h2>Start your experience now<\/h2>\n                \n                \n                                    <a style=\"\"\n                            class=\"pure-button orangeBtn \" href=\"\/en\/product-category\/kit-tintosmart\/\" target=\"\">\n                        DISCOVER OUR KITS                    <\/a>\n                            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n<style>\n\n    .kdescimg.filterColor{color: #272322; background-color: #FFFFFF;}\n    .kdescimg{color: #FFFFFF; background-color: #272322; margin-top: 0px;}\n    .kdescimg h2{font-size: 55px; line-height: 1.2;}\n    .kdescimg img{width: 100%; height: auto;}\n    .kdescimg__contentCol{display: flex; justify-content: center; width: 80%; margin: 0 auto; height: 100%; flex-direction: column; padding: 50px;}\n    .kdescimg .pure-button.whiteBtn, .kdescimg .pure-button.orangeBtn{width: fit-content; padding: 0.8em 5em;}\n    .kdescimg .kdescimg__desc{margin-bottom: 1.5em;}\n\n    .kdescimg .order-1{order: 1;}\n    .kdescimg .order-2{order: 2;}\n\n\n    \/* mobile *\/\n    @media screen and (max-width: 767px) {\n        .kdescimg .order-1{order: 2;}\n        .kdescimg .order-2{order: 1;}\n        .kdescimg .order-mob-1{order: 2;}\n        .kdescimg .order-mob-2{order: 1;}\n        .kdescimg h2{font-size: 45px;  margin-bottom: 45px; line-height: 45px;}\n        .kdescimg__contentCol{padding: 20px 0; margin-bottom: 70px;}\n        .kdescimg__contentCol .pure-button.whiteBtn {width: 100%;padding: 0.8em 0;text-align: center;}\n        .kdescimg__contentCol .pure-button.orangeBtn {width: 100%;padding: 0.8em 0;text-align: center;}\n\n        .kdescimg.filterColor h2{color: #272322; background-color: #FFFFFF; text-align: center; margin-bottom: 45px;}\n        .kdescimg h2{text-align: left; margin-bottom: 0;}\n\n    }\n\n    \/* ipad *\/\n    @media screen and (min-width: 768px) and  (max-width: 992px){\n        .kdescimg__contentCol{padding: 10px;}\n        .kdescimg h2{font-size: 45px;}\n    }\n\n    \/* ipad pro *\/\n    @media screen and (min-width: 992px) and  (max-width: 1200px){\n        .kdescimg__contentCol{padding: 10px;}\n        .kdescimg h2{font-size: 45px;}\n    }\n\n<\/style>\n\n\n<div class=\"pure-containerFluid pureCol\">\n            <div class=\"pure-row\">\n            <div class=\"pure-g\">\n                <div class=\"pure-u-1-1 pure-u-md-20-24 offset-md-1-12\">\n\n\n\n\n<style>\n\n\n    \/* mobile *\/\n    @media screen and (max-width: 767px) {\n\n    }\n\n    \/* ipad *\/\n    @media screen and (min-width: 768px) and  (max-width: 992px){\n\n    }\n\n    \/* ipad pro *\/\n    @media screen and (min-width: 992px) and  (max-width: 1200px){\n\n    }\n\n<\/style>\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>The proposed use of the Portable Color System is divided into <strong>two types<\/strong> depending on the mode of use that the user intends to pursue. The Portable Color System, in fact, can be purchased and is included in two different kits called <strong>Basic Kit<\/strong> and <strong>Starter Kit<\/strong>.<\/p>\n\n\n\n<p>The difference in the proposal lies in the type of use that the user can make of it and, for this reason, the content of the two packs is <strong>different<\/strong> while both contain the Portable Color System.<\/p>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"pure-containerFluid kdescimg filterColor\" style=\"\">\n    <div class=\"pure-g\">\n        <div class=\"pure-u-1-1 pure-u-md-12-24 p-0 d-flex h-fit order-mob-2\">\n                        <img decoding=\"async\" loading=\"lazy\" width=\"2400\" height=\"1924\" src=\"https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/10\/pag-s@2x.png\" alt=\"\">\n        <\/div>\n        <div class=\"pure-u-1-1 pure-u-md-12-24 p-0 order-mob-1\">\n            <div class=\"kdescimg__contentCol\">\n                                    <h2>Starter Kit<\/h2>\n                \n                                    <div class=\"kdescimg__desc\"><p class=\"p1\">It allows to realize various special applications, thanks to the greater number of instruments and accessories included.<\/p>\n<\/div>\n                \n                                    <a style=\"\"\n                            class=\"pure-button orangeBtn \" href=\"\/en\/product\/starter-kit-tintosmart\/\" target=\"\">\n                        FIND OUT MORE                    <\/a>\n                            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n<style>\n\n    .kdescimg.filterColor{color: #272322; background-color: #FFFFFF;}\n    .kdescimg{color: #FFFFFF; background-color: #272322; margin-top: 0px;}\n    .kdescimg h2{font-size: 55px; line-height: 1.2;}\n    .kdescimg img{width: 100%; height: auto;}\n    .kdescimg__contentCol{display: flex; justify-content: center; width: 80%; margin: 0 auto; height: 100%; flex-direction: column; padding: 50px;}\n    .kdescimg .pure-button.whiteBtn, .kdescimg .pure-button.orangeBtn{width: fit-content; padding: 0.8em 5em;}\n    .kdescimg .kdescimg__desc{margin-bottom: 1.5em;}\n\n    .kdescimg .order-1{order: 1;}\n    .kdescimg .order-2{order: 2;}\n\n\n    \/* mobile *\/\n    @media screen and (max-width: 767px) {\n        .kdescimg .order-1{order: 2;}\n        .kdescimg .order-2{order: 1;}\n        .kdescimg .order-mob-1{order: 2;}\n        .kdescimg .order-mob-2{order: 1;}\n        .kdescimg h2{font-size: 45px;  margin-bottom: 45px; line-height: 45px;}\n        .kdescimg__contentCol{padding: 20px 0; margin-bottom: 70px;}\n        .kdescimg__contentCol .pure-button.whiteBtn {width: 100%;padding: 0.8em 0;text-align: center;}\n        .kdescimg__contentCol .pure-button.orangeBtn {width: 100%;padding: 0.8em 0;text-align: center;}\n\n        .kdescimg.filterColor h2{color: #272322; background-color: #FFFFFF; text-align: center; margin-bottom: 45px;}\n        .kdescimg h2{text-align: left; margin-bottom: 0;}\n\n    }\n\n    \/* ipad *\/\n    @media screen and (min-width: 768px) and  (max-width: 992px){\n        .kdescimg__contentCol{padding: 10px;}\n        .kdescimg h2{font-size: 45px;}\n    }\n\n    \/* ipad pro *\/\n    @media screen and (min-width: 992px) and  (max-width: 1200px){\n        .kdescimg__contentCol{padding: 10px;}\n        .kdescimg h2{font-size: 45px;}\n    }\n\n<\/style>\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"pure-containerFluid kdescimg filterColor\" style=\"\">\n    <div class=\"pure-g\">\n        <div class=\"pure-u-1-1 pure-u-md-12-24 p-0 d-flex h-fit order-2\">\n                        <img decoding=\"async\" loading=\"lazy\" width=\"2400\" height=\"1924\" src=\"https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/10\/pag-b@2x.png\" alt=\"\">\n        <\/div>\n        <div class=\"pure-u-1-1 pure-u-md-12-24 p-0 order-1\">\n            <div class=\"kdescimg__contentCol\">\n                                    <h2>Basic Kit<\/h2>\n                \n                                    <div class=\"kdescimg__desc\"><p class=\"p1\">Proposal addressed to those who intend to take advantage of the basic and essential functions of the Portable Color System.<\/p>\n<\/div>\n                \n                                    <a style=\"\"\n                            class=\"pure-button orangeBtn \" href=\"\/en\/product\/basic-kit\/\" target=\"\">\n                        FIND OUT MORE                    <\/a>\n                            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n<style>\n\n    .kdescimg.filterColor{color: #272322; background-color: #FFFFFF;}\n    .kdescimg{color: #FFFFFF; background-color: #272322; margin-top: 0px;}\n    .kdescimg h2{font-size: 55px; line-height: 1.2;}\n    .kdescimg img{width: 100%; height: auto;}\n    .kdescimg__contentCol{display: flex; justify-content: center; width: 80%; margin: 0 auto; height: 100%; flex-direction: column; padding: 50px;}\n    .kdescimg .pure-button.whiteBtn, .kdescimg .pure-button.orangeBtn{width: fit-content; padding: 0.8em 5em;}\n    .kdescimg .kdescimg__desc{margin-bottom: 1.5em;}\n\n    .kdescimg .order-1{order: 1;}\n    .kdescimg .order-2{order: 2;}\n\n\n    \/* mobile *\/\n    @media screen and (max-width: 767px) {\n        .kdescimg .order-1{order: 2;}\n        .kdescimg .order-2{order: 1;}\n        .kdescimg .order-mob-1{order: 2;}\n        .kdescimg .order-mob-2{order: 1;}\n        .kdescimg h2{font-size: 45px;  margin-bottom: 45px; line-height: 45px;}\n        .kdescimg__contentCol{padding: 20px 0; margin-bottom: 70px;}\n        .kdescimg__contentCol .pure-button.whiteBtn {width: 100%;padding: 0.8em 0;text-align: center;}\n        .kdescimg__contentCol .pure-button.orangeBtn {width: 100%;padding: 0.8em 0;text-align: center;}\n\n        .kdescimg.filterColor h2{color: #272322; background-color: #FFFFFF; text-align: center; margin-bottom: 45px;}\n        .kdescimg h2{text-align: left; margin-bottom: 0;}\n\n    }\n\n    \/* ipad *\/\n    @media screen and (min-width: 768px) and  (max-width: 992px){\n        .kdescimg__contentCol{padding: 10px;}\n        .kdescimg h2{font-size: 45px;}\n    }\n\n    \/* ipad pro *\/\n    @media screen and (min-width: 992px) and  (max-width: 1200px){\n        .kdescimg__contentCol{padding: 10px;}\n        .kdescimg h2{font-size: 45px;}\n    }\n\n<\/style>\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n<style>\n\n    \/* mobile *\/\n    @media screen and (max-width: 767px) {\n\n    }\n\n    \/* ipad *\/\n    @media screen and (min-width: 768px) and  (max-width: 992px){\n\n    }\n\n    \/* ipad pro *\/\n    @media screen and (min-width: 992px) and  (max-width: 1200px){\n\n    }\n\n<\/style>\n\n\n<div class=\"pure-containerFluid kdesc3col slide916528\">\n    <div class=\"kdesc3col__bgBlack\"><\/div>\n    <div class=\"pure-g\">\n        <div class=\"pure-u-1-1 pure-u-md-20-24 offset-md-1-12\">\n            <div class=\"pure-g\">\n                <div class=\"pure-u-1-1\"><h2>The pluses<\/h2><\/div>\n            <\/div>\n\n            <div class=\"swiper-container kdesc3col__swiper\">\n                <div class=\"swiper-wrapper\">\n                    <div class=\"swiper-slide\">\n                        <div class=\"kdesc3col__single\">\n                                                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/plus-1.jpg\" alt=\"\" width=\"600\" height=\"420\">\n                            \n                                                            <h3>Save time<\/h3>\n                            \n                                                            <div class=\"kdesc3col__desc\"><p class=\"p1\">Identify your favorite color or the color desired by the customer and reproduce the selected color on the spot, avoiding <b>movement<\/b> and <b>waiting times<\/b> for product preparation.<\/p>\n<\/div>\n                            \n                                                                                <\/div>\n                    <\/div>\n                    <div class=\"swiper-slide\">\n                        <div class=\"kdesc3col__single\">\n                                                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/plus-2.jpg\" alt=\"\" width=\"600\" height=\"420\">\n                            \n                                                            <h3>Get maximum precision<\/h3>\n                            \n                                                            <div class=\"kdesc3col__desc\"><p class=\"p1\">The more than <b>500 color formulations<\/b> included in the formulary are specially designed to guarantee the accuracy of the color selected from the color card.<\/p>\n<\/div>\n                            \n                                                                                <\/div>\n                    <\/div>\n                    <div class=\"swiper-slide\">\n                        <div class=\"kdesc3col__single\">\n                                                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/plus-3.jpg\" alt=\"\" width=\"600\" height=\"420\">\n                            \n                                                            <h3>Unleash your creativity<\/h3>\n                            \n                                                            <div class=\"kdesc3col__desc\"><p class=\"p1\">TintoSmart allows the applicator to free their imagination by creating their <b>own color collection<\/b>, storing the customer&#8217;s color and noting the formulations on special color cards to be included in the binder of <b>personalized colors<\/b> or in the personal digital section.<\/p>\n<\/div>\n                            \n                                                                                <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"swiper-pagination\"><\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n<style>\n\n    .kdesc3col{text-align: center; position: relative; margin-bottom: 70px;}\n    .kdesc3col h2{text-align: left; color: #FFFFFF; font-size: 55px; font-weight: 700; margin-top: 20px;}\n    .kdesc3col__bgBlack{background-color: #272322; position: absolute; top: 0; height: 200px; width: 100%;  z-index: -1;}\n    .kdesc3col h3{margin-top: 20px; color: #272322; font-size: 24px;}\n    .kdesc3col__desc{margin-bottom: 30px;}\n    .kdesc3col__single{padding-bottom: 30px;}\n\n    .kdesc3col .swiper-pagination.disabled {display: none;}\n\n    .kdesc3col .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color: #de6536;}\n    .kdesc3col .swiper-pagination-bullet {width: 8px;height: 8px;background: #FFFFFF;color: transparent;opacity: 1;border-radius: 50%;border: 2px solid #de6536;margin: 0 5px!important;}\n\n    .kdesc3col .swiper-pagination{display: none;}\n\n    \/* mobile *\/\n    @media screen and (max-width: 767px) {\n        .kdesc3col{margin-bottom: 0;}\n        .kdesc3col h2{font-size: 35px; padding-left: 15px; padding-right: 15px; line-height: 37px;}\n        .kdesc3col__desc{min-height: auto!important; width: 90%; margin: 0 auto;}\n        .kdesc3col__single{margin-bottom: 50px;}\n        .kdesc3col__bgBlack{height: 100%;}\n        .kdesc3col h3{color: #FFFFFF; font-size: 20px;}\n        .kdesc3col__single{color: #FFFFFF;}\n        .kdesc3col .pure-button.blackBtn{background-color: #FFFFFF; color: #272322;}\n        .kdesc3col .swiper-pagination{bottom: 30px;}\n        .kdesc3col .swiper-pagination-bullet{width: 8px;height: 8px;background: #272322;color: transparent;opacity: 1;\n            border-radius: 50%;border: 2px solid #FFFFFF;margin: 0 5px!important}\n        .kdesc3col .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: #FFFFFF;}\n\n        .kdesc3col .pure-g > div[class*=\"pure-u-\"]{padding-left: 0!important; padding-right: 0!important;}\n\n        .kdesc3col .pure-button.blackBtn{display: flex;text-align: center;justify-content: center;width: 68%;margin: 0 auto;}\n        .kdesc3col .swiper-pagination{display: block;}\n\n\n    }\n\n    \/* ipad *\/\n    @media screen and (min-width: 768px) and  (max-width: 992px){\n        .kgallerylist .swiper-container {width: 100%;height: 100%;}\n        .kdesc3col  .swiper-pagination-bullets{bottom: -6px;}\n        .kdesc3col h2{font-size: 38px;}\n        .kdesc3col .swiper-pagination{display: block;}\n    }\n\n    \/* ipad pro *\/\n    @media screen and (min-width: 992px) and  (max-width: 1200px){\n\n    }\n\n    \/* desktop *\/\n    @media screen and (min-width: 993px){\n        .kgallerylist .swiper-container {width: 100%;height: 100%;}\n        .kdesc3col  .swiper-pagination-bullets{bottom: -6px;}\n        .kdesc3col h2{font-size: 38px;}\n        .kdesc3col .swiper-pagination{display: block;}\n        .kdesc3col .swiper-wrapper{transform: translate3d(0px, 0, 0) !important;}\n    }\n\n<\/style>\n\n<script>\n    window.addEventListener('DOMContentLoaded', function() {\n        jQuery(function ($) {\n\n            var swiper3Col = new Swiper(\".slide916528 .kdesc3col__swiper\", {\n                loop: true,\n                centeredSlides: true,\n                spaceBetween: 15,\n                pagination: {\n                    el: \".kdesc3col.slide916528 .swiper-pagination\",\n                },\n                breakpoints: {\n                    0: {\n                        slidesPerView: 1.2,\n                        spaceBetween: 15,\n                    },\n                    768:{\n                        slidesPerView: 1,\n                        spaceBetween: 15,\n                    },\n                    1024: {\n                        slidesPerView: 3,\n                        spaceBetween: 15,\n                    },\n                }\n            });\n\n            $(window).on(\"resize load\", function(event){\n                if ( $(this).width() > 1023) {\n                    $(\".kdesc3col .swiper-wrapper\").addClass(\"disabled\");\n                    $(\".kdesc3col .swiper-pagination\").addClass(\"disabled\");\n                }else{\n                    $(\".kdesc3col .swiper-wrapper\").removeClass(\"disabled\");\n                    $(\".kdesc3col .swiper-pagination\").removeClass(\"disabled\");\n                }\n            });\n\n            \/* highest element *\/\n            $(window).on(\"load resize\",function(e){\n                $(\".kdesc3col__desc\").css(\"min-height\", \"auto\");\n                var h=0; \/\/ the height of the highest element (after the function runs)\n                $(\".kdesc3col__desc\").each(function () {\n                    if (  $(this).outerHeight() > h ) {\n                        h=$(this).outerHeight();\n                    }\n                    $(\".kdesc3col__desc\").css(\"min-height\", h);\n                });\n            });\n\n        }(jQuery));\n    });\n<\/script>\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"pure-containerFluid kdesc3col slide66716538\">\n    <div class=\"kdesc3col__bgBlack\"><\/div>\n    <div class=\"pure-g\">\n        <div class=\"pure-u-1-1 pure-u-md-20-24 offset-md-1-12\">\n            <div class=\"pure-g\">\n                <div class=\"pure-u-1-1\"><h2>The Targets<\/h2><\/div>\n            <\/div>\n\n            <div class=\"swiper-container kdesc3col__swiper\">\n                <div class=\"swiper-wrapper\">\n                    <div class=\"swiper-slide\">\n                        <div class=\"kdesc3col__single\">\n                                                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/06\/tintometro-applicatori.jpg\" alt=\"\" width=\"1200\" height=\"800\">\n                            \n                                                            <h3>For professional applicators<\/h3>\n                            \n                                                            <div class=\"kdesc3col__desc\"><p class=\"p1\">How often do requests for new colors occur on site? Do you want to speed up the color selection and production process? Do you want to reproduce precisely the color indicated by the customer? <b>Choose TintoSmart!<\/b><\/p>\n<\/div>\n                            \n                                                                                <\/div>\n                    <\/div>\n                    <div class=\"swiper-slide\">\n                        <div class=\"kdesc3col__single\">\n                                                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/06\/tintometro-rivendotori.jpg\" alt=\"\" width=\"1200\" height=\"800\">\n                            \n                                                            <h3>For resellers<\/h3>\n                            \n                                                            <div class=\"kdesc3col__desc\"><p class=\"p1\">Build loyalty to your professional and non-professional customers by marketing portable color systems, colorants and accessories needed for mixing. <b>Choose TintoSmart!<\/b><\/p>\n<\/div>\n                            \n                                                                                <\/div>\n                    <\/div>\n                    <div class=\"swiper-slide\">\n                        <div class=\"kdesc3col__single\">\n                                                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/06\/tintometro-faidate.jpg\" alt=\"\" width=\"1200\" height=\"800\">\n                            \n                                                            <h3>For DIY lovers<\/h3>\n                            \n                                                            <div class=\"kdesc3col__desc\"><p class=\"p1\">Are you a hobbyist, a DIY and do-it-yourself enthusiast in the cdecoration world and want to paint your products without waste, giving vent to your creativity? <b>Choose TintoSmart!<\/b><\/p>\n<\/div>\n                            \n                                                                                <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"swiper-pagination\"><\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n<style>\n\n    .kdesc3col{text-align: center; position: relative; margin-bottom: 70px;}\n    .kdesc3col h2{text-align: left; color: #FFFFFF; font-size: 55px; font-weight: 700; margin-top: 20px;}\n    .kdesc3col__bgBlack{background-color: #272322; position: absolute; top: 0; height: 200px; width: 100%;  z-index: -1;}\n    .kdesc3col h3{margin-top: 20px; color: #272322; font-size: 24px;}\n    .kdesc3col__desc{margin-bottom: 30px;}\n    .kdesc3col__single{padding-bottom: 30px;}\n\n    .kdesc3col .swiper-pagination.disabled {display: none;}\n\n    .kdesc3col .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color: #de6536;}\n    .kdesc3col .swiper-pagination-bullet {width: 8px;height: 8px;background: #FFFFFF;color: transparent;opacity: 1;border-radius: 50%;border: 2px solid #de6536;margin: 0 5px!important;}\n\n    .kdesc3col .swiper-pagination{display: none;}\n\n    \/* mobile *\/\n    @media screen and (max-width: 767px) {\n        .kdesc3col{margin-bottom: 0;}\n        .kdesc3col h2{font-size: 35px; padding-left: 15px; padding-right: 15px; line-height: 37px;}\n        .kdesc3col__desc{min-height: auto!important; width: 90%; margin: 0 auto;}\n        .kdesc3col__single{margin-bottom: 50px;}\n        .kdesc3col__bgBlack{height: 100%;}\n        .kdesc3col h3{color: #FFFFFF; font-size: 20px;}\n        .kdesc3col__single{color: #FFFFFF;}\n        .kdesc3col .pure-button.blackBtn{background-color: #FFFFFF; color: #272322;}\n        .kdesc3col .swiper-pagination{bottom: 30px;}\n        .kdesc3col .swiper-pagination-bullet{width: 8px;height: 8px;background: #272322;color: transparent;opacity: 1;\n            border-radius: 50%;border: 2px solid #FFFFFF;margin: 0 5px!important}\n        .kdesc3col .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: #FFFFFF;}\n\n        .kdesc3col .pure-g > div[class*=\"pure-u-\"]{padding-left: 0!important; padding-right: 0!important;}\n\n        .kdesc3col .pure-button.blackBtn{display: flex;text-align: center;justify-content: center;width: 68%;margin: 0 auto;}\n        .kdesc3col .swiper-pagination{display: block;}\n\n\n    }\n\n    \/* ipad *\/\n    @media screen and (min-width: 768px) and  (max-width: 992px){\n        .kgallerylist .swiper-container {width: 100%;height: 100%;}\n        .kdesc3col  .swiper-pagination-bullets{bottom: -6px;}\n        .kdesc3col h2{font-size: 38px;}\n        .kdesc3col .swiper-pagination{display: block;}\n    }\n\n    \/* ipad pro *\/\n    @media screen and (min-width: 992px) and  (max-width: 1200px){\n\n    }\n\n    \/* desktop *\/\n    @media screen and (min-width: 993px){\n        .kgallerylist .swiper-container {width: 100%;height: 100%;}\n        .kdesc3col  .swiper-pagination-bullets{bottom: -6px;}\n        .kdesc3col h2{font-size: 38px;}\n        .kdesc3col .swiper-pagination{display: block;}\n        .kdesc3col .swiper-wrapper{transform: translate3d(0px, 0, 0) !important;}\n    }\n\n<\/style>\n\n<script>\n    window.addEventListener('DOMContentLoaded', function() {\n        jQuery(function ($) {\n\n            var swiper3Col = new Swiper(\".slide66716538 .kdesc3col__swiper\", {\n                loop: true,\n                centeredSlides: true,\n                spaceBetween: 15,\n                pagination: {\n                    el: \".kdesc3col.slide66716538 .swiper-pagination\",\n                },\n                breakpoints: {\n                    0: {\n                        slidesPerView: 1.2,\n                        spaceBetween: 15,\n                    },\n                    768:{\n                        slidesPerView: 1,\n                        spaceBetween: 15,\n                    },\n                    1024: {\n                        slidesPerView: 3,\n                        spaceBetween: 15,\n                    },\n                }\n            });\n\n            $(window).on(\"resize load\", function(event){\n                if ( $(this).width() > 1023) {\n                    $(\".kdesc3col .swiper-wrapper\").addClass(\"disabled\");\n                    $(\".kdesc3col .swiper-pagination\").addClass(\"disabled\");\n                }else{\n                    $(\".kdesc3col .swiper-wrapper\").removeClass(\"disabled\");\n                    $(\".kdesc3col .swiper-pagination\").removeClass(\"disabled\");\n                }\n            });\n\n            \/* highest element *\/\n            $(window).on(\"load resize\",function(e){\n                $(\".kdesc3col__desc\").css(\"min-height\", \"auto\");\n                var h=0; \/\/ the height of the highest element (after the function runs)\n                $(\".kdesc3col__desc\").each(function () {\n                    if (  $(this).outerHeight() > h ) {\n                        h=$(this).outerHeight();\n                    }\n                    $(\".kdesc3col__desc\").css(\"min-height\", h);\n                });\n            });\n\n        }(jQuery));\n    });\n<\/script>","protected":false},"excerpt":{"rendered":"<p>The proposed use of the Portable Color System is divided into two types depending on the mode of [&#8230;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-5847","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/tintosmart.it\/en\/wp-json\/wp\/v2\/pages\/5847","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tintosmart.it\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tintosmart.it\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tintosmart.it\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tintosmart.it\/en\/wp-json\/wp\/v2\/comments?post=5847"}],"version-history":[{"count":0,"href":"https:\/\/tintosmart.it\/en\/wp-json\/wp\/v2\/pages\/5847\/revisions"}],"wp:attachment":[{"href":"https:\/\/tintosmart.it\/en\/wp-json\/wp\/v2\/media?parent=5847"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}