{"id":5933,"date":"2021-07-02T18:02:52","date_gmt":"2021-07-02T16:02:52","guid":{"rendered":"http:\/\/tintosmart.it\/?page_id=5933"},"modified":"2021-10-21T12:20:33","modified_gmt":"2021-10-21T10:20:33","slug":"media","status":"publish","type":"page","link":"https:\/\/tintosmart.it\/en\/media\/","title":{"rendered":"Media"},"content":{"rendered":"\n<div class=\"pure-containerFluid kallvideo__top generalHeader__kallvideo\">\n    <div class=\"pure-g\">\n        <div class=\"pure-u-1-1 pure-u-md-20-24 offset-md-1-12\">\n            <div class=\"generalHeader__kallvideoCont\">\n                <div class=\"generalHeader__kallvideoSingle filter-button active\" data-filter=\"all\">\n                    All videos                <\/div>\n                                    <div class=\"generalHeader__kallvideoSingle filter-button\" data-filter=\"emotional-en\">\n                        Emotional                    <\/div>\n                                    <div class=\"generalHeader__kallvideoSingle filter-button\" data-filter=\"tutorial-en-en\">\n                        Tutorial                    <\/div>\n                                    <div class=\"generalHeader__kallvideoSingle filter-button\" data-filter=\"promotional-en\">\n                        Promotional                    <\/div>\n                            <\/div>\n\n\n            <div class=\"generalHeader__kallvideoCont generalHeader__kallvideoCont--mob\">\n\n                <div class=\"swiper-container swiper__catVideo\">\n                    <div class=\"swiper-wrapper\">\n                        <div class=\"swiper-slide\">\n                            <div class=\"generalHeader__kallvideoSingle filter-button active\" data-filter=\"all\">\n                                All videos                            <\/div>\n                        <\/div>\n\n                                                    <div class=\"swiper-slide\">\n                                <div class=\"generalHeader__kallvideoSingle filter-button\" data-filter=\"emotional-en\">\n                                    Emotional                                <\/div>\n                            <\/div>\n                                                    <div class=\"swiper-slide\">\n                                <div class=\"generalHeader__kallvideoSingle filter-button\" data-filter=\"tutorial-en-en\">\n                                    Tutorial                                <\/div>\n                            <\/div>\n                                                    <div class=\"swiper-slide\">\n                                <div class=\"generalHeader__kallvideoSingle filter-button\" data-filter=\"promotional-en\">\n                                    Promotional                                <\/div>\n                            <\/div>\n                                            <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/div>\n\n\n<div class=\"pure-containerFluid kallvideo\" id=\"anchorPageStandard\">\n    <div class=\"pure-g\">\n        <div class=\"pure-u-1-1 pure-u-md-20-24 offset-md-1-12 p-0\">\n            <h2><\/h2>\n            <div class=\"kallvideo__desc\"><p class=\"p1\" style=\"text-align: center\">Discover all the TintoSmart videos dedicated both to the promotional and explanatory activities of the project, and to the tutorials relating to its operation. In this section you will find the stories of Mario and Carlo, two professional applicators with two different daily routines. Not only! Thanks to 4 simple tutorials regarding the functioning of the Portable Color System, the coloring processes and special applications, you will be able to understand more and more the secrets of using TintoSmart.<\/p>\n<\/div>\n\n            <div class=\"pure-g\" id=\"anchorMedia\">\n                                        <div class=\"pure-u-1-1 pure-u-md-6-24 generalHeader__kallvideoSingleCont filter media-en emotional-en\">\n                            <div class=\"kallvideo__single\">\n                                <a class=\"\" href=\"https:\/\/tintosmart.it\/en\/the-portable-color-system\/\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"600\" src=\"https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/media-1.jpg\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"\" srcset=\"https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/media-1.jpg 900w, https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/media-1-150x100.jpg 150w, https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/media-1-750x500.jpg 750w, https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/media-1-450x300.jpg 450w, https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/media-1-768x512.jpg 768w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/>                                    <div class=\"kallvideo__singleContent\">\n                                        <h3>The Portable Color System<\/h3>\n                                        <div><\/div>\n                                    <\/div>\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                                        <div class=\"pure-u-1-1 pure-u-md-6-24 generalHeader__kallvideoSingleCont filter media-en tutorial-en-en\">\n                            <div class=\"kallvideo__single\">\n                                <a class=\"\" href=\"https:\/\/tintosmart.it\/en\/what-is-tintosmart\/\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"600\" src=\"https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/k-tutorial.jpg\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"\" srcset=\"https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/k-tutorial.jpg 900w, https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/k-tutorial-150x100.jpg 150w, https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/k-tutorial-750x500.jpg 750w, https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/k-tutorial-450x300.jpg 450w, https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/k-tutorial-768x512.jpg 768w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/>                                    <div class=\"kallvideo__singleContent\">\n                                        <h3>What is TintoSmart?<\/h3>\n                                        <div><\/div>\n                                    <\/div>\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                                        <div class=\"pure-u-1-1 pure-u-md-6-24 generalHeader__kallvideoSingleCont filter media-en tutorial-en-en\">\n                            <div class=\"kallvideo__single\">\n                                <a class=\"\" href=\"https:\/\/tintosmart.it\/en\/tintosmart-set-up\/\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"600\" src=\"https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/k-setup.jpg\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"\" srcset=\"https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/k-setup.jpg 900w, https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/k-setup-150x100.jpg 150w, https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/k-setup-750x500.jpg 750w, https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/k-setup-450x300.jpg 450w, https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/k-setup-768x512.jpg 768w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/>                                    <div class=\"kallvideo__singleContent\">\n                                        <h3>TintoSmart Set up<\/h3>\n                                        <div><\/div>\n                                    <\/div>\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                                        <div class=\"pure-u-1-1 pure-u-md-6-24 generalHeader__kallvideoSingleCont filter media-en tutorial-en-en\">\n                            <div class=\"kallvideo__single\">\n                                <a class=\"\" href=\"https:\/\/tintosmart.it\/en\/how-does-tintosmart-works\/\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"600\" src=\"https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/k-come-funziona.jpg\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"\" srcset=\"https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/k-come-funziona.jpg 900w, https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/k-come-funziona-150x100.jpg 150w, https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/k-come-funziona-750x500.jpg 750w, https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/k-come-funziona-450x300.jpg 450w, https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/k-come-funziona-768x512.jpg 768w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/>                                    <div class=\"kallvideo__singleContent\">\n                                        <h3>How does TintoSmart works<\/h3>\n                                        <div><\/div>\n                                    <\/div>\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                                        <div class=\"pure-u-1-1 pure-u-md-6-24 generalHeader__kallvideoSingleCont filter media-en tutorial-en-en\">\n                            <div class=\"kallvideo__single\">\n                                <a class=\"\" href=\"https:\/\/tintosmart.it\/en\/tintosmart-special-application\/\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"600\" src=\"https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/applicazioni.jpg\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"\" srcset=\"https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/applicazioni.jpg 900w, https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/applicazioni-150x100.jpg 150w, https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/applicazioni-750x500.jpg 750w, https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/applicazioni-450x300.jpg 450w, https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/applicazioni-768x512.jpg 768w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/>                                    <div class=\"kallvideo__singleContent\">\n                                        <h3>TintoSmart Special Application<\/h3>\n                                        <div><\/div>\n                                    <\/div>\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                                        <div class=\"pure-u-1-1 pure-u-md-6-24 generalHeader__kallvideoSingleCont filter media-en promotional-en\">\n                            <div class=\"kallvideo__single\">\n                                <a class=\"\" href=\"https:\/\/tintosmart.it\/en\/logo-animation-tintosmart\/\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"1800\" height=\"1200\" src=\"https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/MEDIA_ENG@2x.png\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"\" srcset=\"https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/MEDIA_ENG@2x.png 1800w, https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/MEDIA_ENG@2x-450x300.png 450w, https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/MEDIA_ENG@2x-970x647.png 970w, https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/MEDIA_ENG@2x-768x512.png 768w, https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/MEDIA_ENG@2x-1536x1024.png 1536w, https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/MEDIA_ENG@2x-750x500.png 750w, https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/MEDIA_ENG@2x-150x100.png 150w\" sizes=\"auto, (max-width: 1800px) 100vw, 1800px\" \/>                                    <div class=\"kallvideo__singleContent\">\n                                        <h3>Logo Animation TintoSmart<\/h3>\n                                        <div><\/div>\n                                    <\/div>\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n<style>\n\n    .kallvideo__single{-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    .kallvideo__singleContent{padding: 10px; text-align: center;}\n    .kallvideo__singleContent h3{ font-size: 18px; text-transform: uppercase;}\n    .kallvideo__singleContent p{margin-top: 0;}\n\n    .kallvideo img{width: 100%; height: auto;}\n    .generalPage__desc{display: none;}\n    .kallvideo__top.generalHeader__kallvideo {color: #FFFFFF;background-color: #272323;}\n    .generalHeader__kallvideoCont{display: flex;align-items: center;justify-content: space-between;padding-top: 20px;padding-bottom: 20px;flex-wrap: wrap;}\n    .kallvideo__top .generalHeader__kallvideoSingle{margin: 5px 10px;}\n\n    .generalHeader__kallvideoSingle.active {font-weight: bold;border-bottom: 3px solid #FFFFFF;}\n    .generalHeader__kallvideoSingle {color: #FFFFFF;font-size: 14px;font-weight: 500;text-transform: uppercase;border-bottom: 3px solid transparent; cursor: pointer;}\n\n    .generalHeader__kallvideo{margin-bottom: 50px;}\n\n    .generalHeader__kallvideoSingleCont{margin-bottom: 30px;}\n\n    .kallvideo h2{text-align: center; font-size: 45px; margin-bottom: 0;}\n    .kallvideo__desc{text-align: center; margin-top: 10px; padding-bottom: 0px; margin-bottom: 50px; border-bottom: 3px solid #272323;}\n\n    .generalHeader__kallvideoCont.generalHeader__kallvideoCont--mob{display: none;}\n\n    \/* mobile *\/\n    @media screen and (max-width: 767px) {\n        .generalHeader__kallvideoCont{justify-content: left;}\n        .generalHeader__kallvideoSingle{width: fit-content; width: -moz-fit-content;}\n        .generalHeader__kallvideoCont{display: none;}\n        .generalHeader__kallvideoCont.generalHeader__kallvideoCont--mob{display: block;}\n    }\n\n\n    \/* ipad *\/\n    @media screen and (min-width: 768px) and  (max-width: 992px){\n        .generalHeader__kallvideoCont{justify-content: left;}\n    }\n\n    \/* ipad pro *\/\n    @media screen and (min-width: 992px) and  (max-width: 1200px){\n\n    }\n\n    @media screen and (max-width: 1350px){\n        .tax-product_cat .generalHeader__kallvideoCont {justify-content: center;}\n    }\n\n\n<\/style>\n\n<script>\n    window.addEventListener('DOMContentLoaded', function() {\n        jQuery(function ($) {\n            $(document).ready(function(){\n                $(\".generalHeader__kallvideoCont--mob .filter-button\").click(function(){\n\n                    var aid = $('#anchorMedia');\n                    $('html,body').animate({scrollTop: $(aid).offset().top - 110},'slow');\n\n                    var value = $(this).attr('data-filter');\n\n                    $(\".filter-button\").removeClass(\"active\");\n                    $(this).addClass(\"active\");\n\n                    if(value == \"all\") {\n                        $('.filter').show('3000');\n                    } else {\n                        $(\".filter\").not('.'+value).hide('3000');\n                        $('.filter').filter('.'+value).show('3000');\n                    }\n                });\n\n                $(\".filter-button\").click(function(){\n\n                    var value = $(this).attr('data-filter');\n\n                    $(\".filter-button\").removeClass(\"active\");\n                    $(this).addClass(\"active\");\n\n                    if(value == \"all\") {\n                        $('.filter').show('3000');\n                    } else {\n                        $(\".filter\").not('.'+value).hide('3000');\n                        $('.filter').filter('.'+value).show('3000');\n                    }\n                });\n            });\n\n            \/* highest element *\/\n            $(window).on(\"load resize\",function(e){\n                $(\".kallvideo__single\").css(\"min-height\", \"auto\");\n                var h=0; \/\/ the height of the highest element (after the function runs)\n                $(\".kallvideo__single\").each(function () {\n                    if (  $(this).outerHeight() > h ) {\n                        h=$(this).outerHeight();\n                    }\n                    $(\".kallvideo__single\").css(\"min-height\", h);\n                });\n            });\n\n            var swiperCatMedia = new Swiper(\".swiper__catVideo\", {\n                loop: true,\n                slidesPerView: 3,\n                breakpoints: {\n                    0: {\n                        slidesPerView: 1.8,\n                        spaceBetween: 10,\n                    },\n                    768: {\n                        slidesPerView: 3,\n                        spaceBetween: 10,\n                    },\n\n                },\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":"page_nobreadcrumb.php","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-5933","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/tintosmart.it\/en\/wp-json\/wp\/v2\/pages\/5933","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=5933"}],"version-history":[{"count":0,"href":"https:\/\/tintosmart.it\/en\/wp-json\/wp\/v2\/pages\/5933\/revisions"}],"wp:attachment":[{"href":"https:\/\/tintosmart.it\/en\/wp-json\/wp\/v2\/media?parent=5933"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}