{"id":14,"date":"2023-07-09T03:39:08","date_gmt":"2023-07-09T02:39:08","guid":{"rendered":"https:\/\/tatosundays.com\/?page_id=14"},"modified":"2024-05-17T03:51:38","modified_gmt":"2024-05-17T02:51:38","slug":"home","status":"publish","type":"page","link":"https:\/\/tatosundays.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"14\" class=\"elementor elementor-14\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2bdc8c8 elementor-section-full_width transformation-wrapper elementor-section-height-default elementor-section-height-default\" data-id=\"2bdc8c8\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a7d66cc\" data-id=\"a7d66cc\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f2d6a41 elementor-widget elementor-widget-html\" data-id=\"f2d6a41\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\n<body>\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\"><\/script>\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/ScrollTrigger.min.js\"><\/script>\n    <script src=\"https:\/\/documentcloud.adobe.com\/view-sdk\/main.js\"><\/script>\n    \n<\/body>\n\n <div class=\"dropdown\" id=\"iddropdown\">\n  <button class=\"dropbtn\"><\/button>\n  <div class=\"dropdown-content\">\n    <a href=\"#contain\">My Portfolio<\/a>\n    <a href=\"https:\/\/tatosundays.com\/index.php\/blog\/\" target=\"_blank\">Blog<\/a>     \n    <a href=\"https:\/\/tatosundays.com\/index.php\/shop\/\" target=\"_blank\">Store<\/a>\n  <\/div>\n<\/div> \n    \n<div class=\"logo\" id=\"idlogo\"><\/div>   \n    \n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css?family=Montserrat:700');\n\/*mobile*\/\n\n@media screen and (max-width:700px){\n    body{\n    overflow-x: hidden;\n}\n.transformation-wrapper{\n        \n        position: fixed;\n        top: 0;\n        right: 0;\n        width: 100vw;\n        height: 19vh;\n        margin: 0;\n        \n        overflow-x: hidden;\n               \n        \n}\n.dropdown {\n position: relative; \n  \n}\n.logo{\n    position:absolute;\n    \n    background-image: url(\"http:\/\/tatosundays.com\/wp-content\/uploads\/sundays_logo_v012_Mesa-de-trabajo-1_Mesa-de-trabajo-1.png\");\n    background-size: contain;\n    left:120%;\n    background-repeat: no-repeat;\n    width:50vw;\n    height:20vh;\n}\n\n\/* Dropdown Button *\/\n.dropbtn {\n  background-image: url(\"http:\/\/tatosundays.com\/wp-content\/uploads\/menu.png\");\n  background-size: contain;\n\n  background-repeat: no-repeat;\n  background-color: transparent;\n  border: none;\n  position:absolute;\n  left:75%;\n  transform: translateY(60%);\n  width:10vw;\n  height:10vh;\n\n}\n\n\/* Dropdown Content (Hidden by Default) *\/\n.dropdown-content {\n  display: none;\n  position: absolute;\n  background-color: #e3defc;\n  width: 50vw;\n  height:18vh;\n  left:123%;\n  opacity: 90%;\n  box-shadow: 10px 8px 16px 0px rgba(0,0,0,0.2);\n  z-index: 9;\n  \n}\n\n\/* Links inside the dropdown *\/\n.dropdown-content a {\n  color: black;\n  padding: 10px 16px;\n  text-decoration: none;\n  text-align: center;\n  text-transform: uppercase;\n  display: block;\n  color:#271177;\n  font-family: 'Montserrat', sans-serif;\n}\n\n\/* Change color of dropdown links on hover *\/\n.dropdown-content a:hover {background-color: #ddd;}\n\n\/* Show the dropdown menu on hover *\/\n\n.dropdown:hover .dropdown-content {display: block;\n    z-index: 10;\n    \n    -webkit-transition-delay: 0s;\n}\n.dropdown-content:hover {display: block;\n    z-index: 10;\n    \n    -webkit-transition-delay: 0s;\ntransition-delay: 0s;\n\n}\n}\n\n\/*browser*\/\n\n@media screen and (min-width:701px){\n.transformation-wrapper{\n        position: fixed;\n        top: 0;\n        right: 0;\n        width: 100vw;\n        height: 16vh;\n        margin: 0;\n        background-color: transparent;\n        overflow-x: hidden;\n    }\n.logo{\n    position:absolute;\n    top:50%;\n    left:46%;\n    background-image: url(\"http:\/\/tatosundays.com\/wp-content\/uploads\/sundays_logo_v012_Mesa-de-trabajo-1_Mesa-de-trabajo-1.png\");\n    background-size: contain;\n    background-repeat: no-repeat;\n    width:20vw;\n    height: 16vh;\n}\n\n\n\/* Dropdown Button *\/\n.dropbtn {\n  background-image: url(\"http:\/\/tatosundays.com\/wp-content\/uploads\/menu.png\");\n  background-size: contain;\n\n  background-repeat: no-repeat;\n  background-color: transparent;\n  border: none;\n  position:absolute;\n  top:50%;\n  transform: translateY(80%);\n  left:41%;\n  width:8vw;\n  height:8vh;\n\n}\n\n\/* The container <div> - needed to position the dropdown content *\/\n.dropdown {\n  position: relative;\n\n}\n\n\/* Dropdown Content (Hidden by Default) *\/\n.dropdown-content {\n  display: none;\n  position: absolute;\n  background-color: #e3defc;\n  width: 100vw;\n  opacity: 90%;\n  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);\n  z-index: 1;\n\n}\n\n\/* Links inside the dropdown *\/\n.dropdown-content a {\n  color: black;\n  padding: 12px 16px;\n  text-decoration: none;\n  text-align: center;\n  display: block;\n  text-transform: uppercase;\n  color:#271177;\n  font-family: 'Montserrat', sans-serif;\n  \n}\n\n\/* Change color of dropdown links on hover *\/\n.dropdown-content a:hover {background-color: #ddd;}\n\n\/* Show the dropdown menu on hover *\/\n\n.dropdown:active .dropdown-content {display: block;\n    z-index: 3;\n    \n    -webkit-transition-delay: 0s;\n}\n\n.dropdown-content:hover  {display: block;\n    z-index: 3;\n    \n    -webkit-transition-delay: 0s;\ntransition-delay: 0s;\n\n}\n\n\/*.dropdown:hover .dropdown-content {display: block;}*\/\n\n\/* Change the background color of the dropdown button when the dropdown content is shown *\/\n\/*.dropdown:hover .dropbtn {background-color: ;}*\/\n}\n\n\n\n<\/style>\n<script>\n\n\/\/start mobile config\n\ngsap.registerPlugin(ScrollTrigger);\n\nlet bmax1 = gsap.matchMedia();\nbmax1.add(\"(max-width:700px)\", () => {\n    \nScrollTrigger.normalizeScroll(true);\n\n\/\/let loghead = document.getElementById(\".div1\");\ngsap.set(\".transformation-wrapper\", {autoAlpha: 0}); \/\/ hide initially\n\ngsap.to(\".transformation-wrapper\", {\n    autoAlpha: 1,\n    \n    scrollTrigger:{\n        trigger: \".div1\",\n        start: 3450,\n        end: 3690,\n        scrub: 1,\n        \n    }\n})\n\n\/\/  .to(\".transformation-wrapper\", {autoAlpha: 0, duration: 0.1});\n});\n\n\/\/end mobile config\n\n\/\/start browser config\n\ngsap.registerPlugin(ScrollTrigger);\n\nlet mmax1 = gsap.matchMedia();\nmmax1.add(\"(min-width:701px)\", () => {\n\n\/\/let loghead = document.getElementById(\".div1\");\ngsap.set(\".transformation-wrapper\", {autoAlpha: 0}); \/\/ hide initially\n\ngsap.to(\".transformation-wrapper\", {\n    autoAlpha: 1,\n    \n    scrollTrigger:{\n        trigger: \".div1\",\n        start: 3450,\n        end: 3690,\n        scrub: 1,\n        \n    }\n})\n\n\/\/  .to(\".transformation-wrapper\", {autoAlpha: 0, duration: 0.1});\n});\n\n\/\/end browser config\n\n\n\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<div class=\"elementor-section elementor-top-section elementor-element elementor-element-7315cb9 elementor-section-full_width canvas-container elementor-section-height-default elementor-section-height-default\" data-id=\"7315cb9\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-300bdd1\" data-id=\"300bdd1\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b5c677d elementor-widget elementor-widget-html\" data-id=\"b5c677d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<body>\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\"><\/script>\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/ScrollTrigger.min.js\"><\/script>\n<\/body>\n\n<div class\"canvas-container\">\n<div id=\"loaderPagina\" class=\"section_loader\">\n    <div class=\"loader\">\n      <div class=\"loader_1\"><\/div>\n      <div class=\"loader_2\"><\/div>\n    <\/div>\n  <\/div>\n    \n<canvas id=\"hero-lightpass\"><\/canvas>\n<div id=\"fly-in\">\n    <div>Welcome<span>to<\/span><\/div>\n    <!--<div><span>Tato<\/span>Sundays<\/div>-->\n<\/div>\n<div class=\"scrolld\"><p><\/p><\/div>\n<\/div>\n\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css?family=Montserrat:700');\n\n\/*mobile*\/\n\n@media screen and (max-width:700px){\n\n.section_loader {\n  position: fixed;\n  left:0;\n  top: 0;\n  height: 100%;\n  width: 100%;\n  background-color: rgba(227,222,252,.8);\n  z-index: 9999;\n  display: none;\n  justify-content: center;\n  align-items: center;\n  \n}\n\n.loader {\n  position: relative;\n  width: 60px;\n  height: 60px;\n  margin-right: 0px;\n}\n\n.loader .loader_1 {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  border: 4px solid purple;\n  border-left-color: transparent;\n  border-bottom: none;\n  border-radius: 50%;\n  animation: loader-1 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite;\n}\n\n.loader .loader_2 {\n  position: absolute;\n  width: 40px;\n  height: 40px;\n  border: 4px solid plum;\n  border-top-color: transparent;\n  border-right: none;\n  border-radius: 50%;\n  left: calc(50% - 20px);\n  top: calc(50% - 20px);\n  animation: loader-2 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite;\n}\n\n.show_loader {\n  display: flex;\n}\n\n@keyframes loader-1 {\n  0%{\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes loader-2 {\n  0%{\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(-360deg);\n  }\n}\n\n    #hero-lightpass{\n     margin:0;\n     padding:0;\n     display:block;\n     position:absolute;\n     z-index: -1;\n     top:0;\n     overflow: hidden;\n    }\n.scrolld{\n    background-image: url(\"http:\/\/tatosundays.com\/wp-content\/uploads\/flecha.png\");\n   background-size: contain;\n   background-repeat: no-repeat;\n    position: absolute;\n    top:85vh;\n    left:46vw;\n    width:8vw;\n    height:8vh;\n    font-size: .8em;\n    z-index: 3;\n    animation: scroll 2s linear infinite;\n   transform-origin: 30% 50%;\n}\n@keyframes scroll { \n    100% { transform:scale(.95)}\n    80% { transform:scale(1)}\n    60% { transform:scale(.95)}\n    40% { transform:scale(1)}\n    20% { transform:scale(.95)}\n    0% { transform:scale(1)}\n}\n\/*\n.scrolld p{\n    \n    display:block;\n    color:purple;\n    position:absolute;\n    top:-50px;\n}\n*\/\n#fly-in{\n  position: absolute;\n  font-size: 2.5em;\n  margin: 40vh auto;\n  height: 20vh; \n  text-transform: uppercase;\n  z-index: 2;\n  font-family: 'Montserrat', sans-serif;\n}\n#fly-in span {\n  display: block;\n  font-size: .6em;\n  opacity: .8;\n  color:purple;\n  \n}\n\n#fly-in div {\n  position: absolute;\n  margin: 2vh 0;\n  opacity: 0;\n  left: 8.3vw;\n  width: 80vw;\n  animation: switch 7s linear infinite;\n  \n}\n#fly-in div:nth-child(2) { animation-delay: 3s}\n#fly-in div:nth-child(3) { animation-delay: 6s}\n\n@keyframes switch { \n    100% { opacity: 0;filter: blur(20px); transform:scale(12)}\n    80% { opacity: 1;filter: blur(0px); transform:scale(1)}\n    13% { opacity: 1;filter: blur(0px); transform:scale(.9)}\n    10% { opacity: 0;filter: blur(10px); transform:scale(.1)}\n    3% { opacity: 0}\n    0% { opacity: 0}\n}\n\n.canvas-container {\n  \n  width: 100%;\n  height: 100vh;\n  margin:auto;\n  padding:0;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n  position:relative;\n  background-color: #ffffff;\n    \n}\n\n}\n\n\n\/*end mobile*\/\n\n\/*browser*\/\n@media screen and (min-width:701px){\n\n\n.section_loader {\n  position: fixed;\n  left:0;\n  top: 0;\n  height: 100%;\n  width: 100%;\n  background-color: rgba(227,222,252,.8);\n  z-index: 9999;\n  display: none;\n  justify-content: center;\n  align-items: center;\n  \n}\n\n.loader {\n  position: relative;\n  width: 60px;\n  height: 60px;\n  margin-right: 45px;\n}\n\n.loader .loader_1 {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  border: 4px solid purple;\n  border-left-color: transparent;\n  border-bottom: none;\n  border-radius: 50%;\n  animation: loader-1 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite;\n}\n\n.loader .loader_2 {\n  position: absolute;\n  width: 40px;\n  height: 40px;\n  border: 4px solid plum;\n  border-top-color: transparent;\n  border-right: none;\n  border-radius: 50%;\n  left: calc(50% - 20px);\n  top: calc(50% - 20px);\n  animation: loader-2 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite;\n}\n\n.show_loader {\n  display: flex;\n}\n\n@keyframes loader-1 {\n  0%{\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes loader-2 {\n  0%{\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(-360deg);\n  }\n}\n#hero-lightpass {\n  width:100%;\n  height:100vh;\n  margin:0;\n  padding:0;\n  display:block;\n  position:absolute;\n  z-index: -1;\n  top:0;\n  \n}\n\n.scrolld{\n    background-image: url(\"http:\/\/tatosundays.com\/wp-content\/uploads\/flecha.png\");\n   background-size: contain;\n   background-repeat: no-repeat;\n    position: absolute;\n    top:85vh;\n    left:46vw;\n    width:8vw;\n    height:8vh;\n    z-index: 3;\n    animation: scroll 2s linear infinite;\n   transform-origin: 30% 50%;\n}\n@keyframes scroll { \n    100% { transform:scale(.95)}\n    80% { transform:scale(1)}\n    60% { transform:scale(.95)}\n    40% { transform:scale(1)}\n    20% { transform:scale(.95)}\n    0% { transform:scale(1)}\n}\n\/*\n.scrolld p{\n    display:block;\n    color:purple;\n    position:absolute;\n    top:-50px;\n    \n}\n*\/\n#fly-in{\n  position: absolute;\n  font-size: 4em;\n  margin: 40vh auto;\n  height: 20vh; \n  text-transform: uppercase;\n  z-index: 2;\n  font-family: 'Montserrat', sans-serif;\n}\n#fly-in span {\n  display: block;\n  font-size: .4em;\n  opacity: .8;\n  color:purple;\n  \n}\n\n#fly-in div {\n  position: absolute;\n  margin: 2vh 0;\n  opacity: 0;\n  left: 8.3vw;\n  width: 80vw;\n  animation: switch 7s linear infinite;\n  \n}\n#fly-in div:nth-child(2) { animation-delay: 3s}\n#fly-in div:nth-child(3) { animation-delay: 6s}\n\n@keyframes switch { \n    100% { opacity: 0;filter: blur(20px); transform:scale(12)}\n    80% { opacity: 1;filter: blur(0px); transform:scale(1)}\n    13% { opacity: 1;filter: blur(0px); transform:scale(.9)}\n    10% { opacity: 0;filter: blur(10px); transform:scale(.1)}\n    3% { opacity: 0}\n    0% { opacity: 0}\n}\n\n.canvas-container {\n  \n  width: 100%;\n  height: 100vh;\n  margin:auto;\n  padding:0;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n  position:relative;\n}\n}\n\n\/*end browser*\/\n\n<\/style>\n\n<script>\nwindow.addEventListener(\"DOMContentLoaded\", () => {\n  showLoader();\n})\n\nwindow.addEventListener(\"load\", () => {\n  \n      hideLoader();\n    \n})\n\n\nconst loader = document.getElementById(\"loaderPagina\");\nconst showLoader = () => {\n loader.classList.add(\"show_loader\");\n}\nconst hideLoader = () => {\n  loader.classList.remove(\"show_loader\");\n}\ngsap.registerPlugin(ScrollTrigger);\nconsole.clear();\n\ngsap.to(\"#fly-in\", {\n    autoAlpha: 0,\n    \n    scrollTrigger:{\n        trigger: \".canvas-container\",\n        start: 50,\n        end: 1500,\n        scrub: 1,\n    }\n})\ngsap.to(\".scrolld\", {\n    autoAlpha: 0,\n    \n    scrollTrigger:{\n        trigger: \".canvas-container\",\n        start: 5,\n        end: 2500,\n        scrub: 1,\n    }\n})\n\n\n\/\/start mobile config\nlet mm2 = gsap.matchMedia();\nmm2.add(\"(max-width:700px)\", () => {\n\nScrollTrigger.normalizeScroll(true);\n\nconst canvas2 = document.getElementById(\"hero-lightpass\");\nconst context2 = canvas2.getContext(\"2d\");    \n    \n  canvas2.width = 420;\n  canvas2.height = 850;\n\nconst frameCount2 = 67;\nconst currentFrame2 = (index) =>\n  `http:\/\/tatosundays.com\/wp-content\/uploads\/testnew2\/${(\n    index + 1\n  )\n    .toString()\n    .padStart(4, \"0\")}.jpg`;\n\nconst images2 = [];\nconst airpods2 = {\n  frame2: 0\n};\n\nfor (let i = 0; i < frameCount2; i++) {\n  const img2 = new Image();\n  img2.src = currentFrame2(i);\n  images2.push(img2);\n}\n\ngsap.to(airpods2, {\n  frame2: frameCount2 - 1,\n  snap: \"frame2\",\n  ease: \"none\",\n  scrollTrigger: {\n    trigger: \".canvas-container\",\n    start: \"top top\",\n    end: \"+=3500\",\n    pin: true,\n    scrub: 1,\n  },\n  onUpdate: render2 \/\/ use animation onUpdate instead of scrollTrigger's onUpdate\n});\n\nimages2[0].onload = render2;\n\nfunction render2() {\n context2.clearRect(0, 0, canvas2.width, canvas2.height);\n context2.drawImage(images2[airpods2.frame2],  canvas2.width \/ 2 - images2[airpods2.frame2].width \/ 2,\n        canvas2.height \/ 2 - images2[airpods2.frame2].height \/ 2);\n};    \n \n})\n\/\/end mobile config\n\nlet mm = gsap.matchMedia();\nmm.add(\"(min-width:700px)\", () => {\n\nconst canvas = document.getElementById(\"hero-lightpass\");\nconst context = canvas.getContext(\"2d\");\n\ncanvas.width = 1920;\ncanvas.height = 1080;\n\nconst frameCount = 243;\nconst currentFrame = (index) =>\n  `https:\/\/tatosundays.com\/wp-content\/uploads\/2023\/09\/${(\n    index + 1\n  )\n    .toString()\n    .padStart(4, \"0\")}.jpg`;\n\nconst images = [];\nconst airpods = {\n  frame: 0\n};\n\nfor (let i = 0; i < frameCount; i++) {\n  const img = new Image();\n  img.src = currentFrame(i);\n  images.push(img);\n}\n\ngsap.to(airpods, {\n  frame: frameCount - 1,\n  snap: \"frame\",\n  ease: \"none\",\n  scrollTrigger: {\n    trigger: \".canvas-container\",\n    start: \"top top\",\n    end: \"+=3500\",\n    pin: true,\n    scrub: 1,\n  },\n  onUpdate: render \/\/ use animation onUpdate instead of scrollTrigger's onUpdate\n});\n\nimages[0].onload = render;\n\nfunction render() {\n context.clearRect(0, 0, canvas.width, canvas.height);\n context.drawImage(images[airpods.frame],  canvas.width \/ 2 - images[airpods.frame].width \/ 2,\n        canvas.height \/ 2 - images[airpods.frame].height \/ 2);\n\n};\n\n});\n\n\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-section elementor-top-section elementor-element elementor-element-49433e8 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"49433e8\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-9861725\" data-id=\"9861725\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-174737f elementor-widget elementor-widget-html\" data-id=\"174737f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<body>\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\"><\/script>\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/ScrollTrigger.min.js\"><\/script>\n<\/body>\n\n<div class=\"div1\" id=\"vid1\">\n  \n<div class=\"div2\" id=\"vid2\"><\/div>\n\n<div class=\"square1\"><\/div>\n<div class=\"square2\"><\/div>\n<div class=\"square3\"><\/div>\n<div class=\"square4\"><\/div>\n<div class=\"square5\"><\/div>\n<div class=\"squarep1\">\n <p class=\"pgab\">GABRIEL<\/p>\n <p class=\"pdom\">D<span>O<\/span>MINGUEZ<\/p>\n<\/div>\n<div class=\"square6\"><\/div>\n<div class=\"squarep2\"> \n <p class=\"paud\"><span>A<\/span>UDIOVISUAL<\/p>\n <p class=\"pand\">AND<\/p>\n <p class=\"pmulti\">MULTIMEDIA<\/p>\n <p class=\"pcrea\">CREATOR<\/p>\n<\/div>\n<div class=\"square7\"><\/div>\n<div class=\"squarep3\">\n <p class=\"pdesig\">Desi<span>g<\/span>n<\/p>\n <p class=\"pillu\">Illustrati<span>o<\/span>n<\/p>\n <p class=\"panim\">Animati<span>o<\/span>n<\/p>\n <p class=\"p3d\">3D A<span>r<\/span>t<\/p>\n<\/div>\n<div class=\"square8\"><\/div>\n<div class=\"square9\"><\/div>\n<div class=\"scrolld\" id=\"sc2\"><p><\/p><\/div>\n<\/div>\n \n<\/div>\n  \n<style>\n@import url('https:\/\/fonts.googleapis.com\/css?family=Montserrat:700');\n\/*mobile*\/\n\n@media screen and (max-width:700px){\n    \n.scrolld{\n    background-image: url(\"http:\/\/tatosundays.com\/wp-content\/uploads\/flecha.png\");\n   background-size: contain;\n   background-repeat: no-repeat;\n    position: absolute;\n    top:85vh;\n    left:46vw;\n    width:8vw;\n    height:8vh;\n    z-index: 3;\n    animation: scroll 2s linear infinite;\n   transform-origin: 30% 50%;\n}\n@keyframes scroll { \n    100% { transform:scale(1.5)}\n    80% { transform:scale(1)}\n    60% { transform:scale(1.5)}\n    40% { transform:scale(1)}\n    20% { transform:scale(1.5)}\n    0% { transform:scale(1)}\n}\n\/*\n#sc2 p{\n    display:block;\n    color:black;\n    position:absolute;\n    top:-50px;\n    text-shadow: -2px 2px 0 #ffffff,\n          2px 2px 0 #ffffff,\n         2px -2px 0 #ffffff,\n        -2px -2px 0 #ffffff;\n    \n}\n*\/\n\n.div1{\n    background-size: 100% 100%;\n    background-repeat: no-repeat;\n    background-image:url('http:\/\/tatosundays.com\/wp-content\/uploads\/fondo_section2_mobile_v03.png');\n    background-color: none;\n    flex-wrap: wrap;\n    height: 100vh;\n    width: 100vw;\n    padding: 0px;\n    margin:0;\n    display:block;\n    overflow-x: hidden;\n    \n}\n.pgab, .pdom{\n    position:absolute;\n    color:#271177;\n    \/* text-shadow: -1px 1px 0 #EFEDA3,\n          1px 1px 0 #EFEDA3,\n         1px -1px 0 #EFEDA3,\n        -1px -1px 0 #EFEDA3;*\/\n    font-family: 'Montserrat', sans-serif;\n    font-size: 1.2rem;\n}\n.pdom span{\n   \n    color:#DBBA16;\n}\n.squarep1{\n    position:absolute;\n    top:18%;\n    left:30%;\n    opacity:0;\n    color: #271177;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 170px;\n    height: 170px;\n    \n}\n.square5{\n    width: 170px;\n    height: 170px;\n    max-width: 170px;\n    background-image: url('http:\/\/tatosundays.com\/wp-content\/uploads\/sprsheet_v04.png');\n    background-size: cover;\n    background-repeat: no-repeat;\n    position: absolute;\n    top: 18%;\n    left:30%;\n}\n}\n\n\/*browser*\/\n\n@media screen and (min-width:701px){\n\n.scrolld{\n    background-image: url(\"http:\/\/tatosundays.com\/wp-content\/uploads\/flecha.png\");\n   background-size: contain;\n   background-repeat: no-repeat;\n    position: absolute;\n    top:85vh;\n    left:46vw;\n    width:8vw;\n    height:8vh;\n    z-index: 3;\n    animation: scroll 2s linear infinite;\n   transform-origin: 30% 50%;\n}\n@keyframes scroll { \n    100% { transform:scale(.95)}\n    80% { transform:scale(1)}\n    60% { transform:scale(.95)}\n    40% { transform:scale(1)}\n    20% { transform:scale(.95)}\n    0% { transform:scale(1)}\n}\n\/*\n#sc2 p{\n    display:block;\n    color:black;\n    position:absolute;\n    top:-50px;\n    text-shadow: -2px 2px 0 #ffffff,\n          2px 2px 0 #ffffff,\n         2px -2px 0 #ffffff,\n        -2px -2px 0 #ffffff;\n    \n}\n*\/\n\n.div1{\n    background-size: 100% 100%;\n    background-repeat: no-repeat;\n    background-image:url('http:\/\/tatosundays.com\/wp-content\/uploads\/fondo_section2_p1_v03.png');\n    background-color: none;\n    flex-wrap: wrap;\n    height: 100vh;\n    width: 100vw;\n    padding: 0px;\n    margin:0;\n    display:block;\n}\n.div2{\n    background-size: 100% 100%;\n    background-repeat: no-repeat;\n    background-image:url('http:\/\/tatosundays.com\/wp-content\/uploads\/fondo_section2_p2_v03.png');\n    background-color: none;\n    height: 100vh;\n    width: 100vw;\n    padding: 0px;\n    margin:0;\n    display:block;\n}\n\n.pgab, .pdom, .paud, .pand, .pmulti, .pcrea, .pdesig, .panim, .pillu, .p3d{\n    position:absolute;\n    color:#271177;\n    \/* text-shadow: -1px 1px 0 #EFEDA3,\n          1px 1px 0 #EFEDA3,\n         1px -1px 0 #EFEDA3,\n        -1px -1px 0 #EFEDA3;*\/\n    font-family: 'Montserrat', sans-serif;\n}\n.pdesig span{\n    color:#DBBA16;\n}\n.panim span{\n    color:#DBBA16;\n}\n.pillu span{\n    color:#DBBA16;\n}\n.p3d span{\n    color:#DBBA16;\n}\n.pdom span{\n    color:#DBBA16;\n}\n.paud span{\n    color:#DBBA16;\n}\n.squarep1{\n    position:absolute;\n    top:18%;\n    left:44%;\n    opacity:0;\n    color: #271177;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 170px;\n    height: 170px;\n    \n}\n.square5{\n    width: 170px;\n    height: 170px;\n    max-width: 170px;\n    background-image: url('http:\/\/tatosundays.com\/wp-content\/uploads\/sprsheet_v04.png');\n    background-size: cover;\n    background-repeat: no-repeat;\n    position: absolute;\n    top: 18%;\n    left:44%;\n}\n.square1{\n    width: 250px;\n    height: 250px;\n     background-image: url('http:\/\/tatosundays.com\/wp-content\/uploads\/bola2.png');\n    background-size: cover;\n    background-repeat: no-repeat;\n    position: absolute;\n    top:5%;\n    left:5%;\n\n}\n\n\n.square2{\n    width: 150px;\n    height: 150px;\n     background-image: url('http:\/\/tatosundays.com\/wp-content\/uploads\/bola3.png');\n    background-size: cover;\n    background-repeat: no-repeat;\n    position: absolute;\n    top:60%;\n    left:20%;\n}\n.square3{\n    width: 250px;\n    height: 250px;\n     background-image: url('http:\/\/tatosundays.com\/wp-content\/uploads\/bola2.png');\n    background-size: cover;\n    background-repeat: no-repeat;\n    position: absolute;\n    top:5%;\n    right:5%;\n}\n.square4{\n    width: 150px;\n    height: 150px;\n     background-image: url('http:\/\/tatosundays.com\/wp-content\/uploads\/bola3.png');\n    background-size: cover;\n    background-repeat: no-repeat;\n    position: absolute;\n    top:35%;\n    right:20%;\n}\n.squarep2{\n    position:absolute;\n    top:40%;\n    left:33%;\n    opacity:0;\n    color: #271177;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 170px;\n    height: 170px;   \n    \n}\n.square6{\n    width: 170px;\n    height: 170px;\n    max-width: 170px;\n     background-image: url('http:\/\/tatosundays.com\/wp-content\/uploads\/sprsheet_v05.png');\n    background-size: cover;\n    background-repeat: no-repeat;\n    background-position: 0 50%;\n    position: absolute;\n    top:40%;\n    left:33%;\n}\n.squarep3{\n    position:absolute;\n    top:40%;\n    right:34%;\n    opacity:0;\n    color: #271177;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 170px;\n    height: 170px;\n    \n}\n.square7{\n    width: 170px;\n    height: 170px;\n    max-width: 170px;\n     background-image: url('http:\/\/tatosundays.com\/wp-content\/uploads\/sprsheet_v06_1.png');\n    background-size: cover;\n    background-repeat: no-repeat;\n    position: absolute;\n    top:40%;\n    right:34%;\n}\n}\n\n<\/style>    \n<script>\n\n\/\/start mobile config\nlet mmob3 = gsap.matchMedia();\nmmob3.add(\"(max-width:700px)\", () => {\ngsap.registerPlugin(ScrollTrigger);\nScrollTrigger.normalizeScroll(true);\n\nlet btargets = gsap.utils.toArray([\".square5\", \".squarep1\"]);\n\n\ngsap.set(\".square1\", { autoAlpha: 0,});\ngsap.set(\".square2\", { autoAlpha: 0,});\ngsap.set(\".square3\", { autoAlpha: 0,});\ngsap.set(\".square4\", { autoAlpha: 0,});\ngsap.set(\".div2\", { autoAlpha: 0,});\ngsap.set(\".square7\", { autoAlpha: 0,});\ngsap.set(\".square8\", { autoAlpha: 0,});\ngsap.set(\".square9\", { autoAlpha: 0,});\ngsap.set(\".squarep2\", { autoAlpha: 0,});\ngsap.set(\".squarep3\", { autoAlpha: 0,});\n\nlet btim1 = gsap.timeline({\n    scrollTrigger: {\n        trigger: \".div1\",\n        start: \"bottom bottom\",\n        toggleActions: \"restart none none none\",\n        scrub:1,\n        pin:true,\n        end: \"+=400%\",\n    }\n});\n\nbtim1.to(btargets, {\n    \n    y: 60,\n    duration: 1,\n    },\n);\nbtim1.to(\".square5\", {\n    opacity:0,\n    duration: 0.5,\n    },\n);\nbtim1.to(\".squarep1\", {\n    opacity:1,\n    delay:-0.5,\n    duration:0.5,\n   }\n); \n\nbtim1.to(\".pgab\", {\n scale:2,x:-100,y:50,duration:0.1,\n   }\n);\nbtim1.to(\".pdom\", {\n scale:2,x:70,y:50,duration:0.1,\n   }\n);\nbtim1.to(\".squarep3\", {\n scale:2,duration:1,\n   }\n);\n\nvar bframe_count2  = 17,\n    boffset_value2 = 85;\ngsap.to(\".square5\", {\n  \n  backgroundPosition: (-boffset_value2 * bframe_count2 * 2) + \"px 50%\",\n  ease: \"steps(\" + bframe_count2 + \")\",\n  scrollTrigger: {\n    trigger: \".square5\",\n    start: \"bottom bottom\",\n    scrub: 8,\n \n  }\n});\n\n});\n\n\/\/end mobile config\n\n\/\/start browser config\nlet bob3 = gsap.matchMedia();\nbob3.add(\"(min-width:701px)\", () => {\n\ngsap.registerPlugin(ScrollTrigger);\nlet targets = gsap.utils.toArray([\".square5\", \".squarep1\"]);\nlet targets2 = gsap.utils.toArray([\".square6\", \".squarep2\"]);\nlet targets3 = gsap.utils.toArray([\".square7\", \".squarep3\"]);\n\nlet tim1 = gsap.timeline({\n    scrollTrigger: {\n        trigger: \".div1\",\n        start: \"bottom bottom\",\n        toggleActions: \"restart none none none\",\n        scrub:1,\n        end: \"+=700%\",\n    }\n    \n});\ntim1.to(targets, {\n    \n    y: 20,\n    duration: 3,\n    },\n);\ntim1.to(\".square5\", {\n    opacity:0,\n    },\n);\ntim1.to(\".squarep1\", {\n    opacity:1,\n    delay:-3,\n   }\n); \n\ntim1.to(\".pgab\", {\n scale:5,x:-215,y:50,duration:2,\n   }\n);\ntim1.to(\".pdom\", {\n scale:5,x:200,y:50,duration:2,\n   }\n);\ntim1.to(targets2, {\n    \n    y: 180,\n    duration:5,\n    },\n);\ntim1.to(\".square6\", {\n    opacity:0,\n    },\n);\ntim1.to(\".squarep2\", {\n    opacity:1,\n    delay:-1.5,\n   }\n); \ntim1.to(\".paud\", {\n scale:3,x:-90,y:-230,duration:0.5,\n   }\n);\ntim1.to(\".pand\", {\n scale:3,x:130,y:-230,duration:0.5,\n   }\n);\ntim1.to(\".pmulti\", {\n scale:3,x:335,y:-230,duration:0.5,\n   }\n);\ntim1.to(\".pcrea\", {\n scale:3,x:595,y:-230,duration:0.5,\n   }\n);\ntim1.to(targets3, {\n    y: 140,\n    duration:5,\n    },\n);\ntim1.to(\".square7\", {\n    opacity:0,\n    },\n);\ntim1.to(\".squarep3\", {\n    opacity:1,\n    delay:-1.5,\n   }\n); \ntim1.to(\".pdesig\", {\n scale:2,x:100,y:0,duration:1,\n   }\n);\ntim1.to(\".panim\", {\n scale:2,x:100,y:30,duration:1,\n   }\n);\ntim1.to(\".pillu\", {\n scale:2,x:100,y:60,duration:1,\n   }\n);\ntim1.to(\".p3d\", {\n scale:2,x:100,y:90,duration:1,\n   }\n);\n\nvar frame_count  = 45,\n    offset_value = 85;\ngsap.to(\".square7\", {\n  \n  backgroundPosition: (-offset_value * frame_count * 2) + \"px 50%\",\n  ease: \"steps(\" + frame_count + \")\",\n  scrollTrigger: {\n    trigger: \".square7\",\n    start: \"bottom bottom\",\n    scrub: 0.5,\n    \/\/end: \"+=\" + (frame_count * offset_value),\n    end: \"+=650%\",\n  }\n});\nvar frame_count2  = 17,\n    offset_value2 = 85;\ngsap.to(\".square5\", {\n  \n  backgroundPosition: (-offset_value2 * frame_count2 * 2) + \"px 50%\",\n  ease: \"steps(\" + frame_count2 + \")\",\n  scrollTrigger: {\n    trigger: \".square5\",\n    start: \"bottom bottom\",\n    scrub: 0.5,\n    \n    \n  }\n});\nvar frame_count3  = 33,\n    offset_value3 = 85;\ngsap.to(\".square6\", {\n  \n  backgroundPosition: (-offset_value3 * frame_count3 * 2) + \"px 50%\",\n  ease: \"steps(\" + frame_count3 + \")\",\n  scrollTrigger: {\n    trigger: \".square6\",\n    start: \"bottom bottom\",\n    scrub: 0.5,\n    end: \"+=400%\",\n    \n    \n  }\n});\n\ngsap.to(\".square2\", { \n    yPercent: 140,\n    rotation: 480,\n    duration: 8,\n    ease: \"slow\",\n    scrollTrigger: {\n        trigger: \".square2\",\n        start: \"bottom bottom\",\n        toggleActions: \"restart none none none\",\n        }\n});\ngsap.to(\".square3\", { \n    yPercent: 400,\n    rotation: 1760,\n    duration: 10,\n    ease: \"slow\",\n    scrollTrigger: {\n        trigger: \".square3\",\n        start: \"bottom bottom\",\n        toggleActions: \"restart none none none\",\n        }\n});\ngsap.to(\".square4\", { \n    yPercent: 150,\n    rotation: 1360,\n    duration: 4,\n    ease: \"slow\",\n    scrollTrigger: {\n        trigger: \".square4\",\n        start: \"bottom bottom\",\n        end: \"+=700%\",\n        scrub: true,\n        toggleActions: \"restart none none none\",\n        }\n});\n\nconsole.clear();\n\ngsap.set(\".div1\", { backgroundPosition: \"0px 0px\" });\n\ngsap.to(\".div1\", {\n  scrollTrigger: {\n    trigger: \".div1\",\n    start: \"bottom bottom\",\n    end: \"+=700%\",\n    scrub: true,\n    pin:true,\n  },\n  backgroundPosition: \"0px -80px\",\n  ease: \"slow\",\n});\n\ngsap.set(\".div2\", { backgroundPosition: \"0px -30px\"});\n\ngsap.to(\".div2\", {\n  scrollTrigger: {\n    trigger: \".div2\",\n    start: \"bottom bottom\",\n    end: \"+=700%\",\n    scrub: true,\n    \n  },\n  backgroundPosition: \"0px 80px\",\n  ease: \"slow\",\n});\n});\n\/\/end browser config\n\n\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-988dfe9 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"988dfe9\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4d583c3\" data-id=\"4d583c3\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-383e2d2 elementor-widget elementor-widget-html\" data-id=\"383e2d2\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<body>\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\"><\/script>\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/ScrollTrigger.min.js\"><\/script>\n<\/body>\n\n<div class=\"div3\" id=\"vid3\">\n    <div class=\"rob\"><\/div>\n    <div class=\"square10\"><\/div>\n    <div class=\"squarep4\">\n <p class=\"pche\">MY<\/p>\n <p class=\"pmy\">P<span>O<\/span>RTFOLIO<\/p>\n<\/div>\n<\/div>\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css?family=Montserrat:700');\n\/*mobile*\/\n\n@media screen and (max-width:700px){\n    \n    #vid3{\n    background-size: cover;\n    background-repeat: no-repeat;\n    background-image:url('http:\/\/tatosundays.com\/wp-content\/uploads\/fondo_section3_mobile_v03.png');\n    \n    height: 100vh;\n    width: 100vw;\n    padding: 0px;\n    margin:0;\n    display:block;\n    overflow-x: hidden;\n}\n.pche, .pmy{\n    position:absolute;\n    font-family: 'Montserrat', sans-serif;\n}\n.pmy span{\n     color:#DBBA16;\n}\n.squarep4{\n    position:absolute;\n    top:100%;\n    left:30%;\n    opacity:0;\n    color: #271177;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 170px;\n    height: 170px;\n    \n}\n\n.square10{\n    width: 170px;\n    height: 170px;\n    max-width: 170px;\n    background-image: url('http:\/\/tatosundays.com\/wp-content\/uploads\/sprsheet_v04.png');\n    background-size: cover;\n    background-repeat: no-repeat;\n    position: absolute;\n    top: 100%;\n    left:30%;\n}\n.rob{\n    width: 350px;\n    height: 520px;\n    max-width: 350px;\n     background-image: url('http:\/\/tatosundays.com\/wp-content\/uploads\/sprsheet_Ro_v04.png');\n    background-size: cover;\n    background-repeat: no-repeat;\n    background-position: 0 50%;\n    position: absolute;\n    top:40%;\n    left:12%;\n}\n}\n\n\/*browser*\/\n\n@media screen and (min-width:701px){\n\n.div3{\n    background-size: 100% 400%;\n    background-repeat: no-repeat;\n    background-image:url('http:\/\/tatosundays.com\/wp-content\/uploads\/fondo_section3_v013.png');\n    flex-wrap: wrap;\n    height: 100vh;\n    width: 100vw;\n    padding: 0px;\n    margin:0;\n    display:block;\n}\n.pche, .pmy{\n    position:absolute;\n    font-family: 'Montserrat', sans-serif;\n}\n.pmy span{\n     color:#DBBA16;\n}\n.squarep4{\n    position:absolute;\n    top:100%;\n    left:44%;\n    opacity:0;\n    color: #271177;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 170px;\n    height: 170px;\n    \n}\n\n.square10{\n    width: 170px;\n    height: 170px;\n    max-width: 170px;\n    background-image: url('http:\/\/tatosundays.com\/wp-content\/uploads\/sprsheet_v04.png');\n    background-size: cover;\n    background-repeat: no-repeat;\n    position: absolute;\n    top: 100%;\n    left:44%;\n}\n.rob{\n    width: 350px;\n    height: 520px;\n    max-width: 350px;\n     background-image: url('http:\/\/tatosundays.com\/wp-content\/uploads\/sprsheet_Ro_v04.png');\n    background-size: cover;\n    background-repeat: no-repeat;\n    background-position: 0 50%;\n    position: absolute;\n    top:40%;\n    left:41%;\n}\n}\n<\/style>\n<script>\n\/\/start mobile config\nlet mmob4 = gsap.matchMedia();\nmmob4.add(\"(max-width:700px)\", () => {\n\ngsap.registerPlugin(ScrollTrigger);\nScrollTrigger.normalizeScroll(true);\n\nlet targets4 = gsap.utils.toArray([\".square10\", \".squarep4\"]);\n\nlet tim2 = gsap.timeline({\n    scrollTrigger: {\n        trigger: \".div3\",\n        start: \"bottom bottom\",\n        toggleActions: \"restart none none none\",\n        scrub:1,\n        end: \"+=700%\",\n        \n    }\n    \n});\ntim2.to(\".rob\", {\n    \n    y: -200,\n    duration: 1,\n    },\n);\ntim2.to(targets4, {\n    \n    y: -280,\n    duration: 2.3,\n    },\n);\ntim2.to(\".square10\", {\n    opacity:0,\n    },\n);\ntim2.to(\".squarep4\", {\n    opacity:1,\n    delay:-1,\n   }\n); \n\ntim2.to(\".pche\", {\n scale:2,x:-100,y:50,duration:0.5,delay:-0.3,\n   }\n);\ntim2.to(\".pmy\", {\n scale:2,x:35,y:50,duration:0.5, delay:-0.5,\n   }\n);\ntim2.to(\".pche\", {\n filter:\"blur(10px)\",\n   }\n);\ntim2.to(\".pmy\", {\n filter:\"blur(10px)\",\n   }\n);\n\n\ngsap.to(\".div3\", {\n  scrollTrigger: {\n    trigger: \".div3\",\n    start: \"bottom bottom\",\n    end: \"+=680%\",\n    scrub: true,\n    pin:true,\n  },\n  backgroundPosition: \"0px -3240px\",\n  ease: \"slow\",\n});\n\nvar frame_count10  = 17,\n    offset_value10 = 85;\ngsap.to(\".square10\", {\n  \n  backgroundPosition: (-offset_value10 * frame_count10 * 2) + \"px 50%\",\n  ease: \"steps(\" + frame_count10 + \")\",\n  scrollTrigger: {\n    trigger: \".square10\",\n    start: \"bottom bottom\",\n    scrub: 0.5,\n    end: \"+=455%\",\n  }\n});\n\n\nvar frame_count9  = 39,\n    offset_value9 = 175;\ngsap.to(\".rob\", {\n  \n  backgroundPosition: (-offset_value9 * frame_count9 * 2) + \"px 50%\",\n  ease: \"steps(\" + frame_count9 + \")\",\n  scrollTrigger: {\n    trigger: \".rob\",\n    start: \"bottom bottom\",\n    scrub: 0.5,\n    \/\/end: \"+=\" + (frame_count * offset_value),\n    end: \"+=350%\",\n  }\n});\n});\n\/\/end mobile config\n\n\/\/start browser config\nlet mob4 = gsap.matchMedia();\nmob4.add(\"(min-width:701px)\", () => {\n\ngsap.registerPlugin(ScrollTrigger);\n\nlet targets4 = gsap.utils.toArray([\".square10\", \".squarep4\"]);\n\nlet tim2 = gsap.timeline({\n    scrollTrigger: {\n        trigger: \".div3\",\n        start: \"bottom bottom\",\n        toggleActions: \"restart none none none\",\n        scrub:1,\n        end: \"+=700%\",\n        \n    }\n    \n});\ntim2.to(\".rob\", {\n    \n    y: -200,\n    duration: 1,\n    },\n);\ntim2.to(targets4, {\n    \n    y: -280,\n    duration: 2.3,\n    },\n);\ntim2.to(\".square10\", {\n    opacity:0,\n    },\n);\ntim2.to(\".squarep4\", {\n    opacity:1,\n    delay:-1,\n   }\n); \n\ntim2.to(\".pche\", {\n scale:3,x:-120,y:50,duration:0.5,delay:-0.3,\n   }\n);\ntim2.to(\".pmy\", {\n scale:3,x:60,y:50,duration:0.5, delay:-0.5,\n   }\n);\ntim2.to(\".pche\", {\n filter:\"blur(10px)\",\n   }\n);\ntim2.to(\".pmy\", {\n filter:\"blur(10px)\",\n   }\n);\n\n\ngsap.to(\".div3\", {\n  scrollTrigger: {\n    trigger: \".div3\",\n    start: \"bottom bottom\",\n    end: \"+=680%\",\n    scrub: true,\n    pin:true,\n  },\n  backgroundPosition: \"0px -3240px\",\n  ease: \"slow\",\n});\n\nvar frame_count10  = 17,\n    offset_value10 = 85;\ngsap.to(\".square10\", {\n  \n  backgroundPosition: (-offset_value10 * frame_count10 * 2) + \"px 50%\",\n  ease: \"steps(\" + frame_count10 + \")\",\n  scrollTrigger: {\n    trigger: \".square10\",\n    start: \"bottom bottom\",\n    scrub: 0.5,\n    end: \"+=455%\",\n  }\n});\n\n\nvar frame_count9  = 39,\n    offset_value9 = 175;\ngsap.to(\".rob\", {\n  \n  backgroundPosition: (-offset_value9 * frame_count9 * 2) + \"px 50%\",\n  ease: \"steps(\" + frame_count9 + \")\",\n  scrollTrigger: {\n    trigger: \".rob\",\n    start: \"bottom bottom\",\n    scrub: 0.5,\n    \/\/end: \"+=\" + (frame_count * offset_value),\n    end: \"+=350%\",\n  }\n});\n});\n\/\/end browser config\n\n\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<div class=\"elementor-section elementor-top-section elementor-element elementor-element-d382154 elementor-section-full_width elementor-section-height-full contain elementor-section-height-default elementor-section-items-middle\" data-id=\"d382154\" data-element_type=\"section\" id=\"contain\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-20 elementor-top-column elementor-element elementor-element-22cc269\" data-id=\"22cc269\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-35d18a7 elementor-widget elementor-widget-html\" data-id=\"35d18a7\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<section class=\"cc1\">\n<span class=\"span1\"><\/span>\n<h1 class=\"hh1\">MY P<span>O<\/span>RTFOLIO<\/h1>\n\n    <div class=\"coanim1\">\n        <p class=\"p1\">\"<span>W<\/span>elcome to my design sanctuary, where creativity knows no bounds! At our studio, we craft captivating visuals, elevate brands, and bring dreams to life through innovative design solutions.<\/p> <span class=\"spans2\"> <span>L<\/span>et us weave your vision into reality with precision, passion, and unparalleled expertise. (Check my CV <span class=\"cv\"><a href=\"http:\/\/tatosundays.com\/wp-content\/uploads\/cv_eng_gabriel_dominguez_s_v06.pdf\" target=\u201d_blank\u201d>here<\/a><\/span>). <\/span> <p class=\"p12\">Elevate your brand with us today!\".<\/p>\n        <div class=\"ico1\"><div id=\"container1\">\n<center>\n    <a id=\"playme1\" href=\"http:\/\/tatosundays.com\/wp-content\/uploads\/portfolio_gabriel_dominguez_s_v08.pdf\" target=\u201d_blank\u201d>PDF<\/a>\n<\/center> \n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<style>\n\/*mobile*\/\n@import url('https:\/\/fonts.googleapis.com\/css?family=Montserrat:700');\n@media screen and (max-width:700px){\n\n.cc1{\n\ntext-align: center;\noverflow: hidden;\n\n}\n.hh1{\n    background: rgba(225, 221, 251, .5);\n    \/*text-shadow: -1px 1px 0 #EFEDA3,\n          1px 1px 0 #EFEDA3,\n         1px -1px 0 #EFEDA3,\n        -1px -1px 0 #EFEDA3;*\/\n    font-family: 'Montserrat', sans-serif;\n}\n.hh1 span{\n    color:#DBBA16;\n}\n.spans2{\n    background: rgba(225, 221, 251, .5);\n    \/*text-shadow: -1px 1px 0 #EFEDA3,\n          1px 1px 0 #EFEDA3,\n         1px -1px 0 #EFEDA3,\n        -1px -1px 0 #EFEDA3;*\/\n        \n        font-size: 1.8rem;\n    visibility: visible; \n    display: block;\n    font-family: 'Montserrat', sans-serif;\n}\n.spans2 span{\n    color:#DBBA16;\n}\n.p1, .p12{\n    \n    visibility: hidden; \n    display: none;\n       \n}\n.cv a{\n    text-decoration: underline;\n    color:#DBBA16;\n}\n.ico1{\n    width:35vw;\n    height:35vh;\n    background-image: url('http:\/\/tatosundays.com\/wp-content\/uploads\/bola1_psdtestv04_v02.png');\n    background-repeat: no-repeat;\n    background-position: center;\n    background-size: contain;\n    margin: 0 auto;\n    \n    text-align: center;\n    \n}\n\n.coanim1 {\n    display:flex;\n    flex-direction: column;\n    text-align: center;\n    \n}\n\n\n\/* IGNORE FORM THIS POINT ON *\/\n\n\n#container1 {\n  border-radius: 4px;\n  max-width: 300px;\n  height: auto;\n  padding: 50px;\n  background: none;\n  margin: auto;\n  text-align: center;\n}\n\n#playme1 {\n  background:transparent;\n  border:none;\n  background-color: none;\n  width:100%;\n  \n  color:#ffffff;\n  font-size: 3rem;\n  display:block;\n  margin:0 auto;\n  position: relative;\n  margin-top: 5vh;\n  opacity:0;\n}\n}\n\n\/*mobile*\/\n\n\/*browser*\/\n\n@media screen and (min-width:701px){\n\n\n.cc1{\n  \noverflow: hidden;\nmargin-top: 15vh;\n\n}\n\n.co1{\n  \n}\n.hh1{\n    text-align:center;\n    background: rgba(225, 221, 251, .5);\n    \/*text-shadow: -1px 1px 0 #EFEDA3,\n          1px 1px 0 #EFEDA3,\n         1px -1px 0 #EFEDA3,\n        -1px -1px 0 #EFEDA3;*\/\n    margin-right: 3vh;\n    font-family: 'Montserrat', sans-serif;\n}\n.hh1 span{\n    color:#DBBA16;\n}\n.p1, .p12, .spans2{\n    margin-left:20vh; \n    text-align:center;\n    background: rgba(225, 221, 251, .5);\n    \/*text-shadow: -1px 1px 0 #EFEDA3,\n          1px 1px 0 #EFEDA3,\n         1px -1px 0 #EFEDA3,\n        -1px -1px 0 #EFEDA3;*\/\n    height:100%;\n    font-size: 1.8rem;\n    margin-right: 5vw;\n    font-family: 'Montserrat', sans-serif;\n}\n.p1 span{\n    color:#DBBA16;\n    \n}\n.spans2 span{\n    color:#DBBA16;\n}\n.cv a{\n    text-decoration: underline;\n    color:#DBBA16;\n}\n.ico1{\n    width:35vw;\n    height:35vh;\n    background-image: url('http:\/\/tatosundays.com\/wp-content\/uploads\/bola1_psdtestv04_v02.png');\n    background-repeat: no-repeat;\n    background-position: center;\n    background-size: contain;\n    margin: 0 auto;\n   text-align: center;\n}\n.coanim1{\n    display:flex;\n    flex-direction: column;\n    text-align: center;\n}\n#container1 {\n  border-radius: 4px;\n  max-width: 300px;\n  height: auto;\n  padding: 70px 0;\n  background: none;\n  margin: 0 auto;\n  text-align: center;\n  justify-content: center;\n  \n}\n#container1 a{\nposition: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, 0%);\n}\n#playme1 {\n  background:transparent;\n  border:none;\n  background-color: none;\n  \n  color:#ffffff;\n  font-size: 10rem;\n  margin: 0;\n  opacity:0;\n  \n}\n}\n\/*browser*\/\n    \n<\/style>\n<script>\n\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-20 elementor-top-column elementor-element elementor-element-d1b956c\" data-id=\"d1b956c\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ab60af4 elementor-widget elementor-widget-html\" data-id=\"ab60af4\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<section class=\"cc2\">\n<span>Advanced<\/span>\n<h1 class=\"hh2\">D<span>E<\/span>SIGN<\/h1>\n\n    <div class=\"coanim2\">\n        <p class=\"p2\">\"<span>D<\/span>ive into the world of design mastery! Unlock secrets, tutorials, and inspiration. Subscribe for endless creativity!\"<\/p>\n       <div class=\"ico2\">\n           <div id=\"container2\">\n<center>\n    <button id=\"playme2\" onclick=\"revealVideo2('video2','youtube2')\"><\/button>\n<\/center> \n<\/div>\n\n<div id=\"video2\" class=\"lightbox2\" onclick=\"hideVideo2('video2','youtube2')\">\n  <div class=\"lightbox-container2\">  \n    <div class=\"lightbox-content2\">\n      \n      <button onclick=\"hideVideo2('video2','youtube2')\" class=\"lightbox-close2\">\n        Close | \u2715\n      <\/button>\n      <div class=\"video-container2\">\n        <iframe id=\"youtube2\" width=\"960\" height=\"540\" src=\"https:\/\/www.youtube.com\/embed\/38bUWJ2LwWQ?rel=0\" frameborder=\"0\" ><\/iframe>\n      <\/div>      \n      \n    <\/div>\n  <\/div>\n<\/div>\n           \n           \n           \n           \n           \n       <\/div>\n    <\/div>\n<\/section>\n\n<style>\n\/*mobile*\/\n@import url('https:\/\/fonts.googleapis.com\/css?family=Montserrat:700');\n@media screen and (max-width:700px){\n\n.cc2{\n\ntext-align: center;\noverflow: hidden;\n\n}\n.hh2{\n    background: rgba(225, 221, 251, .5);\n    \/*text-shadow: -1px 1px 0 #EFEDA3,\n          1px 1px 0 #EFEDA3,\n         1px -1px 0 #EFEDA3,\n        -1px -1px 0 #EFEDA3;*\/\n    font-family: 'Montserrat', sans-serif;\n}\n.hh2 span{\n    color:#DBBA16;\n}\n.p2{\n    background: rgba(225, 221, 251, .5);\n    \/*text-shadow: -1px 1px 0 #EFEDA3,\n          1px 1px 0 #EFEDA3,\n         1px -1px 0 #EFEDA3,\n        -1px -1px 0 #EFEDA3;*\/\n        \n        font-size: 1.8rem;\n    visibility: hidden;\n    font-family: 'Montserrat', sans-serif;\n       \n}\n.ico2{\n    width:35vw;\n    height:auto;\n    background-image: url('http:\/\/tatosundays.com\/wp-content\/uploads\/bola1_psdtestv03_desig.png');\n    background-repeat: no-repeat;\n    background-position: center;\n    background-size: contain;\n    margin: 0 auto;\n    \n    text-align: center;\n    \n}\n\n.coanim2 {\n    display:flex;\n    flex-direction: column;\n    text-align: center;\n    transform: translateY(-25%);\n}\n.lightbox2 {\n  background-color: fade(black, 80%);  \n  overflow: hidden;\n  position: fixed;\n  display: none;\n  z-index: 1;\n  bottom: 0;\n  right: 0;\n  left: 0;\n  top: 0;\n\n  &-container2 {\n    position: relative;\n    max-width: 960px;\n    margin: 7% auto;\n    display: block;    \n    padding: 0 3%;\n    height: auto;\n    z-index: 10;\n   \n    \n    @media screen and (max-width: 768px) { margin-top: 10%; }\n    @media screen and (max-width: 414px) { margin-top: 13%; }\n  } \n\n  &-content2 {\n    box-shadow: 0 1px 6px fade(black, 70%);\n  }\n  \n  &-close2 {\n    text-transform: uppercase;    \n    background: transparent;\n    position: absolute; \n    font-weight: 300;      \n    font-size: 12px;\n    display: block;\n    border: none;\n    color: white;\n    top: -22px;\n    right: 3%;\n  \n  }\n}\n\n.video-container2 {  \n    padding-bottom: 56.25%;\n    position: relative;  \n    padding-top: 30px; \n    overflow: hidden;\n    height: 0; \n}\n\n.video-container2 iframe,\n.video-container2 object,\n.video-container2 embed {\n    position: absolute;\n    height: 60%;  \n    width: 100%;  \n    left: 0;  \n    top: 0;\n    \n}\n\n\/* IGNORE FORM THIS POINT ON *\/\n\n\n#container2 {\n  border-radius: 4px;\n  max-width: 300px;\n  height: auto;\n  padding: 50px;\n  background: none;\n  margin: auto;\n  text-align: center;\n  \n}\n\n#playme2 {\n  background:transparent;\n  border:none;\n  background-color: none;\n  width:100px;\n  height:100px;\n  color:#ffffff;\n  font-size: 1.5rem;\n  display:block;\n  margin:0 auto;\n  position: relative;\n  transform: translateX(-30%);\n}\n}\n\n\/*mobile*\/\n\n\/*browser*\/\n\n@media screen and (min-width:701px){\n\n.hh2{\n    background: rgba(225, 221, 251, .5);\n    \/*text-shadow: -1px 1px 0 #EFEDA3,\n          1px 1px 0 #EFEDA3,\n         1px -1px 0 #EFEDA3,\n        -1px -1px 0 #EFEDA3;*\/\n    margin-left: 1vw;\n    font-family: 'Montserrat', sans-serif;\n}\n.hh2 span{\n    color:#DBBA16;\n}\n.p2{\n    background: rgba(225, 221, 251, .5);\n    \/*text-shadow: -1px 1px 0 #EFEDA3,\n          1px 1px 0 #EFEDA3,\n         1px -1px 0 #EFEDA3,\n        -1px -1px 0 #EFEDA3;*\/\n        height:100%;\n        font-size: 1.8rem;\n        margin-left: 1vw;\n    font-family: 'Montserrat', sans-serif;\n}\n.p2 span{\n    color:#DBBA16;\n}\n.ico2{\n    width:35vw;\n    height:35vh;\n    background-image: url('http:\/\/tatosundays.com\/wp-content\/uploads\/bola1_psdtestv03_desig.png');\n    background-repeat: no-repeat;\n    background-position: center;\n    background-size: contain;\n}\n.lightbox2 {\n  background-color: fade(black, 80%);  \n  overflow: hidden;\n  position: fixed;\n  display: none;\n  z-index: 1;\n  bottom: 0;\n  right: 0;\n  left: 0;\n  top: 0;\n  \n  &-container2 {\n    position: relative;\n    max-width: 960px;\n    margin: 7% auto;\n    display: block;    \n    padding: 0 3%;\n    height: auto;\n    z-index: 10;\n    \n    \/\/ Increasing top margin for mobile\n    @media screen and (max-width: 768px) { margin-top: 10%; }\n    @media screen and (max-width: 414px) { margin-top: 13%; }\n  }\n    \n  &-content2 {\n    box-shadow: 0 1px 6px fade(black, 70%);\n  }\n  \n  &-close2 {\n    text-transform: uppercase;    \n    background: transparent;\n    position: absolute; \n    font-weight: 300;      \n    font-size: 12px;\n    display: block;\n    border: none;\n    color: white;\n    top: -22px;\n    right: 3%;\n  }\n}\n\n.video-container2 {  \n    padding-bottom: 56.25%;\n    position: relative;  \n    padding-top: 30px; \n    overflow: hidden;\n    height: 0; \n}\n\n.video-container2 iframe,\n.video-container2 object,\n.video-container2 embed {\n    position: absolute;\n    height: 60%;  \n    width: 100%;  \n    left: 0;  \n    top: 0;\n    \n}\n\n\/* IGNORE FORM THIS POINT ON *\/\n\n\n#container2 {\n  border-radius: 4px;\n  max-width: 300px;\n  height: auto;\n  padding: 50px;\n  background: none;\n  margin: 100px auto;\n  \n}\n\n#playme2 {\n  background:transparent;\n  border:none;\n  background-color: none;\n  width:200px;\n  height:200px;\n  color:#ffffff;\n  font-size: 2rem;\n  margin: 0;\n}\n.cc2{\n  overflow:hidden;\n  \n}\n}\n\/*browser*\/\n    \n<\/style>\n<script>\n\/\/ Function to reveal lightbox and adding YouTube autoplay\nfunction revealVideo2(div,video2_id) {\n  var video2 = document.getElementById(video2_id).src;\n  document.getElementById(video2_id).src = video2+'&autoplay=1'; \/\/ adding autoplay to the URL\n  document.getElementById(div).style.display = 'block';\n}\n\n\/\/ Hiding the lightbox and removing YouTube autoplay\nfunction hideVideo2(div,video2_id) {\n  var video2 = document.getElementById(video2_id).src;\n  var cleaned = video2.replace('&autoplay=1',''); \/\/ removing autoplay form url\n  document.getElementById(video2_id).src = cleaned;\n  document.getElementById(div).style.display = 'none';\n}\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-20 elementor-top-column elementor-element elementor-element-0d5075b\" data-id=\"0d5075b\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ed4e28e elementor-widget elementor-widget-html\" data-id=\"ed4e28e\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<section class=\"cc3\">\n<span>Advanced<\/span>\n<h1 class=\"hh3\">ANIMATI<span>O<\/span>N<\/h1>\n\n    <div class=\"coanim3\">\n        <p class=\"p3\">\"<span>E<\/span>xplore limitless imagination through our enchanting animations\u2014where stories come alive with every frame. Subscribe now!\"<\/p>\n       <div class=\"ico3\">\n           <div id=\"container3\">\n<center>\n    <button id=\"playme3\" onclick=\"revealVideo3('video3','youtube3')\"><\/button>\n<\/center> \n<\/div>\n\n<div id=\"video3\" class=\"lightbox3\" onclick=\"hideVideo3('video3','youtube3')\">\n  <div class=\"lightbox-container3\">  \n    <div class=\"lightbox-content3\">\n      \n      <button onclick=\"hideVideo3('video3','youtube3')\" class=\"lightbox-close3\">\n        Close | \u2715\n      <\/button>\n      <div class=\"video-container3\">\n        <iframe id=\"youtube3\" width=\"960\" height=\"540\" src=\"https:\/\/www.youtube.com\/embed\/sB67KrTBlog?rel=0\" frameborder=\"0\" ><\/iframe>\n      <\/div>      \n      \n    <\/div>\n  <\/div>\n<\/div>\n           \n           \n           \n \n           \n       <\/div>\n    <\/div>\n<\/section>\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css?family=Montserrat:700');\n\/*mobile*\/\n\n@media screen and (max-width:700px){\n\n.cc3{\n\ntext-align: center;\noverflow: hidden;\n\n}\n.hh3{\n    background: rgba(225, 221, 251, .5);\n    \/*text-shadow: -1px 1px 0 #EFEDA3,\n          1px 1px 0 #EFEDA3,\n         1px -1px 0 #EFEDA3,\n        -1px -1px 0 #EFEDA3;*\/\n    font-family: 'Montserrat', sans-serif;\n}\n.hh3 span{\n    color:#DBBA16;\n}\n.p3{\n    background: rgba(225, 221, 251, .5);\n    \/*text-shadow: -1px 1px 0 #EFEDA3,\n          1px 1px 0 #EFEDA3,\n         1px -1px 0 #EFEDA3,\n        -1px -1px 0 #EFEDA3;*\/\n        \n        font-size: 1.8rem;\n     visibility: hidden;   \n    font-family: 'Montserrat', sans-serif;   \n}\n.ico3{\n    width:35vw;\n    height:auto;\n    background-image: url('http:\/\/tatosundays.com\/wp-content\/uploads\/bola1_psdtestv03_anim.png');\n    background-repeat: no-repeat;\n    background-position: center;\n    background-size: contain;\n    margin: 0 auto;\n    \n    text-align: center;\n    \n}\n\n.coanim3 {\n    display:flex;\n    flex-direction: column;\n    text-align: center;\n    transform: translateY(-25%);\n}\n.lightbox3 {\n  background-color: fade(black, 80%);  \n  overflow: hidden;\n  position: fixed;\n  display: none;\n  z-index: 1;\n  bottom: 0;\n  right: 0;\n  left: 0;\n  top: 0;\n\n  &-container3 {\n    position: relative;\n    max-width: 960px;\n    margin: 7% auto;\n    display: block;    \n    padding: 0 3%;\n    height: auto;\n    z-index: 10;\n   \n    \n    @media screen and (max-width: 768px) { margin-top: 10%; }\n    @media screen and (max-width: 414px) { margin-top: 13%; }\n  } \n\n  &-content3 {\n    box-shadow: 0 1px 6px fade(black, 70%);\n  }\n  \n  &-close3 {\n    text-transform: uppercase;    \n    background: transparent;\n    position: absolute; \n    font-weight: 300;      \n    font-size: 12px;\n    display: block;\n    border: none;\n    color: white;\n    top: -22px;\n    right: 3%;\n  \n  }\n}\n\n.video-container3 {  \n    padding-bottom: 56.25%;\n    position: relative;  \n    padding-top: 30px; \n    overflow: hidden;\n    height: 0; \n}\n\n.video-container3 iframe,\n.video-container3 object,\n.video-container3 embed {\n    position: absolute;\n    height: 60%;  \n    width: 100%;  \n    left: 0;  \n    top: 0;\n    \n}\n\n\/* IGNORE FORM THIS POINT ON *\/\n\n\n#container3 {\n  border-radius: 4px;\n  max-width: 300px;\n  height: auto;\n  padding: 50px;\n  background: none;\n  margin: auto;\n  text-align: center;\n}\n\n#playme3 {\n  background:transparent;\n  border:none;\n  background-color: none;\n  width:100px;\n  height:100px;\n  color:#ffffff;\n  font-size: 1.5rem;\n  display:block;\n  margin:0 auto;\n  position: relative;\n  transform: translateX(-30%);\n}\n}\n\n\/*mobile*\/\n\n\/*browser*\/\n\n@media screen and (min-width:701px){\n.hh3{\n    background: rgba(225, 221, 251, .5);\n    \/*text-shadow: -1px 1px 0 #EFEDA3,\n          1px 1px 0 #EFEDA3,\n         1px -1px 0 #EFEDA3,\n        -1px -1px 0 #EFEDA3;*\/\n    margin-left: 1vw;\n    font-family: 'Montserrat', sans-serif;\n}\n.hh3 span{\n    color:#DBBA16;\n}\n\n.p3{\n    background: rgba(225, 221, 251, .5);\n    \/*text-shadow: -1px 1px 0 #EFEDA3,\n          1px 1px 0 #EFEDA3,\n         1px -1px 0 #EFEDA3,\n        -1px -1px 0 #EFEDA3;*\/\n        height:100%;\n        font-size: 1.8rem;\n        margin-left: 1vw;\n    font-family: 'Montserrat', sans-serif;\n}\n.p3 span{\n    color:#DBBA16;\n}\n.ico3{\n    width:35vw;\n    height:35vh;\n    background-image: url('http:\/\/tatosundays.com\/wp-content\/uploads\/bola1_psdtestv03_anim.png');\n    background-repeat: no-repeat;\n    background-position: center;\n    background-size: contain;\n}\n.lightbox3 {\n  background-color: fade(black, 80%);  \n  overflow: hidden;\n  position: fixed;\n  display: none;\n  z-index: 1;\n  bottom: 0;\n  right: 0;\n  left: 0;\n  top: 0;\n  \n  &-container3 {\n    position: relative;\n    max-width: 960px;\n    margin: 7% auto;\n    display: block;    \n    padding: 0 3%;\n    height: auto;\n    z-index: 10;\n    \n    \/\/ Increasing top margin for mobile\n    @media screen and (max-width: 768px) { margin-top: 10%; }\n    @media screen and (max-width: 414px) { margin-top: 13%; }\n  }\n    \n  &-content3 {\n    box-shadow: 0 1px 6px fade(black, 70%);\n  }\n  \n  &-close3 {\n    text-transform: uppercase;    \n    background: transparent;\n    position: absolute; \n    font-weight: 300;      \n    font-size: 12px;\n    display: block;\n    border: none;\n    color: white;\n    top: -22px;\n    right: 3%;\n  }\n}\n\n.video-container3 {  \n    padding-bottom: 56.25%;\n    position: relative;  \n    padding-top: 30px; \n    overflow: hidden;\n    height: 0; \n}\n\n.video-container3 iframe,\n.video-container3 object,\n.video-container3 embed {\n    position: absolute;\n    height: 60%;  \n    width: 100%;  \n    left: 0;  \n    top: 0;\n    \n}\n\n\/* IGNORE FORM THIS POINT ON *\/\n\n\n#container3 {\n  border-radius: 4px;\n  max-width: 300px;\n  height: auto;\n  padding: 50px;\n  background: none;\n  margin: 100px auto;\n  \n}\n\n#playme3 {\n  background:transparent;\n  border:none;\n  background-color: none;\n  width:200px;\n  height:200px;\n  color:#ffffff;\n  font-size: 2rem;\n  margin: 0;\n}\n}\n\/*browser*\/\n\n<\/style>\n<script>\n\/\/ Function to reveal lightbox and adding YouTube autoplay\nfunction revealVideo3(div,video3_id) {\n  var video3 = document.getElementById(video3_id).src;\n  document.getElementById(video3_id).src = video3+'&autoplay=1'; \/\/ adding autoplay to the URL\n  document.getElementById(div).style.display = 'block';\n}\n\n\/\/ Hiding the lightbox and removing YouTube autoplay\nfunction hideVideo3(div,video3_id) {\n  var video3 = document.getElementById(video3_id).src;\n  var cleaned = video3.replace('&autoplay=1',''); \/\/ removing autoplay form url\n  document.getElementById(video3_id).src = cleaned;\n  document.getElementById(div).style.display = 'none';\n}\n<\/script>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-20 elementor-top-column elementor-element elementor-element-48dee85\" data-id=\"48dee85\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-660f378 elementor-widget elementor-widget-html\" data-id=\"660f378\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<section class=\"cc4\">\n<span>Advanced<\/span>\n<h1 class=\"hh4\">ILLUSTRATI<span>O<\/span>N<\/h1>\n\n    <div class=\"coanim4\">\n        <p class=\"p4\">\"<span>I<\/span>ndulge in vibrant illustrations that tell stories and evoke emotions. Follow for daily doses of artistic inspiration!\"<\/p>\n       <div class=\"ico4\">\n         <div id=\"container4\">\n<center>\n    <button id=\"playme4\" onclick=\"revealVideo4('video4','youtube4')\"><\/button>\n<\/center> \n<\/div>\n\n<div id=\"video4\" class=\"lightbox4\" onclick=\"hideVideo4('video4','youtube4')\">\n  <div class=\"lightbox-container4\">  \n    <div class=\"lightbox-content4\">\n      \n      <button onclick=\"hideVideo4('video4','youtube4')\" class=\"lightbox-close4\">\n        Close | \u2715\n      <\/button>\n      <div class=\"video-container4\">\n        <iframe id=\"youtube4\" width=\"960\" height=\"540\" src=\"https:\/\/www.youtube.com\/embed\/zhWYVjqFkCw?rel=0\" frameborder=\"0\" ><\/iframe>\n      <\/div>      \n      \n    <\/div>\n  <\/div>\n<\/div>\n           \n           \n             \n           \n       <\/div>\n    <\/div>\n<\/section>\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css?family=Montserrat:700');\n\/*mobile*\/\n\n@media screen and (max-width:700px){\n\n.cc4{\n\ntext-align: center;\noverflow: hidden;\n\n}\n.hh4{\n    background: rgba(225, 221, 251, .5);\n    \/*text-shadow: -1px 1px 0 #EFEDA3,\n          1px 1px 0 #EFEDA3,\n         1px -1px 0 #EFEDA3,\n        -1px -1px 0 #EFEDA3;*\/\n    font-family: 'Montserrat', sans-serif;\n}\n.hh4 span{\n    color:#DBBA16;\n}\n.p4{\n    background: rgba(225, 221, 251, .5);\n    \/*text-shadow: -1px 1px 0 #EFEDA3,\n          1px 1px 0 #EFEDA3,\n         1px -1px 0 #EFEDA3,\n        -1px -1px 0 #EFEDA3;*\/\n        \n        font-size: 1.8rem;\n     visibility: hidden;   \n    font-family: 'Montserrat', sans-serif;   \n}\n.ico4{\n    width:35vw;\n    height:auto;\n    background-image: url('http:\/\/tatosundays.com\/wp-content\/uploads\/bola1_psdtestv03-1.png');\n    background-repeat: no-repeat;\n    background-position: center;\n    background-size: contain;\n    margin: 0 auto;\n    \n    text-align: center;\n    \n}\n\n.coanim4 {\n    display:flex;\n    flex-direction: column;\n    text-align: center;\n    transform: translateY(-25%);\n}\n.lightbox4 {\n  background-color: fade(black, 80%);  \n  overflow: hidden;\n  position: fixed;\n  display: none;\n  z-index: 1;\n  bottom: 0;\n  right: 0;\n  left: 0;\n  top: 0;\n\n  &-container4 {\n    position: relative;\n    max-width: 960px;\n    margin: 7% auto;\n    display: block;    \n    padding: 0 3%;\n    height: auto;\n    z-index: 10;\n   \n    \n    @media screen and (max-width: 768px) { margin-top: 10%; }\n    @media screen and (max-width: 414px) { margin-top: 13%; }\n  } \n\n  &-content4 {\n    box-shadow: 0 1px 6px fade(black, 70%);\n  }\n  \n  &-close4 {\n    text-transform: uppercase;    \n    background: transparent;\n    position: absolute; \n    font-weight: 300;      \n    font-size: 12px;\n    display: block;\n    border: none;\n    color: white;\n    top: -22px;\n    right: 3%;\n  \n  }\n}\n\n.video-container4 {  \n    padding-bottom: 56.25%;\n    position: relative;  \n    padding-top: 30px; \n    overflow: hidden;\n    height: 0; \n}\n\n.video-container4 iframe,\n.video-container4 object,\n.video-container4 embed {\n    position: absolute;\n    height: 60%;  \n    width: 100%;  \n    left: 0;  \n    top: 0;\n    \n}\n\n\/* IGNORE FORM THIS POINT ON *\/\n\n\n#container4 {\n  border-radius: 4px;\n  max-width: 300px;\n  height: auto;\n  padding: 50px;\n  background: none;\n  margin: auto;\n  text-align: center;\n}\n\n#playme4 {\n  background:transparent;\n  border:none;\n  background-color: none;\n  width:100px;\n  height:100px;\n  color:#ffffff;\n  font-size: 1.5rem;\n  display:block;\n  margin:0 auto;\n  position: relative;\n  transform: translateX(-30%);\n}\n}\n\n\/*mobile*\/\n\n\/*browser*\/\n\n@media screen and (min-width:701px){\n\n.hh4{\n    background: rgba(225, 221, 251, .5);\n    \/*text-shadow: -1px 1px 0 #EFEDA3,\n          1px 1px 0 #EFEDA3,\n         1px -1px 0 #EFEDA3,\n        -1px -1px 0 #EFEDA3;*\/\n        margin-left: 1vw;\n    font-family: 'Montserrat', sans-serif;\n}\n.hh4 span{\n    color:#DBBA16;\n}\n.p4{\n    background: rgba(225, 221, 251, .5);\n    \/*text-shadow: -1px 1px 0 #EFEDA3,\n          1px 1px 0 #EFEDA3,\n         1px -1px 0 #EFEDA3,\n        -1px -1px 0 #EFEDA3;\n        height:100%;*\/\n        font-size: 1.8rem;\n        margin-left: 1vw;\n    font-family: 'Montserrat', sans-serif;\n}\n.p4 span{\n    color:#DBBA16;\n}\n.ico4{\n    width:35vw;\n    height:35vh;\n    background-image: url('http:\/\/tatosundays.com\/wp-content\/uploads\/bola1_psdtestv03-1.png');\n    background-repeat: no-repeat;\n    background-position: center;\n    background-size: contain;\n}\n.lightbox4 {\n  background-color: fade(black, 80%);  \n  overflow: hidden;\n  position: fixed;\n  display: none;\n  z-index: 1;\n  bottom: 0;\n  right: 0;\n  left: 0;\n  top: 0;\n  \n  &-container4 {\n    position: relative;\n    max-width: 960px;\n    margin: 7% auto;\n    display: block;    \n    padding: 0 3%;\n    height: auto;\n    z-index: 10;\n    \n    \/\/ Increasing top margin for mobile\n    @media screen and (max-width: 768px) { margin-top: 10%; }\n    @media screen and (max-width: 414px) { margin-top: 13%; }\n  }\n    \n  &-content4 {\n    box-shadow: 0 1px 6px fade(black, 70%);\n  }\n  \n  &-close4 {\n    text-transform: uppercase;    \n    background: transparent;\n    position: absolute; \n    font-weight: 300;      \n    font-size: 12px;\n    display: block;\n    border: none;\n    color: white;\n    top: -22px;\n    right: 3%;\n  }\n}\n\n.video-container4 {  \n    padding-bottom: 56.25%;\n    position: relative;  \n    padding-top: 30px; \n    overflow: hidden;\n    height: 0; \n}\n\n.video-container4 iframe,\n.video-container4 object,\n.video-container4 embed {\n    position: absolute;\n    height: 60%;  \n    width: 100%;  \n    left: 0;  \n    top: 0;\n    \n}\n\n\/* IGNORE FORM THIS POINT ON *\/\n\n\n#container4 {\n  border-radius: 4px;\n  max-width: 300px;\n  height: auto;\n  padding: 50px;\n  background: none;\n  margin: 100px auto;\n  \n}\n\n#playme4 {\n  background:transparent;\n  border:none;\n  background-color: none;\n  width:200px;\n  height:200px;\n  color:#ffffff;\n  font-size: 2rem;\n  margin: 0;\n}\n}\n\/*browser*\/\n\n<\/style>\n<script>\n\/\/ Function to reveal lightbox and adding YouTube autoplay\nfunction revealVideo4(div,video4_id) {\n  var video4 = document.getElementById(video4_id).src;\n  document.getElementById(video4_id).src = video4+'&autoplay=1'; \/\/ adding autoplay to the URL\n  document.getElementById(div).style.display = 'block';\n}\n\n\/\/ Hiding the lightbox and removing YouTube autoplay\nfunction hideVideo4(div,video4_id) {\n  var video4 = document.getElementById(video4_id).src;\n  var cleaned = video4.replace('&autoplay=1',''); \/\/ removing autoplay form url\n  document.getElementById(video4_id).src = cleaned;\n  document.getElementById(div).style.display = 'none';\n}\n<\/script>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-20 elementor-top-column elementor-element elementor-element-02451b1\" data-id=\"02451b1\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0199e51 elementor-widget elementor-widget-html\" data-id=\"0199e51\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<section class=\"cc5\">\n<span>Advanced<\/span>\n<h1 class=\"hh5\">3<span>D<\/span><\/h1>\n\n    <div class=\"coanim5\">\n        <p id=\"p5\">\"<span>D<\/span>ive into a world of stunning 3D creations! Follow for mind-bending visuals and immersive experiences daily.\"<\/p>\n       <div class=\"ico5\">\n          <div id=\"container5\">\n<center>\n    <button id=\"playme5\" onclick=\"revealVideo5('video5','youtube5')\"><\/button>\n<\/center>\n<\/div>\n\n<div id=\"video5\" class=\"lightbox5\" onclick=\"hideVideo5('video5','youtube5')\">\n  <div class=\"lightbox-container5\">  \n    <div class=\"lightbox-content5\">\n      \n      <button onclick=\"hideVideo5('video5','youtube5')\" class=\"lightbox-close5\">\n        Close | \u2715\n      <\/button>\n      <div class=\"video-container5\">\n        <iframe id=\"youtube5\" width=\"960\" height=\"540\" src=\"https:\/\/www.youtube.com\/embed\/KW5E9tVc2eE?rel=0\" frameborder=\"0\" ><\/iframe>\n      <\/div>      \n      \n    <\/div>\n  <\/div>\n<\/div>\n           \n           \n             \n            \n           \n       <\/div>\n    <\/div>\n<\/section>\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css?family=Montserrat:700');\n\/*mobile*\/\n\n@media screen and (max-width:700px){\n\n.contain {\n    height:100vh;\n    width: 100vw;\n    overflow: hidden;\n    overflow-x: hidden;\n    background-size:cover;\n    background-repeat: no-repeat;\n    background-image: url('http:\/\/tatosundays.com\/wp-content\/uploads\/fondo_section4_mobile_v08.png');\n    background-color: transparent;\n    padding-top: 17vh;\n}\n.cc5{\n\ntext-align: center;\noverflow: hidden;\n\n}\n.hh5{\n    background: rgba(225, 221, 251, .5);\n    \/*text-shadow: -1px 1px 0 #EFEDA3,\n          1px 1px 0 #EFEDA3,\n         1px -1px 0 #EFEDA3,\n        -1px -1px 0 #EFEDA3;*\/\n    font-family: 'Montserrat', sans-serif;\n}\n.hh5 span{\n    color:#DBBA16;\n}\n#p5{\n    background: rgba(225, 221, 251, .5);\n    \/*text-shadow: -1px 1px 0 #EFEDA3,\n          1px 1px 0 #EFEDA3,\n         1px -1px 0 #EFEDA3,\n        -1px -1px 0 #EFEDA3;*\/\n        \n        font-size: 1.8rem;\n    visibility: hidden;    \n    font-family: 'Montserrat', sans-serif; \n    \n}\n.ico5{\n    width:35vw;\n    height:auto;\n    background-image: url('http:\/\/tatosundays.com\/wp-content\/uploads\/bola1_psdtestv03_3d.png');\n    background-repeat: no-repeat;\n    background-position: center;\n    background-size: contain;\n    margin: 0 auto;\n    \n    text-align: center;\n    \n}\n\n.coanim5 {\n    display:flex;\n    flex-direction: column;\n    text-align: center;\n    transform: translateY(-25%);\n}\n.lightbox5 {\n  background-color: fade(black, 80%);  \n  overflow: hidden;\n  position: fixed;\n  display: none;\n  z-index: 1;\n  bottom: 0;\n  right: 0;\n  left: 0;\n  top: 0;\n\n  &-container5 {\n    position: relative;\n    max-width: 960px;\n    margin: 7% auto;\n    display: block;    \n    padding: 0 3%;\n    height: auto;\n    z-index: 10;\n   \n    \n    @media screen and (max-width: 768px) { margin-top: 10%; }\n    @media screen and (max-width: 414px) { margin-top: 13%; }\n  } \n\n  &-content5 {\n    box-shadow: 0 1px 6px fade(black, 70%);\n  }\n  \n  &-close5 {\n    text-transform: uppercase;    \n    background: transparent;\n    position: absolute; \n    font-weight: 300;      \n    font-size: 12px;\n    display: block;\n    border: none;\n    color: white;\n    top: -22px;\n    right: 3%;\n  \n  }\n}\n\n.video-container5 {  \n    padding-bottom: 56.25%;\n    position: relative;  \n    padding-top: 30px; \n    overflow: hidden;\n    height: 0; \n}\n\n.video-container5 iframe,\n.video-container5 object,\n.video-container5 embed {\n    position: absolute;\n    height: 60%;  \n    width: 100%;  \n    left: 0;  \n    top: 0;\n    \n}\n\n\/* IGNORE FORM THIS POINT ON *\/\n\n\n#container5 {\n  border-radius: 4px;\n  max-width: 300px;\n  height: auto;\n  padding: 50px;\n  background: none;\n  margin: 0 auto;\n  text-align: center;\n}\n\n#playme5 {\n  background:transparent;\n  border:none;\n  background-color: none;\n  width:100px;\n  height:100px;\n  color:#ffffff;\n  font-size: 1.5rem;\n  display:block;\n  margin:0 auto;\n  position: relative;\n  transform: translateX(-30%);\n  \n}\n}\n\n\n\/*mobile*\/\n\n\/*browser*\/\n\n@media screen and (min-width:701px){\n\n.contain {\n    display: flex;\n    flex-wrap: nowrap;\n    width: 400vw;\n    overflow-x: hidden;\n    background-size:100vw 100%;\n    background-repeat: repeat-x;\n    background-image: url('http:\/\/tatosundays.com\/wp-content\/uploads\/Untitled1sector6_test27.png');\n    background-color: transparent;\n}\n\n.hh5{\n    background: rgba(225, 221, 251, .5);\n    \/*text-shadow: -1px 1px 0 #EFEDA3,\n          1px 1px 0 #EFEDA3,\n         1px -1px 0 #EFEDA3,\n        -1px -1px 0 #EFEDA3;*\/\n        margin-left: 1vw;\n    font-family: 'Montserrat', sans-serif;\n}\n.hh5 span{\n    color:#DBBA16;\n}\n.p5{\n    background: rgba(225, 221, 251, .5);\n    \/*text-shadow: -1px 1px 0 #EFEDA3,\n          1px 1px 0 #EFEDA3,\n         1px -1px 0 #EFEDA3,\n        -1px -1px 0 #EFEDA3;*\/\n        height:100%;\n        font-size: 1.8rem;\n        margin-left: 1vw;\n    font-family: 'Montserrat', sans-serif;\n}\n.p5 span{\n    color:#DBBA16;\n}\n.ico5{\n    width:35vw;\n    height:35vh;\n    background-image: url('http:\/\/tatosundays.com\/wp-content\/uploads\/bola1_psdtestv03_3d.png');\n    background-repeat: no-repeat;\n    background-position: center;\n    background-size: contain;\n}\n\n.col {\n    display: flex;\n    gap: 3em;\n    \n}\n.lightbox5 {\n  background-color: fade(black, 80%);  \n  overflow: hidden;\n  position: fixed;\n  display: none;\n  z-index: 1;\n  bottom: 0;\n  right: 0;\n  left: 0;\n  top: 0;\n\n  &-container5 {\n    position: relative;\n    max-width: 960px;\n    margin: 7% auto;\n    display: block;    \n    padding: 0 3%;\n    height: auto;\n    z-index: 10;\n   \n    \n    @media screen and (max-width: 768px) { margin-top: 10%; }\n    @media screen and (max-width: 414px) { margin-top: 13%; }\n  } \n\n  &-content5 {\n    box-shadow: 0 1px 6px fade(black, 70%);\n  }\n  \n  &-close5 {\n    text-transform: uppercase;    \n    background: transparent;\n    position: absolute; \n    font-weight: 300;      \n    font-size: 12px;\n    display: block;\n    border: none;\n    color: white;\n    top: -22px;\n    right: 3%;\n  \n  }\n}\n\n.video-container5 {  \n    padding-bottom: 56.25%;\n    position: relative;  \n    padding-top: 30px; \n    overflow: hidden;\n    height: 0; \n}\n\n.video-container5 iframe,\n.video-container5 object,\n.video-container5 embed {\n    position: absolute;\n    height: 60%;  \n    width: 100%;  \n    left: 0;  \n    top: 0;\n    \n}\n\n\/* IGNORE FORM THIS POINT ON *\/\n\n\n#container5 {\n  border-radius: 4px;\n  max-width: 300px;\n  height: auto;\n  padding: 50px;\n  background: none;\n  margin: 100px auto;\n \n  \n}\n\n#playme5 {\n  background:transparent;\n  border:none;\n  background-color: none;\n  width:200px;\n  height:200px;\n  color:#ffffff;\n  font-size: 2rem;\n  margin: 0;\n  \n}\n}\n\n\/*browser*\/\n\n<\/style>\n<script>\n\n\/\/start mobile config\nlet sec4m = gsap.matchMedia();\nsec4m.add(\"(max-width:700px)\", () => {\n\ngsap.registerPlugin(ScrollTrigger);\n\nScrollTrigger.normalizeScroll(true);\n\nconst container4m = document.querySelector(\".contain\");\nconst sections4m = gsap.utils.toArray(\".contain section\");\nlet scrollTween4m = gsap.to(sections4m, {\n  yPercent: -100 * (sections4m.length - 1),\n  ease: \"none\",\n  scrollTrigger: {\n    trigger: \".contain\",\n    pin: true,\n    scrub: 1,\n    end: \"+=3000\",\n    \/\/snap: 1 \/ (sections4b.length - 1),\n    \n  }\n});\n});\n\/\/end mobile config\n\n\/\/start browser config\nlet sec4b = gsap.matchMedia();\nsec4b.add(\"(min-width:701px)\", () => {\n\ngsap.registerPlugin(ScrollTrigger);\n\nconst container4b = document.querySelector(\".contain\");\nconst sections4b = gsap.utils.toArray(\".contain section\");\nlet scrollTween4b = gsap.to(sections4b, {\n  xPercent: -111 * (sections4b.length - 1),\n  ease: \"none\",\n  scrollTrigger: {\n    trigger: \".contain\",\n    pin: true,\n    scrub: 1,\n    end: \"+=3000\",\n    \/\/snap: 1 \/ (sections4b.length - 1),\n    \n  }\n});\n});\n\/\/end browser config\n\n\/\/ Function to reveal lightbox and adding YouTube autoplay\nfunction revealVideo5(div,video5_id) {\n  var video5 = document.getElementById(video5_id).src;\n  document.getElementById(video5_id).src = video5+'&autoplay=1'; \/\/ adding autoplay to the URL\n  document.getElementById(div).style.display = 'block';\n}\n\n\/\/ Hiding the lightbox and removing YouTube autoplay\nfunction hideVideo5(div,video5_id) {\n  var video5 = document.getElementById(video5_id).src;\n  var cleaned = video5.replace('&autoplay=1',''); \/\/ removing autoplay form url\n  document.getElementById(video5_id).src = cleaned;\n  document.getElementById(div).style.display = 'none';\n}\n\n\n\n<\/script>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6210625 elementor-section-full_width elementor-section-height-full elementor-section-height-default elementor-section-items-middle\" data-id=\"6210625\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3fa6ca7\" data-id=\"3fa6ca7\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-daf1a02 elementor-widget elementor-widget-html\" data-id=\"daf1a02\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div class=\"divinst\">        <style type=\"text\/css\">\n                <\/style><div class=\"instagram-social-btn-top\"><a href=\"https:\/\/instagram.com\/tato_sundays\/\" target=\"_blank\" rel=\"noreferrer\">Follow on Instagram<\/a><\/div>                <div  style=\"max-width: 100%;\" data-ftsi-columns=\"6\" data-ftsi-force-columns=\"yes\" data-ftsi-margin=\"1px\" data-ftsi-width=\"100%\" class=\"fts-instagram-inline-block-centered feed_dynamic_classbtfwmpmzbc_basic\">                <div class=\"slicker-instagram-placeholder fts-instagram-wrapper\" style=\"background-image:url('https:\/\/scontent.cdninstagram.com\/v\/t51.29350-15\/437547086_2392179574505446_3950958652225689778_n.jpg?_nc_cat=107&#038;ccb=1-7&#038;_nc_sid=18de74&#038;_nc_ohc=-vuQXtWWuegQ7kNvgGSPT4B&#038;_nc_ht=scontent.cdninstagram.com&#038;edm=ANQ71j8EAAAA&#038;_nc_gid=A533Q7XsTW8XXiGSbvfIQzB&#038;oh=00_AYAmjvX8LtrKvFIL487HIunlRCkTF8j9cAbKey_Finy76Q&#038;oe=670F856B')\">\n                                            <a href='https:\/\/www.instagram.com\/p\/C5nGanFu9Cd\/' title='' target=\"_blank\" rel=\"noreferrer\" class='fts-instagram-link-target fts-slicker-backg\n                                                                             fts-instagram-img-link' style=\"height:65px !important; width:65px; line-height:65px; font-size:65px;\"><span\n                                class=\"fts-instagram-icon\"\n                                style=\"height:65px; width:65px; line-height:65px; font-size:65px;\"><\/span><\/a>\n                        \n                        <div class='slicker-date'>\n\n                            <div class=\"fts-insta-date-popup-grab\">\n                            2 years ago                            <\/div>\n                        <\/div>\n                    <div class='slicker-instaG-backg-link'>\n\n                        <div class='slicker-instaG-photoshadow'><\/div>\n                    <\/div>\n                        <div class=\"fts-insta-likes-comments-grab-popup\">\n\n                            <div class=\"fts-share-wrap\"><a href=\"javascript:;\" class=\"ft-gallery-link-popup\" title=\"Social Share Options\"><\/a><div class=\"ft-gallery-share-wrap\"><a href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https:\/\/www.instagram.com\/p\/C5nGanFu9Cd\/\" target=\"_blank\" rel=\"noreferrer\" class=\"ft-galleryfacebook-icon\" title=\"Share this post on Facebook\"><i class=\"fa fa-facebook-square\"><\/i><\/a><a href=\"https:\/\/twitter.com\/intent\/tweet?text=https:\/\/www.instagram.com\/p\/C5nGanFu9Cd\/+\" target=\"_blank\" rel=\"noreferrer\" class=\"ft-gallerytwitter-icon\" title=\"Share this post on Twitter\"><i class=\"fa fa-twitter\"><\/i><\/a><a href=\"https:\/\/www.linkedin.com\/shareArticle?mini=true&amp;url=https:\/\/www.instagram.com\/p\/C5nGanFu9Cd\/\" target=\"_blank\" rel=\"noreferrer\" class=\"ft-gallerylinkedin-icon\" title=\"Share this post on Linkedin\"><i class=\"fa fa-linkedin\"><\/i><\/a><a href=\"mailto:?subject=Shared Link&amp;body=https:\/\/www.instagram.com\/p\/C5nGanFu9Cd\/ - \" target=\"_blank\" rel=\"noreferrer\" class=\"ft-galleryemail-icon\" title=\"Share this post in your email\"><i class=\"fa fa-envelope\"><\/i><\/a><\/div><\/div>                        <\/div>\n                <\/div>\n                                <div class=\"slicker-instagram-placeholder fts-instagram-wrapper\" style=\"background-image:url('https:\/\/scontent.cdninstagram.com\/v\/t51.29350-15\/437558292_468550499136699_1146954852506653608_n.jpg?_nc_cat=103&#038;ccb=1-7&#038;_nc_sid=18de74&#038;_nc_ohc=xfKW2Iov-J8Q7kNvgH2_ISR&#038;_nc_ht=scontent.cdninstagram.com&#038;edm=ANQ71j8EAAAA&#038;_nc_gid=AyDaJThOdHAIB3Wwv0Gj9Uq&#038;oh=00_AYBxpLFlMgVeugmVxVMp78qaaR5PGweR1h5eegTGHFHvDg&#038;oe=670F9912')\">\n                                            <a href='https:\/\/www.instagram.com\/p\/C5nGLE_A1ZU\/' title='' target=\"_blank\" rel=\"noreferrer\" class='fts-instagram-link-target fts-slicker-backg\n                                                                             fts-instagram-img-link' style=\"height:65px !important; width:65px; line-height:65px; font-size:65px;\"><span\n                                class=\"fts-instagram-icon\"\n                                style=\"height:65px; width:65px; line-height:65px; font-size:65px;\"><\/span><\/a>\n                        \n                        <div class='slicker-date'>\n\n                            <div class=\"fts-insta-date-popup-grab\">\n                            2 years ago                            <\/div>\n                        <\/div>\n                    <div class='slicker-instaG-backg-link'>\n\n                        <div class='slicker-instaG-photoshadow'><\/div>\n                    <\/div>\n                        <div class=\"fts-insta-likes-comments-grab-popup\">\n\n                            <div class=\"fts-share-wrap\"><a href=\"javascript:;\" class=\"ft-gallery-link-popup\" title=\"Social Share Options\"><\/a><div class=\"ft-gallery-share-wrap\"><a href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https:\/\/www.instagram.com\/p\/C5nGLE_A1ZU\/\" target=\"_blank\" rel=\"noreferrer\" class=\"ft-galleryfacebook-icon\" title=\"Share this post on Facebook\"><i class=\"fa fa-facebook-square\"><\/i><\/a><a href=\"https:\/\/twitter.com\/intent\/tweet?text=https:\/\/www.instagram.com\/p\/C5nGLE_A1ZU\/+\" target=\"_blank\" rel=\"noreferrer\" class=\"ft-gallerytwitter-icon\" title=\"Share this post on Twitter\"><i class=\"fa fa-twitter\"><\/i><\/a><a href=\"https:\/\/www.linkedin.com\/shareArticle?mini=true&amp;url=https:\/\/www.instagram.com\/p\/C5nGLE_A1ZU\/\" target=\"_blank\" rel=\"noreferrer\" class=\"ft-gallerylinkedin-icon\" title=\"Share this post on Linkedin\"><i class=\"fa fa-linkedin\"><\/i><\/a><a href=\"mailto:?subject=Shared Link&amp;body=https:\/\/www.instagram.com\/p\/C5nGLE_A1ZU\/ - \" target=\"_blank\" rel=\"noreferrer\" class=\"ft-galleryemail-icon\" title=\"Share this post in your email\"><i class=\"fa fa-envelope\"><\/i><\/a><\/div><\/div>                        <\/div>\n                <\/div>\n                                <div class=\"slicker-instagram-placeholder fts-instagram-wrapper\" style=\"background-image:url('https:\/\/scontent.cdninstagram.com\/v\/t51.29350-15\/437595249_994165749095348_2941087572903024240_n.jpg?_nc_cat=102&#038;ccb=1-7&#038;_nc_sid=18de74&#038;_nc_ohc=mYWfPygTSYQQ7kNvgFbarQa&#038;_nc_ht=scontent.cdninstagram.com&#038;edm=ANQ71j8EAAAA&#038;_nc_gid=A243TCP9y_dvPNmpogOQReC&#038;oh=00_AYAh_AJMN264WXu6aTHAdoqhedPS1OKUUYBKHKQWGY_oOA&#038;oe=670F7BFA')\">\n                                            <a href='https:\/\/www.instagram.com\/p\/C5nGIAvAF2U\/' title='' target=\"_blank\" rel=\"noreferrer\" class='fts-instagram-link-target fts-slicker-backg\n                                                                             fts-instagram-img-link' style=\"height:65px !important; width:65px; line-height:65px; font-size:65px;\"><span\n                                class=\"fts-instagram-icon\"\n                                style=\"height:65px; width:65px; line-height:65px; font-size:65px;\"><\/span><\/a>\n                        \n                        <div class='slicker-date'>\n\n                            <div class=\"fts-insta-date-popup-grab\">\n                            2 years ago                            <\/div>\n                        <\/div>\n                    <div class='slicker-instaG-backg-link'>\n\n                        <div class='slicker-instaG-photoshadow'><\/div>\n                    <\/div>\n                        <div class=\"fts-insta-likes-comments-grab-popup\">\n\n                            <div class=\"fts-share-wrap\"><a href=\"javascript:;\" class=\"ft-gallery-link-popup\" title=\"Social Share Options\"><\/a><div class=\"ft-gallery-share-wrap\"><a href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https:\/\/www.instagram.com\/p\/C5nGIAvAF2U\/\" target=\"_blank\" rel=\"noreferrer\" class=\"ft-galleryfacebook-icon\" title=\"Share this post on Facebook\"><i class=\"fa fa-facebook-square\"><\/i><\/a><a href=\"https:\/\/twitter.com\/intent\/tweet?text=https:\/\/www.instagram.com\/p\/C5nGIAvAF2U\/+\" target=\"_blank\" rel=\"noreferrer\" class=\"ft-gallerytwitter-icon\" title=\"Share this post on Twitter\"><i class=\"fa fa-twitter\"><\/i><\/a><a href=\"https:\/\/www.linkedin.com\/shareArticle?mini=true&amp;url=https:\/\/www.instagram.com\/p\/C5nGIAvAF2U\/\" target=\"_blank\" rel=\"noreferrer\" class=\"ft-gallerylinkedin-icon\" title=\"Share this post on Linkedin\"><i class=\"fa fa-linkedin\"><\/i><\/a><a href=\"mailto:?subject=Shared Link&amp;body=https:\/\/www.instagram.com\/p\/C5nGIAvAF2U\/ - \" target=\"_blank\" rel=\"noreferrer\" class=\"ft-galleryemail-icon\" title=\"Share this post in your email\"><i class=\"fa fa-envelope\"><\/i><\/a><\/div><\/div>                        <\/div>\n                <\/div>\n                <\/div>\t\t\t\t\t\t\t\t\t\t<script>\n\t\t\t\t\t\/\/ This needs to load here below the feed to load properly for\n\t\t\t\t\t\/\/ Elementor page preview, and also some types of tabs that use js to load.\n\t\t\t\t\tdocument.addEventListener(\"DOMContentLoaded\", function(event) {\n\t\t\t\t\t\tif (typeof slickremixImageResizing === 'function') {\n\t\t\t\t\t\t\tslickremixImageResizing();\n\t\t\t\t\t\t}\n\t\t\t\t\t\tif (typeof ftsShare === 'function') {\n\t\t\t\t\t\t\tftsShare();\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\t\t\t\t<\/script>\n\t\t\t\t<\/div>\n\n\n\n\n<style>\n\/*mobile*\/\n\n@media screen and (max-width:700px){\n    \n.divinst{\n    background-image: url('http:\/\/tatosundays.com\/wp-content\/uploads\/fondosect6_test2_v071.png');\n    background-size: 100% 100%;\n    background-repeat: no-repeat;\n    width:100vw;\n    height:35vh;\n    margin-top: 0px;\n    padding:0px;\n}\n}\n\n\/*mobile*\/\n\n\/*browser*\/\n\n@media screen and (min-width:701px){\n    \n.divinst{\n    background-image: url('http:\/\/tatosundays.com\/wp-content\/uploads\/fondosect6_test2_v071.png');\n    background-size: 100% 100%;\n    background-repeat: no-repeat;\n    width:100vw;\n    height:100vh;\n    \n}\n}\n\/*browser*\/\n\n<\/style>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<div class=\"elementor-section elementor-top-section elementor-element elementor-element-e9491ea elementor-section-full_width elementor-section-height-full canvas-drop elementor-section-height-default elementor-section-items-middle\" data-id=\"e9491ea\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c209589 canvas-container2\" data-id=\"c209589\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8d271ca elementor-widget elementor-widget-html\" data-id=\"8d271ca\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<body>\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\"><\/script>\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/ScrollTrigger.min.js\"><\/script>\n<\/body>\n<canvas id=\"paint-drops\"><\/canvas>\n<style>\n\n.canvas {\n  max-width: 100vw;\n  max-height: 50vh;\n  align-items: center;\n}\n\n.canvas-drop {\n  width: 100%;\n  height: 100vh;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n}\n\n\n@media screen and (max-width:700px){\n    #paint-drops{\n     \n     margin: 0 auto;\n     padding:0;\n     display:block;\n     position:absolute;\n     z-index: -1;\n     top:0;\n     overflow: hidden;\n     ;\n     transform: translate(-50%, -50%); \n    }\n}\n\n<\/style>\n<script>\ngsap.registerPlugin(ScrollTrigger);\n\nlet mmdrop = gsap.matchMedia();\nmmdrop.add(\"(min-width:700px)\", () => {\n\nconst dropCanvas = document.getElementById(\"paint-drops\");\nconst dropContext = dropCanvas.getContext('2d');\n      \ndropCanvas.width = 1920;\ndropCanvas.height = 1080;\n\nconst dropFrameCount = 159;\nconst currentDropFrame = index => (\n        `http:\/\/tatosundays.com\/wp-content\/uploads\/test2\/seq_psd_${(index + 1).toString().padStart(4, '0')}.png`\n      );\n      \nconst dropImages = []\nconst drop = {\n        dropFrame: 0\n      };\n      \n      for (let i = 0; i < dropFrameCount; i++) {\n        const dropImg = new Image();\n        dropImg.src = currentDropFrame(i);\n        dropImages.push(dropImg);\n      }\n\ngsap.to(drop, {\n\tdropFrame: dropFrameCount - 1,\n        snap: \"dropFrame\",\n        ease:\"none\",\n  scrollTrigger: {\n\ttrigger: \".canvas-drop\",\n        start: \"top top\",\n        end: \"+=3500\",\n        toggleActions: \"restart none none reverse\",\n        pin: true,\n\tscrub: 0.5,   \n        },\n\tonUpdate: dropRender \/\/ use animation onUpdate instead of scrollTrigger's onUpdate\n});          \n\ndropImages[0].onload = dropRender;\n       \nfunction dropRender() {\n  dropContext.clearRect(0, 0, dropCanvas.width, dropCanvas.height);\n  dropContext.drawImage(dropImages[drop.dropFrame], dropCanvas.width \/ 2 - dropImages[drop.dropFrame].width \/ 2,\n        dropCanvas.height \/ 2 - dropImages[drop.dropFrame].height \/ 2);\n};\n})\n\n\/\/start mobile config\nconsole.clear();\n\nlet mmdrop2 = gsap.matchMedia();\nmmdrop2.add(\"(max-width:700px)\", () => {\n\nScrollTrigger.normalizeScroll(true);\n\nconst dropCanvas2 = document.getElementById(\"paint-drops\");\nconst dropContext2 = dropCanvas2.getContext('2d');\n      \ndropCanvas2.width = 420;\ndropCanvas2.height = 850;\n\nconst dropFrameCount2 = 60;\nconst currentDropFrame2 = index => (\n        `http:\/\/tatosundays.com\/wp-content\/uploads\/testnew5\/${(\n    index + 1\n  )\n    .toString()\n    .padStart(4, \"0\")}.jpg`\n      );\n      \nconst dropImages2 = []\nconst drop2 = {\n        dropFrame2: 0\n      };\n      \n      for (let i = 0; i < dropFrameCount2; i++) {\n        const dropImg2 = new Image();\n        dropImg2.src = currentDropFrame2(i);\n        dropImages2.push(dropImg2);\n      }\n\ngsap.to(drop2, {\n\tdropFrame2: dropFrameCount2 - 1,\n        snap: \"dropFrame2\",\n        ease:\"none\",\n  scrollTrigger: {\n\ttrigger: \".canvas-drop\",\n        start: \"top top\",\n        end: \"+=3500\",\n        toggleActions: \"restart none none reverse\",\n        pin: true,\n\tscrub: 0.5,   \n        },\n\tonUpdate: dropRender2 \/\/ use animation onUpdate instead of scrollTrigger's onUpdate\n});          \n\ndropImages2[0].onload = dropRender2;\n       \nfunction dropRender2() {\n  dropContext2.clearRect(0, 0, dropCanvas2.width, dropCanvas2.height);\n  dropContext2.drawImage(dropImages2[drop2.dropFrame2], dropCanvas2.width \/ 2 - dropImages2[drop2.dropFrame2].width \/ 2,\n        dropCanvas2.height \/ 2 - dropImages2[drop2.dropFrame2].height \/ 2);\n};\n});\n\/\/end mobile config\n\n\n\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-c156b6a elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"c156b6a\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a77ba53\" data-id=\"a77ba53\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3d5c6ea elementor-widget elementor-widget-html\" data-id=\"3d5c6ea\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div class='bcksec7'>\n    <div class='colsect71'>\n    <ul>\n    <li>\n        <p>CONTACT<\/p>\n        \n    <\/li>\n    <li>\n        <p>Gabriel Eduardo Dominguez Mejia<\/p>\n        \n    <\/li>\n     <li>\n        <p>tsundays@gmail.com<\/p>\n        \n    <\/li>\n    <li>\n        <p>Tel. +57-3012393215<\/p>\n        \n    <\/li>\n    <li>\n        <p>Address. Calle 38a #4-56 <\/p>\n        \n    <\/li>\n    <li>\n        <p>Tunja, Colombia <\/p>\n        \n    <\/li>\n    <\/ul>\n    <\/div>\n    <div class='colsect72'>\n        <div class='reds1'><a class='areds1' href=\"https:\/\/www.youtube.com\/channel\/UCPzehOgr7A6bJnaby5EiE1w\" target=\u201d_blank\u201d><\/a><\/div>\n        <div class='reds2'><a class='areds2' href=\"https:\/\/instagram.com\/tato_sundays\" target=\u201d_blank\u201d><\/a><\/div>\n        <div class='reds3'><a class='areds3' href=\"https:\/\/www.facebook.com\/profile.php?id=100072016602146\" target=\u201d_blank\u201d><\/a><\/div>\n        <div class='reds4'><a class='areds4' href=\"https:\/\/twitter.com\/tato_sundays\" target=\u201d_blank\u201d><\/a><\/div>\n    <\/div>\n<\/div>\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css?family=Montserrat:700');\n\n\/*mobile*\/\n\n@media screen and (max-width:700px){\n .bcksec7{\n       background-color: #222222;\n       display:flex;\n       flex-direction: column;\n       padding: 0px;\n   } \n.bcksec7 p{\n    font-family: 'Montserrat', sans-serif;\n    color:white ;\n       \n   }\n.colsect72{\n    display: flex;\n    padding-top: 10px;\n    padding-left: 50px;\n}\n.colsect72 a{\n    width:50px;\n    height:50px;\n    display: inline-block;\n    \n}\n.reds1{\n    width:50px;\n    height:50px;\n    background-size: contain;\n    background-repeat: no-repeat;\n    background-image: url('http:\/\/tatosundays.com\/wp-content\/uploads\/asset_white_line_social_video_icon.png');\n}\n.reds2{\n    width:50px;\n    height:50px;\n    background-size: contain;\n    background-repeat: no-repeat;\n    background-image: url('http:\/\/tatosundays.com\/wp-content\/uploads\/asset_white_instagram_line_social_icon.png');\n}\n.reds3{\n    width:50px;\n    height:50px;\n    background-size: contain;\n    background-repeat: no-repeat;\n    background-image: url('http:\/\/tatosundays.com\/wp-content\/uploads\/asset_white_facebook_line_social_icon.png');\n}\n.reds4{\n    width:50px;\n    height:50px;\n    background-size: contain;\n    background-repeat: no-repeat;\n    background-image: url('http:\/\/tatosundays.com\/wp-content\/uploads\/asset_white_line_social_twitter_icon.png');\n}    \n}\n\n\/*browser*\/\n\n@media screen and (min-width:700px){\n.bcksec7{\n       background-color: #222222;\n       padding: 50px;\n       display: flex;\n   } \n.bcksec7 p{\n    font-family: 'Montserrat', sans-serif;\n    color:white ;\n       \n   }\n.colsect72{\n    display: flex;\n    padding-top: 210px;\n    padding-left: 200px;\n}\n.colsect72 a{\n    width:50px;\n    height:50px;\n    display: inline-block;\n    \n}\n.reds1{\n    width:50px;\n    height:50px;\n    background-size: contain;\n    background-repeat: no-repeat;\n    background-image: url('http:\/\/tatosundays.com\/wp-content\/uploads\/asset_white_line_social_video_icon.png');\n}\n.reds2{\n    width:50px;\n    height:50px;\n    background-size: contain;\n    background-repeat: no-repeat;\n    background-image: url('http:\/\/tatosundays.com\/wp-content\/uploads\/asset_white_instagram_line_social_icon.png');\n}\n.reds3{\n    width:50px;\n    height:50px;\n    background-size: contain;\n    background-repeat: no-repeat;\n    background-image: url('http:\/\/tatosundays.com\/wp-content\/uploads\/asset_white_facebook_line_social_icon.png');\n}\n.reds4{\n    width:50px;\n    height:50px;\n    background-size: contain;\n    background-repeat: no-repeat;\n    background-image: url('http:\/\/tatosundays.com\/wp-content\/uploads\/asset_white_line_social_twitter_icon.png');\n}\n}\n    \n<\/style>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>My Portfolio Blog Store Welcometo GABRIEL DOMINGUEZ AUDIOVISUAL AND MULTIMEDIA CREATOR Design Illustration Animation 3D Art MY PORTFOLIO MY PORTFOLIO &#8220;Welcome to my design sanctuary, where creativity knows no bounds! At our studio, we craft captivating visuals, elevate brands, and bring dreams to life through innovative design solutions. Let us weave your vision into reality [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"ocean_post_layout":"full-screen","ocean_both_sidebars_style":"","ocean_both_sidebars_content_width":0,"ocean_both_sidebars_sidebars_width":0,"ocean_sidebar":"0","ocean_second_sidebar":"0","ocean_disable_margins":"on","ocean_add_body_class":"","ocean_shortcode_before_top_bar":"","ocean_shortcode_after_top_bar":"","ocean_shortcode_before_header":"","ocean_shortcode_after_header":"","ocean_has_shortcode":"","ocean_shortcode_after_title":"","ocean_shortcode_before_footer_widgets":"","ocean_shortcode_after_footer_widgets":"","ocean_shortcode_before_footer_bottom":"","ocean_shortcode_after_footer_bottom":"","ocean_display_top_bar":"off","ocean_display_header":"off","ocean_header_style":"","ocean_center_header_left_menu":"0","ocean_custom_header_template":"0","ocean_custom_logo":0,"ocean_custom_retina_logo":0,"ocean_custom_logo_max_width":0,"ocean_custom_logo_tablet_max_width":0,"ocean_custom_logo_mobile_max_width":0,"ocean_custom_logo_max_height":0,"ocean_custom_logo_tablet_max_height":0,"ocean_custom_logo_mobile_max_height":0,"ocean_header_custom_menu":"","ocean_menu_typo_font_family":"0","ocean_menu_typo_font_subset":"","ocean_menu_typo_font_size":0,"ocean_menu_typo_font_size_tablet":0,"ocean_menu_typo_font_size_mobile":0,"ocean_menu_typo_font_size_unit":"px","ocean_menu_typo_font_weight":"","ocean_menu_typo_font_weight_tablet":"","ocean_menu_typo_font_weight_mobile":"","ocean_menu_typo_transform":"","ocean_menu_typo_transform_tablet":"","ocean_menu_typo_transform_mobile":"","ocean_menu_typo_line_height":0,"ocean_menu_typo_line_height_tablet":0,"ocean_menu_typo_line_height_mobile":0,"ocean_menu_typo_line_height_unit":"","ocean_menu_typo_spacing":0,"ocean_menu_typo_spacing_tablet":0,"ocean_menu_typo_spacing_mobile":0,"ocean_menu_typo_spacing_unit":"","ocean_menu_link_color":"","ocean_menu_link_color_hover":"","ocean_menu_link_color_active":"","ocean_menu_link_background":"","ocean_menu_link_hover_background":"","ocean_menu_link_active_background":"","ocean_menu_social_links_bg":"","ocean_menu_social_hover_links_bg":"","ocean_menu_social_links_color":"","ocean_menu_social_hover_links_color":"","ocean_disable_title":"on","ocean_disable_heading":"default","ocean_post_title":"","ocean_post_subheading":"","ocean_post_title_style":"","ocean_post_title_background_color":"","ocean_post_title_background":0,"ocean_post_title_bg_image_position":"","ocean_post_title_bg_image_attachment":"","ocean_post_title_bg_image_repeat":"","ocean_post_title_bg_image_size":"","ocean_post_title_height":0,"ocean_post_title_bg_overlay":0.5,"ocean_post_title_bg_overlay_color":"","ocean_disable_breadcrumbs":"default","ocean_breadcrumbs_color":"","ocean_breadcrumbs_separator_color":"","ocean_breadcrumbs_links_color":"","ocean_breadcrumbs_links_hover_color":"","ocean_display_footer_widgets":"default","ocean_display_footer_bottom":"default","ocean_custom_footer_template":"0","footnotes":""},"_links":{"self":[{"href":"https:\/\/tatosundays.com\/index.php\/wp-json\/wp\/v2\/pages\/14"}],"collection":[{"href":"https:\/\/tatosundays.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tatosundays.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tatosundays.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tatosundays.com\/index.php\/wp-json\/wp\/v2\/comments?post=14"}],"version-history":[{"count":10403,"href":"https:\/\/tatosundays.com\/index.php\/wp-json\/wp\/v2\/pages\/14\/revisions"}],"predecessor-version":[{"id":12915,"href":"https:\/\/tatosundays.com\/index.php\/wp-json\/wp\/v2\/pages\/14\/revisions\/12915"}],"wp:attachment":[{"href":"https:\/\/tatosundays.com\/index.php\/wp-json\/wp\/v2\/media?parent=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}