Сумочка Пудель Дора 29см

Name: Сумочка Пудель Дора 29см
Brand: Золушка
SKU: 227401
Price: 269 UAH
Availability: InStock

Артикул: 227401

Все про товар Характеристики Фото

Є в наявності

Ціна:

379грн

269грн

До відділення Нової пошти	59 грн
Доставка кур'єром	99 грн
Укрпошта	49 грн
До відділення Укрпошти	За тарифами перевізника

Оплата

Готівкова, безготівкова, VISA / Mastercard

Детальніше

Гарантія

Обмін / повернення товару протягом 14 днів
Гарантія від виробника

Опис

Розміри: 19х16х29 см

</ iframe></ p> <div class="option-gradient"></div> </div>  <a class="btn-all-description hidden" href="javascript:void(0);">Розгорнути характеристики</a> </div> <div class="tab short-specification desctiption_exist" id="tab-specification"> <div class="content-box"> <div class="content-box__title">Характеристики</div> <table class="table_specification"> <tr class="attribute_group__header"> <td colspan="2">Основні характеристики:</td> </tr> <tr class="specification-item"> <td class="td-attribute"> <div><span>Підкатегорія: </span></div> </td> <td class="td-attribute-value"> <p>Сумочка</p></td> </tr> <tr class="specification-item"> <td class="td-attribute"> <div><span>Размер рюкзака: </span></div> </td> <td class="td-attribute-value"> <p>19х16х29 см</p></td> </tr> <tr class="specification-item"> <td class="td-attribute"> <div><span>Жанр: </span></div> </td> <td class="td-attribute-value"> <p>Тварини</p></td> </tr> <tr class="specification-item"> <td class="td-attribute"> <div><span>Матеріал: </span></div> </td> <td class="td-attribute-value"> <p>Текстиль</p></td> </tr> <tr class="specification-item"> <td class="td-attribute"> <div><span>Стать: </span></div> </td> <td class="td-attribute-value"> <p>Хлопчик; Дівчинка; Універсальний</p></td> </tr> <tr class="specification-item"> <td class="td-attribute"> <div><span> Вік: </span></div> </td> <td class="td-attribute-value"> <p>3+</p></td> </tr> </table> </div> </div> <div class="tab" id="tab_photos"> <div class="content-box"> <div class="content-box__title">Фотографії</div> <div class="tab_photos_image"><img class="img-responsive" src="https://sz.ua/image/cache/catalog/import_yml/zolushka/3793/241193627379423161-1000x1000.jpeg" alt="Сумочка Пудель Дора 29см - Фото 1" title="Сумочка Пудель Дора 29см - Фото 1"/> </div> <div class="tab_photos_image"><img class="img-responsive" src="https://sz.ua/image/cache/catalog/import_yml/zolushka/3793/428266417105012872-1000x1000.jpeg" alt="Сумочка Пудель Дора 29см - Фото 2" title="Сумочка Пудель Дора 29см - Фото 2"/> </div> <div class="tab_photos_image"><img class="img-responsive" src="https://sz.ua/image/cache/catalog/import_yml/zolushka/3793/431376292977445423-1000x1000.jpeg" alt="Сумочка Пудель Дора 29см - Фото 3" title="Сумочка Пудель Дора 29см - Фото 3"/> </div> <div class="tab_photos_image"><img class="img-responsive" src="https://sz.ua/image/cache/catalog/import_yml/zolushka/3793/329732796435817099-1000x1000.jpeg" alt="Сумочка Пудель Дора 29см - Фото 4" title="Сумочка Пудель Дора 29см - Фото 4"/> </div> <div class="tab_photos_image"><img class="img-responsive" src="https://sz.ua/image/cache/catalog/import_yml/zolushka/3793/myagkaya-igrushka-zolushka-sumochka-pudel-dora-29sm-287-13119325282495827-1000x1000.jpeg" alt="Сумочка Пудель Дора 29см - Фото 5" title="Сумочка Пудель Дора 29см - Фото 5"/> </div> </div> </div> <div class="sticky-block hidden card-right "> <div class="sticky-block_inside"> <div class="sticky-block__top"> <img width="116" height="116" src="https://sz.ua/image/cache/catalog/import_yml/zolushka/3793/241193627379423161-116x116.jpeg" class="img-responsive" alt="Сумочка Пудель Дора 29см" title="Сумочка Пудель Дора 29см"> <div> <div class="sticky-block__top_title">Сумочка Пудель Дора 29см</div> <div class="page-product__status status_instock">Є в наявності</div> </div> </div> <div class="dividing_line"></div> <div class="card-right__middle"> <div class="row price-reward-wishlist"> <div class="col-md-6"> <div class="price"> <div class="lettering_element">Ціна:</div> <div class="old-price">379<i>грн</i></div> <div class="new-price">269<i>грн</i></div> </div> </div> <div class="col-md-6 button-bar"> <div class=""> <button type="button" tooltip="Додати до списку бажань" class="wishlist-in-product" title="" onclick="wishlist.add('348985');"> <span><img src="catalog/view/theme/OPC080193_6/images/page_product/heart-o.svg" alt="wishlist"></span></button> <button type="button" data-toggle="tooltip" style="display: none" title="порівняння" onclick="compare.add('348985');"><img src="catalog/view/theme/OPC080193_6/images/page_product/compare.svg" alt="wishlist"> </button> </div> </div> </div> <div class="buttons block_btn"> <button type="button" class="btn-main button-cart"><img src="catalog/view/theme/OPC080193_6/images/page_product/cart.svg" alt="button cart">Купити</button> <div class="buy-one-click"> <form method="POST"> <p class="oneclick_label">Залиш номер - передзвонимо!</p> <div class="one-click-field"> <input type="tel" name="phone" placeholder="+38 (___) ___-__-__"> <button type="button" class="button_one_click">Ok</button> </div> </form> </div> </div> </div> <div class="dividing_line dividing_line_second"></div> <div class="product_delivery product_wrap_block"> <div class="product_delivery__header"> <div class="product_wrap_title">Доставка</div> </div> <div class="product_delivery__content content_inside"> <div class="clearfix"></div> <table class="product_delivery_table"> <tr class="product_delivery_item"> <td class="delivery-first-col delivery_types delivery_types_np"> <div class="delivery_types__content">До відділення Нової пошти</div> </td> <td class="delivery_cost"> <span class="delivery_cost__amount">59 грн</span> </td> <td class="question_mark"></td> </tr> <tr class="product_delivery_item"> <td class="delivery-first-col delivery_types delivery_types_np"> <div class="delivery_types__content">Доставка кур'єром</div> </td> <td class="delivery_cost"> <span class="delivery_cost__amount">99 грн</span> </td> <td class="question_mark"></td> </tr> <tr class="product_delivery_item"> <td class="delivery-first-col delivery_types delivery_types_np"> <div class="delivery_types__content">Укрпошта</div> </td> <td class="delivery_cost"> <span class="delivery_cost__amount">49 грн</span> </td> <td class="question_mark"></td> </tr> </table> </div> </div> <div class="row"> <div class="col-12"> <div class="product_wrap_block block_payment"> <div class="product_wrap_title">Оплата</div> <div class="product_wrap_content content_inside hidden">Готівкова, безготівкова, VISA / Mastercard <a href="https://sz.ua/ua/oplata/" class="btn-link ">Детальніше</a> </div> </div> </div> <div class="col-12"> <div class="product_wrap_block block_guarantee"> <div class="product_wrap_title">Гарантія</div> <div class="product_wrap_content content_inside hidden">Обмін / повернення товару протягом 14 днів <br> Гарантія від виробника <a href="#" style="display: none" class="btn-link">Детальніше</a> </div> </div> </div> </div> </div> </div> <div class="clearfix"></div> </div> </div> </div> <div class="" style="margin-bottom: 60px"> <div id="owlcarousel-144" class="owlcarousel-by-scroll" data-id="144"></div> <div id="owlcarousel-117" class="owlcarousel-by-scroll" data-id="117"></div> <script> (function($) { $(document).ready(function() { $('.j-tab-switcher').on('click', function (e){ e.preventDefault(); $('.j-tab-switcher.active').removeClass('active'); $(this).addClass('active'); var tab = $(this).find('a').attr('href'); $('.tab-content-carousel .tab-pane-carousel.active').removeClass('active') $(tab).addClass('active loading-tab-carousel'); setTimeout(function(){$(tab).removeClass('loading-tab-carousel');}, 700); }); function random(owlSelector){ owlSelector.children().sort(function(){ return Math.round(Math.random()) - 0.5;}).each(function(){$(this).appendTo(owlSelector); }); } function initOwlCarousel($mid, $show_loop, $show_nav, $show_random_item) { var owl = $("#owl-" + $mid); owl.owlCarousel({ dots:false, loop: $show_loop, navText: ['<i></i>','<i></i>'], nav: $show_nav, responsiveClass:true, responsive:{ 0:{ loop:false, mouseDrag: false, touchDrag: false, autoWidth: false, items: 2.5, margin: 18, nav: false }, 375:{ loop:false, items: 2.7, autoWidth: false, margin: 18, nav: false }, 479:{ loop:false, items: 2.9, autoWidth: false, margin: 18 }, 500:{ loop:false, items: 3.2, margin: 18, autoWidth: false, nav: false }, 600:{ loop:false, items: 3.8, autoWidth: false, nav: false, margin: 18, }, 768:{ mouseDrag: true, touchDrag: true, nav: true, loop: $show_loop, items: 2 }, 900:{ mouseDrag: true, loop: $show_loop, touchDrag: true, nav: true, items: 2 }, 992:{ nav:true, loop: $show_loop, items: 3 }, 1199:{ nav:true, loop: $show_loop, items: 5 } }, beforeInit : function(elem){ if($show_random_item == 'true') { random(elem) } ;}, }); } function initOwlCarouselAccount($mid, $show_loop, $show_nav, $show_random_item, $loop) { var owl = $("#owl-" + $mid); owl.owlCarousel({ dots:false, navText: ['<i id="prev_carousel_account"></i>','<i id="next_carousel_account"></i>'], responsiveClass:true, responsive:{ 0:{ loop:false, mouseDrag: false, touchDrag: false, autoWidth: false, items: 2.5, nav: false, }, 375:{ loop:false, items: 2.7, autoWidth: false, }, 479:{ loop:false, items: 2.9, autoWidth: false, }, 500:{ loop:false, items: 3.2, autoWidth: false, nav: false }, 600:{ loop:false, items: 3.8, autoWidth: false, nav: false }, 768:{ mouseDrag: true, touchDrag: true, nav: true, loop: $loop, items: 2 }, 900:{ mouseDrag: true, loop: $loop, touchDrag: true, nav: true, items: 3 }, 1150:{ nav:true, loop: $loop, items: 4 }, 1260:{ nav:true, loop: $loop, items: 5 }, 1390:{ nav:true, loop: $loop, items: 6 } }, beforeInit : function(elem){ if($show_random_item == 'true') { random(elem) } ;}, }); } // Простая очередь $.qajaxSimple = function (url, blockId) { var intervalTimeout = 1500; $._qajaxSimpleQueue = $._qajaxSimpleQueue || []; $._qajaxSimpleQueue.push({ url: url, options: blockId }); $._qajaxSimpleInterval = $._qajaxSimpleInterval || setInterval(function () { var params = $._qajaxSimpleQueue.shift(); if(params) { $.ajax({ url: params.url, type: 'get', dataType: 'json', cache: false, success: function(json) { if(json['error']) { $('#'+params.options).html(); console.log(json['error']); } else { if(json['template']) { $('#'+params.options).html(json['template']); } if(json['template_name'] == 'account' && !json['hide']) { initOwlCarouselAcount(json['module'], json['show_loop'], json['show_nav'], json['show_random_item'], json['loop']); } else if(!json['hide']) { initOwlCarousel(json['module'], json['show_loop'], json['show_nav'], json['show_random_item']); } } if(json['hide']) { $('#'+params.options).remove(); } } }); } }, intervalTimeout); }; windowHeight = $(window).height(); //$(window).scroll(function () { if($(window).width() < 768 + 15) { ofsetInit = windowHeight - 450; } else { ofsetInit = windowHeight - 550; } $('.owlcarousel-by-scroll').each(function() { //if ($(window).scrollTop() + windowHeight + ofsetInit > $(this).offset().top) { if(!$(this).hasClass('showed')) { $(this).addClass('showed'); var owlModuleId = $(this).attr("data-id"); var blockId = $(this).attr("id"); $('#'+blockId).html('<div style="text-align:center"><img src="image/spinner.gif"></div>'); $.qajaxSimple('index.php?route=extension/module/owlcarousel/crossdomainRequest&module_id=' + encodeURIComponent(owlModuleId) + '&product_id=' + encodeURIComponent(348985), blockId); /*$.ajax({ url: 'index.php?route=extension/module/owlcarousel/crossdomainRequest&module_id=' + encodeURIComponent(owlModuleId), type: 'get', dataType: 'json', success: function(json) { console.log(json); if(json['template']) { $this.html(json['template']); } initOwlCarousel(json['module'], json['show_loop'], json['show_nav'], json['show_random_item']); } }); */ } //} }); //}); }); })( jQuery ); </script> </div> </div> </div> <div class="remodal remodal-dark modal-one-click" data-remodal-id="modal-one-click" id="modal-one-click" data-remodal-options="hashTracking: false"> <button data-remodal-action="close" class="remodal-close"></button> <div class="modal-body"> </div> </div> <script></script> <script></script> <script></script> <script></script> <script> $(document).ready(function () { // Change price $('.count-plus, .count-minus').on('click', function () { $('.count-input input[name=\'quantity\']').trigger('change'); }); $(".btn-all-description").click(function () { if ($('.content-box').hasClass('short-description-prod')) { $(".tab .content-box").toggleClass("short-description-prod"); $(".content-box .option-gradient").toggleClass("hide"); $(this).text('text_collapse_specifications'); } else { var top = $('.content-box').offset().top; $('body, html').animate({scrollTop: top - 102}, 1500); $(".tab .content-box").toggleClass("short-description-prod"); $(".content-box .option-gradient").toggleClass("hide"); $(this).text('Розгорнути характеристики'); } }); $('#tab-specification').on('click', '.specifications__all-link', function () { var positionTabs = $('.tabs').offset(); if (window.matchMedia('(max-width: 767px)').matches) { $('body,html').animate({scrollTop: 0}, 200); } else { $('body,html').animate({scrollTop: 0}, 200); } setTimeout(function (){$('a[href=\'#tab-specification\']').trigger('click');}, 400); }); }); </script> <script> $(document).ready(function () { $('#slider-products-related').owlCarousel({ dots: false, navText: ['<i></i>', '<i></i>'], responsiveClass: true, responsive: { 0: { loop: false, mouseDrag: false, touchDrag: false, autoWidth: false, items: 2.5, margin: 18, nav: false, }, 375: { loop: false, items: 2.7, margin: 18, autoWidth: false, //nav: false, //items: 2 }, 479: { loop: false, items: 2.9, autoWidth: false, margin: 18, //nav: false, //items: 2 }, 500: { loop: false, items: 3.2, margin: 18, autoWidth: false, nav: false }, 600: { loop: false, items: 3.8, margin: 18, autoWidth: false, nav: false }, 768: { mouseDrag: true, touchDrag: true, //autoWidth: true, nav: true, items: 2 }, 900: { mouseDrag: true, touchDrag: true, //autoWidth: true, nav: true, items: 2 }, 992: { nav: true, //autoWidth: true items: 3 }, 1199: { nav: true, items: 5 //autoWidth: true }, }, }); }); </script> <script> $(document).ready(function () { $('#video_carousel').owlCarousel({ dots: false, navText: ['<i></i>', '<i></i>'], responsiveClass: true, touchDrag: true, margin: 40, responsive: { 0: { loop: false, items: 1.3, nav: true, margin: 18 }, 768: { mouseDrag: true, touchDrag: true, //autoWidth: true, nav: true, loop: false, items: 1.8 }, 1199: { nav: true, loop: true, items: 2.3, //autoWidth: true }, }, }); if (window.matchMedia('(min-width: 768px)').matches) { $('#productZoom').elevateZoom({ zoomType: "inner", cursor: "crosshair" }); }; $('#productZoom').click(function (e) { e.preventDefault(); var thisItemid = $(this).attr('data-itemid'); $('#'+thisItemid).trigger('click'); }); $('.thumb-images-item a').not('.thumb-link-youtube').mouseenter(function (event) { var a = $(this).find('img').data('zoom'); console.log(a); var b = $(this).find('img').data('src'); $('.thumb-images-item img').removeClass('active'); $(this).find('img').addClass('active'); $('#productZoom').attr('src', b); $('#productZoom').attr('data-itemid', $(this).attr('id')); $('.zoomWindow').css('background-image', 'url(' + a + ')'); }); }); </script> <script> $(document).ready(function () { $('.video_view_stickers').click(function () { if ($(this).hasClass('few-video-youtube')) { $('a[href=\'#tab3\']').trigger('click'); var positionTabs = $('.tabs').offset(); if (window.matchMedia('(max-width: 767px)').matches) { $('body,html').animate({scrollTop: positionTabs.top - 70}, 2000); return false; } else { $('body,html').animate({scrollTop: positionTabs.top - 100}, 2000); return false; } } else { $.fancybox.open($('.thumb-images-item a'), { touch: false }); } }); $('.product_wrap_title').click(function () { $(this).toggleClass('content_inside_open'); $(this).parents('.product_wrap_block').find('.content_inside').toggleClass('hidden'); }) }); </script> <script> $(document).ready(function () { $('.button_one_click').click(function () { var buttonCallback = $(this); $.ajax({ url: 'index.php?route=information/information/callback', type: 'post', data: $(this).parents('form').serialize(), dataType: 'json', beforeSend: function () { buttonCallback.siblings('input').removeClass('error'); }, success: function (json) { if (json['error_firstname']) { buttonCallback.siblings('input[name=\'firstname\']').addClass('error'); } if (json['error_phone']) { buttonCallback.siblings('input[name=\'phone\']').addClass('error'); } if (json['success']) { $('#modal-one-click .modal-body').html('<div class="success">' + json['success'] + '</div>'); var inst = $('[data-remodal-id=modal-one-click]').remodal(); /*Открываем модальное окно*/ inst.open(); } }, error: function (xhr, ajaxOptions, thrownError) { console.log(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText); $('#modal-one-click .modal-body').html('<div class="success">' + thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText + '</div>'); var inst = $('[data-remodal-id=modal-one-click]').remodal(); } }); }) }); </script> <script> $(document).ready(function () { $('.product-images .thumb-images').slick({ //asNavFor: '.main-image', arrows: true, slidesToShow: 5, vertical: true, infinite: false, responsive: [ { breakpoint: 1368, settings: { slidesToShow: 4, vertical: true, } }, { breakpoint: 1200, settings: { slidesToShow: 7, vertical: false, } }, { breakpoint: 1023, settings: { slidesToShow: 6, vertical: false, } }, { breakpoint: 992, settings: { slidesToShow: 5, vertical: false, } }, { breakpoint: 768, settings: { slidesToShow: 10, vertical: false, } }, { breakpoint: 700, settings: { slidesToShow: 9, vertical: false, } }, { breakpoint: 640, settings: { slidesToShow: 8, vertical: false, } }, { breakpoint: 580, settings: { slidesToShow: 7, vertical: false, } }, { breakpoint: 481, settings: { slidesToShow: 6, vertical: false, } }, { breakpoint: 400, settings: { slidesToShow: 5, vertical: false, } } ] }); }); </script> <script> window.onload = () => { let stickyPanel = document.querySelector('.product_sticky_panel'); let options = { root: null, rootMargin: '5px', threshold: [0, 1] } let callback1 = function (entries, observer1) { entries.forEach(entry => { console.log(entry.intersectionRatio); if (entry.intersectionRatio == 0) { stickyPanel.classList.add('sticky_panel_active'); } else { stickyPanel.classList.remove('sticky_panel_active'); } }) } let callback2 = function (entries, observer2) { entries.forEach(entry => { if (entry.intersectionRatio == 0) { stickyPanel.classList.add('sticky_panel_active2'); } else { stickyPanel.classList.remove('sticky_panel_active2'); } }) } // наблюдатель let observer1 = new IntersectionObserver(callback1, options); let target1 = document.querySelector('#tab2 .block_btn'); observer1.observe(target1); let observer2 = new IntersectionObserver(callback2, options); let target2 = document.querySelector('.sticky-block .block_btn'); observer2.observe(target2); } </script> <script></script> <script> //const debug_deliveries = JSON.parse(`[{"class":"delivery_types_np","name_shiping":"\u0414\u043e \u0432\u0456\u0434\u0434\u0456\u043b\u0435\u043d\u043d\u044f \u041d\u043e\u0432\u043e\u0457 \u043f\u043e\u0448\u0442\u0438","day_delivery":"","price":"59 \u0433\u0440\u043d"},{"class":"delivery_types_np","name_shiping":"\u0414\u043e\u0441\u0442\u0430\u0432\u043a\u0430 \u043a\u0443\u0440'\u0454\u0440\u043e\u043c","day_delivery":"","price":"99 \u0433\u0440\u043d"},{"class":"delivery_types_np","name_shiping":"\u0423\u043a\u0440\u043f\u043e\u0448\u0442\u0430","day_delivery":"","price":"49 \u0433\u0440\u043d"}]`); const is_ukrpost = !!`1`; const ukrpost_shipping_default = `За тарифами перевізника`; const ukrpost_shipping_name = `До відділення Укрпошти`; </script> <div class="seoshield_footers"></div> <footer class="footer"> <div class="wrapper"> <div class="row"> <div class="col-xl-3 col-lg-3 col-md-3 footer-col__contact"> <div class="tab-wrap footer-contacts"> <div class="tab-title footer-subtitle">Контакти</div> <div class="tab-content tab-contact"> <div class="callback-footer"> <svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0)"> <path d="M9.73759 7.71557L7.71356 6.36577C7.4567 6.19586 7.11239 6.25177 6.9225 6.49425L6.33292 7.2523C6.25715 7.35221 6.11942 7.38119 6.0098 7.3203L5.89765 7.25847C5.52587 7.05583 5.06328 6.80354 4.13126 5.87118C3.19923 4.93882 2.94643 4.47588 2.74379 4.10478L2.68229 3.99263C2.62056 3.88304 2.64899 3.74472 2.74894 3.66834L3.50648 3.07894C3.74887 2.88902 3.80486 2.54482 3.63514 2.28788L2.28534 0.263849C2.1114 0.00220808 1.76243 -0.0763349 1.49315 0.0855355L0.646773 0.593956C0.380836 0.7503 0.185728 1.0035 0.102361 1.30051C-0.202418 2.41101 0.0268647 4.32756 2.85012 7.15114C5.09596 9.39681 6.76788 10.0007 7.91704 10.0007C8.18151 10.0019 8.44495 9.96745 8.70026 9.89841C8.99733 9.81514 9.25057 9.62002 9.40682 9.354L9.91575 8.50813C10.0779 8.2388 9.99935 7.88961 9.73759 7.71557Z" fill="#9F97B8"/> </g></svg> <span class="icon-callback-footer"></span> <a href="#" onClick="window.BinotelGetCall['33479'].openPassiveForm('<h4>Замовити дзвінок</h4><label>Номер телефону</label>');" class="callback_link_footer"> Передзвоніть мені</a> </div> <div class="footer-phones"> <a href="tel:0800331032" class="tel tel-universal-footer binct-phone-number-1" rel="nofollow"> 0 800 33 10 32</a> <a href="tel:0660204021" class="tel tel-mts tel-msg binct-phone-number-2" rel="nofollow">066 02 04 021</a> <a href="tel:0980204021" class="tel tel-kyiv binct-phone-number-3" rel="nofollow">098 02 04 021</a> <a href="tel:093 02 04 021" class="tel tel-life">093 02 04 021</a> <a href="tel:044 499 76 68" class="tel tel-city">044 499 76 68</a> <a href="mailto:welcome@sz.ua" class="link-mail" rel="nofollow"> <span class="icon-link-mail"></span> Написати нам<br>welcome@sz.ua</a> </div> <div><a class="footer__sitemap" href="https://sz.ua/ua/sitemap/"> Карта сайту</a></div> </div> </div> </div> <div class="col-xl-3 col-lg-3 col-md-5 footer-col__schedule"> <div class="tab-wrap footer-contacts"> <div class="tab-title footer-subtitle">Графік роботи <span class="no-wrap">Call-центра:</span></div> <div class="tab-content tab-contact"> <div class="footer-worktime"> <span class="icon-footer-worktime"></span>Приймання замовлень <br> 9:00 - 21:00 </div> <div class="delivery-from-stock"> <span class="icon-delivery-from-stock"></span>Видача замовлень зі складу здійснюється:<br> ПН-ПТ з 9:00 до 17:00<br> СБ, НД - Вихідний </div> </div> </div> </div> <div class="col-xl-3 offset-xl-1 col-lg-2 col-md-4 footer-col__customers"> <div class="footer-links tab-wrap"> <div class="tab-title footer-subtitle">Покупцям</div> <div class="tab-content"> <ul> <li><a href="https://sz.ua/ua/about/">Про нас</a></li> <li><a href="https://sz.ua/ua/oplata/"> Оплата</a></li> <li><a href="https://sz.ua/ua/samovivoz/"> Доставка</a></li> <li><a href="https://sz.ua/ua/garantiya/"> Гарантія</a></li> <li><a href="https://sz.ua/ua/add-return/"> Повернення товару</a></li> <li><a href="https://sz.ua/ua/policy/"> Публічна оферта</a></li> <li><a href="https://sz.ua/ua/contact-us/"> Контакти</a></li> </ul> </div> </div> </div> <div class="col-xl-2 col-lg-2 col-md-6 footer-col__social"> <div class="tab-wrap"> <div class="tab-title footer-subtitle">Ми в соціальних мережах</div> <div class="tab-content"> <div class="social"><a href="https://www.facebook.com/www.sz.ua" class="footer-soc-fb" rel="nofollow" target="_blank" >Facebook</a><a href="https://www.instagram.com/sz.ua_/" class="footer-soc-inst" rel="nofollow" target="_blank">Instagram</a></div> </div> </div> </div> </div> <div class="footer-bottom"> <div class="footer_text__about hidden-xs">   <div class="footer_text__about_first">SMARTZONE - онлайн гіпермаркет вигідних покупок</div> З року в рік ми продовжуємо розвиватися, розширювати виробничу і дистриб'юторську лінійку продукції, і покращувати якість обслуговування, щоб радувати Вас кожен день! <div> SMARTZONE © 2016 - 2024. Усі права зихищені </div> </div> <div class="footer_payment"> <img src="catalog/view/theme/OPC080193_6/images/mastercard.svg" alt="mastercard" title="mastercard"> <img src="catalog/view/theme/OPC080193_6/images/visa.svg" alt="visa" title="visa"> <img src="catalog/view/theme/OPC080193_6/images/apple-pay-seeklogo.svg" alt="apple-pay" title="apple-pay"> </div> </div> </div> </footer> <div class="remodal remodal-light modal-cart" data-remodal-id="modal-cart" id="modal-cart" data-remodal-options="hashTracking: false"> <div class="modal-head"> <p class="remodal_title">Корзина</p> </div> <button data-remodal-action="close" class="remodal-close"></button> <div class="modal-body"> <div id="cart-block" class="btn-group btn-block"> <div class="cart-body" id="cart"> <p class="text-center text-empty">Ваш кошик порожній!</p> </div> </div> </div> </div>  <input id="text-wishlist" type="hidden" value="Додати до списку бажань"> <input id="text-inwishlist" type="hidden" value="Вже у списку бажань"> <input id="button-cart-add" type="hidden" value="Добавити до кошику"> <input id="button-incart" type="hidden" value="Вже у кошику">   <input id="text-wishlist" type="hidden" value="Додати до списку бажань"> <input id="text-inwishlist" type="hidden" value="Вже у списку бажань"> <input id="button-cart-add" type="hidden" value="Добавити до кошику"> <input id="button-incart" type="hidden" value="Вже у кошику">   <input id="text-wishlist" type="hidden" value="Додати до списку бажань"> <input id="text-inwishlist" type="hidden" value="Вже у списку бажань"> <input id="button-cart-add" type="hidden" value="Добавити до кошику"> <input id="button-incart" type="hidden" value="Вже у кошику">   <input id="text-wishlist" type="hidden" value="Додати до списку бажань"> <input id="text-inwishlist" type="hidden" value="Вже у списку бажань"> <input id="button-cart-add" type="hidden" value="Добавити до кошику"> <input id="button-incart" type="hidden" value="Вже у кошику">  <div id="scroll-top"><svg width="22" height="12" viewBox="0 0 22 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M11.6027 0.322027L21.7614 10.4808C22.0862 10.8171 22.0769 11.353 21.7406 11.6778C21.4125 11.9946 20.8924 11.9946 20.5644 11.6778L11.0042 2.11756L1.44393 11.6778C1.11338 12.0083 0.577465 12.0083 0.24691 11.6778C-0.0835972 11.3472 -0.0835972 10.8113 0.24691 10.4808L10.4056 0.322027C10.7362 -0.00847958 11.2721 -0.0084796 11.6027 0.322027Z" fill="white"/> </svg> </div> <div class="remodal remodal-light modal-city" data-remodal-id="modal-city" id="modal-city" data-remodal-options="hashTracking: false"> <button data-remodal-action="close" class="remodal-close"></button> <div class="modal-title">Виберіть своє місто</div> <div class="modal-body"> <div class="city-body"> <ul class="region__popular-cities"> <li id="s_1" ><a href="javascript:void(0);" onclick="setcity('Київ', 's_1');" class="popular-cities active">Київ</a></li> <li id="s_2" ><a href="javascript:void(0);" onclick="setcity('Одеса', 's_2');" class="popular-cities">Одеса</a></li> <li id="s_3" ><a href="javascript:void(0);" onclick="setcity('Дніпро', 's_3');" class="popular-cities">Дніпро</a></li> <li id="s_4" ><a href="javascript:void(0);" onclick="setcity('Харків', 's_4');" class="popular-cities">Харків</a></li> <li id="s_5" ><a href="javascript:void(0);" onclick="setcity('Запоріжжя', 's_5');" class="popular-cities">Запоріжжя</a></li> <li id="s_6" ><a href="javascript:void(0);" onclick="setcity('Львів', 's_6');" class="popular-cities">Львів</a></li> </ul> <div class="form_popup"> <label class="ch_label" for="product_city">Введіть населений пункт України</label> <input class="form-control ch-input" type="text" name="city_pop" id="product_city" value="" placeholder="Ваш город" data-onchange="reloadAllPop" autocomplete="new-city"> </div> </div> </div> </div>  <script> $(document).ready(function() { $('#button-cart').on('click', function() { setTimeout(function(){ $.ajax({ type: 'post', url: 'index.php?route=checkout/cart/info', dataType: 'json', success: function (json) { dataLayer.push({ 'event': 'add_to_cart', 'value': json['total'], 'items' : json['items'] }); } }); }, 1000); }); }); </script>   <script> $(document).ready(function () { $('.phones-board').on('mouseenter', function () { $('.all-phone').addClass('all-phone-visible'); $(this).addClass('phones-board-shadow'); $('.phone-board-arrow').addClass('phone-board-arrow-up'); }); $('.phones').on('mouseleave', function () { $('.all-phone').removeClass('all-phone-visible'); $('.phones-board').removeClass('phones-board-shadow'); $('.phone-board-arrow').removeClass('phone-board-arrow-up'); }); }); </script>   <script> $(document).ready(function(){ $('.main-category-block').hover(function(){ $(this).addClass('hover-main-category'); }, function(){ $(this).removeClass('hover-main-category'); }); $('.main-category-block').mouseenter(function(){ var thiscategoryblock1 = $(this); if(thiscategoryblock1.hasClass('hover-main-category')){ $("body").addClass('pushy-active'); $('.dropdown-category').addClass('dropdown-category-hover'); $('.catalog-board-arrow').addClass('catalog-arrow-active'); $('.button-link-catalog').addClass('button-link-catalog-active'); $('.submenu').removeClass('submenu-open'); } }); $('.all-inline-category').mouseleave(function(e){ var thiscategoryblock = $('.main-category-block'); if(!thiscategoryblock.hasClass('hover-main-category')){ $("body").removeClass('pushy-active'); $('.dropdown-category').removeClass('dropdown-category-hover'); $('.button-link-catalog').removeClass('button-link-catalog-active'); $('.catalog-board-arrow').removeClass('catalog-arrow-active');} }); $('.js_drop_height').mouseenter(function(){ var elem=$(this).parent(); var a=elem.children('a'); a.addClass('right_dropdown_hovered'); a.find('.arrow-category').addClass('arrow_howered'); $(".dropdown-category").css("border-radius", "3px 0px 0px 3px"); }); $('.js_drop_height').mouseleave(function(){ var elem=$(this).parent(); var a=elem.children('a'); a.removeClass('right_dropdown_hovered'); a.find('.arrow-category').removeClass('arrow_howered'); $(".dropdown-category").css("border-radius", "3px"); }); $('.main-menu .item-category').hover(function(){ //$(this).addClass('hover'); }, function(){ //$(this).removeClass('hover'); }); // Присваиваем координаты для предыдущей позиции курсора var x2 = 0; var y2 = 0; // Известные координаты нижних углов треугольника var x1 = 278; var y1 = 0; var x3 = 278; var y3 = 530; // Присваиваем зничение вспомогательной переменной var in_delta = false; // При наведении на меню так же присваиваем ей false $('.j_fiels_submenu').mouseenter(function() { in_delta = false; }); // Ну и теперь самое главное событие $('.main-menu .item-category').mousemove(function(e) { var parentOffset = $(this).parent().offset(); // Берем текущие координаты курсора var x0 = e.pageX - parentOffset.left; var y0 = e.pageY - parentOffset.top; // Ну и теперь простая формула для определения находится ли курсор в треугольнике var z1 = (x1 - x0) * (y2 - y1) - (x2 - x1) * (y1 - y0); var z2 = (x2 - x0) * (y3 - y2) - (x3 - x2) * (y2 - y0); var z3 = (x3 - x0) * (y1 - y3) - (x1 - x3) * (y3 - y0); if ((z1 > 0 && z2 > 0 && z3 > 0) || (z1 < 0 && z2 < 0 && z3 < 0)) { in_delta = true; } else { // Здесь непосредственно нужный нам код для показа меню var b=$(this).data('menu-vertical-id'); $('.topmenus-item[data-menu-id ='+ b+']').trigger('mouseenter'); $('.high-header .j-all-categories').css({'box-shadow': 'none', 'border-radius': '8px 0px 0px 8px'}); $('.short-header .j-all-categories').css({'box-shadow': 'none', 'border-radius': '0px 0px 0px 8px'}); // И сразу же присваиваем значение нашей переменной in_delta = false; } // Ну и обязательно присваиваем значения координатам для "предыдущего значения положения" для следущего события x2 = e.pageX - parentOffset.left; y2 = e.pageY - parentOffset.top; }).mouseleave(function() { if (!in_delta) { $(this).removeClass('submenu-open') } }); }); //menu wildberries $('.topmenus-item').hover(function(){ $('.vertical-item-categore').removeClass('hover'); var a=$(this).data('menu-id'); $(this).addClass('over'); $('.vertical-item-categore[data-menu-vertical-id ='+ a+']').addClass('hover'); }, function(){ var a=$(this).data('menu-id'); $(this).removeClass('over'); }) $('.topmenus-item').hover( function(e){ var thisElement=$(this); var a=$(this).data('menu-id'); if($('.j-dropdown-item').hasClass('active') || $('.j-all-categories').hasClass('dropdown-category-hover')){ $('.topmenus-item').removeClass('hover'); $('.j-dropdown-item').removeClass('active'); $(this).addClass('hover'); $('.j-dropdown-item[data-menu-id ='+ a+']').addClass('active'); $('.j-all-categories').css({'box-shadow':'none', 'border-radius': '8px 0px 0px 8px'}); }else{ setTimeout(function(){ if(thisElement.hasClass('over')){ thisElement.addClass('hover'); $('.j-dropdown-item[data-menu-id ='+ a+']').addClass('active'); $('.j-all-categories').addClass('dropdown-category-hover'); $('.j-all-categories').css({'box-shadow': 'none', 'border-radius': '8px 0px 0px 8px'}); $('.catalog-board-arrow').addClass('catalog-arrow-active'); $("body").addClass('pushy-active'); } }, 560) } }); $('.all-inline-category').mouseleave(function(e){ $('.topmenus-item').removeClass('hover'); $('.j-dropdown-item').removeClass('active'); $('.j-all-categories').removeClass('dropdown-category-hover'); $('.vertical-item-categore').removeClass('hover'); $('.catalog-board-arrow').removeClass('catalog-arrow-active'); $('.j-all-categories').css({'box-shadow': 'none', 'border-radius': '0px 0px 8px 8px'}); }) </script> <script> $(document).ready(function(){ setTimeout(function(){$('header .phones ').addClass('animate-phones')}, 11000); }) </script>  <script> $(document).ready(function() { function random(owlSelector){owlSelector.children().sort(function(){return Math.round(Math.random()) - 0.5;}).each(function(){$(this).appendTo(owlSelector);});} var owl = $(".owl-carousel.owl-moneymaker2"); owl.owlCarousel({ dots:false, loop: true, navText: ['<i></i>','<i></i>'], nav: true, responsiveClass:true, responsive:{ 0:{ loop:false, mouseDrag: false, touchDrag: false, autoWidth: false, items: 2.5, margin: 18, nav: false }, 375:{ loop:false, items: 2.7, autoWidth: false, margin: 18, nav: false }, 479:{ loop:false, items: 2.9, autoWidth: false, margin: 18, }, 500:{ loop:false, items: 3.2, margin: 18, autoWidth: false, nav: false }, 600:{ loop:false, items: 3.8, autoWidth: false, nav: false, margin: 18, }, 768:{ mouseDrag: true, touchDrag: true, nav: true, items: 2 }, 900:{ mouseDrag: true, touchDrag: true, nav: true, items: 2 }, 992:{ nav:true, items: 3 }, 1199:{ nav:true, items: 4 }, 1420:{ nav:true, items: 5 } }, }); }); </script>  <script> $(document).ready(function(){ $('.j-tab-switcher').on('click', function (e){ e.preventDefault(); $('.j-tab-switcher.active').removeClass('active'); $(this).addClass('active'); var tab = $(this).find('a').attr('href'); $('.tab-content-carousel .tab-pane-carousel.active').removeClass('active') $(tab).addClass('active loading-tab-carousel'); setTimeout(function(){$(tab).removeClass('loading-tab-carousel');}, 700); }); }); </script>  <link rel="stylesheet" href="catalog/view/theme/OPC080193_6/assets/remodal-default-theme.css"/> <script defer src="catalog/view/theme/OPC080193_6/assets/maskedinput.js"></script> <script defer src="catalog/view/theme/OPC080193_6/assets/remodal.js"></script>  <script defer src="catalog/view/theme/OPC080193_6/assets/jquery.fancybox.min.js"></script>  <script> $(document).ready(function(){ if (window.matchMedia('(min-width: 768px)').matches) { $(function () { $(window).scroll(function () { if ($(this).scrollTop() > 300) { $('#scroll-top').fadeIn(); } else { $('#scroll-top').fadeOut(); } }); $('#scroll-top').click(function () { $('body,html').animate({scrollTop: 0}, 800); return false; }); }); }}); </script>  <script> $(document).ready(function(){ var touch_position; var touch_position_y; // Координата нажатия function turn_start(event) { // При начальном нажатии получить координаты event.stopPropagation(); touch_position = event.touches[0].pageX; touch_position_y = event.touches[0].pageY; } function turn_page(event) { event.stopPropagation(); // При движении нажатия отслеживать направление движения var tmp_move = touch_position-event.touches[0].pageX; var tmp_move_y = touch_position_y-event.touches[0].pageY; console.log(tmp_move_y); if (Math.abs(tmp_move)<60) { return false; } if (tmp_move_y<-10 || tmp_move_y>10 ) { return false; } if (tmp_move<0) { } else { $('.mobile-menu-main').removeClass('open'); setTimeout(function(){$('.mobile-menu').removeClass('open').removeClass('sub-open'); $('.mobile-menu:not(.mm-1-mobibe-menu)').addClass('hidden');}, 400); $('.mobile-bg').fadeOut(200); $('html').removeClass('remodal-is-locked scroll-disabled'); $('body').removeClass('scroll-disabled'); } } $('.mobile-menu-main').on('touchstart', function(){ turn_start(event); }); $('.mobile-menu-main').on('touchmove', function(){ turn_page(event); }); $('.mobile-bg').on('touchstart', function(){ turn_start(event); }); $('.mobile-bg').on('touchmove', function(){ turn_page(event); }); }) </script>   <script> document.addEventListener("DOMContentLoaded", function() { var lazyImages = [].slice.call(document.querySelectorAll("img.lazy-sz")); if ("IntersectionObserver" in window) { let lazyImageObserver = new IntersectionObserver(function(entries, observer) { entries.forEach(function(entry) { if (entry.isIntersecting) { let lazyImage = entry.target; lazyImage.src = lazyImage.dataset.src; lazyImage.classList.remove("lazy-sz"); lazyImage.classList.remove("lazy-sz"); lazyImageObserver.unobserve(lazyImage); } }); }); lazyImages.forEach(function(lazyImage) { lazyImageObserver.observe(lazyImage); }); } }); </script>     <script> document.addEventListener('DOMContentLoaded', () => { setTimeout(function(){ (function(d, w, s) { var widgetHash = '5o4z7wy795qvnzz9skax', gcw = d.createElement(s); gcw.type = 'text/javascript'; gcw.async = true; //gcw.src = '//widgets.binotel.com/getcall/widgets/'+ widgetHash +'.js'; gcw.src = 'https://sz.ua/externalstaticjs/5o4z7wy795qvnzz9skax.js'; var sn = d.getElementsByTagName(s)[0]; sn.parentNode.insertBefore(gcw, sn); })(document, window, 'script'); }, 3500); }); </script> <link rel="stylesheet" href="catalog/view/theme/OPC080193_6/assets/get_call.css"/> <link rel="stylesheet" href="catalog/view/theme/OPC080193_6/assets/footer.css?ver2.2"/> <script></script> <script> </script> <script> $(document).ready(function(){ $('.city-possible__yes').click(function(){ $('.city-possible').addClass('hidden'); }); $('.city-possible__show').click(function(){ $('.city-possible').addClass('hidden'); }); $(document).mouseup(function (e) { var div = $(".city-possible"); if (!div.is(e.target) && div.has(e.target).length === 0) { div.addClass('hidden'); } }) }) </script> <script> </script> <script> /* $(document).ready(function(){ */ /*$('.search-input').on('focus', function(event) { if (window.matchMedia('(max-width: 767px)').matches) { if (!$('.header-mob').hasClass('search-form-open')) { //event.preventDefault(); $('.header-mob').addClass('search-form-open'); $('.search-input').focus(); var lenghSearch = $(this).val(); console.log(lenghSearch); return false; }}else{ }; });*/ /*$('.search-input').on('keyup', function (){ var lenghSearch = $(this).val(); if(lenghSearch == ''){ $('.search-close').trigger('click'); } }); $('.search-input').on('focus', function (){ $('.search-btn').addClass('search-btn-focus'); }); $('.search-input').on('blur', function (){ $('.search-btn').removeClass('search-btn-focus'); }); }); */ </script>  <script> $(document).TSGoogleAnalytics(JSON.parse('{"ecommerce":{"event":"detail","params":{"items":[{"id":348985,"name":"\u0421\u0443\u043c\u043e\u0447\u043a\u0430 \u041f\u0443\u0434\u0435\u043b\u044c \u0414\u043e\u0440\u0430 29\u0441\u043c","brand":"\u0417\u043e\u043b\u0443\u0448\u043a\u0430","category":"\u0422\u043e\u0432\u0430\u0440\u0438 \u0434\u043b\u044f \u0434\u0456\u0442\u0435\u0439\/\u0414\u0438\u0442\u044f\u0447\u0456 \u0440\u044e\u043a\u0437\u0430\u043a\u0438\/\u0420\u044e\u043a\u0437\u0430\u043a\u0438 \u0434\u043b\u044f \u0434\u0456\u0442\u0435\u0439","price":"269.00","quantity":99}]}}}')); </script>   <style> #keycrm-social-buttons { position: fixed !important; z-index: 2147483000 !important; bottom: 10px; opacity: 0; display: flex; align-items: center; flex-direction: column-reverse; animation: delayed 2s; animation-fill-mode: forwards; } #keycrm-social-buttons.right { right: 10px; } #keycrm-social-buttons.left { left: 10px; } @keyframes delayed { 60% { opacity: 0; } 100% { opacity: 1; } } @media(hover: hover){ .keycrm-messenger-button:hover::after { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; background: rgba(0,0,0,0.1); } #keycrm-social-buttons:hover .keycrm-messenger-buttons .keycrm-messenger-button { opacity: 1; transform: scale(1); } } @media (hover: none) and (pointer: coarse) { .keycrm-messenger-buttons { pointer-events: auto!important; } .keycrm-messenger-button-title{ display: none!important; } } #keycrm-social-buttons:hover .keycrm-messenger-buttons { pointer-events: auto; } .keycrm-bubble { margin-right: 10px; margin-bottom: 30px; width: 65px; height: 65px; color: #fff; font-size: 30px; line-height: 50px; text-align: center; border-radius: 50%; background: #9236bb url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAwCAYAAABT9ym6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMS1jMDAwIDc5LmRhYmFjYmIsIDIwMjEvMDQvMTQtMDA6Mzk6NDQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyMi41IChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjA4QzI2MEY5OTk1MTExRUNCNUQyQ0I0QUE1N0E2NkQ4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjA4QzI2MEZBOTk1MTExRUNCNUQyQ0I0QUE1N0E2NkQ4Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDhDMjYwRjc5OTUxMTFFQ0I1RDJDQjRBQTU3QTY2RDgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDhDMjYwRjg5OTUxMTFFQ0I1RDJDQjRBQTU3QTY2RDgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7ukl9qAAAPNElEQVR42tya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') no-repeat 50% 50%; background-size: 60% 60%; } .keycrm-messenger-buttons { position: absolute; bottom: 30px; display: flex; flex-direction: row; pointer-events: none; } #keycrm-social-buttons.right .keycrm-messenger-buttons { right: 75px; } #keycrm-social-buttons.left .keycrm-messenger-buttons { left: 0; } .keycrm-messenger-button { position: relative; display: block; width: 65px; height: 65px; margin-right: 20px; border-radius: 50%; opacity: 0; background-position: center center; background-size: 40px; background-repeat: no-repeat; box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.1); cursor: pointer; transform: scale(0); transition: all 150ms cubic-bezier(0, 0, 0.2, 1); } .keycrm-messenger-button .keycrm-messenger-button-title { display: none; top: 10px; position: absolute; color: #eee; font-size: 12px; font-family: Verdana, Arial, sans-serif; white-space: nowrap; line-height: 20px; padding: 0 8px; background: #444; border-radius: 3px; } #keycrm-social-buttons.right .keycrm-messenger-button-title { right: -70px; top: -30px; } #keycrm-social-buttons.left .keycrm-messenger-button-title { left: 120%; } .keycrm-messenger-button:hover .keycrm-messenger-button-title { display: block; } .keycrm-messenger-button.facebook { background-color: #1877f2 ; background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMjYiIHZpZXdCb3g9IjAgMCAyNiAyNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yNSAxMy4wNzMzQzI1IDYuNDA1NDEgMTkuNjI3NCAxIDEzIDFDNi4zNzI1OCAxIDEgNi40MDU0MSAxIDEzLjA3MzNDMSAxOS4wOTk1IDUuMjYzMjMgMjQuMDk0MyAxMSAyNVYxNi41NjMzSDguMDc4MTJWMTMuMDczM0gxMVYxMC40MTM0QzExIDcuMzg3NTUgMTIuOTE2NSA1LjcxNjE1IDE1LjY1NzYgNS43MTYxNUMxNi45NzA1IDUuNzE2MTUgMTguMzQzOCA1Ljk1MTk1IDE4LjM0MzggNS45NTE5NVY4LjkyMzEzSDE2LjgzMDZDMTUuMzM5OSA4LjkyMzEzIDE1IDkuODUzNzkgMTUgMTAuODA4NlYxMy4wNzMzSDE4LjIwMzFMMTcuNjcxMSAxNi41NjMzSDE1VjI1QzIwLjczNjggMjQuMDk0MyAyNSAxOS4wOTk1IDI1IDEzLjA3MzNaIiBmaWxsPSIjRkZGRkZFIi8+Cjwvc3ZnPgo='); } .keycrm-messenger-button.instagram { background-size: 100%; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjQwIiBoZWlnaHQ9IjQwIiByeD0iMjAiIGZpbGw9InVybCgjcGFpbnQwX3JhZGlhbCkiLz4KPHJlY3Qgd2lkdGg9IjQwIiBoZWlnaHQ9IjQwIiByeD0iMjAiIGZpbGw9InVybCgjcGFpbnQxX3JhZGlhbCkiLz4KPHBhdGggZD0iTTIwLjAwMSA5QzE3LjAxMzYgOSAxNi42Mzg3IDkuMDEzMDYgMTUuNDY1MyA5LjA2NjQ2QzE0LjI5NDMgOS4xMjAwOCAxMy40OTQ5IDkuMzA1NDggMTIuNzk1NSA5LjU3NzVDMTIuMDcyIDkuODU4NDYgMTEuNDU4MyAxMC4yMzQzIDEwLjg0NjkgMTAuODQ1OUMxMC4yMzUgMTEuNDU3NCA5Ljg1OTE1IDEyLjA3MTEgOS41NzcyOCAxMi43OTQzQzkuMzA0NTcgMTMuNDk0IDkuMTE4OTQgMTQuMjkzNSA5LjA2NjIzIDE1LjQ2NDFDOS4wMTM3NSAxNi42Mzc0IDkgMTcuMDEyNiA5IDIwQzkgMjIuOTg3NCA5LjAxMzI5IDIzLjM2MTIgOS4wNjY0NiAyNC41MzQ1QzkuMTIwMzEgMjUuNzA1NiA5LjMwNTcxIDI2LjUwNDkgOS41Nzc1MSAyNy4yMDQzQzkuODU4NyAyNy45Mjc4IDEwLjIzNDUgMjguNTQxNSAxMC44NDYyIDI5LjE1MjlDMTEuNDU3NCAyOS43NjQ4IDEyLjA3MTEgMzAuMTQxNSAxMi43OTQxIDMwLjQyMjVDMTMuNDk0IDMwLjY5NDUgMTQuMjkzNiAzMC44Nzk5IDE1LjQ2NDQgMzAuOTMzNUMxNi42Mzc3IDMwLjk4NjkgMTcuMDEyNCAzMSAxOS45OTk3IDMxQzIyLjk4NzMgMzEgMjMuMzYxMSAzMC45ODY5IDI0LjUzNDUgMzAuOTMzNUMyNS43MDU1IDMwLjg3OTkgMjYuNTA1OCAzMC42OTQ1IDI3LjIwNTYgMzAuNDIyNUMyNy45Mjg5IDMwLjE0MTUgMjguNTQxNyAyOS43NjQ4IDI5LjE1MjkgMjkuMTUyOUMyOS43NjQ4IDI4LjU0MTUgMzAuMTQwNiAyNy45Mjc4IDMwLjQyMjUgMjcuMjA0NUMzMC42OTI5IDI2LjUwNDkgMzAuODc4NSAyNS43MDUzIDMwLjkzMzUgMjQuNTM0OEMzMC45ODYyIDIzLjM2MTQgMzEgMjIuOTg3NCAzMSAyMEMzMSAxNy4wMTI2IDMwLjk4NjIgMTYuNjM3NyAzMC45MzM1IDE1LjQ2NDNDMzAuODc4NSAxNC4yOTMzIDMwLjY5MjkgMTMuNDk0IDMwLjQyMjUgMTIuNzk0NUMzMC4xNDA2IDEyLjA3MTEgMjkuNzY0OCAxMS40NTc0IDI5LjE1MjkgMTAuODQ1OUMyOC41NDEgMTAuMjM0MSAyNy45MjkxIDkuODU4MjMgMjcuMjA1IDkuNTc3NUMyNi41MDM3IDkuMzA1NDggMjUuNzAzOSA5LjEyMDA4IDI0LjUzMjggOS4wNjY0NkMyMy4zNTk1IDkuMDEzMDYgMjIuOTg2IDkgMTkuOTk3NiA5SDIwLjAwMVpNMTkuMDE0MiAxMC45ODIzQzE5LjMwNzEgMTAuOTgxOCAxOS42MzM5IDEwLjk4MjMgMjAuMDAxIDEwLjk4MjNDMjIuOTM4MSAxMC45ODIzIDIzLjI4NjIgMTAuOTkyOCAyNC40NDYgMTEuMDQ1NUMyNS41MTg1IDExLjA5NDYgMjYuMTAwNiAxMS4yNzM4IDI2LjQ4ODMgMTEuNDI0NEMyNy4wMDE3IDExLjYyMzcgMjcuMzY3NyAxMS44NjIxIDI3Ljc1MjQgMTIuMjQ3MUMyOC4xMzc0IDEyLjYzMjEgMjguMzc1OCAxMi45OTg3IDI4LjU3NTYgMTMuNTEyMUMyOC43MjYyIDEzLjg5OTQgMjguOTA1NiAxNC40ODE0IDI4Ljk1NDQgMTUuNTUzOUMyOS4wMDcxIDE2LjcxMzUgMjkuMDE4NiAxNy4wNjE5IDI5LjAxODYgMTkuOTk3NUMyOS4wMTg2IDIyLjkzMzEgMjkuMDA3MSAyMy4yODE0IDI4Ljk1NDQgMjQuNDQxQzI4LjkwNTQgMjUuNTEzNSAyOC43MjYyIDI2LjA5NTYgMjguNTc1NiAyNi40ODI5QzI4LjM3NjIgMjYuOTk2MiAyOC4xMzc0IDI3LjM2MTggMjcuNzUyNCAyNy43NDY1QzI3LjM2NzQgMjguMTMxNSAyNy4wMDE5IDI4LjM2OTkgMjYuNDg4MyAyOC41NjkyQzI2LjEwMTEgMjguNzIwNSAyNS41MTg1IDI4Ljg5OTIgMjQuNDQ2IDI4Ljk0ODNDMjMuMjg2NCAyOS4wMDEgMjIuOTM4MSAyOS4wMTI0IDIwLjAwMSAyOS4wMTI0QzE3LjA2MzggMjkuMDEyNCAxNi43MTU3IDI5LjAwMSAxNS41NTYxIDI4Ljk0ODNDMTQuNDgzNiAyOC44OTg4IDEzLjkwMTUgMjguNzE5NiAxMy41MTM1IDI4LjU2OUMxMy4wMDAxIDI4LjM2OTYgMTIuNjMzNSAyOC4xMzEzIDEyLjI0ODUgMjcuNzQ2M0MxMS44NjM1IDI3LjM2MTMgMTEuNjI1MSAyNi45OTU1IDExLjQyNTMgMjYuNDgyQzExLjI3NDcgMjYuMDk0NyAxMS4wOTUzIDI1LjUxMjYgMTEuMDQ2NSAyNC40NDAxQzEwLjk5MzggMjMuMjgwNSAxMC45ODMyIDIyLjkzMjIgMTAuOTgzMiAxOS45OTQ3QzEwLjk4MzIgMTcuMDU3MyAxMC45OTM4IDE2LjcxMDggMTEuMDQ2NSAxNS41NTEyQzExLjA5NTUgMTQuNDc4NyAxMS4yNzQ3IDEzLjg5NjYgMTEuNDI1MyAxMy41MDg5QzExLjYyNDcgMTIuOTk1NSAxMS44NjM1IDEyLjYyODkgMTIuMjQ4NSAxMi4yNDM5QzEyLjYzMzUgMTEuODU4OSAxMy4wMDAxIDExLjYyMDUgMTMuNTEzNSAxMS40MjA3QzEzLjkwMTIgMTEuMjY5NCAxNC40ODM2IDExLjA5MDcgMTUuNTU2MSAxMS4wNDE0QzE2LjU3MDggMTAuOTk1NiAxNi45NjQxIDEwLjk4MTggMTkuMDE0MiAxMC45Nzk1VjEwLjk4MjNaTTI1Ljg3MjggMTIuODA4N0MyNS4xNDQgMTIuODA4NyAyNC41NTI4IDEzLjM5OTMgMjQuNTUyOCAxNC4xMjgzQzI0LjU1MjggMTQuODU3IDI1LjE0NCAxNS40NDgzIDI1Ljg3MjggMTUuNDQ4M0MyNi42MDE2IDE1LjQ0ODMgMjcuMTkyOCAxNC44NTcgMjcuMTkyOCAxNC4xMjgzQzI3LjE5MjggMTMuMzk5NSAyNi42MDE2IDEyLjgwODMgMjUuODcyOCAxMi44MDgzVjEyLjgwODdaTTIwLjAwMSAxNC4zNTFDMTYuODgxNCAxNC4zNTEgMTQuMzUyIDE2Ljg4MDQgMTQuMzUyIDIwQzE0LjM1MiAyMy4xMTk2IDE2Ljg4MTQgMjUuNjQ3OCAyMC4wMDEgMjUuNjQ3OEMyMy4xMjA3IDI1LjY0NzggMjUuNjQ5MSAyMy4xMTk2IDI1LjY0OTEgMjBDMjUuNjQ5MSAxNi44ODA0IDIzLjEyMDUgMTQuMzUxIDIwLjAwMDggMTQuMzUxSDIwLjAwMVpNMjAuMDAxIDE2LjMzMzNDMjIuMDI2IDE2LjMzMzMgMjMuNjY3NyAxNy45NzQ5IDIzLjY2NzcgMjBDMjMuNjY3NyAyMi4wMjQ5IDIyLjAyNiAyMy42NjY3IDIwLjAwMSAyMy42NjY3QzE3Ljk3NTkgMjMuNjY2NyAxNi4zMzQzIDIyLjAyNDkgMTYuMzM0MyAyMEMxNi4zMzQzIDE3Ljk3NDkgMTcuOTc1OSAxNi4zMzMzIDIwLjAwMSAxNi4zMzMzWiIgZmlsbD0id2hpdGUiLz4KPGRlZnM+CjxyYWRpYWxHcmFkaWVudCBpZD0icGFpbnQwX3JhZGlhbCIgY3g9IjAiIGN5PSIwIiByPSIxIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgZ3JhZGllbnRUcmFuc2Zvcm09InRyYW5zbGF0ZSgxMC42MjUxIDQzLjA4MDgpIHJvdGF0ZSgtOTApIHNjYWxlKDM5LjY0MyAzNi44NzExKSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkRENTUiLz4KPHN0b3Agb2Zmc2V0PSIwLjEiIHN0b3AtY29sb3I9IiNGRkRENTUiLz4KPHN0b3Agb2Zmc2V0PSIwLjUiIHN0b3AtY29sb3I9IiNGRjU0M0UiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjQzgzN0FCIi8+CjwvcmFkaWFsR3JhZGllbnQ+CjxyYWRpYWxHcmFkaWVudCBpZD0icGFpbnQxX3JhZGlhbCIgY3g9IjAiIGN5PSIwIiByPSIxIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgZ3JhZGllbnRUcmFuc2Zvcm09InRyYW5zbGF0ZSgtNi42MTQzMSAyLjkyMzMyKSByb3RhdGUoNzguNDk4Mikgc2NhbGUoMTcuNzQyNCA3Mi45NjUyKSI+CjxzdG9wIHN0b3AtY29sb3I9IiMzNzcxQzgiLz4KPHN0b3Agb2Zmc2V0PSIwLjExOTc5MiIgc3RvcC1jb2xvcj0iIzM3NzFDOCIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiM2NjAwRkYiIHN0b3Atb3BhY2l0eT0iMCIvPgo8L3JhZGlhbEdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPgo=) !important; } .keycrm-messenger-button.viber { background-color: #7360f2 !important; background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMjYiIHZpZXdCb3g9IjAgMCAyNiAyNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1LjU1NzYgMTEuNTY2OEMxNS40MDIyIDExLjU2NjggMTUuMjcyNiAxMS40NDU5IDE1LjI2NDcgMTEuMjkwMkMxNS4yMTUxIDEwLjMwMzIgMTQuNzQ2MSA5LjgxOTI0IDEzLjc4ODYgOS43NjgyOEMxMy42MjY1IDkuNzU5ODQgMTMuNTAyNCA5LjYyMjkzIDEzLjUxMDkgOS40NjIyQzEzLjUyIDkuMzAxNzcgMTMuNjU4MSA5LjE3ODczIDEzLjgxOTkgOS4xODc0OEMxNS4wODM3IDkuMjU0NzMgMTUuNzg2IDkuOTcxODMgMTUuODUwOCAxMS4yNjEzQzE1Ljg1ODcgMTEuNDIxNyAxNS43MzQzIDExLjU1ODMgMTUuNTcyNSAxMS41NjYyTDE1LjU2NjUgMTEuNTY2NUwxNS41NTc2IDExLjU2NjhaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMTcuMDU2OSAxMi4wNjcxSDE3LjA2MzNDMTcuMjIyNCAxMi4wNjcxIDE3LjM1MjggMTEuOTQxIDE3LjM1NjUgMTEuNzgyN0MxNy4zODI3IDEwLjY0NzEgMTcuMDM1OSA5LjY4MjA2IDE2LjMyNjkgOC45MTU1QzE1LjYyMjIgOC4xNTEwNSAxNC42MzA2IDcuNzE3MTEgMTMuMzgwMiA3LjYyNjM0QzEzLjIxODQgNy42MTQyOCAxMy4wNzc4IDcuNzM1MiAxMy4wNjYgNy44OTUzM0MxMy4wNTQxIDguMDU1NDYgMTMuMTc1OCA4LjE5NDc4IDEzLjMzNzMgOC4yMDY1NEMxNC40NDg3IDguMjg3MzUgMTUuMjg0OCA4LjY0NzQyIDE1Ljg5NDEgOS4zMDg0M0MxNi41MDY0IDkuOTcwMDUgMTYuNzkyNiAxMC43NzUyIDE2Ljc3MDEgMTEuNzY5OEMxNi43NjYxIDExLjkzMDIgMTYuODk0NSAxMi4wNjMyIDE3LjA1NjkgMTIuMDY3MVoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0xOC42MDUyIDEyLjY2NDZDMTguNDQ0MyAxMi42NjQ2IDE4LjMxMjkgMTIuNTM1OSAxOC4zMTE3IDEyLjM3NkMxOC4yOTggMTAuNTk3NyAxNy43ODEyIDkuMjM5MjMgMTYuNzMyMiA4LjIyMzU4QzE1LjY5NTkgNy4yMjI3IDE0LjM4NTkgNi43MDk0NSAxMi44Mzk1IDYuNjk4MjlDMTIuNjc3NyA2LjY5NzA4IDEyLjU0NzIgNi41NjU5MSAxMi41NDg0IDYuNDA1MThDMTIuNTQ5MyA2LjI0NTM1IDEyLjY4MDQgNi4xMTY1OCAxMi44NDE2IDYuMTE2NThIMTIuODQzOEMxNC41NDY4IDYuMTI4NjUgMTUuOTkzMSA2LjY5NzY5IDE3LjE0MTkgNy44MDc0MkMxOC4yOTI4IDguOTIxMzggMTguODgzNSAxMC40NTY5IDE4Ljg5ODQgMTIuMzcxNUMxOC44OTk5IDEyLjUzMjUgMTguNzY5NSAxMi42NjM0IDE4LjYwNzMgMTIuNjY0NkgxOC42MDUyWiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTE0LjQ5NjYgMTQuOTM1OEMxNC4yNzQ2IDE1LjIwODQgMTMuODYyMiAxNS4xNzI1IDEzLjg2MjIgMTUuMTcyNUMxMC44NDcgMTQuNDA5NiAxMC4wNDEzIDExLjM4NDMgMTAuMDQxMyAxMS4zODQzQzEwLjA0MTMgMTEuMzg0MyAxMC4wMDUxIDEwLjk3NTQgMTAuMjgwMyAxMC43NTUzTDEwLjgyNTEgMTAuMzI2MkMxMS4wOTQ5IDEwLjExOTYgMTEuMjY3MyA5LjYxOTAxIDEwLjk5MjEgOS4xMjk1OEMxMC44MzczIDguODU2NjcgMTAuNTMyNSA4LjM2ODQ0IDEwLjMwNTMgOC4wNjIwNkMxMC4wNjQ0IDcuNzM3MjggOS41MDU2MyA3LjA3MjM0IDkuNTAzNSA3LjA3MDIzQzkuMjM0MDEgNi43NTMzIDguODM3OTkgNi42ODAwMiA4LjQxOTc3IDYuODk1OTNDOC40MTg5MiA2Ljg5NTkzIDguNDE3NTUgNi44OTYzMiA4LjQxNjA4IDYuODk2NzRDOC40MTQzOCA2Ljg5NzIyIDguNDEyNTUgNi44OTc3NCA4LjQxMTI1IDYuODk3NzRDOC4wMTY0NSA3LjExOTM5IDcuNjQ2NTggNy40MTU4MiA3LjMwMTY2IDcuNzkwNjZDNy4zMDA1MiA3Ljc5MzA4IDcuMjk5MzggNy43OTQyMSA3LjI5ODI0IDcuNzk1MzNDNy4yOTcyNSA3Ljc5NjMxIDcuMjk2MjYgNy43OTcyOCA3LjI5NTI3IDcuNzk5MUM3LjAzNjQzIDguMTA2NjkgNi44ODkyMiA4LjQwOTQ2IDYuODUzMDIgOC43MDY0OUM2Ljg0NjAzIDguNzQyMDggNi44NDI2OCA4Ljc4NTIgNi44NDQ4MSA4LjgzODg4QzYuODQzNTkgOC45Njg1NSA2Ljg2Mjc2IDkuMDk3MzEgNi45MDQ3MyA5LjIyNDI3TDYuOTE4NzIgOS4yMzQ1MkM3LjA0OTIxIDkuNjkxOTkgNy4zNzQ2NiAxMC40NTU4IDguMDgyNzUgMTEuNzI4N0M4LjU0Mjk1IDEyLjU1NTYgOS4wMTIyNyAxMy4yNDM3IDkuNDc5MTcgMTMuODIzOUM5LjcyMzcxIDE0LjEzMDkgMTAuMDAxMSAxNC40NDY0IDEwLjMyMiAxNC43NjY2TDEwLjM4NjIgMTQuODMwMkwxMC40MTg3IDE0Ljg2MjJDMTAuNDIyMyAxNC44NjU3IDEwLjQyNTggMTQuODY5MiAxMC40MjkzIDE0Ljg3MjhDMTAuNDM2MyAxNC44Nzk4IDEwLjQ0MzQgMTQuODg2OCAxMC40NTA3IDE0Ljg5MzlDMTAuNzczNyAxNS4yMTI2IDExLjA5MjEgMTUuNDg3NiAxMS40MDEyIDE1LjcyOThDMTEuOTg3IDE2LjE5MyAxMi42ODA4IDE2LjY1ODMgMTMuNTE0OCAxNy4xMTRDMTQuNzk4NyAxNy44MTYzIDE1LjU2OTEgMTguMTM5MiAxNi4wMzA4IDE4LjI2ODNMMTYuMDQwNiAxOC4yODI1QzE2LjE2ODkgMTguMzIzOCAxNi4yOTg4IDE4LjM0MzEgMTYuNDI5NiAxOC4zNDE2QzE2LjQ4MzQgMTguMzQzNyAxNi41Mjc4IDE4LjM0MDQgMTYuNTYzNCAxOC4zMzM1QzE2Ljg2MjcgMTguMjk3NiAxNy4xNjgxIDE4LjE1MTkgMTcuNDc4NyAxNy44OTQ3QzE3LjQ4MDUgMTcuODkzOCAxNy40ODE0IDE3Ljg5MjkgMTcuNDgyNCAxNy44OTE5QzE3LjQ4MzQgMTcuODkwOSAxNy40ODQ0IDE3Ljg4OTkgMTcuNDg2NiAxNy44ODg3QzE3Ljg2NDkgMTcuNTQ2NyAxOC4xNjQyIDE3LjE4IDE4LjM4NzggMTYuNzg4M0MxOC4zODc4IDE2Ljc4NzQgMTguMzg4MiAxNi43ODYgMTguMzg4NiAxNi43ODQ2QzE4LjM4OTEgMTYuNzgyOSAxOC4zODk2IDE2Ljc4MTEgMTguMzg5NiAxNi43Nzk4QzE4LjYwNzEgMTYuMzY1NSAxOC41MzMyIDE1Ljk3MjkgMTguMjEzOCAxNS43MDU3QzE4LjIxMTcgMTUuNzAzNiAxNy41NDEgMTUuMTQ5OSAxNy4yMTM0IDE0LjkxMTFDMTYuOTA0NCAxNC42ODU4IDE2LjQxMTYgMTQuMzgzNiAxNi4xMzY0IDE0LjIyOTVDMTUuNjQyNyAxMy45NTcyIDE1LjEzNzggMTQuMTI3NiAxNC45Mjk4IDE0LjM5NTdMMTQuNDk2NiAxNC45MzU4WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMS41MTY4IDQuMjQxNzNDMjAuOTQwMSAzLjcxNTgxIDE4LjYxMDUgMi4wMzkxNSAxMy40MjE4IDIuMDE2NTNDMTMuNDIxOCAyLjAxNjUzIDcuMzAyMzYgMS42NTA0NCA0LjMxOTc0IDQuMzYzODZDMi42NTkzMSA2LjAxMDA3IDIuMDc1MzIgOC40MTgzMiAyLjAxMzU4IDExLjQwNTlDMS45NTIxNCAxNC4zOTM3IDEuODcyMTQgMTkuOTkwOSA3LjMxNDgzIDIxLjUwOUM3LjMxNjM1IDIxLjUwOTYgNy4zMTg0OCAyMS41MTAyIDcuMzIgMjEuNTEwNUw3LjMxNjY2IDIzLjgyNjVDNy4zMTY2NiAyMy44MjY1IDcuMjgyNTkgMjQuNzY0MyA3LjkwNDYgMjQuOTU1NUM4LjUzMjg3IDI1LjE0OSA4Ljk0NDggMjQuNjg0OSA5LjQ4MTkyIDI0LjA3OThDOS41ODg2NSAyMy45NTk2IDkuNzAwMzIgMjMuODMzOCA5LjgxOTYxIDIzLjcwNjRDMTAuMjE0NCAyMy4yODQ5IDEwLjc1OTIgMjIuNjY1MiAxMS4xNzAxIDIyLjE5MTdDMTQuODkyNCAyMi41MDA4IDE3Ljc1NTUgMjEuNzkyNSAxOC4wODA0IDIxLjY4NzVDMTguMTQ3OCAyMS42NjU4IDE4LjI0MzQgMjEuNjQxNiAxOC4zNjIgMjEuNjExN0MxOS41NjYzIDIxLjMwNzYgMjMuMTQ2OCAyMC40MDM2IDIzLjc3NjQgMTUuMzA4M0MyNC40OSA5LjUzNzQxIDIzLjQzMDkgNS44ODgyNCAyMS41MTY4IDQuMjQxNzNaTTIyLjE0NzMgMTQuODkxNkMyMS42MjAzIDE5LjEwMTEgMTguNzcxIDE5Ljc1ODggMTcuNzQ1NCAxOS45OTU1QzE3LjYzMjMgMjAuMDIxNiAxNy41NDEzIDIwLjA0MjYgMTcuNDc4MSAyMC4wNjI3QzE3LjIwNzcgMjAuMTQ5IDE0LjY5MjYgMjAuNzY5IDExLjUzMTQgMjAuNTY0NUMxMS41MzE0IDIwLjU2NDUgOS4xNzU0IDIzLjM4MjMgOC40Mzk5MyAyNC4xMTUxQzguMzI0OTYgMjQuMjI5NyA4LjE4OTYxIDI0LjI3NTggOC4wOTkyNyAyNC4yNTQxQzcuOTcyNzQgMjQuMjIzMyA3LjkzNzc2IDI0LjA3NDYgNy45MzkyOCAyMy44NTcyQzcuOTQxNzEgMjMuNTQ2MyA3Ljk1OTM1IDIwLjAwODcgNy45NTkzNSAyMC4wMDg3QzcuOTU1NyAyMC4wMDc1IDcuOTU3NTMgMjAuMDA4MSA3Ljk1OTM1IDIwLjAwODdDMy41MDkyOSAxOC43ODI4IDMuNjExNjcgMTQuMjg4IDMuNjcwMTUgMTEuNzM2NUMzLjY3MjE1IDExLjY0ODkgMy42NzQxMSAxMS41NjM1IDMuNjc1ODMgMTEuNDgwN0MzLjcyNzg0IDguOTg2MTYgNC4yMDExMiA2Ljk0MjE5IDUuNjA1NDQgNS41NjczOUM4LjEyODQ3IDMuMzAxNDcgMTMuMzI2IDMuNjQwMTIgMTMuMzI2IDMuNjQwMTJDMTcuNzE1NCAzLjY1OTEyIDE5LjgxODcgNC45Njk3IDIwLjMwNjIgNS40MDg3N0MyMS45MjU2IDYuNzgzMjcgMjIuNzUwNSAxMC4wNzI3IDIyLjE0NzMgMTQuODkxNloiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=') !important; } .keycrm-messenger-button.telegram { background-color: #229ed9; background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMjYiIHZpZXdCb3g9IjAgMCAyNiAyNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIuMDUzMDcgMTIuNzg4OEM3Ljg4MzQ4IDEwLjI0ODYgMTEuNzcxMyA4LjU3MzkyIDEzLjcxNjYgNy43NjQ4MUMxOS4yNzA4IDUuNDU0NjIgMjAuNDI1IDUuMDUzMzIgMjEuMTc3MiA1LjAzOTkyQzIxLjM0MjYgNS4wMzcxNSAyMS43MTI2IDUuMDc4MTUgMjEuOTUyMiA1LjI3MjU5QzIyLjE1NDUgNS40MzY3NyAyMi4yMTAyIDUuNjU4NTYgMjIuMjM2OCA1LjgxNDIyQzIyLjI2MzUgNS45Njk4OCAyMi4yOTY3IDYuMzI0NDggMjIuMjcwMyA2LjYwMTU1QzIxLjk2OTMgOS43NjQwMiAyMC42NjY5IDE3LjQzODUgMjAuMDA0NCAyMC45ODA1QzE5LjcyNCAyMi40NzkzIDE5LjE3MiAyMi45ODE4IDE4LjYzNzYgMjMuMDMxQzE3LjQ3NjEgMjMuMTM3OSAxNi41OTQyIDIyLjI2MzQgMTUuNDY5MyAyMS41MjYxQzEzLjcwOSAyMC4zNzIyIDEyLjcxNDYgMTkuNjUzOSAxMS4wMDU5IDE4LjUyNzlDOS4wMzEzMSAxNy4yMjY3IDEwLjMxMTQgMTYuNTExNSAxMS40MzY3IDE1LjM0MjdDMTEuNzMxMiAxNS4wMzY4IDE2Ljg0ODUgMTAuMzgyMiAxNi45NDc2IDkuOTU5OTRDMTYuOTYgOS45MDcxMyAxNi45NzE1IDkuNzEwMjggMTYuODU0NSA5LjYwNjM0QzE2LjczNzYgOS41MDI0IDE2LjU2NSA5LjUzNzk0IDE2LjQ0MDQgOS41NjYyMUMxNi4yNjM5IDkuNjA2MjggMTMuNDUxOCAxMS40NjQ5IDguMDA0MzIgMTUuMTQyMkM3LjIwNjEzIDE1LjY5MDMgNi40ODMxNiAxNS45NTczIDUuODM1NCAxNS45NDMzQzUuMTIxMjkgMTUuOTI3OSAzLjc0NzY1IDE1LjUzOTYgMi43MjY0OCAxNS4yMDc2QzEuNDczOTggMTQuODAwNSAwLjQ3ODUxNiAxNC41ODUyIDAuNTY1MTk4IDEzLjg5MzhDMC42MTAzNDggMTMuNTMzNiAxLjEwNjMxIDEzLjE2NTMgMi4wNTMwNyAxMi43ODg4WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==') !important; } .keycrm-messenger-button.touch-show{ opacity: 1; transform: scale(1); } @media (max-width: 420px) { .keycrm-messenger-buttons { bottom: 95px; flex-direction: column; } .keycrm-bubble { margin-right: 0px; margin-bottom: 55px; width: 40px; height: 40px; } #keycrm-social-buttons.right .keycrm-messenger-buttons { right: 0px; } .keycrm-messenger-button { margin-right: 0; margin-bottom: 12px; width: 40px; height: 40px; background-size: 26px; } } </style> <div id="keycrm-social-buttons" class="right"> <div class="keycrm-bubble"> </div> <div class="keycrm-messenger-buttons">   <a class="keycrm-messenger-button telegram" href="https://t.me/szua_welcome_bot" target="_blank"> <span class="keycrm-messenger-button-title">Задавайте питання в Telegram</span> </a> <a class="keycrm-messenger-button viber" href="viber://pa?chatURI=szua_" target="_blank"> <span class="keycrm-messenger-button-title">Задавайте питання в Viber</span> </a> </div> </div> <script> const keycrmBubble = document.querySelector('.keycrm-bubble'); const keycrmButtons = document.querySelectorAll('.keycrm-messenger-button'); if(keycrmBubble.clientWidth === 40){ keycrmBubble.addEventListener('click', () => { for(elem of keycrmButtons){ elem.classList.toggle('touch-show'); } }); } </script>  </body> </html>