Oldiest but goldiest December 6, 2014/in Filmulete /by eduardOldiest but goldiest <div class='av-share-box'><h5 class='av-share-link-description'>Share this entry</h5><ul class='av-share-box-list noLightbox'><li class='av-share-link av-social-link-facebook' ><a target='_blank' href='http://www.facebook.com/sharer.php?u=https://thundernet.us/2014/12/06/oldiest-but-goldiest/&t=Oldiest%20but%20goldiest' aria-hidden='true' data-av_icon='' data-av_iconfont='entypo-fontello' title='' data-avia-related-tooltip='Share on Facebook'><span class='avia_hidden_link_text'>Share on Facebook</span></a></li><li class='av-share-link av-social-link-twitter' ><a target='_blank' href='https://twitter.com/share?text=Oldiest%20but%20goldiest&url=https://thundernet.us/?p=906' aria-hidden='true' data-av_icon='' data-av_iconfont='entypo-fontello' title='' data-avia-related-tooltip='Share on Twitter'><span class='avia_hidden_link_text'>Share on Twitter</span></a></li><li class='av-share-link av-social-link-gplus' ><a target='_blank' href='https://plus.google.com/share?url=https://thundernet.us/2014/12/06/oldiest-but-goldiest/' aria-hidden='true' data-av_icon='' data-av_iconfont='entypo-fontello' title='' data-avia-related-tooltip='Share on Google+'><span class='avia_hidden_link_text'>Share on Google+</span></a></li><li class='av-share-link av-social-link-pinterest' ><a target='_blank' href='http://pinterest.com/pin/create/button/?url=https%3A%2F%2Fthundernet.us%2F2014%2F12%2F06%2Foldiest-but-goldiest%2F&description=Oldiest%20but%20goldiest&media=' aria-hidden='true' data-av_icon='' data-av_iconfont='entypo-fontello' title='' data-avia-related-tooltip='Share on Pinterest'><span class='avia_hidden_link_text'>Share on Pinterest</span></a></li><li class='av-share-link av-social-link-linkedin' ><a target='_blank' href='http://linkedin.com/shareArticle?mini=true&title=Oldiest%20but%20goldiest&url=https://thundernet.us/2014/12/06/oldiest-but-goldiest/' aria-hidden='true' data-av_icon='' data-av_iconfont='entypo-fontello' title='' data-avia-related-tooltip='Share on Linkedin'><span class='avia_hidden_link_text'>Share on Linkedin</span></a></li><li class='av-share-link av-social-link-tumblr' ><a target='_blank' href='http://www.tumblr.com/share/link?url=https%3A%2F%2Fthundernet.us%2F2014%2F12%2F06%2Foldiest-but-goldiest%2F&name=Oldiest%20but%20goldiest&description=Oldiest%20but%20goldiest' aria-hidden='true' data-av_icon='' data-av_iconfont='entypo-fontello' title='' data-avia-related-tooltip='Share on Tumblr'><span class='avia_hidden_link_text'>Share on Tumblr</span></a></li><li class='av-share-link av-social-link-vk' ><a target='_blank' href='http://vk.com/share.php?url=https://thundernet.us/2014/12/06/oldiest-but-goldiest/' aria-hidden='true' data-av_icon='' data-av_iconfont='entypo-fontello' title='' data-avia-related-tooltip='Share on Vk'><span class='avia_hidden_link_text'>Share on Vk</span></a></li><li class='av-share-link av-social-link-reddit' ><a target='_blank' href='http://reddit.com/submit?url=https://thundernet.us/2014/12/06/oldiest-but-goldiest/&title=Oldiest%20but%20goldiest' aria-hidden='true' data-av_icon='' data-av_iconfont='entypo-fontello' title='' data-avia-related-tooltip='Share on Reddit'><span class='avia_hidden_link_text'>Share on Reddit</span></a></li><li class='av-share-link av-social-link-mail' ><a href='mailto:?subject=Oldiest%20but%20goldiest&body=https://thundernet.us/2014/12/06/oldiest-but-goldiest/' aria-hidden='true' data-av_icon='' data-av_iconfont='entypo-fontello' title='' data-avia-related-tooltip='Share by Mail'><span class='avia_hidden_link_text'>Share by Mail</span></a></li></ul></div></footer><div class='post_delimiter'></div></div><div class='post_author_timeline'></div><span class='hidden'> <span class='av-structured-data' itemscope="itemscope" itemtype="https://schema.org/ImageObject" itemprop='image'> <span itemprop='url' >https://thundernet.us/wp-content/uploads/2018/10/site_logo-thn-300x212.png</span> <span itemprop='height' >0</span> <span itemprop='width' >0</span> </span><span class='av-structured-data' itemprop="publisher" itemtype="https://schema.org/Organization" itemscope="itemscope" > <span itemprop='name'>eduard</span> <span itemprop='logo' itemscope itemtype='http://schema.org/ImageObject'> <span itemprop='url'>https://thundernet.us/wp-content/uploads/2018/10/site_logo-thn-300x212.png</span> </span> </span><span class='av-structured-data' itemprop="author" itemscope="itemscope" itemtype="https://schema.org/Person" ><span itemprop='name'>eduard</span></span><span class='av-structured-data' itemprop="datePublished" datetime="2014-12-06T18:58:56+00:00" >2014-12-06 18:58:56</span><span class='av-structured-data' itemprop="dateModified" itemtype="https://schema.org/dateModified" >2014-12-06 18:58:56</span><span class='av-structured-data' itemprop="mainEntityOfPage" itemtype="https://schema.org/mainEntityOfPage" ><span itemprop='name'>Oldiest but goldiest</span></span></span></article><div class='single-big'></div> <div class='comment-entry post-entry'> </div> <!--end content--> </main> <aside class='sidebar sidebar_right alpha units' role="complementary" itemscope="itemscope" itemtype="https://schema.org/WPSideBar" ><div class='inner_sidebar extralight-border'><section id="archives-4" class="widget clearfix widget_archive"><h3 class="widgettitle">Archive</h3> <ul> <li><a href='https://thundernet.us/2018/11/'>November 2018</a></li> <li><a href='https://thundernet.us/2018/10/'>October 2018</a></li> <li><a href='https://thundernet.us/2016/11/'>November 2016</a></li> <li><a href='https://thundernet.us/2016/10/'>October 2016</a></li> <li><a href='https://thundernet.us/2014/12/'>December 2014</a></li> <li><a href='https://thundernet.us/2014/10/'>October 2014</a></li> <li><a href='https://thundernet.us/2014/09/'>September 2014</a></li> </ul> <span class="seperator extralight-border"></span></section><section id="categories-4" class="widget clearfix widget_categories"><h3 class="widgettitle">Categories</h3> <ul> <li class="cat-item cat-item-27"><a href="https://thundernet.us/category/relax/bancuri/" title="Sa ne relaxam.">Bancuri</a> </li> <li class="cat-item cat-item-28"><a href="https://thundernet.us/category/relax/monden/" title="Monden.">Filmulete</a> </li> </ul> <span class="seperator extralight-border"></span></section><section id="avia_fb_likebox-2" class="widget clearfix avia_fb_likebox"><h3 class="widgettitle">Facebook</h3><div class='av_facebook_widget_wrap ' ><div class="fb-page" data-width="500" data-href="https://www.facebook.com/Thunder-Net-1779408628983348/" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true" data-show-posts="false"><div class="fb-xfbml-parse-ignore"></div></div></div><span class="seperator extralight-border"></span></section></div></aside> </div><!--end container--> </div><!-- close default .container_wrap element --> <div class='container_wrap footer_color' id='footer'> <div class='container'> <div class='flex_column av_one_third first el_before_av_one_third'><section id="text-3" class="widget clearfix widget_text"><h3 class="widgettitle">0728.86.86.46</h3> <div class="textwidget"></div> <span class="seperator extralight-border"></span></section></div><div class='flex_column av_one_third el_after_av_one_third el_before_av_one_third '><section id="text-4" class="widget clearfix widget_text"><h3 class="widgettitle">admin@thundernet.us</h3> <div class="textwidget"><p>admin@thundernet.us</p> </div> <span class="seperator extralight-border"></span></section></div><div class='flex_column av_one_third el_after_av_one_third el_before_av_one_third '><section id="text-5" class="widget clearfix widget_text"> <div class="textwidget"><p>Mo-Fr: 8:00-22:00<br /> Sa: 8:00-24:00<br /> So: 8:00-14:00</p> </div> <span class="seperator extralight-border"></span></section><section id="text-6" class="widget clearfix widget_text"> <div class="textwidget"><script src="http://t1.extreme-dm.com/f.js" id="eXF-thundern-1" async defer></script></div> <span class="seperator extralight-border"></span></section></div> </div> <!-- ####### END FOOTER CONTAINER ####### --> </div> <footer class='container_wrap socket_color' id='socket' role="contentinfo" itemscope="itemscope" itemtype="https://schema.org/WPFooter" > <div class='container'> <span class='copyright'></span> <ul class='noLightbox social_bookmarks icon_count_3'><li class='social_bookmarks_facebook av-social-link-facebook social_icon_1'><a target='_blank' href='https://www.facebook.com/Thunder-Net-1779408628983348/' aria-hidden='true' data-av_icon='' data-av_iconfont='entypo-fontello' title='Facebook'><span class='avia_hidden_link_text'>Facebook</span></a></li><li class='social_bookmarks_mail av-social-link-mail social_icon_2'><a href='https://thundernet.us/contact/' aria-hidden='true' data-av_icon='' data-av_iconfont='entypo-fontello' title='Mail'><span class='avia_hidden_link_text'>Mail</span></a></li></ul> </div> <!-- ####### END SOCKET CONTAINER ####### --> </footer> <!-- end main --> </div> <a class='avia-post-nav avia-post-prev without-image' href='https://thundernet.us/2014/12/05/pescuit/' > <span class='label iconfont' aria-hidden='true' data-av_icon='' data-av_iconfont='entypo-fontello'></span> <span class='entry-info-wrap'> <span class='entry-info'> <span class='entry-title'>Pescuit</span> </span> </span></a><a class='avia-post-nav avia-post-next without-image' href='https://thundernet.us/2014/12/06/o-melodie-nemuritoare/' > <span class='label iconfont' aria-hidden='true' data-av_icon='' data-av_iconfont='entypo-fontello'></span> <span class='entry-info-wrap'> <span class='entry-info'> <span class='entry-title'>O melodie nemuritoare</span> </span> </span></a><!-- end wrap_all --></div> <a href="tel:0728868646" id="callnowbutton" >Suna Acum</a> <!--facebook like and share js --> <div id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.5"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> <script> jQuery( document ).scroll(function( $ ) { var y = jQuery(this).scrollTop(); if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) { if(jQuery(window).scrollTop() + jQuery(window).height() >= jQuery(document).height()-100) { jQuery('.sfsi_plus_outr_div').css({'z-index':'9996',opacity:1,top:jQuery(window).scrollTop()+"px",position:"absolute"}); jQuery('.sfsi_plus_outr_div').fadeIn(200); jQuery('.sfsi_plus_FrntInner').fadeIn(200); } else { jQuery('.sfsi_plus_outr_div').fadeOut(); jQuery('.sfsi_plus_FrntInner').fadeOut(); } } else { if(jQuery(window).scrollTop() + jQuery(window).height() >= jQuery(document).height()-3) { jQuery('.sfsi_plus_outr_div').css({'z-index':'9996',opacity:1,top:jQuery(window).scrollTop()+200+"px",position:"absolute"}); jQuery('.sfsi_plus_outr_div').fadeIn(200); jQuery('.sfsi_plus_FrntInner').fadeIn(200); } else { jQuery('.sfsi_plus_outr_div').fadeOut(); jQuery('.sfsi_plus_FrntInner').fadeOut(); } } }); </script> <style type="text/css">#sfsi_plus_floater { margin-bottom:0px;margin-right:0px; }</style><div class="sfsiplus_norm_row sfsi_plus_wDiv" id="sfsi_plus_floater" style="z-index: 9999;width:225px;text-align:left;position:absolute;position:absolute;right:30px;bottom:0px"><div style='width:40px; height:40px;margin-left:5px;margin-bottom:5px;' class='sfsi_plus_wicons shuffeldiv '><div class='sfsiplus_inerCnt'><a class=' sficn' effect='' href='javascript:void(0);' style='opacity:1' ><img alt='Facebook' title='Facebook' src='https://thundernet.us/wp-content/plugins/ultimate-social-media-plus/images/icons_theme/default/default_fb.png' width='40' height='40' style='' class='sfcm sfsi_wicon' effect='' /></a><div class="sfsi_plus_tool_tip_2 sfsi_plus_fb_tool_bdr sfsi_plus_Tlleft" style="width:62px ;opacity:0;z-index:-1;" id="sfsiplusid_facebook"><span class="bot_arow bot_fb_arow"></span><div class="sfsi_plus_inside"><div class='icon2'><fb:like href="https://thundernet.us/2014/12/06/oldiest-but-goldiest" width="180" send="false" showfaces="false" layout="button" action="like"></fb:like></div><div class='icon3'><fb:share-button href="https://thundernet.us/2014/12/06/oldiest-but-goldiest" width="140" type="button"></fb:share-button></div></div></div></div></div></div ><input type='hidden' id='sfsi_plus_floater_sec' value='bottom-right' /></div><script>jQuery(".sfsi_plus_widget").each(function( index ) { if(jQuery(this).attr("data-position") == "widget") { var wdgt_hght = jQuery(this).children(".sfsiplus_norm_row.sfsi_plus_wDiv").height(); var title_hght = jQuery(this).parent(".widget.sfsi_plus").children(".widget-title").height(); var totl_hght = parseInt( title_hght ) + parseInt( wdgt_hght ); jQuery(this).parent(".widget.sfsi_plus").css("min-height", totl_hght+"px"); } });jQuery( document ).ready(function( $ ) { sfsi_plus_float_widget('bottom')});</script> <style type="text/css" id="hustle-module-styles"> .wph-modal.module_id_1 .hustle-modal .hustle-modal-image{ background-color: #35414a; } .wph-modal.module_id_1 .hustle-modal .hustle-modal-image{ background-color: #35414a; } .wph-modal.module_id_1 .hustle-modal .hustle-modal-body{ background-color: #38454e; } .wph-modal.module_id_1 .hustle-modal .hustle-modal-message, .hustle-modal .hustle-gdpr-content{ color: #adb5b7; } .wph-modal.module_id_1 .hustle-modal .hustle-modal-message blockquote{ border-left-color: #38c5b5; } .wph-modal.module_id_1 .hustle-modal .hustle-modal-message a{ color: #38c5b5; } .wph-modal.module_id_1 .hustle-modal .hustle-modal-message a:hover { color: #49e2d1; } .wph-modal.module_id_1 .hustle-modal article a{ color: #38c5b5; } .wph-modal.module_id_1 .hustle-modal article a:hover { color: #49e2d1; } .wph-modal.module_id_1 .wpmudev-modal-mask{ background-color: rgba(51,51,51,0.9); } .wph-modal.module_id_1 .hustle-modal .hustle-modal-close svg path{ fill: #38c5b5; } .wph-modal.module_id_1 .hustle-modal .hustle-modal-close svg path:hover { fill: #49e2d1; } .wph-modal.module_id_1 .hustle-modal .hustle-modal-close svg path:active { fill: #49e2d1; } .wph-modal.module_id_1 .hustle-modal-image img{ object-position: center center; }</style> <script id="wpmudev-hustle-modal-with-optin-tpl" type="text/template"> <# var have_mc_group = !_.isEmpty( content.args ) && 'object' === typeof content.args.group, has_args = !_.isEmpty( content.args ) && 'object' === typeof content.args; if ( 'object' !== typeof content.form_elements && '' !== content.form_elements ) { content.form_elements = JSON.parse(content.form_elements); } #> <div class="hustle-modal hustle-modal-{{design.form_layout}} {{ ( ( '' !== settings.animation_in && 'no_animation' !== settings.animation_in ) || ( '' !== settings.animation_out && 'no_animation' !== settings.animation_out ) ) ? 'hustle-animated' : 'hustle-modal-static' }}"> <div class="hustle-modal-close" aria-label="Close modal"><svg width="150" height="150" viewBox="0 0 150 150" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" class="hustle-icon hustle-i_close" aria-hidden="true"><path d="M91.667 75L150 16.667 133.333 0 75 58.333 16.667 0 0 16.667 58.333 75 0 133.333 16.667 150 75 91.667 133.333 150 150 133.333 91.667 75z" fill-rule="evenodd"/></svg></div> <# if ( "show_success" === content.after_successful_submission ) { #> <div class="hustle-modal-success"> <div class="hustle-modal-success_icon" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="50" height="38" viewBox="0 0 50 38" preserveAspectRatio="none" class="hustle-icon hustle-i_checkmark"><path d="M45.114.46c-.61-.614-1.604-.614-2.21 0L19.607 23.65c-.61.618-1.607.618-2.213 0L7.186 13.254c-.302-.308-.698-.46-1.096-.462-.402-.002-.81.15-1.116.462L.464 17.31c-.3.307-.464.693-.464 1.095 0 .404.163.827.465 1.134l10.293 10.8c.608.617 1.606 1.617 2.213 2.23l4.426 4.46c.61.61 1.602.61 2.213 0L49.54 7.15c.61-.61.61-1.617 0-2.23L45.114.46z"/></svg></div> <div class="hustle-modal-success_message">{{{content.success_message}}}</div> </div> <# } #> <div class="hustle-modal-body<# if ( ( 'two' === design.form_layout || 'three' === design.form_layout ) && 'left' !== design.feature_image_position ) { #> hustle-modal-image_right<# } #><# if ( 'four' === design.form_layout && 'left' !== design.feature_image_position ) { #> hustle-modal-image_right<# } #>"> <# if ( 'one' === design.form_layout ) { #> <# if ( '' !== content.main_content || ( _.isTrue( content.use_feature_image ) && '' !== content.feature_image ) || ( _.isTrue( content.has_title ) && ( '' !== content.title || '' !== content.sub_title ) ) || ( _.isTrue( content.show_cta ) && '' !== content.cta_label ) ) { #> <section class="hustle-modal-image_{{ design.feature_image_position }}"> <# if ( ( 'left' === design.feature_image_position || 'above' === design.feature_image_position ) && _.isTrue( content.use_feature_image ) && '' !== content.feature_image ) { #> <div class="hustle-modal-image hustle-modal-image_{{ design.feature_image_fit }}<# if ( _.isTrue(content.feature_image_hide_on_mobile) ) { #> hustle-modal-mobile_hidden<# } #>"> <# if ( 'contain' === design.feature_image_fit || 'cover' === design.feature_image_fit ) { #> <# if ( 'custom' !== design.feature_image_horizontal || 'custom' !== design.feature_image_vertical ) { #> <img src="{{ content.feature_image }}" class="hustle-modal-image_{{ design.feature_image_horizontal }}{{ design.feature_image_vertical }}"> <# } else { #> <img src="{{ content.feature_image }}"> <# } #> <# } else { #> <img src="{{ content.feature_image }}"> <# } #> </div> <# } #> <# if ( ( _.isTrue( content.has_title ) && ( '' !== content.title || '' !== content.sub_title ) ) || '' !== content.main_content || ( _.isTrue( content.show_cta ) && '' !== content.cta_label ) ) { #> <article> <div class="hustle-modal-article"> <# if ( _.isTrue( content.has_title ) && ( '' !== content.title || '' !== content.sub_title ) ) { #> <hgroup> <# if ( '' !== content.title ) { #> <h1 class="hustle-modal-title">{{ content.title }}</h1> <# } #> <# if ( '' !== content.sub_title ) { #> <h2 class="hustle-modal-subtitle">{{ content.sub_title }}</h2> <# } #> </hgroup> <# } #> {{{ content.main_content }}} <# if ( _.isTrue( content.show_cta ) && ( '' !== content.cta_label && '' !== content.cta_url ) ) { #> <div class="hustle-modal-footer"> <a target="_{{ content.cta_target }}" href="{{ content.cta_url }}" class="hustle-modal-cta">{{ content.cta_label }}</a> </div> <# } #> </div> </article> <# } #> <# if ( ( 'right' === design.feature_image_position || 'below' === design.feature_image_position ) && _.isTrue( content.use_feature_image ) && '' !== content.feature_image ) { #> <div class="hustle-modal-image hustle-modal-image_{{ design.feature_image_fit }}<# if ( _.isTrue(content.feature_image_hide_on_mobile) ) { #> hustle-modal-mobile_hidden<# } #>"> <# if ( 'contain' === design.feature_image_fit || 'cover' === design.feature_image_fit ) { #> <# if ( 'custom' !== design.feature_image_horizontal || 'custom' !== design.feature_image_vertical ) { #> <img src="{{ content.feature_image }}" class="hustle-modal-image_{{ design.feature_image_horizontal }}{{ design.feature_image_vertical }}"> <# } else { #> <img src="{{ content.feature_image }}"> <# } #> <# } else { #> <img src="{{ content.feature_image }}"> <# } #> </div> <# } #> </section> <# } #> <footer> <form class="hustle-modal-optin_form {{ ( _.isTrue(have_mc_group) && 'hidden' !== content.args.group.type ) ? 'hustle-modal-optin_groups' : '' }} {{ ( 'separated' === design.form_fields_proximity ) ? 'hustle-modal-optin_separated' : '' }}" role="form"> <# if ( _.isTrue( have_mc_group ) && 'hidden' !== content.args.group.type ) { #><div class="hustle-modal-optin_group"><# } #> <# if ( 'undefined' !== typeof content.form_elements && !_.isEmpty( content.form_elements ) ) { #> <# _.each( content.form_elements, function( element, key ) { var element_type = element.type.toLowerCase(); if ( 'name' === element_type || 'address' === element_type || 'phone' === element_type ) { var input_type = 'text'; } else { var input_type = element_type; } #> <# if ( 'submit' !== key ) { #> <div class="hustle-modal-optin_field {{ ( 'none' !== design.form_fields_icon ) ? 'hustle-modal-field_with_icon' : '' }}"> <input name="{{key}}" class="{{ ( _.isTrue( element.required ) ) ? 'required' : '' }}" type="{{input_type}}" data-error="Please, provide {{element.label.toLowerCase()}}."> <label> <# if ( "none" !== design.form_fields_icon ) { #> <span class="hustle-modal-optin_icon{{ ( 'animated' === design.form_fields_icon ) ? ' hustle-modal-optin_animated' : '' }}"> <# if ( 'email' === element_type ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="11" viewBox="0 0 14 11" preserveAspectRatio="none" class="hustle-icon hustle-i_email"><path fill-rule="evenodd" d="M.206 1.112L7 7l6.793-5.887c.132.266.207.564.207.88v7.015c0 1.1-.897 1.992-2.006 1.992H2.006C.898 11 0 10.1 0 9.008V1.992c0-.316.074-.615.206-.88zM.94.305C1.247.112 1.613 0 2.005 0h9.988c.392 0 .757.112 1.066.306L7 5.5.94.305z"/></svg> <# } #> <# if ( 'name' === element_type ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="11" height="14" viewBox="0 0 11 14" preserveAspectRatio="none" class="hustle-icon hustle-i_user"><path fill-rule="evenodd" d="M1.632 6.785c.917 1.118 2.31 1.83 3.868 1.83 1.56 0 2.95-.712 3.868-1.83C10.376 7.533 11 8.787 11 10.8c0 2-2.75 2.5-5.5 2.5S0 12.8 0 10.8c0-2.013.624-3.267 1.632-4.015zM5.5 7C3.567 7 2 5.433 2 3.5S3.567 0 5.5 0 9 1.567 9 3.5 7.433 7 5.5 7z"/></svg> <# } #> <# if ( 'address' === element_type ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="10" height="15" viewBox="0 0 10 15" preserveAspectRatio="none" class="hustle-icon hustle-i_pin"><path fill-rule="evenodd" d="M5 0c2.442 0 5 1 5 4.5S6.178 12.904 5 15C3.805 12.904 0 8 0 4.5S2.54 0 5 0zm0 6.5c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2z"/></svg> <# } #> <# if ( 'phone' === element_type ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" preserveAspectRatio="none" class="hustle-icon hustle-i_phone"><path fill-rule="evenodd" d="M9.947 13.855s-2.94-1.157-5.795-4.01C1.3 6.99.14 4.046.14 4.046c-.28-.605-.125-1.48.347-1.953L2.38.204c.314-.316.746-.258.964.13l1.63 2.91c.218.39.14.96-.177 1.276l-.614.613s.903 1.495 2.044 2.637c1.142 1.14 2.58 1.986 2.58 1.986l.613-.613c.316-.316.886-.394 1.274-.174l2.968 1.68c.388.22.448.652.132.968l-1.892 1.89c-.473.475-1.35.638-1.955.347z"/></svg> <# } #> <# if ( 'text' === element_type ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="12" height="13" viewBox="0 0 12 13" preserveAspectRatio="none" class="hustle-icon hustle-i_text"><path fill-rule="evenodd" d="M7 10.928v-9.25h3l1 2.25h1l-.188-3.01c-.034-.547-.5-.955-1.062-.915 0 0-1.875.175-4.75.175S1.25.003 1.25.003C.698-.04.222.37.188.917L0 3.927h1l1-2.25h3v9.25l-2 1v1l3-.25 3 .25v-1l-2-1z"/></svg> <# } #> <# if ( 'number' === element_type ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 13 13" preserveAspectRatio="none" class="hustle-icon hustle-i_number"><path fill-rule="evenodd" d="M3 8V5H1c-.553 0-1-.444-1-1 0-.552.447-1 1-1h2V1c0-.553.444-1 1-1 .552 0 1 .447 1 1v2h3V1c0-.553.444-1 1-1 .552 0 1 .447 1 1v2h2c.553 0 1 .444 1 1 0 .552-.447 1-1 1h-2v3h2c.553 0 1 .444 1 1 0 .552-.447 1-1 1h-2v2c0 .553-.444 1-1 1-.552 0-1-.447-1-1v-2H5v2c0 .553-.444 1-1 1-.552 0-1-.447-1-1v-2H1c-.553 0-1-.444-1-1 0-.552.447-1 1-1h2zm2 0h3V5H5v3z"/></svg> <# } #> <# if ( 'url' === element_type ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="13" viewBox="0 0 16 13" preserveAspectRatio="none" class="hustle-icon hustle-i_url"><path fill-rule="evenodd" d="M0 2.003C0 .897.895 0 1.994 0h12.012C15.106 0 16 .894 16 2.003v8.994C16 12.103 15.105 13 14.006 13H1.994C.894 13 0 12.106 0 10.997V2.003zm1 0v8.994c0 .557.445 1.003.994 1.003h12.012c.547 0 .994-.45.994-1.003V2.003C15 1.446 14.555 1 14.006 1H1.994C1.447 1 1 1.45 1 2.003zm7 5.33V9H7V4h2c.557 0 1 .447 1 1v1c0 .557-.447 1-1 1h-.2L10 9H9L8 7.333zM8 5h.495c.28 0 .505.232.505.5 0 .276-.214.5-.505.5H8V5zM4.5 8c.268 0 .5-.22.5-.49V4h1v3.5C6 8.326 5.328 9 4.5 9 3.666 9 3 8.328 3 7.5V4h1v3.51c0 .275.224.49.5.49zM12 8h1v1h-1c-.556 0-1-.448-1-1V4h1v4z"/></svg> <# } #> <# if( _.isTrue( element.required ) ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" preserveAspectRatio="none" class="hustle-icon hustle-i_warning" style="display:none"><path fill-rule="evenodd" d="M9 18c-4.97 0-9-4.03-9-9s4.03-9 9-9 9 4.03 9 9-4.03 9-9 9zm.25-3c.69 0 1.25-.56 1.25-1.25s-.56-1.25-1.25-1.25S8 13.06 8 13.75 8.56 15 9.25 15zm-.018-4C8 11 7 3.5 9.232 3.5s1.232 7.5 0 7.5z"/></svg> <# } #> </span> <# } #> <span class="hustle-modal-optin_placeholder">{{ element.placeholder }}</span> </label> </div> <# } #> <# }); #> <# } #> <# if ( _.isTrue( have_mc_group ) && 'hidden' !== content.args.group.type ) { #></div><# } #> <# if ( _.isTrue( has_args ) ) { #><div class="hustle-modal-provider-args-container"></div><# } #> <# if ( 'undefined' !== typeof content.form_elements.submit && 'undefined' !== typeof content.form_elements.submit.label ) { #> <div class="hustle-modal-optin_button"> <button type="submit"> <span class="hustle-loading-text">{{ content.form_elements.submit.label }}</span> <span class="hustle-loading-icon"></span> </button> </div> <# } #> </form> <# if ( _.isTrue(content.show_gdpr) && '' !== content.gdpr_message ) { #> <div class="hustle-gdpr-box"> <label for="hustle-modal-gdpr-{{{module_id}}}" class="hustle-gdpr-checkbox"> <input type="checkbox" id="hustle-modal-gdpr-{{{module_id}}}" class="hustle-modal-gdpr"> <span aria-hidden="true"></span> </label> <div for="hustle-modal-gdpr-{{{module_id}}}" class="hustle-gdpr-content">{{{ content.gdpr_message }}}</div> </div> <# } #> </footer> <# } #> <# if ( 'two' === design.form_layout ) { #> <# if ( 'left' === design.feature_image_position && _.isTrue( content.use_feature_image ) && '' !== content.feature_image ) { #> <div class="hustle-modal-image hustle-modal-image_{{ design.feature_image_fit }}<# if ( _.isTrue(content.feature_image_hide_on_mobile) ) { #> hustle-modal-mobile_hidden<# } #>"> <# if ( 'contain' === design.feature_image_fit || 'cover' === design.feature_image_fit ) { #> <# if ( 'custom' !== design.feature_image_horizontal || 'custom' !== design.feature_image_vertical ) { #> <img src="{{ content.feature_image }}" class="hustle-modal-image_{{ design.feature_image_horizontal }}{{ design.feature_image_vertical }}"> <# } else { #> <img src="{{ content.feature_image }}"> <# } #> <# } else { #> <img src="{{ content.feature_image }}"> <# } #> </div> <# } #> <div class="hustle-modal-content"> <# if ( ( _.isTrue( content.has_title ) && ( '' !== content.title || '' !== content.sub_title ) ) || '' !== content.main_content || ( _.isTrue( content.show_cta ) && ( '' !== content.cta_label && '' !== content.cta_url ) ) ) { #> <section> <article> <div class="hustle-modal-article"> <# if ( _.isTrue( content.has_title ) && ( '' !== content.title || '' !== content.sub_title ) ) { #> <hgroup> <# if ( '' !== content.title ) { #> <h1 class="hustle-modal-title">{{ content.title }}</h1> <# } #> <# if ( '' !== content.sub_title ) { #> <h2 class="hustle-modal-subtitle">{{ content.sub_title }}</h2> <# } #> </hgroup> <# } #> {{{ content.main_content }}} <# if ( _.isTrue( content.show_cta ) && ( '' !== content.cta_label && '' !== content.cta_url ) ) { #> <div class="hustle-modal-footer"> <a target="_{{ content.cta_target }}" href="{{ content.cta_url }}" class="hustle-modal-cta">{{ content.cta_label }}</a> </div> <# } #> </div> </article> </section> <# } #> <footer> <form class="hustle-modal-optin_form {{ ( _.isTrue(have_mc_group) && 'hidden' !== content.args.group.type ) ? 'hustle-modal-optin_groups' : '' }} {{ ( 'separated' === design.form_fields_proximity ) ? 'hustle-modal-optin_separated' : '' }}" role="form"> <# if ( _.isTrue( have_mc_group ) && 'hidden' !== content.args.group.type ) { #><div class="hustle-modal-optin_group"><# } #> <# if ( 'undefined' !== typeof content.form_elements && !_.isEmpty( content.form_elements ) ) { #> <# _.each( content.form_elements, function( element, key ) { var element_type = element.type.toLowerCase(); if ( 'name' === element_type || 'address' === element_type || 'phone' === element_type ) { var input_type = 'text'; } else { var input_type = element_type; } #> <# if ( 'submit' !== key ) { #> <div class="hustle-modal-optin_field {{ ( 'none' !== design.form_fields_icon ) ? 'hustle-modal-field_with_icon' : '' }}"> <input name="{{key}}" class="{{ ( _.isTrue( element.required ) ) ? 'required' : '' }}" type="{{input_type}}" data-error="Please, provide {{element.label.toLowerCase()}}."> <label> <# if ( "none" !== design.form_fields_icon ) { #> <span class="hustle-modal-optin_icon{{ ( 'animated' === design.form_fields_icon ) ? ' hustle-modal-optin_animated' : '' }}"> <# if ( 'email' === element_type ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="11" viewBox="0 0 14 11" preserveAspectRatio="none" class="hustle-icon hustle-i_email"><path fill-rule="evenodd" d="M.206 1.112L7 7l6.793-5.887c.132.266.207.564.207.88v7.015c0 1.1-.897 1.992-2.006 1.992H2.006C.898 11 0 10.1 0 9.008V1.992c0-.316.074-.615.206-.88zM.94.305C1.247.112 1.613 0 2.005 0h9.988c.392 0 .757.112 1.066.306L7 5.5.94.305z"/></svg> <# } #> <# if ( 'name' === element_type ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="11" height="14" viewBox="0 0 11 14" preserveAspectRatio="none" class="hustle-icon hustle-i_user"><path fill-rule="evenodd" d="M1.632 6.785c.917 1.118 2.31 1.83 3.868 1.83 1.56 0 2.95-.712 3.868-1.83C10.376 7.533 11 8.787 11 10.8c0 2-2.75 2.5-5.5 2.5S0 12.8 0 10.8c0-2.013.624-3.267 1.632-4.015zM5.5 7C3.567 7 2 5.433 2 3.5S3.567 0 5.5 0 9 1.567 9 3.5 7.433 7 5.5 7z"/></svg> <# } #> <# if ( 'address' === element_type ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="10" height="15" viewBox="0 0 10 15" preserveAspectRatio="none" class="hustle-icon hustle-i_pin"><path fill-rule="evenodd" d="M5 0c2.442 0 5 1 5 4.5S6.178 12.904 5 15C3.805 12.904 0 8 0 4.5S2.54 0 5 0zm0 6.5c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2z"/></svg> <# } #> <# if ( 'phone' === element_type ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" preserveAspectRatio="none" class="hustle-icon hustle-i_phone"><path fill-rule="evenodd" d="M9.947 13.855s-2.94-1.157-5.795-4.01C1.3 6.99.14 4.046.14 4.046c-.28-.605-.125-1.48.347-1.953L2.38.204c.314-.316.746-.258.964.13l1.63 2.91c.218.39.14.96-.177 1.276l-.614.613s.903 1.495 2.044 2.637c1.142 1.14 2.58 1.986 2.58 1.986l.613-.613c.316-.316.886-.394 1.274-.174l2.968 1.68c.388.22.448.652.132.968l-1.892 1.89c-.473.475-1.35.638-1.955.347z"/></svg> <# } #> <# if ( 'text' === element_type ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="12" height="13" viewBox="0 0 12 13" preserveAspectRatio="none" class="hustle-icon hustle-i_text"><path fill-rule="evenodd" d="M7 10.928v-9.25h3l1 2.25h1l-.188-3.01c-.034-.547-.5-.955-1.062-.915 0 0-1.875.175-4.75.175S1.25.003 1.25.003C.698-.04.222.37.188.917L0 3.927h1l1-2.25h3v9.25l-2 1v1l3-.25 3 .25v-1l-2-1z"/></svg> <# } #> <# if ( 'number' === element_type ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 13 13" preserveAspectRatio="none" class="hustle-icon hustle-i_number"><path fill-rule="evenodd" d="M3 8V5H1c-.553 0-1-.444-1-1 0-.552.447-1 1-1h2V1c0-.553.444-1 1-1 .552 0 1 .447 1 1v2h3V1c0-.553.444-1 1-1 .552 0 1 .447 1 1v2h2c.553 0 1 .444 1 1 0 .552-.447 1-1 1h-2v3h2c.553 0 1 .444 1 1 0 .552-.447 1-1 1h-2v2c0 .553-.444 1-1 1-.552 0-1-.447-1-1v-2H5v2c0 .553-.444 1-1 1-.552 0-1-.447-1-1v-2H1c-.553 0-1-.444-1-1 0-.552.447-1 1-1h2zm2 0h3V5H5v3z"/></svg> <# } #> <# if ( 'url' === element_type ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="13" viewBox="0 0 16 13" preserveAspectRatio="none" class="hustle-icon hustle-i_url"><path fill-rule="evenodd" d="M0 2.003C0 .897.895 0 1.994 0h12.012C15.106 0 16 .894 16 2.003v8.994C16 12.103 15.105 13 14.006 13H1.994C.894 13 0 12.106 0 10.997V2.003zm1 0v8.994c0 .557.445 1.003.994 1.003h12.012c.547 0 .994-.45.994-1.003V2.003C15 1.446 14.555 1 14.006 1H1.994C1.447 1 1 1.45 1 2.003zm7 5.33V9H7V4h2c.557 0 1 .447 1 1v1c0 .557-.447 1-1 1h-.2L10 9H9L8 7.333zM8 5h.495c.28 0 .505.232.505.5 0 .276-.214.5-.505.5H8V5zM4.5 8c.268 0 .5-.22.5-.49V4h1v3.5C6 8.326 5.328 9 4.5 9 3.666 9 3 8.328 3 7.5V4h1v3.51c0 .275.224.49.5.49zM12 8h1v1h-1c-.556 0-1-.448-1-1V4h1v4z"/></svg> <# } #> <# if( _.isTrue( element.required ) ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" preserveAspectRatio="none" class="hustle-icon hustle-i_warning" style="display:none"><path fill-rule="evenodd" d="M9 18c-4.97 0-9-4.03-9-9s4.03-9 9-9 9 4.03 9 9-4.03 9-9 9zm.25-3c.69 0 1.25-.56 1.25-1.25s-.56-1.25-1.25-1.25S8 13.06 8 13.75 8.56 15 9.25 15zm-.018-4C8 11 7 3.5 9.232 3.5s1.232 7.5 0 7.5z"/></svg> <# } #> </span> <# } #> <span class="hustle-modal-optin_placeholder">{{ element.placeholder }}</span> </label> </div> <# } #> <# }); #> <# } #> <# if ( _.isTrue( have_mc_group ) && 'hidden' !== content.args.group.type ) { #></div><# } #> <# if ( _.isTrue( has_args ) ) { #><div class="hustle-modal-provider-args-container"></div><# } #> <# if ( 'undefined' !== typeof content.form_elements.submit && 'undefined' !== typeof content.form_elements.submit.label ) { #> <div class="hustle-modal-optin_button"> <button type="submit"> <span class="hustle-loading-text">{{ content.form_elements.submit.label }}</span> <span class="hustle-loading-icon"></span> </button> </div> <# } #> </form> <# if ( _.isTrue(content.show_gdpr) && '' !== content.gdpr_message ) { #> <div class="hustle-gdpr-box"> <label for="hustle-modal-gdpr-{{{module_id}}}" class="hustle-gdpr-checkbox"> <input type="checkbox" id="hustle-modal-gdpr-{{{module_id}}}" class="hustle-modal-gdpr"> <span aria-hidden="true"></span> </label> <div for="hustle-modal-gdpr-{{{module_id}}}" class="hustle-gdpr-content">{{{ content.gdpr_message }}}</div> </div> <# } #> </footer> </div> <# if ( 'right' === design.feature_image_position && _.isTrue( content.use_feature_image ) && '' !== content.feature_image ) { #> <div class="hustle-modal-image hustle-modal-image_{{ design.feature_image_fit }}<# if ( _.isTrue(content.feature_image_hide_on_mobile) ) { #> hustle-modal-mobile_hidden<# } #>"> <# if ( 'contain' === design.feature_image_fit || 'cover' === design.feature_image_fit ) { #> <# if ( 'custom' !== design.feature_image_horizontal || 'custom' !== design.feature_image_vertical ) { #> <img src="{{ content.feature_image }}" class="hustle-modal-image_{{ design.feature_image_horizontal }}{{ design.feature_image_vertical }}"> <# } else { #> <img src="{{ content.feature_image }}"> <# } #> <# } else { #> <img src="{{ content.feature_image }}"> <# } #> </div> <# } #> <# } #> <# if ( 'three' === design.form_layout ) { #> <# if ( 'right' === design.feature_image_position ) { #> <footer class="hustle-modal-optin_wrap"> <div class="hui-modal-footer-wrap"> <form class="hustle-modal-optin_form {{ ( _.isTrue(have_mc_group) && 'hidden' !== content.args.group.type ) ? 'hustle-modal-optin_groups' : '' }} {{ ( 'separated' === design.form_fields_proximity ) ? 'hustle-modal-optin_separated' : '' }}" role="form"> <# if ( _.isTrue( have_mc_group ) && 'hidden' !== content.args.group.type ) { #><div class="hustle-modal-optin_group"><# } #> <# if ( 'undefined' !== typeof content.form_elements && !_.isEmpty( content.form_elements ) ) { #> <# _.each( content.form_elements, function( element, key ) { var element_type = element.type.toLowerCase(); if ( 'name' === element_type || 'address' === element_type || 'phone' === element_type ) { var input_type = 'text'; } else { var input_type = element_type; } #> <# if ( 'submit' !== key ) { #> <div class="hustle-modal-optin_field {{ ( 'none' !== design.form_fields_icon ) ? 'hustle-modal-field_with_icon' : '' }}"> <input name="{{key}}" class="{{ ( _.isTrue( element.required ) ) ? 'required' : '' }}" type="{{input_type}}" data-error="Please, provide {{element.label.toLowerCase()}}."> <label> <# if ( "none" !== design.form_fields_icon ) { #> <span class="hustle-modal-optin_icon{{ ( 'animated' === design.form_fields_icon ) ? ' hustle-modal-optin_animated' : '' }}"> <# if ( 'email' === element_type ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="11" viewBox="0 0 14 11" preserveAspectRatio="none" class="hustle-icon hustle-i_email"><path fill-rule="evenodd" d="M.206 1.112L7 7l6.793-5.887c.132.266.207.564.207.88v7.015c0 1.1-.897 1.992-2.006 1.992H2.006C.898 11 0 10.1 0 9.008V1.992c0-.316.074-.615.206-.88zM.94.305C1.247.112 1.613 0 2.005 0h9.988c.392 0 .757.112 1.066.306L7 5.5.94.305z"/></svg> <# } #> <# if ( 'name' === element_type ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="11" height="14" viewBox="0 0 11 14" preserveAspectRatio="none" class="hustle-icon hustle-i_user"><path fill-rule="evenodd" d="M1.632 6.785c.917 1.118 2.31 1.83 3.868 1.83 1.56 0 2.95-.712 3.868-1.83C10.376 7.533 11 8.787 11 10.8c0 2-2.75 2.5-5.5 2.5S0 12.8 0 10.8c0-2.013.624-3.267 1.632-4.015zM5.5 7C3.567 7 2 5.433 2 3.5S3.567 0 5.5 0 9 1.567 9 3.5 7.433 7 5.5 7z"/></svg> <# } #> <# if ( 'address' === element_type ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="10" height="15" viewBox="0 0 10 15" preserveAspectRatio="none" class="hustle-icon hustle-i_pin"><path fill-rule="evenodd" d="M5 0c2.442 0 5 1 5 4.5S6.178 12.904 5 15C3.805 12.904 0 8 0 4.5S2.54 0 5 0zm0 6.5c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2z"/></svg> <# } #> <# if ( 'phone' === element_type ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" preserveAspectRatio="none" class="hustle-icon hustle-i_phone"><path fill-rule="evenodd" d="M9.947 13.855s-2.94-1.157-5.795-4.01C1.3 6.99.14 4.046.14 4.046c-.28-.605-.125-1.48.347-1.953L2.38.204c.314-.316.746-.258.964.13l1.63 2.91c.218.39.14.96-.177 1.276l-.614.613s.903 1.495 2.044 2.637c1.142 1.14 2.58 1.986 2.58 1.986l.613-.613c.316-.316.886-.394 1.274-.174l2.968 1.68c.388.22.448.652.132.968l-1.892 1.89c-.473.475-1.35.638-1.955.347z"/></svg> <# } #> <# if ( 'text' === element_type ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="12" height="13" viewBox="0 0 12 13" preserveAspectRatio="none" class="hustle-icon hustle-i_text"><path fill-rule="evenodd" d="M7 10.928v-9.25h3l1 2.25h1l-.188-3.01c-.034-.547-.5-.955-1.062-.915 0 0-1.875.175-4.75.175S1.25.003 1.25.003C.698-.04.222.37.188.917L0 3.927h1l1-2.25h3v9.25l-2 1v1l3-.25 3 .25v-1l-2-1z"/></svg> <# } #> <# if ( 'number' === element_type ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 13 13" preserveAspectRatio="none" class="hustle-icon hustle-i_number"><path fill-rule="evenodd" d="M3 8V5H1c-.553 0-1-.444-1-1 0-.552.447-1 1-1h2V1c0-.553.444-1 1-1 .552 0 1 .447 1 1v2h3V1c0-.553.444-1 1-1 .552 0 1 .447 1 1v2h2c.553 0 1 .444 1 1 0 .552-.447 1-1 1h-2v3h2c.553 0 1 .444 1 1 0 .552-.447 1-1 1h-2v2c0 .553-.444 1-1 1-.552 0-1-.447-1-1v-2H5v2c0 .553-.444 1-1 1-.552 0-1-.447-1-1v-2H1c-.553 0-1-.444-1-1 0-.552.447-1 1-1h2zm2 0h3V5H5v3z"/></svg> <# } #> <# if ( 'url' === element_type ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="13" viewBox="0 0 16 13" preserveAspectRatio="none" class="hustle-icon hustle-i_url"><path fill-rule="evenodd" d="M0 2.003C0 .897.895 0 1.994 0h12.012C15.106 0 16 .894 16 2.003v8.994C16 12.103 15.105 13 14.006 13H1.994C.894 13 0 12.106 0 10.997V2.003zm1 0v8.994c0 .557.445 1.003.994 1.003h12.012c.547 0 .994-.45.994-1.003V2.003C15 1.446 14.555 1 14.006 1H1.994C1.447 1 1 1.45 1 2.003zm7 5.33V9H7V4h2c.557 0 1 .447 1 1v1c0 .557-.447 1-1 1h-.2L10 9H9L8 7.333zM8 5h.495c.28 0 .505.232.505.5 0 .276-.214.5-.505.5H8V5zM4.5 8c.268 0 .5-.22.5-.49V4h1v3.5C6 8.326 5.328 9 4.5 9 3.666 9 3 8.328 3 7.5V4h1v3.51c0 .275.224.49.5.49zM12 8h1v1h-1c-.556 0-1-.448-1-1V4h1v4z"/></svg> <# } #> <# if( _.isTrue( element.required ) ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" preserveAspectRatio="none" class="hustle-icon hustle-i_warning" style="display:none"><path fill-rule="evenodd" d="M9 18c-4.97 0-9-4.03-9-9s4.03-9 9-9 9 4.03 9 9-4.03 9-9 9zm.25-3c.69 0 1.25-.56 1.25-1.25s-.56-1.25-1.25-1.25S8 13.06 8 13.75 8.56 15 9.25 15zm-.018-4C8 11 7 3.5 9.232 3.5s1.232 7.5 0 7.5z"/></svg> <# } #> </span> <# } #> <span class="hustle-modal-optin_placeholder">{{ element.placeholder }}</span> </label> </div> <# } #> <# }); #> <# } #> <# if ( _.isTrue( have_mc_group ) && 'hidden' !== content.args.group.type ) { #></div><# } #> <# if ( _.isTrue( has_args ) ) { #><div class="hustle-modal-provider-args-container"></div><# } #> <# if ( 'undefined' !== typeof content.form_elements.submit && 'undefined' !== typeof content.form_elements.submit.label ) { #> <div class="hustle-modal-optin_button"> <button type="submit"> <span class="hustle-loading-text">{{ content.form_elements.submit.label }}</span> <span class="hustle-loading-icon"></span> </button> </div> <# } #> </form> <# if ( _.isTrue(content.show_gdpr) && '' !== content.gdpr_message ) { #> <div class="hustle-gdpr-box"> <label for="hustle-modal-gdpr-{{{module_id}}}" class="hustle-gdpr-checkbox"> <input type="checkbox" id="hustle-modal-gdpr-{{{module_id}}}" class="hustle-modal-gdpr"> <span aria-hidden="true"></span> </label> <div for="hustle-modal-gdpr-{{{module_id}}}" class="hustle-gdpr-content">{{{ content.gdpr_message }}}</div> </div> <# } #> </div> </footer> <# } #> <# if ( ( _.isTrue( content.has_title ) && ( '' !== content.title || '' !== content.sub_title ) ) || '' !== content.main_content || ( _.isTrue( content.show_cta ) && ( '' !== content.cta_label && '' !== content.cta_url ) ) || ( _.isTrue( content.use_feature_image ) && '' !== content.feature_image ) ) { #> <section> <# if ( _.isTrue( content.use_feature_image ) && '' !== content.feature_image ) { #> <div class="hustle-modal-image hustle-modal-image_{{ design.feature_image_fit }}<# if ( _.isTrue(content.feature_image_hide_on_mobile) ) { #> hustle-modal-mobile_hidden<# } #>"> <# if ( 'contain' === design.feature_image_fit || 'cover' === design.feature_image_fit ) { #> <# if ( 'custom' !== design.feature_image_horizontal || 'custom' !== design.feature_image_vertical ) { #> <img src="{{ content.feature_image }}" class="hustle-modal-image_{{ design.feature_image_horizontal }}{{ design.feature_image_vertical }}"> <# } else { #> <img src="{{ content.feature_image }}"> <# } #> <# } else { #> <img src="{{ content.feature_image }}"> <# } #> </div> <# } #> <# if ( ( _.isTrue( content.has_title ) && ( '' !== content.title || '' !== content.sub_title ) ) || '' !== content.main_content || ( _.isTrue( content.show_cta ) && '' !== content.cta_label ) ) { #> <article> <div class="hustle-modal-article"> <# if ( _.isTrue( content.has_title ) && ( '' !== content.title || '' !== content.sub_title ) ) { #> <hgroup> <# if ( '' !== content.title ) { #> <h1 class="hustle-modal-title">{{ content.title }}</h1> <# } #> <# if ( '' !== content.sub_title ) { #> <h2 class="hustle-modal-subtitle">{{ content.sub_title }}</h2> <# } #> </hgroup> <# } #> {{{ content.main_content }}} <# if ( _.isTrue( content.show_cta ) && ( '' !== content.cta_label && '' !== content.cta_url ) ) { #> <div class="hustle-modal-footer"> <a target="_{{ content.cta_target }}" href="{{ content.cta_url }}" class="hustle-modal-cta">{{ content.cta_label }}</a> </div> <# } #> </div> </article> <# } #> </section> <# } #> <# if ( 'left' === design.feature_image_position ) { #> <footer class="hustle-modal-optin_wrap"> <div class="hui-modal-footer-wrap"> <form class="hustle-modal-optin_form {{ ( _.isTrue(have_mc_group) && 'hidden' !== content.args.group.type ) ? 'hustle-modal-optin_groups' : '' }} {{ ( 'separated' === design.form_fields_proximity ) ? 'hustle-modal-optin_separated' : '' }}" role="form"> <# if ( _.isTrue( have_mc_group ) && 'hidden' !== content.args.group.type ) { #><div class="hustle-modal-optin_group"><# } #> <# if ( 'undefined' !== typeof content.form_elements && !_.isEmpty( content.form_elements ) ) { #> <# _.each( content.form_elements, function( element, key ) { var element_type = element.type.toLowerCase(); if ( 'name' === element_type || 'address' === element_type || 'phone' === element_type ) { var input_type = 'text'; } else { var input_type = element_type; } #> <# if ( 'submit' !== key ) { #> <div class="hustle-modal-optin_field {{ ( 'none' !== design.form_fields_icon ) ? 'hustle-modal-field_with_icon' : '' }}"> <input name="{{key}}" class="{{ ( _.isTrue( element.required ) ) ? 'required' : '' }}" type="{{input_type}}" data-error="Please, provide {{element.label.toLowerCase()}}."> <label> <# if ( "none" !== design.form_fields_icon ) { #> <span class="hustle-modal-optin_icon{{ ( 'animated' === design.form_fields_icon ) ? ' hustle-modal-optin_animated' : '' }}"> <# if ( 'email' === element_type ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="11" viewBox="0 0 14 11" preserveAspectRatio="none" class="hustle-icon hustle-i_email"><path fill-rule="evenodd" d="M.206 1.112L7 7l6.793-5.887c.132.266.207.564.207.88v7.015c0 1.1-.897 1.992-2.006 1.992H2.006C.898 11 0 10.1 0 9.008V1.992c0-.316.074-.615.206-.88zM.94.305C1.247.112 1.613 0 2.005 0h9.988c.392 0 .757.112 1.066.306L7 5.5.94.305z"/></svg> <# } #> <# if ( 'name' === element_type ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="11" height="14" viewBox="0 0 11 14" preserveAspectRatio="none" class="hustle-icon hustle-i_user"><path fill-rule="evenodd" d="M1.632 6.785c.917 1.118 2.31 1.83 3.868 1.83 1.56 0 2.95-.712 3.868-1.83C10.376 7.533 11 8.787 11 10.8c0 2-2.75 2.5-5.5 2.5S0 12.8 0 10.8c0-2.013.624-3.267 1.632-4.015zM5.5 7C3.567 7 2 5.433 2 3.5S3.567 0 5.5 0 9 1.567 9 3.5 7.433 7 5.5 7z"/></svg> <# } #> <# if ( 'address' === element_type ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="10" height="15" viewBox="0 0 10 15" preserveAspectRatio="none" class="hustle-icon hustle-i_pin"><path fill-rule="evenodd" d="M5 0c2.442 0 5 1 5 4.5S6.178 12.904 5 15C3.805 12.904 0 8 0 4.5S2.54 0 5 0zm0 6.5c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2z"/></svg> <# } #> <# if ( 'phone' === element_type ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" preserveAspectRatio="none" class="hustle-icon hustle-i_phone"><path fill-rule="evenodd" d="M9.947 13.855s-2.94-1.157-5.795-4.01C1.3 6.99.14 4.046.14 4.046c-.28-.605-.125-1.48.347-1.953L2.38.204c.314-.316.746-.258.964.13l1.63 2.91c.218.39.14.96-.177 1.276l-.614.613s.903 1.495 2.044 2.637c1.142 1.14 2.58 1.986 2.58 1.986l.613-.613c.316-.316.886-.394 1.274-.174l2.968 1.68c.388.22.448.652.132.968l-1.892 1.89c-.473.475-1.35.638-1.955.347z"/></svg> <# } #> <# if ( 'text' === element_type ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="12" height="13" viewBox="0 0 12 13" preserveAspectRatio="none" class="hustle-icon hustle-i_text"><path fill-rule="evenodd" d="M7 10.928v-9.25h3l1 2.25h1l-.188-3.01c-.034-.547-.5-.955-1.062-.915 0 0-1.875.175-4.75.175S1.25.003 1.25.003C.698-.04.222.37.188.917L0 3.927h1l1-2.25h3v9.25l-2 1v1l3-.25 3 .25v-1l-2-1z"/></svg> <# } #> <# if ( 'number' === element_type ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 13 13" preserveAspectRatio="none" class="hustle-icon hustle-i_number"><path fill-rule="evenodd" d="M3 8V5H1c-.553 0-1-.444-1-1 0-.552.447-1 1-1h2V1c0-.553.444-1 1-1 .552 0 1 .447 1 1v2h3V1c0-.553.444-1 1-1 .552 0 1 .447 1 1v2h2c.553 0 1 .444 1 1 0 .552-.447 1-1 1h-2v3h2c.553 0 1 .444 1 1 0 .552-.447 1-1 1h-2v2c0 .553-.444 1-1 1-.552 0-1-.447-1-1v-2H5v2c0 .553-.444 1-1 1-.552 0-1-.447-1-1v-2H1c-.553 0-1-.444-1-1 0-.552.447-1 1-1h2zm2 0h3V5H5v3z"/></svg> <# } #> <# if ( 'url' === element_type ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="13" viewBox="0 0 16 13" preserveAspectRatio="none" class="hustle-icon hustle-i_url"><path fill-rule="evenodd" d="M0 2.003C0 .897.895 0 1.994 0h12.012C15.106 0 16 .894 16 2.003v8.994C16 12.103 15.105 13 14.006 13H1.994C.894 13 0 12.106 0 10.997V2.003zm1 0v8.994c0 .557.445 1.003.994 1.003h12.012c.547 0 .994-.45.994-1.003V2.003C15 1.446 14.555 1 14.006 1H1.994C1.447 1 1 1.45 1 2.003zm7 5.33V9H7V4h2c.557 0 1 .447 1 1v1c0 .557-.447 1-1 1h-.2L10 9H9L8 7.333zM8 5h.495c.28 0 .505.232.505.5 0 .276-.214.5-.505.5H8V5zM4.5 8c.268 0 .5-.22.5-.49V4h1v3.5C6 8.326 5.328 9 4.5 9 3.666 9 3 8.328 3 7.5V4h1v3.51c0 .275.224.49.5.49zM12 8h1v1h-1c-.556 0-1-.448-1-1V4h1v4z"/></svg> <# } #> <# if( _.isTrue( element.required ) ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" preserveAspectRatio="none" class="hustle-icon hustle-i_warning" style="display:none"><path fill-rule="evenodd" d="M9 18c-4.97 0-9-4.03-9-9s4.03-9 9-9 9 4.03 9 9-4.03 9-9 9zm.25-3c.69 0 1.25-.56 1.25-1.25s-.56-1.25-1.25-1.25S8 13.06 8 13.75 8.56 15 9.25 15zm-.018-4C8 11 7 3.5 9.232 3.5s1.232 7.5 0 7.5z"/></svg> <# } #> </span> <# } #> <span class="hustle-modal-optin_placeholder">{{ element.placeholder }}</span> </label> </div> <# } #> <# }); #> <# } #> <# if ( _.isTrue( have_mc_group ) && 'hidden' !== content.args.group.type ) { #></div><# } #> <# if ( _.isTrue( has_args ) ) { #><div class="hustle-modal-provider-args-container"></div><# } #> <# if ( 'undefined' !== typeof content.form_elements.submit && 'undefined' !== typeof content.form_elements.submit.label ) { #> <div class="hustle-modal-optin_button"> <button type="submit"> <span class="hustle-loading-text">{{ content.form_elements.submit.label }}</span> <span class="hustle-loading-icon"></span> </button> </div> <# } #> </form> <# if ( _.isTrue(content.show_gdpr) && '' !== content.gdpr_message ) { #> <div class="hustle-gdpr-box"> <label for="hustle-modal-gdpr-{{{module_id}}}" class="hustle-gdpr-checkbox"> <input type="checkbox" id="hustle-modal-gdpr-{{{module_id}}}" class="hustle-modal-gdpr"> <span aria-hidden="true"></span> </label> <div for="hustle-modal-gdpr-{{{module_id}}}" class="hustle-gdpr-content">{{{ content.gdpr_message }}}</div> </div> <# } #> </div> </footer> <# } #> <# } #> <# if ( 'four' === design.form_layout ) { #> <# if ( 'left' === design.feature_image_position ) { #> <aside class="hui-modal-sidebar-{{ design.feature_image_fit }}"> <# if ( _.isTrue( content.use_feature_image ) && '' !== content.feature_image ) { #> <div class="hustle-modal-image hustle-modal-image_{{ design.feature_image_fit }}<# if ( _.isTrue(content.feature_image_hide_on_mobile) ) { #> hustle-modal-mobile_hidden<# } #>"> <# if ( 'contain' === design.feature_image_fit || 'cover' === design.feature_image_fit ) { #> <# if ( 'custom' !== design.feature_image_horizontal || 'custom' !== design.feature_image_vertical ) { #> <img src="{{ content.feature_image }}" class="hustle-modal-image_{{ design.feature_image_horizontal }}{{ design.feature_image_vertical }}"> <# } else { #> <img src="{{ content.feature_image }}"> <# } #> <# } else { #> <img src="{{ content.feature_image }}"> <# } #> </div> <# } #> <div class="hustle-modal-optin_wrap"> <div class="hui-modal-footer-wrap"> <form class="hustle-modal-optin_form {{ ( _.isTrue(have_mc_group) && 'hidden' !== content.args.group.type ) ? 'hustle-modal-optin_groups' : '' }} {{ ( 'separated' === design.form_fields_proximity ) ? 'hustle-modal-optin_separated' : '' }}" role="form"> <# if ( _.isTrue( have_mc_group ) && 'hidden' !== content.args.group.type ) { #><div class="hustle-modal-optin_group"><# } #> <# if ( 'undefined' !== typeof content.form_elements && !_.isEmpty( content.form_elements ) ) { #> <# _.each( content.form_elements, function( element, key ) { var element_type = element.type.toLowerCase(); if ( 'name' === element_type || 'address' === element_type || 'phone' === element_type ) { var input_type = 'text'; } else { var input_type = element_type; } #> <# if ( 'submit' !== key ) { #> <div class="hustle-modal-optin_field {{ ( 'none' !== design.form_fields_icon ) ? 'hustle-modal-field_with_icon' : '' }}"> <input name="{{key}}" class="{{ ( _.isTrue( element.required ) ) ? 'required' : '' }}" type="{{input_type}}" data-error="Please, provide {{element.label.toLowerCase()}}."> <label> <# if ( "none" !== design.form_fields_icon ) { #> <span class="hustle-modal-optin_icon{{ ( 'animated' === design.form_fields_icon ) ? ' hustle-modal-optin_animated' : '' }}"> <# if ( 'email' === element_type ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="11" viewBox="0 0 14 11" preserveAspectRatio="none" class="hustle-icon hustle-i_email"><path fill-rule="evenodd" d="M.206 1.112L7 7l6.793-5.887c.132.266.207.564.207.88v7.015c0 1.1-.897 1.992-2.006 1.992H2.006C.898 11 0 10.1 0 9.008V1.992c0-.316.074-.615.206-.88zM.94.305C1.247.112 1.613 0 2.005 0h9.988c.392 0 .757.112 1.066.306L7 5.5.94.305z"/></svg> <# } #> <# if ( 'name' === element_type ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="11" height="14" viewBox="0 0 11 14" preserveAspectRatio="none" class="hustle-icon hustle-i_user"><path fill-rule="evenodd" d="M1.632 6.785c.917 1.118 2.31 1.83 3.868 1.83 1.56 0 2.95-.712 3.868-1.83C10.376 7.533 11 8.787 11 10.8c0 2-2.75 2.5-5.5 2.5S0 12.8 0 10.8c0-2.013.624-3.267 1.632-4.015zM5.5 7C3.567 7 2 5.433 2 3.5S3.567 0 5.5 0 9 1.567 9 3.5 7.433 7 5.5 7z"/></svg> <# } #> <# if ( 'address' === element_type ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="10" height="15" viewBox="0 0 10 15" preserveAspectRatio="none" class="hustle-icon hustle-i_pin"><path fill-rule="evenodd" d="M5 0c2.442 0 5 1 5 4.5S6.178 12.904 5 15C3.805 12.904 0 8 0 4.5S2.54 0 5 0zm0 6.5c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2z"/></svg> <# } #> <# if ( 'phone' === element_type ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" preserveAspectRatio="none" class="hustle-icon hustle-i_phone"><path fill-rule="evenodd" d="M9.947 13.855s-2.94-1.157-5.795-4.01C1.3 6.99.14 4.046.14 4.046c-.28-.605-.125-1.48.347-1.953L2.38.204c.314-.316.746-.258.964.13l1.63 2.91c.218.39.14.96-.177 1.276l-.614.613s.903 1.495 2.044 2.637c1.142 1.14 2.58 1.986 2.58 1.986l.613-.613c.316-.316.886-.394 1.274-.174l2.968 1.68c.388.22.448.652.132.968l-1.892 1.89c-.473.475-1.35.638-1.955.347z"/></svg> <# } #> <# if ( 'text' === element_type ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="12" height="13" viewBox="0 0 12 13" preserveAspectRatio="none" class="hustle-icon hustle-i_text"><path fill-rule="evenodd" d="M7 10.928v-9.25h3l1 2.25h1l-.188-3.01c-.034-.547-.5-.955-1.062-.915 0 0-1.875.175-4.75.175S1.25.003 1.25.003C.698-.04.222.37.188.917L0 3.927h1l1-2.25h3v9.25l-2 1v1l3-.25 3 .25v-1l-2-1z"/></svg> <# } #> <# if ( 'number' === element_type ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 13 13" preserveAspectRatio="none" class="hustle-icon hustle-i_number"><path fill-rule="evenodd" d="M3 8V5H1c-.553 0-1-.444-1-1 0-.552.447-1 1-1h2V1c0-.553.444-1 1-1 .552 0 1 .447 1 1v2h3V1c0-.553.444-1 1-1 .552 0 1 .447 1 1v2h2c.553 0 1 .444 1 1 0 .552-.447 1-1 1h-2v3h2c.553 0 1 .444 1 1 0 .552-.447 1-1 1h-2v2c0 .553-.444 1-1 1-.552 0-1-.447-1-1v-2H5v2c0 .553-.444 1-1 1-.552 0-1-.447-1-1v-2H1c-.553 0-1-.444-1-1 0-.552.447-1 1-1h2zm2 0h3V5H5v3z"/></svg> <# } #> <# if ( 'url' === element_type ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="13" viewBox="0 0 16 13" preserveAspectRatio="none" class="hustle-icon hustle-i_url"><path fill-rule="evenodd" d="M0 2.003C0 .897.895 0 1.994 0h12.012C15.106 0 16 .894 16 2.003v8.994C16 12.103 15.105 13 14.006 13H1.994C.894 13 0 12.106 0 10.997V2.003zm1 0v8.994c0 .557.445 1.003.994 1.003h12.012c.547 0 .994-.45.994-1.003V2.003C15 1.446 14.555 1 14.006 1H1.994C1.447 1 1 1.45 1 2.003zm7 5.33V9H7V4h2c.557 0 1 .447 1 1v1c0 .557-.447 1-1 1h-.2L10 9H9L8 7.333zM8 5h.495c.28 0 .505.232.505.5 0 .276-.214.5-.505.5H8V5zM4.5 8c.268 0 .5-.22.5-.49V4h1v3.5C6 8.326 5.328 9 4.5 9 3.666 9 3 8.328 3 7.5V4h1v3.51c0 .275.224.49.5.49zM12 8h1v1h-1c-.556 0-1-.448-1-1V4h1v4z"/></svg> <# } #> <# if( _.isTrue( element.required ) ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" preserveAspectRatio="none" class="hustle-icon hustle-i_warning" style="display:none"><path fill-rule="evenodd" d="M9 18c-4.97 0-9-4.03-9-9s4.03-9 9-9 9 4.03 9 9-4.03 9-9 9zm.25-3c.69 0 1.25-.56 1.25-1.25s-.56-1.25-1.25-1.25S8 13.06 8 13.75 8.56 15 9.25 15zm-.018-4C8 11 7 3.5 9.232 3.5s1.232 7.5 0 7.5z"/></svg> <# } #> </span> <# } #> <span class="hustle-modal-optin_placeholder">{{ element.placeholder }}</span> </label> </div> <# } #> <# }); #> <# } #> <# if ( _.isTrue( have_mc_group ) && 'hidden' !== content.args.group.type ) { #></div><# } #> <# if ( _.isTrue( has_args ) ) { #><div class="hustle-modal-provider-args-container"></div><# } #> <# if ( 'undefined' !== typeof content.form_elements.submit && 'undefined' !== typeof content.form_elements.submit.label ) { #> <div class="hustle-modal-optin_button"> <button type="submit"> <span class="hustle-loading-text">{{ content.form_elements.submit.label }}</span> <span class="hustle-loading-icon"></span> </button> </div> <# } #> </form> <# if ( _.isTrue(content.show_gdpr) && '' !== content.gdpr_message ) { #> <div class="hustle-gdpr-box"> <label for="hustle-modal-gdpr-{{{module_id}}}" class="hustle-gdpr-checkbox"> <input type="checkbox" id="hustle-modal-gdpr-{{{module_id}}}" class="hustle-modal-gdpr"> <span aria-hidden="true"></span> </label> <div for="hustle-modal-gdpr-{{{module_id}}}" class="hustle-gdpr-content">{{{ content.gdpr_message }}}</div> </div> <# } #> </div> </div> </aside> <# } #> <# if ( ( _.isTrue( content.has_title ) && ( '' !== content.title || '' !== content.sub_title ) ) || '' !== content.main_content || ( _.isTrue( content.show_cta ) && ( '' !== content.cta_label && '' !== content.cta_url ) ) ) { #> <section class="hustle-modal-content"> <article> <div class="hustle-modal-article"> <# if ( _.isTrue( content.has_title ) && ( '' !== content.title || '' !== content.sub_title ) ) { #> <hgroup> <# if ( '' !== content.title ) { #> <h1 class="hustle-modal-title">{{ content.title }}</h1> <# } #> <# if ( '' !== content.sub_title ) { #> <h2 class="hustle-modal-subtitle">{{ content.sub_title }}</h2> <# } #> </hgroup> <# } #> {{{ content.main_content }}} <# if ( _.isTrue( content.show_cta ) && ( '' !== content.cta_label && '' !== content.cta_url ) ) { #> <div class="hustle-modal-footer"> <a target="_{{ content.cta_target }}" href="{{ content.cta_url }}" class="hustle-modal-cta">{{ content.cta_label }}</a> </div> <# } #> </div> </article> </section> <# } #> <# if ( 'right' === design.feature_image_position ) { #> <aside class="hui-modal-sidebar-{{ design.feature_image_fit }}"> <# if ( _.isTrue( content.use_feature_image ) && '' !== content.feature_image ) { #> <div class="hustle-modal-image hustle-modal-image_{{ design.feature_image_fit }}<# if ( _.isTrue(content.feature_image_hide_on_mobile) ) { #> hustle-modal-mobile_hidden<# } #>"> <# if ( 'contain' === design.feature_image_fit || 'cover' === design.feature_image_fit ) { #> <# if ( 'custom' !== design.feature_image_horizontal || 'custom' !== design.feature_image_vertical ) { #> <img src="{{ content.feature_image }}" class="hustle-modal-image_{{ design.feature_image_horizontal }}{{ design.feature_image_vertical }}"> <# } else { #> <img src="{{ content.feature_image }}"> <# } #> <# } else { #> <img src="{{ content.feature_image }}"> <# } #> </div> <# } #> <div class="hustle-modal-optin_wrap"> <div class="hui-modal-footer-wrap"> <form class="hustle-modal-optin_form {{ ( _.isTrue(have_mc_group) && 'hidden' !== content.args.group.type ) ? 'hustle-modal-optin_groups' : '' }} {{ ( 'separated' === design.form_fields_proximity ) ? 'hustle-modal-optin_separated' : '' }}" role="form"> <# if ( _.isTrue( have_mc_group ) && 'hidden' !== content.args.group.type ) { #><div class="hustle-modal-optin_group"><# } #> <# if ( 'undefined' !== typeof content.form_elements && !_.isEmpty( content.form_elements ) ) { #> <# _.each( content.form_elements, function( element, key ) { var element_type = element.type.toLowerCase(); if ( 'name' === element_type || 'address' === element_type || 'phone' === element_type ) { var input_type = 'text'; } else { var input_type = element_type; } #> <# if ( 'submit' !== key ) { #> <div class="hustle-modal-optin_field {{ ( 'none' !== design.form_fields_icon ) ? 'hustle-modal-field_with_icon' : '' }}"> <input name="{{key}}" class="{{ ( _.isTrue( element.required ) ) ? 'required' : '' }}" type="{{input_type}}" data-error="Please, provide {{element.label.toLowerCase()}}."> <label> <# if ( "none" !== design.form_fields_icon ) { #> <span class="hustle-modal-optin_icon{{ ( 'animated' === design.form_fields_icon ) ? ' hustle-modal-optin_animated' : '' }}"> <# if ( 'email' === element_type ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="11" viewBox="0 0 14 11" preserveAspectRatio="none" class="hustle-icon hustle-i_email"><path fill-rule="evenodd" d="M.206 1.112L7 7l6.793-5.887c.132.266.207.564.207.88v7.015c0 1.1-.897 1.992-2.006 1.992H2.006C.898 11 0 10.1 0 9.008V1.992c0-.316.074-.615.206-.88zM.94.305C1.247.112 1.613 0 2.005 0h9.988c.392 0 .757.112 1.066.306L7 5.5.94.305z"/></svg> <# } #> <# if ( 'name' === element_type ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="11" height="14" viewBox="0 0 11 14" preserveAspectRatio="none" class="hustle-icon hustle-i_user"><path fill-rule="evenodd" d="M1.632 6.785c.917 1.118 2.31 1.83 3.868 1.83 1.56 0 2.95-.712 3.868-1.83C10.376 7.533 11 8.787 11 10.8c0 2-2.75 2.5-5.5 2.5S0 12.8 0 10.8c0-2.013.624-3.267 1.632-4.015zM5.5 7C3.567 7 2 5.433 2 3.5S3.567 0 5.5 0 9 1.567 9 3.5 7.433 7 5.5 7z"/></svg> <# } #> <# if ( 'address' === element_type ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="10" height="15" viewBox="0 0 10 15" preserveAspectRatio="none" class="hustle-icon hustle-i_pin"><path fill-rule="evenodd" d="M5 0c2.442 0 5 1 5 4.5S6.178 12.904 5 15C3.805 12.904 0 8 0 4.5S2.54 0 5 0zm0 6.5c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2z"/></svg> <# } #> <# if ( 'phone' === element_type ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" preserveAspectRatio="none" class="hustle-icon hustle-i_phone"><path fill-rule="evenodd" d="M9.947 13.855s-2.94-1.157-5.795-4.01C1.3 6.99.14 4.046.14 4.046c-.28-.605-.125-1.48.347-1.953L2.38.204c.314-.316.746-.258.964.13l1.63 2.91c.218.39.14.96-.177 1.276l-.614.613s.903 1.495 2.044 2.637c1.142 1.14 2.58 1.986 2.58 1.986l.613-.613c.316-.316.886-.394 1.274-.174l2.968 1.68c.388.22.448.652.132.968l-1.892 1.89c-.473.475-1.35.638-1.955.347z"/></svg> <# } #> <# if ( 'text' === element_type ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="12" height="13" viewBox="0 0 12 13" preserveAspectRatio="none" class="hustle-icon hustle-i_text"><path fill-rule="evenodd" d="M7 10.928v-9.25h3l1 2.25h1l-.188-3.01c-.034-.547-.5-.955-1.062-.915 0 0-1.875.175-4.75.175S1.25.003 1.25.003C.698-.04.222.37.188.917L0 3.927h1l1-2.25h3v9.25l-2 1v1l3-.25 3 .25v-1l-2-1z"/></svg> <# } #> <# if ( 'number' === element_type ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 13 13" preserveAspectRatio="none" class="hustle-icon hustle-i_number"><path fill-rule="evenodd" d="M3 8V5H1c-.553 0-1-.444-1-1 0-.552.447-1 1-1h2V1c0-.553.444-1 1-1 .552 0 1 .447 1 1v2h3V1c0-.553.444-1 1-1 .552 0 1 .447 1 1v2h2c.553 0 1 .444 1 1 0 .552-.447 1-1 1h-2v3h2c.553 0 1 .444 1 1 0 .552-.447 1-1 1h-2v2c0 .553-.444 1-1 1-.552 0-1-.447-1-1v-2H5v2c0 .553-.444 1-1 1-.552 0-1-.447-1-1v-2H1c-.553 0-1-.444-1-1 0-.552.447-1 1-1h2zm2 0h3V5H5v3z"/></svg> <# } #> <# if ( 'url' === element_type ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="13" viewBox="0 0 16 13" preserveAspectRatio="none" class="hustle-icon hustle-i_url"><path fill-rule="evenodd" d="M0 2.003C0 .897.895 0 1.994 0h12.012C15.106 0 16 .894 16 2.003v8.994C16 12.103 15.105 13 14.006 13H1.994C.894 13 0 12.106 0 10.997V2.003zm1 0v8.994c0 .557.445 1.003.994 1.003h12.012c.547 0 .994-.45.994-1.003V2.003C15 1.446 14.555 1 14.006 1H1.994C1.447 1 1 1.45 1 2.003zm7 5.33V9H7V4h2c.557 0 1 .447 1 1v1c0 .557-.447 1-1 1h-.2L10 9H9L8 7.333zM8 5h.495c.28 0 .505.232.505.5 0 .276-.214.5-.505.5H8V5zM4.5 8c.268 0 .5-.22.5-.49V4h1v3.5C6 8.326 5.328 9 4.5 9 3.666 9 3 8.328 3 7.5V4h1v3.51c0 .275.224.49.5.49zM12 8h1v1h-1c-.556 0-1-.448-1-1V4h1v4z"/></svg> <# } #> <# if( _.isTrue( element.required ) ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" preserveAspectRatio="none" class="hustle-icon hustle-i_warning" style="display:none"><path fill-rule="evenodd" d="M9 18c-4.97 0-9-4.03-9-9s4.03-9 9-9 9 4.03 9 9-4.03 9-9 9zm.25-3c.69 0 1.25-.56 1.25-1.25s-.56-1.25-1.25-1.25S8 13.06 8 13.75 8.56 15 9.25 15zm-.018-4C8 11 7 3.5 9.232 3.5s1.232 7.5 0 7.5z"/></svg> <# } #> </span> <# } #> <span class="hustle-modal-optin_placeholder">{{ element.placeholder }}</span> </label> </div> <# } #> <# }); #> <# } #> <# if ( _.isTrue( have_mc_group ) && 'hidden' !== content.args.group.type ) { #></div><# } #> <# if ( _.isTrue( has_args ) ) { #><div class="hustle-modal-provider-args-container"></div><# } #> <# if ( 'undefined' !== typeof content.form_elements.submit && 'undefined' !== typeof content.form_elements.submit.label ) { #> <div class="hustle-modal-optin_button"> <button type="submit"> <span class="hustle-loading-text">{{ content.form_elements.submit.label }}</span> <span class="hustle-loading-icon"></span> </button> </div> <# } #> </form> <# if ( _.isTrue(content.show_gdpr) && '' !== content.gdpr_message ) { #> <div class="hustle-gdpr-box"> <label for="hustle-modal-gdpr-{{{module_id}}}" class="hustle-gdpr-checkbox"> <input type="checkbox" id="hustle-modal-gdpr-{{{module_id}}}" class="hustle-modal-gdpr"> <span aria-hidden="true"></span> </label> <div for="hustle-modal-gdpr-{{{module_id}}}" class="hustle-gdpr-content">{{{ content.gdpr_message }}}</div> </div> <# } #> </div> </div> </aside> <# } #> <# } #> </div> </div> </script> <script id="wpmudev-hustle-modal-without-optin-tpl" type="text/template"> <div class="hustle-modal hustle-modal-{{ design.style }}<# if ( ( _.isTrue( content.use_feature_image ) && 'none' === design.feature_image_fit ) && _.isFalse( content.has_title ) && '' === content.main_content && _.isFalse( content.show_gdpr ) && _.isFalse( content.show_cta ) ) { #> hustle-modal-image_only<# } #> {{ ( ( '' !== settings.animation_in && 'no_animation' !== settings.animation_in ) || ( '' !== settings.animation_out && 'no_animation' !== settings.animation_out ) ) ? 'hustle-animated' : 'hustle-modal-static' }}"> <# if ( 'simple' === design.style ) { #> <div class="hustle-modal-close" aria-hidden="true"><svg width="150" height="150" viewBox="0 0 150 150" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" class="hustle-icon hustle-i_close"><path d="M91.667 75L150 16.667 133.333 0 75 58.333 16.667 0 0 16.667 58.333 75 0 133.333 16.667 150 75 91.667 133.333 150 150 133.333 91.667 75z" fill-rule="evenodd"/></svg></div> <div class="hustle-modal-body hustle-modal-image_{{ design.feature_image_position }}"> <# if ( 'left' === design.feature_image_position && ( _.isTrue( content.use_feature_image ) && '' !== content.feature_image ) ) { #> <div class="hustle-modal-image hustle-modal-image_{{ design.feature_image_fit }}<# if ( _.isTrue( content.feature_image_hide_on_mobile ) ) { #> hustle-modal-mobile_hidden<# } #>"> <# if ( 'contain' === design.feature_image_fit || 'cover' === design.feature_image_fit ) { #> <# if ( 'custom' !== design.feature_image_horizontal || 'custom' !== design.feature_image_vertical ) { #> <img src="{{ content.feature_image }}" class="hustle-modal-image_{{ design.feature_image_horizontal }}{{ design.feature_image_vertical }}"> <# } else { #> <img src="{{ content.feature_image }}"> <# } #> <# } else { #> <img src="{{ content.feature_image }}"> <# } #> </div> <# } #> <# if ( content.main_content !== '' || ( _.isTrue( content.has_title ) && ( '' !== content.title || '' !== content.sub_title ) ) || ( _.isTrue( content.show_cta ) && ( '' !== content.cta_label && '' !== content.cta_url ) ) ) { #> <div class="hustle-modal-content"> <div class="hustle-modal-wrap--content"> <# if ( _.isTrue( content.has_title ) && ( '' !== content.title || '' !== content.sub_title ) ) { #> <header class="hustle-modal-header"> <# if ( '' !== content.title ) { #> <h1 class="hustle-modal-title">{{ content.title }}</h1> <# } #> <# if ( '' !== content.sub_title ) { #> <h2 class="hustle-modal-subtitle">{{ content.sub_title }}</h2> <# } #> </header> <# } #> <# if ( '' !== content.main_content ) { #> <div class="hustle-modal-message"> {{{ content.main_content }}} </div> <# } #> <# if ( ( _.isTrue( content.show_gdpr ) && '' !== content.gdpr_message ) || ( _.isTrue( content.show_cta ) && ( '' !== content.cta_label && '' !== content.cta_url ) ) ) { #> <div class="hustle-modal-footer"> <# if ( _.isTrue( content.show_cta ) && ( '' !== content.cta_label && '' !== content.cta_url ) ) { #> <a target="_{{ content.cta_target }}" href="{{ content.cta_url }}" class="hustle-modal-cta">{{ content.cta_label }}</a> <# } #> <# if ( _.isTrue( content.show_gdpr ) && '' !== content.gdpr_message ) { #> <div class="hustle-gdpr-box"> <label for="hustle-modal-gdpr-{{{module_id}}}" class="hustle-gdpr-checkbox"> <input type="checkbox" id="hustle-modal-gdpr-{{{module_id}}}" class="hustle-modal-gdpr"> <span aria-hidden="true"></span> </label> <div class="hustle-gdpr-content">{{{ content.gdpr_message }}}</div> </div> <# } #> </div> <# } #> </div> </div> <# } #> <# if ( 'right' === design.feature_image_position && ( _.isTrue( content.use_feature_image ) && '' !== content.feature_image ) ) { #> <div class="hustle-modal-image hustle-modal-image_{{ design.feature_image_fit }}<# if ( _.isTrue( content.feature_image_hide_on_mobile ) ) { #> hustle-modal-mobile_hidden<# } #>"> <# if ( 'contain' === design.feature_image_fit || 'cover' === design.feature_image_fit ) { #> <# if ( 'custom' !== design.feature_image_horizontal || 'custom' !== design.feature_image_vertical ) { #> <img src="{{ content.feature_image }}" class="hustle-modal-image_{{ design.feature_image_horizontal }}{{ design.feature_image_vertical }}"> <# } else { #> <img src="{{ content.feature_image }}"> <# } #> <# } else { #> <img src="{{ content.feature_image }}"> <# } #> </div> <# } #> </div> <# } #> <# if ( 'minimal' === design.style ) { #> <div class="hustle-modal-close" aria-hidden="true"><svg width="150" height="150" viewBox="0 0 150 150" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" class="hustle-icon hustle-i_close"><path d="M91.667 75L150 16.667 133.333 0 75 58.333 16.667 0 0 16.667 58.333 75 0 133.333 16.667 150 75 91.667 133.333 150 150 133.333 91.667 75z" fill-rule="evenodd"/></svg></div> <div class="hustle-modal-body hustle-modal-image_{{ design.feature_image_position }}"> <# if ( _.isTrue( content.has_title ) && ( '' !== content.title || '' !== content.sub_title ) ) { #> <header class="hustle-modal-header"> <# if ( '' !== content.title ) { #> <h1 class="hustle-modal-title">{{ content.title }}</h1> <# } #> <# if ( '' !== content.sub_title ) { #> <h2 class="hustle-modal-subtitle">{{ content.sub_title }}</h2> <# } #> </header> <# } #> <# if ( '' !== content.main_content || ( _.isTrue( content.use_feature_image ) && '' !== content.feature_image ) ) { #> <section class="hustle-modal-content"> <# if ( 'left' === design.feature_image_position && ( _.isTrue( content.use_feature_image ) && '' !== content.feature_image ) ) { #> <div class="hustle-modal-image hustle-modal-image_{{ design.feature_image_fit }}<# if ( _.isTrue( content.feature_image_hide_on_mobile ) ) { #> hustle-modal-mobile_hidden<# } #>"> <# if ( 'contain' === design.feature_image_fit || 'cover' === design.feature_image_fit ) { #> <# if ( 'custom' !== design.feature_image_horizontal || 'custom' !== design.feature_image_vertical ) { #> <img src="{{ content.feature_image }}" class="hustle-modal-image_{{ design.feature_image_horizontal }}{{ design.feature_image_vertical }}"> <# } else { #> <img src="{{ content.feature_image }}"> <# } #> <# } else { #> <img src="{{ content.feature_image }}"> <# } #> </div> <# } #> <# if ( '' !== content.main_content ) { #> <div class="hustle-modal-wrap--content"> <div class="hustle-modal-message">{{{ content.main_content }}}</div> </div> <# } #> <# if ( 'right' === design.feature_image_position && ( _.isTrue( content.use_feature_image ) && '' !== content.feature_image ) ) { #> <div class="hustle-modal-image hustle-modal-image_{{ design.feature_image_fit }}<# if ( _.isTrue( content.feature_image_hide_on_mobile ) ) { #> hustle-modal-mobile_hidden<# } #>"> <# if ( 'contain' === design.feature_image_fit || 'cover' === design.feature_image_fit ) { #> <# if ( 'custom' !== design.feature_image_horizontal || 'custom' !== design.feature_image_vertical ) { #> <img src="{{ content.feature_image }}" class="hustle-modal-image_{{ design.feature_image_horizontal }}{{ design.feature_image_vertical }}"> <# } else { #> <img src="{{ content.feature_image }}"> <# } #> <# } else { #> <img src="{{ content.feature_image }}"> <# } #> </div> <# } #> </section> <# } #> <# if ( ( _.isTrue( content.show_gdpr ) && '' !== content.gdpr_message ) || ( _.isTrue( content.show_cta ) && ( '' !== content.cta_label && '' !== content.cta_url ) ) ) { #> <footer class="hustle-modal-footer"> <# if ( _.isTrue( content.show_gdpr ) && '' !== content.gdpr_message ) { #> <div class="hustle-gdpr-box"> <label for="hustle-modal-gdpr-{{{module_id}}}" class="hustle-gdpr-checkbox"> <input type="checkbox" id="hustle-modal-gdpr-{{{module_id}}}" class="hustle-modal-gdpr"> <span aria-hidden="true"></span> </label> <div class="hustle-gdpr-content">{{{ content.gdpr_message }}}</div> </div> <# } #> <# if ( _.isTrue( content.show_cta ) && ( '' !== content.cta_label && '' !== content.cta_url ) ) { #> <a target="_{{ content.cta_target }}" href="{{ content.cta_url }}" class="hustle-modal-cta">{{ content.cta_label }}</a> <# } #> </footer> <# } #> </div> <# } #> <# if ( 'cabriolet' === design.style ) { #> <div class="hustle-modal-body hustle-modal-image_{{ design.feature_image_position }}"> <# if ( _.isTrue( content.has_title ) && ( '' !== content.title || '' !== content.sub_title ) ) { #><header class="hustle-modal-header hustle-modal-with-title"><# } else { #><header class="hustle-modal-header"><# } #> <div class="hustle-modal-close" aria-hidden="true"><svg width="150" height="150" viewBox="0 0 150 150" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" class="hustle-icon hustle-i_close"><path d="M91.667 75L150 16.667 133.333 0 75 58.333 16.667 0 0 16.667 58.333 75 0 133.333 16.667 150 75 91.667 133.333 150 150 133.333 91.667 75z" fill-rule="evenodd"/></svg></div> <# if ( _.isTrue( content.has_title ) && '' !== content.title ) { #> <h1 class="hustle-modal-title">{{ content.title }}</h1> <# } #> <# if ( _.isTrue( content.has_title ) && '' !== content.sub_title ) { #> <h2 class="hustle-modal-subtitle">{{ content.sub_title }}</h2> <# } #> </header> <# if ( '' !== content.main_content || ( _.isTrue( content.show_gdpr ) && '' !== content.gdpr_message ) || ( _.isTrue( content.use_feature_image ) && '' !== content.feature_image ) || ( _.isTrue( content.show_cta ) && ( '' !== content.cta_label && '' !== content.cta_url ) ) ) { #> <section class="hustle-modal-content"> <# if ( 'left' === design.feature_image_position && ( _.isTrue( content.use_feature_image ) && '' !== content.feature_image ) ) { #> <div class="hustle-modal-image hustle-modal-image_{{ design.feature_image_fit }}<# if ( _.isTrue( content.feature_image_hide_on_mobile ) ) { #> hustle-modal-mobile_hidden<# } #>"> <# if ( 'contain' === design.feature_image_fit || 'cover' === design.feature_image_fit ) { #> <# if ( 'custom' !== design.feature_image_horizontal || 'custom' !== design.feature_image_vertical ) { #> <img src="{{ content.feature_image }}" class="hustle-modal-image_{{ design.feature_image_horizontal }}{{ design.feature_image_vertical }}"> <# } else { #> <img src="{{ content.feature_image }}"> <# } #> <# } else { #> <img src="{{ content.feature_image }}"> <# } #> </div> <# } #> <# if ( '' !== content.main_content || ( _.isTrue( content.show_gdpr ) && '' !== content.gdpr_message ) || ( _.isTrue( content.show_cta ) && ( '' !== content.cta_label && '' !== content.cta_url ) ) ) { #> <div class="hustle-modal-wrap--content"> <div class="hustle-modal-align"> <# if ( '' !== content.main_content ) { #> <div class="hustle-modal-message">{{{ content.main_content }}}</div> <# } #> <# if ( ( _.isTrue( content.show_gdpr ) && '' !== content.gdpr_message ) || ( _.isTrue( content.show_cta ) && ( '' !== content.cta_label && '' !== content.cta_url ) ) ) { #> <div class="hustle-modal-footer"> <# if ( _.isTrue( content.show_cta ) && ( '' !== content.cta_label && '' !== content.cta_url ) ) { #> <a target="_{{ content.cta_target }}" href="{{ content.cta_url }}" class="hustle-modal-cta">{{ content.cta_label }}</a> <# } #> <# if ( _.isTrue( content.show_gdpr ) && '' !== content.gdpr_message ) { #> <div class="hustle-gdpr-box"> <label for="hustle-modal-gdpr-{{{module_id}}}" class="hustle-gdpr-checkbox"> <input type="checkbox" id="hustle-modal-gdpr-{{{module_id}}}" class="hustle-modal-gdpr"> <span aria-hidden="true"></span> </label> <div class="hustle-gdpr-content">{{{ content.gdpr_message }}}</div> </div> <# } #> </div> <# } #> </div> </div> <# } #> <# if ( 'right' === design.feature_image_position && ( _.isTrue( content.use_feature_image ) && '' !== content.feature_image ) ) { #> <div class="hustle-modal-image hustle-modal-image_{{ design.feature_image_fit }}<# if ( _.isTrue( content.feature_image_hide_on_mobile ) ) { #> hustle-modal-mobile_hidden<# } #>"> <# if ( 'contain' === design.feature_image_fit || 'cover' === design.feature_image_fit ) { #> <# if ( 'custom' !== design.feature_image_horizontal || 'custom' !== design.feature_image_vertical ) { #> <img src="{{ content.feature_image }}" class="hustle-modal-image_{{ design.feature_image_horizontal }}{{ design.feature_image_vertical }}"> <# } else { #> <img src="{{ content.feature_image }}"> <# } #> <# } else { #> <img src="{{ content.feature_image }}"> <# } #> </div> <# } #> </section> <# } #> </div> <# } #> </div> </script> <script id="hustle-sshare-front-tpl" type="text/template"> <div id="hustle-sshare-module-display" class="hustle-sshare-{{service_type}} hustle-sshare-{{module_display_type}} hustle-sshare-location-{{location_type}} hustle-sshare-module-id-{{module_id}}" > <# if ( 'floating_social' === module_display_type ) { #> <div class="hustle-shares-floating {{ ( _.isTrue(floating_social_animate_icons) ) ? 'hustle-shares-animated' : '' }}"> <# if ( !_.isEmpty(social_icons) ) { _.each( social_icons, function( icon, key ){ #> <a data-social="{{key}}" href="{{ ( 'custom' === service_type ) ? icon.link : '#' }}" {{ ( 'custom' === service_type ) ? 'target="_blank"' : '' }} class="hustle-social-icon hustle-social-icon-{{service_type}} hustle-social-icon-counter-{{click_counter}} hustle-icon-{{icon_style}} {{ ( _.isFalse(customize_colors) ) ? 'hustle-icon-' + key : '' }} {{ ( 'flat' === icon_style && ( 'native' === service_type && 'none' !== click_counter ) ) ? 'has-counter' : '' }} {{ ( 'native' === service_type && 'none' !== click_counter && _.isTrue(floating_inline_count) ) ? 'hustle-social-inline' : '' }}" aria-label="Share on <# if ( 'facebook' === key ) { #>Facebook<# } #><# if ( 'twitter' === key ) { #>Twitter<# } #><# if ( 'google' === key ) { #>Google Plus<# } #><# if ( 'pinterest' === key ) { #>Pinterest<# } #><# if ( 'reddit' === key ) { #>Reddit<# } #><# if ( 'linkedin' === key ) { #>Linkedin<# } #><# if ( 'vkontakte' === key ) { #>Vkontakte<# } #><# if ( 'fivehundredpx' === key ) { #>500px<# } #><# if ( 'houzz' === key ) { #>Houzz<# } #><# if ( 'instagram' === key ) { #>Instagram<# } #><# if ( 'twitch' === key ) { #>Twitch<# } #><# if ( 'youtube' === key ) { #>YouTube<# } #><# if ( 'telegram' === key ) { #>Telegram<# } #>"> <div class="hustle-icon-container" aria-hidden="true"> <# if ( 'facebook' === key ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="140" height="140" viewBox="0 0 140 140" preserveAspectRatio="none" class="hustle-icon hustle-i_facebook"><g fill="none" fill-rule="evenodd"><path fill="none" d="M0 0h140v140H0z"/><path class="hustle-icon-path" d="M53.937 140V66.316H39.2V44.21h14.737V29.475C53.937 9.962 61.173 0 83.41 0h18.422v22.105H90.78c-8.696 0-11.054 4.82-11.054 11.053V44.21h22.106l-3.685 22.106h-18.42V140h-25.79z"/></g></svg> <# } #> <# if ( 'twitter' === key ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="140" height="140" viewBox="0 0 140 140" preserveAspectRatio="none" class="hustle-icon hustle-i_twitter"><g fill="none" fill-rule="evenodd"><path fill="none" d="M0 0h140v140H0z"/><path class="hustle-icon-path" d="M140 27.243c-5.147 2.265-10.682 3.78-16.504 4.456 5.937-3.493 10.5-9.044 12.625-15.633-5.558 3.23-11.686 5.61-18.24 6.844-5.215-5.484-12.676-8.91-20.937-8.91C81.065 14 68.21 26.642 68.21 42.298c0 2.19.238 4.34.732 6.416C45.066 47.536 23.9 36.26 9.726 19.147c-2.446 4.2-3.88 9.06-3.88 14.24 0 9.81 5.066 18.48 12.792 23.53-4.728-.14-9.142-1.41-13.013-3.517-.04.107-.04.24-.04.37 0 13.705 9.93 25.11 23.076 27.714-2.413.642-4.94.996-7.56.996-1.87 0-2.907-.61-4.628-.947 3.648 11.242 12.14 18.704 24.707 18.95-9.793 7.578-19.462 12.355-32.944 12.355-2.314 0-6.004.255-8.236 0 12.7 8.02 27.788 13.185 44.037 13.185 52.816 0 81.715-43.09 81.715-80.463 0-1.236-.008-2.447-.074-3.65 5.6-4.002 10.468-8.992 14.322-14.667z"/></g></svg> <# } #> <# if ( 'google' === key ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="140" height="140" viewBox="0 0 140 140" preserveAspectRatio="none" class="hustle-icon hustle-i_google"><g fill="none" fill-rule="evenodd"><path fill="none" d="M0 0h140v140H0z"/><path class="hustle-icon-path" d="M.118 65.574C.5 42.667 21.56 22.606 44.468 23.37c10.975-.51 21.293 4.267 29.7 10.975-3.588 4.077-7.304 8.004-11.273 11.677-10.106-6.984-24.478-8.98-34.584-.913-14.455 9.998-15.114 33.606-1.208 44.368 13.523 12.272 39.083 6.18 42.82-12.61-8.47-.127-16.963 0-25.433-.276-.023-5.053-.044-10.105-.023-15.157 14.16-.042 28.32-.065 42.502.042.848 11.89-.723 24.542-8.026 34.37-11.06 15.562-33.266 20.105-50.59 13.44-17.387-6.625-29.7-24.99-28.236-43.713zm114.47-16.9h12.632c.02 4.226.042 8.472.085 12.696 4.225.044 8.47.044 12.695.086v12.632c-4.224.042-8.45.063-12.695.106-.043 4.245-.064 8.47-.085 12.695h-12.653c-.042-4.226-.042-8.45-.085-12.675l-12.695-.127V61.456c4.225-.042 8.45-.063 12.695-.086.022-4.245.064-8.47.106-12.695z"/></g></svg> <# } #> <# if ( 'pinterest' === key ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="140" height="140" viewBox="0 0 140 140" preserveAspectRatio="none" class="hustle-icon hustle-i_pinterest"><g fill="none" fill-rule="evenodd"><path fill="none" d="M0 0h140v140H0z"/><path class="hustle-icon-path" d="M72.333 0c-38.352 0-57.71 27.347-57.71 50.314 0 13.736 5.21 25.986 16.37 30.59 1.96.833 3.525 0 4.225-1.975.264-1.354 1.112-5.002 1.408-6.418.536-2.03.287-2.753-1.136-4.58-3.088-3.742-5.343-8.65-5.343-15.712 0-20.378 15.22-38.5 39.752-38.5 21.442 0 33.412 13.19 33.412 30.823C103.312 67.73 93 87.32 77.778 87.32c-8.455 0-14.638-6.983-12.67-15.516 2.528-10.157 7.186-21.202 7.186-28.544 0-6.557-3.523-12.14-10.842-12.14-8.633 0-15.516 8.92-15.516 20.804 0 7.693 2.527 12.857 2.527 12.857s-8.866 37.187-10.422 43.806c-3.094 12.98-.427 28.84-.28 30.52.28.933 1.393 1.19 1.97.505.83-1.072 10.997-13.773 14.652-26.303.856-3.67 5.64-22.113 5.64-22.113 2.83 5.29 11.005 9.987 19.46 9.987 25.938.01 43.407-22.89 43.407-54.513C122.89 22.867 102.915 0 72.332 0z"/></g></svg> <# } #> <# if ( 'reddit' === key ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="140" height="140" viewBox="0 0 140 140" preserveAspectRatio="none" class="hustle-icon hustle-i_reddit"><g fill="none" fill-rule="evenodd"><path fill="none" d="M0 0h140v140H0z"/><path class="hustle-icon-path" d="M63.705 45.273l15.353-31.32.996-2.033 2.185.446 23.464 4.787c1.633-4.562 5.925-7.82 10.963-7.82 6.443 0 11.666 5.328 11.666 11.9 0 6.573-5.223 11.9-11.666 11.9-5.843 0-10.682-4.38-11.534-10.096l-22.008-4.78L70.27 45.035c13.96.045 26.763 3.592 36.772 9.473 2.942-5.636 8.76-9.474 15.458-9.474 9.665 0 17.5 7.992 17.5 17.85 0 8.057-5.233 14.867-12.42 17.087.496 2.185.753 4.428.753 6.713 0 23.003-26.116 41.65-58.333 41.65s-58.333-18.647-58.333-41.65c0-2.285.257-4.528.754-6.713C5.234 77.75 0 70.94 0 62.883c0-9.858 7.835-17.85 17.5-17.85 6.697 0 12.516 3.838 15.458 9.474 8.55-5.024 19.14-8.345 30.747-9.234zM50.688 110.27c4.91 2.005 11.294 3.188 19.312 3.188s14.4-1.183 19.312-3.187c3.106-1.267 5.08-2.608 6.084-3.633l-4.125-4.207c-.452.462-1.76 1.352-4.124 2.316-4.203 1.715-9.85 2.762-17.146 2.762-7.295 0-12.943-1.047-17.146-2.762-2.363-.964-3.672-1.854-4.125-2.316l-4.126 4.207c1.005 1.025 2.978 2.366 6.084 3.634zm-1.105-23.587c4.833 0 8.75-3.996 8.75-8.925 0-4.93-3.917-8.925-8.75-8.925-4.832 0-8.75 3.996-8.75 8.925 0 4.93 3.918 8.925 8.75 8.925zm40.834 0c4.832 0 8.75-3.996 8.75-8.925 0-4.93-3.918-8.925-8.75-8.925-4.833 0-8.75 3.996-8.75 8.925 0 4.93 3.917 8.925 8.75 8.925z"/></g></svg> <# } #> <# if ( 'linkedin' === key ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="140" height="140" viewBox="0 0 140 140" preserveAspectRatio="none" class="hustle-icon hustle-i_linkedin"><g fill="none" fill-rule="evenodd"><path fill="none" d="M0 0h140v140H0z"/><path class="hustle-icon-path" d="M29.368 140H.878V47.412h28.49V140zm0-125.406c0 8.106-5.667 14.597-14.77 14.597h-.17C5.668 29.19 0 22.7 0 14.595 0 6.31 5.837 0 14.77 0c8.93 0 14.428 6.31 14.598 14.594zM75.846 140H47.21s.413-84.283 0-93.146h28.633l-.206 12.383c4.11-6.446 11.512-15.916 28.376-15.916C124.58 43.32 140 56.823 140 85.837V140h-28.68V87.248c0-12.696-7.095-19.145-18.407-19.145-8.635 0-13.778 5.842-16.038 11.486-.826 2.012-1.03 4.835-1.03 7.658V140z"/></g></svg> <# } #> <# if ( 'vkontakte' === key ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="140" height="140" viewBox="0 0 140 140" preserveAspectRatio="none" class="hustle-icon hustle-i_vkontakte"><g fill="none" fill-rule="evenodd"><path fill="none" d="M0 0h140v140H0z"/><path class="hustle-icon-path" fill-rule="nonzero" d="M139.258 105.862c-.17-.378-.328-.69-.475-.942-2.43-4.52-7.07-10.067-13.922-16.644l-.217-.225c-3.256-3.137-5.225-5.196-6.05-6.25-1.51-2.01-1.847-4.042-1.022-6.102.584-1.556 2.772-4.842 6.56-9.864 1.995-2.66 3.573-4.794 4.74-6.4 8.406-11.55 12.05-18.928 10.933-22.14l-.434-.752c-.293-.452-1.046-.866-2.26-1.243-1.216-.378-2.77-.44-4.666-.19l-20.992.15c-.34-.124-.826-.112-1.46.04l-.947.225-.365.19-.29.226c-.243.15-.51.414-.802.79-.29.376-.533.816-.727 1.318-2.285 6.075-4.883 11.723-7.8 16.944-1.798 3.114-3.45 5.812-4.957 8.096-1.506 2.284-2.77 3.967-3.79 5.045-1.02 1.08-1.943 1.945-2.77 2.598-.827.655-1.458.93-1.894.83-.44-.1-.852-.2-1.242-.302-.68-.452-1.227-1.067-1.64-1.845-.413-.778-.692-1.757-.838-2.937-.145-1.18-.23-2.196-.255-3.05-.023-.853-.012-2.06.037-3.615.05-1.556.073-2.61.073-3.162 0-1.908.036-3.98.11-6.213.072-2.234.132-4.005.18-5.31.05-1.304.074-2.685.074-4.14 0-1.457-.087-2.6-.256-3.428-.168-.828-.425-1.63-.764-2.41-.34-.778-.84-1.38-1.494-1.807-.656-.427-1.47-.766-2.442-1.017-2.576-.603-5.856-.928-9.84-.98-9.04-.1-14.847.504-17.422 1.81-1.02.55-1.944 1.304-2.77 2.258-.875 1.106-.997 1.71-.365 1.808 2.916.45 4.98 1.53 6.195 3.237l.438.905c.34.653.68 1.808 1.02 3.464.34 1.657.56 3.49.657 5.496.242 3.666.242 6.804 0 9.414-.244 2.612-.473 4.644-.693 6.1-.22 1.456-.547 2.636-.984 3.54-.438.903-.73 1.456-.875 1.656-.146.2-.267.327-.364.377-.63.25-1.287.377-1.967.377-.68 0-1.507-.352-2.48-1.055-.97-.704-1.978-1.67-3.023-2.9-1.045-1.23-2.224-2.95-3.536-5.16-1.312-2.208-2.672-4.82-4.082-7.83l-1.166-2.185c-.73-1.406-1.724-3.452-2.988-6.138s-2.382-5.285-3.353-7.795c-.388-1.054-.972-1.857-1.75-2.41l-.364-.226c-.242-.2-.63-.413-1.165-.64-.535-.227-1.093-.39-1.677-.49l-19.972.15c-2.04 0-3.426.478-4.155 1.432l-.29.452c-.146.25-.22.653-.22 1.205 0 .553.146 1.23.438 2.033 2.915 7.08 6.086 13.907 9.512 20.484 3.425 6.577 6.402 11.875 8.928 15.89 2.527 4.016 5.103 7.807 7.727 11.37 2.624 3.566 4.36 5.85 5.21 6.854.852 1.005 1.52 1.757 2.007 2.26l1.822 1.806c1.166 1.205 2.88 2.65 5.14 4.33 2.26 1.683 4.76 3.34 7.507 4.972 2.747 1.63 5.942 2.96 9.587 3.99 3.644 1.03 7.19 1.443 10.642 1.244H76.9c1.7-.152 2.988-.704 3.863-1.657l.29-.377c.195-.3.378-.765.546-1.392.172-.626.257-1.317.257-2.07-.05-2.158.11-4.103.472-5.835.363-1.73.777-3.037 1.24-3.916.463-.88.985-1.62 1.566-2.22.583-.604.998-.968 1.242-1.094.242-.126.435-.212.58-.263 1.167-.402 2.54-.013 4.12 1.168 1.58 1.18 3.062 2.637 4.447 4.37 1.385 1.732 3.05 3.676 4.993 5.834 1.945 2.16 3.645 3.765 5.102 4.82l1.458.904c.973.603 2.236 1.156 3.792 1.658 1.552.5 2.912.627 4.08.376l18.66-.3c1.846 0 3.282-.316 4.3-.943 1.02-.628 1.628-1.32 1.823-2.072.195-.753.206-1.607.037-2.562-.173-.952-.343-1.618-.512-1.994z"/></g></svg> <# } #> <# if ( 'fivehundredpx' === key ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="140" height="140" viewBox="0 0 140 140" preserveAspectRatio="none" class="hustle-icon hustle-i_fivehundredpx"><g fill="none" fill-rule="evenodd"><path fill="none" d="M0 0h140v140H0z"/><path class="hustle-icon-path" d="M136.3,62.8c-4-6-9.8-8.9-17.1-9.3c-9-0.5-15.9,3.5-21.8,9.4c-1.6,1.6-3.1,3.3-4.7,5c-2.2-2.2-4.3-4.5-6.5-6.5 c-5.4-5-11.7-8.2-19.5-7.9c-8.8,0.3-15.3,4-19.2,11.6c-0.2,0.4-0.4,0.8-0.7,1.5c-3.1-5.6-7.5-9.3-13.9-10.3 c-6.1-1-11.9-0.2-17.1,4.5c0.6-3.6,1.2-6.7,1.8-9.8c0-0.1,0.1-0.2,0.1-0.3c0.8-4,0.8-4,5.2-4h22.7V36.2H8.7 C7.4,43.2,6,50.3,4.7,57.4C4,61,3.3,64.7,2.6,68.3c-0.1,0.6-0.2,1.3-0.3,2.1c3.9,0,7.7,0,11.4,0c0.3,0,0.7-0.4,1-0.6 c4.5-4.6,10.6-5.6,15.4-2.7c4.8,2.9,6.6,9.3,4.2,15c-3,7.3-12.7,9.4-18,3.8c-1.5-1.6-2.2-3.8-3.5-6H0c0.4,2,0.6,4.1,1.3,6 c2.6,7.3,8.4,11,16,12.7c1.1,0.3,2.2,0.5,3.4,0.7h7.8c1.8-0.5,3.7-0.9,5.4-1.6c5.8-2.2,10.1-6,12.9-11.5c0.2,0.3,0.5,0.6,0.6,0.8 c5.8,11.7,20.5,14.4,30.9,9.6c4.3-2,7.8-4.9,11-8.2c1-1.1,2.1-2.1,3-2.9c1.9,1.6,3.7,3.1,5.5,4.7c5.6,5,11.9,8.6,19.9,8.6 c11.5,0,20.2-7.1,22-17.9C140.6,74.5,140,68.3,136.3,62.8z M70.8,85.8c-3.9,1-7.7,0.7-10.6-2.3c-3-3-3.5-6.8-2.3-10.7 c1.9-6,7.4-8.5,13.5-6.2c5.3,2,9.2,5.8,13.2,9.8C80.8,80.6,76.6,84.3,70.8,85.8z M124.3,84.2c-3.3,2.8-7.3,2.6-11.2,1.4 c-4.3-1.3-9.4-5.1-12.6-9.2c3.3-3.3,6.4-6.7,10.6-8.8c3.9-2,8-2.6,11.9-0.1C128.8,70.8,129.4,80,124.3,84.2z"/></g></svg> <# } #> <# if ( 'houzz' === key ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="140" height="140" viewBox="0 0 140 140" preserveAspectRatio="none" class="hustle-icon hustle-i_houzz"><g fill="none" fill-rule="evenodd"><path fill="none" d="M0 0h140v140H0z"/><polygon class="hustle-icon-path" points="70,0 70,46.6 28,70 28,23.4 "/><polygon class="hustle-icon-path" points="70,93.3 28,116.6 28,70 "/><polygon class="hustle-icon-path" points="112,70 112,116.6 70,140 70,93.3 "/><polygon class="hustle-icon-path" points="112,23.4 112,70 70,46.6 "/></g></svg> <# } #> <# if ( 'instagram' === key ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="140" height="140" viewBox="0 0 140 140" preserveAspectRatio="none" class="hustle-icon hustle-i_instagram"><g fill="none" fill-rule="evenodd"><path fill="none" d="M0 0h140v140H0z"/><path class="hustle-icon-path" d="M139.9,49.1c-0.1-6.1-0.4-12.2-1.6-18.1c-2.7-14-11.1-23.6-24.7-28.2c-6.3-2.1-12.8-2.6-19.4-2.6C79.2,0,64.1,0,49.1,0 C43,0,36.8,0.2,30.9,1.5c-14,3.1-23.6,11.2-28.2,25c-2.1,6.2-2.6,12.7-2.6,19.1C0,60.7,0,75.8,0.1,90.9C0.1,97,0.2,103,1.5,109 c3.1,14,11.1,23.6,24.9,28.2c6.2,2.2,12.7,2.6,19.3,2.6c8.1,0.2,16.2,0.1,24.3,0.1v0.1c6.6,0,13.3,0.1,19.9-0.1 c6.4-0.1,12.9-0.1,19.2-1.5c13.9-3.1,23.5-11.3,28.2-25c2.1-6.2,2.5-12.7,2.6-19.2C140,79.2,140.1,64.1,139.9,49.1z M126.8,96.7 c-0.2,3.7-0.5,7.5-1.5,11c-2.5,10.6-9.6,16.5-20.1,18.3c-4.7,0.8-9.4,0.9-14.2,1c-12.2,0.2-24.4,0.2-36.6,0.2 c-5.9-0.1-11.9-0.3-17.7-0.9c-13.1-1.2-21.9-10-23.2-23c-0.5-5.4-0.7-10.8-0.8-16.3c-0.2-11.4-0.2-22.8,0-34.1 c0.2-6.5,0.3-12.9,1.5-19.2c2.2-11.8,10.5-19.1,22.6-20c8.4-0.6,16.8-0.8,25.2-0.9c8.5-0.1,16.9-0.1,25.3,0.1 c6.5,0.2,13,0,19.4,1.4c10.6,2.3,17.7,9.7,19.3,20.5c0.6,4.5,0.9,9.2,1,13.8c0.2,7.2,0,14.4,0,21.5h0.4 C127.2,78.9,127.1,87.8,126.8,96.7z"/><path class="hustle-icon-path" d="M115.8,32.7c0,4.7-3.8,8.5-8.5,8.5s-8.6-3.9-8.6-8.6c0-4.7,3.8-8.5,8.6-8.4C112.2,24.2,115.9,27.9,115.8,32.7z"/><path class="hustle-icon-path" d="M70.2,34C50.1,33.9,34,49.8,34,69.7C33.9,89.9,49.8,106,69.8,106C89.9,106,106,90,106,70.1S90,34,70.2,34z M70.1,93.2 C57.4,93.3,46.7,82.7,46.7,70S57.3,46.7,70,46.7c12.7,0,23.3,10.7,23.3,23.3C93.2,82.7,82.7,93.2,70.1,93.2z"/></g></svg> <# } #> <# if ( 'twitch' === key ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="140" height="140" viewBox="0 0 140 140" preserveAspectRatio="none" class="hustle-icon hustle-i_twitch"><g fill="none" fill-rule="evenodd"><path fill="none" d="M0 0h140v140H0z"/><path class="hustle-icon-path" /><path class="hustle-icon-path" d="M15.9,0c-0.6,0-0.8,0.2-1.1,0.7C11.4,9,7.9,17.2,4.4,25.5c-0.1,0.2-0.2,0.4-0.3,0.6v95.4h32.1c0.2,0,0.6,0,0.8,0.1V140 h17.7c0.4,0,0.7-0.2,1-0.4c5.8-5.8,11.6-11.7,17.5-17.6c0.3-0.3,0.7-0.4,1.1-0.4h24.2c0.6,0,0.9-0.2,1.3-0.5 c11.9-12,23.7-23.9,35.6-35.8c0.2-0.2,0.3-0.2,0.5-0.4V0H15.9z M121.3,76.8c0,0.4-0.2,0.7-0.5,1.1c-5.8,5.8-11.6,11.8-17.5,17.6 c-0.2,0.3-0.6,0.4-1.1,0.4H70.7c-0.5,0-0.8,0.2-1.2,0.5c-5.8,5.8-11.5,11.6-17.3,17.5c-0.2,0.1-0.3,0.2-0.6,0.5V95.9 c-0.3-0.1-0.6-0.1-0.8-0.1H30.5c-0.8,0-0.8,0-0.8-0.7V14.7h91.7V76.8z"/><rect class="hustle-icon-path" x="81" y="36.9" width="18.1" height="36.7"/><rect class="hustle-icon-path" x="51.8" y="36.9" width="18.1" height="36.7"/></g></svg> <# } #> <# if ( 'youtube' === key ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="140" height="140" viewBox="0 0 140 140" preserveAspectRatio="none" class="hustle-icon hustle-i_youtube"><g fill="none" fill-rule="evenodd"><path fill="none" d="M0 0h140v140H0z"/><path class="hustle-icon-path" d="M50.6,45.4v47.3c16.4-7.8,31.8-15.5,48-23.3C83.1,61.1,66.9,53.2,50.6,45.4 M56.9,23.8h25.5 c0.9,0,1.5,0,2.4,0c5.5,0,11.6,0,17,0.9c2.4,0,5.5,0,7.8,0c3.9,0,7,0.9,10.9,0.9c1.5,0,3.9,0.9,5.5,0.9c6.1,3.1,10,7,11.6,13.1 c0.9,3.9,1.5,7.8,1.5,11.6c0.9,4.6,0.9,9.4,0.9,13.1v15.5c0,0,0,0,0,0.9c0,6.1-0.9,12.4-1.5,17.9c-0.9,2.4-0.9,4.6-2.4,6.1 c-3.1,5.5-7.8,9.4-14.8,10c-3.1,0.9-7,0.9-10,0.9c-4.6,0-9.4,0.9-13.1,0.9c-4.6,0-10,0-14.8,0c0,0,0,0-0.9,0H57.6c0,0,0,0-0.9,0 c-4.6,0-9.4,0-14.8,0c-3.9,0-7.8,0-11.6-0.9c-3.9,0-7-0.9-10.9-0.9c-1.5,0-3.9,0-5.5-0.9c-6.1-1.5-10-5.5-11.6-11.6 C1.5,99,0.9,96,0,92.7c0.9-3.1,0-7,0-10.9c0-8.5,0-17,0-25.5c0-5.5,0.9-10.9,2.4-16.4c1.5-7,7-12.4,14.8-14 c2.4-0.9,4.6-0.9,7.8-0.9c3.9,0,7.8-0.9,12.4-0.9C43.6,23.8,50.6,23.8,56.9,23.8"/></g></svg> <# } #> <# if ( 'telegram' === key ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="140" height="140" viewBox="0 0 140 140" preserveAspectRatio="none" class="hustle-icon hustle-i_telegram"><g fill="none" fill-rule="evenodd"><path fill="none" d="M0 0h140v140H0z"/> <path class="hustle-icon-path" style="fill-opacity: 0.5;" d="M112.8,37.2c-2.5,2.3-55.4,49.5-56.3,50.2c-0.9,0.7-0.9,1.8,0,2.5c0.3,0.2,8.4,6.1,18,13 c-4.8,4.8-12.6,12.2-15.9,15.3c-4.4,4-8.7,3.5-9.6,0.7c-1.6-5-12-38.6-12-38.6s1.2-0.7,3.3-2.1c11.8-7.3,52.1-32.3,65-40.5 c1.6-1,2.8-1.7,3.5-2.1c0.2-0.2,0.4-0.3,0.5-0.3c1.3-0.9,2.4-1.4,3.2-1.6c0.2-0.2,0.3-0.2,0.4-0.2c0.3-0.1,0.6-0.1,0.8-0.1h0.1 c0.1,0,0.2,0,0.4,0c0.3,0,0.5,0.1,0.6,0.2C115.3,34.1,115.3,35,112.8,37.2z"/> <path class="hustle-icon-path" d="M139.4,23.5c-1.2,5.9-19.4,91.3-21.1,97.8c-1.6,6.5-7.6,8.1-13.3,3.8c-3.3-2.5-18.2-13.3-30.6-22.3 c-9.6-6.9-17.6-12.8-18-13c-0.9-0.7-0.9-1.8,0-2.5s53.9-47.9,56.3-50.2c2.6-2.2,2.6-3.1,1.9-3.5c-0.1-0.1-0.4-0.2-0.6-0.2 c-0.1,0-0.2,0-0.4,0h-0.1c-0.3,0-0.5,0-0.8,0.1c-0.2,0-0.2,0-0.4,0.2c-0.8,0.2-1.9,0.7-3.2,1.6c-0.1,0.1-0.3,0.2-0.5,0.3 c-0.7,0.4-1.8,1.1-3.5,2.1c-12.9,8.2-53.2,33.1-65,40.5c-2.1,1.3-3.3,2.1-3.3,2.1s-23-7.7-32.7-10.7c-8.8-2.6-1.3-7.7,2.6-9.2 c3.9-1.6,118.7-45.2,122.8-46.7C139.9,9.8,141,16.1,139.4,23.5z"/> </g></svg> <# } #> </div> <# if ( 'native' === service_type ) { if ( 'click' === click_counter ) { #> <div class="hustle-shares-counter"><span>{{ icon.counter }}</span></div> <# } else if ( 'native' === click_counter && _.isFalse( _.isUndefined( icon.native_counter ) ) && icon.native_counter !== 0 ) { #> <div class="hustle-shares-counter"><span>{{ icon.native_counter }}</span></div> <# } else if ( false ) { #> <div class="hustle-shares-counter"><span>9</span></div> <# } } #> </a> <# } ); } #> </div> <# } else { #> <div class="hustle-shares-widget {{ ( _.isTrue(widget_animate_icons) ) ? 'hustle-shares-animated' : '' }}"> <div class="hustle-shares-wrap"> <# if ( !_.isEmpty(social_icons) ) { _.each( social_icons, function( icon, key ){ #> <a data-social="{{key}}" href="{{ ( 'custom' === service_type ) ? icon.link : '#' }}" {{ ( 'custom' === service_type ) ? 'target="_blank"' : '' }} class="hustle-social-icon hustle-social-icon-{{service_type}} hustle-social-icon-counter-{{click_counter}} hustle-icon-{{icon_style}} {{ ( _.isFalse(customize_widget_colors) ) ? 'hustle-icon-' + key : '' }} {{ ( 'flat' === icon_style && ( 'native' === service_type && 'none' !== click_counter ) ) ? 'has-counter' : '' }} {{ ( 'native' === service_type && 'none' !== click_counter && _.isTrue(widget_inline_count) ) ? 'hustle-social-inline' : '' }}" aria-label="Share on <# if ( 'facebook' === key ) { #>Facebook<# } #><# if ( 'twitter' === key ) { #>Twitter<# } #><# if ( 'google' === key ) { #>Google Plus<# } #><# if ( 'pinterest' === key ) { #>Pinterest<# } #><# if ( 'reddit' === key ) { #>Reddit<# } #><# if ( 'linkedin' === key ) { #>Linkedin<# } #><# if ( 'vkontakte' === key ) { #>Vkontakte<# } #><# if ( 'fivehundredpx' === key ) { #>500px<# } #><# if ( 'houzz' === key ) { #>Houzz<# } #><# if ( 'instagram' === key ) { #>Instagram<# } #><# if ( 'twitch' === key ) { #>Twitch<# } #><# if ( 'youtube' === key ) { #>YouTube<# } #><# if ( 'telegram' === key ) { #>Telegram<# } #>"> <div class="hustle-icon-container" aria-hidden="true"> <# if ( 'facebook' === key ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="140" height="140" viewBox="0 0 140 140" preserveAspectRatio="none" class="hustle-icon hustle-i_facebook"><g fill="none" fill-rule="evenodd"><path fill="none" d="M0 0h140v140H0z"/><path class="hustle-icon-path" d="M53.937 140V66.316H39.2V44.21h14.737V29.475C53.937 9.962 61.173 0 83.41 0h18.422v22.105H90.78c-8.696 0-11.054 4.82-11.054 11.053V44.21h22.106l-3.685 22.106h-18.42V140h-25.79z"/></g></svg> <# } #> <# if ( 'twitter' === key ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="140" height="140" viewBox="0 0 140 140" preserveAspectRatio="none" class="hustle-icon hustle-i_twitter"><g fill="none" fill-rule="evenodd"><path fill="none" d="M0 0h140v140H0z"/><path class="hustle-icon-path" d="M140 27.243c-5.147 2.265-10.682 3.78-16.504 4.456 5.937-3.493 10.5-9.044 12.625-15.633-5.558 3.23-11.686 5.61-18.24 6.844-5.215-5.484-12.676-8.91-20.937-8.91C81.065 14 68.21 26.642 68.21 42.298c0 2.19.238 4.34.732 6.416C45.066 47.536 23.9 36.26 9.726 19.147c-2.446 4.2-3.88 9.06-3.88 14.24 0 9.81 5.066 18.48 12.792 23.53-4.728-.14-9.142-1.41-13.013-3.517-.04.107-.04.24-.04.37 0 13.705 9.93 25.11 23.076 27.714-2.413.642-4.94.996-7.56.996-1.87 0-2.907-.61-4.628-.947 3.648 11.242 12.14 18.704 24.707 18.95-9.793 7.578-19.462 12.355-32.944 12.355-2.314 0-6.004.255-8.236 0 12.7 8.02 27.788 13.185 44.037 13.185 52.816 0 81.715-43.09 81.715-80.463 0-1.236-.008-2.447-.074-3.65 5.6-4.002 10.468-8.992 14.322-14.667z"/></g></svg> <# } #> <# if ( 'google' === key ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="140" height="140" viewBox="0 0 140 140" preserveAspectRatio="none" class="hustle-icon hustle-i_google"><g fill="none" fill-rule="evenodd"><path fill="none" d="M0 0h140v140H0z"/><path class="hustle-icon-path" d="M.118 65.574C.5 42.667 21.56 22.606 44.468 23.37c10.975-.51 21.293 4.267 29.7 10.975-3.588 4.077-7.304 8.004-11.273 11.677-10.106-6.984-24.478-8.98-34.584-.913-14.455 9.998-15.114 33.606-1.208 44.368 13.523 12.272 39.083 6.18 42.82-12.61-8.47-.127-16.963 0-25.433-.276-.023-5.053-.044-10.105-.023-15.157 14.16-.042 28.32-.065 42.502.042.848 11.89-.723 24.542-8.026 34.37-11.06 15.562-33.266 20.105-50.59 13.44-17.387-6.625-29.7-24.99-28.236-43.713zm114.47-16.9h12.632c.02 4.226.042 8.472.085 12.696 4.225.044 8.47.044 12.695.086v12.632c-4.224.042-8.45.063-12.695.106-.043 4.245-.064 8.47-.085 12.695h-12.653c-.042-4.226-.042-8.45-.085-12.675l-12.695-.127V61.456c4.225-.042 8.45-.063 12.695-.086.022-4.245.064-8.47.106-12.695z"/></g></svg> <# } #> <# if ( 'pinterest' === key ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="140" height="140" viewBox="0 0 140 140" preserveAspectRatio="none" class="hustle-icon hustle-i_pinterest"><g fill="none" fill-rule="evenodd"><path fill="none" d="M0 0h140v140H0z"/><path class="hustle-icon-path" d="M72.333 0c-38.352 0-57.71 27.347-57.71 50.314 0 13.736 5.21 25.986 16.37 30.59 1.96.833 3.525 0 4.225-1.975.264-1.354 1.112-5.002 1.408-6.418.536-2.03.287-2.753-1.136-4.58-3.088-3.742-5.343-8.65-5.343-15.712 0-20.378 15.22-38.5 39.752-38.5 21.442 0 33.412 13.19 33.412 30.823C103.312 67.73 93 87.32 77.778 87.32c-8.455 0-14.638-6.983-12.67-15.516 2.528-10.157 7.186-21.202 7.186-28.544 0-6.557-3.523-12.14-10.842-12.14-8.633 0-15.516 8.92-15.516 20.804 0 7.693 2.527 12.857 2.527 12.857s-8.866 37.187-10.422 43.806c-3.094 12.98-.427 28.84-.28 30.52.28.933 1.393 1.19 1.97.505.83-1.072 10.997-13.773 14.652-26.303.856-3.67 5.64-22.113 5.64-22.113 2.83 5.29 11.005 9.987 19.46 9.987 25.938.01 43.407-22.89 43.407-54.513C122.89 22.867 102.915 0 72.332 0z"/></g></svg> <# } #> <# if ( 'reddit' === key ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="140" height="140" viewBox="0 0 140 140" preserveAspectRatio="none" class="hustle-icon hustle-i_reddit"><g fill="none" fill-rule="evenodd"><path fill="none" d="M0 0h140v140H0z"/><path class="hustle-icon-path" d="M63.705 45.273l15.353-31.32.996-2.033 2.185.446 23.464 4.787c1.633-4.562 5.925-7.82 10.963-7.82 6.443 0 11.666 5.328 11.666 11.9 0 6.573-5.223 11.9-11.666 11.9-5.843 0-10.682-4.38-11.534-10.096l-22.008-4.78L70.27 45.035c13.96.045 26.763 3.592 36.772 9.473 2.942-5.636 8.76-9.474 15.458-9.474 9.665 0 17.5 7.992 17.5 17.85 0 8.057-5.233 14.867-12.42 17.087.496 2.185.753 4.428.753 6.713 0 23.003-26.116 41.65-58.333 41.65s-58.333-18.647-58.333-41.65c0-2.285.257-4.528.754-6.713C5.234 77.75 0 70.94 0 62.883c0-9.858 7.835-17.85 17.5-17.85 6.697 0 12.516 3.838 15.458 9.474 8.55-5.024 19.14-8.345 30.747-9.234zM50.688 110.27c4.91 2.005 11.294 3.188 19.312 3.188s14.4-1.183 19.312-3.187c3.106-1.267 5.08-2.608 6.084-3.633l-4.125-4.207c-.452.462-1.76 1.352-4.124 2.316-4.203 1.715-9.85 2.762-17.146 2.762-7.295 0-12.943-1.047-17.146-2.762-2.363-.964-3.672-1.854-4.125-2.316l-4.126 4.207c1.005 1.025 2.978 2.366 6.084 3.634zm-1.105-23.587c4.833 0 8.75-3.996 8.75-8.925 0-4.93-3.917-8.925-8.75-8.925-4.832 0-8.75 3.996-8.75 8.925 0 4.93 3.918 8.925 8.75 8.925zm40.834 0c4.832 0 8.75-3.996 8.75-8.925 0-4.93-3.918-8.925-8.75-8.925-4.833 0-8.75 3.996-8.75 8.925 0 4.93 3.917 8.925 8.75 8.925z"/></g></svg> <# } #> <# if ( 'linkedin' === key ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="140" height="140" viewBox="0 0 140 140" preserveAspectRatio="none" class="hustle-icon hustle-i_linkedin"><g fill="none" fill-rule="evenodd"><path fill="none" d="M0 0h140v140H0z"/><path class="hustle-icon-path" d="M29.368 140H.878V47.412h28.49V140zm0-125.406c0 8.106-5.667 14.597-14.77 14.597h-.17C5.668 29.19 0 22.7 0 14.595 0 6.31 5.837 0 14.77 0c8.93 0 14.428 6.31 14.598 14.594zM75.846 140H47.21s.413-84.283 0-93.146h28.633l-.206 12.383c4.11-6.446 11.512-15.916 28.376-15.916C124.58 43.32 140 56.823 140 85.837V140h-28.68V87.248c0-12.696-7.095-19.145-18.407-19.145-8.635 0-13.778 5.842-16.038 11.486-.826 2.012-1.03 4.835-1.03 7.658V140z"/></g></svg> <# } #> <# if ( 'vkontakte' === key ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="140" height="140" viewBox="0 0 140 140" preserveAspectRatio="none" class="hustle-icon hustle-i_vkontakte"><g fill="none" fill-rule="evenodd"><path fill="none" d="M0 0h140v140H0z"/><path class="hustle-icon-path" fill-rule="nonzero" d="M139.258 105.862c-.17-.378-.328-.69-.475-.942-2.43-4.52-7.07-10.067-13.922-16.644l-.217-.225c-3.256-3.137-5.225-5.196-6.05-6.25-1.51-2.01-1.847-4.042-1.022-6.102.584-1.556 2.772-4.842 6.56-9.864 1.995-2.66 3.573-4.794 4.74-6.4 8.406-11.55 12.05-18.928 10.933-22.14l-.434-.752c-.293-.452-1.046-.866-2.26-1.243-1.216-.378-2.77-.44-4.666-.19l-20.992.15c-.34-.124-.826-.112-1.46.04l-.947.225-.365.19-.29.226c-.243.15-.51.414-.802.79-.29.376-.533.816-.727 1.318-2.285 6.075-4.883 11.723-7.8 16.944-1.798 3.114-3.45 5.812-4.957 8.096-1.506 2.284-2.77 3.967-3.79 5.045-1.02 1.08-1.943 1.945-2.77 2.598-.827.655-1.458.93-1.894.83-.44-.1-.852-.2-1.242-.302-.68-.452-1.227-1.067-1.64-1.845-.413-.778-.692-1.757-.838-2.937-.145-1.18-.23-2.196-.255-3.05-.023-.853-.012-2.06.037-3.615.05-1.556.073-2.61.073-3.162 0-1.908.036-3.98.11-6.213.072-2.234.132-4.005.18-5.31.05-1.304.074-2.685.074-4.14 0-1.457-.087-2.6-.256-3.428-.168-.828-.425-1.63-.764-2.41-.34-.778-.84-1.38-1.494-1.807-.656-.427-1.47-.766-2.442-1.017-2.576-.603-5.856-.928-9.84-.98-9.04-.1-14.847.504-17.422 1.81-1.02.55-1.944 1.304-2.77 2.258-.875 1.106-.997 1.71-.365 1.808 2.916.45 4.98 1.53 6.195 3.237l.438.905c.34.653.68 1.808 1.02 3.464.34 1.657.56 3.49.657 5.496.242 3.666.242 6.804 0 9.414-.244 2.612-.473 4.644-.693 6.1-.22 1.456-.547 2.636-.984 3.54-.438.903-.73 1.456-.875 1.656-.146.2-.267.327-.364.377-.63.25-1.287.377-1.967.377-.68 0-1.507-.352-2.48-1.055-.97-.704-1.978-1.67-3.023-2.9-1.045-1.23-2.224-2.95-3.536-5.16-1.312-2.208-2.672-4.82-4.082-7.83l-1.166-2.185c-.73-1.406-1.724-3.452-2.988-6.138s-2.382-5.285-3.353-7.795c-.388-1.054-.972-1.857-1.75-2.41l-.364-.226c-.242-.2-.63-.413-1.165-.64-.535-.227-1.093-.39-1.677-.49l-19.972.15c-2.04 0-3.426.478-4.155 1.432l-.29.452c-.146.25-.22.653-.22 1.205 0 .553.146 1.23.438 2.033 2.915 7.08 6.086 13.907 9.512 20.484 3.425 6.577 6.402 11.875 8.928 15.89 2.527 4.016 5.103 7.807 7.727 11.37 2.624 3.566 4.36 5.85 5.21 6.854.852 1.005 1.52 1.757 2.007 2.26l1.822 1.806c1.166 1.205 2.88 2.65 5.14 4.33 2.26 1.683 4.76 3.34 7.507 4.972 2.747 1.63 5.942 2.96 9.587 3.99 3.644 1.03 7.19 1.443 10.642 1.244H76.9c1.7-.152 2.988-.704 3.863-1.657l.29-.377c.195-.3.378-.765.546-1.392.172-.626.257-1.317.257-2.07-.05-2.158.11-4.103.472-5.835.363-1.73.777-3.037 1.24-3.916.463-.88.985-1.62 1.566-2.22.583-.604.998-.968 1.242-1.094.242-.126.435-.212.58-.263 1.167-.402 2.54-.013 4.12 1.168 1.58 1.18 3.062 2.637 4.447 4.37 1.385 1.732 3.05 3.676 4.993 5.834 1.945 2.16 3.645 3.765 5.102 4.82l1.458.904c.973.603 2.236 1.156 3.792 1.658 1.552.5 2.912.627 4.08.376l18.66-.3c1.846 0 3.282-.316 4.3-.943 1.02-.628 1.628-1.32 1.823-2.072.195-.753.206-1.607.037-2.562-.173-.952-.343-1.618-.512-1.994z"/></g></svg> <# } #> <# if ( 'fivehundredpx' === key ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="140" height="140" viewBox="0 0 140 140" preserveAspectRatio="none" class="hustle-icon hustle-i_fivehundredpx"><g fill="none" fill-rule="evenodd"><path fill="none" d="M0 0h140v140H0z"/><path class="hustle-icon-path" d="M136.3,62.8c-4-6-9.8-8.9-17.1-9.3c-9-0.5-15.9,3.5-21.8,9.4c-1.6,1.6-3.1,3.3-4.7,5c-2.2-2.2-4.3-4.5-6.5-6.5 c-5.4-5-11.7-8.2-19.5-7.9c-8.8,0.3-15.3,4-19.2,11.6c-0.2,0.4-0.4,0.8-0.7,1.5c-3.1-5.6-7.5-9.3-13.9-10.3 c-6.1-1-11.9-0.2-17.1,4.5c0.6-3.6,1.2-6.7,1.8-9.8c0-0.1,0.1-0.2,0.1-0.3c0.8-4,0.8-4,5.2-4h22.7V36.2H8.7 C7.4,43.2,6,50.3,4.7,57.4C4,61,3.3,64.7,2.6,68.3c-0.1,0.6-0.2,1.3-0.3,2.1c3.9,0,7.7,0,11.4,0c0.3,0,0.7-0.4,1-0.6 c4.5-4.6,10.6-5.6,15.4-2.7c4.8,2.9,6.6,9.3,4.2,15c-3,7.3-12.7,9.4-18,3.8c-1.5-1.6-2.2-3.8-3.5-6H0c0.4,2,0.6,4.1,1.3,6 c2.6,7.3,8.4,11,16,12.7c1.1,0.3,2.2,0.5,3.4,0.7h7.8c1.8-0.5,3.7-0.9,5.4-1.6c5.8-2.2,10.1-6,12.9-11.5c0.2,0.3,0.5,0.6,0.6,0.8 c5.8,11.7,20.5,14.4,30.9,9.6c4.3-2,7.8-4.9,11-8.2c1-1.1,2.1-2.1,3-2.9c1.9,1.6,3.7,3.1,5.5,4.7c5.6,5,11.9,8.6,19.9,8.6 c11.5,0,20.2-7.1,22-17.9C140.6,74.5,140,68.3,136.3,62.8z M70.8,85.8c-3.9,1-7.7,0.7-10.6-2.3c-3-3-3.5-6.8-2.3-10.7 c1.9-6,7.4-8.5,13.5-6.2c5.3,2,9.2,5.8,13.2,9.8C80.8,80.6,76.6,84.3,70.8,85.8z M124.3,84.2c-3.3,2.8-7.3,2.6-11.2,1.4 c-4.3-1.3-9.4-5.1-12.6-9.2c3.3-3.3,6.4-6.7,10.6-8.8c3.9-2,8-2.6,11.9-0.1C128.8,70.8,129.4,80,124.3,84.2z"/></g></svg> <# } #> <# if ( 'houzz' === key ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="140" height="140" viewBox="0 0 140 140" preserveAspectRatio="none" class="hustle-icon hustle-i_houzz"><g fill="none" fill-rule="evenodd"><path fill="none" d="M0 0h140v140H0z"/><polygon class="hustle-icon-path" points="70,0 70,46.6 28,70 28,23.4 "/><polygon class="hustle-icon-path" points="70,93.3 28,116.6 28,70 "/><polygon class="hustle-icon-path" points="112,70 112,116.6 70,140 70,93.3 "/><polygon class="hustle-icon-path" points="112,23.4 112,70 70,46.6 "/></g></svg> <# } #> <# if ( 'instagram' === key ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="140" height="140" viewBox="0 0 140 140" preserveAspectRatio="none" class="hustle-icon hustle-i_instagram"><g fill="none" fill-rule="evenodd"><path fill="none" d="M0 0h140v140H0z"/><path class="hustle-icon-path" d="M139.9,49.1c-0.1-6.1-0.4-12.2-1.6-18.1c-2.7-14-11.1-23.6-24.7-28.2c-6.3-2.1-12.8-2.6-19.4-2.6C79.2,0,64.1,0,49.1,0 C43,0,36.8,0.2,30.9,1.5c-14,3.1-23.6,11.2-28.2,25c-2.1,6.2-2.6,12.7-2.6,19.1C0,60.7,0,75.8,0.1,90.9C0.1,97,0.2,103,1.5,109 c3.1,14,11.1,23.6,24.9,28.2c6.2,2.2,12.7,2.6,19.3,2.6c8.1,0.2,16.2,0.1,24.3,0.1v0.1c6.6,0,13.3,0.1,19.9-0.1 c6.4-0.1,12.9-0.1,19.2-1.5c13.9-3.1,23.5-11.3,28.2-25c2.1-6.2,2.5-12.7,2.6-19.2C140,79.2,140.1,64.1,139.9,49.1z M126.8,96.7 c-0.2,3.7-0.5,7.5-1.5,11c-2.5,10.6-9.6,16.5-20.1,18.3c-4.7,0.8-9.4,0.9-14.2,1c-12.2,0.2-24.4,0.2-36.6,0.2 c-5.9-0.1-11.9-0.3-17.7-0.9c-13.1-1.2-21.9-10-23.2-23c-0.5-5.4-0.7-10.8-0.8-16.3c-0.2-11.4-0.2-22.8,0-34.1 c0.2-6.5,0.3-12.9,1.5-19.2c2.2-11.8,10.5-19.1,22.6-20c8.4-0.6,16.8-0.8,25.2-0.9c8.5-0.1,16.9-0.1,25.3,0.1 c6.5,0.2,13,0,19.4,1.4c10.6,2.3,17.7,9.7,19.3,20.5c0.6,4.5,0.9,9.2,1,13.8c0.2,7.2,0,14.4,0,21.5h0.4 C127.2,78.9,127.1,87.8,126.8,96.7z"/><path class="hustle-icon-path" d="M115.8,32.7c0,4.7-3.8,8.5-8.5,8.5s-8.6-3.9-8.6-8.6c0-4.7,3.8-8.5,8.6-8.4C112.2,24.2,115.9,27.9,115.8,32.7z"/><path class="hustle-icon-path" d="M70.2,34C50.1,33.9,34,49.8,34,69.7C33.9,89.9,49.8,106,69.8,106C89.9,106,106,90,106,70.1S90,34,70.2,34z M70.1,93.2 C57.4,93.3,46.7,82.7,46.7,70S57.3,46.7,70,46.7c12.7,0,23.3,10.7,23.3,23.3C93.2,82.7,82.7,93.2,70.1,93.2z"/></g></svg> <# } #> <# if ( 'twitch' === key ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="140" height="140" viewBox="0 0 140 140" preserveAspectRatio="none" class="hustle-icon hustle-i_twitch"><g fill="none" fill-rule="evenodd"><path fill="none" d="M0 0h140v140H0z"/><path class="hustle-icon-path" /><path class="hustle-icon-path" d="M15.9,0c-0.6,0-0.8,0.2-1.1,0.7C11.4,9,7.9,17.2,4.4,25.5c-0.1,0.2-0.2,0.4-0.3,0.6v95.4h32.1c0.2,0,0.6,0,0.8,0.1V140 h17.7c0.4,0,0.7-0.2,1-0.4c5.8-5.8,11.6-11.7,17.5-17.6c0.3-0.3,0.7-0.4,1.1-0.4h24.2c0.6,0,0.9-0.2,1.3-0.5 c11.9-12,23.7-23.9,35.6-35.8c0.2-0.2,0.3-0.2,0.5-0.4V0H15.9z M121.3,76.8c0,0.4-0.2,0.7-0.5,1.1c-5.8,5.8-11.6,11.8-17.5,17.6 c-0.2,0.3-0.6,0.4-1.1,0.4H70.7c-0.5,0-0.8,0.2-1.2,0.5c-5.8,5.8-11.5,11.6-17.3,17.5c-0.2,0.1-0.3,0.2-0.6,0.5V95.9 c-0.3-0.1-0.6-0.1-0.8-0.1H30.5c-0.8,0-0.8,0-0.8-0.7V14.7h91.7V76.8z"/><rect class="hustle-icon-path" x="81" y="36.9" width="18.1" height="36.7"/><rect class="hustle-icon-path" x="51.8" y="36.9" width="18.1" height="36.7"/></g></svg> <# } #> <# if ( 'youtube' === key ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="140" height="140" viewBox="0 0 140 140" preserveAspectRatio="none" class="hustle-icon hustle-i_youtube"><g fill="none" fill-rule="evenodd"><path fill="none" d="M0 0h140v140H0z"/><path class="hustle-icon-path" d="M50.6,45.4v47.3c16.4-7.8,31.8-15.5,48-23.3C83.1,61.1,66.9,53.2,50.6,45.4 M56.9,23.8h25.5 c0.9,0,1.5,0,2.4,0c5.5,0,11.6,0,17,0.9c2.4,0,5.5,0,7.8,0c3.9,0,7,0.9,10.9,0.9c1.5,0,3.9,0.9,5.5,0.9c6.1,3.1,10,7,11.6,13.1 c0.9,3.9,1.5,7.8,1.5,11.6c0.9,4.6,0.9,9.4,0.9,13.1v15.5c0,0,0,0,0,0.9c0,6.1-0.9,12.4-1.5,17.9c-0.9,2.4-0.9,4.6-2.4,6.1 c-3.1,5.5-7.8,9.4-14.8,10c-3.1,0.9-7,0.9-10,0.9c-4.6,0-9.4,0.9-13.1,0.9c-4.6,0-10,0-14.8,0c0,0,0,0-0.9,0H57.6c0,0,0,0-0.9,0 c-4.6,0-9.4,0-14.8,0c-3.9,0-7.8,0-11.6-0.9c-3.9,0-7-0.9-10.9-0.9c-1.5,0-3.9,0-5.5-0.9c-6.1-1.5-10-5.5-11.6-11.6 C1.5,99,0.9,96,0,92.7c0.9-3.1,0-7,0-10.9c0-8.5,0-17,0-25.5c0-5.5,0.9-10.9,2.4-16.4c1.5-7,7-12.4,14.8-14 c2.4-0.9,4.6-0.9,7.8-0.9c3.9,0,7.8-0.9,12.4-0.9C43.6,23.8,50.6,23.8,56.9,23.8"/></g></svg> <# } #> <# if ( 'telegram' === key ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="140" height="140" viewBox="0 0 140 140" preserveAspectRatio="none" class="hustle-icon hustle-i_telegram"><g fill="none" fill-rule="evenodd"><path fill="none" d="M0 0h140v140H0z"/> <path class="hustle-icon-path" style="fill-opacity: 0.5;" d="M112.8,37.2c-2.5,2.3-55.4,49.5-56.3,50.2c-0.9,0.7-0.9,1.8,0,2.5c0.3,0.2,8.4,6.1,18,13 c-4.8,4.8-12.6,12.2-15.9,15.3c-4.4,4-8.7,3.5-9.6,0.7c-1.6-5-12-38.6-12-38.6s1.2-0.7,3.3-2.1c11.8-7.3,52.1-32.3,65-40.5 c1.6-1,2.8-1.7,3.5-2.1c0.2-0.2,0.4-0.3,0.5-0.3c1.3-0.9,2.4-1.4,3.2-1.6c0.2-0.2,0.3-0.2,0.4-0.2c0.3-0.1,0.6-0.1,0.8-0.1h0.1 c0.1,0,0.2,0,0.4,0c0.3,0,0.5,0.1,0.6,0.2C115.3,34.1,115.3,35,112.8,37.2z"/> <path class="hustle-icon-path" d="M139.4,23.5c-1.2,5.9-19.4,91.3-21.1,97.8c-1.6,6.5-7.6,8.1-13.3,3.8c-3.3-2.5-18.2-13.3-30.6-22.3 c-9.6-6.9-17.6-12.8-18-13c-0.9-0.7-0.9-1.8,0-2.5s53.9-47.9,56.3-50.2c2.6-2.2,2.6-3.1,1.9-3.5c-0.1-0.1-0.4-0.2-0.6-0.2 c-0.1,0-0.2,0-0.4,0h-0.1c-0.3,0-0.5,0-0.8,0.1c-0.2,0-0.2,0-0.4,0.2c-0.8,0.2-1.9,0.7-3.2,1.6c-0.1,0.1-0.3,0.2-0.5,0.3 c-0.7,0.4-1.8,1.1-3.5,2.1c-12.9,8.2-53.2,33.1-65,40.5c-2.1,1.3-3.3,2.1-3.3,2.1s-23-7.7-32.7-10.7c-8.8-2.6-1.3-7.7,2.6-9.2 c3.9-1.6,118.7-45.2,122.8-46.7C139.9,9.8,141,16.1,139.4,23.5z"/> </g></svg> <# } #> </div> <# if ( 'native' === service_type ) { if ( 'click' === click_counter ) { #> <div class="hustle-shares-counter"><span>{{ icon.counter }}</span></div> <# } else if ( 'native' === click_counter && _.isFalse( _.isUndefined( icon.native_counter ) ) && icon.native_counter !== 0 ) { #> <div class="hustle-shares-counter"><span>{{ icon.native_counter }}</span></div> <# } else if ( false ) { #> <div class="hustle-shares-counter"><span>9</span></div> <# } } #> </a> <# } ); } #> </div> </div> <# } #> </div> </script> <script type='text/javascript'> /* <![CDATA[ */ var avia_framework_globals = avia_framework_globals || {}; avia_framework_globals.frameworkUrl = 'https://thundernet.us/wp-content/themes/enfold/framework/'; avia_framework_globals.installedAt = 'https://thundernet.us/wp-content/themes/enfold/'; avia_framework_globals.ajaxurl = 'https://thundernet.us/wp-admin/admin-ajax.php'; /* ]]> */ </script> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.7"; fjs.parentNode.insertBefore(js, fjs); }(document, "script", "facebook-jssdk"));</script><link rel='stylesheet' id='hstl-roboto-css' href='https://fonts.googleapis.com/css?family=Roboto+Condensed%3A300%2C300i%2C400%2C400i%2C700%2C700i%7CRoboto%3A300%2C300i%2C400%2C400i%2C500%2C500i%2C700%2C700i&ver=5.0.22' type='text/css' media='all' /> <link rel='stylesheet' id='hstl-opensans-css' href='https://fonts.googleapis.com/css?family=Open+Sans%3A400%2C400i%2C700%2C700i&ver=5.0.22' type='text/css' media='all' /> <link rel='stylesheet' id='hstl-source-code-pro-css' href='https://fonts.googleapis.com/css?family=Source+Code+Pro&ver=5.0.22' type='text/css' media='all' /> <link rel='stylesheet' id='dashicons-css' href='https://thundernet.us/wp-includes/css/dashicons.min.css?ver=5.0.22' type='text/css' media='all' /> <link rel='stylesheet' id='hustle_front-css' href='https://thundernet.us/wp-content/plugins/wordpress-popup/assets/css/front.min.css?ver=3.0.6.1' type='text/css' media='all' /> <script type='text/javascript' src='https://thundernet.us/wp-includes/js/jquery/ui/core.min.js?ver=1.11.4'></script> <script type='text/javascript' src='https://thundernet.us/wp-content/plugins/ultimate-social-media-plus/js/shuffle/modernizr.custom.min.js?ver=5.0.22'></script> <script type='text/javascript' src='https://thundernet.us/wp-content/plugins/ultimate-social-media-plus/js/shuffle/jquery.shuffle.min.js?ver=5.0.22'></script> <script type='text/javascript' src='https://thundernet.us/wp-content/plugins/ultimate-social-media-plus/js/shuffle/random-shuffle-min.js?ver=5.0.22'></script> <script type='text/javascript'> /* <![CDATA[ */ var ajax_object = {"ajax_url":"https:\/\/thundernet.us\/wp-admin\/admin-ajax.php","plugin_url":"https:\/\/thundernet.us\/wp-content\/plugins\/ultimate-social-media-plus\/"}; var sfsi_plus_links = {"admin_url":"https:\/\/thundernet.us\/wp-admin\/","plugin_dir_url":"https:\/\/thundernet.us\/wp-content\/plugins\/ultimate-social-media-plus\/"}; /* ]]> */ </script> <script type='text/javascript' src='https://thundernet.us/wp-content/plugins/ultimate-social-media-plus/js/custom.js?ver=5.0.22'></script> <script type='text/javascript' src='https://thundernet.us/wp-includes/js/underscore.min.js?ver=1.8.3'></script> <script type='text/javascript'> /* <![CDATA[ */ var Modules = [{"content":{"module_name":"Web Design","has_title":"false","title":"","sub_title":"","main_content":"<p><a href=\"https:\/\/thundernet.us\/cum-procedam\/\"><img class=\"alignnone wp-image-1298 size-full\" src=\"https:\/\/thundernet.us\/wp-content\/uploads\/2018\/10\/pop.png\" alt=\"\" width=\"600\" height=\"279\" \/><\/a><\/p>","use_feature_image":"0","feature_image":"https:\/\/thundernet.us\/wp-content\/uploads\/2018\/10\/pop.png","feature_image_location":"left","feature_image_hide_on_mobile":"false","show_cta":"0","show_gdpr":"false","cta_label":"Click me","cta_url":"https:\/\/thundernet.us\/cum-procedam\/","cta_target":"blank","use_email_collection":"false","save_local_list":"false","local_list_name":"","active_email_service":"","form_elements":"{\"email\":{\"required\":true,\"label\":\"Your email\",\"name\":\"email\",\"type\":\"email\",\"placeholder\":\"johnsmith@example.com\",\"delete\":false},\"first_name\":{\"required\":false,\"label\":\"First Name\",\"name\":\"first_name\",\"type\":\"name\",\"placeholder\":\"John\",\"delete\":true},\"last_name\":{\"required\":false,\"label\":\"Last Name\",\"name\":\"last_name\",\"type\":\"name\",\"placeholder\":\"Smith\",\"delete\":true},\"submit\":{\"required\":true,\"label\":\"Submit\",\"name\":\"submit\",\"type\":\"submit\",\"placeholder\":\"Subscribe\",\"delete\":false}}","after_successful_submission":"show_success","success_message":"","gdpr_message":"<p>Yes, I agree with the <a href=\"#\" target=\"_blank\" rel=\"noopener\">privacy policy<\/a>.<\/p>","auto_close_success_message":"false","auto_close_time":"5","auto_close_unit":"seconds","redirect_url":"","after_subscription":"keep_show"},"design":{"form_layout":"one","feature_image_position":"left","feature_image_fit":"contain","feature_image_horizontal":"center","feature_image_horizontal_px":"-100","feature_image_vertical":"center","feature_image_vertical_px":"-100","style":"minimal","customize_colors":"false","main_bg_color":"#38454e","image_container_bg":"#35414a","form_area_bg":"rgba(93,115,128,1)","title_color":"#fdfdfd","subtitle_color":"#fdfdfd","content_color":"#adb5b7","link_static_color":"#38c5b5","link_hover_color":"#49e2d1","link_active_color":"#49e2d1","cta_button_static_bg":"#38c5b5","cta_button_hover_bg":"#49e2d1","cta_button_active_bg":"#49e2d1","cta_button_static_color":"#ffffff","cta_button_hover_color":"#ffffff","cta_button_active_color":"#ffffff","gdpr_content":"#ADB5B7","gdpr_chechbox_background_static":"#FDFDFD","gdpr_checkbox_background_active":"#FDFDFD","gdpr_checkbox_icon":"#38C5B5","optin_input_static_bg":"rgba(253,253,253,1)","optin_input_hover_bg":"rgba(253,253,253,1)","optin_input_active_bg":"rgba(253,253,253,1)","optin_input_icon":"rgba(173,181,183,1)","optin_placeholder_color":"rgba(173,181,183,1)","optin_form_field_text_static_color":"rgba(54,59,63,1)","optin_form_field_text_hover_color":"rgba(54,59,63,1)","optin_form_field_text_active_color":"rgba(54,59,63,1)","optin_submit_button_static_bg":"rgba(56,197,181,1)","optin_submit_button_hover_bg":"rgba(73,226,209,1)","optin_submit_button_active_bg":"rgba(73,226,209,1)","optin_submit_button_static_color":"rgba(253,253,253,1)","optin_submit_button_hover_color":"rgba(253,253,253,1)","optin_submit_button_active_color":"rgba(253,253,253,1)","optin_error_text_color":"#F1F1F1","optin_error_text_bg":"#EA6464","optin_mailchimp_title_color":"rgba(253,253,253,1)","optin_mailchimp_labels_color":"rgba(173,181,183,1)","optin_check_radio_bg":"rgba(253,253,253,1)","optin_check_radio_tick_color":"rgba(56,197,181,1)","optin_success_tick_color":"rgba(55,198,181,1)","optin_success_content_color":"rgba(253,253,253,1)","overlay_bg":"rgba(51,51,51,0.9)","close_button_static_color":"#38c5b5","close_button_hover_color":"#49e2d1","close_button_active_color":"#49e2d1","border":"false","border_radius":"5","border_weight":"3","border_type":"solid","border_color":"#dadada","gdpr_border":0,"gdpr_border_radius":5,"gdpr_border_weight":3,"gdpr_border_type":"solid","gdpr_border_color":"rgba(218,218,218,1)","drop_shadow":"false","drop_shadow_x":"0","drop_shadow_y":"0","drop_shadow_blur":"0","drop_shadow_spread":"0","drop_shadow_color":"rgba(0,0,0,0)","customize_size":"0","custom_height":"300","custom_width":"600","form_fields_border":"false","form_fields_border_radius":"5","form_fields_border_weight":"3","form_fields_border_type":"solid","form_fields_border_color":"rgba(218,218,218,1)","form_fields_icon":"static","form_fields_proximity":"joined","button_border":"false","button_border_radius":"5","button_border_weight":"3","button_border_type":"solid","button_border_color":"rgba(218,218,218,1)","customize_css":"false","custom_css":""},"settings":{"animation_in":"no_animation","animation_out":"no_animation","after_close":"","expiration":"365","expiration_unit":"days","allow_scroll_page":"false","not_close_on_background_click":"false","on_submit":"default","conditions":{"posts":{"filter_type":"only","posts":["all"]},"pages":{"filter_type":"only"}},"triggers":{"trigger":"time","on_time":"false","on_time_delay":"5","on_time_unit":"seconds","on_scroll":"scrolled","on_scroll_page_percent":"20","on_scroll_css_selector":"","on_click_element":"","on_exit_intent":"true","on_exit_intent_per_session":"true","on_exit_intent_delayed":"false","on_exit_intent_delayed_time":"5","on_exit_intent_delayed_unit":"seconds","on_adblock":"false","on_adblock_delayed":"false","on_adblock_delayed_time":"5","on_adblock_delayed_unit":"seconds"},"filter_type":"only","posts":["all"]},"tracking_types":null,"test_types":null,"module_id":"1","blog_id":"1","module_name":"Web Design","module_type":"popup","active":"1","test_mode":"0"}]; var inc_opt = {"ajaxurl":"https:\/\/thundernet.us\/wp-admin\/admin-ajax.php","page_id":"906","page_type":"post","current_url":"https:\/\/thundernet.us\/2014\/12\/06\/oldiest-but-goldiest","is_admin":"0","is_upfront":"","is_caldera_active":"","adblock_detector_js":"https:\/\/thundernet.us\/wp-content\/plugins\/wordpress-popup\/assets\/js\/ads.js","l10n":{"never_see_again":"Never see this message again","success":"Congratulations! You have been subscribed to {name}","submit_failure":"Something went wrong, please try again.","test_cant_submit":"Form can't be submitted in test mode."}}; var hustle_vars = {"ajaxurl":"https:\/\/thundernet.us\/wp-admin\/admin-ajax.php","page_id":"906","page_type":"post","current_url":"https:\/\/thundernet.us\/2014\/12\/06\/oldiest-but-goldiest","is_admin":"0","is_upfront":"","is_caldera_active":"","adblock_detector_js":"https:\/\/thundernet.us\/wp-content\/plugins\/wordpress-popup\/assets\/js\/ads.js","l10n":{"never_see_again":"Never see this message again","success":"Congratulations! You have been subscribed to {name}","submit_failure":"Something went wrong, please try again.","test_cant_submit":"Form can't be submitted in test mode."}}; /* ]]> */ </script> <script type='text/javascript' src='https://thundernet.us/wp-content/plugins/wordpress-popup/assets/js/front.min.js?ver=1.1'></script> <script type='text/javascript' src='https://thundernet.us/wp-content/themes/enfold/js/avia.js?ver=3'></script> <script type='text/javascript' src='https://thundernet.us/wp-content/themes/enfold/js/shortcodes.js?ver=3'></script> <script type='text/javascript' src='https://thundernet.us/wp-content/themes/enfold/js/aviapopup/jquery.magnific-popup.min.js?ver=2'></script> <script type='text/javascript' src='https://thundernet.us/wp-includes/js/mediaelement/wp-mediaelement.min.js?ver=5.0.22'></script> <script type='text/javascript' src='https://thundernet.us/wp-includes/js/comment-reply.min.js?ver=5.0.22'></script> <script type='text/javascript' src='https://thundernet.us/wp-includes/js/wp-embed.min.js?ver=5.0.22'></script> <a href='#top' title='Scroll to top' id='scroll-top-link' aria-hidden='true' data-av_icon='' data-av_iconfont='entypo-fontello'><span class="avia_hidden_link_text">Scroll to top</span></a> <div id="fb-root"></div> <script src="//t1.extreme-dm.com/f.js" id="eXF-thn-0" async defer></script> </body> </html>
