{"id":5886,"date":"2021-07-02T17:23:39","date_gmt":"2021-07-02T15:23:39","guid":{"rendered":"http:\/\/tintosmart.it\/?page_id=5886"},"modified":"2021-10-05T10:49:54","modified_gmt":"2021-10-05T08:49:54","slug":"costumized-formulations","status":"publish","type":"page","link":"https:\/\/tintosmart.it\/en\/costumized-formulations\/","title":{"rendered":"Costumized formulations"},"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\/formule-personali-img-1.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>Unleash your creativity<\/h2>\n                \n                \n                                    <a style=\"\"\n                            class=\"pure-button orangeBtn \" href=\"\/en\/the-formulary\/\" target=\"\">\n                        COSTUMIZED FORMULATIONS                    <\/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>These color note cards are perfect for storing the customized colors in order to have an immediate visual feedback to be shown to customers if retouching or future painting of the walls with the same color is necessary.<\/p>\n\n\n\n<div style=\"height:50px\" 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 kslidegallery slide43608284 \">\n    <div class=\"kslidegallery__bgOrange\"><\/div>\n    <div class=\"kslideprod__bgGrey\"><\/div>\n\n    <div class=\"pure-g\">\n        <div class=\"pure-u-1-1 pure-u-md-12-24 p-0 \">\n            <div dir=\"rtl\" class=\"swiper-container kslidegallerySwiper\">\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\/come-operare.jpg\" alt=\"\" width=\"900\" height=\"600\">\n                        <\/div>\n                                            <div class=\"swiper-slide\">\n                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/co-4.jpg\" alt=\"\" width=\"900\" height=\"600\">\n                        <\/div>\n                                    <\/div>\n            <\/div>\n        <\/div>\n        <div class=\"pure-u-1-1 pure-u-md-10-24 offset-md-1-12 p-0 \">\n            <div class=\"kslidegallery__descCont\">\n                <h2>How to use the color note cards<\/h2>\n                <div class=\"kslidegallery__desc\"><p>To use properly the color note cards, it is necessary to apply the product with the spatula on the black striped side in order to verify the correct opacity of the product. On the back side, it is possible to note the kind of product, the packaging size, the formulation and every information useful to fill in the form of the customized shades: the color code, the customer&#8217;s company name and other notes.<\/p>\n<\/div>\n                <div class=\"kslidegallery__bottomSide\">\n                    <div>\n                        <div class=\"swiper-button-prev\"><\/div>\n                        <div class=\"swiper-button-next\"><\/div>\n                    <\/div>\n                    <div class=\"kslidegallery__descBtnContainer\">\n                                                                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n<style>\n\n    .kslidegallery{position: relative; padding-top: 20px; background-color: #FFFFFF; padding-bottom: 50px;}\n    .kslidegallery .swiper-container{width: calc(100% + 5px); height: calc(100% + 15px);}\n    .kslidegallery__bgOrange{position: absolute; width: 100%; height: 75%; z-index: 1; background-color: #de6536; top: 0;}\n    .kslidegallery.blackbg .kslidegallery__bgOrange{background-color: #333333;}\n    .kslidegallery h2{font-size: 35px; color: #FFFFFF; line-height: 1; position: relative; z-index: 1; margin-top: auto;}\n    .kslidegallery__desc{color: #FFFFFF; width: 80%; margin-bottom: 30px; position: relative; z-index: 1;}\n    .kslidegallery__bottomSide{position: relative; z-index: 1; margin-top: auto; display: flex; align-items: flex-end; margin-bottom: 24px;}\n    .kslidegallery__bottomSide .swiper-button-prev{color: #FFFFFF; background-color: #272322; opacity: 1; left: -56px; right: auto;  width: 40px; height: 52px; cursor: pointer;}\n    .kslidegallery__bottomSide .swiper-button-next{color: #FFFFFF; background-color: #272322; opacity: 1;   width: 40px; height: 52px; cursor: pointer; right: auto; left: -10px;}\n    .kslidegallery__bottomSide .swiper-button-prev:after, .kslidegallery__bottomSide .swiper-button-next:after{font-size: 20px;}\n\n    .kslidegallery__descCont{display: flex; flex-direction: column; height: 100%;}\n\n    .kslidegallery__descBtnContainer{margin-left: auto; margin-right: 20%;}\n\n\n    .kslidegallery .pure-button.blackBtn{padding: 1.1em 5em;}\n\n    .kslidegallery .order-1{order: 1;}\n    .kslidegallery .order-2{order: 2;}\n\n    \/* mobile *\/\n    @media screen and (max-width: 767px) {\n        .kslidegallery .order-1{order: 2;}\n        .kslidegallery .order-2{order: 1;}\n        .kslidegallery .swiper-container {width: calc(100%);}\n        .kslidegallery .kslidegallery__descCont{padding: 0 15px;}\n        .kslidegallery h2{ width: 90%; margin: 30px auto 0 auto;}\n        .kslidegallery__bgOrange{height: 100%;}\n        .kslidegallery .swiper-button-next, .kslidegallery .swiper-button-prev{display: none;}\n        .kslidegallery__descBtnContainer{width: 100%; margin-right: 0;}\n        .kslidegallery__descBtnContainer .pure-button.blackBtn{width: 100%; display: flex; justify-content: center; text-align: center; padding: 1.1em 0em; }\n        .kslidegallery__desc{width: 90%; margin: 0 auto 30px auto;}\n\n        .kslidegallery{margin-bottom: 0px;}\n    }\n\n    \/* ipad *\/\n    @media screen and (min-width: 768px) and (max-width: 992px){\n        .kslidegallery .pure-button.blackBtn {padding: 1.1em 2em;}\n        .kslidegallery__descBtnContainer{margin-right: 0;}\n    }\n\n    \/* ipad pro *\/\n    @media screen and (min-width: 992px) and (max-width: 1200px){\n        .kslidegallery .pure-button.blackBtn {padding: 1.1em 2em;}\n        .kslidegallery__descBtnContainer{margin-right: 0;}\n    }\n\n<\/style>\n\n<script>\n    window.addEventListener('DOMContentLoaded', function() {\n        jQuery(function ($) {\n\n            var swiperProdotti = new Swiper(\".slide43608284 .kslidegallerySwiper\", {\n                loop: true,\n                slidesPerView: 1.2,\n                spaceBetween: 15,\n                navigation: {\n                    nextEl: '.kslidegallery.slide43608284 .swiper-button-next',\n                    prevEl: '.kslidegallery.slide43608284 .swiper-button-prev',\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\n            if(swiperProdotti.slides.length <= 6){\n\n                swiperProdotti.destroy(false, false);\n\n                var swiperProdotti = new Swiper(\".slide43608284 .kslidegallerySwiper\", {\n                    loop: false,\n                    slidesPerView: 1.2,\n                    spaceBetween: 15,\n                    navigation: {\n                        nextEl: '.kslidegallery.slide43608284 .swiper-button-next',\n                        prevEl: '.kslidegallery.slide43608284 .swiper-button-prev',\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            }\n\n        }(jQuery));\n    });\n<\/script>\n<\/script>\n\n\n<div class=\"pure-containerFluid kgallerylist slide90361123\">\n            <div class=\"kgallerylist__bgBlack\"><\/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  \">\n            <div class=\"kgallerylist__descCont\">\n                <h2>The steps<\/h2>\n                <div class=\"kgallerylist__desc\">\n                    <div class=\"swiper-pagination\">\n                    <\/div>\n                <\/div>\n                <div class=\"kgallerylist__bottomSide\">\n                    <div class=\"\">\n                        <div class=\"swiper-button-prev\"><\/div>\n                        <div class=\"swiper-button-next\"><\/div>\n                    <\/div>\n                    <div class=\"kgallerylist__descBtnContainer \">\n                                                                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div class=\"pure-u-1-1 pure-u-md-12-24 p-0 \">\n            <div class=\"swiper-container kgallerylistSwiper\" >\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\/co-1.jpg\" alt=\"\" width=\"900\" height=\"600\">\n                            <div class=\"kgallerylistSwiper__titleMob\">\n                                Enter the information concerning colorants and the number of dosing                            <\/div>\n                        <\/div>\n                                            <div class=\"swiper-slide\">\n                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/co-2.jpg\" alt=\"\" width=\"900\" height=\"600\">\n                            <div class=\"kgallerylistSwiper__titleMob\">\n                                Add the customer&#8217;s company name and the date of production of the formulation                            <\/div>\n                        <\/div>\n                                            <div class=\"swiper-slide\">\n                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/co-3.jpg\" alt=\"\" width=\"900\" height=\"600\">\n                            <div class=\"kgallerylistSwiper__titleMob\">\n                                Apply with the spatula the product on the color note card                            <\/div>\n                        <\/div>\n                                            <div class=\"swiper-slide\">\n                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/co-4.jpg\" alt=\"\" width=\"900\" height=\"600\">\n                            <div class=\"kgallerylistSwiper__titleMob\">\n                                Wait for complete drying                            <\/div>\n                        <\/div>\n                                            <div class=\"swiper-slide\">\n                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/co-5.jpg\" alt=\"\" width=\"900\" height=\"600\">\n                            <div class=\"kgallerylistSwiper__titleMob\">\n                                Store the sample inside the customized formula binder                            <\/div>\n                        <\/div>\n                                            <div class=\"swiper-slide\">\n                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/co-6.jpg\" alt=\"\" width=\"900\" height=\"600\">\n                            <div class=\"kgallerylistSwiper__titleMob\">\n                                Save the customized formula in the reserved area on the web-site                             <\/div>\n                        <\/div>\n                                    <\/div>\n                <div class=\"kgallerylist__descBtnContainer mob \">\n                                                        <\/div>\n            <\/div>\n\n            <div class=\"swiper-container kgallerylistSwiperMob\" >\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\/co-1.jpg\" alt=\"\" width=\"900\" height=\"600\">\n                            <div class=\"kgallerylistSwiper__titleMob\">\n                                Enter the information concerning colorants and the number of dosing                            <\/div>\n                        <\/div>\n                                            <div class=\"swiper-slide\">\n                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/co-2.jpg\" alt=\"\" width=\"900\" height=\"600\">\n                            <div class=\"kgallerylistSwiper__titleMob\">\n                                Add the customer&#8217;s company name and the date of production of the formulation                            <\/div>\n                        <\/div>\n                                            <div class=\"swiper-slide\">\n                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/co-3.jpg\" alt=\"\" width=\"900\" height=\"600\">\n                            <div class=\"kgallerylistSwiper__titleMob\">\n                                Apply with the spatula the product on the color note card                            <\/div>\n                        <\/div>\n                                            <div class=\"swiper-slide\">\n                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/co-4.jpg\" alt=\"\" width=\"900\" height=\"600\">\n                            <div class=\"kgallerylistSwiper__titleMob\">\n                                Wait for complete drying                            <\/div>\n                        <\/div>\n                                            <div class=\"swiper-slide\">\n                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/co-5.jpg\" alt=\"\" width=\"900\" height=\"600\">\n                            <div class=\"kgallerylistSwiper__titleMob\">\n                                Store the sample inside the customized formula binder                            <\/div>\n                        <\/div>\n                                            <div class=\"swiper-slide\">\n                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/co-6.jpg\" alt=\"\" width=\"900\" height=\"600\">\n                            <div class=\"kgallerylistSwiper__titleMob\">\n                                Save the customized formula in the reserved area on the web-site                             <\/div>\n                        <\/div>\n                                    <\/div>\n\n                <div class=\"swiper-pagination\"><\/div>\n\n                <div class=\"kgallerylist__descBtnContainer mob \">\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                 \" Enter the information concerning colorants and the number of dosing \",  \" Add the customer's company name and the date of production of the formulation \",  \" Apply with the spatula the product on the color note card \",  \" Wait for complete drying \",  \" Store the sample inside the customized formula binder \",  \" Save the customized formula in the reserved area on the web-site  \",             ];\n\n            var swiperProdotti = new Swiper(\".slide90361123 .kgallerylistSwiper\", {\n                loop: true,\n                slidesPerView: 1.2,\n                spaceBetween: 15,\n                navigation: {\n                    nextEl: '.kgallerylist.slide90361123 .swiper-button-next',\n                    prevEl: '.kgallerylist.slide90361123 .swiper-button-prev',\n                },\n                pagination: {\n                    el: '.kgallerylist.slide90361123 .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(\".slide90361123 .kgallerylistSwiperMob\", {\n                loop: true,\n                slidesPerView: 1.2,\n                spaceBetween: 15,\n                navigation: {\n                    nextEl: '.kgallerylist.slide90361123 .swiper-button-next',\n                    prevEl: '.kgallerylist.slide90361123 .swiper-button-prev',\n                },\n                pagination: {\n                    el: '.kgallerylist.slide90361123 .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>","protected":false},"excerpt":{"rendered":"<p>These color note cards are perfect for storing the customized colors in order to have an immediate visual [&#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-5886","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/tintosmart.it\/en\/wp-json\/wp\/v2\/pages\/5886","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=5886"}],"version-history":[{"count":0,"href":"https:\/\/tintosmart.it\/en\/wp-json\/wp\/v2\/pages\/5886\/revisions"}],"wp:attachment":[{"href":"https:\/\/tintosmart.it\/en\/wp-json\/wp\/v2\/media?parent=5886"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}