//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; } };create_widget('ctaTelegram', 'Свяжитесь с нами по telegramРаботает на ', "#telegram_widget { display: flex; justify-content: center; align-items: center; z-index: 9999; position: fixed; right:20px; bottom: 20px; width: 60px; height: 60px; background-color: #ff0000; border-radius: 50px; box-shadow: 0 -100px 70px -120px #442e3f inset; width: unset; padding: 0 0 0 15px; animation: background 4s infinite alternate; text-decoration:none;}#telegram_widget svg { margin: 2px 1px 0 0; transition: height 0.4s; height: 90%; fill: #27D246; -webkit-animation: swing 0.6s infinite alternate; animation: swing 0.6s infinite alternate;}#telegram_widget:hover svg { height: 95%;}#telegram_widget>span { color: #ffffff; margin-right: 10px; font-size:20px;}#telegram_widget:after { content: ''; display: block; position: absolute; height: 100%; width: 100%; top: 0; left: 0; border-radius: 300px; animation: radial-pulse 2s infinite alternate;}@keyframes radial-pulse {0% {box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.3);}50% {box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);}100% {box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);}}@keyframes background { 50% { background:#110c10; box-shadow: 0 -140px 70px -120px #747474 inset, 0 -210px 70px -120px #442e3f inset, 0 -280px 70px -120px #3f51b5 inset;}}@keyframes swing { 0%, 50%, 100% { transform: rotate(0deg);} 10%, 30% { transform: rotate(-10deg);} 20%, 40% { transform: rotate(10deg);}}.grecaptcha-badge{ display:none !important;}@media screen and (max-width: 782px) {#telegram_widget{ width:70px; height:70px; padding: 9px;}#telegram_widget>span { display: none;}}" );//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:100px; 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:100px; 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: 1px 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('ctawCBbutt').onclick = function(){ document.getElementById('ctawCBbutt_cta').classList.remove('act'); document.getElementById('ctaCallback').classList.add('act'); }; document.getElementById('ctawCBbutt').addEventListener("touchstart", function(){ document.getElementById('ctawCBbutt_cta').classList.remove('act'); document.getElementById('ctaCallback').classList.add('act'); }); 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(){ setTimeout(function(){ if(!get_visible_widget()) document.getElementById('ctawCBbutt_cta').classList.add('act'); }, 10000); setTimeout(function(){ document.getElementById('ctawCBbutt_cta').classList.remove('act'); }, (10000 + 10000)); } if(!document.getElementById('ctaCallback').classList.contains('act')){ show_ctawCBbutt_cta(); } 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: '7DJWW4ii', widget: 87, 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'); } } ); });create_widget('ctawleadGenerator', '
Скидки и акции от компании WinFin до конца 2023 года!
до 15%
Скидки и акции от компании WinFin
Скидки до 15% на все деревянные окна и монтаж - звоните, чтобы узнать подробнее!
До конца акции осталось:
00
00
00
00
Нажимая на кнопку "Жду звонка!", я даю свое согласие на обработку моих персональных данных.
Спасибо! В ближайшее время мы свяжемся с Вами!!!
Работает на
', "#ctawLeadGeneratorBD{ position: fixed; width: 100%; height: 100%; top: -100%; left: 0; z-index: 99999999; -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); background-color: hsla(0,1%,21%,.5)!important; -webkit-transition: all 0.421s ease 0s; -moz-transition: all 0.421s ease 0s; -ms-transition: all 0.421s ease 0s; -o-transition: all 0.421s ease 0s; transition: all 0.421s ease 0s;}#ctawLeadGeneratorBD.ctaBdShow{ top:0; -webkit-transition: all 0.421s ease 0s; -moz-transition: all 0.421s ease 0s; -ms-transition: all 0.421s ease 0s; -o-transition: all 0.421s ease 0s; transition: all 0.421s ease 0s;}.leadGenerator_window { width:100vw; max-width: 800px; box-shadow: 0 0 10px 0 #000; display: flex; min-height: 500px; border-radius: 10px; overflow: hidden; position:fixed; top:50%; transform:translateY(-50%); margin:0 auto; left:110%; right:0; z-index:99999999999; background:#fdfcfc; -webkit-transition: all 0.42s ease 0s; -moz-transition: all 0.42s ease 0s; -ms-transition: all 0.42s ease 0s; -o-transition: all 0.42s ease 0s; transition: all 0.42s ease 0s;}.leadGenerator_window.act{ left:0; -webkit-transition: all 0.42s ease 0s; -moz-transition: all 0.42s ease 0s; -ms-transition: all 0.42s ease 0s; -o-transition: all 0.42s ease 0s; transition: all 0.42s ease 0s;}.leadGenerator_image{ background:url(https://app.ctawidget.ru/storage/images/AEYzGr9vzfVwc7R1MkF6BxKnm95khIvsbkvC2Vuo.jpg) center center/cover no-repeat; width: 60%; float: left; position:relative;}.leadGenerator_percents { color:#212529; font-size: 42px; background-color:#FFD700; position: absolute; padding: 15px; font-weight: 700; line-height:1;}.leadGenerator_percents span { font-size: 0.7em;}.leadGenerator_big_text{ position:absolute; bottom:7%; left:10%;}.leadGenerator_big_text span{ color:#212529; background-color: #FFD700; font-weight: 700; font-size:33px; line-height:150%;}.leadGenerator_form { float: left; width: 40%; padding: 21px; position:relative; background-color:#fdfcfc;}.leadGenerator_header { font-size: 28px;}.close-container { position: absolute; margin: auto; width: 25px; height: 25px; top:3px; right:3px; cursor: pointer; z-index:999;}.close-container .leftright{ height: 1.999px; width: 25px; position: absolute; margin-top: 12px; background-color: #000; border-radius: 2px; transform: rotate(45deg); transition: all .3s ease-in;}.close-container .rightleft{ height: 1.999px; width: 25px; position: absolute; margin-top: 12px; background-color: #000; border-radius: 2px; transform: rotate(-45deg); transition: all .3s ease-in;}.close-container:hover .leftright{ transform: rotate(-45deg); background-color:#f00;}.close-container:hover .rightleft{ transform: rotate(45deg); background-color:#f00;}.leadGenerator_header_text { margin: 0 0 15px; font-size: 19px; font-weight: 700; color: #0a0d2e; line-height:1.21;}.leadGenerator_text { font-size: 14px; margin: 0 0 15px; line-height:1.33;}.leadGenerator_timer_before { text-align: center; font-size: 15px; margin:0 0 5px;}.timer__items { display: flex; font-size: 48px; margin:0 -10px 15px;}.timer__item { position: relative; width: calc(33.33333333% - 20px); margin-left: 10px; margin-right: 10px; padding-bottom: 21px; text-align: center;}.timer__item span{ display:block; background-color:#0E145A; color:#FFFFFF; line-height:1.21; border-radius:5px;}.timer__item::before { content: attr(data-title); display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); font-size: 12px; font-weight:500;}.timer__item:not(:last-child):not(.nobef)::after { content: ':'; display:block; line-height:1; position: absolute; top:0.07em; right: -0.3em; animation: pulse 1s infinite;}.leadGenerator_form input { border: 1px solid #ccc; padding: 10px; border-radius: 5px !important; font-size:16px; margin: 0 0 10px; width: 100%;}.leadGenerator_form input.err{ border:1px solid #f00;}.leadGenerator_advert { font-size:9px; line-height: 1; margin: 0 0 15px; color:#ccc;}.leadGenerator_advert a{ color:inherit;}.leadGenerator_button { display: block; text-decoration: none !important; background-color:#FFD700 !important; color: #212529 !important; font-size:16px; border: 0; padding: 10px; width: 100%; text-align: center; border-radius: 8px; cursor: pointer; -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;}.leadGenerator_button:hover{ transform:scale(1.05); -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;}@keyframes pulse { 0% { opacity:0.1; } 50% { opacity:0.5; } 100% { opacity:1; }}.leadGenerator_button{ position:relative; overflow:hidden;}.leadGenerator_button:after { content: ''; cursor: pointer; position: absolute; bottom: 0; top: 0; left: 0; right: 0; z-index: 0; width: calc(100% + 3000px); margin-left: -1500px; background: linear-gradient(-45deg, transparent 310px, #ffffff77 310px, #ffffff77 325px, transparent 325px); background-position: right; background-repeat: no-repeat; background-size: 1000px; -webkit-transition-timing-function: 3s; transition-timing-function: 3s; -webkit-animation-name: puls__cta; animation-name: puls__cta; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-duration: 4.6s; animation-duration: 4.6s; opacity: 1;}@keyframes puls__cta { 0% { background-position: left; } 99% { background-position: right; }}.ctawLeadGeneratorCall{ position:fixed; right:20px; bottom:180px; cursor:pointer; z-index:9999;}.ctawLeadGeneratorCall svg{ width:70px; height:70px; animation:lr 2.1s infinite;}@-webkit-keyframes lr{ 0% { transform: rotate(0deg); } 5% { transform: rotate(5deg); } 10% { transform: rotate(0eg); } 15% { transform: rotate(-5deg); } 20% { transform: rotate(0deg); }}.ctawLeadGenerator_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:calc(-100% - 200px); -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#ctaLeadGeneratorFormResponse { opacity: 0; color: #333; text-align: center; font-size: 17px; height: 0; overflow: hidden; max-width:100%; font-weight: 700; padding: 15px 0 0;}div#ctaLeadGeneratorFormResponse.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;}div#ctawLeadGeneratorCall.hide{ display:none !important;}.ctawLeadGenerator_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: 7px; right: -14px;}.ctawLeadGenerator_cta.act{ right:calc(100% + 15px);}@media screen and (max-width: 782px) { .leadGenerator_window{ display:block; } .leadGenerator_image { float: none; width: auto; min-height: 300px; } .leadGenerator_form{ float:none; width:auto; }}" ); const deadline = new Date('2023/12/30 16:11'); document.addEventListener("DOMContentLoaded", function(event) { function show_leadGenerator_window(){ if(deadline - new Date() >= 0){ if(!get_visible_widget()){ document.getElementById('ctawLeadGeneratorWindow').classList.add('act'); document.getElementById('ctawLeadGeneratorBD').classList.add('ctaBdShow'); } } } function hide_leadGenerator_window(){ document.getElementById('ctawLeadGeneratorWindow').classList.remove('act'); document.getElementById('ctawLeadGeneratorBD').classList.remove('ctaBdShow'); sessionStorage.setItem('seenLeadGenerator','1'); } document.getElementById('closeLeadGenerator').onclick =function(){ hide_leadGenerator_window(); }; document.getElementById('ctawLeadGeneratorBD').onclick =function(){ hide_leadGenerator_window(); }; const leadGeneratorSendButton = document.getElementById('leadGeneratorSendButton'); leadGeneratorSendButton.addEventListener( 'click', function() { var inputs = ["leadGeneratorNameField","leadGeneratorPhoneField",]; var form_validation = 21; inputs.forEach( el => { if(document.getElementById(el).hasAttribute('required') && document.getElementById(el).value == ""){ form_validation = 0; document.getElementById(el).classList.add('err'); } else{ if(el == 'leadGeneratorPhoneField' && document.getElementById(el).value != ""){ if(ValidPhone(document.getElementById(el).value)){ if(form_validation != 0) form_validation = 1; document.getElementById(el).classList.remove('err'); } else{ form_validation = 0; document.getElementById(el).classList.add('err'); } } else if(el == 'leadGeneratorEmailField' && document.getElementById(el).value != ""){ if(ValidEmail(document.getElementById(el).value)){ if(form_validation != 0) form_validation = 1; document.getElementById(el).classList.remove('err'); } else{ form_validation = 0; document.getElementById(el).classList.add('err'); } } else{ if(form_validation != 0) form_validation = 1; document.getElementById(el).classList.remove('err'); } } }); if(form_validation == 1){ leadGeneratorSendButton.disabled = true; sendData( { name:document.getElementById('leadGeneratorNameField').value, phone:document.getElementById('leadGeneratorPhoneField').value, project: '7DJWW4ii', widget: 143, action:8, url:encodeURI(window.location.href), startUrl:encodeURI(JSON.parse(sessionStorage.getItem('pathUrls'))[0]), clientDetails: client_details, timeSpent: show_site_time() } ); } } ); // id таймера let timerId = null; // склонение числительных function declensionNum(num, words) { return words[(num % 100 > 4 && num % 100 < 20) ? 2 : [2, 0, 1, 1, 1, 2][(num % 10 < 5) ? num % 10 : 5]]; } // вычисляем разницу дат и устанавливаем оставшееся времени в качестве содержимого элементов function countdownTimer() { const diff = deadline - new Date(); if (diff <= 0) { clearInterval(timerId); } const days = diff > 0 ? Math.floor(diff / 1000 / 60 / 60 / 24) : 0; const hours = diff > 0 ? Math.floor(diff / 1000 / 60 / 60) % 24 : 0; const minutes = diff > 0 ? Math.floor(diff / 1000 / 60) % 60 : 0; const seconds = diff > 0 ? Math.floor(diff / 1000) % 60 : 0; $days.textContent = days < 10 ? '0' + days : days; //$days.forEach(element=>{element.textContent = days < 10 ? '0' + days : days}); $hours.textContent = hours < 10 ? '0' + hours : hours; $minutes.textContent = minutes < 10 ? '0' + minutes : minutes; $seconds.textContent = seconds < 10 ? '0' + seconds : seconds; $days_par.dataset.title = declensionNum(days, ['день', 'дня', 'дней']); $hours_par.dataset.title = declensionNum(hours, ['час', 'часа', 'часов']); $min_par.dataset.title = declensionNum(minutes, ['минута', 'минуты', 'минут']); $secs_par.dataset.title = declensionNum(seconds, ['секунда', 'секунды', 'секунд']); if(days==0) { $days_par.style.display = 'none'; $min_par.classList.remove('nobef'); $secs_par.style.display = 'block'; } else { $secs_par.style.display = 'none'; $min_par.classList.add('nobef'); } } // получаем элементы, содержащие компоненты даты const $days = document.querySelector('.timer__days span'); const $days_par = document.querySelector('.timer__days'); const $hours = document.querySelector('.timer__hours span'); const $hours_par = document.querySelector('.timer__hours'); const $minutes = document.querySelector('.timer__minutes span'); const $min_par = document.querySelector('.timer__minutes'); const $seconds = document.querySelector('.timer__seconds span'); const $secs_par = document.querySelector('.timer__seconds'); // вызываем функцию countdownTimer countdownTimer(); // вызываем функцию countdownTimer каждую секунду timerId = setInterval(countdownTimer, 1000); });create_widget('ctawGoUp', ' ', "#ctawGoUp{ opacity:0; position: fixed; bottom: 20px; left:20px; width: 70px; height: 70px; padding: 15px; border-radius:5px; background-color:#64892eee; -webkit-transition: all 0.42s ease 0s; -moz-transition: all 0.42s ease 0s; -ms-transition: all 0.42s ease 0s; -o-transition: all 0.42s ease 0s; transition: all 0.42s ease 0s; cursor:pointer; box-sizing: border-box; z-index:99999;}#ctawGoUp svg{ max-width:100%; fill:#ffffff; display:block;}#ctawGoUp.act{ opacity:1; -webkit-transition: all 0.42s ease 0s; -moz-transition: all 0.42s ease 0s; -ms-transition: all 0.42s ease 0s; -o-transition: all 0.42s ease 0s; transition: all 0.42s ease 0s;}@media screen and (min-width: 783px) {#ctawGoUp:hover{ transform:scale(1.05); -webkit-transition: all 0.42s ease 0s; -moz-transition: all 0.42s ease 0s; -ms-transition: all 0.42s ease 0s; -o-transition: all 0.42s ease 0s; transition: all 0.42s ease 0s;}}@media screen and (max-width: 782px) {#ctawGoUp{ bottom: 70px;}}" ); document.addEventListener("DOMContentLoaded", function(event) { document.getElementById('ctawGoUp').addEventListener( 'click',function(){ window.scrollTo({ top:0, behavior: "smooth" }); }); document.getElementById('ctawGoUp').addEventListener( 'ontouchstart',function(){ window.scrollTo({ top:0, behavior: "smooth" }); }); window.addEventListener('scroll',function(){ if (window.scrollY > window.innerHeight) { document.getElementById('ctawGoUp').classList.add('act'); } else { document.getElementById('ctawGoUp').classList.remove('act'); } }); /* функция кнопка наверх */ });