</div> </div> <!-- .et_pb_fullwidth_code --> </div> <!-- .et_pb_section --> </div> </div> </div> <!-- .entry-content --> </article> <!-- .et_pb_post --> </div> <!-- #main-content --> <span class="et_pb_scroll_top et-pb-icon"></span> <footer id="main-footer"> <div id="et-footer-nav"> <div class="container"> <ul id="menu-glavni-meni-na-naslovnici-gore" class="bottom-nav"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-48"><a href="http://www.vodan-yachting.com/">HOME</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1410"><a href="http://www.vodan-yachting.com/project/professional-skipper-service/#skippercrew">SKIPPER&CREW</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1102"><a href="http://www.vodan-yachting.com/project/yacht-delivery/#yachtdelivery">YACHT DELIVERY</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1456"><a href="http://www.vodan-yachting.com/project/sailing-training-center/#skippertraining">VODAN SKIPPER ACADEMY</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1991"><a href="http://www.vodan-yachting.com/gallery/">GALLERY</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2064"><a href="http://www.vodan-yachting.com/tripsnew/">TRIPS</a></li> <li class="square-around menu-item menu-item-type-post_type menu-item-object-page menu-item-75"><a href="http://www.vodan-yachting.com/contact/">CONTACT</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1853"><a href="https://www.facebook.com/Vodan-Yachting-390084174464540/"><i class="fa fa-facebook-square fa-lg" aria-hidden="true"></i></a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1854"><a href="https://www.instagram.com/vodan_yachting/"><i class="fa fa-instagram fa-lg" aria-hidden="true"></i></a></li> </ul> </div> </div> <!-- #et-footer-nav --> <div id="footer-bottom"> <div class="container clearfix"> <ul class="et-social-icons"> <li class="et-social-icon et-social-facebook"> <a href="https://www.facebook.com/Vodan-Yachting-390084174464540/" class="icon"> <span>Facebook</span> </a> </li> </ul> </div> <!-- .container --> </div> </footer> <!-- #main-footer --> </div> <!-- #et-main-area --> </div> <!-- #page-container --> <style type="text/css" id="hustle-module-styles"> .module_id_3 .hustle-modal .hustle-modal-image{ background-color: rgba(53,65,74,1); } .module_id_3 .hustle-modal .hustle-modal-image{ background-color: rgba(53,65,74,1); } .module_id_3 .hustle-modal .hustle-modal-body section{ background-color: #ffffff; } .module_id_3 .hustle-modal .hustle-modal-title{ color: #ffffff; } .module_id_3 .hustle-modal a.hustle-modal-cta{ color: rgba(255,255,255,1); background-color: #1FC5B6; border-radius: 5px; } .module_id_3 .hustle-modal a.hustle-modal-cta:hover { color: rgba(255,255,255,1); background-color: #15A296; } .module_id_3 .hustle-modal .hustle-modal-message, .hustle-modal .hustle-gdpr-content{ color: rgba(173,181,183,1); } .module_id_3 .hustle-modal .hustle-modal-message blockquote{ border-left-color: #1FC5B6; } .module_id_3 .hustle-modal .hustle-modal-message a{ color: #1FC5B6; } .module_id_3 .hustle-modal .hustle-modal-message a:hover { color: #15A296; } .module_id_3 .hustle-modal article a{ color: #1FC5B6; } .module_id_3 .hustle-modal article a:hover { color: #15A296; } .module_id_3 .wpmudev-modal-mask{ background-color: rgba(51,51,51,0.9); } .module_id_3 .hustle-modal .hustle-modal-close svg path{ fill: rgba(56,197,181,1); } .module_id_3 .hustle-modal .hustle-modal-close svg path:hover { fill: rgba(73,226,209,1); } .module_id_3 .hustle-modal .hustle-modal-close svg path:active { fill: rgba(73,226,209,1); } .module_id_3 .hustle-modal-image img{ object-position: center center; } .module_id_3 .hustle-modal .hustle-modal-body section{ border: 3px solid rgba(218,218,218,1); border-radius: 5px; } .module_id_6 .hustle-modal .hustle-modal-image{ background-color: rgba(53,65,74,1); } .module_id_6 .hustle-modal .hustle-modal-image{ background-color: rgba(53,65,74,1); } .module_id_6 .hustle-modal .hustle-modal-body{ background-color: #176387; } .module_id_6 .hustle-modal .hustle-modal-title{ color: #FDFDFD; } .module_id_6 .hustle-modal .hustle-modal-success{ background-color: #176387; } .module_id_6 .hustle-modal .hustle-modal-article, .hustle-modal .hustle-gdpr-content{ color: #ADB5B7; } .module_id_6 .hustle-modal .hustle-modal-message blockquote{ border-left-color: #FDFDFD; } .module_id_6 .hustle-modal article a:not(.hustle-modal-cta){ color: #FDFDFD; } .module_id_6 .hustle-modal article a:not(.hustle-modal-cta):hover { color: #78B5D1; } .module_id_6 .hustle-modal .hustle-modal-optin_wrap{ background-color: #78B5D1; } .module_id_6 .hustle-modal .hustle-modal-optin_field input{ background-color: #FDFDFD; color: #363B3F; } .module_id_6 .hustle-modal .hustle-modal-optin_field input:hover { background-color: ; color: #363B3F; } .module_id_6 .hustle-modal-optin_field label .hustle-modal-optin_icon .hustle-icon path{ fill: rgba(173,181,183,1); } .module_id_6 .hustle-modal-optin_form .hustle-modal-optin_field label .hustle-modal-optin_placeholder{ color: #ADB5B7; } .module_id_6 .hustle-modal form .hustle-modal-optin_button button{ color: #FDFDFD; background-color: #4D95B6; } .module_id_6 .hustle-modal form .hustle-modal-optin_button button:hover { color: #FDFDFD; background-color: #176387; } .module_id_6 .hustle-modal .wpoi-submit-failure { color: #C63D2B; background: #EA6464; } .module_id_6 .hustle-modal .hustle-modal-mc_checkbox input+label{ background-color: #FDFDFD; } .module_id_6 .hustle-modal .hustle-modal-mc_checkbox input:checked+label{ background-color: #FDFDFD; } .module_id_6 .hustle-modal .hustle-modal-optin_form .hustle-modal-mc_groups .hustle-modal-mc_option .hustle-modal-mc_checkbox input:checked+label:before{ color: #4D95B6; } .module_id_6 .hustle-modal .hustle-modal-mc_radio input+label{ background-color: #FDFDFD; } .module_id_6 .hustle-modal .hustle-modal-mc_radio input:checked+label{ background-color: #FDFDFD; } .module_id_6 .hustle-modal .hustle-modal-optin_form .hustle-modal-mc_groups .hustle-modal-mc_option .hustle-modal-mc_radio input:checked+label:before{ color: #4D95B6; } .module_id_6 .hustle-modal .hustle-modal-success .hustle-modal-success_icon .hustle-icon path{ fill: #38C5B5; } .module_id_6 .hustle-modal .hustle-modal-success .hustle-modal-success_message, .hustle-modal .hustle-modal-success .hustle-modal-success_message *{ color: #FDFDFD; } .module_id_6 .hustle-modal .hustle-modal-optin_form .hustle-modal-mc_groups .hustle-modal-mc_option .hustle-modal-mc_checkbox input+label:before{ color: #FDFDFD; } .module_id_6 .hustle-modal .hustle-modal-optin_form .hustle-modal-mc_groups .hustle-modal-mc_option .hustle-modal-mc_radio input+label:before{ color: #FDFDFD; } .module_id_6 .hustle-modal .hustle-modal-optin_form .hustle-modal-mc_title label{ color: #FDFDFD; } .module_id_6 .hustle-modal .hustle-modal-optin_form .hustle-modal-mc_groups .hustle-modal-mc_option .hustle-modal-mc_label label{ color: #ADB5B7; } .module_id_6 .wpmudev-modal-mask{ background-color: rgba(0,0,0,0.8); } .module_id_6 .hustle-modal .hustle-modal-close svg path{ fill: #78B5D1; } .module_id_6 .hustle-modal .hustle-modal-close svg path:hover { fill: #78B5D1; } .module_id_6 .hustle-modal .hustle-modal-close svg path:active { fill: #78B5D1; } .module_id_6 .hustle-modal-image img{ object-position: center center; } .module_id_6 .hustle-modal .hustle-modal-body{ box-shadow: 0px 0px 0px 0px #000000; }</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; var show_recaptcha = false; 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 ) ) && ( 'undefined' === typeof is_preview || _.isFalse( is_preview ) ) ) ? 'hustle-animated' : 'hustle-modal-static' }}"> <# if ( 'embedded' !== module_type ) { #> <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 ( 'recaptcha' === element_type ) { show_recaptcha = true; return; } 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> <# } #> <# if ( show_recaptcha ) { #> <# } #> </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 ( 'recaptcha' === element_type ) { show_recaptcha = true; return; } 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> <# } #> <# if ( show_recaptcha ) { #> <# } #> </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 ( 'recaptcha' === element_type ) { show_recaptcha = true; return; } 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> <# if ( show_recaptcha ) { #> <# } #> </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 ( 'recaptcha' === element_type ) { show_recaptcha = true; return; } 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> <# if ( show_recaptcha ) { #> <# } #> </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 ( 'recaptcha' === element_type ) { show_recaptcha = true; return; } 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> <# } #> <# if ( show_recaptcha ) { #> <# } #> </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 ( 'recaptcha' === element_type ) { show_recaptcha = true; return; } 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> <# } #> <# if ( show_recaptcha ) { #> <# } #> </div> </div> </aside> <# } #> <# } #> </div> </div> </script> <script id="wpmudev-hustle-modal-without-optin-tpl" type="text/template"> <div class="hustle-modal hustle-modal-{{ ( 'simple' === design.style || 'minimal' === design.style ) ? design.style : 'cabriolet' }}<# if ( ( _.isTrue( content.use_feature_image ) && 'none' === design.feature_image_fit ) && _.isFalse( content.has_title ) && '' === content.main_content && _.isFalse( content.show_cta ) ) { #> hustle-modal-image_only<# } #> {{ ( ( ( '' !== settings.animation_in && 'no_animation' !== settings.animation_in ) || ( '' !== settings.animation_out && 'no_animation' !== settings.animation_out ) ) && ( 'undefined' === typeof is_preview || _.isFalse( is_preview ) ) ) ? 'hustle-animated' : 'hustle-modal-static' }}"> <# if ( 'simple' === design.style ) { #> <# if ( 'embedded' !== module_type ) { #> <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_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> <# } #> </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> <# } else if ( 'minimal' === design.style ) { #> <# if ( 'embedded' !== module_type ) { #> <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_cta ) && '' !== content.cta_label && '' !== content.cta_url ) { #> <footer 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> <# } #> </footer> <# } #> </div> <# } else { // ( '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"><# } #> <# if ( 'embedded' !== module_type ) { #> <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.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_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_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> <# } #> </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"> </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.6' 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.6' 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.6' type='text/css' media='all' /> <link rel='stylesheet' id='hustle_front-css' href='http://www.vodan-yachting.com/wp-content/plugins/wordpress-popup/assets/css/front.min.css?ver=3.0.7' type='text/css' media='all' /> <script type='text/javascript' src='http://www.vodan-yachting.com/wp-includes/js/underscore.min.js?ver=1.8.3' id='underscore-js'></script> <script type='text/javascript' id='hustle_front-js-extra'> /* <![CDATA[ */ var Modules = [{"content":{"module_name":"Book your spot on the yacht","has_title":true,"title":"Book your spot on the yacht","sub_title":"","main_content":"<p> <script type=\"text\/javascript\"> function contactformOnload2() { if (navigator.userAgent.toLowerCase().indexOf('msie') != -1) { if (parseInt(navigator.userAgent.toLowerCase().split('msie')[1]) === 8) { jQuery(\"#contactform2\").find(jQuery(\"input[type='radio']\")).click(function() {jQuery(\"input[type='radio']+label\").removeClass('if-ie-div-label'); jQuery(\"input[type='radio']:checked+label\").addClass('if-ie-div-label')});\t jQuery(\"#contactform2\").find(jQuery(\"input[type='radio']:checked+label\")).addClass('if-ie-div-label'); jQuery(\"#contactform2\").find(jQuery(\"input[type='checkbox']\")).click(function() {jQuery(\"input[type='checkbox']+label\").removeClass('if-ie-div-label'); jQuery(\"input[type='checkbox']:checked+label\").addClass('if-ie-div-label')});\t jQuery(\"#contactform2\").find(jQuery(\"input[type='checkbox']:checked+label\")).addClass('if-ie-div-label'); } } jQuery(\"div[type='type_text'] input, div[type='type_number'] input, div[type='type_phone'] input, div[type='type_name'] input, div[type='type_submitter_mail'] input, div[type='type_textarea'] textarea\").focus(function() {delete_value(this)}).blur(function() {return_value(this)}); jQuery(\"div[type='type_number'] input, div[type='type_phone'] input\").keypress(function(evt) {return check_isnum(evt)}); jQuery('.wdform-element-section').each(function() { if (!jQuery(this).parent()[0].style.width) { if (parseInt(jQuery(this).width()) != 0) { if (jQuery(this).css('display') == \"table-cell\") { if (jQuery(this).parent().attr('type') != \"type_captcha\") { jQuery(this).parent().css('width', parseInt(jQuery(this).width()) + parseInt(jQuery(this).parent().find(jQuery(\".wdform-label-section\"))[0].style.width)+15); } else { jQuery(this).parent().css('width', (parseInt(jQuery(this).parent().find(jQuery(\".captcha_input\"))[0].style.width)*2+50) + parseInt(jQuery(this).parent().find(jQuery(\".wdform-label-section\"))[0].style.width)+15); } } } } if(parseInt(jQuery(this)[0].style.width.replace('px', '')) < parseInt(jQuery(this).css('min-width').replace('px', ''))) jQuery(this).css('min-width', parseInt(jQuery(this)[0].style.width.replace('px', ''))-10); });\t jQuery('.wdform-label').each(function() { if(parseInt(jQuery(this).height()) >= 2*parseInt(jQuery(this).css('line-height').replace('px', ''))) { jQuery(this).parent().css('max-width',jQuery(this).parent().width()); jQuery(this).parent().css('width',''); } }); if (jQuery(\".cfm_style\").parent().prop(\"tagName\") == \"P\") { jQuery(\".cfm_style\").parent().css({padding: 0, margin: 0}); } jQuery(\"#wd_captcha2\").click(function() {captcha_refresh(\"wd_captcha\",\"2\")});jQuery(\"#_element_refresh2\").click(function() {captcha_refresh(\"wd_captcha\",\"2\")});captcha_refresh(\"wd_captcha\", \"2\"); } jQuery(window).load(function () { contactformOnload2(); }); form_view_count2 = 0; jQuery(document).ready(function () { if (document.getElementById(2+'contactform_view1')) { wdform_page = document.getElementById(2+'contactform_view1'); remove_whitespace(wdform_page); n = wdform_page.childNodes.length - 2; for (z = 0; z <= n; z++) { if (wdform_page.childNodes[z]) { if (wdform_page.childNodes[z].getAttribute(\"disabled\")) { var wdform_section_break = wdform_page.childNodes[z]; move = wdform_section_break.nextSibling; to = wdform_section_break.previousSibling; l = move.childNodes.length; for (k = 0; k < l; k++) { if (to.childNodes[k]) { while (move.childNodes[k].firstChild) { to.childNodes[k].appendChild(move.childNodes[k].firstChild); } } else if (typeof move.childNodes[k] != \"undefined\") { to.appendChild(move.childNodes[k]); } } wdform_section_break.parentNode.removeChild(wdform_section_break.nextSibling); wdform_section_break.parentNode.removeChild(wdform_section_break); } } } } }); function check_required2(but_type) { if (but_type == 'reset') { window.location = \"\/trips\/\"; return; } x = jQuery(\"#contactform2\"); if (x.find(jQuery(\"div[wdid=3]\")).length != 0) { if (jQuery(\"#wdform_3_element_first2\").val()==\"\" || jQuery(\"#wdform_3_element_first2\").val()==\"\" || jQuery(\"#wdform_3_element_last2\").val()==\"\" || jQuery(\"#wdform_3_element_last2\").val()==\"\") { alert(\"Name: field is required.\"); old_bg=x.find(jQuery(\"div[wdid=3]\")).css(\"background-color\"); x.find(jQuery(\"div[wdid=3]\")).effect( \"shake\", {}, 500 ).css(\"background-color\",\"#FF8F8B\").animate({backgroundColor: old_bg}, {duration: 500, queue: false }); jQuery(\"#wdform_3_element_first2\").focus(); return false; } } if (x.find(jQuery(\"div[wdid=4]\")).length != 0) { if (jQuery(\"#wdform_4_element2\").val()==\"someone@example.com\" || jQuery(\"#wdform_4_element2\").val()==\"\") { alert(\"E-mail: field is required.\"); jQuery(\"#wdform_4_element2\").addClass( \"form-error\" ); old_bg=x.find(jQuery(\"div[wdid=4]\")).css(\"background-color\"); x.find(jQuery(\"div[wdid=4]\")).effect( \"shake\", {}, 500 ).css(\"background-color\",\"#FF8F8B\").animate({backgroundColor: old_bg}, {duration: 500, queue: false }); jQuery(\"#wdform_4_element2\").focus(); jQuery(\"#wdform_4_element2\").change(function() { if( jQuery(this).val()!=\"\" ) jQuery(this).removeClass(\"form-error\"); else jQuery(this).addClass(\"form-error\");}); return false; } } if (x.find(jQuery(\"div[wdid=4]\")).length != 0) { if (jQuery(\"#wdform_4_element2\").val() != \"\") { if (cfm_check_email(\"wdform_4_element2\")) { alert(\"This is not a valid email address.\"); old_bg=x.find(jQuery(\"div[wdid=4]\")).css(\"background-color\"); x.find(jQuery(\"div[wdid=4]\")).effect( \"shake\", {}, 500 ).css(\"background-color\",\"#FF8F8B\").animate({backgroundColor: old_bg}, {duration: 500, queue: false }); jQuery(\"#wdform_4_element2\").focus(); return false; } } } if (x.find(jQuery(\"div[wdid=28]\")).length != 0) { if (jQuery(\"#wd_captcha_input2\").val()==\"\") { alert(\"Type the characters you see here: field is required.\"); old_bg=x.find(jQuery(\"div[wdid=28]\")).css(\"background-color\"); x.find(jQuery(\"div[wdid=28]\")).effect( \"shake\", {}, 500 ).css(\"background-color\",\"#FF8F8B\").animate({backgroundColor: old_bg}, {duration: 500, queue: false }); jQuery(\"#wd_captcha_input2\").focus(); return false; } }; var a = []; if (typeof a[2] !== 'undefined') { if (a[2] == 1) { return; } } if (!jQuery(\"#wdform_27_element2\").is(\":checked\")) { jQuery(\"<input type=\\\"hidden\\\" name=\\\"wdform_send_copy_2\\\" value = \\\"1\\\" \/>\").appendTo(\"#contactform2\"); } jQuery(\"<input type=\\\"hidden\\\" name=\\\"captcha_improve_2\\\" value = \\\"1\\\" \/>\").appendTo(\"#contactform2\"); ; a[2] = 1; document.getElementById(\"contactform\"+2).submit(); } <\/script> <style class=\"cfm_style\">.contactform2 .wdform-page-and-images .other_input{max-width: none;}.contactform2 button, .contactform2input, .contactform2select, .contactform2textarea{font-size:14px;}.contactform2 .warning, .contactform2.error{background-color: #F0EFEF;border: 1px solid #000000;border-radius: 5px;color: #000000;padding: 5px;}.contactform2 .warning *, .contactform2.error *{margin:0;}.contactform2 .recaptcha_input_area input{height:initial !important;}.contactform2 input[type=\"radio\"]{border:none !important;outline:none !important;}.contactform2 input[type=\"checkbox\"]{border:none !important;outline:none !important;}.contactform2 a.ui-spinner-button{border-radius:0px !important;background: none!important;}.contactform2 a.ui-slider-handle {width: 13px;height: 13px;top: -4px;border: 0px;border-radius: 13px;background: #FAFAFA;border: 3px solid #B1B1B1;outline: none;}.contactform2 .ui-slider {\theight: 6px;\tbackground: #F5F5F5 !important;\tmargin: 7px 0px;}.contactform2 .wdform_grading input {\twidth: 100px;}.contactform2 .wdform-matrix-cell input[type=\"text\"] {\twidth: 100px;}.contactform2 .wdform-matrix-cell select {\twidth: 60px;}.contactform2 .wdform_section .wdform_column:last-child {\tpadding-right: 0px !important;}.contactform2 .wdform_preload {\tdisplay: none;}.contactform2 .wdform_grading {\tpadding: 3px 0px;}.contactform2 .wdform-matrix-table {\tdisplay: table;\tborder-spacing: 0px;}.contactform2 .wdform-matrix-column {\ttext-align: left;\tdisplay: table-cell;}.contactform2 .wdform-matrix-cell {\ttext-align: center;\tdisplay: table-cell;\tpadding: 6px 10px;}.contactform2 .wdform-matrix-head>div {\tdisplay: table-cell;\ttext-align: center;}.contactform2 .wdform-matrix-head {\tdisplay: table-row;}.contactform2 .wdform-matrix-row0 {\tbackground: #DFDFDF;\tdisplay: table-row;}.contactform2 .wdform-matrix-row1 {\tbackground: #E9E9E9;\tdisplay: table-row;}.contactform2 .selected-text {\ttext-align: left;\tcolor: #000;}.contactform2 .wdform-quantity {\twidth: 30px;\tmargin: 2px 0px;}.contactform2 .wdform_scale_rating label {\tvertical-align: middle;}.contactform2 .ui-corner-all {\tborder-radius: 0px;}.contactform2 .ui-widget-content {\tborder: 0px;\tbackground: transparent;}.contactform2 .ui-slider-range {\tbackground: #8A8A8A !important;}.contactform2 .wdform_map {\tborder: 6px solid #fff;}.contactform2 .wdform-page-and-images {\twidth: 100%;\tborder: 0px solid #000 !important;padding-left:10px;}.contactform2 .paypal-property {\tdisplay: inline-block;\tmargin-right: 15px;\tvertical-align: middle;}.contactform2 .sel-wrap {\tdisplay: inline-block;\tvertical-align: middle;\twidth:100%;}.contactform2 .sel-imul {\tdisplay: none;}.contactform2 .sel-imul .sel-selected {\tcursor: pointer;\tposition: relative;\tdisplay: inline-block;\tborder-radius: 0px;\tpadding: 0px 0px 0px 2px;\tfont-size: 13px;\theight: 22px;\tline-height: 22px;\toverflow: hidden;\tbackground: #F8F8F8;\tborder: 0px solid #D3D3D3;\tbackground-position: right 2px center;\twidth: 100%;}.contactform2 .sel-imul.act .sel-selected {\tbackground: #fff;}.contactform2 .sel-selected .sel-arraw {\theight: 23px;\twidth: 30px;\tbackground: url(http:\/\/www.vodan-yachting.com\/wp-content\/plugins\/contact-form-builder\/images\/09\/01.png) 50% 50% no-repeat;\tposition: absolute;\ttop: 0px;\tright: 0px;\tpadding: 0px;}.contactform2 .sel-imul .sel-options {\tbackground: #fff;\tborder: 1px solid #dbdbdb;\tborder-top: none;\tposition: absolute;\twidth: inherit;\tdisplay: none;\tz-index: 10;\tmax-height: 200px;\toverflow-y: auto;\toverflow-x: hidden;}.contactform2 .sel-options .sel-option {\tpadding: 3px 4px;\tfont-size: 13px;\tborder: 1px solid #fff;\tborder-right: none;\tborder-left: none;\ttext-align: left;}.contactform2 .sel-options .sel-option:hover {\tborder-color: #dbdbdb;\tcursor: pointer;}.contactform2 .sel-options .sel-option.sel-ed {\tbackground: #dbdbdb;\tborder-color: #dbdbdb;}.contactform2 input[type=text]{\tmargin: 0px;}.contactform2 input[type=password]{\tmargin: 0px;}.contactform2 input[type=url]{\tmargin: 0px;}.contactform2 input[type=email]{\tmargin: 0px;}.contactform2 input.text{\tmargin: 0px;}.contactform2 input.title{\tmargin: 0px;}.contactform2 textarea{\tmargin: 0px;}.contactform2 select {\tmargin: 0px;}.contactform2 .form-error {\tborder-color: red !important;}.contactform2 .form-error:focus {\tborder-color: red !important;}.contactform2 .wdform-field {\tdisplay: table-cell;\tpadding: 5px 0px;}.contactform2 .wdform-label-section{\ttext-align: left;\tdisplay: table-cell;}.contactform2 .wdform-element-section {\ttext-align: left;\tdisplay: table-cell;\tmin-width: 140px;}.contactform2 .file-upload input {\tposition: absolute;\tvisibility: hidden;}.contactform2 .file-upload-status {\tmargin-left: 10px;\tmax-width: 200px;\tfont-weight: bold;\tfont-size: 16px;\tcolor: #888;\tposition: absolute;\tborder-radius: 0px;\theight: 23px;\tpadding-left: 5px;\tpadding-right: 5px;\twhite-space: nowrap;\toverflow: hidden;\t}.contactform2 .file-picker {\twidth: 41px;\theight: 32px;\tbackground: url(http:\/\/www.vodan-yachting.com\/wp-content\/plugins\/contact-form-builder\/images\/10\/02\/upload.png) no-repeat;\tdisplay: inline-block;}.contactform2 .next-page div.wdform-page-button {color: #FFF;cursor: pointer;display: inline-block;height: 38px;line-height: 35px;background:url(http:\/\/www.vodan-yachting.com\/wp-content\/plugins\/contact-form-builder\/images\/10\/next.png) no-repeat right #000;padding: 0px 36px 0 20px;vertical-align: middle;font-size: 18px;border-top-right-radius: 7px;border-bottom-right-radius: 7px;}.contactform2 .previous-page div.wdform-page-button {color: #A2A2A2;cursor: pointer;display: inline-block;height: 37px;line-height: 35px;background:url(http:\/\/www.vodan-yachting.com\/wp-content\/plugins\/contact-form-builder\/images\/09\/previous.png) no-repeat left #F1F1F1;padding: 0 20px 0 36px;vertical-align: middle;font-size: 18px;border-top-left-radius: 7px;border-bottom-left-radius: 7px;}.contactform2 .button-submit {\tcolor: #ffffff;\tcursor: pointer;\tdisplay: inline-block;\tline-height: 35px;\tbackground: #000;\tpadding: 0px 20px;\tvertical-align: middle;\tfont-size: 18px;\tmin-width: 80px;\tmin-height: 35px;\tfont-family: Segoe UI;\t\tborder: 1px solid transparent;\tmargin: 5px;}.contactform2 .button-reset {\tcolor: #787878;\tcursor: pointer;\tdisplay: inline-block;\tline-height: 35px;\tbackground: #F0EFEF;\tpadding: 0px 20px;\tvertical-align: middle;\tfont-size: 18px;\tmin-width: 80px;\tmin-height: 35px;\tfont-family: Segoe UI;\tfloat: right;\tborder: 1px solid transparent;\tmargin: 5px;}.contactform2 .wdform_page {\tbackground: transparent;\tborder-radius: 0px;\tfont-family: Segoe UI;}.contactform2 .wdform_column {\tpadding-right: 50px !important;\tfloat: left;\tborder-spacing: 2px;\tborder-collapse: separate !important;}.contactform2 .wdform_section_break2 {\tcolor: #000;\tdisplay: inline-block;\ttext-align: left;\tfont-size: 23px;margin: 16px 10px 40px 0px;}.contactform2 .wdform_section_break {\tcolor: #000;\tfont-size: 23px;margin: 16px 0px;}.contactform2 .wdform_section {\tdisplay: inline-block;}.contactform2 select {\tpadding: 2px;\theight: 26px;\tborder: 1px solid #B7B7B7;background: #F8F8F8;}.contactform2 input[type=\"text\"]{\tborder-radius: 0px;\theight: 22px;\tpadding:0 3px !important;\tbackground: #F8F8F8;border:1px solid #B7B7B7;}.contactform2 input[type=\"password\"]{\tborder-radius: 0px;\theight: 22px;\tpadding:0 3px !important;\tbackground: #F8F8F8;border:1px solid #B7B7B7;}.contactform2 textarea {\tborder-radius: 0px;\theight: 22px;\tpadding:0 3px !important;\tbackground: #F8F8F8;border:1px solid #B7B7B7;}.contactform2 input[type=\"text\"]:focus{\toutline: none;}.contactform2 input[type=\"password\"]:focus{\toutline: none;}.contactform2 textarea:focus{\toutline: none;}.contactform2 select {\toutline: none;}.contactform2 .input_deactive {\tcolor: #999999;\tfont-style: italic;}.contactform2 .input_active {\tcolor: #000000;\tfont-style: normal;}.contactform2 .am_pm_select {\twidth: 30px;\tvertical-align: middle;}.contactform2 .wdform-calendar-button, .contactform2.wdform-calendar-button:hover { display:inline-block;\tbackground: transparent url(http:\/\/www.vodan-yachting.com\/wp-content\/plugins\/contact-form-builder\/images\/03\/date.png) no-repeat !important;\tborder: 0px;\tcolor: transparent;\twidth: 22px;\theight: 22px;\tposition: relative;\tleft: -22px;\tvertical-align: top;\toutline: none;}.contactform2 .forlabs {\tfloat: right;\tmargin-right: 20px;}.contactform2 .if-ie-div-label {\t-ms-filter: \"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)\" !important;\tfilter: alpha(opacity=100) !important;\topacity: 1 !important;}.contactform2 .wdform-ch-rad-label {\tdisplay: inline;\tmargin: -4px 5px 5px 5px;\tfloat: left;\tcolor: #000;\tcursor: pointer}.contactform2 textarea {\tpadding-top: 5px;}.contactform2 .wdform-date { display:inline-block;\twidth: 105px}.contactform2 .wdform_footer {\tmargin-top: 15px;}.contactform2 .page-numbers {\tvertical-align: middle;}.contactform2 .time_box {\ttext-align: right;\twidth: 30px;\tvertical-align: middle}.contactform2 .mini_label {\tfont-size: 10px;\tfont-family: \"Lucida Grande\", Tahoma, Arial, Verdana, sans-serif;\tcolor: #8A8A8A;}.contactform2 .wdform-label {\tborder: none;\tcolor: #000;\tvertical-align: top;\tline-height: 17px;}.contactform2 .wdform_colon {\tcolor: #000}.contactform2 .wdform_separator {\tfont-style: bold;\tvertical-align: middle;\tcolor: #000;}.contactform2 .wdform_line {\tcolor: #000}.contactform2 .wdform-required {\tborder: none;\tcolor: red;\tvertical-align: top;}.contactform2 .captcha_img {\tborder-width: 0px;\tmargin: 0px;\tpadding: 0px;\tcursor: pointer;\tborder-radius: 0px;}.contactform2 .captcha_refresh {\twidth: 30px;\theight: 30px;\tborder-width: 0px;\tmargin: 0px;\tpadding: 0px;\tvertical-align: middle;\tcursor: pointer;\tbackground-image: url(http:\/\/www.vodan-yachting.com\/wp-content\/plugins\/contact-form-builder\/images\/refresh_black.png);}.contactform2 .captcha_input {\theight: 20px;\tborder-width: 1px;\tmargin: 0px;\tpadding: 0px;\tvertical-align: middle;}.contactform2 .file_upload {\tborder: 0px solid white;\tborder-radius: 0px;\tmargin: 0px;\tpadding: 0px;\tcolor: black;\tbackground-color: white;}.contactform2 .page_deactive {color: #000;background-color: #FFF;cursor: pointer;display: inline-block;height: 29px;text-align: center;vertical-align: bottom;padding: 5px 25px 0px 25px;font-size: 16px;font-weight:bold;}.contactform2 .page_active {color: #FFF;cursor: pointer;background-color: #000;display: inline-block;vertical-align: bottom;height: 29px;text-align: center;font-size: 20px;padding: 5px 25px 0px 25px;line-height: 26px;font-weight:bold;}.contactform2 .page_percentage_active {padding: 0px;margin: 0px;border-spacing: 0px;height: 16px;line-height: 16px;font-size: 15px;float: left;text-align: right !important;z-index: 1;position: relative;vertical-align: middle;background: #000;color: #fff;border-top-left-radius: 5px;border-bottom-left-radius: 5px;}.contactform2 .page_percentage_deactive {height: 16px;line-height: 16px;background-color: #F1F1F1;text-align: left !important;margin-bottom: 1px;border-radius: 5px;}.contactform2 .page_numbers {\tfont-size: 14px;\tcolor: #000;}.contactform2 .phone_area_code {\twidth: 50px;}.contactform2 .phone_number {\twidth: 100px;}.contactform2 button {\tcursor: pointer;}.contactform2 .other_input {\tborder-radius: 0px;\tborder-width: 1px;\theight: 16px;\tfont-size: 12px;\tpadding: 1px;\tmargin: 1px;\tmargin-left: 25px;\tz-index: 100;\tposition: absolute;}.contactform2 .wdform_page_navigation {\ttext-align: right !important;}.contactform2 .wdform_percentage_text {margin: 3px 5px 3px 9px;color: #FFF;font-size: 12px;}.contactform2 .wdform_percentage_title {\tcolor: #6E6E6E;\tfont-style: italic;\tmargin: 0px 0px 0px 40px;\tdisplay: inline-block;\tline-height: 27px;\theight: 27px;\tvertical-align: middle;}.contactform2 .wdform_button button {\tbackground: #4D792C;\tcursor: pointer;\tfont-size: 17px;\tborder-radius: 0px;\tmin-width: 80px;\tmin-height: 31px;\tcolor: #fff;\tborder: 2px solid #68943B;\tmargin: 5px;\tbox-shadow: 0px 0px 2px #c9c9c9;\tfont-family: Segoe UI;}.contactform2 <\/style><form name=\"contactform2\" action=\"\/trips\/\" method=\"post\" id=\"contactform2\" class=\"contactform2\" enctype=\"multipart\/form-data\" onsubmit=\"check_required('submit', '2'); return false;\"> <input type=\"hidden\" id=\"counter2\" value=\"34\" name=\"counter2\" \/> <input type=\"hidden\" id=\"Itemid2\" value=\"\" name=\"Itemid2\" \/><div class=\"wdform-page-and-images\" style=\"display:table; border-top:0px solid black;\"><div id=\"2contactform_view1\" class=\"wdform_page\" page_title=\"Untitled page\" next_title=\"Next\" next_type=\"text\" next_class=\"wdform-page-button\" next_checkable=\"false\" previous_title=\"Previous\" previous_type=\"text\" previous_class=\"wdform-page-button\" previous_checkable=\"false\"><div class=\"wdform_section\"><div class=\"wdform_column ui-sortable\"><\/div><div class=\"wdform_column ui-sortable\"><\/div><\/div><div wdid=\"1\" type=\"type_section_break\" class=\"wdform_tr_section_break\"><div type=\"type_section_break\" class=\"wdform-field-section-break\"><div class=\"wdform_section_break\"><h2 style=\"font-size: 30px; font-family: Bitter, Georgia, serif; clear: both; line-height: 1.3; margin: 25px 0px;\">Contact Us<\/h2><div style=\"color: rgb(20, 20, 18); font-family: Source Sans Pro, Helvetica, sans-serif; font-size: 16px; line-height: 24px;\">You may contact us by filling in this form any time you need professional support or have any questions. You can also fill in the form to leave your comments or feedback.<\/div><\/div><\/div><\/div><div class=\"wdform_section\"><div class=\"wdform_column ui-sortable\"><div wdid=\"3\" class=\"wdform_row ui-sortable-handle\" style=\"opacity: 1;\"><div type=\"type_name\" class=\"wdform-field\" style=\"width:460px\"><div class=\"wdform-label-section\" style=\"float: left;; width: 100px;\"><span class=\"wdform-label\">Name:<\/span><span class=\"wdform-required\">*<\/span><\/div> <div class=\"wdform-element-section \" style=\" width: 360px;\"> <div style=\"display: table-cell; width:50%\"> <div><input type=\"text\" class=\"input_deactive\"name=\"wdform_3_element_first2\" value=\"\" title=\"\" style=\"width: 100%;\"><\/div> <div><label class=\"mini_label\">First<\/label><\/div> <\/div> <div style=\"display:table-cell;\"><div style=\"margin: 0px 8px; padding: 0px;\"><\/div><\/div> <div style=\"display: table-cell; width:50%\"> <div><input type=\"text\" class=\"input_deactive\" name=\"wdform_3_element_last2\" value=\"\" title=\"\" style=\"width: 100%;\" ><\/div> <div><label class=\"mini_label\">Last<\/label><\/div> <\/div><\/div><\/div><\/div><div wdid=\"4\" class=\"wdform_row ui-sortable-handle\"><div type=\"type_submitter_mail\" class=\"wdform-field\" style=\"width:460px\"><div class=\"wdform-label-section\" style=\"float: left;; width: 100px;\"><span class=\"wdform-label\">E-mail:<\/span><span class=\"wdform-required\">*<\/span><\/div><div class=\"wdform-element-section \" style=\" width: 360px;\"><input type=\"text\" class=\"input_deactive\" id=\"wdform_4_element2\" name=\"wdform_4_element2\" value=\"someone@example.com\" title=\"someone@example.com\" style=\"width: 100%;\" ><\/div><\/div><\/div><div wdid=\"7\" class=\"wdform_row ui-sortable-handle\"><div type=\"type_phone\" class=\"wdform-field\" style=\"width:465px\"><div class=\"wdform-label-section \" style=\"float: left;; width: 100px;\"><span class=\"wdform-label\" >Phone:<\/span> <\/div> <div class=\"wdform-element-section \" style=\" width: 365px;\"> <div style=\"display: table-cell;vertical-align: middle;\"> <div><input type=\"text\" class=\"input_deactive\" id=\"wdform_7_element_first2\" name=\"wdform_7_element_first2\" value=\"\" title=\"\" style=\"width: 50px;\" ><\/div> <div><label class=\"mini_label\">Area Code<\/label><\/div> <\/div> <div style=\"display: table-cell;vertical-align: middle;\"> <div class=\"wdform_line\" style=\"margin: 0px 4px 10px 4px; padding: 0px;\">-<\/div> <\/div> <div style=\"display: table-cell;vertical-align: middle; width:100%;\"> <div><input type=\"text\" class=\"input_deactive\" id=\"wdform_7_element_last2\" name=\"wdform_7_element_last2\" value=\"\" title=\"\" style=\"width: 100%;\" ><\/div> <div><label class=\"mini_label\">Phone Number<\/label><\/div> <\/div> <\/div> <\/div><\/div><div wdid=\"8\" class=\"wdform_row ui-sortable-handle\" style=\"opacity: 0.4;\" disabled=\"yes\"><\/div><div wdid=\"15\" class=\"wdform_row ui-sortable-handle\" style=\"opacity: 0.4;\" disabled=\"yes\"><\/div><div wdid=\"22\" class=\"wdform_row ui-sortable-handle\" disabled=\"yes\" style=\"opacity: 0.4;\"><\/div><div wdid=\"26\" class=\"wdform_row ui-sortable-handle\" style=\"opacity: 0.4;\" disabled=\"yes\"><\/div><div wdid=\"23\" class=\"wdform_row ui-sortable-handle\" disabled=\"yes\" style=\"opacity: 0.4;\"><\/div><div wdid=\"25\" class=\"wdform_row ui-sortable-handle\" style=\"opacity: 0.4;\" disabled=\"yes\"><\/div><div wdid=\"27\" class=\"wdform_row ui-sortable-handle\" style=\"opacity: 1;\"><div type=\"type_send_copy\" class=\"wdform-field\"><div class=\"wdform-label-section\" style=\"float: left; width: 260px;\"><span class=\"wdform-label\"><label for=\"wdform_27_element2\">Send a copy of this message to yourself:<\/label><\/span><\/div> <div class=\"wdform-element-section\" style=\"min-width:inherit !important; \" > <div class=\"checkbox-div\" style=\"left:3px\"> <input type=\"checkbox\" id=\"wdform_27_element2\" name=\"wdform_27_element2\" \/> <label for=\"wdform_27_element2\"><\/label> <\/div> <\/div><\/div><\/div><div wdid=\"28\" class=\"wdform_row ui-sortable-handle\" style=\"opacity: 1;\"><div type=\"type_captcha\" class=\"wdform-field\"><div class=\"wdform-label-section\" style=\" width: 250px;\"><span class=\"wdform-label\">Type the characters you see here:<\/span><\/div><div class=\"wdform-element-section \" style=\"display: block;\"><div style=\"display: table;\"><div style=\"display: table-cell;vertical-align: middle;\"><div valign=\"middle\" style=\"display: table-cell; text-align: center;\"><img type=\"captcha\" digit=\"6\" src=\" http:\/\/www.vodan-yachting.com\/wp-admin\/admin-ajax.php?action=ContactFormmakerwdcaptcha&digit=6&i=2\" id=\"wd_captcha2\" class=\"captcha_img\" style=\"display:none\" ><\/div><div valign=\"middle\" style=\"display: table-cell;\"><div class=\"captcha_refresh\" id=\"_element_refresh2\" ><\/div><\/div><\/div><div style=\"display: table-cell;vertical-align: middle;\"><div style=\"display: table-cell;\"><input type=\"text\" class=\"captcha_input\" id=\"wd_captcha_input2\" name=\"captcha_input\" style=\"width: 75px;\" ><\/div><\/div><\/div><\/div><\/div><\/div><div wdid=\"30\" class=\"wdform_row ui-sortable-handle\"><div type=\"type_submit_reset\" class=\"wdform-field\"><div class=\"wdform-label-section\" style=\"display: table-cell;\"><\/div><div class=\"wdform-element-section \" style=\"display: table-cell;\"><button type=\"button\" class=\"button-submit\" onclick=\"check_required2("submit", "2");\" >Submit<\/button><button type=\"button\" class=\"button-reset\" onclick=\"check_required2("reset");\" >Reset<\/button><\/div><\/div><\/div><div wdid=\"31\" class=\"wdform_row ui-sortable-handle\" style=\"opacity: 1;\"><div type=\"type_editor\" class=\"wdform-field\"><p><span style=\"color: rgb(153, 0, 0); font-family: Arial, Helvetica, sans-serif; font-size: 15px; line-height: normal; background-color: rgb(244, 244, 244);\">* Indicates required fields<\/span><\/p><\/div><\/div><div wdid=\"2\" class=\"wdform_row ui-sortable-handle\" style=\"opacity: 0.4;\" disabled=\"yes\"><\/div><div wdid=\"5\" class=\"wdform_row ui-sortable-handle\" disabled=\"yes\" style=\"opacity: 0.4;\"><\/div><div wdid=\"6\" class=\"wdform_row ui-sortable-handle\" disabled=\"yes\" style=\"opacity: 0.4;\"><\/div><div wdid=\"16\" class=\"wdform_row ui-sortable-handle\" disabled=\"yes\" style=\"opacity: 0.4;\"><\/div><div wdid=\"9\" class=\"wdform_row ui-sortable-handle\" disabled=\"yes\" style=\"opacity: 0.4;\"><\/div><div wdid=\"24\" class=\"wdform_row ui-sortable-handle\" style=\"opacity: 0.4;\" disabled=\"yes\"><\/div><div wdid=\"29\" class=\"wdform_row ui-sortable-handle\" style=\"opacity: 0.4;\" disabled=\"yes\"><\/div><div wdid=\"33\" class=\"wdform_row ui-sortable-handle\" disabled=\"yes\" style=\"opacity: 0.4;\"><\/div><div wdid=\"32\" class=\"wdform_row ui-sortable-handle\" disabled=\"yes\" style=\"opacity: 0.4;\"><\/div><\/div><div class=\"wdform_column ui-sortable\"><\/div><\/div><div valign=\"top\" class=\"wdform_footer\" style=\"width: 100%;\"><div style=\"width: 100%;\"><div style=\"width: 100%; display: table;\"><div style=\"display: table-row-group;\"><div id=\"2contactpage_nav1\" style=\"display: table-row;\"><\/div><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"wdform_preload\"><\/div><\/form><\/p>","use_feature_image":false,"feature_image":"","feature_image_location":"left","feature_image_hide_on_mobile":"false","show_cta":true,"show_gdpr":0,"cta_label":"Send Application","cta_url":"http:\/\/www.vodan-yachting.com\/t","cta_target":"blank","use_email_collection":0,"save_local_list":0,"local_list_name":"","active_email_service":"","form_elements":"","after_successful_submission":"show_success","success_message":"","gdpr_message":"Yes, I agree with the <a href=\"\">privacy policy<\/a>.","auto_close_success_message":0,"auto_close_time":5,"auto_close_unit":"seconds","redirect_url":""},"design":{"form_layout":"one","feature_image_position":"left","feature_image_fit":"cover","feature_image_horizontal":"center","feature_image_horizontal_px":"-100","feature_image_vertical":"center","feature_image_vertical_px":"-100","style":"cabriolet","customize_colors":"0","main_bg_color":"#ffffff","image_container_bg":"rgba(53,65,74,1)","form_area_bg":"rgba(93,115,128,1)","title_color":"#ffffff","subtitle_color":"#ffffff","content_color":"rgba(173,181,183,1)","link_static_color":"#1FC5B6","link_hover_color":"#15A296","link_active_color":"#15A296","cta_button_static_bg":"#1FC5B6","cta_button_hover_bg":"#15A296","cta_button_active_bg":"#15A296","cta_button_static_color":"rgba(255,255,255,1)","cta_button_hover_color":"rgba(255,255,255,1)","cta_button_active_color":"rgba(255,255,255,1)","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(56,197,181,1)","optin_success_content_color":"rgba(253,253,253,1)","overlay_bg":"rgba(51,51,51,0.9)","close_button_static_color":"rgba(56,197,181,1)","close_button_hover_color":"rgba(73,226,209,1)","close_button_active_color":"rgba(73,226,209,1)","border":"1","border_radius":"5","border_weight":"3","border_type":"solid","border_color":"rgba(218,218,218,1)","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":"false","custom_height":"300","custom_width":"600","form_fields_border":0,"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":0,"button_border_radius":5,"button_border_weight":3,"button_border_type":"solid","button_border_color":"rgba(218,218,218,1)","customize_css":"0","custom_css":""},"settings":{"animation_in":"no_animation","animation_out":"no_animation","after_close":"keep_show","expiration":365,"expiration_unit":"days","allow_scroll_page":0,"not_close_on_background_click":0,"on_submit":"default","after_content_enabled":"false","widget_enabled":"true","shortcode_enabled":"true","conditions":{"pages":{"filter_type":"only","pages":["2045"]}}},"tracking_types":null,"test_types":null,"module_id":"3","blog_id":"1","module_name":"Book your spot on the yacht","module_type":"embedded","active":"1","test_mode":"0"},{"content":{"module_name":"zagreb-montenegro","has_title":true,"title":"Book your spot on the yacht","sub_title":"","main_content":"<p>BOARDING LOCATION<\/p><p><strong>ZAGREB<\/strong><\/p>","use_feature_image":false,"feature_image":"","feature_image_location":"left","feature_image_hide_on_mobile":"0","show_cta":0,"show_gdpr":0,"cta_label":"","cta_url":"","cta_target":"blank","use_email_collection":"1","save_local_list":"1","local_list_name":"","active_email_service":"","form_elements":{"first_name":{"name":"first_name","label":"First Name","type":"name","required":"false","placeholder":"John"},"last_name":{"name":"last_name","label":"Last Name","type":"name","required":"false","placeholder":"Smith"},"email":{"name":"email","label":"Email","type":"email","required":"true","placeholder":"johnsmith@example.com","delete":"false"},"submit":{"name":"submit","label":"Send Application","type":"submit","required":"true","placeholder":"Subscribe","delete":"false"}},"after_successful_submission":"show_success","success_message":"<p>Congratulations! You have been subscribed to {name}<\/p>","gdpr_message":"Yes, I agree with the <a href=\"\">privacy policy<\/a>.","auto_close_success_message":"0","auto_close_time":5,"auto_close_unit":"seconds","redirect_url":""},"design":{"form_layout":"four","feature_image_position":"left","feature_image_fit":"cover","feature_image_horizontal":"center","feature_image_horizontal_px":"-100","feature_image_vertical":"center","feature_image_vertical_px":"-100","style":"blue","customize_colors":"","main_bg_color":"#176387","image_container_bg":"rgba(53,65,74,1)","form_area_bg":"#78B5D1","title_color":"#FDFDFD","subtitle_color":"rgba(253,253,253,1)","content_color":"#ADB5B7","link_static_color":"#FDFDFD","link_hover_color":"#78B5D1","link_active_color":"","cta_button_static_bg":"rgba(56,197,181,1)","cta_button_hover_bg":"rgba(73,226,209,1)","cta_button_active_bg":"rgba(73,226,209,1)","cta_button_static_color":"rgba(255,255,255,1)","cta_button_hover_color":"rgba(255,255,255,1)","cta_button_active_color":"rgba(255,255,255,1)","gdpr_content":"#ADB5B7","gdpr_chechbox_background_static":"#FDFDFD","gdpr_checkbox_background_active":"#FDFDFD","gdpr_checkbox_icon":"#38C5B5","optin_input_static_bg":"#FDFDFD","optin_input_hover_bg":"","optin_input_active_bg":"","optin_input_icon":"rgba(173,181,183,1)","optin_placeholder_color":"#ADB5B7","optin_form_field_text_static_color":"#363B3F","optin_form_field_text_hover_color":"#363B3F","optin_form_field_text_active_color":"#363B3F","optin_submit_button_static_bg":"#4D95B6","optin_submit_button_hover_bg":"#176387","optin_submit_button_active_bg":"#176387","optin_submit_button_static_color":"#FDFDFD","optin_submit_button_hover_color":"#FDFDFD","optin_submit_button_active_color":"#FDFDFD","optin_error_text_color":"#C63D2B","optin_error_text_bg":"#EA6464","optin_mailchimp_title_color":"#FDFDFD","optin_mailchimp_labels_color":"#ADB5B7","optin_check_radio_bg":"#FDFDFD","optin_check_radio_tick_color":"#4D95B6","optin_success_tick_color":"#38C5B5","optin_success_content_color":"#FDFDFD","overlay_bg":"rgba(0,0,0,0.8)","close_button_static_color":"#78B5D1","close_button_hover_color":"#78B5D1","close_button_active_color":"#78B5D1","border":"0","border_radius":"0","border_weight":3,"border_type":"none","border_color":"rgba(218,218,218,1)","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":"1","drop_shadow_x":0,"drop_shadow_y":0,"drop_shadow_blur":"0","drop_shadow_spread":0,"drop_shadow_color":"#000000","customize_size":0,"custom_height":300,"custom_width":600,"form_fields_border":"0","form_fields_border_radius":"0","form_fields_border_weight":3,"form_fields_border_type":"none","form_fields_border_color":"rgba(218,218,218,1)","form_fields_icon":"animated","form_fields_proximity":"joined","button_border":"0","button_border_radius":"0","button_border_weight":3,"button_border_type":"none","button_border_color":"rgba(218,218,218,1)","customize_css":"false","custom_css":""},"settings":{"animation_in":"no_animation","animation_out":"no_animation","after_close":"keep_show","expiration":365,"expiration_unit":"days","allow_scroll_page":0,"not_close_on_background_click":0,"on_submit":"","after_content_enabled":"false","widget_enabled":"true","shortcode_enabled":"true","conditions":{"pages":{"filter_type":"only","pages":["2045"]}}},"tracking_types":null,"test_types":null,"module_id":"6","blog_id":"1","module_name":"zagreb-montenegro","module_type":"embedded","active":"1","test_mode":"0"}]; var inc_opt = {"ajaxurl":"http:\/\/www.vodan-yachting.com\/wp-admin\/admin-ajax.php","page_id":"2015","page_type":"page","current_url":"http:\/\/www.vodan-yachting.com\/trips","is_admin":"0","is_upfront":"","is_caldera_active":"","adblock_detector_js":"http:\/\/www.vodan-yachting.com\/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."},"recaptcha":{"enabled":"0","sitekey":"","secret":""}}; var hustle_vars = {"ajaxurl":"http:\/\/www.vodan-yachting.com\/wp-admin\/admin-ajax.php","page_id":"2015","page_type":"page","current_url":"http:\/\/www.vodan-yachting.com\/trips","is_admin":"0","is_upfront":"","is_caldera_active":"","adblock_detector_js":"http:\/\/www.vodan-yachting.com\/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."},"recaptcha":{"enabled":"0","sitekey":"","secret":""}}; /* ]]> */ </script> <script type='text/javascript' src='http://www.vodan-yachting.com/wp-content/plugins/wordpress-popup/assets/js/front.min.js?ver=1.1' id='hustle_front-js'></script> <script type='text/javascript' id='divi-custom-script-js-extra'> /* <![CDATA[ */ var DIVI = {"item_count":"%d Item","items_count":"%d Items"}; var et_shortcodes_strings = {"previous":"Previous","next":"Next"}; var et_pb_custom = {"ajaxurl":"http:\/\/www.vodan-yachting.com\/wp-admin\/admin-ajax.php","images_uri":"http:\/\/www.vodan-yachting.com\/wp-content\/themes\/Divi\/images","builder_images_uri":"http:\/\/www.vodan-yachting.com\/wp-content\/themes\/Divi\/includes\/builder\/images","et_frontend_nonce":"ea2836c1e5","subscription_failed":"Please, check the fields below to make sure you entered the correct information.","et_ab_log_nonce":"5619b683ab","fill_message":"Please, fill in the following fields:","contact_error_message":"Please, fix the following errors:","invalid":"Invalid email","captcha":"Captcha","prev":"Prev","previous":"Previous","next":"Next","wrong_captcha":"You entered the wrong number in captcha.","ignore_waypoints":"no","is_divi_theme_used":"1","widget_search_selector":".widget_search","is_ab_testing_active":"","page_id":"2015","unique_test_id":"","ab_bounce_rate":"5","is_cache_plugin_active":"yes","is_shortcode_tracking":"","tinymce_uri":""}; var et_pb_box_shadow_elements = []; /* ]]> */ </script> <script type='text/javascript' src='http://www.vodan-yachting.com/wp-content/themes/Divi/js/custom.min.js?ver=3.19.18' id='divi-custom-script-js'></script> <script type='text/javascript' src='http://www.vodan-yachting.com/wp-content/plugins/divi-builder/core/admin/js/common.js?ver=3.19.18' id='et-core-common-js'></script> <script type='text/javascript' src='http://www.vodan-yachting.com/wp-includes/js/wp-embed.min.js?ver=5.6' id='wp-embed-js'></script> <!-- GetButton.io widget --> <script type="text/javascript"> (function () { var options = { whatsapp: "+385957019173", // WhatsApp number call_to_action: "Message us", // Call to action position: "right", // Position may be 'right' or 'left' }; var proto = document.location.protocol, host = "getbutton.io", url = proto + "//static." + host; var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = url + '/widget-send-button/js/init.js'; s.onload = function () { WhWidgetSendButton.init(host, proto, options); }; var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x); })(); </script> <!-- /GetButton.io widget --> </body> </html>
