//console.log('Starting creating widget.'); create_widget(null, null, '@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,700;1,800;1,900&display=swap"); @media (prefers-reduced-motion: no-preference) { :root { scroll-behavior: smooth; } }.ctaWidget_item{font-family: "Montserrat", sans-serif;font-size: 1rem;font-weight: 400;line-height: 1.5;}.ctaWidget_item *,.ctaWidget_item *::before,.ctaWidget_item *::after {box-sizing: border-box;font-family: inherit;color:inherit;line-height:inherit; position:static;}.ctaWidget_item img{ padding:0; margin:0;}.antibot_check label { display: flex !important; justify-content: center; align-items: center; margin: 0 0 15px !important; font-weight: 400 !important; font-size: 16px !important; border-radius:5px !important;}.antibot_check input[type=checkbox] { width: 25px !important; display: inline-block !important; margin: 0 7px 0 0 !important; color: #fff !important; -webkit-appearance:checkbox;}.ctaWerror{border:1px solid #f00 !important;}.grecaptcha-badge{display:none !important;}'); var client_details = window.navigator.userAgent; if (!sessionStorage.getItem('startTime')) { sessionStorage.setItem('startTime', Date.now()); } if (!sessionStorage.getItem('referrer')) { sessionStorage.setItem('referrer', document.referrer); } function show_site_time(){ var enterTime = sessionStorage.getItem('startTime'); var currentTime = Date.now(); var spentTime = (currentTime - enterTime) / 1000; var minutes = Math.floor(spentTime / 60); var seconds = Math.floor(spentTime % 60); if(seconds<10) seconds = '0'+seconds; return minutes+':'+seconds; } function sendData( data ) { const XHR = new XMLHttpRequest(); let urlEncodedData = "", urlEncodedDataPairs = [], name; // Turn the data object into an array of URL-encoded key/value pairs. for( name in data ) { urlEncodedDataPairs.push( encodeURIComponent( name ) + '=' + encodeURIComponent( data[name] ) ); } // Combine the pairs into a single string and replace all %-encoded spaces to // the '+' character; matches the behaviour of browser form submissions. urlEncodedData = urlEncodedDataPairs.join( '&' ).replace( /%20/g, '+' ); // Define what happens on successful data submission let fraud; fraud = 0; if(data.action == 1 && !document.getElementById('ctaCallback').classList.contains('act')) fraud = 1; if(fraud == 0){ XHR.addEventListener( 'load', function(event) { if(data.action == 1){ document.getElementById('ctaFormResponse').classList.add('act'); document.getElementById('ctawCB_loader').style.display = 'none'; console.log( event.target.responseText); setTimeout(function(){ document.getElementById('ctaCallback').classList.remove('act'); },3000); sessionStorage.setItem('seenCB','1'); document.getElementById('Ctacb_phone').value = ""; ym(metrikaID,'reachGoal','ctawidget_callback_lead'); if(gtag()) gtag('event_name','ctawidget_callback_lead'); }; if(data.action == 8){ document.getElementById('ctaLeadGeneratorFormResponse').classList.add('act'); console.log( event.target.responseText ); setTimeout(function(){ document.getElementById('ctawLeadGeneratorWindow').classList.remove('act'); document.getElementById('ctawLeadGeneratorBD').classList.remove('ctaBdShow');},3000); sessionStorage.setItem('seenLeadGenerator','1'); document.querySelectorAll('#leadGeneratorFormFields input').forEach( el => { el.value = ""; }); ym(metrikaID,'reachGoal','ctawidget_leadgenerator_lead'); }; if(data.action == 10){ document.getElementById('quiz_contacts_value').value = ''; document.getElementById('quiz_final_cta').style.display = 'none'; document.getElementById('quiz_success_send').style.display = 'block'; console.log( event.target.responseText ); setTimeout(function(){ document.getElementById('ctawQuizWindow').classList.remove('act'); document.getElementById('ctawQuizWindowBD').classList.remove('ctaBdShow');},3000); sessionStorage.setItem('seenQuiz','1'); ym(metrikaID,'reachGoal','ctawidget_quiz_lead'); }; return '1'; } ); // Define what happens in case of error XHR.addEventListener( 'error', function(event) { console.log( 'Oops! Something went wrong.' ); return '0'; } ); // Set up our request XHR.open( 'POST', 'https://app.ctawidget.ru/sendcallback' ); // Add the required HTTP header for form data POST requests //XHR.setRequestHeader( 'Access-Control-Allow-Origin', '*' ); XHR.setRequestHeader( 'Content-Type', 'application/x-www-form-urlencoded' ); // Finally, send our data. XHR.send( urlEncodedData ); } } function create_widget(widget_id, widget_html, widget_css){ document.addEventListener("DOMContentLoaded", function(event) { var styleNode = document.createElement('style'); styleNode.type = "text/css"; // browser detection (based on prototype.js) if(!!(window.attachEvent && !window.opera)) { styleNode.styleSheet.cssText = widget_css; } else { var styleText = document.createTextNode(widget_css); styleNode.appendChild(styleText); } document.getElementsByTagName('head')[0].appendChild(styleNode); if(widget_id != null){ var ctawNode = document.createElement('div'); ctawNode.id = widget_id; ctawNode.classList.add("ctaWidget_item"); ctawNode.innerHTML = widget_html; document.getElementsByTagName('body')[0].appendChild(ctawNode); //console.log('Created widget:'+widget_id); } }); } function get_visible_widget(){ var visible = ''; const widgetsIDs = [ 'ctawChat', 'ctaCallback', 'ctawMB', 'ctawLeadGeneratorWindow', 'ctawQuizWindow' //'ctawCBbutt_cta' ]; widgetsIDs.forEach( (element) => { if(document.getElementById(element) && document.getElementById(element).classList.contains('act')){ visible = element; } }); return visible; } function get_fullwin_visible_widget(){ var visible = ''; if(window.innerWidth < 769){ const widgetsIDs = [ 'ctawChat', 'ctaCallback', 'ctawLeadGeneratorWindow', 'ctawQuizWindow' //'ctawCBbutt_cta' ]; widgetsIDs.forEach( (element) => { if(document.getElementById(element) && document.getElementById(element).classList.contains('act')){ visible = element; } }); } return visible; } function get_visible_cta(){ var visible = ''; const ctasIDs = [ 'ctawCBbutt_cta', 'ctawLeadGenerator_cta' ]; widgetsIDs.forEach( (element) => { if(document.getElementById(element) && document.getElementById(element).classList.contains('act')){ visible = element; } }); return visible; } function ValidEmail(myMail) { var re = /^[\w-\.]+@[\w-]+\.[a-z]{2,4}$/i; var valid = re.test(myMail); return valid; } function ValidPhone(myPhone) { var re = /^[\d\+][\d\(\)\ -]{6,21}\d$/; var valid = re.test(myPhone); return valid; } var pathUrls = new Array(); function set_urls(){ sessionStorage.setItem('pathUrls', JSON.stringify(pathUrls)); } function get_urls(){ if(sessionStorage.getItem('pathUrls')) { pathUrls = sessionStorage.getItem('pathUrls'); pathUrls = JSON.parse(pathUrls); } else { pathUrls.push(window.location.href); set_urls(); } } var metrikaID = ''; var bot = 0; document.addEventListener("DOMContentLoaded", function(event) { get_urls(); for(let i=0; i 50){ let antibot = ''; if(document.querySelector('.antibot_check').innerHTML == '') document.querySelector('.antibot_check').innerHTML = antibot; } } else bot = 0; } }); var PhoneMask = function(elements, settings) { var that = this; settings = settings || {}; this.elements = elements; this.patternChar = settings.patternChar || '_'; this.prefix = settings.prefix || ''; this.pattern = settings.pattern || '(___) ___-__-__'; this.pattern = this.prefix + this.pattern; this.backspaceCode = settings.backspaceCode || 8; this.deleteCode = settings.deleteCode || 46; this.allowedRegExp = settings.allowedRegExp || /^\d$/; this.igrogeKeyCodes = settings.igrogeKeyCodes || [9, 16, 17, 18, 36, 37, 38, 39, 40, 91, 92, 93]; var inputKeyEventPress = function(e) { e = e || window.event; var elem = e.target || e.srcElement; var result = true; console.log(e.keyCode); if (!that.isIgnoredKey(e.keyCode)) { if (e.keyCode != that.backspaceCode && e.keyCode != that.deleteCode) { var char = String.fromCharCode(e.keyCode); if (that.allowedRegExp == false || char.match(that.allowedRegExp) != null) { elem.value = that.replaceToChar(elem, char); } } result = false; } // select first pattern symbol that.selectFirstPatterntChar(elem); if (result == false) { if (e.preventDefault) { e.preventDefault(); } return result; } }; var inputKeyEventDown = function(e) { e = e || window.event; var elem = e.target || e.srcElement; var result = true; if (!that.isIgnoredKey(e.keyCode)) { if (e.keyCode == that.backspaceCode) { elem.value = that.replaceToPatternChar(elem); result = false; } if (e.keyCode == that.deleteCode) { elem.value = that.replaceToPatternChar(elem); result = false; } } // select first pattern symbol that.selectFirstPatterntChar(elem); if (result === false) { return false; } }; var inputFocusEvent = function(e) { e = e || window.event; var elem = e.target || e.srcElement; var start = elem.value.indexOf(that.patternChar); var end = start + 1; if (start < 0) { start = elem.value.length - 1; end = start + 1; } that.selectCharInInput(elem, start, end); } if (Object.prototype.toString.call(this.elements) === "[object NodeList]") { for (var i = 0; i < this.elements.length; i++) { if (this.elements[i].value.length > 0) { that.applyPatternToValue(this.elements[i]); } else { this.elements[i].value = that.pattern; } this.elements[i].onkeydown = inputKeyEventDown; this.elements[i].onkeypress = inputKeyEventPress; this.elements[i].onfocus = inputFocusEvent; } } else if (this.elements != null) { if (this.elements.value.length > 0) { that.applyPatternToValue(this.elements); } else { this.elements.value = that.pattern; } this.elements.onkeydown = inputKeyEventDown; this.elements.onkeypress = inputKeyEventPress; this.elements.onfocus = inputFocusEvent; } } PhoneMask.prototype.applyPatternToValue = function(elem) { var valueArr = elem.value.split(""); var patternValue = this.pattern; var len = valueArr.length; for (var i = 0; i < len; i++) { patternValue = patternValue.replace(this.patternChar, valueArr[i]); } elem.value = patternValue; } PhoneMask.prototype.selectFirstPatterntChar = function(elem) { var start = elem.value.indexOf(this.patternChar); if (start > -1) { var end = start + 1; this.selectCharInInput(elem, start, end); } } PhoneMask.prototype.isIgnoredKey = function(code) { if (this.igrogeKeyCodes.indexOf(code) < 0) { return false; } return true; }; PhoneMask.prototype.selectCharInInput = function(elem, start, end) { if (elem.setSelectionRange) { elem.focus(); elem.setSelectionRange(start, end); } else { if (elem.createTextRange) { range = elem.createTextRange(); range.collapse(true); range.moveEnd('character', end); range.moveStart('character', start); range.select(); } } }; PhoneMask.prototype.replaceAt = function(str, index, character) { var tempArr = str.split(""); tempArr[index] = character; return tempArr.join(""); }; PhoneMask.prototype.replaceToChar = function(elem, char) { var value = elem.value; var firstCharToReplace = value.indexOf(this.patternChar); if (firstCharToReplace > -1) { return this.replaceAt(value, firstCharToReplace, char); } return value; }; PhoneMask.prototype.replaceToPatternChar = function(elem) { var value = elem.value; var firstPatternCharPos = value.indexOf(this.patternChar); var replaceCharPos; var isFindPos = false; if (firstPatternCharPos == -1) { replaceCharPos = value.length - 1; isFindPos = true; } else { replaceCharPos = firstPatternCharPos - 1; while (!isFindPos) { if (this.pattern[replaceCharPos] != value[replaceCharPos]) { isFindPos = true; } else { replaceCharPos--; if (replaceCharPos < 0) { break; } } } } if (isFindPos && replaceCharPos >= this.prefix.length) { return this.replaceAt(value, replaceCharPos, this.patternChar); } return value; }; PhoneMask.prototype.destroy = function() { if (Object.prototype.toString.call(this.elements) === "[object NodeList]") { for (var i = 0; i < this.elements.length; i++) { this.elements[i].value = null; this.elements[i].onkeydown = null; this.elements[i].onkeypress = null; this.elements[i].onfocus = null; } } else if (this.elements != null) { this.elements.value = null; this.elements.onkeydown = null; this.elements.onkeypress = null; this.elements.onfocus = null; } };//console.log('Vis: '+get_visible_widget()); create_widget('ctawCallback', '
Нужна помощь?
Закажите обратный звонок и наш менеджер свяжется с Вами через несколько минут:
Жду звонка!
Спасибо! В ближайшее время мы свяжемся с Вами!!!
Работает на
', ".ctawForm{ background-color:#1C1C1C; border-radius:10px; width:100vw; max-width:300px; box-sizing:border-box; position:fixed !important; box-shadow: 0px 6px 20px 0px rgb(0 0 0 / 40%); bottom:160px; right:-400px; -webkit-transition: all 0.7s ease 0s; -moz-transition: all 0.7s ease 0s; -ms-transition: all 0.7s ease 0s; -o-transition: all 0.7s ease 0s; transition: all 0.7s ease 0s; padding:30px 0; z-index:9999999; overflow:hidden;}.ctawForm.act{ right:20px; -webkit-transition: all 0.7s ease 0s; -moz-transition: all 0.7s ease 0s; -ms-transition: all 0.7s ease 0s; -o-transition: all 0.7s ease 0s; transition: all 0.7s ease 0s;}div#ctawCallback .close-container{ position: absolute; margin: auto; width:30px; height:30px; top:5px; right:5px; cursor: pointer; z-index:999;}div#ctawCallback .close-container .leftright{ height: 1.999px; width:30px; position: absolute; margin-top:15px; background-color:#bfbfbf; border-radius: 2px; transform: rotate(45deg); transition: all .3s ease-in;}div#ctawCallback .close-container .rightleft{ height: 1.999px; width:30px; position: absolute; margin-top:15px; background-color:#bfbfbf; border-radius: 2px; transform: rotate(-45deg); transition: all .3s ease-in;}div#ctawCallback .close-container label{ color: white; font-family: Helvetica, Arial, sans-serif; font-size: .6em; text-transform: uppercase; letter-spacing: 2px; transition: all .3s ease-in; opacity:1;}div#ctawCallback .close-container .closes{ margin:48px 0 0 0px; position: absolute; font-size:8px; color:#fff;}div#ctawCallback .close-container:hover .leftright{ transform: rotate(-45deg); background-color:#f00;}div#ctawCallback .close-container:hover .rightleft{ transform: rotate(45deg); background-color:#f00;}div#ctawCallback .close-container:hover label{ opacity: 1;}.ctaw_lines { transform: rotate(45deg); position: absolute; top: 242px; left: -220px; width:200%; z-index:0;}.ctaw_line { margin-bottom: 15px; border-bottom: 1px solid #FFE7B033; position:relative;}.ctaw_line:after { content: ''; display: block; background-color:#FFE7B033; width: 9px; height: 9px; position: absolute; left:0; top: -4px; border-radius:100%;}.ctaw_lines .ctaw_line:nth-child(3):after { animation-name: ltr; animation-duration:2100ms; animation-iteration-count: infinite; animation-timing-function: linear; animation-delay:0.33s;}.ctaw_lines .ctaw_line:nth-child(2):after { animation-name: ltr; animation-duration:2100ms; animation-iteration-count: infinite; animation-timing-function: linear; animation-delay:0.66s;}.ctaw_lines .ctaw_line:nth-child(1):after { animation-name: ltr; animation-duration:2100ms; animation-iteration-count: infinite; animation-timing-function: linear; animation-delay:0.99s;}.ctaw_content{ position:relative; z-index:1;}.ctawImg { width: 50px; height: 50px; padding: 15px; border-radius: 100%; border: 1px solid #FFE7B0; fill: #FFE7B0; position: relative; margin:0 auto 30px; box-sizing: content-box;}.ctawImg span { display: block; position: absolute; width: 64px; height: 64px; top: 8px; left: 8px; transform: rotate(45deg); -webkit-animation-name: spin; -webkit-animation-duration: 4000ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: spin; -moz-animation-duration: 4000ms; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: spin; -ms-animation-duration: 4000ms; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; animation-name: spin; animation-duration: 4000ms; animation-iteration-count: infinite; animation-timing-function: linear;}.ctawImg span:before,.ctawImg span:after{ content:''; display:block; position:absolute; width:7px; height:7px; left:0; top:0; background-color:#FFE7B0; border-radius:100%;}.ctawImg span:after{ left:auto; top:auto; right:0; bottom:0;}.ctawFormContent{ padding:0 30px; margin:0;}.ctawZag { font-size:26px; line-height:1.21; font-weight: 700; color:#FFE7B0; margin-bottom:15px;}.ctawSzag { font-size:16px; color:#bfbfbf; margin-bottom:15px; line-height:1.21em;}.ctawText{ font-size:15px; color:#9f9f9f; margin-bottom:15px;}.ctawForm input:not([type=checkbox]){ padding:10px !important; font-size:16px !important; border: 1px solid #38393e; background-color: #1C1C1C; color:#DFDFDF !important; width:100%; margin:0 0 15px 0 !important; box-shadow:none !important; border-radius:5px !important; box-sizing:border-box; outline: none !important;}input#Ctacb_phone::placeholder { color: #DFDFDF77 !important;}.ctawForm input[type=tel]{}.ctawForm input::placeholder{ color:#DFDFDFae !important;}#action_Ctacb{ padding:10px !important; font-size:16px !important; text-align:center; background-color: #000; box-shadow:0 0 0 30px #FFE7B0 inset !important; color:#1C1C1C !important; cursor:pointer; border-radius:5px !important; margin:0 0 15px 0 !important; transform: none; width:100%; outline: none; -webkit-transition: all 0.21s ease 0s; -moz-transition: all 0.21s ease 0s; -ms-transition: all 0.21s ease 0s; -o-transition: all 0.21s ease 0s; transition: all 0.21s ease 0s;}#action_Ctacb:hover{ background-color:#1C1C1C; box-shadow:0 0 0 1px #1C1C1C inset !important; color:#FFFFFF !important; -webkit-transition: all 0.21s ease 0s; -moz-transition: all 0.21s ease 0s; -ms-transition: all 0.21s ease 0s; -o-transition: all 0.21s ease 0s; transition: all 0.21s ease 0s; outline: none;}.antibot_check label{ color:#FFE7B0;}@-ms-keyframes spin { from { -ms-transform: rotate(0deg); } to { -ms-transform: rotate(360deg); }}@-moz-keyframes spin { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); }}@-webkit-keyframes spin { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); }}@keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); }}@keyframes ltr{ from { left:0; } to { left:100%; }}div#ctaFormResponse { opacity: 0; color: #FFE7B0; text-align: center; font-size: 17px; height: 0; overflow: hidden; max-width:100%; line-height: 1.21;}div#ctaFormResponse.act{ opacity: 1; -webkit-transition: opacity 0.7s ease 0s; -moz-transition: opacity 0.7s ease 0s; -ms-transition: opacity 0.7s ease 0s; -o-transition: opacity 0.7s ease 0s; transition: opacity 0.7s ease 0s; height: auto; margin: 0 0 10px; min-height:44px;}.ctawCBbutt_container{ position: fixed; cursor:pointer; z-index:9999; bottom:160px; right:20px;}.ctawCBbutt_cta{ background-color:#fff; color:#000; position:absolute !important; top:0; right:calc(100% + 21px); -webkit-filter: drop-shadow(0 0 3px #777); filter: drop-shadow(0 0 3px #777); padding:10px; z-index:999; width:200px !important; font-size:12px; line-height:1.21; border-radius:5px; display:block; right:-1000px; -webkit-transition: all 0.7s ease 0s; -moz-transition: all 0.7s ease 0s; -ms-transition: all 0.7s ease 0s; -o-transition: all 0.7s ease 0s; transition: all 0.7s ease 0s;}.ctawCBbutt_cta:after{ content:''; display:block; width: 0; height: 0; border-top: 15px solid transparent; border-left: 15px solid #fff; border-bottom: 15px solid transparent; position:absolute; top:15px; left:99%;}.ctawCBbutt_cta.act{ right:calc(100% + 21px); -webkit-transition: all 0.7s ease 0s; -moz-transition: all 0.7s ease 0s; -ms-transition: all 0.7s ease 0s; -o-transition: all 0.7s ease 0s; transition: all 0.7s ease 0s;}.ctawCBbutt { display: inline-block; background-color:#1C1C1C; border-radius: 100%; padding: 7px; width: 71px; height: 71px; box-sizing: border-box;}@media screen and (min-width: 782px){.ctawCBbutt:hover{ animation: radial-pulse 1s infinite alternate;}}.ctawCBbutt .ctawImg { margin: 0; width: 35px; height: 35px; padding: 10px;}.ctawCBbutt .ctawImg svg{ /*animation: rotate3d 15s infinite linear;*/}.ctawCBbutt .ctawImg span { display: block; position: absolute; width: 47px; height: 47px; top: 4px; left: 4px; transform: rotate(45deg); -webkit-animation-name: spin; -webkit-animation-duration:6000ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: spin; -moz-animation-duration:6000ms; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: spin; -ms-animation-duration:6000ms; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; animation-name: spin; animation-duration:6000ms; animation-iteration-count: infinite; animation-timing-function: linear;} .ctawCB_loader { /*position: absolute; top: calc(50% - 25px); left: calc(50% - 25px);*/ display:none; margin: 0 auto 15px; width: 44px; height: 44px; border-radius: 50%; perspective: 800px;}.ctawCB_inner { position: absolute; box-sizing: border-box; width: 100%; height: 100%; border-radius: 50%; }.ctawCB_inner.one { left: 0%; top: 0%; animation: rotate-one 1s linear infinite; border-bottom: 1px solid #FFE7B0;}.ctawCB_inner.two { right: 0%; top: 0%; animation: rotate-two 1s linear infinite; border-right: 1px solid #FFE7B0;}.ctawCB_inner.three { right: 0%; bottom: 0%; animation: rotate-three 1s linear infinite; border-top: 1px solid #FFE7B0;}@keyframes rotate-one { 0% { transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg); } 100% { transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg); }}@keyframes rotate-two { 0% { transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg); } 100% { transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg); }}@keyframes rotate-three { 0% { transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg); } 100% { transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg); }}@-ms-keyframes rotate3d { 0%{ -ms-transform: rotateY(0deg); } 3%{ -ms-transform: rotateY(360deg); } 100%{-ms-transform: rotateY(360deg);}}@-moz-keyframes rotate3d { 0%{ -moz-transform: rotateY(0deg); } 3%{ -moz-transform: rotateY(360deg); } 100%{-moz-transform: rotateY(360deg);}}@-webkit-keyframes rotate3d { 0%{ -webkit-transform: rotateY(0deg); } 3%{ -webkit-transform: rotateY(360deg); } 100%{-webkit-transform: rotateY(360deg);}}@keyframes rotate3d { 0%{ transform: rotateY(0deg); } 3%{ transform: rotateY(360deg); } 100%{transform: rotateY(360deg);}}.pulse-button__rings { border: 5px solid #FF0000; position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; width: auto; border-radius: 50%; animation-duration: 2.0s; animation-name: pulse_1; animation-iteration-count: infinite; z-index: -1;} .pulse-button__rings:nth-child(2) { animation-name: pulse_2;} .pulse-button__rings:nth-child(3) { animation-name: pulse_3;}@keyframes pulse_1 { from { opacity: 1; transform: scale(0.9, 0.9); } to { opacity: 0; transform: scale(1.3, 1.3); }} @keyframes pulse_2 { from { opacity: 1; transform: scale(0.8, 0.8); } to { opacity: 0; transform: scale(1.5, 1.5); }} @keyframes pulse_3 { from { opacity: 1; transform: scale(0.8, 0.8); } to { opacity: 0; transform: scale(1.7, 1.7); }}" ); document.addEventListener("DOMContentLoaded", function(event) { var userLang = navigator.language || navigator.userLanguage; //console.log(userLang); if(userLang!='ru' && document.getElementById("ctawidget_partner_label")) document.getElementById('ctawidget_partner_label').innerHTML = 'Widget by'; document.getElementById('Ctacb_phone').addEventListener("click", function(){ document.getElementById('Ctacb_phone').removeAttribute('readonly'); }); document.getElementById('Ctacb_phone').addEventListener("touchstart", function(){ document.getElementById('Ctacb_phone').removeAttribute('readonly'); }); var pattern = { 'ru': '+7 (___) ___-__-__', 'md_long': '+373 (___) _-__-__', 'md_short': '0 (___) _-__-__', }; document.getElementById('cl_Ctacb').onclick =function(){ document.getElementById('ctaCallback').classList.remove('act'); sessionStorage.setItem('seenCB','1'); }; function show_ctawCBbutt_cta(){ } if(window.screen.width > 768){ if(sessionStorage.getItem('seenCB')!=1) setTimeout(function(){ if(sessionStorage.getItem('seenCB')!=1 && !get_visible_widget()) document.getElementById('ctaCallback').classList.add('act'); }, 15000); else if(sessionStorage.getItem('seenCB')==1) { setTimeout(function(){ if(!get_visible_widget()) document.getElementById('ctaCallback').classList.add('act'); }, 120000); } } else { show_ctawCBbutt_cta(); } if(sessionStorage.getItem('seenCB')!=1) setTimeout(function(){ if(sessionStorage.getItem('seenCB')!=1 && !get_visible_widget()){ document.getElementById('ctaCallback').classList.add('act'); } }, 15000); else if(sessionStorage.getItem('seenCB')==1) { setTimeout(function(){ if(!get_visible_widget()) document.getElementById('ctaCallback').classList.add('act'); }, 120000); } document.getElementById('cl_Ctacb').onclick =function(){ document.getElementById('ctaCallback').classList.remove('act'); sessionStorage.setItem('seenCB','1'); }; /*document.getElementById('ctawCBbutt').onclick =function(){ document.getElementById('ctawCBbutt_cta').classList.remove('act'); document.getElementById('ctaCallback').classList.add('act'); //sendData({project: '', action:4, url: window.location.href}); }; функция обратного звонка */ const btn = document.getElementById('action_Ctacb'); btn.addEventListener( 'click', function() { if(document.querySelector('#ctaFormcb .antibot_check input[type=checkbox]') == null || (document.querySelector('#ctaFormcb .antibot_check input[type=checkbox]') && document.querySelector('#ctaFormcb .antibot_check input[type=checkbox]').checked)){ if(document.querySelector('#ctaFormcb .antibot_check input[type=checkbox]') != null) document.querySelector('#ctaFormcb .antibot_check label').classList.remove('ctaWerror'); if(document.getElementById('Ctacb_phone').value){ if(ValidPhone(document.getElementById('Ctacb_phone').value)){ document.getElementById('Ctacb_phone').classList.remove('ctaWerror'); btn.style.display = 'none'; document.getElementById('ctawCB_loader').style.display = 'block'; sendData( { phone:document.getElementById('Ctacb_phone').value, project: 'qsiW6yvv', widget: 92, action:1, url:encodeURI(window.location.href), startUrl:encodeURI(JSON.parse(sessionStorage.getItem('pathUrls'))[0]), clientDetails: client_details, timeSpent: show_site_time(), referrer: encodeURI(sessionStorage.getItem('referrer')) } ); } else{ document.getElementById('Ctacb_phone').classList.add('ctaWerror'); } } else{ document.getElementById('Ctacb_phone').classList.add('ctaWerror'); } } else{ document.querySelector('#ctaFormcb .antibot_check label').classList.add('ctaWerror'); } } ); });!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.Scrollbar=e():t.Scrollbar=e()}(this,(function(){return function(t){var e={};function n(r){if(e[r])return e[r].exports;var o=e[r]={i:r,l:!1,exports:{}};return t[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=t,n.c=e,n.d=function(t,e,r){n.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:r})},n.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},n.t=function(t,e){if(1&e&&(t=n(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var o in t)n.d(r,o,function(e){return t[e]}.bind(null,o));return r},n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p="",n(n.s=65)}([function(t,e,n){(function(e){var n=function(t){return t&&t.Math==Math&&t};t.exports=n("object"==typeof globalThis&&globalThis)||n("object"==typeof window&&window)||n("object"==typeof self&&self)||n("object"==typeof e&&e)||Function("return this")()}).call(this,n(68))},function(t,e,n){var r=n(0),o=n(50),i=n(3),u=n(29),c=n(55),a=n(75),s=o("wks"),f=r.Symbol,l=a?f:f&&f.withoutSetter||u;t.exports=function(t){return i(s,t)||(c&&i(f,t)?s[t]=f[t]:s[t]=l("Symbol."+t)),s[t]}},function(t,e){t.exports=function(t){return"object"==typeof t?null!==t:"function"==typeof t}},function(t,e){var n={}.hasOwnProperty;t.exports=function(t,e){return n.call(t,e)}},function(t,e){t.exports=function(t){try{return!!t()}catch(t){return!0}}},function(t,e,n){var r=n(6),o=n(45),i=n(7),u=n(25),c=Object.defineProperty;e.f=r?c:function(t,e,n){if(i(t),e=u(e,!0),i(n),o)try{return c(t,e,n)}catch(t){}if("get"in n||"set"in n)throw TypeError("Accessors not supported");return"value"in n&&(t[e]=n.value),t}},function(t,e,n){var r=n(4);t.exports=!r((function(){return 7!=Object.defineProperty({},1,{get:function(){return 7}})[1]}))},function(t,e,n){var r=n(2);t.exports=function(t){if(!r(t))throw TypeError(String(t)+" is not an object");return t}},function(t,e,n){var r=n(6),o=n(5),i=n(14);t.exports=r?function(t,e,n){return o.f(t,e,i(1,n))}:function(t,e,n){return t[e]=n,t}},function(t,e,n){var r,o,i,u=n(49),c=n(0),a=n(2),s=n(8),f=n(3),l=n(27),p=n(16),h=c.WeakMap;if(u){var d=new h,v=d.get,y=d.has,m=d.set;r=function(t,e){return m.call(d,t,e),e},o=function(t){return v.call(d,t)||{}},i=function(t){return y.call(d,t)}}else{var g=l("state");p[g]=!0,r=function(t,e){return s(t,g,e),e},o=function(t){return f(t,g)?t[g]:{}},i=function(t){return f(t,g)}}t.exports={set:r,get:o,has:i,enforce:function(t){return i(t)?o(t):r(t,{})},getterFor:function(t){return function(e){var n;if(!a(e)||(n=o(e)).type!==t)throw TypeError("Incompatible receiver, "+t+" required");return n}}}},function(t,e,n){var r=n(0);t.exports=r},function(t,e,n){var r=n(0),o=n(8),i=n(3),u=n(26),c=n(47),a=n(9),s=a.get,f=a.enforce,l=String(String).split("String");(t.exports=function(t,e,n,c){var a=!!c&&!!c.unsafe,s=!!c&&!!c.enumerable,p=!!c&&!!c.noTargetGet;"function"==typeof n&&("string"!=typeof e||i(n,"name")||o(n,"name",e),f(n).source=l.join("string"==typeof e?e:"")),t!==r?(a?!p&&t[e]&&(s=!0):delete t[e],s?t[e]=n:o(t,e,n)):s?t[e]=n:u(e,n)})(Function.prototype,"toString",(function(){return"function"==typeof this&&s(this).source||c(this)}))},function(t,e){t.exports={}},function(t,e,n){var r=n(0),o=n(43).f,i=n(8),u=n(11),c=n(26),a=n(69),s=n(53);t.exports=function(t,e){var n,f,l,p,h,d=t.target,v=t.global,y=t.stat;if(n=v?r:y?r[d]||c(d,{}):(r[d]||{}).prototype)for(f in e){if(p=e[f],l=t.noTargetGet?(h=o(n,f))&&h.value:n[f],!s(v?f:d+(y?".":"#")+f,t.forced)&&void 0!==l){if(typeof p==typeof l)continue;a(p,l)}(t.sham||l&&l.sham)&&i(p,"sham",!0),u(n,f,p,t)}}},function(t,e){t.exports=function(t,e){return{enumerable:!(1&t),configurable:!(2&t),writable:!(4&t),value:e}}},function(t,e,n){var r=n(22),o=n(24);t.exports=function(t){return r(o(t))}},function(t,e){t.exports={}},function(t,e,n){var r=n(31),o=Math.min;t.exports=function(t){return t>0?o(r(t),9007199254740991):0}},function(t,e,n){var r=n(16),o=n(2),i=n(3),u=n(5).f,c=n(29),a=n(74),s=c("meta"),f=0,l=Object.isExtensible||function(){return!0},p=function(t){u(t,s,{value:{objectID:"O"+ ++f,weakData:{}}})},h=t.exports={REQUIRED:!1,fastKey:function(t,e){if(!o(t))return"symbol"==typeof t?t:("string"==typeof t?"S":"P")+t;if(!i(t,s)){if(!l(t))return"F";if(!e)return"E";p(t)}return t[s].objectID},getWeakData:function(t,e){if(!i(t,s)){if(!l(t))return!0;if(!e)return!1;p(t)}return t[s].weakData},onFreeze:function(t){return a&&h.REQUIRED&&l(t)&&!i(t,s)&&p(t),t}};r[s]=!0},function(t,e,n){var r=n(76);t.exports=function(t,e,n){if(r(t),void 0===e)return t;switch(n){case 0:return function(){return t.call(e)};case 1:return function(n){return t.call(e,n)};case 2:return function(n,r){return t.call(e,n,r)};case 3:return function(n,r,o){return t.call(e,n,r,o)}}return function(){return t.apply(e,arguments)}}},function(t,e,n){var r=n(24);t.exports=function(t){return Object(r(t))}},function(t,e,n){"use strict";var r=n(13),o=n(0),i=n(53),u=n(11),c=n(18),a=n(33),s=n(35),f=n(2),l=n(4),p=n(59),h=n(36),d=n(77);t.exports=function(t,e,n){var v=-1!==t.indexOf("Map"),y=-1!==t.indexOf("Weak"),m=v?"set":"add",g=o[t],x=g&&g.prototype,b=g,w={},S=function(t){var e=x[t];u(x,t,"add"==t?function(t){return e.call(this,0===t?0:t),this}:"delete"==t?function(t){return!(y&&!f(t))&&e.call(this,0===t?0:t)}:"get"==t?function(t){return y&&!f(t)?void 0:e.call(this,0===t?0:t)}:"has"==t?function(t){return!(y&&!f(t))&&e.call(this,0===t?0:t)}:function(t,n){return e.call(this,0===t?0:t,n),this})};if(i(t,"function"!=typeof g||!(y||x.forEach&&!l((function(){(new g).entries().next()})))))b=n.getConstructor(e,t,v,m),c.REQUIRED=!0;else if(i(t,!0)){var _=new b,E=_[m](y?{}:-0,1)!=_,O=l((function(){_.has(1)})),T=p((function(t){new g(t)})),A=!y&&l((function(){for(var t=new g,e=5;e--;)t[m](e,e);return!t.has(-0)}));T||((b=e((function(e,n){s(e,b,t);var r=d(new g,e,b);return null!=n&&a(n,r[m],r,v),r}))).prototype=x,x.constructor=b),(O||A)&&(S("delete"),S("has"),v&&S("get")),(A||E)&&S(m),y&&x.clear&&delete x.clear}return w[t]=b,r({global:!0,forced:b!=g},w),h(b,t),y||n.setStrong(b,t,v),b}},function(t,e,n){var r=n(4),o=n(23),i="".split;t.exports=r((function(){return!Object("z").propertyIsEnumerable(0)}))?function(t){return"String"==o(t)?i.call(t,""):Object(t)}:Object},function(t,e){var n={}.toString;t.exports=function(t){return n.call(t).slice(8,-1)}},function(t,e){t.exports=function(t){if(null==t)throw TypeError("Can't call method on "+t);return t}},function(t,e,n){var r=n(2);t.exports=function(t,e){if(!r(t))return t;var n,o;if(e&&"function"==typeof(n=t.toString)&&!r(o=n.call(t)))return o;if("function"==typeof(n=t.valueOf)&&!r(o=n.call(t)))return o;if(!e&&"function"==typeof(n=t.toString)&&!r(o=n.call(t)))return o;throw TypeError("Can't convert object to primitive value")}},function(t,e,n){var r=n(0),o=n(8);t.exports=function(t,e){try{o(r,t,e)}catch(n){r[t]=e}return e}},function(t,e,n){var r=n(50),o=n(29),i=r("keys");t.exports=function(t){return i[t]||(i[t]=o(t))}},function(t,e){t.exports=!1},function(t,e){var n=0,r=Math.random();t.exports=function(t){return"Symbol("+String(void 0===t?"":t)+")_"+(++n+r).toString(36)}},function(t,e,n){var r=n(10),o=n(0),i=function(t){return"function"==typeof t?t:void 0};t.exports=function(t,e){return arguments.length<2?i(r[t])||i(o[t]):r[t]&&r[t][e]||o[t]&&o[t][e]}},function(t,e){var n=Math.ceil,r=Math.floor;t.exports=function(t){return isNaN(t=+t)?0:(t>0?r:n)(t)}},function(t,e){t.exports=["constructor","hasOwnProperty","isPrototypeOf","propertyIsEnumerable","toLocaleString","toString","valueOf"]},function(t,e,n){var r=n(7),o=n(54),i=n(17),u=n(19),c=n(56),a=n(58),s=function(t,e){this.stopped=t,this.result=e};(t.exports=function(t,e,n,f,l){var p,h,d,v,y,m,g,x=u(e,n,f?2:1);if(l)p=t;else{if("function"!=typeof(h=c(t)))throw TypeError("Target is not iterable");if(o(h)){for(d=0,v=i(t.length);v>d;d++)if((y=f?x(r(g=t[d])[0],g[1]):x(t[d]))&&y instanceof s)return y;return new s(!1)}p=h.call(t)}for(m=p.next;!(g=m.call(p)).done;)if("object"==typeof(y=a(p,x,g.value,f))&&y&&y instanceof s)return y;return new s(!1)}).stop=function(t){return new s(!0,t)}},function(t,e,n){var r={};r[n(1)("toStringTag")]="z",t.exports="[object z]"===String(r)},function(t,e){t.exports=function(t,e,n){if(!(t instanceof e))throw TypeError("Incorrect "+(n?n+" ":"")+"invocation");return t}},function(t,e,n){var r=n(5).f,o=n(3),i=n(1)("toStringTag");t.exports=function(t,e,n){t&&!o(t=n?t:t.prototype,i)&&r(t,i,{configurable:!0,value:e})}},function(t,e,n){var r,o=n(7),i=n(79),u=n(32),c=n(16),a=n(80),s=n(46),f=n(27)("IE_PROTO"),l=function(){},p=function(t){return"document.getElementsByClassName('quiz_description'+step.getAttribute('data-index'))[0].classList.add('act'); } } var results = ''; function make_quiz_totals(){ var radioArray ={'':''}; for (let e of document.querySelectorAll('.quiz_tab input[type="radio"]:checked, .quiz_tab input[type="checkbox"]:checked, .quiz_tab input[type=text], .quiz_tab input[type=range]')) { //results += e.getAttribute('data-attribute')+': '+e.value+', \r\n'; var pair_key = e.getAttribute('data-attribute'); var pair_value = e.value; if(radioArray[pair_key]) radioArray[pair_key] += ', '+pair_value; else radioArray[pair_key] = pair_value; } //radioArray.shift(); for (const [key, value] of Object.entries(radioArray)) { if(key) results += ''+key+': '+value+' \r\n'; } //console.log(results); //console.log(radioArray); } document.getElementById('quiz_send_contacts_button').addEventListener( 'click', function() { if(document.getElementById('quiz_contacts_value').value){ if(document.getElementById('quiz_contacts_value').getAttribute("type") == 'tel'){ if(ValidPhone(document.getElementById('quiz_contacts_value').value)){ send_quiz(); } else document.getElementById('quiz_contacts_value').classList.add('ctaWerror'); } else if(document.getElementById('quiz_contacts_value').getAttribute("type") == 'email'){ if(ValidEmail(document.getElementById('quiz_contacts_value').value)){ send_quiz(); } else document.getElementById('quiz_contacts_value').classList.add('ctaWerror'); } else if(document.getElementById('quiz_contacts_value').getAttribute("type") == 'text'){ send_quiz(); } else document.getElementById('quiz_contacts_value').classList.add('ctaWerror'); } else document.getElementById('quiz_contacts_value').classList.add('ctaWerror'); } ); function send_quiz(){ document.getElementById('quiz_contacts_value').classList.remove('ctaWerror'); sendData( { contacts_chanel: document.querySelectorAll('.quiz_select_contact_mode_buttons input[type="radio"]:checked')[0].value, phone:document.getElementById('quiz_contacts_value').value, results: results, project: 'qsiW6yvv', widget: 253, action:10, url:encodeURI(window.location.href), startUrl:encodeURI(JSON.parse(sessionStorage.getItem('pathUrls'))[0]), clientDetails: client_details, timeSpent: show_site_time() } ); } if(sessionStorage.getItem('seenQuiz')!=1) setTimeout(function(){ if(sessionStorage.getItem('seenQuiz')!=1 && !get_visible_widget()){ document.getElementById('ctawQuizWindow').classList.add('act'); document.getElementById('ctawQuizWindowBD').classList.add('ctaBdShow'); } }, 30000); else if(sessionStorage.getItem('seenQuiz')==1) { setTimeout(function(){ document.getElementById('ctawQuizWindow').classList.add('act'); document.getElementById('ctawQuizWindowBD').classList.add('ctaBdShow'); }, 120000); } document.getElementById('closeQuiz').onclick = function(){ document.getElementById('ctawQuizWindow').classList.remove('act'); document.getElementById('ctawQuizWindowBD').classList.remove('ctaBdShow'); sessionStorage.setItem('seenQuiz','1'); } document.getElementById('dontNeedQuiz').onclick = function(){ document.getElementById('ctawQuizWindow').classList.remove('act'); document.getElementById('ctawQuizWindowBD').classList.remove('ctaBdShow'); sessionStorage.setItem('seenQuiz','1'); } document.getElementById('ctawQuizCTAbutton').onclick = function(){ document.getElementById('ctawQuizWindow').classList.add('act'); document.getElementById('ctawQuizWindowBD').classList.add('ctaBdShow'); } document.getElementById('ctawQuizWindowBD').onclick = function(){ document.getElementById('ctawQuizWindow').classList.remove('act'); document.getElementById('ctawQuizWindowBD').classList.remove('ctaBdShow'); } document.getElementById('quiz_start_button').onclick = function(){ document.getElementById('quiz_hello_window').style.display = 'none'; document.getElementById('quiz_main_content').style.display = 'flex'; one_height(); } var labels = document.getElementById("quiz_tabs").getElementsByTagName('label'); function clear_labels(){ for(var i= 0; i e.style.setProperty('--value', e.value)); e.oninput = function(){ this.closest('.input_range_container').getElementsByClassName('current_value')[0].innerText = this.value; } } for (let e of document.querySelectorAll('.quiz_contact_mode_item')) { e.onclick = function(){ document.querySelectorAll('.quiz_contact_mode_item').forEach(function(element){ element.classList.remove('act'); }); e.classList.add('act'); e.getElementsByTagName('input')[0].click(); switch(document.querySelectorAll('input[name="quiz_contact_mode"]:checked')[0].value){ case 'Звонок': document.getElementById('quiz_contacts_value').setAttribute('type','tel'); document.getElementById('quiz_contacts_value').setAttribute('placeholder','+373 (___) _-__-__'); break; case 'E-mail': document.getElementById('quiz_contacts_value').setAttribute('type','email'); document.getElementById('quiz_contacts_value').setAttribute('placeholder','info@domain.ru'); break; case 'Telegram': document.getElementById('quiz_contacts_value').setAttribute('type','text'); document.getElementById('quiz_contacts_value').setAttribute('placeholder','Телефон или никнейм'); break; case 'Watsapp': document.getElementById('quiz_contacts_value').setAttribute('type','tel'); document.getElementById('quiz_contacts_value').setAttribute('placeholder','+373 (___) _-__-__'); break; case 'Viber': document.getElementById('quiz_contacts_value').setAttribute('type','tel'); document.getElementById('quiz_contacts_value').setAttribute('placeholder','+373 (___) _-__-__'); break; default: } } } });create_widget('ctawmultiButton', '
Свяжитесь с нами по WhatsApp
Закажите обратный звонок
Работает на
Свяжитесь с нами удобным для Вас способом
', 'div#ctawmultiButton { position: fixed; z-index: 9998;bottom:100px;right:20px;}.ctawMB{position:absolute;bottom:60px;right:5px;z-index:0;}.ctawMB .ctawMB_button{position:relative;width:53px;height:53px;display:block;margin:0 0 -53px;cursor:pointer;-webkit-transition: all 0.421s ease-out 0s;-moz-transition: all 0.421s ease-out 0s;-ms-transition: all 0.421s ease-out 0s;-o-transition: all 0.421s ease-out 0s;transition: all 0.421s ease-out 0s;text-decoration: none !important;}.ctawMB.act{right:0px;bottom:80px;}.ctawMB.act .ctawMB_button{margin:0 0 15px;-webkit-transition: all 0.421s ease-out 0s;-moz-transition: all 0.421s ease-out 0s;-ms-transition: all 0.421s ease-out 0s;-o-transition: all 0.421s ease-out 0s;transition: all 0.421s ease-out 0s;}.ctawMB .ctawMB_button span.img{display:block;width:53px;height:53px;background-color:#fff;border-radius:50%;text-align:center;line-height:53px;box-shadow: 0 0 10px 0px #000;z-index:1;position:relative;font-size:33px;}.ctawMB .ctawMB_button img{width:30px;}.ctawMB span:not(.img){visibility:hidden;background-color:#16163f;color:#fff;border-radius:10px 0 0 10px;font-size:12px;height:25px;line-height:25px;padding:0 15px 1px 15px;position:absolute;right:90%;white-space:nowrap;top:50%;transform:translateY(-50%);z-index:0;}.ctawMB .ctawMB_button:hover span:not(.img){visibility:visible;}.ctawMB .ctawMB_button:hover{transform: scale(1.15);}.ctawMB.demonstration .ctawMB_button span:not(.img){ -webkit-animation-name: demonstrate_hint; -webkit-animation-duration: 50ms; -webkit-animation-iteration-count: 1; -moz-animation-name: demonstrate_hint; -moz-animation-duration: 50ms; -moz-animation-iteration-count: 1; -ms-animation-name: demonstrate_hint; -ms-animation-duration: 50ms; -ms-animation-iteration-count: 1; animation-name: demonstrate_hint; animation-duration: 50ms; animation-iteration-count: 1;animation-fill-mode: forwards;}.ctawMB_button1 span:not(.img){ -webkit-animation-delay: 121ms; -moz-animation-delay: 121ms; -ms-animation-delay: 121ms; animation-delay: 121ms;}.ctawMB_button2 span:not(.img){ -webkit-animation-delay: 242ms; -moz-animation-delay: 242ms; -ms-animation-delay: 242ms; animation-delay: 242ms;}@-ms-keyframes demonstrate_hint{100%{ visibility:visible;}}@-moz-keyframes demonstrate_hint{100%{ visibility:visible;}}@-webkit-keyframes demonstrate_hint{100%{ visibility:visible;}}@keyframes demonstrate_hint{100%{ visibility:visible;}}.ctawMB .ctawMB_button.demonstration{transform: scale(1.15);}.ctawMB .ctawMB_button.demonstration span:not(.img){display:block;}.ctawMB_cta_container{ position: absolute; bottom: 0; right: 0;}.ctawMB_cta_container #partner_label{display: none; text-align: center; color: #eee; font-size: 10px; position: absolute; width: 133px; text-decoration: none; white-space: nowrap; right: 74px; background-color: #16163f; border-radius: 11px; top: 50%; transform: translateY(-50%);}.ctawMB_cta_container #partner_label.act{display:block;}.ctawMB_cta_text{background-color: #fff; color: #000; position: absolute !important; top: 0; right: calc(100% + 21px); -webkit-filter: drop-shadow(0 0 3px #777); filter: drop-shadow(0 0 3px #777); padding: 10px; z-index: 0; width: 200px !important; font-size: 12px; line-height: 1.21; border-radius: 5px; display: block; right: -1000px; -webkit-transition: all 0.7s ease 0s; -moz-transition: all 0.7s ease 0s; -ms-transition: all 0.7s ease 0s; -o-transition: all 0.7s ease 0s; transition: all 0.7s ease 0s;}.ctawMB_cta_text:after { content: ""; display: block; width: 0; height: 0; border-top: 15px solid transparent; border-left: 15px solid #fff; border-bottom: 15px solid transparent; position: absolute; top: 50%; transform: translateY(-50%); left: 99%;}.ctawMB_cta_text.act { right: calc(100% + 21px); -webkit-transition: all 0.7s ease 0s; -moz-transition: all 0.7s ease 0s; -ms-transition: all 0.7s ease 0s; -o-transition: all 0.7s ease 0s; transition: all 0.7s ease 0s;}.ctawMB_cta_button { width: 70px; height: 70px; border-radius: 100%; background-color: #16163f; line-height: 70px;color:#ffe7b0;overflow: hidden;z-index:9;}.ctawMB_cta_button_items { display: block; position: relative;font-size:33px;cursor:pointer;}.ctawMB_cta_button_items.cta_animate{ -webkit-animation-name: ctawMB_cta_button_items_animation; -webkit-animation-duration:2s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: step-start; -moz-animation-name: ctawMB_cta_button_items_animation; -moz-animation-duration:2s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: step-start; -ms-animation-name: ctawMB_cta_button_items_animation; -ms-animation-duration:2s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: step-start; animation-name: ctawMB_cta_button_items_animation; animation-duration:2s; animation-iteration-count: infinite; animation-timing-function: step-start;}.ctawMB_cta_button_items span { display: inline-block; width: 70px; height: 70px; line-height: 70px; text-align: center; vertical-align: top;}@-ms-keyframes ctawMB_cta_button_items_animation {0%{top: 0;}50%{ top: -70px;}100%{top: 0;}}@-moz-keyframes ctawMB_cta_button_items_animation {0%{top: 0;}50%{ top: -70px;}100%{top: 0;}}@-webkit-keyframes ctawMB_cta_button_items_animation {0%{top: 0;}50%{ top: -70px;}100%{top: 0;}}@keyframes ctawMB_cta_button_items_animation {0%{top: 0;}50%{ top: -70px;}100%{top: 0;}}.close_button {display:none; width: 100%; height: 100%; position: absolute; top: 0;left: 0; z-index: 999;background-color:#16163f;border-radius:100%;cursor:pointer;}.close_button.act{display:block;}.close_button .leftright{height: 1.999px;width: 40px;position: absolute;margin-top: 34px; margin-left: 15px;background-color: #ffe7b0;border-radius: 2px;transform: rotate(45deg);transition: all .3s ease-in;}.close_button .rightleft{height: 1.999px;width: 40px;position: absolute;margin-top: 34px; margin-left: 15px;background-color: #ffe7b0;border-radius: 2px;transform: rotate(-45deg);transition: all .3s ease-in;}.close_button:hover .leftright{transform: rotate(-45deg);background-color:#f00;}.close_button:hover .rightleft{transform: rotate(45deg);background-color:#f00;}.rotate_circle{ display: block; position: absolute; width: 58px; height: 58px; top: 6px; left: 6px;border:1px solid; border-radius: 100%; transform: rotate(45deg); -webkit-animation-name: spin; -webkit-animation-duration: 6000ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: spin; -moz-animation-duration: 6000ms; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: spin; -ms-animation-duration: 6000ms; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; animation-name: spin; animation-duration: 6000ms; animation-iteration-count: infinite; animation-timing-function: linear;box-sizing: border-box;}.rotate_circle:before,.rotate_circle:after{content: ""; display: block; position: absolute; width: 7px; height: 7px; left: 9px; top: 0; background-color: #ffe7b0; border-radius: 100%;}.rotate_circle:after{left: auto; top: auto; right: 9px; bottom: 0;}.mb_pulse-button__rings { border: 5px solid #ff0000; position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; width: auto; border-radius: 50%; animation-duration: 2.0s; animation-name: mb_pulse_1; animation-iteration-count: infinite; z-index: -1;} .mb_pulse-button__rings:nth-child(2) {animation-name: mb_pulse_2;}.mb_pulse-button__rings:nth-child(3) {animation-name: mb_pulse_3;}@keyframes mb_pulse_1 {from {opacity: 1;transform: scale(0.9, 0.9);}to {opacity: 0;transform: scale(1.3, 1.3);}}@keyframes mb_pulse_2 {from {opacity: 1;transform: scale(0.8, 0.8);}to {opacity: 0;transform: scale(1.5, 1.5);}}@keyframes mb_pulse_3 {from {opacity: 1;transform: scale(0.8, 0.8);}to {opacity: 0;transform: scale(1.7, 1.7);}}@-ms-keyframes spin { from { -ms-transform: rotate(0deg); } to { -ms-transform: rotate(360deg); }}@-moz-keyframes spin { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); }}@-webkit-keyframes spin { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); }}@keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); }}@keyframes ltr{ from { left:0;} to { left:100%;}}'); document.addEventListener("DOMContentLoaded", function(event) { setTimeout(function(){ if(!get_visible_widget()) document.getElementById('ctawMB_cta_text').classList.add('act'); }, 10000); setTimeout(function(){ document.getElementById('ctawMB_cta_text').classList.remove('act'); }, 20000); function demonstration(changedelay = 500){ /*setTimeout(function(){ document.querySelectorAll('div#ctawMB .ctawMB_button').forEach((button, key)=>{ setTimeout(function(){ if(document.getElementById('ctawMB').classList.contains('act')) button.classList.add('demonstration'); },key*changedelay); }) },500); setTimeout(function(){ undemonstration() }, 5000);*/ } var demonstration_timeout; function undemonstration(){ demonstration_timeout = setTimeout(function(){ if(document.getElementById('ctawMB').classList.contains('demonstration')) document.getElementById('ctawMB').classList.remove('demonstration'); }, 4000); } var show_cta; document.getElementById('ctawMB_cta_button').onclick = function(){ document.getElementById('ctawMB').classList.toggle('act'); document.getElementById('close_button').classList.toggle('act'); document.getElementById('partner_label').classList.toggle('act'); document.getElementById('ctawMB').classList.add('demonstration'); setTimeout(function(){ document.getElementById('ctawMB_cta_text').classList.remove('act'); }, 1000); if(!document.getElementById('ctawMB').classList.contains('act')){ document.getElementById('ctawMB').classList.remove('demonstration'); clearTimeout(demonstration_timeout); } else undemonstration(); }; document.getElementById('ctawMB_cta_container').onmouseenter = function(){ if(!get_visible_widget()) document.getElementById('ctawMB_cta_text').classList.add('act'); show_cta = setTimeout(function(){ document.getElementById('ctawMB_cta_text').classList.remove('act'); }, 5000); }; document.getElementById('ctawMB_cta_container').onmouseleave = function(){ clearTimeout(show_cta); document.getElementById('ctawMB_cta_text').classList.remove('act'); }; /*document.getElementById('ctawMB_cta_button').onmouseenter = function(){ console.log(document.getElementById('ctawMB').classList.contains('act')); if(!document.getElementById('ctawMB').classList.contains('act')){ document.getElementById('ctawMB').classList.toggle('act'); document.getElementById('close_button').classList.toggle('act'); document.getElementById('partner_label').classList.toggle('act'); document.getElementById('ctawMB').classList.add('demonstration'); undemonstration(); } };*/ setInterval(function(){ document.getElementById('ctawMB_cta_button_items').classList.toggle('cta_animate'); },11000); document.getElementById("showCtaCallbackButton").onclick =function(){ document.getElementById("ctawMB_cta_button").click(); document.getElementById("ctaCallback").classList.add("act"); }; });