{"id":5865,"date":"2021-07-02T17:06:33","date_gmt":"2021-07-02T15:06:33","guid":{"rendered":"http:\/\/tintosmart.it\/?page_id=5865"},"modified":"2021-10-01T18:04:17","modified_gmt":"2021-10-01T16:04:17","slug":"the-shades","status":"publish","type":"page","link":"https:\/\/tintosmart.it\/en\/the-shades\/","title":{"rendered":"The shades"},"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=\"2000\" height=\"1300\" src=\"https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/09\/LE-TINTE_IMG@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>Which shade inspires you the mosto?<\/h2>\n                \n                \n                                    <a style=\"\"\n                            class=\"pure-button orangeBtn \" href=\"\/en\/product-category\/color-cards-and-formularies\/\" target=\"\">\n                        GO TO THE SHOP                    <\/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 color code of the selected shade is necessary to look for the formulation on the FormulaBook formulary.<\/p>\n\n\n\n<p>The formulary has been specially designed to allow the user to consult clearly, easily and quickly the different combinations of colorants necessary for the production of the shades of the various color collections.<\/p>\n\n\n\n<p>The formulary is structured by chapters referring to the different package sizes of the product to be colored. After selecting the package, it is necessary to find the code of the desired shade and at the same time, the dedicated color card and the product line. Within each table, the colorants necessary to the realization of the shade and the dosing of each colorant are listed.<\/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 kgallerylist slide4091225\">\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>Color cards<\/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                                                                            <a class=\"pure-button blackBtn\" href=\"\/en\/product-category\/color-cards-and-formularies\/\" target=\"\">\n                                GO TO THE SHOP                            <\/a>\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\/06\/venera.jpg\" alt=\"\" width=\"900\" height=\"600\">\n                            <div class=\"kgallerylistSwiper__titleMob\">\n                                Venera collection for breathable latex paints : 100 colors                            <\/div>\n                        <\/div>\n                                            <div class=\"swiper-slide\">\n                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/06\/gemini.jpg\" alt=\"\" width=\"900\" height=\"600\">\n                            <div class=\"kgallerylistSwiper__titleMob\">\n                                Gemini collection for washables latex paints: 120 colors                            <\/div>\n                        <\/div>\n                                            <div class=\"swiper-slide\">\n                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/06\/mercury.jpg\" alt=\"\" width=\"900\" height=\"600\">\n                            <div class=\"kgallerylistSwiper__titleMob\">\n                                Mercury collection for higly washable latex paints: 140 colors                            <\/div>\n                        <\/div>\n                                            <div class=\"swiper-slide\">\n                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/06\/kepler.jpg\" alt=\"\" width=\"900\" height=\"600\">\n                            <div class=\"kgallerylistSwiper__titleMob\">\n                                Kepler collection for decorative painting finish: 120 colors                            <\/div>\n                        <\/div>\n                                            <div class=\"swiper-slide\">\n                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/06\/ral-section.jpg\" alt=\"\" width=\"900\" height=\"600\">\n                            <div class=\"kgallerylistSwiper__titleMob\">\n                                Decorative line collection: 168 colors                            <\/div>\n                        <\/div>\n                                            <div class=\"swiper-slide\">\n                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/09\/S45.png\" alt=\"\" width=\"1920\" height=\"1290\">\n                            <div class=\"kgallerylistSwiper__titleMob\">\n                                Ral selection collection for higly washable latex paints and enamels: 80 colors                            <\/div>\n                        <\/div>\n                                    <\/div>\n                <div class=\"kgallerylist__descBtnContainer mob toRightButton\">\n                                                                <a class=\"pure-button blackBtn\" href=\"\/en\/product-category\/color-cards-and-formularies\/\" target=\"\">\n                            GO TO THE SHOP                        <\/a>\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\/06\/venera.jpg\" alt=\"\" width=\"900\" height=\"600\">\n                            <div class=\"kgallerylistSwiper__titleMob\">\n                                Venera collection for breathable latex paints : 100 colors                            <\/div>\n                        <\/div>\n                                            <div class=\"swiper-slide\">\n                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/06\/gemini.jpg\" alt=\"\" width=\"900\" height=\"600\">\n                            <div class=\"kgallerylistSwiper__titleMob\">\n                                Gemini collection for washables latex paints: 120 colors                            <\/div>\n                        <\/div>\n                                            <div class=\"swiper-slide\">\n                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/06\/mercury.jpg\" alt=\"\" width=\"900\" height=\"600\">\n                            <div class=\"kgallerylistSwiper__titleMob\">\n                                Mercury collection for higly washable latex paints: 140 colors                            <\/div>\n                        <\/div>\n                                            <div class=\"swiper-slide\">\n                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/06\/kepler.jpg\" alt=\"\" width=\"900\" height=\"600\">\n                            <div class=\"kgallerylistSwiper__titleMob\">\n                                Kepler collection for decorative painting finish: 120 colors                            <\/div>\n                        <\/div>\n                                            <div class=\"swiper-slide\">\n                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/06\/ral-section.jpg\" alt=\"\" width=\"900\" height=\"600\">\n                            <div class=\"kgallerylistSwiper__titleMob\">\n                                Decorative line collection: 168 colors                            <\/div>\n                        <\/div>\n                                            <div class=\"swiper-slide\">\n                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/09\/S45.png\" alt=\"\" width=\"1920\" height=\"1290\">\n                            <div class=\"kgallerylistSwiper__titleMob\">\n                                Ral selection collection for higly washable latex paints and enamels: 80 colors                            <\/div>\n                        <\/div>\n                                    <\/div>\n\n                <div class=\"swiper-pagination\"><\/div>\n\n                <div class=\"kgallerylist__descBtnContainer mob toRightButton\">\n                                                                <a class=\"pure-button blackBtn\" href=\"\/en\/product-category\/color-cards-and-formularies\/\" target=\"\">\n                            GO TO THE SHOP                        <\/a>\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                 \" Venera collection for breathable latex paints : 100 colors \",  \" Gemini collection for washables latex paints: 120 colors \",  \" Mercury collection for higly washable latex paints: 140 colors \",  \" Kepler collection for decorative painting finish: 120 colors \",  \" Decorative line collection: 168 colors \",  \" Ral selection collection for higly washable latex paints and enamels: 80 colors \",             ];\n\n            var swiperProdotti = new Swiper(\".slide4091225 .kgallerylistSwiper\", {\n                loop: true,\n                slidesPerView: 1.2,\n                spaceBetween: 15,\n                navigation: {\n                    nextEl: '.kgallerylist.slide4091225 .swiper-button-next',\n                    prevEl: '.kgallerylist.slide4091225 .swiper-button-prev',\n                },\n                pagination: {\n                    el: '.kgallerylist.slide4091225 .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(\".slide4091225 .kgallerylistSwiperMob\", {\n                loop: true,\n                slidesPerView: 1.2,\n                spaceBetween: 15,\n                navigation: {\n                    nextEl: '.kgallerylist.slide4091225 .swiper-button-next',\n                    prevEl: '.kgallerylist.slide4091225 .swiper-button-prev',\n                },\n                pagination: {\n                    el: '.kgallerylist.slide4091225 .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>The color code of the selected shade is necessary to look for the formulation on the FormulaBook formulary. [&#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-5865","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/tintosmart.it\/en\/wp-json\/wp\/v2\/pages\/5865","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=5865"}],"version-history":[{"count":0,"href":"https:\/\/tintosmart.it\/en\/wp-json\/wp\/v2\/pages\/5865\/revisions"}],"wp:attachment":[{"href":"https:\/\/tintosmart.it\/en\/wp-json\/wp\/v2\/media?parent=5865"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}