{"id":5856,"date":"2021-07-02T16:55:43","date_gmt":"2021-07-02T14:55:43","guid":{"rendered":"http:\/\/tintosmart.it\/?page_id=5856"},"modified":"2021-10-01T17:03:48","modified_gmt":"2021-10-01T15:03:48","slug":"the-steps","status":"publish","type":"page","link":"https:\/\/tintosmart.it\/en\/the-steps\/","title":{"rendered":"The steps"},"content":{"rendered":"\n<div class=\"pure-containerFluid kdesc3col slide16674325\">\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 coloring process<\/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\/home-1.jpg\" alt=\"\" width=\"740\" height=\"540\">\n                            \n                                                            <h3>1. Select the product<\/h3>\n                            \n                                                            <div class=\"kdesc3col__desc\"><p class=\"p1\">Choose the white water-based paint to be colored among highly washable, washable, breathable paints, enamel paints for walls, water-based acrylic enamels for wood and iron and decorative finishes. The colorants have been formulated to ensure full <b>compatibility<\/b> with Tintosmart latex paints and with those of <b>any brand<\/b> on the market<\/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\/home-2.jpg\" alt=\"\" width=\"740\" height=\"540\">\n                            \n                                                            <h3>2. Choose the color<\/h3>\n                            \n                                                            <div class=\"kdesc3col__desc\"><p class=\"p1\">The coloring activity involves the identification of the product to be painted and the quantities to be applied on the walls and obviously the <b>selection of the color<\/b> to be reproduced.<\/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\/home-3.jpg\" alt=\"\" width=\"740\" height=\"540\">\n                            \n                                                            <h3>3. Create the color<\/h3>\n                            \n                                                            <div class=\"kdesc3col__desc\"><p class=\"p1\">View on the digital or paper formulary the selected <b>color code<\/b> and <b>the corresponding formulation<\/b> indicating the <b>number of dosing<\/b> for each colorant inserted in the tinting system. Proceed with the <b>dosing<\/b> of the colorants, <b>mix<\/b> the content with the mixing screwdriver included in the kit and <b>you are ready<\/b> <b>to paint<\/b> the walls!<\/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(\".slide16674325 .kdesc3col__swiper\", {\n                loop: true,\n                centeredSlides: true,\n                spaceBetween: 15,\n                pagination: {\n                    el: \".kdesc3col.slide16674325 .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 class=\"pure-containerFluid kgallerylist slide4071527\">\n            <div class=\"kgallerylist__bgOrange\"><\/div>\n    \n    <div class=\"kgallerylist__bgGrey\"><\/div>\n\n    <div class=\"pure-g\">\n        <div class=\"pure-u-1-1 pure-u-md-10-24 offset-md-1-12 p-0 order-2 \">\n            <div class=\"kgallerylist__descCont\">\n                <h2>The Genesis of color<\/h2>\n                <div class=\"kgallerylist__desc\">\n                    <div class=\"swiper-pagination\">\n                    <\/div>\n                <\/div>\n                <div class=\"kgallerylist__bottomSide\">\n                    <div class=\"toLeftArrows\">\n                        <div class=\"swiper-button-prev\"><\/div>\n                        <div class=\"swiper-button-next\"><\/div>\n                    <\/div>\n                    <div class=\"kgallerylist__descBtnContainer toRightButton\">\n                                                                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div class=\"pure-u-1-1 pure-u-md-12-24 p-0 order-1\">\n            <div class=\"swiper-container kgallerylistSwiper\" dir='rtl'>\n                <div class=\"swiper-wrapper\">\n                                            <div class=\"swiper-slide\">\n                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/genesi-1.jpg\" alt=\"\" width=\"900\" height=\"600\">\n                            <div class=\"kgallerylistSwiper__titleMob\">\n                                Select the white latex paint to be painted                            <\/div>\n                        <\/div>\n                                            <div class=\"swiper-slide\">\n                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/genesi-2.jpg\" alt=\"\" width=\"900\" height=\"600\">\n                            <div class=\"kgallerylistSwiper__titleMob\">\n                                Identify the necessary size based on the square meters to be painted                            <\/div>\n                        <\/div>\n                                            <div class=\"swiper-slide\">\n                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/genesi-3.jpg\" alt=\"\" width=\"900\" height=\"600\">\n                            <div class=\"kgallerylistSwiper__titleMob\">\n                                Transfer the contents into the graduated packaging, dilute the product and make a first mixing                            <\/div>\n                        <\/div>\n                                            <div class=\"swiper-slide\">\n                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/genesi-4.jpg\" alt=\"\" width=\"900\" height=\"600\">\n                            <div class=\"kgallerylistSwiper__titleMob\">\n                                Find the desired shade in the color card                            <\/div>\n                        <\/div>\n                                            <div class=\"swiper-slide\">\n                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/genesi-5.jpg\" alt=\"\" width=\"900\" height=\"600\">\n                            <div class=\"kgallerylistSwiper__titleMob\">\n                                Identify the formulation of the selected color in the appropriate tintometric formulary                            <\/div>\n                        <\/div>\n                                            <div class=\"swiper-slide\">\n                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/genesi-6.jpg\" alt=\"\" width=\"900\" height=\"600\">\n                            <div class=\"kgallerylistSwiper__titleMob\">\n                                Dispense the colorants inside the product and carry out a second mixing                            <\/div>\n                        <\/div>\n                                    <\/div>\n                <div class=\"kgallerylist__descBtnContainer mob toRightButton\">\n                                                        <\/div>\n            <\/div>\n\n            <div class=\"swiper-container kgallerylistSwiperMob\" dir='rtl'>\n                <div class=\"swiper-wrapper\">\n                                            <div class=\"swiper-slide\">\n                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/genesi-1.jpg\" alt=\"\" width=\"900\" height=\"600\">\n                            <div class=\"kgallerylistSwiper__titleMob\">\n                                Select the white latex paint to be painted                            <\/div>\n                        <\/div>\n                                            <div class=\"swiper-slide\">\n                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/genesi-2.jpg\" alt=\"\" width=\"900\" height=\"600\">\n                            <div class=\"kgallerylistSwiper__titleMob\">\n                                Identify the necessary size based on the square meters to be painted                            <\/div>\n                        <\/div>\n                                            <div class=\"swiper-slide\">\n                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/genesi-3.jpg\" alt=\"\" width=\"900\" height=\"600\">\n                            <div class=\"kgallerylistSwiper__titleMob\">\n                                Transfer the contents into the graduated packaging, dilute the product and make a first mixing                            <\/div>\n                        <\/div>\n                                            <div class=\"swiper-slide\">\n                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/genesi-4.jpg\" alt=\"\" width=\"900\" height=\"600\">\n                            <div class=\"kgallerylistSwiper__titleMob\">\n                                Find the desired shade in the color card                            <\/div>\n                        <\/div>\n                                            <div class=\"swiper-slide\">\n                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/genesi-5.jpg\" alt=\"\" width=\"900\" height=\"600\">\n                            <div class=\"kgallerylistSwiper__titleMob\">\n                                Identify the formulation of the selected color in the appropriate tintometric formulary                            <\/div>\n                        <\/div>\n                                            <div class=\"swiper-slide\">\n                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/genesi-6.jpg\" alt=\"\" width=\"900\" height=\"600\">\n                            <div class=\"kgallerylistSwiper__titleMob\">\n                                Dispense the colorants inside the product and carry out a second mixing                            <\/div>\n                        <\/div>\n                                    <\/div>\n\n                <div class=\"swiper-pagination\"><\/div>\n\n                <div class=\"kgallerylist__descBtnContainer mob toRightButton\">\n                                                        <\/div>\n\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/div>\n\n\n<style>\n\n    .kgallerylist{position: relative; padding-top: 20px; background-color: #FFFFFF; padding-bottom: 50px;}\n    .kgallerylist .swiper-container{width: calc(100% + 5px); height: calc(100% + 15px);}\n    .kgallerylist__bgOrange{position: absolute; width: 100%; height: 75%; z-index: 1; background-color: #de6536; top: 0;}\n    .kgallerylist__bgBlack{position: absolute; width: 100%; height: 75%; z-index: 1; background-color: #333333; top: 0;}\n    .kgallerylist h2{font-size: 35px; color: #FFFFFF; line-height: 1; position: relative; z-index: 1; margin-bottom: 35px; margin-top: auto;}\n    .kgallerylist__desc{color: #FFFFFF; width: 80%; margin-bottom: 50px; position: relative; z-index: 1;}\n    .kgallerylist__bottomSide{position: relative; z-index: 1; margin-top: auto; display: flex; align-items: flex-end; margin-bottom: 25px;}\n    .kgallerylist__bottomSide .swiper-button-prev{color: #FFFFFF; background-color: #272322; opacity: 1; left: auto; right: 56px;  width: 40px; height: 52px; cursor: pointer;}\n    .kgallerylist__bottomSide .swiper-button-next{color: #FFFFFF; background-color: #272322; opacity: 1;   width: 40px; height: 52px; cursor: pointer;}\n    .kgallerylist__bottomSide .swiper-button-prev:after, .kgallerylist__bottomSide .swiper-button-next:after{font-size: 20px;}\n    .kgallerylist__descCont{display: flex; flex-direction: column; height: 100%;}\n    .kgallerylist__descBtnContainer{}\n    .kgallerylist .pure-button.blackBtn{padding: 1.1em 5em;}\n\n    \/* custom pagination *\/\n    .kgallerylist .swiper-pagination{position: relative; text-align: left;}\n    .kgallerylist .swiper-pagination .swiper-pagination-bullet{padding-left:30px; display: flex; align-items: center; width: auto; height: auto; background-color: transparent; border-radius: 0; margin-bottom: 10px;}\n    .kgallerylist .swiper-pagination .swiper-pagination-bullet:before{left: 0px; position: absolute; content: \"\"; width: 12px; height: 12px; background-color: #FFFFFF; border-radius: 100%; display: flex; margin-right: 20px;}\n\n    .kgallerylist .order-1{order: 1;}\n    .kgallerylist .order-2{order: 2;}\n\n    .kgallerylistSwiper .swiper-slide img{-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);}\n    .kgallerylistSwiper{padding-bottom: 20px;}\n\n    .kgallerylistSwiper__titleMob{display: none;}\n\n    .kgallerylist__descBtnContainer{}\n    .kgallerylist__descBtnContainer.mob{display: none;}\n\n    .kgallerylistSwiperMob{display: none;}\n\n    .kgallerylist__bottomSide .toLeftArrows .swiper-button-prev{color: #FFFFFF; background-color: #272322; opacity: 1; left: -56px; right: auto; width: 40px;\n        height: 52px; cursor: pointer;}\n    .kgallerylist__bottomSide .toLeftArrows .swiper-button-next{color: #FFFFFF; background-color: #272322; opacity: 1; left: -10px; right: auto;\n        width: 40px; height: 52px; cursor: pointer;}\n    .kgallerylist__descBtnContainer.toRightButton{    margin-left: auto; margin-right: 20%;}\n\n    \/*.kgallerylist__bottomSide .toLeftArrows .swiper-button-prev:after{transform: rotate(180deg);}*\/\n    \/*.kgallerylist__bottomSide .toLeftArrows .swiper-button-next:after{transform: rotate(180deg);}*\/\n\n    \/* mobile *\/\n    @media screen and (max-width: 767px) {\n        .kgallerylist .order-1{order: 2;}\n        .kgallerylist .order-2{order: 1;}\n\n        .kgallerylist .swiper-button-next{right: -4px;left: auto;}\n        .kgallerylist .swiper-button-prev{right: 35px;left: auto;}\n        .kgallerylist__bottomSide{margin-bottom: 45px;}\n        .kgallerylist__descBtnContainer.toRightButton {margin-left: auto;margin-right: 0;}\n        .kgallerylist__descCont{padding: 0 15px;}\n\n        .kgallerylist__bottomSide .toLeftArrows .swiper-button-next{left: 37px;}\n        .kgallerylist__bottomSide .toLeftArrows .swiper-button-prev{left: 0;}\n\n        .kgallerylist__bottomSide .swiper-button-prev, .kgallerylist__bottomSide .swiper-button-next{display: none;}\n\n        .kgallerylist .swiper-container {width: 100%;height: 100%;}\n        .kgallerylist .p-0{padding-left: 0px!important; padding-right: 0px!important;}\n\n        .kgallerylist .toRightButton{margin-right: auto; margin-left: unset;}\n\n        .kgallerylist__descBtnContainer{width: 100%;}\n        .kgallerylist__descBtnContainer .pure-button{width: 100%; padding: 1.1em 0em!important; text-align: center; display: flex; justify-content: center;}\n\n        .kgallerylistSwiper__titleMob{display: block; color: #ffffff; font-size: 20px; text-align: center;}\n        .kgallerylist__descCont .kgallerylist__desc{display: none;}\n        .kgallerylist__bgBlack{height: 100%;}\n\n        .kgallerylist__descBtnContainer{display: none;}\n        .kgallerylist__descBtnContainer.mob{display: block; position: relative; z-index: 2; margin-top: -20px; width: 80%;margin-left: auto;margin-right: auto;}\n        .kgallerylistSwiper{padding-bottom: 35px;}\n\n        .kgallerylistSwiper{display: none;}\n        .kgallerylistSwiperMob{display: block;}\n        .kgallerylistSwiperMob .swiper-pagination{position: absolute;text-align: center;transition: .3s opacity;transform: translate3d(0,0,0);z-index: 10; display: flex; justify-content: center;\n        bottom: 84px;}\n        .kgallerylistSwiperMob .swiper-pagination .swiper-pagination-bullet {width: 8px;height: 8px;background: transparent;color: transparent;opacity: 1;border-radius: 50%;\n            border: 2px solid #FFFFFF;margin: 0 5px!important; padding: 0;}\n        .kgallerylistSwiperMob .swiper-pagination .swiper-pagination-bullet:before {display: none;}\n        .kgallerylistSwiperMob .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: #ffffff;}\n        .kgallerylistSwiperMob{padding-bottom: 50px;}\n        .kgallerylist__bgOrange{height: 100%;}\n\n        .kgallerylist{margin-bottom: 0px;}\n    }\n\n    \/* ipad *\/\n    @media screen and (min-width: 768px) and  (max-width: 992px){\n        .kgallerylist .swiper-button-next {right: -15px;left: auto;}\n        .kgallerylist .swiper-button-prev {right: 24px;left: auto;}\n        .kgallerylist__bottomSide .toLeftArrows .swiper-button-prev{left: -76px;}\n        .kgallerylist__bottomSide .toLeftArrows .swiper-button-next{left: -38px;}\n\n    }\n\n    \/* ipad pro *\/\n    @media screen and (min-width: 992px) and  (max-width: 1200px){\n\n    }\n\n\n<\/style>\n\n<script>\n    window.addEventListener('DOMContentLoaded', function() {\n        jQuery(function ($) {\n\n            var menu = [\n                 \" Select the white latex paint to be painted \",  \" Identify the necessary size based on the square meters to be painted \",  \" Transfer the contents into the graduated packaging, dilute the product and make a first mixing \",  \" Find the desired shade in the color card \",  \" Identify the formulation of the selected color in the appropriate tintometric formulary \",  \" Dispense the colorants inside the product and carry out a second mixing \",             ];\n\n            var swiperProdotti = new Swiper(\".slide4071527 .kgallerylistSwiper\", {\n                loop: true,\n                slidesPerView: 1.2,\n                spaceBetween: 15,\n                navigation: {\n                    nextEl: '.kgallerylist.slide4071527 .swiper-button-next',\n                    prevEl: '.kgallerylist.slide4071527 .swiper-button-prev',\n                },\n                pagination: {\n                    el: '.kgallerylist.slide4071527 .swiper-pagination',\n                    clickable: true,\n                    renderBullet: function (index, className) {\n                        return '<span class=\"' + className + '\">' + (menu[index]) + '<\/span>';\n                    },\n                },\n                breakpoints: {\n                    0: {\n                        slidesPerView: 1.2,\n                        spaceBetween: 15,\n                        centeredSlides: true,\n                    },\n                    768: {\n                        slidesPerView: 1.2,\n                        spaceBetween: 15,\n                    },\n                },\n            });\n\n            var swiperProdottiMob = new Swiper(\".slide4071527 .kgallerylistSwiperMob\", {\n                loop: true,\n                slidesPerView: 1.2,\n                spaceBetween: 15,\n                navigation: {\n                    nextEl: '.kgallerylist.slide4071527 .swiper-button-next',\n                    prevEl: '.kgallerylist.slide4071527 .swiper-button-prev',\n                },\n                pagination: {\n                    el: '.kgallerylist.slide4071527 .kgallerylistSwiperMob .swiper-pagination',\n                    clickable: true,\n                    type: 'bullets',\n                },\n                breakpoints: {\n                    0: {\n                        slidesPerView: 1.2,\n                        spaceBetween: 15,\n                        centeredSlides: true,\n                    },\n                    768: {\n                        slidesPerView: 1.2,\n                        spaceBetween: 15,\n                    },\n                },\n            });\n\n        }(jQuery));\n    });\n<\/script>\n<\/script>\n\n\n<div class=\"pure-containerFluid kdesc3col slide10882710\">\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>Color customization<\/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\/cambionature.jpg\" alt=\"\" width=\"740\" height=\"540\">\n                            \n                                                            <h3>Samples<\/h3>\n                            \n                                                            <div class=\"kdesc3col__desc\"><p class=\"p1\">Prepare<b> <\/b><strong>samples<\/strong> for customers in order to <strong>verify<\/strong> and <strong>show<\/strong> the finish of the desired color selected from the color card. Use the <strong>color tester<\/strong> package or the paint of any brand on the market, provided that the <strong>limited<\/strong> content of latex paint is <strong>0,8 liter<\/strong>, and remember to <strong>use the spacers<\/strong> for each dispensing.<\/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\/piccoli-formati.jpg\" alt=\"\" width=\"740\" height=\"540\">\n                            \n                                                            <h3>Small size<\/h3>\n                            \n                                                            <div class=\"kdesc3col__desc\"><p class=\"p1\">Paint <strong>small wall portions<\/strong> with <strong>reduced amounts<\/strong> of latex paint using the color tester can or the product of any brand on the market as long as the content is <strong>limited<\/strong> up to <strong>0,8 liter<\/strong>. It is necessary to apply the <strong>spacer<\/strong> on the pump of each colorant using the formulation in use for the <strong>4 liter<\/strong> package.<\/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\/formule-personali.jpg\" alt=\"\" width=\"740\" height=\"540\">\n                            \n                                                            <h3>Customized formulas<\/h3>\n                            \n                                                            <div class=\"kdesc3col__desc\"><p class=\"p1\">Using the <strong>note cards<\/strong> collected in the <span class=\"s1\">customized formula binder<\/span>, it is possible to give space to <strong>your creativity<\/strong> <strong>customizing<\/strong> the <strong>colors<\/strong> with your own set of colorants and dosing. Physically <strong>store<\/strong> the customized color in the <strong>formula binder<\/strong> and in your reserved area on the <strong>website<\/strong>.<\/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(\".slide10882710 .kdesc3col__swiper\", {\n                loop: true,\n                centeredSlides: true,\n                spaceBetween: 15,\n                pagination: {\n                    el: \".kdesc3col.slide10882710 .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":"","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-5856","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/tintosmart.it\/en\/wp-json\/wp\/v2\/pages\/5856","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=5856"}],"version-history":[{"count":0,"href":"https:\/\/tintosmart.it\/en\/wp-json\/wp\/v2\/pages\/5856\/revisions"}],"wp:attachment":[{"href":"https:\/\/tintosmart.it\/en\/wp-json\/wp\/v2\/media?parent=5856"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}