CINXE.COM
Avon Duet - MADLOVEMEDIA
<!doctype html> <html lang="en"> <head> <title>Avon Duet - MADLOVEMEDIA</title> <meta name="ROBOTS" content="INDEX,FOLLOW"> <meta name="description" content="AVON DUET As Agency Producer for SANTO Buenos Aires, we joined with Joinery in LA and their amazing Diana Kunst to produce this film for AVON. Under the..."> <meta name="keywords" content="madlovemedia, madeline baugh, buenos aires"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta property="og:url" content="https://madlovemedia.net/Avon-Duet"> <meta property="og:title" content="Avon Duet - MADLOVEMEDIA"> <meta property="og:description" content="AVON DUET As Agency Producer for SANTO Buenos Aires, we joined with Joinery in LA and their amazing Diana Kunst to produce this film for AVON. Under the creative direction of Maximiliano Itzkoff, we also did the copywriting and recorded..."> <meta property="og:image" content="https://payload.cargocollective.com/1/17/560033/13612943/prt_700x394_1533751057_2x.png"> <link href="https://favicon.cargocollective.com/560033-1459368623.ico" rel="shortcut icon"> <link href="https://madlovemedia.net/rss" rel="alternate" type="application/rss+xml" title="MADLOVEMEDIA feed"> <script src="/_jsapps/_libs/cargo.apicore.package.js?26.11.18.1&" data-main=""></script> <script src="/apipackage?26.11.18.1&" data-main=""></script> <script src="/javascript?26.11.18.1&1466108250" data-main=""></script> <link href="/stylesheet?26.11.18.1&1544091467" id="member_stylesheet" rel="stylesheet" type="text/css" /> <link href="/_jsapps/api/_css/global.css?26.11.18.1&" id="" rel="stylesheet" type="text/css" /> <script type="text/json" data-set="defaults">{"route_name":"index","current_offset":0,"current_page":1,"cargo_url":"madlovemedia","is_domain":true,"is_mobile":false,"is_tablet":false,"is_phone":false,"api_path":"\/\/madlovemedia.net\/_api","is_editor":false,"route":null,"network":"Cargo","is_direct_link":true,"total_projects":"35","join_muid":"393159","squeeze_id":"459178466511327758627666854788730880","design_name":"cassiopeia","template_basename":"design","_use_google_analytics":"0"}</script> <script type="text/json" data-set="DisplayOptions">{"user_id":560033,"pagination_count":9,"header_link_to_index":true,"header_2x":true,"total_projects":"35","thumb_size":{"w":"700","h":"394"},"image_width":"2905","pages_do_not_paginate":false,"following_link_in_nav":false,"tags_in_thumb":false,"title_in_thumb":true,"view_count_in_project":false,"title_in_project":true,"footer_in_project":false,"pages_in_text_nav":true,"projects_in_text_nav":false,"use_sets":false,"sets_open_by_default":true,"sets_can_toggle":true,"sets_one_at_a_time":false,"use_set_links":false,"sets_are_clickable":null,"set_links_position":"top","disable_project_scroll":false,"recent_project_as_start":false,"excerpt_in_thumb":false,"thumbs_below_projects":false,"thumbs_below_pages":false,"lightbox_view":false,"slide_transition":"none","slide_transition_duration":0.4,"slide_auto_play":{"enabled":false,"delay":2.5},"slide_text_nav":{"enabled":true,"prev":"Previous","slash":"\/","next":"Next image","number_enabled":true,"number_style":"parentheses"},"slide_nav_position":"top","slide_image_position":{"center":true,"responsive":false},"slide_thumbnails":{"enabled":false,"position":"bottom"},"slide_default_thumbs":false,"slide_toggle_thumb_link":{"enabled":true,"title":"Thumbnails"},"resource_url":null,"sticky_pages":null,"lightbox_zoom_enabled":true,"image_scale_vertical":true,"fluid_columns":true,"index_link_in_project":true,"next_link_in_project":true,"set_options":true,"slideshow_responsive":true,"slideshow_thumbnails_header":true}</script> <script type="text/json" data-set="Site">{"id":"560033","direct_link":"https:\/\/madlovemedia.net","display_url":"madlovemedia.net","following_url":"https:\/\/madlovemedia.net\/following","website_title":"MADLOVEMEDIA","meta_tags":"madlovemedia, madeline baugh, buenos aires","meta_description":"madlove media specializes in international production of motion pictures, commercials, digital content and foreign language reversioning. Based in Buenos Aires, Argentina and Los Angeles, California","meta_head":"","start_project_id":"8756046","thumb_url":"https:\/\/payload.cargocollective.com\/1\/17\/560033\/13612953\/prt_1533751115.png","css_url":"\/stylesheet","rss_url":"https:\/\/madlovemedia.net\/rss","js_url":"\/javascript","asset_path":"https:\/\/assets.cdn.cargocollective.com\/393159\/459178466511327758627666854788730880","favicon_url":"https:\/\/favicon.cargocollective.com\/560033-1459368623.ico","header_url":null,"header_width":650,"header_height":245,"header_width_2x":325,"header_height_2x":122,"header_text":"","mobile_header_url":null,"mobile_header_width":0,"mobile_header_height":0,"mobile_header_text":"MADLOVEMEDIA","custom_html":"<customhtml><meta name = \"viewport\" content = \"width = 700, user-scalable = no\">\n\n<link href=\"https:\/\/fonts.googleapis.com\/css?family=Montserrat\" rel=\"stylesheet\">\n\n<script type=\"text\/javascript\">\n$(window).bind(\"load\",function(){\n $('.fader').fadeOut(1000);\n});\n\n$(document).bind(\"projectLoadStart\", function(e, pid){\n $('.fader').fadeIn(100);\n}); \n\n $(document).bind(\"projectLoadComplete\", function(e, pid){\n $('.fader').fadeOut(1000);\n});\n\n<\/script>\n\n<div class=\"fader\" style=\"position:fixed; background:#eb4a8a; top:0px; left:0px; right:0px; width:100%; height:100%; z-index:99999999999;\"><\/div>\n\n<div id=\"logo\"><a href=\"https:\/\/madlovemedia.net\/\"><img src=\"https:\/\/payload322.cargocollective.com\/1\/17\/560033\/8756046\/logo-solo.png\" width=\"100\"><\/a><\/div>\n\n<div id=\"langswitch\"><a class=\"menueng\" href=\"https:\/\/madlovemedia.net\/\">ENG<\/a><a class=\"menuesp\" href=\"https:\/\/madlovemedia.net\/home-esp\">ESP<\/a><\/div>\n\n<div id=\"social\"><a href=\"https:\/\/twitter.com\/iammadlove\" target=\"_blank\">TWITTER<\/a><!--<a href=\"https:\/\/www.facebook.com\/madlovemediaintl\" target=\"_blank\">FACEBOOK<\/a>--><!--<a href=\"http:\/\/www.instagram.com\" target=\"_blank\">INSTAGRAM<\/a><a href=\"https:\/\/www.linkedin.com\/pub\/madeline-baugh\/16\/b2b\/927\" target=\"_blank\">LINKEDIN<\/a>--><\/div>\n\n\n<script src=\"https:\/\/files.cargocollective.com\/560033\/jquery.backstretch.min.js\"><\/script>\n\n\n<!--[if IE]>\n <script src=\"https:\/\/html5shiv.googlecode.com\/svn\/trunk\/html5.js\"><\/script>\n<![endif]-->\n \n <script>\n \/\/ Preload the images\n var images = [\n \"https:\/\/payload322.cargocollective.com\/1\/17\/560033\/8756046\/madsitefoto1.jpg\"\n \n ];\n\n \/\/ A little script for preloading all of the images\n \/\/ It\"s not necessary, but generally a good idea\n $(images).each(function(){\n $(\"<img\/>\")[0].src = this; \n });\n \n \/\/ The index variable will keep track of which image is currently showing\n var index = 0;\n\n \/\/ Call backstretch for the first time,\n \/\/ In this case, I\"m settings speed of 500ms for a fadeIn effect between images.\n $.backstretch(images[index], {speed: 2500});\n\n \/\/ Set an interval that increments the index and sets the new image\n \/\/ Note: The fadeIn speed set above will be inherited\n setInterval(function() {\n index = (index >= images.length - 1) ? 0 : index + 1;\n $.backstretch(images[index]);\n }, 5000);\n \n <\/script> \n\n\n\n<div class=\"topborder\"><\/div>\n\n\n<div id=\"menucontainer\">\n<div id=\"closebutton\"><a href=\"#\" id=\"closebutton\">CLOSE<\/a><\/div>\n <br \/>\n <br \/>\n <a class=\"mobileeng\" href=\"https:\/\/madlovemedia.net\/filter\/work\">WORK<\/a>\n <a class=\"mobileesp\" href=\"https:\/\/madlovemedia.net\/filter\/trabajos\/trabajos-1\">TRABAJOS<\/a> \n <br \/> \n <br \/><br \/> \n <a class=\"mobileeng\" href=\"https:\/\/madlovemedia.net\/about\">ABOUT<\/a> \n <a class=\"mobileesp\" href=\"https:\/\/madlovemedia.net\/quienes-somos\">QUIENES SOMOS<\/a>\n <br \/>\n <br \/><br \/>\n <a class=\"mobileeng\" href=\"https:\/\/madlovemedia.net\/what-we-do\">WHAT WE DO<\/a>\n <a class=\"mobileesp\" href=\"https:\/\/madlovemedia.net\/que-hacemos\">QU\u00c9 HACEMOS<\/a> \n <br \/>\n <br \/> <br \/>\n <a class=\"mobileeng\" href=\"https:\/\/madlovemedia.net\/contact\">CONTACT<\/a>\n <a class=\"mobileesp\" href=\"https:\/\/madlovemedia.net\/contacto\">CONTACTO<\/a> \n <br \/>\n <br \/><br \/>\n <a class=\"mobileeng\" href=\"https:\/\/madlovemedia.net\/home-esp\">ESP<\/a>\n \n <a class=\"mobileesp\" href=\"https:\/\/madlovemedia.net\/home\">ENG<\/a>\n<\/div> \n \n <div id=\"menuicon\"><a href=\"#\" id=\"menubutton\"><img src=\"https:\/\/payload320.cargocollective.com\/1\/15\/485514\/8717321\/MENUv2_o.jpg\" width=\"100\"><\/a><\/div>\n\n\n<script type=\"text\/javascript\">\nvar in_position = \"0\";\nvar out_position = \"-480\";\nvar duration = \"500\"; \n \n$(\"#menubutton\").click(function () {\n \n var right_pos = (Math.floor($(\"#menucontainer\").css(\"right\").replace(\"px\", \"\")) >= 0) ? out_position : in_position;\n $('#menucontainer').animate({\n right: right_pos + \"px\",\n }, duration);\n $(\"#list\").show();\n return false;\n});\n \n $(\"#closebutton\").click(function () {\n var right_pos = (Math.floor($(\"#menucontainer\").css(\"right\").replace(\"px\", \"\")) >= 0) ? out_position : in_position;\n $('#menucontainer').animate({\n right: right_pos + \"px\",\n }, duration);\n $(\"#list\").show();\n return false;\n}); \n \n \n<\/script>\n\n<script type=\"text\/javascript\"> \n$(document).scroll(function(){\n if($(window).scrollTop() > 100){ \n $(\".navigation\").css(\"opacity\", \"0\");\n $(\"#langswitch\").css(\"opacity\", \"0\"); \n $(\"#logo\").css(\"opacity\", \"0\"); \n $(\".topborder\").css(\"opacity\", \"0\"); \n $(\"#menuicon\").css(\"opacity\", \"0\"); }\n else {\n \n $(\".navigation\").css(\"opacity\", \"1\");\n $(\"#langswitch\").css(\"opacity\", \"1\"); \n $(\"#logo\").css(\"opacity\", \"1\"); \n $(\".topborder\").css(\"opacity\", \"1\"); \n $(\"#menuicon\").css(\"opacity\", \"1\"); }\n});\n<\/script>\n\n\n\n\n\n\n\n<script type=\"text\/javascript\">\n\/**\n* Add a filter to your project navigation\n*\/\nfunction addFilterActive(selector, remove_on_page, active_class) {\n if(typeof Cargo.Helper == \"object\") {\n var filter = Cargo.Helper.GetActiveFilter();\n } else {\n var filter = Cargo.Location.GetUserFilter();\n }\n\n var el_selector = (selector) ? $(selector) : $('.link_link');\n active_class = (active_class) ? active_class : \"link_active\";\n\n if( $('[href$=\"filter\/'+filter+'\"]',el_selector).parent() == selector) {\n $('[href$=\"filter\/'+filter+'\"]',el_selector).addClass(active_class);\n } else {\n $('[href$=\"filter\/'+filter+'\"]',el_selector).parent().addClass(active_class);\n }\n\n if(remove_on_page) {\n $(document).bind(\"projectLoadComplete\", function() {\n $(\".\"+active_class).removeClass(active_class);\n });\n $(document).bind(\"projectCloseComplete\", function() {\n addFilterActive(selector, false);\n });\n }\n}\n\n$(function() {\n var selector = \".link_link\";\n var remove_on_page = true;\n var active_class = \"link_active\";\n\n addFilterActive(selector, remove_on_page, active_class);\n});\n<\/script>\n\n\n\n<div class=\"hero\"><a href=\"http:\/\/industry.design\" target=\"_blank\">Site Made By Industry<\/a><\/div><\/customhtml>","filter":false,"following_count":"0","is_editor":false,"use_hi_res":false,"files":{"jquery.backstretch.min.js":"https:\/\/files.cargocollective.com\/560033\/jquery.backstretch.min.js?1418321725"},"resource_url":"www.madlovemedia.net\/_api\/v0\/site\/560033","current_set_key":null}</script> <script type="text/json" data-set="Assets">[{"id":"89fc52dccc","filename":"close.svg"},{"id":"145f598338","filename":"menu_icon.svg"},{"id":"f1f81797ff","filename":"preview-thumbnail.jpg"}]</script> <script type="text/json" data-set="ProjectDetail">{"id":13612943,"site_id":"560033","link_url":false,"project_url":"Avon-Duet","direct_link":"https:\/\/madlovemedia.net\/Avon-Duet","type":"project","link_target":"","title":"Avon Duet","title_no_html":"Avon Duet","show_title":true,"tags":[{"tag":"work","filter_link":"https:\/\/madlovemedia.net\/filter\/work"}],"display":true,"excerpt":"AVON DUET\r\n\r\nAs Agency Producer for SANTO Buenos Aires, we joined with Joinery in LA and their amazing Diana Kunst to produce this film for AVON.\r\n\r\nUnder the...","excerpt_long":"AVON DUET\r\n\r\nAs Agency Producer for SANTO Buenos Aires, we joined with Joinery in LA and their amazing Diana Kunst to produce this film for AVON.\r\n\r\nUnder the creative direction of Maximiliano Itzkoff, we also did the copywriting and recorded...","content":"<iframe src=\"https:\/\/player.vimeo.com\/video\/283989117\" width=\"905\" height=\"509\" frameborder=\"0\" webkitallowfullscreen mozallowfullscreen allowfullscreen><\/iframe><br \/>\r\n<br \/>\r\n<p><b>AVON DUET<\/b><br \/>\r\n<br \/>\r\nAs Agency Producer for SANTO Buenos Aires, we joined with Joinery in LA and their amazing Diana Kunst to produce this film for AVON.<br \/>\r\n<br \/>\r\nUnder the creative direction of Maximiliano Itzkoff, we also did the copywriting and recorded the end-tag VO for this lovely piece, with the even lovelier Eva Mendes.<br \/>\r\n<\/p><br \/>\r\n<style>.project_content p{max-width:905px;}<\/style>","content_2x":"<iframe src=\"https:\/\/player.vimeo.com\/video\/283989117\" width=\"905\" height=\"509\" frameborder=\"0\" webkitallowfullscreen mozallowfullscreen allowfullscreen><\/iframe><br \/>\r\n<br \/>\r\n<p><b>AVON DUET<\/b><br \/>\r\n<br \/>\r\nAs Agency Producer for SANTO Buenos Aires, we joined with Joinery in LA and their amazing Diana Kunst to produce this film for AVON.<br \/>\r\n<br \/>\r\nUnder the creative direction of Maximiliano Itzkoff, we also did the copywriting and recorded the end-tag VO for this lovely piece, with the even lovelier Eva Mendes.<br \/>\r\n<\/p><br \/>\r\n<style>.project_content p{max-width:905px;}<\/style>","content_no_html":"\r\n\r\nAVON DUET\r\n\r\nAs Agency Producer for SANTO Buenos Aires, we joined with Joinery in LA and their amazing Diana Kunst to produce this film for AVON.\r\n\r\nUnder the creative direction of Maximiliano Itzkoff, we also did the copywriting and recorded the end-tag VO for this lovely piece, with the even lovelier Eva Mendes.\r\n\r\n.project_content p{max-width:905px;}","content_partial_html":"<iframe src=\"https:\/\/player.vimeo.com\/video\/283989117\" width=\"905\" height=\"509\" frameborder=\"0\" webkitallowfullscreen mozallowfullscreen allowfullscreen><\/iframe><br \/>\r\n<br \/>\r\n<p><b>AVON DUET<\/b><br \/>\r\n<br \/>\r\nAs Agency Producer for SANTO Buenos Aires, we joined with Joinery in LA and their amazing Diana Kunst to produce this film for AVON.<br \/>\r\n<br \/>\r\nUnder the creative direction of Maximiliano Itzkoff, we also did the copywriting and recorded the end-tag VO for this lovely piece, with the even lovelier Eva Mendes.<br \/>\r\n<\/p><br \/>\r\n","date":false,"bgcolor":"","comment_count":0,"thumb_url":"https:\/\/payload.cargocollective.com\/1\/17\/560033\/13612943\/prt_700x394_1533751057.png","thumb_url_2x":"https:\/\/payload.cargocollective.com\/1\/17\/560033\/13612943\/prt_700x394_1533751057_2x.png","thumb_url_4x":null,"thumb_width":"700","thumb_height":"394","default_thumb_url":"https:\/\/payload.cargocollective.com\/1\/17\/560033\/13612943\/prt_1533751057.png","default_thumb_url_2x":"https:\/\/payload.cargocollective.com\/1\/17\/560033\/13612943\/prt_1533751057_2x.png","default_thumb_url_4x":"https:\/\/payload.cargocollective.com\/1\/17\/560033\/13612943\/prt_1533751057_4x.png","default_thumb_width":200,"default_thumb_height":134,"custom_thumb_url":"https:\/\/payload.cargocollective.com\/1\/17\/560033\/13612943\/prt_700x394_1533751057.png","custom_thumb_url_2x":"https:\/\/payload.cargocollective.com\/1\/17\/560033\/13612943\/prt_700x394_1533751057_2x.png","custom_thumb_url_4x":null,"custom_thumb_width":700,"custom_thumb_height":394,"sort":14,"set_id":9034745,"set_name":"PROJECTS","set_key":"PROJECTS","set_url":"https:\/\/madlovemedia.net\/PROJECTS","set_count":null,"is_set":false,"views":"1,313"}</script> <script type="text/x-handlebars-template" id="loading_animation"><div class="retinaSpinner loading"><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(0deg) translate(6px, 0px); transform: rotate(0deg) translate(6px, 0px);" class="spinner_circle part1"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(45deg) translate(6px, 0px); transform: rotate(45deg) translate(6px, 0px);" class="spinner_circle part2"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(90deg) translate(6px, 0px); transform: rotate(90deg) translate(6px, 0px);" class="spinner_circle part3"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(135deg) translate(6px, 0px); transform: rotate(135deg) translate(6px, 0px);" class="spinner_circle part4"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(180deg) translate(6px, 0px); transform: rotate(180deg) translate(6px, 0px);" class="spinner_circle part5"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(225deg) translate(6px, 0px); transform: rotate(225deg) translate(6px, 0px);" class="spinner_circle part6"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(270deg) translate(6px, 0px); transform: rotate(270deg) translate(6px, 0px);" class="spinner_circle part7"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(315deg) translate(6px, 0px); transform: rotate(315deg) translate(6px, 0px);" class="spinner_circle part8"></div></div></div></script> <script src="/_jsapps/_libs/cargo_plugins/columnizer.js"></script> <script src="/_jsapps/_libs/cargo_plugins/elementResizer.js"></script> </head> <body data-bodyview="index"> <customhtml><meta name = "viewport" content = "width = 700, user-scalable = no"> <link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet"> <script type="text/javascript"> $(window).bind("load",function(){ $('.fader').fadeOut(1000); }); $(document).bind("projectLoadStart", function(e, pid){ $('.fader').fadeIn(100); }); $(document).bind("projectLoadComplete", function(e, pid){ $('.fader').fadeOut(1000); }); </script> <div class="fader" style="position:fixed; background:#eb4a8a; top:0px; left:0px; right:0px; width:100%; height:100%; z-index:99999999999;"></div> <div id="logo"><a href="https://madlovemedia.net/"><img src="https://payload322.cargocollective.com/1/17/560033/8756046/logo-solo.png" width="100"></a></div> <div id="langswitch"><a class="menueng" href="https://madlovemedia.net/">ENG</a><a class="menuesp" href="https://madlovemedia.net/home-esp">ESP</a></div> <div id="social"><a href="https://twitter.com/iammadlove" target="_blank">TWITTER</a><!--<a href="https://www.facebook.com/madlovemediaintl" target="_blank">FACEBOOK</a>--><!--<a href="http://www.instagram.com" target="_blank">INSTAGRAM</a><a href="https://www.linkedin.com/pub/madeline-baugh/16/b2b/927" target="_blank">LINKEDIN</a>--></div> <script src="https://files.cargocollective.com/560033/jquery.backstretch.min.js"></script> <!--[if IE]> <script src="https://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> <script> // Preload the images var images = [ "https://payload322.cargocollective.com/1/17/560033/8756046/madsitefoto1.jpg" ]; // A little script for preloading all of the images // It"s not necessary, but generally a good idea $(images).each(function(){ $("<img/>")[0].src = this; }); // The index variable will keep track of which image is currently showing var index = 0; // Call backstretch for the first time, // In this case, I"m settings speed of 500ms for a fadeIn effect between images. $.backstretch(images[index], {speed: 2500}); // Set an interval that increments the index and sets the new image // Note: The fadeIn speed set above will be inherited setInterval(function() { index = (index >= images.length - 1) ? 0 : index + 1; $.backstretch(images[index]); }, 5000); </script> <div class="topborder"></div> <div id="menucontainer"> <div id="closebutton"><a href="#" id="closebutton">CLOSE</a></div> <br /> <br /> <a class="mobileeng" href="https://madlovemedia.net/filter/work">WORK</a> <a class="mobileesp" href="https://madlovemedia.net/filter/trabajos/trabajos-1">TRABAJOS</a> <br /> <br /><br /> <a class="mobileeng" href="https://madlovemedia.net/about">ABOUT</a> <a class="mobileesp" href="https://madlovemedia.net/quienes-somos">QUIENES SOMOS</a> <br /> <br /><br /> <a class="mobileeng" href="https://madlovemedia.net/what-we-do">WHAT WE DO</a> <a class="mobileesp" href="https://madlovemedia.net/que-hacemos">QU脡 HACEMOS</a> <br /> <br /> <br /> <a class="mobileeng" href="https://madlovemedia.net/contact">CONTACT</a> <a class="mobileesp" href="https://madlovemedia.net/contacto">CONTACTO</a> <br /> <br /><br /> <a class="mobileeng" href="https://madlovemedia.net/home-esp">ESP</a> <a class="mobileesp" href="https://madlovemedia.net/home">ENG</a> </div> <div id="menuicon"><a href="#" id="menubutton"><img src="https://payload320.cargocollective.com/1/15/485514/8717321/MENUv2_o.jpg" width="100"></a></div> <script type="text/javascript"> var in_position = "0"; var out_position = "-480"; var duration = "500"; $("#menubutton").click(function () { var right_pos = (Math.floor($("#menucontainer").css("right").replace("px", "")) >= 0) ? out_position : in_position; $('#menucontainer').animate({ right: right_pos + "px", }, duration); $("#list").show(); return false; }); $("#closebutton").click(function () { var right_pos = (Math.floor($("#menucontainer").css("right").replace("px", "")) >= 0) ? out_position : in_position; $('#menucontainer').animate({ right: right_pos + "px", }, duration); $("#list").show(); return false; }); </script> <script type="text/javascript"> $(document).scroll(function(){ if($(window).scrollTop() > 100){ $(".navigation").css("opacity", "0"); $("#langswitch").css("opacity", "0"); $("#logo").css("opacity", "0"); $(".topborder").css("opacity", "0"); $("#menuicon").css("opacity", "0"); } else { $(".navigation").css("opacity", "1"); $("#langswitch").css("opacity", "1"); $("#logo").css("opacity", "1"); $(".topborder").css("opacity", "1"); $("#menuicon").css("opacity", "1"); } }); </script> <script type="text/javascript"> /** * Add a filter to your project navigation */ function addFilterActive(selector, remove_on_page, active_class) { if(typeof Cargo.Helper == "object") { var filter = Cargo.Helper.GetActiveFilter(); } else { var filter = Cargo.Location.GetUserFilter(); } var el_selector = (selector) ? $(selector) : $('.link_link'); active_class = (active_class) ? active_class : "link_active"; if( $('[href$="filter/'+filter+'"]',el_selector).parent() == selector) { $('[href$="filter/'+filter+'"]',el_selector).addClass(active_class); } else { $('[href$="filter/'+filter+'"]',el_selector).parent().addClass(active_class); } if(remove_on_page) { $(document).bind("projectLoadComplete", function() { $("."+active_class).removeClass(active_class); }); $(document).bind("projectCloseComplete", function() { addFilterActive(selector, false); }); } } $(function() { var selector = ".link_link"; var remove_on_page = true; var active_class = "link_active"; addFilterActive(selector, remove_on_page, active_class); }); </script> <div class="hero"><a href="http://industry.design" target="_blank">Site Made By Industry</a></div></customhtml> <div class="loading" data-loading="page"> <div class="retinaSpinner loading"><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(0deg) translate(6px, 0px); transform: rotate(0deg) translate(6px, 0px);" class="spinner_circle part1"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(45deg) translate(6px, 0px); transform: rotate(45deg) translate(6px, 0px);" class="spinner_circle part2"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(90deg) translate(6px, 0px); transform: rotate(90deg) translate(6px, 0px);" class="spinner_circle part3"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(135deg) translate(6px, 0px); transform: rotate(135deg) translate(6px, 0px);" class="spinner_circle part4"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(180deg) translate(6px, 0px); transform: rotate(180deg) translate(6px, 0px);" class="spinner_circle part5"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(225deg) translate(6px, 0px); transform: rotate(225deg) translate(6px, 0px);" class="spinner_circle part6"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(270deg) translate(6px, 0px); transform: rotate(270deg) translate(6px, 0px);" class="spinner_circle part7"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(315deg) translate(6px, 0px); transform: rotate(315deg) translate(6px, 0px);" class="spinner_circle part8"></div></div></div> </div> <div class="site_header"> <div class="header_text"> <a href="https://madlovemedia.net" rel="show_index"> </a> </div> <div class="navigation"> <span id="autopagination_wrapper" data-view="Navigation" data-set="Navigation"> <div id="menu_9034401" class="link_link" data-type="link" data-id="9034401"> <a id="p9034401" target="" href="https://madlovemedia.net/filter/work"> work </a> </div> <div id="menu_9045042" class="link_link" data-type="link" data-id="9045042"> <a id="p9045042" target="" href="https://madlovemedia.net/filter/trabajos/trabajos-1"> trabajos </a> </div> <div id="menu_9034402" class="page_link" data-type="page" data-id="9034402"> <a id="p9034402" href="/about" rel="history"> about </a> </div> <div id="menu_9045050" class="page_link" data-type="page" data-id="9045050"> <a id="p9045050" href="/quienes-somos" rel="history"> quienes somos </a> </div> <div id="menu_9034406" class="page_link" data-type="page" data-id="9034406"> <a id="p9034406" href="/what-we-do" rel="history"> what we do </a> </div> <div id="menu_9045057" class="page_link" data-type="page" data-id="9045057"> <a id="p9045057" href="/que-hacemos" rel="history"> qu茅 hacemos </a> </div> <div id="menu_9034408" class="page_link" data-type="page" data-id="9034408"> <a id="p9034408" href="/contact" rel="history"> contact </a> </div> <div id="menu_9045060" class="page_link" data-type="page" data-id="9045060"> <a id="p9045060" href="/contacto" rel="history"> contacto </a> </div> </span> </div> </div> <div class="container"> <div id="project" class="project clear" data-view="ProjectDetail" data-set="Project"> <div class="entry" data-id="13612943" data-resize-parent> <div class="project_nav" data-type="project"> <a href="#" class="previous" rel="prev_project">⬅</a> <a href="#" class="index" rel="show_index"> <span> </span> <span> </span> <span> </span> <span> </span> </a> <a href="#" class="next" rel="next_project">⬅</a> </div> <div class="project_header"> <div class="project_title"> Avon Duet </div> </div> <div class="project_content" data-elementresizer> <projectcontent><iframe src="https://player.vimeo.com/video/283989117" width="905" height="509" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe><br /> <br /> <p><b>AVON DUET</b><br /> <br /> As Agency Producer for SANTO Buenos Aires, we joined with Joinery in LA and their amazing Diana Kunst to produce this film for AVON.<br /> <br /> Under the creative direction of Maximiliano Itzkoff, we also did the copywriting and recorded the end-tag VO for this lovely piece, with the even lovelier Eva Mendes.<br /> </p><br /> <style>.project_content p{max-width:905px;}</style></projectcontent> </div> <div class="project_footer"> <span class="tags"> Filed under <span><a href="https://madlovemedia.net/filter/work">work</a></span> </span> </div> <directlink link="https://madlovemedia.net/Avon-Duet" id="dl_13612943"></directlink> </div> </div> </div> <div id="index" class="thumbnails clear" data-columnize=".thumbnail" data-columnize-equalize="true" data-columnize-fluid="true" data-columnize-width="700" data-view="Thumbnail" data-set="Projects"> <div class="thumbnail" id="item_9045204" name="9045204" data-setid="8763133"> <div class="loading" data-loading="9045204"> <div class="retinaSpinner loading"><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(0deg) translate(6px, 0px); transform: rotate(0deg) translate(6px, 0px);" class="spinner_circle part1"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(45deg) translate(6px, 0px); transform: rotate(45deg) translate(6px, 0px);" class="spinner_circle part2"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(90deg) translate(6px, 0px); transform: rotate(90deg) translate(6px, 0px);" class="spinner_circle part3"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(135deg) translate(6px, 0px); transform: rotate(135deg) translate(6px, 0px);" class="spinner_circle part4"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(180deg) translate(6px, 0px); transform: rotate(180deg) translate(6px, 0px);" class="spinner_circle part5"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(225deg) translate(6px, 0px); transform: rotate(225deg) translate(6px, 0px);" class="spinner_circle part6"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(270deg) translate(6px, 0px); transform: rotate(270deg) translate(6px, 0px);" class="spinner_circle part7"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(315deg) translate(6px, 0px); transform: rotate(315deg) translate(6px, 0px);" class="spinner_circle part8"></div></div></div> </div> <a href="/trabajos-1" data-id="9045204" rel="history"> <div class="thumb_image" name=""> <img src="/_gfx/thumb_custom.gif" width="700" height="394" > </div> <div class="thumb_title"> <span>trabajos</span> </div> </a> </div> <div class="thumbnail" id="item_13612937" name="13612937" data-setid="9034745"> <div class="loading" data-loading="13612937"> <div class="retinaSpinner loading"><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(0deg) translate(6px, 0px); transform: rotate(0deg) translate(6px, 0px);" class="spinner_circle part1"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(45deg) translate(6px, 0px); transform: rotate(45deg) translate(6px, 0px);" class="spinner_circle part2"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(90deg) translate(6px, 0px); transform: rotate(90deg) translate(6px, 0px);" class="spinner_circle part3"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(135deg) translate(6px, 0px); transform: rotate(135deg) translate(6px, 0px);" class="spinner_circle part4"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(180deg) translate(6px, 0px); transform: rotate(180deg) translate(6px, 0px);" class="spinner_circle part5"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(225deg) translate(6px, 0px); transform: rotate(225deg) translate(6px, 0px);" class="spinner_circle part6"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(270deg) translate(6px, 0px); transform: rotate(270deg) translate(6px, 0px);" class="spinner_circle part7"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(315deg) translate(6px, 0px); transform: rotate(315deg) translate(6px, 0px);" class="spinner_circle part8"></div></div></div> </div> <a href="/El-Chapo-S03-Trailer" data-id="13612937" rel="history"> <div class="thumb_image" name=""> <img src="https://payload.cargocollective.com/1/17/560033/13612937/prt_700x394_1533750747.jpg" width="700" height="394" > </div> <div class="thumb_title"> <span>El Chapo S03 Trailer</span> </div> </a> </div> <div class="thumbnail" id="item_13612943" name="13612943" data-setid="9034745"> <div class="loading" data-loading="13612943"> <div class="retinaSpinner loading"><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(0deg) translate(6px, 0px); transform: rotate(0deg) translate(6px, 0px);" class="spinner_circle part1"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(45deg) translate(6px, 0px); transform: rotate(45deg) translate(6px, 0px);" class="spinner_circle part2"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(90deg) translate(6px, 0px); transform: rotate(90deg) translate(6px, 0px);" class="spinner_circle part3"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(135deg) translate(6px, 0px); transform: rotate(135deg) translate(6px, 0px);" class="spinner_circle part4"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(180deg) translate(6px, 0px); transform: rotate(180deg) translate(6px, 0px);" class="spinner_circle part5"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(225deg) translate(6px, 0px); transform: rotate(225deg) translate(6px, 0px);" class="spinner_circle part6"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(270deg) translate(6px, 0px); transform: rotate(270deg) translate(6px, 0px);" class="spinner_circle part7"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(315deg) translate(6px, 0px); transform: rotate(315deg) translate(6px, 0px);" class="spinner_circle part8"></div></div></div> </div> <a href="/Avon-Duet" data-id="13612943" rel="history"> <div class="thumb_image" name=""> <img src="https://payload.cargocollective.com/1/17/560033/13612943/prt_700x394_1533751057.png" width="700" height="394" data-hi-res="https://payload.cargocollective.com/1/17/560033/13612943/prt_700x394_1533751057_2x.png" > </div> <div class="thumb_title"> <span>Avon Duet</span> </div> </a> </div> <div class="thumbnail" id="item_13612955" name="13612955" data-setid="9034745"> <div class="loading" data-loading="13612955"> <div class="retinaSpinner loading"><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(0deg) translate(6px, 0px); transform: rotate(0deg) translate(6px, 0px);" class="spinner_circle part1"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(45deg) translate(6px, 0px); transform: rotate(45deg) translate(6px, 0px);" class="spinner_circle part2"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(90deg) translate(6px, 0px); transform: rotate(90deg) translate(6px, 0px);" class="spinner_circle part3"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(135deg) translate(6px, 0px); transform: rotate(135deg) translate(6px, 0px);" class="spinner_circle part4"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(180deg) translate(6px, 0px); transform: rotate(180deg) translate(6px, 0px);" class="spinner_circle part5"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(225deg) translate(6px, 0px); transform: rotate(225deg) translate(6px, 0px);" class="spinner_circle part6"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(270deg) translate(6px, 0px); transform: rotate(270deg) translate(6px, 0px);" class="spinner_circle part7"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(315deg) translate(6px, 0px); transform: rotate(315deg) translate(6px, 0px);" class="spinner_circle part8"></div></div></div> </div> <a href="/Avon-Discovery" data-id="13612955" rel="history"> <div class="thumb_image" name=""> <img src="https://payload.cargocollective.com/1/17/560033/13612955/prt_700x394_1533751238.png" width="700" height="394" data-hi-res="https://payload.cargocollective.com/1/17/560033/13612955/prt_700x394_1533751238_2x.png" > </div> <div class="thumb_title"> <span>Avon Discovery</span> </div> </a> </div> <div class="thumbnail" id="item_11296864" name="11296864" data-setid="9034745"> <div class="loading" data-loading="11296864"> <div class="retinaSpinner loading"><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(0deg) translate(6px, 0px); transform: rotate(0deg) translate(6px, 0px);" class="spinner_circle part1"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(45deg) translate(6px, 0px); transform: rotate(45deg) translate(6px, 0px);" class="spinner_circle part2"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(90deg) translate(6px, 0px); transform: rotate(90deg) translate(6px, 0px);" class="spinner_circle part3"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(135deg) translate(6px, 0px); transform: rotate(135deg) translate(6px, 0px);" class="spinner_circle part4"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(180deg) translate(6px, 0px); transform: rotate(180deg) translate(6px, 0px);" class="spinner_circle part5"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(225deg) translate(6px, 0px); transform: rotate(225deg) translate(6px, 0px);" class="spinner_circle part6"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(270deg) translate(6px, 0px); transform: rotate(270deg) translate(6px, 0px);" class="spinner_circle part7"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(315deg) translate(6px, 0px); transform: rotate(315deg) translate(6px, 0px);" class="spinner_circle part8"></div></div></div> </div> <a href="/Butterfinger-Bull-Rider" data-id="11296864" rel="history"> <div class="thumb_image" name=""> <img src="https://payload.cargocollective.com/1/17/560033/11296864/prt_700x394_1458852973.png" width="700" height="394" data-hi-res="https://payload.cargocollective.com/1/17/560033/11296864/prt_700x394_1458852973_2x.png" > </div> <div class="thumb_title"> <span>Butterfinger Bull Rider</span> </div> </a> </div> <div class="thumbnail" id="item_11296826" name="11296826" data-setid="9034745"> <div class="loading" data-loading="11296826"> <div class="retinaSpinner loading"><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(0deg) translate(6px, 0px); transform: rotate(0deg) translate(6px, 0px);" class="spinner_circle part1"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(45deg) translate(6px, 0px); transform: rotate(45deg) translate(6px, 0px);" class="spinner_circle part2"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(90deg) translate(6px, 0px); transform: rotate(90deg) translate(6px, 0px);" class="spinner_circle part3"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(135deg) translate(6px, 0px); transform: rotate(135deg) translate(6px, 0px);" class="spinner_circle part4"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(180deg) translate(6px, 0px); transform: rotate(180deg) translate(6px, 0px);" class="spinner_circle part5"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(225deg) translate(6px, 0px); transform: rotate(225deg) translate(6px, 0px);" class="spinner_circle part6"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(270deg) translate(6px, 0px); transform: rotate(270deg) translate(6px, 0px);" class="spinner_circle part7"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(315deg) translate(6px, 0px); transform: rotate(315deg) translate(6px, 0px);" class="spinner_circle part8"></div></div></div> </div> <a href="/Avon-Mother-s-Day" data-id="11296826" rel="history"> <div class="thumb_image" name=""> <img src="https://payload.cargocollective.com/1/17/560033/11296826/prt_700x394_1458852619.png" width="700" height="394" data-hi-res="https://payload.cargocollective.com/1/17/560033/11296826/prt_700x394_1458852619_2x.png" > </div> <div class="thumb_title"> <span>Avon Mother's Day</span> </div> </a> </div> <div class="thumbnail" id="item_9034835" name="9034835" data-setid="9034745"> <div class="loading" data-loading="9034835"> <div class="retinaSpinner loading"><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(0deg) translate(6px, 0px); transform: rotate(0deg) translate(6px, 0px);" class="spinner_circle part1"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(45deg) translate(6px, 0px); transform: rotate(45deg) translate(6px, 0px);" class="spinner_circle part2"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(90deg) translate(6px, 0px); transform: rotate(90deg) translate(6px, 0px);" class="spinner_circle part3"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(135deg) translate(6px, 0px); transform: rotate(135deg) translate(6px, 0px);" class="spinner_circle part4"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(180deg) translate(6px, 0px); transform: rotate(180deg) translate(6px, 0px);" class="spinner_circle part5"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(225deg) translate(6px, 0px); transform: rotate(225deg) translate(6px, 0px);" class="spinner_circle part6"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(270deg) translate(6px, 0px); transform: rotate(270deg) translate(6px, 0px);" class="spinner_circle part7"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(315deg) translate(6px, 0px); transform: rotate(315deg) translate(6px, 0px);" class="spinner_circle part8"></div></div></div> </div> <a href="/DIRECTV-Soccer-Spectacular" data-id="9034835" rel="history"> <div class="thumb_image" name=""> <img src="https://payload.cargocollective.com/1/17/560033/9034835/prt_700x394_1418327851.jpg" width="700" height="394" > </div> <div class="thumb_title"> <span> DIRECTV Soccer Spectacular</span> </div> </a> </div> <div class="thumbnail" id="item_11296952" name="11296952" data-setid="9034745"> <div class="loading" data-loading="11296952"> <div class="retinaSpinner loading"><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(0deg) translate(6px, 0px); transform: rotate(0deg) translate(6px, 0px);" class="spinner_circle part1"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(45deg) translate(6px, 0px); transform: rotate(45deg) translate(6px, 0px);" class="spinner_circle part2"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(90deg) translate(6px, 0px); transform: rotate(90deg) translate(6px, 0px);" class="spinner_circle part3"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(135deg) translate(6px, 0px); transform: rotate(135deg) translate(6px, 0px);" class="spinner_circle part4"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(180deg) translate(6px, 0px); transform: rotate(180deg) translate(6px, 0px);" class="spinner_circle part5"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(225deg) translate(6px, 0px); transform: rotate(225deg) translate(6px, 0px);" class="spinner_circle part6"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(270deg) translate(6px, 0px); transform: rotate(270deg) translate(6px, 0px);" class="spinner_circle part7"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(315deg) translate(6px, 0px); transform: rotate(315deg) translate(6px, 0px);" class="spinner_circle part8"></div></div></div> </div> <a href="/The-Raven" data-id="11296952" rel="history"> <div class="thumb_image" name=""> <img src="https://payload.cargocollective.com/1/17/560033/11296952/prt_700x394_1458854038.png" width="700" height="394" data-hi-res="https://payload.cargocollective.com/1/17/560033/11296952/prt_700x394_1458854038_2x.png" > </div> <div class="thumb_title"> <span>The Raven</span> </div> </a> </div> <div class="thumbnail" id="item_11296935" name="11296935" data-setid="9034745"> <div class="loading" data-loading="11296935"> <div class="retinaSpinner loading"><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(0deg) translate(6px, 0px); transform: rotate(0deg) translate(6px, 0px);" class="spinner_circle part1"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(45deg) translate(6px, 0px); transform: rotate(45deg) translate(6px, 0px);" class="spinner_circle part2"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(90deg) translate(6px, 0px); transform: rotate(90deg) translate(6px, 0px);" class="spinner_circle part3"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(135deg) translate(6px, 0px); transform: rotate(135deg) translate(6px, 0px);" class="spinner_circle part4"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(180deg) translate(6px, 0px); transform: rotate(180deg) translate(6px, 0px);" class="spinner_circle part5"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(225deg) translate(6px, 0px); transform: rotate(225deg) translate(6px, 0px);" class="spinner_circle part6"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(270deg) translate(6px, 0px); transform: rotate(270deg) translate(6px, 0px);" class="spinner_circle part7"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(315deg) translate(6px, 0px); transform: rotate(315deg) translate(6px, 0px);" class="spinner_circle part8"></div></div></div> </div> <a href="/Killer-Joe" data-id="11296935" rel="history"> <div class="thumb_image" name=""> <img src="https://payload.cargocollective.com/1/17/560033/11296935/prt_700x394_1458853780.png" width="700" height="394" data-hi-res="https://payload.cargocollective.com/1/17/560033/11296935/prt_700x394_1458853780_2x.png" > </div> <div class="thumb_title"> <span>Killer Joe</span> </div> </a> </div> </div> <div class="show_index" style="display: none;"> <a href="https://madlovemedia.net" rel="show_index">Index</a> </div> <div id="autopaginate_loader" class="moreload" data-view="Autopaginate" data-preload_distance="500"> <div class="retinaSpinner loading"><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(0deg) translate(6px, 0px); transform: rotate(0deg) translate(6px, 0px);" class="spinner_circle part1"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(45deg) translate(6px, 0px); transform: rotate(45deg) translate(6px, 0px);" class="spinner_circle part2"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(90deg) translate(6px, 0px); transform: rotate(90deg) translate(6px, 0px);" class="spinner_circle part3"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(135deg) translate(6px, 0px); transform: rotate(135deg) translate(6px, 0px);" class="spinner_circle part4"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(180deg) translate(6px, 0px); transform: rotate(180deg) translate(6px, 0px);" class="spinner_circle part5"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(225deg) translate(6px, 0px); transform: rotate(225deg) translate(6px, 0px);" class="spinner_circle part6"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(270deg) translate(6px, 0px); transform: rotate(270deg) translate(6px, 0px);" class="spinner_circle part7"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(315deg) translate(6px, 0px); transform: rotate(315deg) translate(6px, 0px);" class="spinner_circle part8"></div></div></div> </div> </body> </html>