Untitled

mail@pastecode.io avatar
unknown
plain_text
2 years ago
27 kB
4
Indexable
Never
<script>
(function () {
    try {
      /* main variables */
      var debug = 0;
      var variation_name = '';
  
      var langData = {
        FR: {
          copyPlace: 'Votre réponse...',
          copy1: "Qu'est-ce qui vous a poussé à acheter Barber DTS ?",
          copy2: "Avez-vous pensé à d'autres marques avant d'acheter sur notre site ? Si oui, quelles marques ?",
          copy3: "Qu'est-ce qui vous a presque empêché d'acheter sur notre site ?",
          copy4: "Vous cherchiez une information que vous n'avez pas trouvée sur notre site ?",
          copy5: 'Recommanderiez-vous notre site à vos proches ?',
          copy6: 'Merci pour votre participation',
          copy7: 'Précédent',
          copy8: 'Suivant',
          copy9: 'Terminer',
        },
        UK: {
          copyPlace: 'Your answer...',
          copy1: 'What made you buy Barber DTS?',
          copy2: 'Have you considered other brands before buying on our site? If so, which brands?',
          copy3: 'What almost stopped you buying from our site?',
          copy4: 'Were you looking for information that you did not find on our site?',
          copy5: 'Would you recommend our site to your loved ones?',
          copy6: 'Thank you for your participation',
          copy7: 'Previous',
          copy8: 'Next',
          copy9: 'Finish',
        },
        DE: {
          copyPlace: 'Deine Antwort...',
          copy1: 'Warum hast du Barber DTS gekauft?',
          copy2: 'Haben Sie vor dem Kauf auf unserer Seite andere Marken in Betracht gezogen? Wenn ja, welche Marken?',
          copy3: 'Was hätte Sie fast davon abgehalten, auf unserer Seite zu kaufen?',
          copy4: 'Haben Sie nach Informationen gesucht, die Sie auf unserer Seite nicht gefunden haben?',
          copy5: 'Würden Sie unsere Seite Ihren Liebsten weiterempfehlen?',
          copy6: 'Vielen Dank für Ihre Teilnahme',
          copy7: 'Zurück',
          copy8: 'Weiter',
          copy9: 'Fertig stellen',
        },
        NL: {
          copyPlace: 'Uw antwoord...',
          copy1: 'Waarom heb je Barber DTS gekocht?',
          copy2: 'Heeft u andere merken overwogen voordat u op onze site koopt? Zo ja, welke merken?',
          copy3: 'Wat weerhield u er bijna van om op onze site te kopen?',
          copy4: 'Was je op zoek naar informatie die je niet op onze site hebt gevonden?',
          copy5: 'Zou u onze site aanbevelen aan uw dierbaren?',
          copy6: 'Bedankt voor uw deelname',
          copy7: 'Vorige',
          copy8: 'Volgende',
          copy9: 'Voltooien',
        },
        ES: {
          copyPlace: 'Tu respuesta...',
          copy1: '¿Qué te hizo comprar Barber DTS?',
          copy2: '¿Ha considerado otras marcas antes de comprar en nuestro sitio? Si es así, ¿cuáles?',
          copy3: '¿Qué es lo que casi te impide comprar en nuestro sitio?',
          copy4: '¿Estabas buscando información que no encontraste en nuestro sitio?',
          copy5: '¿Recomendarías nuestro sitio a tus seres queridos?',
          copy6: 'Gracias por su participación',
          copy7: 'Anterior',
          copy8: 'Siguiente',
          copy9: 'Finalizar',
        },
        IT: {
          copyPlace: 'La tua risposta...',
          copy1: 'Cosa ti ha fatto comprare Barber DTS?',
          copy2: 'Hai preso in considerazione altri marchi prima di acquistare sul nostro sito? Se sì, quali marchi?',
          copy3: 'Cosa ti ha quasi impedito di acquistare dal nostro sito?',
          copy4: 'Stavi cercando informazioni che non hai trovato sul nostro sito?',
          copy5: 'Raccomanderesti il ​​nostro sito ai tuoi cari?',
          copy6: 'Grazie per la tua partecipazione',
          copy7: 'Precedente',
          copy8: 'Avanti',
          copy9: 'Fine',
        },
        EU: {
          copyPlace: 'Your answer...',
          copy1: 'What made you buy Barber DTS?',
          copy2: 'Have you considered other brands before buying on our site? If so, which brands?',
          copy3: 'What almost stopped you from buying from our site?',
          copy4: 'Were you looking for information that you did not find on our site?',
          copy5: 'Would you recommend our site to your loved ones?',
          copy6: 'We thank you for your participation',
          copy7: 'Previous',
          copy8: 'Next',
          copy9: 'Finish',
        },
        IE: {
          copyPlace: 'Your answer...',
          copy1: 'What made you buy Barber DTS?',
          copy2: 'Have you considered other brands before buying on our site? If so, which brands?',
          copy3: 'What almost prevented you from buying from our site?',
          copy4: 'Were you looking for information that you did not find on our site?',
          copy5: 'Would you recommend our site to your loved ones?',
          copy6: 'We thank you for your participation',
          copy7: 'Previous',
          copy8: 'Next',
          copy9: 'Finish',
        },
        PL: {
          copyPlace: 'Twoja odpowiedź...',
          copy1: 'Co sprawiło, że kupiłeś Barber DTS?',
          copy2: 'Czy brałeś pod uwagę inne marki przed zakupem na naszej stronie? Jeśli tak, jakie marki?',
          copy3: 'Co prawie powstrzymało Cię przed zakupem na naszej stronie?',
          copy4: 'Szukałeś informacji, których nie znalazłeś na naszej stronie?',
          copy5: 'Czy poleciłbyś naszą stronę swoim bliskim?',
          copy6: 'Dziękuję za udział',
          copy7: 'Poprzedni',
          copy8: 'Dalej',
          copy9: 'Zakończ',
        },
        NO: {
          copyPlace: 'Your answer...',
          copy1: 'What made you buy Barber DTS?',
          copy2: 'Have you considered other brands before buying on our site? If so, which brands?',
          copy3: 'What almost prevented you from buying from our site?',
          copy4: 'Were you looking for information that you did not find on our site?',
          copy5: 'Would you recommend our site to your loved ones?',
          copy6: 'We thank you for your participation',
          copy7: 'Previous',
          copy8: 'Next',
          copy9: 'Finish',
        },
        DK: {
          copyPlace: 'Your answer...',
          copy1: 'What made you buy Barber DTS?',
          copy2: 'Have you considered other brands before buying on our site? If so, which brands?',
          copy3: 'What almost prevented you from buying from our site?',
          copy4: 'Were you looking for information that you did not find on our site?',
          copy5: 'Would you recommend our site to your loved ones?',
          copy6: 'We thank you for your participation',
          copy7: 'Previous',
          copy8: 'Next',
          copy9: 'Finish',
        },
        SE: {
          copyPlace: 'Ditt svar...',
          copy1: 'Vad fick dig att köpa Barber DTS?',
          copy2: 'Har du övervägt andra märken innan du köpte på vår sida? I så fall, vilka märken?',
          copy3: 'Vad hindrade dig nästan från att köpa från vår sida?',
          copy4: 'Lökade du efter information som du inte hittade på vår sida?',
          copy5: 'Skulle du rekommendera vår sida till dina nära och kära?',
          copy6: 'Tack för ditt deltagande',
          copy7: 'Föregående',
          copy8: 'Nästa',
          copy9: 'Slutför',
        },
      };
  
      /* all Pure helper functions */
  
      var waitForElement = function (selector, trigger, delayInterval, delayTimeout) {
        var interval = setInterval(function () {
          if (document && document.querySelector(selector) && document.querySelectorAll(selector).length > 0) {
            clearInterval(interval);
            trigger();
          }
        }, delayInterval);
        setTimeout(function () {
          clearInterval(interval);
        }, delayTimeout);
      };
  
      var live = function (selector, event, callback, context) {
        // helper for enabling IE 8 event bindings
        function addEvent(el, type, handler) {
          if (el.attachEvent) el.attachEvent('on' + type, handler);
          else el.addEventListener(type, handler);
        }
        // matches polyfill
        this &&
          this.Element &&
          (function (ElementPrototype) {
            ElementPrototype.matches =
              ElementPrototype.matches ||
              ElementPrototype.matchesSelector ||
              ElementPrototype.webkitMatchesSelector ||
              ElementPrototype.msMatchesSelector ||
              function (selector) {
                var node = this,
                  nodes = (node.parentNode || node.document).querySelectorAll(selector),
                  i = -1;
                while (nodes[++i] && nodes[i] != node);
                return !!nodes[i];
              };
          })(Element.prototype);
        // live binding helper using matchesSelector
        function live(selector, event, callback, context) {
          addEvent(context || document, event, function (e) {
            var found,
              el = e.target || e.srcElement;
            while (el && el.matches && el !== context && !(found = el.matches(selector))) el = el.parentElement;
            if (found) callback.call(el, e);
          });
        }
        live(selector, event, callback, context);
      };
  
      var getCookie = function (name) {
        var nameEQ = name + '=';
        var ca = document.cookie.split(';');
        for (var i = 0; i < ca.length; i++) {
          var c = ca[i];
          while (c.charAt(0) == ' ') c = c.substring(1, c.length);
          if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
        }
        return null;
      };
  
      var setCookie = function (name, value, days) {
        var expires = '';
        if (days) {
          var date = new Date();
          date.setTime(date.getTime() + days * 24 * 60 * 60 * 1000);
          expires = '; expires=' + date.toUTCString();
        }
        document.cookie = name + '=' + (value || '') + expires + '; path=/';
      };
  
      var formPopup =
        '' +
        '  <div class="eg-form-popup">' +
        '      <div class="eg-form-popup-inr">' +
        '          <div class="eg-form-container">' +
        '             <span class="eg-form-close">&times;</span>' +
        '             <form method="POST" class="edb-survey gf" id="edb-survey" data-step="1">' +
        '								<div id="step1" class="fg" data-section="1"><label class="fl">Qu\'est-ce qui vous a poussé à acheter sur Barber DTS ?</label><textarea type="text" name="motivation" placeholder="Votre réponse..." rows="4" class="fc"></textarea></div>' +
        '								<div id="step2" class="fg" data-section="2"><label class="fl">Avez-vous considéré d\'autres enseignes avant d\'acheter sur notre site ? Si oui, quelles enseignes ?</label><textarea type="text" name="competition" placeholder="Votre réponse..." rows="4" class="fc"></textarea></div>' +
        '								<div id="step3" class="fg" data-section="3"><label class="fl">Qu\'est-ce qui a failli vous empêcher d\'acheter sur notre site ?</label><textarea type="text" name="objection" placeholder="Votre réponse..." rows="4" class="fc"></textarea></div>' +
        '								<div id="step4" class="fg" data-section="4"><label class="fl">Recherchiez-vous des informations que vous n\'avez pas trouvé sur notre site ?</label><textarea type="text" name="product" placeholder="Votre réponse..." rows="4" class="fc"></textarea></div>' +
        '								<div id="step5" class="fg" data-section="5"><label class="fl">Recommanderiez-vous notre site à vos proches ?</label><label class="flradio"><input type="radio" name="nps" value="1">1</label><label class="flradio"><input type="radio" name="nps" value="2">2</label><label class="flradio"><input type="radio" name="nps" value="3">3</label><label class="flradio"><input type="radio" name="nps" value="4">4</label><label class="flradio"><input type="radio" name="nps" value="5">5</label><label class="flradio"><input type="radio" name="nps" value="6">6</label><label class="flradio"><input type="radio" name="nps" value="7">7</label><label class="flradio"><input type="radio" name="nps" value="8">8</label><label class="flradio"><input type="radio" name="nps" value="9">9</label><label class="flradio"><input type="radio" name="nps" value="10">10</label></div>' +
        '								<div class="edb-action" ><div class="edb-btn" id="previous">Précédent</div><div class="edb-btn" id="next">Suivant</div><button class="edb-btn" id="close" >Terminer</button></div>' +
        '             </form>' +
        '             <p class="eg-thanks">Nous vous remercions pour votre participation</p>' +
        '          </div>' +
        '      </div>' +
        '  </div>';
  
      var offset;
  
      var createSession = function () {
        if (getCookie('firstVisit') == null) {
          setCookie('firstVisit', '1', 365);
        }
      };
  
      var hideForm = function () {
        createSession();
        document.querySelector('.eg-form-popup .eg-thanks').style.display = 'block';
        /*setTimeout(function(){
          document.querySelector('.eg-form-popup').remove();
           },5000);*/
      };
  
      var sendData = function (language, motivation, competition, objection, product, checkout, nps) {
        var url = 'https://script.google.com/macros/s/AKfycbzlkcuQu3jTLZyORHnzOALFQYn7J4it_9pAwy9RSB-caNbvXxd5iQHLTWU3RNMU21FtWQ/exec';
  
        var XHR = new XMLHttpRequest(),
          FD = new FormData();
        // Push our data into our FormData object
        //FD.append('Email',email);
        //FD.append('Name',name);
        FD.append('Language', language);
        FD.append('Motivation', motivation);
        FD.append('Competition', competition);
        FD.append('Objection', objection);
        FD.append('Product', product);
        FD.append('NPS', nps);
        XHR.onreadystatechange = function () {
          if (this.readyState == 4 && this.status == 200) {
            //console.log('success');
  
            document.querySelector('.eg-form-popup form').style.display = 'none';
            hideForm();
          }
        };
        // Set up our request
        XHR.open('POST', url);
        // Send our FormData object; HTTP headers are set automatically
        XHR.send(FD);
      };
      var language = 'EN';
      var init = function () {
        document.querySelector('body footer').insertAdjacentHTML('afterend', formPopup);
        live('.eg-form-popup .eg-form-close', 'click', function () {
          createSession();
          document.querySelector('body').classList.add('form-popup-hide');
        });
        live('.eg-form-popup button', 'click', function (e) {
          e.preventDefault();
          //var email = document.querySelector('input[type="email"]').value;
          //var name= document.querySelector('input[name="Name"]').value;
         
          var motivation = document.querySelector('textarea[name="motivation"]').value;
          var competition = document.querySelector('textarea[name="competition"]').value;
          var objection = document.querySelector('textarea[name="objection"]').value;
          var product = document.querySelector('textarea[name="product"]').value;
          var nps;
          var spn = document.querySelector('input[name="nps"]:checked');
          //console.log(spn);
          if (typeof spn != 'undefined' && spn != null) {
            //console.log('spn known');
            var nps = spn.value;
          } else {
            //console.log('spn unknown, set value');
            var nps = 'none';
          }
          //console.log(nps);
          sendData(language, motivation, competition, objection, product, checkout, nps);
        });
  
        changeContent();
      };
  
      var changeCopyHandler = function(lang) {
        //console.log(lang, '>>>>');
        document.querySelector('.edb-survey .fg[data-section="1"] .fl').innerHTML = langData[lang].copy1;
        document.querySelector('.edb-survey .fg[data-section="2"] .fl').innerHTML = langData[lang].copy2;
        document.querySelector('.edb-survey .fg[data-section="3"] .fl').innerHTML = langData[lang].copy3;
        document.querySelector('.edb-survey .fg[data-section="4"] .fl').innerHTML = langData[lang].copy4;
        document.querySelector('.edb-survey .fg[data-section="5"] .fl').innerHTML = langData[lang].copy5;
        document.querySelectorAll('.edb-survey .fg textarea').forEach(function(el,i){
            el.setAttribute('placeholder', langData[lang].copyPlace);
          });
        // document.querySelectorAll('.edb-survey .fg textarea').forEach(=>{
        //   txtarea.setAttribute('placeholder', langData[lang].copyPlace);
        // });
        document.querySelector('.edb-survey .edb-action #next').innerHTML = langData[lang].copy8;
        document.querySelector('.edb-survey .edb-action #previous').innerHTML = langData[lang].copy7;
        document.querySelector('.edb-survey .edb-action #close').innerHTML = langData[lang].copy9;
        document.querySelector('.eg-form-popup .eg-thanks').innerHTML = langData[lang].copy6;
      }
  
      var  changeContent = function() {
        console.log(window.location.href.indexOf('/fr/'));
        if (window.location.href.indexOf('/uk/') != -1) {
          changeCopyHandler('UK');
          language = 'UK';
        } else if (window.location.href.indexOf('/fr/') != -1) {
          changeCopyHandler('FR');
          language = 'FR';
        } else if (window.location.href.indexOf('/de/') != -1) {
          changeCopyHandler('DE');
          language = 'DE';
        } else if (window.location.href.indexOf('/nl/') != -1) {
          changeCopyHandler('NL');
          language = 'NL'
        } else if (window.location.href.indexOf('/es/') != -1) {
          changeCopyHandler('ES');
          language = 'ES';
        } else if (window.location.href.indexOf('/it/') != -1) {
          changeCopyHandler('IT');
          language = 'IT'
        } else if (window.location.href.indexOf('/eu/') != -1) {
          changeCopyHandler('EU');
          language = 'EU';
        } else if (window.location.href.indexOf('/ie/') != -1) {
          changeCopyHandler('IE');
          language = 'IE';
        } else if (window.location.href.indexOf('/pl/') != -1) {
          changeCopyHandler('PL');
          language = 'PL';
        } else if (window.location.href.indexOf('/no/') != -1) {
          changeCopyHandler('NO');
          language= 'NO';
        } else if (window.location.href.indexOf('/dk/') != -1) {
          changeCopyHandler('DK');
          language = 'DK';
        } else if (window.location.href.indexOf('/se/') != -1) {
          changeCopyHandler('SE');
          language = 'SE';
        }
      }
  
      document.addEventListener('click', function (event) {
        //console.log("clicked");
        if (!event.target.matches('.edb-survey #next, .edb-survey #previous')) return;
        //console.log('matched');
        var cur = document.querySelector('.edb-survey').getAttribute('data-step'); //console.log('data-step =>', cur);
        var act = cur;
        if (event.target.matches('.edb-survey #next')) {
          var act = parseInt(cur) + 1;
        } else if (event.target.matches('.edb-survey #previous')) {
          var act = parseInt(cur) - 1;
        }
        //console.log('new step =>', act);
        document.querySelector('.edb-survey').setAttribute('data-step', act);
        //console.log('step changed');
      });
  
      document.addEventListener('click', function (event) {
        //console.log("clicked");
        if (!event.target.matches('.flradio')) return;
        //console.log('matched');
        var flr = document.querySelectorAll('.flradio');
        for (f = 0; f < flr.length; f++) {
          if (flr[f].classList.contains('flradiochecked')) {
            flr[f].classList.remove('flradiochecked');
          }
        }
        event.target.classList.add('flradiochecked');
        var cur = document.querySelector('.edb-survey').getAttribute('data-step'); //console.log('data-step =>', cur);
        var act = cur;
        if (event.target.matches('.edb-survey #next')) {
          var act = parseInt(cur) + 1;
        } else if (event.target.matches('.edb-survey #previous')) {
          var act = parseInt(cur) - 1;
        }
        //console.log('new step =>', act);
        document.querySelector('.edb-survey').setAttribute('data-step', act);
        //console.log('step changed');
      });
  
      /* Initialise variation */
      //if(!getCookie('firstVisit')){
      waitForElement('body footer', init, 100, 25000);
      //}
    } catch (e) {
      if (debug) console.log(e, 'error in Test' + variation_name);
    }
  })();
  
   
</script>

<style>
  
  
html body.form-popup-hide .eg-form-popup {
    display: none;
}
.eg-form-popup {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: auto;
    z-index: 999;
    max-width: 600px;
}
.eg-form-popup .eg-form-popup-inr {
    background: #000000;
    padding: 15px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 0px 12px 0px rgb(255 255 255 / 20%);
    -moz-box-shadow: 0px 0px 12px 0px rgba(255,255,255,0.20);
    box-shadow: 0px 0px 12px 0px rgb(255 255 255 / 20%);
}
.eg-form-container .eg-form-close {
    position: absolute;
    top: 18px;
    right: 18px;
    line-height: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    padding: 2px;
    cursor: pointer;
    color: #ffffff;
}
.eg-form-container .eg-form-close:hover {
    color: #14a243;
}

.eg-form-popup input {
    padding: 5px 5px 5px 10px;
    margin-right: 5px;
    height: 35px;
    border: none;
}

.eg-form-popup button {
    background: #fae016;
    padding: 0px 11px;
    height: 35px;
    box-sizing: border-box;
    border: 1px solid #fae016;
}
.eg-form-popup button:hover {
    border: 1px solid #fae016;
    background: #000000;
    color: #fae016;
}
.eg-form-popup input:focus {
    outline: none;
}



@media screen and (max-width:600px) {
    html body .eg-form-popup {
        bottom: 0px;
        right: 0px;
        width: 100%;
    }
    
    html body .eg-form-popup .eg-form-popup-inr form {
        flex-direction: column;
        display: flex;
        width: 100%;
        margin: 0 auto;
    }
    
    html body .eg-form-popup input {
        margin-right: 0px;
        margin-bottom: 10px;
    }
    /*.eg-form-popup .eg-form-popup-inr {
        padding-top: 30px;
        padding-right: 15px;
    }*/
    .eg-form-popup .eg-form-popup-inr {
        border-radius: 0px;
    }
}
.eg-thanks {
    color: #ffff;
    text-align: center;
    margin: 0px;
    font-size: 20px;
    font-weight: 500;
    display: none;
    padding-right: 35px;
}

form.gf {
    font-family: Rubik,sans-serif;
    font-size: 1.6rem;
    line-height: 1.3;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%;
    text-rendering: optimizeLegibility;
}

.edb-survey .edb-button {
    display:  inline-block;
  }
  .edb-survey[data-step='5'] .edb-action button {
    width: 50%;
  }
  .edb-survey .fg {
    display: none;
  }
  .edb-survey[data-step='1'] .fg[data-section='1'],
  .edb-survey[data-step='2'] .fg[data-section='2'],
  .edb-survey[data-step='3'] .fg[data-section='3'],
  .edb-survey[data-step='4'] .fg[data-section='4'],
  .edb-survey[data-step='5'] .fg[data-section='5'] {
    display: block;
  }
  .edb-survey .edb-action {
    display: flex;
    justify-content: end;
  }
  .edb-survey .edb-action button#close {
    display: none;
  }
  .edb-survey[data-step='5'] .edb-action button#close {
    display: block;
  }
  .edb-survey[data-step='5'] .edb-action #next {
    display: none;
  }
  .edb-survey[data-step='1'] .edb-action #previous {
    display: none;
  }

.gtm-popup.gtm-config .popup.bottomright {
      background: #000;
    padding: 15px;
    color: #fff;
    font-family: Rubik,sans-serif;
    font-size: 1.6rem;
    line-height: 1.3;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%;
    text-rendering: optimizeLegibility;
}
.gtm-popup.gtm-config .popup .close {
    font-size: 28px;
    color: #585858;
    opacity: 1;
    font-weight: 100;
    border: 2px solid #585858;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    text-align: center;
    line-height: 26px;
    top: 10px;
    right: 10px;
}
.gtm-popup.gtm-config .popup .close:hover {
    color: #fae017;
    border-color: #fae017;
    opacity: 1;
}
form.gf .fl {
  text-align: left;
    font-size: 20px;
    line-height: 1.1;
    padding-right: 35px;
    margin-bottom: 15px !important;
    margin-top: 0px;
    color: #fff;
    cursor: initial;
    display: block;
}
form.gf .fc {
  border: 0px solid #000;
    font-family: Rubik,sans-serif;
    font-size: 18px;
    padding: 10px 12px;
    line-height: 1.3;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%;
    text-rendering: optimizeLegibility;
    display: block;
    width: 100%;
    border-radius: 3px;
    margin-bottom: 15px;
}
.edb-survey #previous {
      background: #000000;
    border: 2px solid #14a243;
    border-radius: 3px;
    width: 50%;
    margin-right: 5px;
    color: #14a243;
    text-transform: uppercase;
    font-weight: 500;
    padding: 12px 15px 10px;
    text-align: center;
    cursor: pointer;
  }
.edb-survey #next {
      background: #14a243;
    border: 1px solid #14a243;
    border-radius: 3px;
    width: 50%;
    margin-left: 5px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    padding: 12px 15px 10px;
    text-align: center;
    cursor: pointer;
}
.edb-survey[data-step='5'] .edb-action button#close {
  background: #e10829;
    border: 1px solid #e10829;
    border-radius: 3px;
    width: 50%;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    padding: 10px;
    height: auto;
    margin: 0;
    margin-left: 5px;
    font-size: inherit;
    line-height: inherit;
}
.flradio {
    border: 2px solid #fff;
    border-radius: 3px;
    color: #fff;
    text-align: center;
    padding: 10px 10px;
    margin-bottom: 20px;
    margin-right: 5px;
    display: inline-block;
}
.flradio input[type=radio] {
    display: none;
}
.flradio:hover, .flradiochecked {
    background: #fff;
    color: #000;
}
#step5 label.fl {
    display: block;
}
  #step5 {
    min-height: 120px;
  }
  @media screen and (max-width:420px) {
    .flradio {
      padding: 10px 6px;
    }
  }
</style>