{"id":16924,"date":"2022-03-18T18:09:32","date_gmt":"2022-03-18T17:09:32","guid":{"rendered":"http:\/\/www.mpfxdesign.com\/site\/?page_id=16924"},"modified":"2022-06-27T11:58:42","modified_gmt":"2022-06-27T10:58:42","slug":"oli","status":"publish","type":"page","link":"https:\/\/www.mpfxdesign.com\/site\/home\/oli\/","title":{"rendered":"oli"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"16924\" class=\"elementor elementor-16924\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-8c8645f elementor-section-full_width elementor-section-stretched elementor-hidden-desktop elementor-section-height-default elementor-section-height-default\" data-id=\"8c8645f\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\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-04aac0f\" data-id=\"04aac0f\" data-element_type=\"column\" data-e-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-30450b7 elementor-widget elementor-widget-spacer\" data-id=\"30450b7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ecb695b elementor-widget elementor-widget-html\" data-id=\"ecb695b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n .mp5 {\n      margin-left:26%;\n\n  }\n  .work5 {\n      margin-left:55.1%;\n\n      \n  }\n  .archive5{\n      margin-left: 54.7%;\n      margin-top: 2%;\n     opacity: 0.5;\n     \n  }\n   .contact5{\n      margin-left: 51.6%;\n      margin-top: 2%;\n         opacity: 0.5;\n   \n      \n  }\n   .shop5{\n      margin-left: 62.7%;\n      margin-top: 2%;\n         opacity: 0.5;\n    \n  }\n    \n<\/style>\n\n\n <a href=\"https:\/\/www.mpfxdesign.com\/site\/home\/mpfxdesign\/\"><img decoding=\"async\" class=\"mp5\" src=\"https:\/\/www.mpfxdesign.com\/site\/wp-content\/uploads\/2021\/03\/preto-16.png\" width=\"67%\"><\/a>\n   \n    <a href=\"https:\/\/www.mpfxdesign.com\/site\/home\/work\/\"><img decoding=\"async\" class=\"work5\" src=\"https:\/\/www.mpfxdesign.com\/site\/wp-content\/uploads\/2021\/03\/preto-17.png\" width=\"28%\"><\/a>\n    \n   <a href=\"https:\/\/www.mpfxdesign.com\/site\/home\/archive\/\"><img decoding=\"async\" class=\"archive5\" src=\"https:\/\/www.mpfxdesign.com\/site\/wp-content\/uploads\/2021\/03\/preto-18.png\" width=\"39%\"><\/a>\n   \n   <a href=\"https:\/\/www.mpfxdesign.com\/site\/home\/contact\/\"><img decoding=\"async\" class=\"contact5\" src=\"https:\/\/www.mpfxdesign.com\/site\/wp-content\/uploads\/2021\/03\/preto-19.png\" width=\"41%\"><\/a>\n   \n <a href=\"https:\/\/www.mpfxdesign.com\/site\/home\/shop\/\"><img decoding=\"async\" class=\"shop5\" src=\"https:\/\/www.mpfxdesign.com\/site\/wp-content\/uploads\/2021\/03\/preto-20.png\" width=\"27%\"><\/a>\n\n<div>\n    \n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-82f2ccb elementor-widget elementor-widget-spacer\" data-id=\"82f2ccb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-fb9fccf elementor-section-full_width elementor-hidden-tablet elementor-hidden-mobile elementor-section-height-default elementor-section-height-default\" data-id=\"fb9fccf\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\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-04acf1f\" data-id=\"04acf1f\" data-element_type=\"column\" data-e-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-8b25031 elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"8b25031\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"row\">\n\n  <div > <img decoding=\"async\" src=\"https:\/\/www.mpfxdesign.com\/site\/wp-content\/uploads\/2022\/03\/mpfx_IMG_0296_Oli_azeitonas_trtd.jpg\" style=\"width:100%\"> \n  <img decoding=\"async\" id=\"ladoalado5\" src=\"https:\/\/www.mpfxdesign.com\/site\/wp-content\/uploads\/2022\/03\/DSC08424.jpg\" style=\"width:100%\"> \n  <\/div>\n\n<\/div>\n\n<style>\n\n    \n    \n<\/style>\n\t\t\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7850989 elementor-section-full_width elementor-hidden-tablet elementor-hidden-mobile elementor-section-height-default elementor-section-height-default\" data-id=\"7850989\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\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-fa15394\" data-id=\"fa15394\" data-element_type=\"column\" data-e-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-d61140a elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"d61140a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"row\">\n    \n      <div class=\"column1\">\n  <div id=\"ladoalado5\"> <img decoding=\"async\" src=\"https:\/\/www.mpfxdesign.com\/site\/wp-content\/uploads\/2022\/03\/oli2.jpg\" alt=\"descri\u00e7\u00e3o da imagem\" style=\"width:100%\"> \n  <\/div>\n  <\/div>\n    \n  <div class=\"column1\">\n  <div id=\"ladoalado5\"> <img decoding=\"async\" src=\"https:\/\/www.mpfxdesign.com\/site\/wp-content\/uploads\/2022\/03\/oli5.jpg\" alt=\"descri\u00e7\u00e3o da imagem\" style=\"width:100%\"> \n  <\/div>\n  <\/div>\n  \n  <div class=\"column1\">\n   <div id=\"ladoalado5\">  <img decoding=\"async\" src=\"https:\/\/www.mpfxdesign.com\/site\/wp-content\/uploads\/2022\/03\/oli6.jpg\" alt=\"descri\u00e7\u00e3o da imagem\" style=\"width:100%\">\n  <\/div>\n   <\/div>\n   \n     <div class=\"column1\">\n   <div id=\"ladoalado5\">  <img decoding=\"async\" src=\"https:\/\/www.mpfxdesign.com\/site\/wp-content\/uploads\/2022\/03\/oli1.jpg\" alt=\"descri\u00e7\u00e3o da imagem\" style=\"width:100%\">\n  <\/div>\n   <\/div>\n   \n    \n      <div class=\"column1\">\n  <div id=\"ladoalado5\"> <img decoding=\"async\" src=\"https:\/\/www.mpfxdesign.com\/site\/wp-content\/uploads\/2022\/03\/oli12.jpg\" alt=\"descri\u00e7\u00e3o da imagem\" style=\"width:100%\">  \n  <\/div>\n  <\/div>\n    \n  <div class=\"column1\">\n  <div id=\"ladoalado5\"> <img decoding=\"async\" src=\"https:\/\/www.mpfxdesign.com\/site\/wp-content\/uploads\/2022\/03\/oli3.jpg\" alt=\"descri\u00e7\u00e3o da imagem\" style=\"width:100%\"> \n  <\/div>\n  <\/div>\n  \n  <div class=\"column1\">\n   <div id=\"ladoalado5\">  <img decoding=\"async\" src=\"https:\/\/www.mpfxdesign.com\/site\/wp-content\/uploads\/2022\/03\/oli4.jpg\" alt=\"descri\u00e7\u00e3o da imagem\" style=\"width:100%\">\n  <\/div>\n   <\/div>\n   \n     <div class=\"column1\">\n   <div id=\"ladoalado5\">  <img decoding=\"async\" src=\"https:\/\/www.mpfxdesign.com\/site\/wp-content\/uploads\/2022\/03\/oli9.jpg\" alt=\"descri\u00e7\u00e3o da imagem\" style=\"width:100%\">\n  <\/div>\n   <\/div>\n   \n\n   \n      \n        <div class=\"column1\">\n  <div id=\"ladoalado5\"> <img decoding=\"async\" src=\"https:\/\/www.mpfxdesign.com\/site\/wp-content\/uploads\/2022\/03\/oli7.jpg\" alt=\"descri\u00e7\u00e3o da imagem\" style=\"width:100%\">  \n  <\/div>\n  <\/div>\n\n   \n     <div class=\"column1\">\n   <div id=\"ladoalado5\">  <img decoding=\"async\" src=\"https:\/\/www.mpfxdesign.com\/site\/wp-content\/uploads\/2022\/03\/oli11.jpg\" alt=\"descri\u00e7\u00e3o da imagem\" style=\"width:100%\">\n  <\/div>\n   <\/div>\n   \n  <div class=\"column1\">\n  <div id=\"ladoalado5\"> <img decoding=\"async\" src=\"https:\/\/www.mpfxdesign.com\/site\/wp-content\/uploads\/2022\/03\/oli8.jpg\" alt=\"descri\u00e7\u00e3o da imagem\" style=\"width:100%\">  \n  <\/div>\n  <\/div>\n  \n    <div class=\"column1\">\n  <div id=\"ladoalado5\"> <img decoding=\"async\" src=\"https:\/\/www.mpfxdesign.com\/site\/wp-content\/uploads\/2022\/03\/oli10.jpg\" alt=\"descri\u00e7\u00e3o da imagem\" style=\"width:100%\">  \n  <\/div>\n  <\/div>\n  \n  <\/div>\n\n\n\n\n\n\n<style>\n\n.column1{\n  float: left;\n  width: 33.33%;\n}\n\n\n\n\n\n\n<\/style>\n\t\t\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-72dd1e0 elementor-section-full_width elementor-hidden-tablet elementor-hidden-mobile elementor-section-height-default elementor-section-height-default\" data-id=\"72dd1e0\" data-element_type=\"section\" data-e-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-8db0eb7\" data-id=\"8db0eb7\" data-element_type=\"column\" data-e-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-34447d9 elementor-widget elementor-widget-html\" data-id=\"34447d9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html>\r\n<head>\r\n\r\n\r\n<style>\r\n\r\n.mp1 img {\r\n      margin-left:26% !important;\r\n     width: 67%;\r\n      \r\n  }\r\n  .work1 img {\r\n      margin-left:55.1%;\r\n      width: 28%;\r\n      \r\n      \r\n  }\r\n  .archive1 img {\r\n      margin-left: 54.7%;\r\n      margin-top: 2%;\r\n      opacity: 0.5;\r\n      width: 39%;\r\n     \r\n  }\r\n   .contact1 img {\r\n      margin-left: 51.6%;\r\n      margin-top: 2%;\r\n      opacity: 0.5;\r\n      width: 41%;\r\n   \r\n      \r\n  }\r\n   .shop1 img {\r\n      margin-left: 62.3%;\r\n      margin-top: 2%;\r\n      opacity: 0.5;\r\n      width: 27%;\r\n    \r\n  }\r\n    \r\n.fixo1{\r\n position:fixed;\r\n top:15%;\r\n z-index: 1;\r\n width:30%;\r\n height:100%;\r\ndisplay: flex;\r\nflex-direction: column;\r\n}\r\n   \r\n\r\nhtml{\r\nheight:auto;\r\n}\r\nbody{\r\nheight:auto;   \r\n}\r\n\r\n \r\n.conta p{\r\nposition: fixed;\r\nmargin-bottom: 2%;\r\n z-index: 1;\r\n margin-top: 2%;\r\n} \r\n   \r\n    \r\n<\/style>\r\n<\/head>\r\n<body>\r\n    \r\n   <div class=\"conta\"> <p id=\"scrollId\"> <\/p> <\/div>\r\n\r\n<div class=\"fixo1\">\r\n<div class=\"mp1\">\r\n<a href=\"https:\/\/www.mpfxdesign.com\/site\/home\/mpfxdesign\/\"><img decoding=\"async\" src=\"https:\/\/www.mpfxdesign.com\/site\/wp-content\/uploads\/2021\/03\/preto-16.png\" id=\"img1\"><\/a>\r\n<a href=\"https:\/\/www.mpfxdesign.com\/site\/home\/mpfxdesign\/\"><img decoding=\"async\" src=\"https:\/\/www.mpfxdesign.com\/site\/wp-content\/uploads\/2021\/03\/branco-16.png\" id=\"img2\" style=\"display:none;\"><\/a>\r\n<\/div>\r\n\r\n<div class=\"work1\">\r\n<a href=\"https:\/\/www.mpfxdesign.com\/site\/home\/work\/\"><img decoding=\"async\" src=\"https:\/\/www.mpfxdesign.com\/site\/wp-content\/uploads\/2021\/03\/preto-17.png\" id=\"img3\"><\/a>\r\n<a href=\"https:\/\/www.mpfxdesign.com\/site\/home\/work\/\"><img decoding=\"async\" src=\"https:\/\/www.mpfxdesign.com\/site\/wp-content\/uploads\/2021\/03\/branco-17.png\" id=\"img4\" style=\"display:none;\"><\/a>    \r\n<\/div>\r\n\r\n<div class=\"archive1\">\r\n<a href=\"https:\/\/www.mpfxdesign.com\/site\/home\/archive\/\"><img decoding=\"async\" src=\"https:\/\/www.mpfxdesign.com\/site\/wp-content\/uploads\/2021\/03\/preto-18.png\" id=\"img5\"><\/a>\r\n<a href=\"https:\/\/www.mpfxdesign.com\/site\/home\/archive\/\"><img decoding=\"async\" src=\"https:\/\/www.mpfxdesign.com\/site\/wp-content\/uploads\/2021\/03\/branco-18.png\" id=\"img6\" style=\"display:none;\"><\/a>        \r\n<\/div>\r\n\r\n<div class=\"contact1\">\r\n<a href=\"https:\/\/www.mpfxdesign.com\/site\/home\/contact\/\"><img decoding=\"async\" src=\"https:\/\/www.mpfxdesign.com\/site\/wp-content\/uploads\/2021\/03\/preto-19.png\" id=\"img7\"><\/a>\r\n<a href=\"https:\/\/www.mpfxdesign.com\/site\/home\/contact\/\"><img decoding=\"async\" src=\"https:\/\/www.mpfxdesign.com\/site\/wp-content\/uploads\/2021\/03\/branco-19.png\" id=\"img8\" style=\"display:none;\"><\/a>      \r\n<\/div>\r\n\r\n\r\n<div class=\"shop1\">\r\n<a href=\"https:\/\/www.mpfxdesign.com\/site\/home\/shop\/\"><img decoding=\"async\" src=\"https:\/\/www.mpfxdesign.com\/site\/wp-content\/uploads\/2021\/03\/preto-20.png\" id=\"img9\"><\/a>\r\n<a href=\"https:\/\/www.mpfxdesign.com\/site\/home\/shop\/\"><img decoding=\"async\" src=\"https:\/\/www.mpfxdesign.com\/site\/wp-content\/uploads\/2021\/03\/branco-20.png\" id=\"img10\" style=\"display:none;\"><\/a>    \r\n<\/div>\r\n\r\n   <\/div> \r\n \r\n<script src=\"https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/2.1.1\/jquery.min.js\"><\/script>\r\n \r\n<script type=\"text\/javascript\">\r\n\r\n\/\/ esconder ao carregar (e inline css)\r\n$(document).on('ready', function() {\r\n    $('#img2').hide();\r\n    $('#img4').hide();\r\n    $('#img6').hide();\r\n    $('#img8').hide();\r\n    $('#img10').hide();\r\n})\r\n\r\n\/\/ quando se faz scroll\r\n$(window).on('scroll', function(){\r\n    var s = $(window).scrollTop(),\r\n    d = $(document).height(),\r\n    c = $(window).height();\r\n \r\n    var scrollPercent = (s \/ (d - c)) * 100;\r\n    document.getElementById('scrollId').innerHTML = scrollPercent;\r\n    \r\n    console.log(scrollPercent); \/\/Displaying scroll percentage in console\r\n \r\nif(scrollPercent  < 50){\r\n\r\n    $('#img1').show();\r\n    $('#img2').hide();\r\n    $('#img3').show();\r\n    $('#img4').hide();\r\n    $('#img5').show();\r\n    $('#img6').hide();\r\n    $('#img7').show();\r\n    $('#img8').hide();\r\n    $('#img9').show();\r\n    $('#img10').hide();\r\n    \r\n\r\n} else if(scrollPercent > 51 && scrollPercent < 60 ){\r\n\r\n    $('#img1').hide();\r\n    $('#img2').show();\r\n    $('#img3').hide();\r\n    $('#img4').show();\r\n    $('#img5').hide();\r\n    $('#img6').show();\r\n    $('#img7').hide();\r\n    $('#img8').show();\r\n    $('#img9').hide();\r\n    $('#img10').show();\r\n\r\n}\r\n\r\n \r\n})\r\n<\/script>\r\n    \r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-276f4dd elementor-hidden-desktop elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"276f4dd\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\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-a3a210e\" data-id=\"a3a210e\" data-element_type=\"column\" data-e-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-3d52ef7 elementor-widget elementor-widget-html\" data-id=\"3d52ef7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"row\">\n\n  <div> <img decoding=\"async\" src=\"https:\/\/www.mpfxdesign.com\/site\/wp-content\/uploads\/2022\/05\/mpfx_IMG_0296_Oli_azeitonas_mb5.jpg\" style=\"width:100%\"> \n  <\/div>\n\n<\/div>\n\n\t\t\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ec81be1 elementor-hidden-desktop elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"ec81be1\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\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-d05548c\" data-id=\"d05548c\" data-element_type=\"column\" data-e-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-fe685f8 elementor-widget elementor-widget-html\" data-id=\"fe685f8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"row\">\n    \n      <div class=\"column1\">\n  <div id=\"ladoalado5\"> <img decoding=\"async\" src=\"https:\/\/www.mpfxdesign.com\/site\/wp-content\/uploads\/2022\/03\/oli2.jpg\" alt=\"descri\u00e7\u00e3o da imagem\" style=\"width:100%\"> \n  <\/div>\n  <\/div>\n    \n  <div class=\"column1\">\n  <div id=\"ladoalado5\"> <img decoding=\"async\" src=\"https:\/\/www.mpfxdesign.com\/site\/wp-content\/uploads\/2022\/03\/oli5.jpg\" alt=\"descri\u00e7\u00e3o da imagem\" style=\"width:100%\"> \n  <\/div>\n  <\/div>\n  \n  <div class=\"column1\">\n   <div id=\"ladoalado5\">  <img decoding=\"async\" src=\"https:\/\/www.mpfxdesign.com\/site\/wp-content\/uploads\/2022\/03\/oli6.jpg\" alt=\"descri\u00e7\u00e3o da imagem\" style=\"width:100%\">\n  <\/div>\n   <\/div>\n   \n     <div class=\"column1\">\n   <div id=\"ladoalado5\">  <img decoding=\"async\" src=\"https:\/\/www.mpfxdesign.com\/site\/wp-content\/uploads\/2022\/03\/oli1.jpg\" alt=\"descri\u00e7\u00e3o da imagem\" style=\"width:100%\">\n  <\/div>\n   <\/div>\n   \n    \n      <div class=\"column1\">\n  <div id=\"ladoalado5\"> <img decoding=\"async\" src=\"https:\/\/www.mpfxdesign.com\/site\/wp-content\/uploads\/2022\/03\/oli12.jpg\" alt=\"descri\u00e7\u00e3o da imagem\" style=\"width:100%\">  \n  <\/div>\n  <\/div>\n    \n  <div class=\"column1\">\n  <div id=\"ladoalado5\"> <img decoding=\"async\" src=\"https:\/\/www.mpfxdesign.com\/site\/wp-content\/uploads\/2022\/03\/oli3.jpg\" alt=\"descri\u00e7\u00e3o da imagem\" style=\"width:100%\"> \n  <\/div>\n  <\/div>\n  \n  <div class=\"column1\">\n   <div id=\"ladoalado5\">  <img decoding=\"async\" src=\"https:\/\/www.mpfxdesign.com\/site\/wp-content\/uploads\/2022\/03\/oli4.jpg\" alt=\"descri\u00e7\u00e3o da imagem\" style=\"width:100%\">\n  <\/div>\n   <\/div>\n   \n     <div class=\"column1\">\n   <div id=\"ladoalado5\">  <img decoding=\"async\" src=\"https:\/\/www.mpfxdesign.com\/site\/wp-content\/uploads\/2022\/03\/oli9.jpg\" alt=\"descri\u00e7\u00e3o da imagem\" style=\"width:100%\">\n  <\/div>\n   <\/div>\n   \n\n   \n      \n        <div class=\"column1\">\n  <div id=\"ladoalado5\"> <img decoding=\"async\" src=\"https:\/\/www.mpfxdesign.com\/site\/wp-content\/uploads\/2022\/03\/oli7.jpg\" alt=\"descri\u00e7\u00e3o da imagem\" style=\"width:100%\">  \n  <\/div>\n  <\/div>\n\n   \n     <div class=\"column1\">\n   <div id=\"ladoalado5\">  <img decoding=\"async\" src=\"https:\/\/www.mpfxdesign.com\/site\/wp-content\/uploads\/2022\/03\/oli11.jpg\" alt=\"descri\u00e7\u00e3o da imagem\" style=\"width:100%\">\n  <\/div>\n   <\/div>\n   \n  <div class=\"column1\">\n  <div id=\"ladoalado5\"> <img decoding=\"async\" src=\"https:\/\/www.mpfxdesign.com\/site\/wp-content\/uploads\/2022\/03\/oli8.jpg\" alt=\"descri\u00e7\u00e3o da imagem\" style=\"width:100%\">  \n  <\/div>\n  <\/div>\n  \n    <div class=\"column1\">\n  <div id=\"ladoalado5\"> <img decoding=\"async\" src=\"https:\/\/www.mpfxdesign.com\/site\/wp-content\/uploads\/2022\/03\/oli10.jpg\" alt=\"descri\u00e7\u00e3o da imagem\" style=\"width:100%\">  \n  <\/div>\n  <\/div>\n  \n  <\/div>\n\n\n\n\n\n\n<style>\n\n.column1{\n  float: left;\n  width: 50%;\n}\n\n\n\n\n\n\n<\/style>\n\t\t\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-71b4526 elementor-section-full_width elementor-hidden-mobile elementor-hidden-tablet elementor-section-height-default elementor-section-height-default\" data-id=\"71b4526\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\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-c104dc1\" data-id=\"c104dc1\" data-element_type=\"column\" data-e-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-26814b2 elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"26814b2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t    <div class=\"rowdk\">\n  <div class=\"column5\">\n \n        <span class=\"textoc1\"> > project<br><span>OLI THE OLIVE BOWL<\/span><br>> client<br><span>MPFXDESIGN<\/span><br>> design year<span>2011<\/span><br>> category<br><span >PRODUCT DESIGN <\/span><br>> scope of work<br><span>CONCEPT & CREATION<br>CERAMIC PRODUCTION<\/span><br>> photography<br><span>JO\u00c3O NICOLAU DE ALMEIDA<br>PAULO SERRA<\/span><br>> design & art direction<br><span>MIGUEL PINTO FELIX<\/span><br>> awards<br><span>PLATINUM - A'DESIGN AWARD<br>BAKEWAR\/TABLEWARE\/DRINKWARE\/<br>COOKWARE DESIGN 2015\/16<\/span><\/span> \n\n    \n  <\/div> \n  \n  \n  \n   <div class=\"column6\">\n         <p class=\"t1\">A OLI \u00e9 a azeitoneira que concilia a est\u00e9tica e a fun\u00e7\u00e3o contendo simultaneamente as azeitonas e os caro\u00e7os. \u00c9 um objecto em porcelana pintado de preto no exterior, completamente vidrado e dividido na horizontal em duas partes iguais. A base \u00e9 uma ta\u00e7a para servir as azeitonas e a parte superior \u00e9 um dep\u00f3sito para os caro\u00e7os os quais s\u00e3o retirados atrav\u00e9s de uma tampa amov\u00edvel que permite a limpeza da pe\u00e7a.<\/p>\n           \n            <p class=\"t2\">OLI is the olive bowl that joins aesthetics and function, holding both olives and pits. It is a porcelain object, dyed black on the outside, completely glazed and horizontally divided into two similar parts. The base is a bowl to serve olives and the upper part is a container for the pits, which can be taken out through a removable lid, allowing the piece to be cleaned.<\/p>\n       \n       \n       \n   <\/div>\n   \n\n<\/div>\n<div class=\"botoes\">\n\n   <div class=\"column7\">\n   \n     <a class=\"t3\" href=\"https:\/\/www.mpfxdesign.com\/site\/home\/shop\/\"><img decoding=\"async\" class=\"setashop\" src=\"https:\/\/www.mpfxdesign.com\/site\/wp-content\/uploads\/2022\/04\/seta-4.png\">shop<\/a>\n     <\/div>\n    \n     \n        <div class=\"column8\">\n       \n\n \n        <a class=\"t5\" onclick=\"topFunction()\" id=\"myBtn\"><img decoding=\"async\" class=\"seta\" src=\"https:\/\/www.mpfxdesign.com\/site\/wp-content\/uploads\/2022\/05\/setac-13.png\"> back to the top<\/a> <br>\n        <a class=\"t51\" href=\"https:\/\/www.mpfxdesign.com\/site\/home\/work\/qualquerideia\/\"><img decoding=\"async\" class=\"seta\" src=\"https:\/\/www.mpfxdesign.com\/site\/wp-content\/uploads\/2022\/04\/seta-4.png\" > next project<\/a>\n   <\/div>\n <\/div>\n<style>\n\n    \/* unvisited link *\/\na:link {\n  color: black;\n    text-decoration: none;\n\n}\n\n\/* visited link *\/\na:visited {\n  color: black;\n   text-decoration: none;\n\n}\n\n\/* mouse over link *\/\na:hover {\n  color: black;\n    text-decoration: none;\n\n}\n\n\/* selected link *\/\na:active {\n  color: grey;\n   text-decoration: none;\n\n   \n}\n\nhtml {\n    line-height: 1.15;\n    text-size-adjust: 100%;\n    scroll-behavior: smooth;\n\n} \n\n.t3{\n  font-size: 50px;\n  font-weight: 700;\n\n  color: black !important;\n   font-family: helvetica;\n  \n} \n\n.t2{\n \n  font-size: 20px;\n  font-weight: 400;\n  color: black;\n font-family: 'Noto Sans Mono', monospace;\n\n\n}   \n\n.t1{\n  \n  font-size: 20px;\n  font-weight: 600;\n  color: black;\n font-family: 'Noto Sans Mono', monospace;\n\n    \n}  \n\n.t3:hover{\n    color:grey !important;\n}\n\n\n.t5:hover{\n    color:grey;\n} \n\n.t5{\nfont-size: 26px;\ncolor:black;\nfont-family: 'Old Standard TT', serif;\ncursor: pointer;\nfont-weight: 400;\nfont-style: italic;\n\n \n}\n\n\n.t51{\nfont-size: 26px;\ncolor:black;\nfont-family: 'Old Standard TT', serif;\ncursor: pointer;\nfont-weight: 400;\nfont-style: italic;\nmargin-top: 10px !important;\n\n}\n\n.t51:hover{\n    color:grey;\n} \n\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Source+Code+Pro:wght@500&display=swap');\n\n.rowdk{\n    display:flex;\n    width: 100%;\n \n}\n\n.botoes{\n    display:flex;\n    width: 100%;\n    margin-left: 5%;\n    margin-top: 5%;\n   \n}\n    \n.column5{\nflex-direction: column;\nwidth: 30%;\nmargin-left: 5%;\nmargin-top: 7%;\n}\n\n.column6{\nmargin-top: 7%;\nwidth: 70%;  \nmargin-left: 20%;\nmargin-right: 10%;\n}\n\n.column7{\n    width:80%;\n}\n \n .column8{\n    width:20%;\n    font-size: 5px;\n    float: right;\n    margin-right: 5%;\n    margin-bottom: 15%;\n}  \n\n\n.textoc1{\ndisplay: flex;\nflex-direction: column;\nmargin: 0px 0px 30px 0px !important;\nfont-size: 20px;\nfont-weight: 400;\ncolor: black;\n font-family: 'Noto Sans Mono', monospace;\n}\n\n.identar{\n text-indent: 3px;\n}\n    \n\n.seta{\n    \ndisplay: inline-block;\npadding: 0px !important;\nmargin: 0px !important;  \nwidth:6%;\n}\n\n\n.setashop{\n    \ndisplay: inline-block;\npadding: 0px !important;\nmargin: 0px !important;  \nwidth:3%;\nmargin-right: 2% !important;\n}\n\n\n.ft{\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n    align-content: flex-end;\n    align-items: flex-end;\n    justify-content: space-between;\n\n\n}\n\n\n\n\n<\/style>\n\n\n\n\n<script>\n\/\/Get the button\nvar mybutton = document.getElementById(\"myBtn\");\n\n\/\/ When the user scrolls down 20px from the top of the document, show the button\nwindow.onscroll = function() {scrollFunction()};\n\nfunction scrollFunction() {\n  if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {\n    mybutton.style.display = \"block\";\n  } else {\n    mybutton.style.display = \"none\";\n  }\n}\n\n\/\/ When the user clicks on the button, scroll to the top of the document\nfunction topFunction() {\n  document.body.scrollTop = 0;\n  document.documentElement.scrollTop = 0;\n}\n<\/script>\n\n\n\n\n\t\t\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-c505257 elementor-hidden-desktop elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"c505257\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-extended\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d573109\" data-id=\"d573109\" data-element_type=\"column\" data-e-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-f4ab8fc elementor-widget elementor-widget-html\" data-id=\"f4ab8fc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n  \n    <div class=\"rowdk1\">\n        \n         <p class=\"t11\">A OLI \u00e9 a azeitoneira que concilia a est\u00e9tica e a fun\u00e7\u00e3o contendo simultaneamente as azeitonas e os caro\u00e7os. \u00c9 um objecto em porcelana pintado de preto no exterior, completamente vidrado e dividido na horizontal em duas partes iguais. A base \u00e9 uma ta\u00e7a para servir as azeitonas e a parte superior \u00e9 um dep\u00f3sito para os caro\u00e7os os quais s\u00e3o retirados atrav\u00e9s de uma tampa amov\u00edvel que permite a limpeza da pe\u00e7a.<\/p>\n           \n            <p class=\"t22\">OLI is the olive bowl that joins aesthetics and function, holding both olives and pits. It is a porcelain object, dyed black on the outside, completely glazed and horizontally divided into two similar parts. The base is a bowl to serve olives and the upper part is a container for the pits, which can be taken out through a removable lid, allowing the piece to be cleaned.<\/p>\n       \n    <\/div>\n       \n\n \n     <p class=\"textoc11\"> > project<br><span>OLI THE OLIVE BOWL<\/span><br>> client<br><span>MPFXDESIGN<\/span><br>> design year<span>2011<\/span><br>> category<br><span >PRODUCT DESIGN <\/span><br>> scope of work<br><span>CONCEPT & CREATION<br>CERAMIC PRODUCTION<\/span><br>> photography<br><span>JO\u00c3O NICOLAU DE ALMEIDA<br>PAULO SERRA<\/span><br>> design & art direction<br><span>MIGUEL PINTO FELIX<\/span><br>> awards<br><span>PLATINUM - A'DESIGN AWARD<br>BAKEWAR\/TABLEWARE\/DRINKWARE\/<br>COOKWARE DESIGN 2015\/16<\/span> <\/p>\n\n\n  \n \n\n\n   <div class=\"column77\">\n   \n     <a class=\"t33\" href=\"https:\/\/www.mpfxdesign.com\/site\/home\/shop\/\"><img decoding=\"async\" class=\"setashop1\" src=\"https:\/\/www.mpfxdesign.com\/site\/wp-content\/uploads\/2022\/04\/seta-4.png\">shop<\/a>\n     <\/div>\n    \n     \n        <div class=\"column88\">\n       \n\n \n        <a class=\"t55\" onclick=\"topFunction()\" id=\"myBtn\"><img decoding=\"async\" class=\"seta1\" src=\"https:\/\/www.mpfxdesign.com\/site\/wp-content\/uploads\/2022\/05\/setac-13.png\"> back to the top<\/a> <br>\n        <a class=\"t511\" href=\"https:\/\/www.mpfxdesign.com\/site\/home\/work\/qualquerideia\/\"><img decoding=\"async\" class=\"seta1\" src=\"https:\/\/www.mpfxdesign.com\/site\/wp-content\/uploads\/2022\/04\/seta-4.png\" > next project<\/a>\n\n  <\/div>\n  \n  \n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+Mono:wght@400;600&display=swap\" rel=\"stylesheet\">\n  \n<style>\n\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+Mono:wght@400;600&display=swap');\n\n\nhtml {\n    line-height: 1.15;\n    text-size-adjust: 100%;\n    scroll-behavior: smooth;\n\n} \n\n.t33{\n  font-size: 30px;\n  font-weight: 600;\n  color: black !important;\n   font-family: helvetica;\n  \n} \n\n.t22{\n margin-bottom: 15% !important;\n  font-size: 15px;\n  font-weight: 400;\n  color: black;\n font-family: 'Noto Sans Mono', monospace;\n\n}   \n\n.t11{\n  font-size: 15px;\n  font-weight: 600;\n  color: black;\n font-family: 'Noto Sans Mono', monospace;\n\n}  \n\n\n.t55{\nfont-size: 15px;\ncolor:black;\nfont-family: 'Old Standard TT', serif;\ncursor: pointer;\nfont-weight: 400;\nfont-style: italic;\n}\n\n\n.t511{\nfont-size: 15px;\ncolor:black;\nfont-family: 'Old Standard TT', serif;\ncursor: pointer;\nfont-weight: 400;\nfont-style: italic;\nmargin-top: 20% !important;\n}\n\n\n.rowdk1{\nwidth: 100%;\nmargin-top: 15%;\n}\n\n.column55{\nflex-direction: column;\nwidth: 100%;\nmargin-left: 5%;\nmargin-top: 7%;\n}\n\n.column66{\nmargin-top: 7%;\nwidth: 100%;  \nmargin-left: 20%;\nmargin-right: 10%;\n}\n\n.column77{\nwidth:100%;\nmargin-top: 15%;\n}\n \n.column88{\nwidth:100%;\nfont-size: 15px;\nmargin-top: 15%;\nmargin-bottom: 15%;\n}  \n\n\n.textoc11{\ndisplay: flex;\nflex-direction: column;\nmargin: 0px 0px 30px 0px !important;\nfont-size: 15px;\nfont-weight: 400;\ncolor: black;\n font-family: 'Noto Sans Mono', monospace;\n}\n\n.identar{\nmargin-left: 6%;\n}\n   \n\n.seta1{\n    \ndisplay: inline-block;\npadding: 0px !important;\nmargin: 0px !important;  \nwidth:3%;\n}\n\n\n.setashop1{\n    \ndisplay: inline-block;\nwidth:8%;\nmargin-right: 5%;\n\n}\n\n\n\n.t55:hover{\n    color:grey;\n} \n\n.t511:hover{\n    color:grey;\n} \n\n\n@media (min-width:320px)  { \/* smartphones, iPhone, portrait 480x320 phones *\/ }\n@media (min-width:481px)  { \/* portrait e-readers (Nook\/Kindle), smaller tablets @ 600 or @ 640 wide. *\/ }\n@media (min-width:641px)  { \/* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones *\/ \n    \n    \n .rowdk1{\nwidth: 100%;\npadding: 5%;\nmargin-top: 5%;\n}  \n\n.seta1{\n    \nwidth:2%;\n}\n\n\n.setashop1{\n    \ndisplay: inline-block;\nwidth:4.5%;\nmargin-right: 2%;\n\n}\n\n.t511{\n\nmargin-top: 2%;\n}\n    \n.column88{\nmargin-left: 0%;\n\n}     \n\n.seta1{\n    \n\npadding: 0px !important;\nmargin: 0px !important;  \n}\n    \n    \n\n    \n}\n@media (min-width:961px)  { \/* tablet, landscape iPad, lo-res laptops ands desktops *\/ }\n@media (min-width:1025px) { \/* big landscape tablets, laptops, and desktops *\/\n\n}\n@media (min-width:1281px) { \/* hi-res laptops and desktops *\/ }\n\n\n\n<\/style>\n\n\n\n\n\n\t\t\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>> projectOLI THE OLIVE BOWL> clientMPFXDESIGN> design year2011> categoryPRODUCT DESIGN > scope of workCONCEPT &#038; CREATIONCERAMIC PRODUCTION> photographyJO\u00c3O NICOLAU DE ALMEIDAPAULO SERRA> design &#038; art directionMIGUEL PINTO FELIX> awardsPLATINUM &#8211; A&#8217;DESIGN AWARDBAKEWAR\/TABLEWARE\/DRINKWARE\/COOKWARE DESIGN 2015\/16 A OLI \u00e9 a azeitoneira que concilia a est\u00e9tica e a fun\u00e7\u00e3o contendo simultaneamente as azeitonas e os caro\u00e7os. \u00c9 um&#8230;<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":5875,"menu_order":22,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-16924","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.mpfxdesign.com\/site\/wp-json\/wp\/v2\/pages\/16924","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mpfxdesign.com\/site\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.mpfxdesign.com\/site\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.mpfxdesign.com\/site\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mpfxdesign.com\/site\/wp-json\/wp\/v2\/comments?post=16924"}],"version-history":[{"count":241,"href":"https:\/\/www.mpfxdesign.com\/site\/wp-json\/wp\/v2\/pages\/16924\/revisions"}],"predecessor-version":[{"id":25687,"href":"https:\/\/www.mpfxdesign.com\/site\/wp-json\/wp\/v2\/pages\/16924\/revisions\/25687"}],"up":[{"embeddable":true,"href":"https:\/\/www.mpfxdesign.com\/site\/wp-json\/wp\/v2\/pages\/5875"}],"wp:attachment":[{"href":"https:\/\/www.mpfxdesign.com\/site\/wp-json\/wp\/v2\/media?parent=16924"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}