301 durum kodu, istenen kaynağın kalıcı olarak yeni bir URL'ye taşındığı anlamına gelir. Gelecekteki tüm istekler yeni adresi kullanmalıdır.
Tarayıcı kullanıcıyı otomatik olarak yeni adrese yönlendirecek ve arama motorları dizinlerini güncelleyecektir.
200 durum kodu, standart bir başarılı HTTP sunucu yanıtıdır. Bu, istemcinin isteğinin (örneğin, bir tarayıcıdan) başarıyla işlendiği ve sunucunun istenen verileri ilettiği anlamına gelir.
Kullanıcı içeriği hatasız alır ve sayfa veya uygulama düzgün çalışır. Kod 200'e veri eşlik ediyorsa, tarayıcı veya program bunu işler ve kullanıcıya görüntüler.
GET / HTTP/1.1 Host: avtek.com Accept: */* User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
<!-- SITIO DESARROLLADO EN: MGPanel Sistema de gestión y programación web MGPanel Todos los derechos reservados © 2012 - 2024 Cualquier uso no autorizado sera bloqueado el sistema VERSION: 11.3.197 --> <!DOCTYPE html> <html lang="es" locale=""> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=5"> <title>⚡ Avtek | Protectores Eléctricos para todos los equipos</title> <meta name="description" content="Asegura tus electrodomésticos contra las variaciones de voltaje. Protectores eléctricos para toda la casa, comercio e industria ¡Encuentra uno para cada equipo! "> <meta property="og:title" content="⚡ Avtek | Protectores Eléctricos para todos los equipos"> <meta property="og:type" content="website"> <meta property="og:description" content="Asegura tus electrodomésticos contra las variaciones de voltaje. Protectores eléctricos para toda la casa, comercio e industria ¡Encuentra uno para cada equipo! "> <meta property="og:url" content="https://www.avtek.com"> <meta property="og:image"content="https://s3.us-east-2.amazonaws.com/mgpanel/932-favicon.png"> <meta property="og:locale" content="es_ES"> <!-- Favicon --> <link rel="apple-touch-icon" sizes="180x180" href="https://s3.us-east-2.amazonaws.com/mgpanel/932-favicon.png"> <link rel="icon" type="image/png" sizes="32x32" href="https://s3.us-east-2.amazonaws.com/mgpanel/932-favicon.png"> <link rel="icon" type="image/png" sizes="16x16" href="https://s3.us-east-2.amazonaws.com/mgpanel/932-favicon.png"> <!-- Stylesheet --> <link rel="stylesheet" href="/public/css/bootstrap/bootstrap.min.css" media="all"> <style>/* Slider */ .slick-slider { position: relative; display: flex !important; align-items: center; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .prev-arrow { margin: 0 15px 0 -15px; } .next-arrow { margin: 0px -15px 0 15px; } .slick-arrow { cursor: pointer; } .slick-track { min-width: 500px !important; }</style> <style>body { font-family: 'Open Sans', sans-serif; width: 100%; height: 100%; position: relative; font-size: 16px; letter-spacing: 0.25px; font-weight: 400; line-height: 1.7; } #mg_page { /* margin: 0 15px; */ } .mg_scroll-to-top { z-index: 102; position: fixed; display: none; right: 40px; bottom: 20px; width: 45px; height: 45px; line-height: 46px; background-color: #8c8c8c; color: #fff; text-align: center; border-radius: 4px; padding-top: 1px; -moz-border-radius: 4px; -webkit-border-radius: 4px; box-shadow: 2px 2px 2px rgba(0,0,0,.2); transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; } .mg_scroll-to-top:hover { color: #ffffff; box-shadow: 0 8px 16px rgba(0,0,0,0.2); opacity: 0.7; } .mg_error { border: 1px solid #ff3451; } /* BLOG */ .mg_banner_categoria_blog h1 { text-transform: capitalize; } .mg_banner_categoria_blog p { padding: 0 15%; } .mg_posts { display: flex; flex-wrap: wrap; max-width: 1100px; margin: 50px auto 50px; position: relative; } .mg_posts > article { width: 29.33%; margin: 1% 2%; } .mg_post_img { height: 200px; border-radius: 8px; overflow: hidden; } .mg_post_img img { width: 100%; height: 100%; object-fit: cover; object-position: center; } .mg_post_title { color: #232323; font-size: 1.7rem; font-weight: bold; } .mg_post_categorias { margin: 10px 0 5px; } .mg_post_categorias a { background: #000; color: #fff; font-size: 12px; padding: 3px 5px 2px; text-transform: capitalize; text-decoration: none; } .mg_posts > article .btn-primary, .mg_lateral_post > article .btn-primary { margin: 10px 0 0; } /* TIENDA */ .mg_banner_categoria_tienda h1 { text-transform: capitalize; } .mg_banner_categoria_tienda p { padding: 0 15%; } .mg_productos { display: flex; flex-wrap: wrap; max-width: 1100px; margin: 50px auto 50px; position: relative; } .mg_productos > article { width: 29.33%; margin: 1% 2%; } .mg_producto_img { height: 200px; border-radius: 8px; overflow: hidden; } .mg_producto_img img { width: 100%; height: 100%; object-fit: contain; object-position: center; } .mg_producto_title { color: #232323; font-size: 1.7rem; font-weight: bold; display: block; } .mg_productos > article .btn-primary, .mg_related_productos > article .btn-primary, .mg_vistos_productos > article .btn-primary { margin: 10px 0 0; } .mg_tachado { text-decoration: line-through; color: #ff3451; } /* COMINGSOON */ #mg_comingsoon_page { overflow: hidden auto; height: 100%; position: fixed; width: 100%; margin: 0 -15px; } #mg_comingsoon_page .col-md-6 { display: flex; align-items: end; justify-content: center; flex-direction: column; } #mg_comingsoon_page .col-md-6 img { height: 250px; } #mg_comingsoon_page .container, #mg_comingsoon_page .row { height: 100%; margin: auto; } /* 404 */ #Page_404 { height: 100%; display: flex; align-items: center; justify-content: center; text-align: center; } #Page_404 .col-md-12 { } #Page_404 .col-md-12 h1 { } #Page_404 .col-md-12 strong { font-size: 100px; } #Page_404 .col-md-12 p { } #Page_404 .col-md-12 a { } /* ANIMACIONES */ @keyframes scroll{ 50%{background-size:80%} 100%{background-position:125% 0;} } /* RESPONSIVE */ @media ( min-width: 1600px ) { .container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1400px; } .mg_posts { max-width: 1400px; } .mg_productos { max-width: 1400px; } } @media screen and (max-width: 1366px) { } @media screen and (max-width: 1290px) { } @media screen and (max-width: 1220px) { } @media screen and (max-width: 990px) { #mg_comingsoon_page .col-md-6 img { height: initial; width: 100%; } #mg_comingsoon_page .col-md-6 { align-items: end; justify-content: end; text-align: center; } #mg_comingsoon_page .row > .col-md-6:first-child { justify-content: flex-end; margin-bottom: 30px; } .mg_scroll-to-top { right: 20px; bottom: 20px; } .mg_posts > article { width: 90%; margin: 0% 5% 20px; } } @media screen and (max-width: 767px) { } @media screen and (max-width: 585px) { } @media (max-width: 585px) and (orientation: landscape) { } @media screen and (max-width: 390px) { } @media screen and (max-width: 340px) { } @media screen and (min-width:0\0) { /* Tus estilos CSS para IE9, IE10, IE11 */ } @supports (-ms-ime-align:auto) { /* Tus estilos CSS para EDGE */ } @-moz-document url-prefix() { /* Tus estilos CSS para Mozilla */ }</style> <!-- Scripts --> <script src="/public/js/jquery/jquery.min.js"></script> <script>!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t=t||self).Sweetalert2=e()}(this,function(){"use strict";function r(t){return(r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function a(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function o(t,e){for(var n=0;n<e.length;n++){var o=e[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}function s(t,e,n){return e&&o(t.prototype,e),n&&o(t,n),t}function u(){return(u=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n,o=arguments[e];for(n in o)Object.prototype.hasOwnProperty.call(o,n)&&(t[n]=o[n])}return t}).apply(this,arguments)}function c(t){return(c=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function l(t,e){return(l=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function d(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],function(){})),!0}catch(t){return!1}}function i(t,e,n){return(i=d()?Reflect.construct:function(t,e,n){var o=[null];o.push.apply(o,e);o=new(Function.bind.apply(t,o));return n&&l(o,n.prototype),o}).apply(null,arguments)}function p(t,e){return!e||"object"!=typeof e&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function f(t,e,n){return(f="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){t=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=c(t)););return t}(t,e);if(t){e=Object.getOwnPropertyDescriptor(t,e);return e.get?e.get.call(n):e.value}})(t,e,n||t)}function m(t){return t.charAt(0).toUpperCase()+t.slice(1)}function h(e){return Object.keys(e).map(function(t){return e[t]})}function g(t){return Array.prototype.slice.call(t)}function v(t,e){e='"'.concat(t,'" is deprecated and will be removed in the next major release. Please use "').concat(e,'" instead.'),-1===Y.indexOf(e)&&(Y.push(e),W(e))}function b(t){return t&&"function"==typeof t.toPromise}function y(t){return b(t)?t.toPromise():Promise.resolve(t)}function w(t){return t&&Promise.resolve(t)===t}function C(t){return t instanceof Element||"object"===r(t=t)&&t.jquery}function k(){return document.body.querySelector(".".concat($.container))}function e(t){var e=k();return e?e.querySelector(t):null}function t(t){return e(".".concat(t))}function A(){return t($.popup)}function x(){return t($.icon)}function B(){return t($.title)}function P(){return t($.content)}function E(){return t($["html-container"])}function O(){return t($.image)}function n(){return t($["progress-steps"])}function S(){return t($["validation-message"])}function T(){return e(".".concat($.actions," .").concat($.confirm))}function L(){return e(".".concat($.actions," .").concat($.deny))}function D(){return e(".".concat($.loader))}function q(){return e(".".concat($.actions," .").concat($.cancel))}function j(){return t($.actions)}function M(){return t($.header)}function I(){return t($.footer)}function H(){return t($["timer-progress-bar"])}function V(){return t($.close)}function R(){var t=g(A().querySelectorAll('[tabindex]:not([tabindex="-1"]):not([tabindex="0"])')).sort(function(t,e){return t=parseInt(t.getAttribute("tabindex")),(e=parseInt(e.getAttribute("tabindex")))<t?1:t<e?-1:0}),e=g(A().querySelectorAll('\n a[href],\n area[href],\n input:not([disabled]),\n select:not([disabled]),\n textarea:not([disabled]),\n button:not([disabled]),\n iframe,\n object,\n embed,\n [tabindex="0"],\n [contenteditable],\n audio[controls],\n video[controls],\n summary\n')).filter(function(t){return"-1"!==t.getAttribute("tabindex")});return function(t){for(var e=[],n=0;n<t.length;n++)-1===e.indexOf(t[n])&&e.push(t[n]);return e}(t.concat(e)).filter(function(t){return wt(t)})}function N(){return!G()&&!document.body.classList.contains($["no-backdrop"])}function U(e,t){e.textContent="",t&&(t=(new DOMParser).parseFromString(t,"text/html"),g(t.querySelector("head").childNodes).forEach(function(t){e.appendChild(t)}),g(t.querySelector("body").childNodes).forEach(function(t){e.appendChild(t)}))}function _(t,e){if(e){for(var n=e.split(/\s+/),o=0;o<n.length;o++)if(!t.classList.contains(n[o]))return;return 1}}function F(t,e,n){var o,i;if(i=e,g((o=t).classList).forEach(function(t){-1===h($).indexOf(t)&&-1===h(X).indexOf(t)&&-1===h(i.showClass).indexOf(t)&&o.classList.remove(t)}),e.customClass&&e.customClass[n]){if("string"!=typeof e.customClass[n]&&!e.customClass[n].forEach)return W("Invalid type of customClass.".concat(n,'! Expected string or iterable object, got "').concat(r(e.customClass[n]),'"'));vt(t,e.customClass[n])}}var z="SweetAlert2:",W=function(t){console.warn("".concat(z," ").concat("object"===r(t)?t.join(" "):t))},K=function(t){console.error("".concat(z," ").concat(t))},Y=[],Z=function(t){return"function"==typeof t?t():t},Q=Object.freeze({cancel:"cancel",backdrop:"backdrop",close:"close",esc:"esc",timer:"timer"}),J=function(t){var e,n={};for(e in t)n[t[e]]="swal2-"+t[e];return n},$=J(["container","shown","height-auto","iosfix","popup","modal","no-backdrop","no-transition","toast","toast-shown","toast-column","show","hide","close","title","header","content","html-container","actions","confirm","deny","cancel","footer","icon","icon-content","image","input","file","range","select","radio","checkbox","label","textarea","inputerror","input-label","validation-message","progress-steps","active-progress-step","progress-step","progress-step-line","loader","loading","styled","top","top-start","top-end","top-left","top-right","center","center-start","center-end","center-left","center-right","bottom","bottom-start","bottom-end","bottom-left","bottom-right","grow-row","grow-column","grow-fullscreen","rtl","timer-progress-bar","timer-progress-bar-container","scrollbar-measure","icon-success","icon-warning","icon-info","icon-question","icon-error"]),X=J(["success","warning","info","question","error"]),G=function(){return document.body.classList.contains($["toast-shown"])},tt={previousBodyPadding:null};function et(t,e){if(!e)return null;switch(e){case"select":case"textarea":case"file":return yt(t,$[e]);case"checkbox":return t.querySelector(".".concat($.checkbox," input"));case"radio":return t.querySelector(".".concat($.radio," input:checked"))||t.querySelector(".".concat($.radio," input:first-child"));case"range":return t.querySelector(".".concat($.range," input"));default:return yt(t,$.input)}}function nt(t){var e;t.focus(),"file"!==t.type&&(e=t.value,t.value="",t.value=e)}function ot(t,e,n){t&&e&&("string"==typeof e&&(e=e.split(/\s+/).filter(Boolean)),e.forEach(function(e){t.forEach?t.forEach(function(t){n?t.classList.add(e):t.classList.remove(e)}):n?t.classList.add(e):t.classList.remove(e)}))}function it(t,e,n){n==="".concat(parseInt(n))&&(n=parseInt(n)),n||0===parseInt(n)?t.style[e]="number"==typeof n?"".concat(n,"px"):n:t.style.removeProperty(e)}function rt(t){var e=1<arguments.length&&void 0!==arguments[1]?arguments[1]:"flex";t.style.display=e}function at(t){t.style.display="none"}function st(t,e,n,o){(e=t.querySelector(e))&&(e.style[n]=o)}function ut(t,e,n){e?rt(t,n):at(t)}function ct(t){return!!(t.scrollHeight>t.clientHeight)}function lt(t){var e=window.getComputedStyle(t),t=parseFloat(e.getPropertyValue("animation-duration")||"0"),e=parseFloat(e.getPropertyValue("transition-duration")||"0");return 0<t||0<e}function dt(t){var e=1<arguments.length&&void 0!==arguments[1]&&arguments[1],n=H();wt(n)&&(e&&(n.style.transition="none",n.style.width="100%"),setTimeout(function(){n.style.transition="width ".concat(t/1e3,"s linear"),n.style.width="0%"},10))}function pt(){return"undefined"==typeof window||"undefined"==typeof document}function ft(t){Mn.isVisible()&>!==t.target.value&&Mn.resetValidationMessage(),gt=t.target.value}function mt(t,e){t instanceof HTMLElement?e.appendChild(t):"object"===r(t)?At(t,e):t&&U(e,t)}function ht(t,e){var n,o,i,r,a=j(),s=D(),u=T(),c=L(),l=q();e.showConfirmButton||e.showDenyButton||e.showCancelButton||at(a),F(a,e,"actions"),Pt(u,"confirm",e),Pt(c,"deny",e),Pt(l,"cancel",e),n=u,o=c,i=l,(r=e).buttonsStyling?(vt([n,o,i],$.styled),r.confirmButtonColor&&(n.style.backgroundColor=r.confirmButtonColor),r.denyButtonColor&&(o.style.backgroundColor=r.denyButtonColor),r.cancelButtonColor&&(i.style.backgroundColor=r.cancelButtonColor)):bt([n,o,i],$.styled),e.reverseButtons&&(a.insertBefore(l,s),a.insertBefore(c,s),a.insertBefore(u,s)),U(s,e.loaderHtml),F(s,e,"loader")}var gt,vt=function(t,e){ot(t,e,!0)},bt=function(t,e){ot(t,e,!1)},yt=function(t,e){for(var n=0;n<t.childNodes.length;n++)if(_(t.childNodes[n],e))return t.childNodes[n]},wt=function(t){return!(!t||!(t.offsetWidth||t.offsetHeight||t.getClientRects().length))},Ct='\n <div aria-labelledby="'.concat($.title,'" aria-describedby="').concat($.content,'" class="').concat($.popup,'" tabindex="-1">\n <div class="').concat($.header,'">\n <ul class="').concat($["progress-steps"],'"></ul>\n <div class="').concat($.icon,'"></div>\n <img class="').concat($.image,'" />\n <h2 class="').concat($.title,'" id="').concat($.title,'"></h2>\n <button type="button" class="').concat($.close,'"></button>\n </div>\n <div class="').concat($.content,'">\n <div id="').concat($.content,'" class="').concat($["html-container"],'"></div>\n <input class="').concat($.input,'" />\n <input type="file" class="').concat($.file,'" />\n <div class="').concat($.range,'">\n <input type="range" />\n <output></output>\n </div>\n <select class="').concat($.select,'"></select>\n <div class="').concat($.radio,'"></div>\n <label for="').concat($.checkbox,'" class="').concat($.checkbox,'">\n <input type="checkbox" />\n <span class="').concat($.label,'"></span>\n </label>\n <textarea class="').concat($.textarea,'"></textarea>\n <div class="').concat($["validation-message"],'" id="').concat($["validation-message"],'"></div>\n </div>\n <div class="').concat($.actions,'">\n <div class="').concat($.loader,'"></div>\n <button type="button" class="').concat($.confirm,'"></button>\n <button type="button" class="').concat($.deny,'"></button>\n <button type="button" class="').concat($.cancel,'"></button>\n </div>\n <div class="').concat($.footer,'"></div>\n <div class="').concat($["timer-progress-bar-container"],'">\n <div class="').concat($["timer-progress-bar"],'"></div>\n </div>\n </div>\n').replace(/(^|\n)\s*/g,""),kt=function(t){var e,n,o,i,r,a=!!(i=k())&&(i.parentNode.removeChild(i),bt([document.documentElement,document.body],[$["no-backdrop"],$["toast-shown"],$["has-column"]]),!0);pt()?K("SweetAlert2 requires document to initialize"):((r=document.createElement("div")).className=$.container,a&&vt(r,$["no-transition"]),U(r,Ct),(i="string"==typeof(e=t.target)?document.querySelector(e):e).appendChild(r),a=t,(e=A()).setAttribute("role",a.toast?"alert":"dialog"),e.setAttribute("aria-live",a.toast?"polite":"assertive"),a.toast||e.setAttribute("aria-modal","true"),r=i,"rtl"===window.getComputedStyle(r).direction&&vt(k(),$.rtl),t=P(),a=yt(t,$.input),e=yt(t,$.file),n=t.querySelector(".".concat($.range," input")),o=t.querySelector(".".concat($.range," output")),i=yt(t,$.select),r=t.querySelector(".".concat($.checkbox," input")),t=yt(t,$.textarea),a.oninput=ft,e.onchange=ft,i.onchange=ft,r.onchange=ft,t.oninput=ft,n.oninput=function(t){ft(t),o.value=n.value},n.onchange=function(t){ft(t),n.nextSibling.value=n.value})},At=function(t,e){t.jquery?xt(e,t):U(e,t.toString())},xt=function(t,e){if(t.textContent="",0 in e)for(var n=0;n in e;n++)t.appendChild(e[n].cloneNode(!0));else t.appendChild(e.cloneNode(!0))},Bt=function(){if(pt())return!1;var t,e=document.createElement("div"),n={WebkitAnimation:"webkitAnimationEnd",OAnimation:"oAnimationEnd oanimationend",animation:"animationend"};for(t in n)if(Object.prototype.hasOwnProperty.call(n,t)&&void 0!==e.style[t])return n[t];return!1}();function Pt(t,e,n){ut(t,n["show".concat(m(e),"Button")],"inline-block"),U(t,n["".concat(e,"ButtonText")]),t.setAttribute("aria-label",n["".concat(e,"ButtonAriaLabel")]),t.className=$[e],F(t,n,"".concat(e,"Button")),vt(t,n["".concat(e,"ButtonClass")])}function Et(t,e){var n,o,i=k();i&&(o=i,"string"==typeof(n=e.backdrop)?o.style.background=n:n||vt([document.documentElement,document.body],$["no-backdrop"]),!e.backdrop&&e.allowOutsideClick&&W('"allowOutsideClick" parameter requires `backdrop` parameter to be set to `true`'),o=i,(n=e.position)in $?vt(o,$[n]):(W('The "position" parameter is not valid, defaulting to "center"'),vt(o,$.center)),n=i,!(o=e.grow)||"string"!=typeof o||(o="grow-".concat(o))in $&&vt(n,$[o]),F(i,e,"container"),(e=document.body.getAttribute("data-swal2-queue-step"))&&(i.setAttribute("data-queue-step",e),document.body.removeAttribute("data-swal2-queue-step")))}function Ot(t,e){t.placeholder&&!e.inputPlaceholder||(t.placeholder=e.inputPlaceholder)}function St(t,e,n){var o,i;n.inputLabel&&(t.id=$.input,o=document.createElement("label"),i=$["input-label"],o.setAttribute("for",t.id),o.className=i,vt(o,n.customClass.inputLabel),o.innerText=n.inputLabel,e.insertAdjacentElement("beforebegin",o))}var Tt={promise:new WeakMap,innerParams:new WeakMap,domCache:new WeakMap},Lt=["input","file","range","select","radio","checkbox","textarea"],Dt=function(t){if(!It[t.input])return K('Unexpected type of input! Expected "text", "email", "password", "number", "tel", "select", "radio", "checkbox", "textarea", "file" or "url", got "'.concat(t.input,'"'));var e=Mt(t.input),n=It[t.input](e,t);rt(n),setTimeout(function(){nt(n)})},qt=function(t,e){var n=et(P(),t);if(n)for(var o in!function(t){for(var e=0;e<t.attributes.length;e++){var n=t.attributes[e].name;-1===["type","value","style"].indexOf(n)&&t.removeAttribute(n)}}(n),e)"range"===t&&"placeholder"===o||n.setAttribute(o,e[o])},jt=function(t){var e=Mt(t.input);t.customClass&&vt(e,t.customClass.input)},Mt=function(t){t=$[t]||$.input;return yt(P(),t)},It={};It.text=It.email=It.password=It.number=It.tel=It.url=function(t,e){return"string"==typeof e.inputValue||"number"==typeof e.inputValue?t.value=e.inputValue:w(e.inputValue)||W('Unexpected type of inputValue! Expected "string", "number" or "Promise", got "'.concat(r(e.inputValue),'"')),St(t,t,e),Ot(t,e),t.type=e.input,t},It.file=function(t,e){return St(t,t,e),Ot(t,e),t},It.range=function(t,e){var n=t.querySelector("input"),o=t.querySelector("output");return n.value=e.inputValue,n.type=e.input,o.value=e.inputValue,St(n,t,e),t},It.select=function(t,e){var n;return t.textContent="",e.inputPlaceholder&&(n=document.createElement("option"),U(n,e.inputPlaceholder),n.value="",n.disabled=!0,n.selected=!0,t.appendChild(n)),St(t,t,e),t},It.radio=function(t){return t.textContent="",t},It.checkbox=function(t,e){var n=et(P(),"checkbox");n.value=1,n.id=$.checkbox,n.checked=Boolean(e.inputValue);n=t.querySelector("span");return U(n,e.inputPlaceholder),t},It.textarea=function(e,t){e.value=t.inputValue,Ot(e,t),St(e,e,t);function n(t){return parseInt(window.getComputedStyle(t).paddingLeft)+parseInt(window.getComputedStyle(t).paddingRight)}var o;return"MutationObserver"in window&&(o=parseInt(window.getComputedStyle(A()).width),new MutationObserver(function(){var t=e.offsetWidth+n(A())+n(P());A().style.width=o<t?"".concat(t,"px"):null}).observe(e,{attributes:!0,attributeFilter:["style"]})),e};function Ht(t,e){var o,i,r,n=E();F(n,e,"htmlContainer"),e.html?(mt(e.html,n),rt(n,"block")):e.text?(n.textContent=e.text,rt(n,"block")):at(n),t=t,o=e,i=P(),t=Tt.innerParams.get(t),r=!t||o.input!==t.input,Lt.forEach(function(t){var e=$[t],n=yt(i,e);qt(t,o.inputAttributes),n.className=e,r&&at(n)}),o.input&&(r&&Dt(o),jt(o)),F(P(),e,"content")}function Vt(){return k()&&k().getAttribute("data-queue-step")}function Rt(t,o){var i=n();if(!o.progressSteps||0===o.progressSteps.length)return at(i),0;rt(i),i.textContent="";var r=parseInt(void 0===o.currentProgressStep?Vt():o.currentProgressStep);r>=o.progressSteps.length&&W("Invalid currentProgressStep parameter, it should be less than progressSteps.length (currentProgressStep like JS arrays starts from 0)"),o.progressSteps.forEach(function(t,e){var n,t=(n=t,t=document.createElement("li"),vt(t,$["progress-step"]),U(t,n),t);i.appendChild(t),e===r&&vt(t,$["active-progress-step"]),e!==o.progressSteps.length-1&&(t=o,e=document.createElement("li"),vt(e,$["progress-step-line"]),t.progressStepsDistance&&(e.style.width=t.progressStepsDistance),e=e,i.appendChild(e))})}function Nt(t,e){var n,o=M();F(o,e,"header"),Rt(0,e),n=t,o=e,t=Tt.innerParams.get(n),n=x(),t&&o.icon===t.icon?(Wt(n,o),Ft(n,o)):o.icon||o.iconHtml?o.icon&&-1===Object.keys(X).indexOf(o.icon)?(K('Unknown icon! Expected "success", "error", "warning", "info" or "question", got "'.concat(o.icon,'"')),at(n)):(rt(n),Wt(n,o),Ft(n,o),vt(n,o.showClass.icon)):at(n),function(t){var e=O();if(!t.imageUrl)return at(e);rt(e,""),e.setAttribute("src",t.imageUrl),e.setAttribute("alt",t.imageAlt),it(e,"width",t.imageWidth),it(e,"height",t.imageHeight),e.className=$.image,F(e,t,"image")}(e),o=e,n=B(),ut(n,o.title||o.titleText),o.title&&mt(o.title,n),o.titleText&&(n.innerText=o.titleText),F(n,o,"title"),o=e,e=V(),U(e,o.closeButtonHtml),F(e,o,"closeButton"),ut(e,o.showCloseButton),e.setAttribute("aria-label",o.closeButtonAriaLabel)}function Ut(t,e){var n,o,i;i=e,n=k(),o=A(),i.toast?(it(n,"width",i.width),o.style.width="100%"):it(o,"width",i.width),it(o,"padding",i.padding),i.background&&(o.style.background=i.background),Qt(o,i),Et(0,e),Nt(t,e),Ht(t,e),ht(0,e),i=e,t=I(),ut(t,i.footer),i.footer&&mt(i.footer,t),F(t,i,"footer"),"function"==typeof e.didRender?e.didRender(A()):"function"==typeof e.onRender&&e.onRender(A())}function _t(){return T()&&T().click()}var Ft=function(t,e){for(var n in X)e.icon!==n&&bt(t,X[n]);vt(t,X[e.icon]),Kt(t,e),zt(),F(t,e,"icon")},zt=function(){for(var t=A(),e=window.getComputedStyle(t).getPropertyValue("background-color"),n=t.querySelectorAll("[class^=swal2-success-circular-line], .swal2-success-fix"),o=0;o<n.length;o++)n[o].style.backgroundColor=e},Wt=function(t,e){t.textContent="",e.iconHtml?U(t,Yt(e.iconHtml)):"success"===e.icon?U(t,'\n <div class="swal2-success-circular-line-left"></div>\n <span class="swal2-success-line-tip"></span> <span class="swal2-success-line-long"></span>\n <div class="swal2-success-ring"></div> <div class="swal2-success-fix"></div>\n <div class="swal2-success-circular-line-right"></div>\n '):"error"===e.icon?U(t,'\n <span class="swal2-x-mark">\n <span class="swal2-x-mark-line-left"></span>\n <span class="swal2-x-mark-line-right"></span>\n </span>\n '):U(t,Yt({question:"?",warning:"!",info:"i"}[e.icon]))},Kt=function(t,e){if(e.iconColor){t.style.color=e.iconColor,t.style.borderColor=e.iconColor;for(var n=0,o=[".swal2-success-line-tip",".swal2-success-line-long",".swal2-x-mark-line-left",".swal2-x-mark-line-right"];n<o.length;n++)st(t,o[n],"backgroundColor",e.iconColor);st(t,".swal2-success-ring","borderColor",e.iconColor)}},Yt=function(t){return'<div class="'.concat($["icon-content"],'">').concat(t,"</div>")},Zt=[],Qt=function(t,e){t.className="".concat($.popup," ").concat(wt(t)?e.showClass.popup:""),e.toast?(vt([document.documentElement,document.body],$["toast-shown"]),vt(t,$.toast)):vt(t,$.modal),F(t,e,"popup"),"string"==typeof e.customClass&&vt(t,e.customClass),e.icon&&vt(t,$["icon-".concat(e.icon)])};function Jt(t){var e=A();e||Mn.fire(),e=A();var n=j(),o=D();!t&&wt(T())&&(t=T()),rt(n),t&&(at(t),o.setAttribute("data-button-to-replace",t.className)),o.parentNode.insertBefore(o,t),vt([e,n],$.loading),rt(o),e.setAttribute("data-loading",!0),e.setAttribute("aria-busy",!0),e.focus()}function $t(){return new Promise(function(t){var e=window.scrollX,n=window.scrollY;te.restoreFocusTimeout=setTimeout(function(){te.previousActiveElement&&te.previousActiveElement.focus?(te.previousActiveElement.focus(),te.previousActiveElement=null):document.body&&document.body.focus(),t()},100),void 0!==e&&void 0!==n&&window.scrollTo(e,n)})}function Xt(){if(te.timeout)return function(){var t=H(),e=parseInt(window.getComputedStyle(t).width);t.style.removeProperty("transition"),t.style.width="100%";var n=parseInt(window.getComputedStyle(t).width),n=parseInt(e/n*100);t.style.removeProperty("transition"),t.style.width="".concat(n,"%")}(),te.timeout.stop()}function Gt(){if(te.timeout){var t=te.timeout.start();return dt(t),t}}var te={},ee=!1,ne={};function oe(t){for(var e=t.target;e&&e!==document;e=e.parentNode)for(var n in ne){var o=e.getAttribute(n);if(o)return void ne[n].fire({template:o})}}function ie(t){return Object.prototype.hasOwnProperty.call(se,t)}function re(t){return ce[t]}function ae(t){for(var e in t)ie(o=e)||W('Unknown parameter "'.concat(o,'"')),t.toast&&(n=e,-1!==le.indexOf(n)&&W('The parameter "'.concat(n,'" is incompatible with toasts'))),re(n=e)&&v(n,re(n));var n,o}var se={title:"",titleText:"",text:"",html:"",footer:"",icon:void 0,iconColor:void 0,iconHtml:void 0,template:void 0,toast:!1,animation:!0,showClass:{popup:"swal2-show",backdrop:"swal2-backdrop-show",icon:"swal2-icon-show"},hideClass:{popup:"swal2-hide",backdrop:"swal2-backdrop-hide",icon:"swal2-icon-hide"},customClass:{},target:"body",backdrop:!0,heightAuto:!0,allowOutsideClick:!0,allowEscapeKey:!0,allowEnterKey:!0,stopKeydownPropagation:!0,keydownListenerCapture:!1,showConfirmButton:!0,showDenyButton:!1,showCancelButton:!1,preConfirm:void 0,preDeny:void 0,confirmButtonText:"OK",confirmButtonAriaLabel:"",confirmButtonColor:void 0,denyButtonText:"No",denyButtonAriaLabel:"",denyButtonColor:void 0,cancelButtonText:"Cancel",cancelButtonAriaLabel:"",cancelButtonColor:void 0,buttonsStyling:!0,reverseButtons:!1,focusConfirm:!0,focusDeny:!1,focusCancel:!1,showCloseButton:!1,closeButtonHtml:"×",closeButtonAriaLabel:"Close this dialog",loaderHtml:"",showLoaderOnConfirm:!1,showLoaderOnDeny:!1,imageUrl:void 0,imageWidth:void 0,imageHeight:void 0,imageAlt:"",timer:void 0,timerProgressBar:!1,width:void 0,padding:void 0,background:void 0,input:void 0,inputPlaceholder:"",inputLabel:"",inputValue:"",inputOptions:{},inputAutoTrim:!0,inputAttributes:{},inputValidator:void 0,returnInputValueOnDeny:!1,validationMessage:void 0,grow:!1,position:"center",progressSteps:[],currentProgressStep:void 0,progressStepsDistance:void 0,onBeforeOpen:void 0,onOpen:void 0,willOpen:void 0,didOpen:void 0,onRender:void 0,didRender:void 0,onClose:void 0,onAfterClose:void 0,willClose:void 0,didClose:void 0,onDestroy:void 0,didDestroy:void 0,scrollbarPadding:!0},ue=["allowEscapeKey","allowOutsideClick","background","buttonsStyling","cancelButtonAriaLabel","cancelButtonColor","cancelButtonText","closeButtonAriaLabel","closeButtonHtml","confirmButtonAriaLabel","confirmButtonColor","confirmButtonText","currentProgressStep","customClass","denyButtonAriaLabel","denyButtonColor","denyButtonText","didClose","didDestroy","footer","hideClass","html","icon","iconColor","iconHtml","imageAlt","imageHeight","imageUrl","imageWidth","onAfterClose","onClose","onDestroy","progressSteps","reverseButtons","showCancelButton","showCloseButton","showConfirmButton","showDenyButton","text","title","titleText","willClose"],ce={animation:'showClass" and "hideClass',onBeforeOpen:"willOpen",onOpen:"didOpen",onRender:"didRender",onClose:"willClose",onAfterClose:"didClose",onDestroy:"didDestroy"},le=["allowOutsideClick","allowEnterKey","backdrop","focusConfirm","focusDeny","focusCancel","heightAuto","keydownListenerCapture"],de=Object.freeze({isValidParameter:ie,isUpdatableParameter:function(t){return-1!==ue.indexOf(t)},isDeprecatedParameter:re,argsToParams:function(n){var o={};return"object"!==r(n[0])||C(n[0])?["title","html","icon"].forEach(function(t,e){e=n[e];"string"==typeof e||C(e)?o[t]=e:void 0!==e&&K("Unexpected type of ".concat(t,'! Expected "string" or "Element", got ').concat(r(e)))}):u(o,n[0]),o},isVisible:function(){return wt(A())},clickConfirm:_t,clickDeny:function(){return L()&&L().click()},clickCancel:function(){return q()&&q().click()},getContainer:k,getPopup:A,getTitle:B,getContent:P,getHtmlContainer:E,getImage:O,getIcon:x,getInputLabel:function(){return t($["input-label"])},getCloseButton:V,getActions:j,getConfirmButton:T,getDenyButton:L,getCancelButton:q,getLoader:D,getHeader:M,getFooter:I,getTimerProgressBar:H,getFocusableElements:R,getValidationMessage:S,isLoading:function(){return A().hasAttribute("data-loading")},fire:function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return i(this,e)},mixin:function(r){return function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&l(t,e)}(i,t);var n,o,e=(n=i,o=d(),function(){var t,e=c(n);return p(this,o?(t=c(this).constructor,Reflect.construct(e,arguments,t)):e.apply(this,arguments))});function i(){return a(this,i),e.apply(this,arguments)}return s(i,[{key:"_main",value:function(t,e){return f(c(i.prototype),"_main",this).call(this,t,u({},r,e))}}]),i}(this)},queue:function(t){var r=this;Zt=t;function a(t,e){Zt=[],t(e)}var s=[];return new Promise(function(i){!function e(n,o){n<Zt.length?(document.body.setAttribute("data-swal2-queue-step",n),r.fire(Zt[n]).then(function(t){void 0!==t.value?(s.push(t.value),e(n+1,o)):a(i,{dismiss:t.dismiss})})):a(i,{value:s})}(0)})},getQueueStep:Vt,insertQueueStep:function(t,e){return e&&e<Zt.length?Zt.splice(e,0,t):Zt.push(t)},deleteQueueStep:function(t){void 0!==Zt[t]&&Zt.splice(t,1)},showLoading:Jt,enableLoading:Jt,getTimerLeft:function(){return te.timeout&&te.timeout.getTimerLeft()},stopTimer:Xt,resumeTimer:Gt,toggleTimer:function(){var t=te.timeout;return t&&(t.running?Xt:Gt)()},increaseTimer:function(t){if(te.timeout){t=te.timeout.increase(t);return dt(t,!0),t}},isTimerRunning:function(){return te.timeout&&te.timeout.isRunning()},bindClickHandler:function(){ne[0<arguments.length&&void 0!==arguments[0]?arguments[0]:"data-swal-template"]=this,ee||(document.body.addEventListener("click",oe),ee=!0)}});function pe(){var t,e;Tt.innerParams.get(this)&&(t=Tt.domCache.get(this),at(t.loader),(e=t.popup.getElementsByClassName(t.loader.getAttribute("data-button-to-replace"))).length?rt(e[0],"inline-block"):wt(T())||wt(L())||wt(q())||at(t.actions),bt([t.popup,t.actions],$.loading),t.popup.removeAttribute("aria-busy"),t.popup.removeAttribute("data-loading"),t.confirmButton.disabled=!1,t.denyButton.disabled=!1,t.cancelButton.disabled=!1)}function fe(){null===tt.previousBodyPadding&&document.body.scrollHeight>window.innerHeight&&(tt.previousBodyPadding=parseInt(window.getComputedStyle(document.body).getPropertyValue("padding-right")),document.body.style.paddingRight="".concat(tt.previousBodyPadding+function(){var t=document.createElement("div");t.className=$["scrollbar-measure"],document.body.appendChild(t);var e=t.getBoundingClientRect().width-t.clientWidth;return document.body.removeChild(t),e}(),"px"))}function me(){return!!window.MSInputMethodContext&&!!document.documentMode}function he(){var t=k(),e=A();t.style.removeProperty("align-items"),e.offsetTop<0&&(t.style.alignItems="flex-start")}var ge=function(){navigator.userAgent.match(/(CriOS|FxiOS|EdgiOS|YaBrowser|UCBrowser)/i)||A().scrollHeight>window.innerHeight-44&&(k().style.paddingBottom="".concat(44,"px"))},ve=function(){var e,t=k();t.ontouchstart=function(t){e=be(t)},t.ontouchmove=function(t){e&&(t.preventDefault(),t.stopPropagation())}},be=function(t){var e=t.target,n=k();return!ye(t)&&!we(t)&&(e===n||!(ct(n)||"INPUT"===e.tagName||ct(P())&&P().contains(e)))},ye=function(t){return t.touches&&t.touches.length&&"stylus"===t.touches[0].touchType},we=function(t){return t.touches&&1<t.touches.length},Ce={swalPromiseResolve:new WeakMap};function ke(t,e,n,o){n?Oe(t,o):($t().then(function(){return Oe(t,o)}),te.keydownTarget.removeEventListener("keydown",te.keydownHandler,{capture:te.keydownListenerCapture}),te.keydownHandlerAdded=!1),e.parentNode&&!document.body.getAttribute("data-swal2-queue-step")&&e.parentNode.removeChild(e),N()&&(null!==tt.previousBodyPadding&&(document.body.style.paddingRight="".concat(tt.previousBodyPadding,"px"),tt.previousBodyPadding=null),_(document.body,$.iosfix)&&(e=parseInt(document.body.style.top,10),bt(document.body,$.iosfix),document.body.style.top="",document.body.scrollTop=-1*e),"undefined"!=typeof window&&me()&&window.removeEventListener("resize",he),g(document.body.children).forEach(function(t){t.hasAttribute("data-previous-aria-hidden")?(t.setAttribute("aria-hidden",t.getAttribute("data-previous-aria-hidden")),t.removeAttribute("data-previous-aria-hidden")):t.removeAttribute("aria-hidden")})),bt([document.documentElement,document.body],[$.shown,$["height-auto"],$["no-backdrop"],$["toast-shown"],$["toast-column"]])}function Ae(t){var e,n,o,i=A();i&&(t=xe(t),(e=Tt.innerParams.get(this))&&!_(i,e.hideClass.popup)&&(n=Ce.swalPromiseResolve.get(this),bt(i,e.showClass.popup),vt(i,e.hideClass.popup),o=k(),bt(o,e.showClass.backdrop),vt(o,e.hideClass.backdrop),Be(this,i,e),n(t)))}function xe(t){return void 0===t?{isConfirmed:!1,isDenied:!1,isDismissed:!0}:u({isConfirmed:!1,isDenied:!1,isDismissed:!1},t)}function Be(t,e,n){var o=k(),i=Bt&<(e),r=n.onClose,a=n.onAfterClose,s=n.willClose,n=n.didClose;Pe(e,s,r),i?Ee(t,e,o,n||a):ke(t,o,G(),n||a)}var Pe=function(t,e,n){null!==e&&"function"==typeof e?e(t):null!==n&&"function"==typeof n&&n(t)},Ee=function(t,e,n,o){te.swalCloseEventFinishedCallback=ke.bind(null,t,n,G(),o),e.addEventListener(Bt,function(t){t.target===e&&(te.swalCloseEventFinishedCallback(),delete te.swalCloseEventFinishedCallback)})},Oe=function(t,e){setTimeout(function(){"function"==typeof e&&e(),t._destroy()})};function Se(t,e,n){var o=Tt.domCache.get(t);e.forEach(function(t){o[t].disabled=n})}function Te(t,e){if(!t)return!1;if("radio"===t.type)for(var n=t.parentNode.parentNode.querySelectorAll("input"),o=0;o<n.length;o++)n[o].disabled=e;else t.disabled=e}var Le=function(){function n(t,e){a(this,n),this.callback=t,this.remaining=e,this.running=!1,this.start()}return s(n,[{key:"start",value:function(){return this.running||(this.running=!0,this.started=new Date,this.id=setTimeout(this.callback,this.remaining)),this.remaining}},{key:"stop",value:function(){return this.running&&(this.running=!1,clearTimeout(this.id),this.remaining-=new Date-this.started),this.remaining}},{key:"increase",value:function(t){var e=this.running;return e&&this.stop(),this.remaining+=t,e&&this.start(),this.remaining}},{key:"getTimerLeft",value:function(){return this.running&&(this.stop(),this.start()),this.remaining}},{key:"isRunning",value:function(){return this.running}}]),n}(),De={email:function(t,e){return/^[a-zA-Z0-9.+_-]+@[a-zA-Z0-9.-]+\.[a-zA-Z0-9-]{2,24}$/.test(t)?Promise.resolve():Promise.resolve(e||"Invalid email address")},url:function(t,e){return/^https?:\/\/(www\.)?[-a-zA-Z0-9@:%._+~#=]{1,256}\.[a-z]{2,63}\b([-a-zA-Z0-9@:%_+.~#?&/=]*)$/.test(t)?Promise.resolve():Promise.resolve(e||"Invalid URL")}};function qe(t){var e,n;(e=t).inputValidator||Object.keys(De).forEach(function(t){e.input===t&&(e.inputValidator=De[t])}),t.showLoaderOnConfirm&&!t.preConfirm&&W("showLoaderOnConfirm is set to true, but preConfirm is not defined.\nshowLoaderOnConfirm should be used together with preConfirm, see usage example:\nhttps://sweetalert2.github.io/#ajax-request"),t.animation=Z(t.animation),(n=t).target&&("string"!=typeof n.target||document.querySelector(n.target))&&("string"==typeof n.target||n.target.appendChild)||(W('Target parameter is not valid, defaulting to "body"'),n.target="body"),"string"==typeof t.title&&(t.title=t.title.split("\n").join("<br />")),kt(t)}function je(t){var e=k(),n=A();"function"==typeof t.willOpen?t.willOpen(n):"function"==typeof t.onBeforeOpen&&t.onBeforeOpen(n);var o=window.getComputedStyle(document.body).overflowY;Je(e,n,t),setTimeout(function(){Ze(e,n)},10),N()&&(Qe(e,t.scrollbarPadding,o),g(document.body.children).forEach(function(t){t===k()||function(t,e){if("function"==typeof t.contains)return t.contains(e)}(t,k())||(t.hasAttribute("aria-hidden")&&t.setAttribute("data-previous-aria-hidden",t.getAttribute("aria-hidden")),t.setAttribute("aria-hidden","true"))})),G()||te.previousActiveElement||(te.previousActiveElement=document.activeElement),Ye(n,t),bt(e,$["no-transition"])}function Me(t){var e=A();t.target===e&&(t=k(),e.removeEventListener(Bt,Me),t.style.overflowY="auto")}function Ie(t,e){t.closePopup({isConfirmed:!0,value:e})}function He(t,e,n){var o=R();if(o.length)return(e+=n)===o.length?e=0:-1===e&&(e=o.length-1),o[e].focus();A().focus()}var Ve=["swal-title","swal-html","swal-footer"],Re=function(t){var n={};return g(t.querySelectorAll("swal-param")).forEach(function(t){Ke(t,["name","value"]);var e=t.getAttribute("name"),t=t.getAttribute("value");"boolean"==typeof se[e]&&"false"===t&&(t=!1),"object"===r(se[e])&&(t=JSON.parse(t)),n[e]=t}),n},Ne=function(t){var n={};return g(t.querySelectorAll("swal-button")).forEach(function(t){Ke(t,["type","color","aria-label"]);var e=t.getAttribute("type");n["".concat(e,"ButtonText")]=t.innerHTML,n["show".concat(m(e),"Button")]=!0,t.hasAttribute("color")&&(n["".concat(e,"ButtonColor")]=t.getAttribute("color")),t.hasAttribute("aria-label")&&(n["".concat(e,"ButtonAriaLabel")]=t.getAttribute("aria-label"))}),n},Ue=function(t){var e={},t=t.querySelector("swal-image");return t&&(Ke(t,["src","width","height","alt"]),t.hasAttribute("src")&&(e.imageUrl=t.getAttribute("src")),t.hasAttribute("width")&&(e.imageWidth=t.getAttribute("width")),t.hasAttribute("height")&&(e.imageHeight=t.getAttribute("height")),t.hasAttribute("alt")&&(e.imageAlt=t.getAttribute("alt"))),e},_e=function(t){var e={},t=t.querySelector("swal-icon");return t&&(Ke(t,["type","color"]),t.hasAttribute("type")&&(e.icon=t.getAttribute("type")),t.hasAttribute("color")&&(e.iconColor=t.getAttribute("color")),e.iconHtml=t.innerHTML),e},Fe=function(t){var n={},e=t.querySelector("swal-input");e&&(Ke(e,["type","label","placeholder","value"]),n.input=e.getAttribute("type")||"text",e.hasAttribute("label")&&(n.inputLabel=e.getAttribute("label")),e.hasAttribute("placeholder")&&(n.inputPlaceholder=e.getAttribute("placeholder")),e.hasAttribute("value")&&(n.inputValue=e.getAttribute("value")));t=t.querySelectorAll("swal-input-option");return t.length&&(n.inputOptions={},g(t).forEach(function(t){Ke(t,["value"]);var e=t.getAttribute("value"),t=t.innerHTML;n.inputOptions[e]=t})),n},ze=function(t,e){var n,o={};for(n in e){var i=e[n],r=t.querySelector(i);r&&(Ke(r,[]),o[i.replace(/^swal-/,"")]=r.innerHTML)}return o},We=function(e){var n=Ve.concat(["swal-param","swal-button","swal-image","swal-icon","swal-input","swal-input-option"]);g(e.querySelectorAll("*")).forEach(function(t){t.parentNode===e&&(t=t.tagName.toLowerCase(),-1===n.indexOf(t)&&W("Unrecognized element <".concat(t,">")))})},Ke=function(e,n){g(e.attributes).forEach(function(t){-1===n.indexOf(t.name)&&W(['Unrecognized attribute "'.concat(t.name,'" on <').concat(e.tagName.toLowerCase(),">."),"".concat(n.length?"Allowed attributes are: ".concat(n.join(", ")):"To set the value, use HTML within the element.")])})},Ye=function(t,e){"function"==typeof e.didOpen?setTimeout(function(){return e.didOpen(t)}):"function"==typeof e.onOpen&&setTimeout(function(){return e.onOpen(t)})},Ze=function(t,e){Bt&<(e)?(t.style.overflowY="hidden",e.addEventListener(Bt,Me)):t.style.overflowY="auto"},Qe=function(t,e,n){var o;(/iPad|iPhone|iPod/.test(navigator.userAgent)&&!window.MSStream||"MacIntel"===navigator.platform&&1<navigator.maxTouchPoints)&&!_(document.body,$.iosfix)&&(o=document.body.scrollTop,document.body.style.top="".concat(-1*o,"px"),vt(document.body,$.iosfix),ve(),ge()),"undefined"!=typeof window&&me()&&(he(),window.addEventListener("resize",he)),e&&"hidden"!==n&&fe(),setTimeout(function(){t.scrollTop=0})},Je=function(t,e,n){vt(t,n.showClass.backdrop),e.style.setProperty("opacity","0","important"),rt(e),setTimeout(function(){vt(e,n.showClass.popup),e.style.removeProperty("opacity")},10),vt([document.documentElement,document.body],$.shown),n.heightAuto&&n.backdrop&&!n.toast&&vt([document.documentElement,document.body],$["height-auto"])},$e=function(t){return t.checked?1:0},Xe=function(t){return t.checked?t.value:null},Ge=function(t){return t.files.length?null!==t.getAttribute("multiple")?t.files:t.files[0]:null},tn=function(e,n){function o(t){return nn[n.input](i,on(t),n)}var i=P();b(n.inputOptions)||w(n.inputOptions)?(Jt(T()),y(n.inputOptions).then(function(t){e.hideLoading(),o(t)})):"object"===r(n.inputOptions)?o(n.inputOptions):K("Unexpected type of inputOptions! Expected object, Map or Promise, got ".concat(r(n.inputOptions)))},en=function(e,n){var o=e.getInput();at(o),y(n.inputValue).then(function(t){o.value="number"===n.input?parseFloat(t)||0:"".concat(t),rt(o),o.focus(),e.hideLoading()}).catch(function(t){K("Error in inputValue promise: ".concat(t)),o.value="",rt(o),o.focus(),e.hideLoading()})},nn={select:function(t,e,i){function o(t,e,n){var o=document.createElement("option");o.value=n,U(o,e),o.selected=rn(n,i.inputValue),t.appendChild(o)}var r=yt(t,$.select);e.forEach(function(t){var e,n=t[0],t=t[1];Array.isArray(t)?((e=document.createElement("optgroup")).label=n,e.disabled=!1,r.appendChild(e),t.forEach(function(t){return o(e,t[1],t[0])})):o(r,t,n)}),r.focus()},radio:function(t,e,i){var r=yt(t,$.radio);e.forEach(function(t){var e=t[0],n=t[1],o=document.createElement("input"),t=document.createElement("label");o.type="radio",o.name=$.radio,o.value=e,rn(e,i.inputValue)&&(o.checked=!0);e=document.createElement("span");U(e,n),e.className=$.label,t.appendChild(o),t.appendChild(e),r.appendChild(t)});e=r.querySelectorAll("input");e.length&&e[0].focus()}},on=function n(o){var i=[];return"undefined"!=typeof Map&&o instanceof Map?o.forEach(function(t,e){"object"===r(t)&&(t=n(t)),i.push([e,t])}):Object.keys(o).forEach(function(t){var e=o[t];"object"===r(e)&&(e=n(e)),i.push([t,e])}),i},rn=function(t,e){return e&&e.toString()===t.toString()},an=function(t,e,n){var o=function(t,e){var n=t.getInput();if(!n)return null;switch(e.input){case"checkbox":return $e(n);case"radio":return Xe(n);case"file":return Ge(n);default:return e.inputAutoTrim?n.value.trim():n.value}}(t,e);e.inputValidator?sn(t,e,o):t.getInput().checkValidity()?("deny"===n?un:cn)(t,e,o):(t.enableButtons(),t.showValidationMessage(e.validationMessage))},sn=function(e,n,o){e.disableInput(),Promise.resolve().then(function(){return y(n.inputValidator(o,n.validationMessage))}).then(function(t){e.enableButtons(),e.enableInput(),t?e.showValidationMessage(t):cn(e,n,o)})},un=function(e,t,n){t.showLoaderOnDeny&&Jt(L()),t.preDeny?Promise.resolve().then(function(){return y(t.preDeny(n,t.validationMessage))}).then(function(t){!1===t?e.hideLoading():e.closePopup({isDenied:!0,value:void 0===t?n:t})}):e.closePopup({isDenied:!0,value:n})},cn=function(e,t,n){t.showLoaderOnConfirm&&Jt(),t.preConfirm?(e.resetValidationMessage(),Promise.resolve().then(function(){return y(t.preConfirm(n,t.validationMessage))}).then(function(t){wt(S())||!1===t?e.hideLoading():Ie(e,void 0===t?n:t)})):Ie(e,n)},ln=["ArrowRight","ArrowDown","Right","Down"],dn=["ArrowLeft","ArrowUp","Left","Up"],pn=["Escape","Esc"],fn=function(t,e,n){var o=Tt.innerParams.get(t);o.stopKeydownPropagation&&e.stopPropagation(),"Enter"===e.key?mn(t,e,o):"Tab"===e.key?hn(e,o):-1!==[].concat(ln,dn).indexOf(e.key)?gn(e.key):-1!==pn.indexOf(e.key)&&vn(e,o,n)},mn=function(t,e,n){e.isComposing||e.target&&t.getInput()&&e.target.outerHTML===t.getInput().outerHTML&&-1===["textarea","file"].indexOf(n.input)&&(_t(),e.preventDefault())},hn=function(t,e){for(var n=t.target,o=R(),i=-1,r=0;r<o.length;r++)if(n===o[r]){i=r;break}t.shiftKey?He(0,i,-1):He(0,i,1),t.stopPropagation(),t.preventDefault()},gn=function(t){-1!==[T(),L(),q()].indexOf(document.activeElement)&&(t=-1!==ln.indexOf(t)?"nextElementSibling":"previousElementSibling",(t=document.activeElement[t])&&t.focus())},vn=function(t,e,n){Z(e.allowEscapeKey)&&(t.preventDefault(),n(Q.esc))},bn=function(e,t,n){t.popup.onclick=function(){var t=Tt.innerParams.get(e);t.showConfirmButton||t.showDenyButton||t.showCancelButton||t.showCloseButton||t.timer||t.input||n(Q.close)}},yn=!1,wn=function(e){e.popup.onmousedown=function(){e.container.onmouseup=function(t){e.container.onmouseup=void 0,t.target===e.container&&(yn=!0)}}},Cn=function(e){e.container.onmousedown=function(){e.popup.onmouseup=function(t){e.popup.onmouseup=void 0,t.target!==e.popup&&!e.popup.contains(t.target)||(yn=!0)}}},kn=function(n,o,i){o.container.onclick=function(t){var e=Tt.innerParams.get(n);yn?yn=!1:t.target===o.container&&Z(e.allowOutsideClick)&&i(Q.backdrop)}};function An(t,e){var n=function(t){t="string"==typeof t.template?document.querySelector(t.template):t.template;if(!t)return{};t=t.content||t;return We(t),u(Re(t),Ne(t),Ue(t),_e(t),Fe(t),ze(t,Ve))}(t),o=u({},se.showClass,e.showClass,n.showClass,t.showClass),i=u({},se.hideClass,e.hideClass,n.hideClass,t.hideClass);return(n=u({},se,e,n,t)).showClass=o,n.hideClass=i,!1===t.animation&&(n.showClass={popup:"swal2-noanimation",backdrop:"swal2-noanimation"},n.hideClass={}),n}function xn(a,s,u){return new Promise(function(t){function e(t){a.closePopup({isDismissed:!0,dismiss:t})}var n,o,i,r;Ce.swalPromiseResolve.set(a,t),s.confirmButton.onclick=function(){return e=u,(t=a).disableButtons(),void(e.input?an(t,e,"confirm"):cn(t,e,!0));var t,e},s.denyButton.onclick=function(){return e=u,(t=a).disableButtons(),void(e.returnInputValueOnDeny?an(t,e,"deny"):un(t,e,!1));var t,e},s.cancelButton.onclick=function(){return t=e,a.disableButtons(),void t(Q.cancel);var t},s.closeButton.onclick=function(){return e(Q.close)},n=a,r=s,t=e,Tt.innerParams.get(n).toast?bn(n,r,t):(wn(r),Cn(r),kn(n,r,t)),o=a,r=u,i=e,(t=te).keydownTarget&&t.keydownHandlerAdded&&(t.keydownTarget.removeEventListener("keydown",t.keydownHandler,{capture:t.keydownListenerCapture}),t.keydownHandlerAdded=!1),r.toast||(t.keydownHandler=function(t){return fn(o,t,i)},t.keydownTarget=r.keydownListenerCapture?window:A(),t.keydownListenerCapture=r.keydownListenerCapture,t.keydownTarget.addEventListener("keydown",t.keydownHandler,{capture:t.keydownListenerCapture}),t.keydownHandlerAdded=!0),(u.toast&&(u.input||u.footer||u.showCloseButton)?vt:bt)(document.body,$["toast-column"]),r=a,"select"===(t=u).input||"radio"===t.input?tn(r,t):-1!==["text","email","number","tel","textarea"].indexOf(t.input)&&(b(t.inputValue)||w(t.inputValue))&&en(r,t),je(u),Pn(te,u,e),En(s,u),setTimeout(function(){s.container.scrollTop=0})})}function Bn(t){var e={popup:A(),container:k(),content:P(),actions:j(),confirmButton:T(),denyButton:L(),cancelButton:q(),loader:D(),closeButton:V(),validationMessage:S(),progressSteps:n()};return Tt.domCache.set(t,e),e}var Pn=function(t,e,n){var o=H();at(o),e.timer&&(t.timeout=new Le(function(){n("timer"),delete t.timeout},e.timer),e.timerProgressBar&&(rt(o),setTimeout(function(){t.timeout&&t.timeout.running&&dt(e.timer)})))},En=function(t,e){if(!e.toast)return Z(e.allowEnterKey)?void(On(t,e)||He(0,-1,1)):Sn()},On=function(t,e){return e.focusDeny&&wt(t.denyButton)?(t.denyButton.focus(),!0):e.focusCancel&&wt(t.cancelButton)?(t.cancelButton.focus(),!0):!(!e.focusConfirm||!wt(t.confirmButton))&&(t.confirmButton.focus(),!0)},Sn=function(){document.activeElement&&"function"==typeof document.activeElement.blur&&document.activeElement.blur()};function Tn(t){"function"==typeof t.didDestroy?t.didDestroy():"function"==typeof t.onDestroy&&t.onDestroy()}function Ln(t){delete t.params,delete te.keydownHandler,delete te.keydownTarget,qn(Tt),qn(Ce)}var Dn,qn=function(t){for(var e in t)t[e]=new WeakMap},J=Object.freeze({hideLoading:pe,disableLoading:pe,getInput:function(t){var e=Tt.innerParams.get(t||this);return(t=Tt.domCache.get(t||this))?et(t.content,e.input):null},close:Ae,closePopup:Ae,closeModal:Ae,closeToast:Ae,enableButtons:function(){Se(this,["confirmButton","denyButton","cancelButton"],!1)},disableButtons:function(){Se(this,["confirmButton","denyButton","cancelButton"],!0)},enableInput:function(){return Te(this.getInput(),!1)},disableInput:function(){return Te(this.getInput(),!0)},showValidationMessage:function(t){var e=Tt.domCache.get(this),n=Tt.innerParams.get(this);U(e.validationMessage,t),e.validationMessage.className=$["validation-message"],n.customClass&&n.customClass.validationMessage&&vt(e.validationMessage,n.customClass.validationMessage),rt(e.validationMessage),(e=this.getInput())&&(e.setAttribute("aria-invalid",!0),e.setAttribute("aria-describedBy",$["validation-message"]),nt(e),vt(e,$.inputerror))},resetValidationMessage:function(){var t=Tt.domCache.get(this);t.validationMessage&&at(t.validationMessage),(t=this.getInput())&&(t.removeAttribute("aria-invalid"),t.removeAttribute("aria-describedBy"),bt(t,$.inputerror))},getProgressSteps:function(){return Tt.domCache.get(this).progressSteps},_main:function(t){var e=1<arguments.length&&void 0!==arguments[1]?arguments[1]:{};return ae(u({},e,t)),te.currentInstance&&te.currentInstance._destroy(),te.currentInstance=this,qe(t=An(t,e)),Object.freeze(t),te.timeout&&(te.timeout.stop(),delete te.timeout),clearTimeout(te.restoreFocusTimeout),e=Bn(this),Ut(this,t),Tt.innerParams.set(this,t),xn(this,e,t)},update:function(e){var t=A(),n=Tt.innerParams.get(this);if(!t||_(t,n.hideClass.popup))return W("You're trying to update the closed or closing popup, that won't work. Use the update() method in preConfirm parameter or show a new popup.");var o={};Object.keys(e).forEach(function(t){Mn.isUpdatableParameter(t)?o[t]=e[t]:W('Invalid parameter to update: "'.concat(t,'". Updatable params are listed here: https://github.com/sweetalert2/sweetalert2/blob/master/src/utils/params.js\n\nIf you think this parameter should be updatable, request it here: https://github.com/sweetalert2/sweetalert2/issues/new?template=02_feature_request.md'))}),n=u({},n,o),Ut(this,n),Tt.innerParams.set(this,n),Object.defineProperties(this,{params:{value:u({},this.params,e),writable:!1,enumerable:!0}})},_destroy:function(){var t=Tt.domCache.get(this),e=Tt.innerParams.get(this);e&&(t.popup&&te.swalCloseEventFinishedCallback&&(te.swalCloseEventFinishedCallback(),delete te.swalCloseEventFinishedCallback),te.deferDisposalTimer&&(clearTimeout(te.deferDisposalTimer),delete te.deferDisposalTimer),Tn(e),Ln(this))}}),jn=function(){function i(){if(a(this,i),"undefined"!=typeof window){"undefined"==typeof Promise&&K("This package requires a Promise library, please include a shim to enable it in this browser (See: https://github.com/sweetalert2/sweetalert2/wiki/Migration-from-SweetAlert-to-SweetAlert2#1-ie-support)"),Dn=this;for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];var o=Object.freeze(this.constructor.argsToParams(e));Object.defineProperties(this,{params:{value:o,writable:!1,enumerable:!0,configurable:!0}});o=this._main(this.params);Tt.promise.set(this,o)}}return s(i,[{key:"then",value:function(t){return Tt.promise.get(this).then(t)}},{key:"finally",value:function(t){return Tt.promise.get(this).finally(t)}}]),i}();u(jn.prototype,J),u(jn,de),Object.keys(J).forEach(function(t){jn[t]=function(){if(Dn)return Dn[t].apply(Dn,arguments)}}),jn.DismissReason=Q,jn.version="10.15.5";var Mn=jn;return Mn.default=Mn}),void 0!==this&&this.Sweetalert2&&(this.swal=this.sweetAlert=this.Swal=this.SweetAlert=this.Sweetalert2); "undefined"!=typeof document&&function(e,t){var n=e.createElement("style");if(e.getElementsByTagName("head")[0].appendChild(n),n.styleSheet)n.styleSheet.disabled||(n.styleSheet.cssText=t);else try{n.innerHTML=t}catch(e){n.innerText=t}}(document,".swal2-popup.swal2-toast{flex-direction:row;align-items:center;width:auto;padding:.625em;overflow-y:hidden;background:#fff;box-shadow:0 0 .625em #d9d9d9}.swal2-popup.swal2-toast .swal2-header{flex-direction:row;padding:0}.swal2-popup.swal2-toast .swal2-title{flex-grow:1;justify-content:flex-start;margin:0 .6em;font-size:1em}.swal2-popup.swal2-toast .swal2-footer{margin:.5em 0 0;padding:.5em 0 0;font-size:.8em}.swal2-popup.swal2-toast .swal2-close{position:static;width:.8em;height:.8em;line-height:.8}.swal2-popup.swal2-toast .swal2-content{justify-content:flex-start;padding:0;font-size:1em}.swal2-popup.swal2-toast .swal2-icon{width:2em;min-width:2em;height:2em;margin:0}.swal2-popup.swal2-toast .swal2-icon .swal2-icon-content{display:flex;align-items:center;font-size:1.8em;font-weight:700}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.swal2-popup.swal2-toast .swal2-icon .swal2-icon-content{font-size:.25em}}.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line]{top:.875em;width:1.375em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left:.3125em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right:.3125em}.swal2-popup.swal2-toast .swal2-actions{flex-basis:auto!important;width:auto;height:auto;margin:0 .3125em;padding:0}.swal2-popup.swal2-toast .swal2-styled{margin:.125em .3125em;padding:.3125em .625em;font-size:1em}.swal2-popup.swal2-toast .swal2-styled:focus{box-shadow:0 0 0 1px #fff,0 0 0 3px rgba(100,150,200,.5)}.swal2-popup.swal2-toast .swal2-success{border-color:#a5dc86}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line]{position:absolute;width:1.6em;height:3em;transform:rotate(45deg);border-radius:50%}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left]{top:-.8em;left:-.5em;transform:rotate(-45deg);transform-origin:2em 2em;border-radius:4em 0 0 4em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right]{top:-.25em;left:.9375em;transform-origin:0 1.5em;border-radius:0 4em 4em 0}.swal2-popup.swal2-toast .swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-popup.swal2-toast .swal2-success .swal2-success-fix{top:0;left:.4375em;width:.4375em;height:2.6875em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line]{height:.3125em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip]{top:1.125em;left:.1875em;width:.75em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long]{top:.9375em;right:.1875em;width:1.375em}.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip{-webkit-animation:swal2-toast-animate-success-line-tip .75s;animation:swal2-toast-animate-success-line-tip .75s}.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long{-webkit-animation:swal2-toast-animate-success-line-long .75s;animation:swal2-toast-animate-success-line-long .75s}.swal2-popup.swal2-toast.swal2-show{-webkit-animation:swal2-toast-show .5s;animation:swal2-toast-show .5s}.swal2-popup.swal2-toast.swal2-hide{-webkit-animation:swal2-toast-hide .1s forwards;animation:swal2-toast-hide .1s forwards}.swal2-container{display:flex;position:fixed;z-index:1060;top:0;right:0;bottom:0;left:0;flex-direction:row;align-items:center;justify-content:center;padding:.625em;overflow-x:hidden;transition:background-color .1s;-webkit-overflow-scrolling:touch}.swal2-container.swal2-backdrop-show,.swal2-container.swal2-noanimation{background:rgba(0,0,0,.4)}.swal2-container.swal2-backdrop-hide{background:0 0!important}.swal2-container.swal2-top{align-items:flex-start}.swal2-container.swal2-top-left,.swal2-container.swal2-top-start{align-items:flex-start;justify-content:flex-start}.swal2-container.swal2-top-end,.swal2-container.swal2-top-right{align-items:flex-start;justify-content:flex-end}.swal2-container.swal2-center{align-items:center}.swal2-container.swal2-center-left,.swal2-container.swal2-center-start{align-items:center;justify-content:flex-start}.swal2-container.swal2-center-end,.swal2-container.swal2-center-right{align-items:center;justify-content:flex-end}.swal2-container.swal2-bottom{align-items:flex-end}.swal2-container.swal2-bottom-left,.swal2-container.swal2-bottom-start{align-items:flex-end;justify-content:flex-start}.swal2-container.swal2-bottom-end,.swal2-container.swal2-bottom-right{align-items:flex-end;justify-content:flex-end}.swal2-container.swal2-bottom-end>:first-child,.swal2-container.swal2-bottom-left>:first-child,.swal2-container.swal2-bottom-right>:first-child,.swal2-container.swal2-bottom-start>:first-child,.swal2-container.swal2-bottom>:first-child{margin-top:auto}.swal2-container.swal2-grow-fullscreen>.swal2-modal{display:flex!important;flex:1;align-self:stretch;justify-content:center}.swal2-container.swal2-grow-row>.swal2-modal{display:flex!important;flex:1;align-content:center;justify-content:center}.swal2-container.swal2-grow-column{flex:1;flex-direction:column}.swal2-container.swal2-grow-column.swal2-bottom,.swal2-container.swal2-grow-column.swal2-center,.swal2-container.swal2-grow-column.swal2-top{align-items:center}.swal2-container.swal2-grow-column.swal2-bottom-left,.swal2-container.swal2-grow-column.swal2-bottom-start,.swal2-container.swal2-grow-column.swal2-center-left,.swal2-container.swal2-grow-column.swal2-center-start,.swal2-container.swal2-grow-column.swal2-top-left,.swal2-container.swal2-grow-column.swal2-top-start{align-items:flex-start}.swal2-container.swal2-grow-column.swal2-bottom-end,.swal2-container.swal2-grow-column.swal2-bottom-right,.swal2-container.swal2-grow-column.swal2-center-end,.swal2-container.swal2-grow-column.swal2-center-right,.swal2-container.swal2-grow-column.swal2-top-end,.swal2-container.swal2-grow-column.swal2-top-right{align-items:flex-end}.swal2-container.swal2-grow-column>.swal2-modal{display:flex!important;flex:1;align-content:center;justify-content:center}.swal2-container.swal2-no-transition{transition:none!important}.swal2-container:not(.swal2-top):not(.swal2-top-start):not(.swal2-top-end):not(.swal2-top-left):not(.swal2-top-right):not(.swal2-center-start):not(.swal2-center-end):not(.swal2-center-left):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-start):not(.swal2-bottom-end):not(.swal2-bottom-left):not(.swal2-bottom-right):not(.swal2-grow-fullscreen)>.swal2-modal{margin:auto}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.swal2-container .swal2-modal{margin:0!important}}.swal2-popup{display:none;position:relative;box-sizing:border-box;flex-direction:column;justify-content:center;width:32em;max-width:100%;padding:1.25em;border:none;border-radius:5px;background:#fff;font-family:inherit;font-size:1rem}.swal2-popup:focus{outline:0}.swal2-popup.swal2-loading{overflow-y:hidden}.swal2-header{display:flex;flex-direction:column;align-items:center;padding:0 1.8em}.swal2-title{position:relative;max-width:100%;margin:0 0 .4em;padding:0;color:#595959;font-size:1.875em;font-weight:600;text-align:center;text-transform:none;word-wrap:break-word}.swal2-actions{display:flex;z-index:1;box-sizing:border-box;flex-wrap:wrap;align-items:center;justify-content:center;width:100%;margin:1.25em auto 0;padding:0 1.6em}.swal2-actions:not(.swal2-loading) .swal2-styled[disabled]{opacity:.4}.swal2-actions:not(.swal2-loading) .swal2-styled:hover{background-image:linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1))}.swal2-actions:not(.swal2-loading) .swal2-styled:active{background-image:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2))}.swal2-loader{display:none;align-items:center;justify-content:center;width:2.2em;height:2.2em;margin:0 1.875em;-webkit-animation:swal2-rotate-loading 1.5s linear 0s infinite normal;animation:swal2-rotate-loading 1.5s linear 0s infinite normal;border-width:.25em;border-style:solid;border-radius:100%;border-color:#2778c4 transparent #2778c4 transparent}.swal2-styled{margin:.3125em;padding:.625em 1.1em;box-shadow:none;font-weight:500}.swal2-styled:not([disabled]){cursor:pointer}.swal2-styled.swal2-confirm{border:0;border-radius:.25em;background:initial;background-color:#2778c4;color:#fff;font-size:1.0625em}.swal2-styled.swal2-deny{border:0;border-radius:.25em;background:initial;background-color:#d14529;color:#fff;font-size:1.0625em}.swal2-styled.swal2-cancel{border:0;border-radius:.25em;background:initial;background-color:#757575;color:#fff;font-size:1.0625em}.swal2-styled:focus{outline:0;box-shadow:0 0 0 3px rgba(100,150,200,.5)}.swal2-styled::-moz-focus-inner{border:0}.swal2-footer{justify-content:center;margin:1.25em 0 0;padding:1em 0 0;border-top:1px solid #eee;color:#545454;font-size:1em}.swal2-timer-progress-bar-container{position:absolute;right:0;bottom:0;left:0;height:.25em;overflow:hidden;border-bottom-right-radius:5px;border-bottom-left-radius:5px}.swal2-timer-progress-bar{width:100%;height:.25em;background:rgba(0,0,0,.2)}.swal2-image{max-width:100%;margin:1.25em auto}.swal2-close{position:absolute;z-index:2;top:0;right:0;align-items:center;justify-content:center;width:1.2em;height:1.2em;padding:0;overflow:hidden;transition:color .1s ease-out;border:none;border-radius:5px;background:0 0;color:#ccc;font-family:serif;font-size:2.5em;line-height:1.2;cursor:pointer}.swal2-close:hover{transform:none;background:0 0;color:#f27474}.swal2-close:focus{outline:0;box-shadow:inset 0 0 0 3px rgba(100,150,200,.5)}.swal2-close::-moz-focus-inner{border:0}.swal2-content{z-index:1;justify-content:center;margin:0;padding:0 1.6em;color:#545454;font-size:1.125em;font-weight:400;line-height:normal;text-align:center;word-wrap:break-word}.swal2-checkbox,.swal2-file,.swal2-input,.swal2-radio,.swal2-select,.swal2-textarea{margin:1em auto}.swal2-file,.swal2-input,.swal2-textarea{box-sizing:border-box;width:100%;transition:border-color .3s,box-shadow .3s;border:1px solid #d9d9d9;border-radius:.1875em;background:inherit;box-shadow:inset 0 1px 1px rgba(0,0,0,.06);color:inherit;font-size:1.125em}.swal2-file.swal2-inputerror,.swal2-input.swal2-inputerror,.swal2-textarea.swal2-inputerror{border-color:#f27474!important;box-shadow:0 0 2px #f27474!important}.swal2-file:focus,.swal2-input:focus,.swal2-textarea:focus{border:1px solid #b4dbed;outline:0;box-shadow:0 0 0 3px rgba(100,150,200,.5)}.swal2-file::-moz-placeholder,.swal2-input::-moz-placeholder,.swal2-textarea::-moz-placeholder{color:#ccc}.swal2-file:-ms-input-placeholder,.swal2-input:-ms-input-placeholder,.swal2-textarea:-ms-input-placeholder{color:#ccc}.swal2-file::placeholder,.swal2-input::placeholder,.swal2-textarea::placeholder{color:#ccc}.swal2-range{margin:1em auto;background:#fff}.swal2-range input{width:80%}.swal2-range output{width:20%;color:inherit;font-weight:600;text-align:center}.swal2-range input,.swal2-range output{height:2.625em;padding:0;font-size:1.125em;line-height:2.625em}.swal2-input{height:2.625em;padding:0 .75em}.swal2-input[type=number]{max-width:10em}.swal2-file{background:inherit;font-size:1.125em}.swal2-textarea{height:6.75em;padding:.75em}.swal2-select{min-width:50%;max-width:100%;padding:.375em .625em;background:inherit;color:inherit;font-size:1.125em}.swal2-checkbox,.swal2-radio{align-items:center;justify-content:center;background:#fff;color:inherit}.swal2-checkbox label,.swal2-radio label{margin:0 .6em;font-size:1.125em}.swal2-checkbox input,.swal2-radio input{margin:0 .4em}.swal2-input-label{display:flex;justify-content:center;margin:1em auto}.swal2-validation-message{display:none;align-items:center;justify-content:center;margin:0 -2.7em;padding:.625em;overflow:hidden;background:#f0f0f0;color:#666;font-size:1em;font-weight:300}.swal2-validation-message::before{content:\"!\";display:inline-block;width:1.5em;min-width:1.5em;height:1.5em;margin:0 .625em;border-radius:50%;background-color:#f27474;color:#fff;font-weight:600;line-height:1.5em;text-align:center}.swal2-icon{position:relative;box-sizing:content-box;justify-content:center;width:5em;height:5em;margin:1.25em auto 1.875em;border:.25em solid transparent;border-radius:50%;border-color:#000;font-family:inherit;line-height:5em;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.swal2-icon .swal2-icon-content{display:flex;align-items:center;font-size:3.75em}.swal2-icon.swal2-error{border-color:#f27474;color:#f27474}.swal2-icon.swal2-error .swal2-x-mark{position:relative;flex-grow:1}.swal2-icon.swal2-error [class^=swal2-x-mark-line]{display:block;position:absolute;top:2.3125em;width:2.9375em;height:.3125em;border-radius:.125em;background-color:#f27474}.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left:1.0625em;transform:rotate(45deg)}.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right:1em;transform:rotate(-45deg)}.swal2-icon.swal2-error.swal2-icon-show{-webkit-animation:swal2-animate-error-icon .5s;animation:swal2-animate-error-icon .5s}.swal2-icon.swal2-error.swal2-icon-show .swal2-x-mark{-webkit-animation:swal2-animate-error-x-mark .5s;animation:swal2-animate-error-x-mark .5s}.swal2-icon.swal2-warning{border-color:#facea8;color:#f8bb86}.swal2-icon.swal2-info{border-color:#9de0f6;color:#3fc3ee}.swal2-icon.swal2-question{border-color:#c9dae1;color:#87adbd}.swal2-icon.swal2-success{border-color:#a5dc86;color:#a5dc86}.swal2-icon.swal2-success [class^=swal2-success-circular-line]{position:absolute;width:3.75em;height:7.5em;transform:rotate(45deg);border-radius:50%}.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left]{top:-.4375em;left:-2.0635em;transform:rotate(-45deg);transform-origin:3.75em 3.75em;border-radius:7.5em 0 0 7.5em}.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right]{top:-.6875em;left:1.875em;transform:rotate(-45deg);transform-origin:0 3.75em;border-radius:0 7.5em 7.5em 0}.swal2-icon.swal2-success .swal2-success-ring{position:absolute;z-index:2;top:-.25em;left:-.25em;box-sizing:content-box;width:100%;height:100%;border:.25em solid rgba(165,220,134,.3);border-radius:50%}.swal2-icon.swal2-success .swal2-success-fix{position:absolute;z-index:1;top:.5em;left:1.625em;width:.4375em;height:5.625em;transform:rotate(-45deg)}.swal2-icon.swal2-success [class^=swal2-success-line]{display:block;position:absolute;z-index:2;height:.3125em;border-radius:.125em;background-color:#a5dc86}.swal2-icon.swal2-success [class^=swal2-success-line][class$=tip]{top:2.875em;left:.8125em;width:1.5625em;transform:rotate(45deg)}.swal2-icon.swal2-success [class^=swal2-success-line][class$=long]{top:2.375em;right:.5em;width:2.9375em;transform:rotate(-45deg)}.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-tip{-webkit-animation:swal2-animate-success-line-tip .75s;animation:swal2-animate-success-line-tip .75s}.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-long{-webkit-animation:swal2-animate-success-line-long .75s;animation:swal2-animate-success-line-long .75s}.swal2-icon.swal2-success.swal2-icon-show .swal2-success-circular-line-right{-webkit-animation:swal2-rotate-success-circular-line 4.25s ease-in;animation:swal2-rotate-success-circular-line 4.25s ease-in}.swal2-progress-steps{flex-wrap:wrap;align-items:center;max-width:100%;margin:0 0 1.25em;padding:0;background:inherit;font-weight:600}.swal2-progress-steps li{display:inline-block;position:relative}.swal2-progress-steps .swal2-progress-step{z-index:20;flex-shrink:0;width:2em;height:2em;border-radius:2em;background:#2778c4;color:#fff;line-height:2em;text-align:center}.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step{background:#2778c4}.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step{background:#add8e6;color:#fff}.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step-line{background:#add8e6}.swal2-progress-steps .swal2-progress-step-line{z-index:10;flex-shrink:0;width:2.5em;height:.4em;margin:0 -1px;background:#2778c4}[class^=swal2]{-webkit-tap-highlight-color:transparent}.swal2-show{-webkit-animation:swal2-show .3s;animation:swal2-show .3s}.swal2-hide{-webkit-animation:swal2-hide .15s forwards;animation:swal2-hide .15s forwards}.swal2-noanimation{transition:none}.swal2-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}.swal2-rtl .swal2-close{right:auto;left:0}.swal2-rtl .swal2-timer-progress-bar{right:0;left:auto}@supports (-ms-accelerator:true){.swal2-range input{width:100%!important}.swal2-range output{display:none}}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.swal2-range input{width:100%!important}.swal2-range output{display:none}}@-webkit-keyframes swal2-toast-show{0%{transform:translateY(-.625em) rotateZ(2deg)}33%{transform:translateY(0) rotateZ(-2deg)}66%{transform:translateY(.3125em) rotateZ(2deg)}100%{transform:translateY(0) rotateZ(0)}}@keyframes swal2-toast-show{0%{transform:translateY(-.625em) rotateZ(2deg)}33%{transform:translateY(0) rotateZ(-2deg)}66%{transform:translateY(.3125em) rotateZ(2deg)}100%{transform:translateY(0) rotateZ(0)}}@-webkit-keyframes swal2-toast-hide{100%{transform:rotateZ(1deg);opacity:0}}@keyframes swal2-toast-hide{100%{transform:rotateZ(1deg);opacity:0}}@-webkit-keyframes swal2-toast-animate-success-line-tip{0%{top:.5625em;left:.0625em;width:0}54%{top:.125em;left:.125em;width:0}70%{top:.625em;left:-.25em;width:1.625em}84%{top:1.0625em;left:.75em;width:.5em}100%{top:1.125em;left:.1875em;width:.75em}}@keyframes swal2-toast-animate-success-line-tip{0%{top:.5625em;left:.0625em;width:0}54%{top:.125em;left:.125em;width:0}70%{top:.625em;left:-.25em;width:1.625em}84%{top:1.0625em;left:.75em;width:.5em}100%{top:1.125em;left:.1875em;width:.75em}}@-webkit-keyframes swal2-toast-animate-success-line-long{0%{top:1.625em;right:1.375em;width:0}65%{top:1.25em;right:.9375em;width:0}84%{top:.9375em;right:0;width:1.125em}100%{top:.9375em;right:.1875em;width:1.375em}}@keyframes swal2-toast-animate-success-line-long{0%{top:1.625em;right:1.375em;width:0}65%{top:1.25em;right:.9375em;width:0}84%{top:.9375em;right:0;width:1.125em}100%{top:.9375em;right:.1875em;width:1.375em}}@-webkit-keyframes swal2-show{0%{transform:scale(.7)}45%{transform:scale(1.05)}80%{transform:scale(.95)}100%{transform:scale(1)}}@keyframes swal2-show{0%{transform:scale(.7)}45%{transform:scale(1.05)}80%{transform:scale(.95)}100%{transform:scale(1)}}@-webkit-keyframes swal2-hide{0%{transform:scale(1);opacity:1}100%{transform:scale(.5);opacity:0}}@keyframes swal2-hide{0%{transform:scale(1);opacity:1}100%{transform:scale(.5);opacity:0}}@-webkit-keyframes swal2-animate-success-line-tip{0%{top:1.1875em;left:.0625em;width:0}54%{top:1.0625em;left:.125em;width:0}70%{top:2.1875em;left:-.375em;width:3.125em}84%{top:3em;left:1.3125em;width:1.0625em}100%{top:2.8125em;left:.8125em;width:1.5625em}}@keyframes swal2-animate-success-line-tip{0%{top:1.1875em;left:.0625em;width:0}54%{top:1.0625em;left:.125em;width:0}70%{top:2.1875em;left:-.375em;width:3.125em}84%{top:3em;left:1.3125em;width:1.0625em}100%{top:2.8125em;left:.8125em;width:1.5625em}}@-webkit-keyframes swal2-animate-success-line-long{0%{top:3.375em;right:2.875em;width:0}65%{top:3.375em;right:2.875em;width:0}84%{top:2.1875em;right:0;width:3.4375em}100%{top:2.375em;right:.5em;width:2.9375em}}@keyframes swal2-animate-success-line-long{0%{top:3.375em;right:2.875em;width:0}65%{top:3.375em;right:2.875em;width:0}84%{top:2.1875em;right:0;width:3.4375em}100%{top:2.375em;right:.5em;width:2.9375em}}@-webkit-keyframes swal2-rotate-success-circular-line{0%{transform:rotate(-45deg)}5%{transform:rotate(-45deg)}12%{transform:rotate(-405deg)}100%{transform:rotate(-405deg)}}@keyframes swal2-rotate-success-circular-line{0%{transform:rotate(-45deg)}5%{transform:rotate(-45deg)}12%{transform:rotate(-405deg)}100%{transform:rotate(-405deg)}}@-webkit-keyframes swal2-animate-error-x-mark{0%{margin-top:1.625em;transform:scale(.4);opacity:0}50%{margin-top:1.625em;transform:scale(.4);opacity:0}80%{margin-top:-.375em;transform:scale(1.15)}100%{margin-top:0;transform:scale(1);opacity:1}}@keyframes swal2-animate-error-x-mark{0%{margin-top:1.625em;transform:scale(.4);opacity:0}50%{margin-top:1.625em;transform:scale(.4);opacity:0}80%{margin-top:-.375em;transform:scale(1.15)}100%{margin-top:0;transform:scale(1);opacity:1}}@-webkit-keyframes swal2-animate-error-icon{0%{transform:rotateX(100deg);opacity:0}100%{transform:rotateX(0);opacity:1}}@keyframes swal2-animate-error-icon{0%{transform:rotateX(100deg);opacity:0}100%{transform:rotateX(0);opacity:1}}@-webkit-keyframes swal2-rotate-loading{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes swal2-rotate-loading{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown){overflow:hidden}body.swal2-height-auto{height:auto!important}body.swal2-no-backdrop .swal2-container{top:auto;right:auto;bottom:auto;left:auto;max-width:calc(100% - .625em * 2);background-color:transparent!important}body.swal2-no-backdrop .swal2-container>.swal2-modal{box-shadow:0 0 10px rgba(0,0,0,.4)}body.swal2-no-backdrop .swal2-container.swal2-top{top:0;left:50%;transform:translateX(-50%)}body.swal2-no-backdrop .swal2-container.swal2-top-left,body.swal2-no-backdrop .swal2-container.swal2-top-start{top:0;left:0}body.swal2-no-backdrop .swal2-container.swal2-top-end,body.swal2-no-backdrop .swal2-container.swal2-top-right{top:0;right:0}body.swal2-no-backdrop .swal2-container.swal2-center{top:50%;left:50%;transform:translate(-50%,-50%)}body.swal2-no-backdrop .swal2-container.swal2-center-left,body.swal2-no-backdrop .swal2-container.swal2-center-start{top:50%;left:0;transform:translateY(-50%)}body.swal2-no-backdrop .swal2-container.swal2-center-end,body.swal2-no-backdrop .swal2-container.swal2-center-right{top:50%;right:0;transform:translateY(-50%)}body.swal2-no-backdrop .swal2-container.swal2-bottom{bottom:0;left:50%;transform:translateX(-50%)}body.swal2-no-backdrop .swal2-container.swal2-bottom-left,body.swal2-no-backdrop .swal2-container.swal2-bottom-start{bottom:0;left:0}body.swal2-no-backdrop .swal2-container.swal2-bottom-end,body.swal2-no-backdrop .swal2-container.swal2-bottom-right{right:0;bottom:0}@media print{body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown){overflow-y:scroll!important}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown)>[aria-hidden=true]{display:none}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container{position:static!important}}body.swal2-toast-shown .swal2-container{background-color:transparent}body.swal2-toast-shown .swal2-container.swal2-top{top:0;right:auto;bottom:auto;left:50%;transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-top-end,body.swal2-toast-shown .swal2-container.swal2-top-right{top:0;right:0;bottom:auto;left:auto}body.swal2-toast-shown .swal2-container.swal2-top-left,body.swal2-toast-shown .swal2-container.swal2-top-start{top:0;right:auto;bottom:auto;left:0}body.swal2-toast-shown .swal2-container.swal2-center-left,body.swal2-toast-shown .swal2-container.swal2-center-start{top:50%;right:auto;bottom:auto;left:0;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-center{top:50%;right:auto;bottom:auto;left:50%;transform:translate(-50%,-50%)}body.swal2-toast-shown .swal2-container.swal2-center-end,body.swal2-toast-shown .swal2-container.swal2-center-right{top:50%;right:0;bottom:auto;left:auto;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-left,body.swal2-toast-shown .swal2-container.swal2-bottom-start{top:auto;right:auto;bottom:0;left:0}body.swal2-toast-shown .swal2-container.swal2-bottom{top:auto;right:auto;bottom:0;left:50%;transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-end,body.swal2-toast-shown .swal2-container.swal2-bottom-right{top:auto;right:0;bottom:0;left:auto}body.swal2-toast-column .swal2-toast{flex-direction:column;align-items:stretch}body.swal2-toast-column .swal2-toast .swal2-actions{flex:1;align-self:stretch;height:2.2em;margin-top:.3125em}body.swal2-toast-column .swal2-toast .swal2-loading{justify-content:center}body.swal2-toast-column .swal2-toast .swal2-input{height:2em;margin:.3125em auto;font-size:1em}body.swal2-toast-column .swal2-toast .swal2-validation-message{font-size:1em}");</script> <link rel="stylesheet" href="/public/css/magnific-popup.css"> <link rel="stylesheet" href="/public/css/animate.min.css"> <link rel="canonical" href="https://www.avtek.com"> <script async src="https://www.googletagmanager.com/gtag/js?id=G-77D3Y46EPK"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', "G-77D3Y46EPK"); </script> <meta name="google-site-verification" content="Tq4un_Lr0ejdfblGDcTFriPWJX6CJ55CKmqNQgrhbwk" /> <meta name="google-site-verification" content="UOZiZAFPGgL8iul5M8OQwI-E3J56bpbHYQcWqmNC4YQ" /> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/magnific-popup.min.css" integrity="sha512-+EoPw+Fiwh6eSeRK7zwIKG2MA8i3rV/DGa3tdttQGgWyatG/SkncT53KHQaS5Jh9MNOT3dmFL0FjTY08And/Cw==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=AW-332764876"> </script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'AW-332764876'); </script> <!-- Google tag (gtag.js) event --> <script> gtag('event', 'conversion_event_page_view_2', { // <event_parameters> }); </script> <style> /* GENERAL */ @import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); body { font-family: 'Open Sans', sans-serif; overflow: hidden auto; } a{transition: all .3s ease;} a:hover{text-decoration: none;} #mg_page{margin: 0;} .mg_menu_movil, .mg_menu_principal { display: none; } .mg_producto_sku { display: none; } /*--------PRE-LOADER--------*/ #mg_pre-carga::before {content: "";position: fixed;background: url(https://s3.us-east-2.amazonaws.com/mgpanel/964-logo-avtek.png) #f1eff0;background-repeat: no-repeat;background-position: center;width: 100%;height: calc(100% + 80px);z-index: 2001;animation-duration: 1s;animation-name: slidein;animation-iteration-count: infinite;animation-direction: alternate;margin: -50px 0 0;background-size: 80px;} .mg_pre-carga-go::before {opacity: 0;transition: 1s;visibility: hidden;} @keyframes slidein { from { background-size: 200px; } to { background-size: 220px; } } .container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1300px; } .whatsapp-movil {display: flex; flex-direction: column; position: fixed; align-items: center; background: #25d366; border-radius: 50%; color: #fff !important; width: 60px; height: 60px; z-index: 102; bottom: 86px; right: 33px; background-size: 100%; box-shadow: 2px 2px 3px rgba(75, 81, 91, 0.5); justify-content: center; font-size: 26px; padding: 0;text-decoration: none !important;} .whatsapp-movil2 {display: flex; flex-direction: column; position: fixed; align-items: center; background: #25d366; border-radius: 50%; color: #fff !important; width: 60px; height: 60px; z-index: 102; bottom: 170px; right: 33px; background-size: 100%; box-shadow: 2px 2px 3px rgba(75, 81, 91, 0.5); justify-content: center; font-size: 26px; padding: 0;text-decoration: none !important;} .whatsapp-movil, .whatsapp-movil2 i { font-size: 20px; } /*------BOTON PRINCIPAL------*/ .btn-primary {background: #c85d3e;padding: 8px 15px;color: #fff;text-decoration: none;font-size: 15px;font-weight: 500;border: 0;border-radius: 0;} .btn-primary:hover {background-color: #c85d3f;border-color: #c85d3f;} .btn-primary.focus, .btn-primary:focus {background-color: #c85d3f;border-color: #c85d3f;box-shadow: 0 0 0 0.2rem rgb(200 93 63 / 50%);} .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem rgb(200 93 63 / 50%);} .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {background-color: #c85d3f;border-color: #c85d3f;} .btn-primary.disabled, .btn-primary:disabled {background-color: #c85d3f;border-color: #c85d3f;} .btn-secondary {background: transparent;padding: 8px 15px;color: #fff;text-decoration: none;font-size: 15px;font-weight: 500;border: 2px solid #fff;border-radius: 0;min-width: 180px;text-align: center;} .btn-secondary:hover {background-color: #c85d3f;border-color: #c85d3f;} /*-------ESTILOS POP UP-------*/ .popud {width: 100%;height: 100vh;background: rgba(0,0,0,0.8);position: fixed;top: 0;left: 0;display: flex;animation: popud 1s 2s forwards;visibility: hidden;opacity: 0;z-index: 1778;} .popud .contenido-pop { margin: auto; width: 50vw; height: initial; border-radius: 4px; box-shadow: 0 0 10px #232323; position: relative; } .popud .contenido-pop a {background: #fff;display: block;margin: 0;padding: 15px 0;text-align: center;font-size: 21px;color: #c85d3f;font-weight: 700;text-transform: uppercase;transition: 0.3s; } .popud .contenido-pop iframe { width: 100%;height: 400px;} .popud .contenido-pop a:hover, .popud .contenido-pop a:focus { color: #c85d3f !important; } #cerrarPopud { display: none; } #cerrarPopud + label {position: absolute;display: flex;z-index: 1800;background: #c85d3f;color: white;width: 50px;height: 50px;border-radius: 50%;right: -25px;top: -25px;cursor: pointer;animation: popud 1s 2s forwards;visibility: hidden;opacity: 0;align-items: center;justify-content: center;font-size: 21px;margin: 0;} #cerrarPopud:checked + label, #cerrarPopud:checked ~ .popud { display: none;} @keyframes popud { 100% { visibility: visible; opacity: 1; } } .popud .carousel-indicators { display: none;} .popud .carousel-control-next, .carousel-control-prev { display: none;} /* HEADER #header { background-color: #232323; color: #fff; padding: 10px 0; } #header .col-md-4 span { font-size: 27px; } .navbar { padding: 0; } .nav-link { color: rgb(255 255 255) !important; padding-bottom: 10px; } .submenu { position: relative; } .submenu > a { color: rgba(0,0,0,.75); font-size: 12px; font-weight: 500; text-decoration: none; } .dropdown-item.active, .dropdown-item:active { color: #000; background-color: #f8f9fa; } .submenu .dropdown-menu { display: none; } .submenu:hover .nav-link { color: #fff; } .submenu:hover .dropdown-menu{ display: block; } .submenu .dropdown-menu{ margin-top:0; } .dropdown-toggl::after { display: inline-block; width: 0; height: 0; margin-left: 10px; vertical-align: 3px; content: ""; border-top: 4px solid; border-right: 4px solid transparent; border-bottom: 0; border-left: 4px solid transparent; } /* BANNER #banner { padding:100px 0px; } /* FOOTER #footer { background-color: #232323; padding: 100px 0 20px; color: #fff; } #footer .col-md-12{ padding-top: 50px; text-align: center; } #footer a { color:#959595 !important; } .ftco-footer-social { margin: 12px 0 0; } .ftco-footer-social a { margin: 0px 15px 0px 0px; font-size: 21px; } */ /* CONTENIDOS */ .mg_banner_content, .mg_banner_categoria_blog { background-size: cover !important; } #content { padding: 100px 15px; } /*--- COLORES ---*/ /*--- Naranja = #c85d3e --- rgba(200,93,62,1.0) Gris letras = #9b9b9b --- rgba(155,155,155,1.0) Negro Azulado = #212c3c --- rgba(33,44,60,1.0) Azul Letras = #3f6cab --- rgba(63,108,171,1.0) Azul oscuro fondo = #1f2e43 --- rgba(31,46,67,1.0) /*--- GENERAL ---*/ h2.titleSec {font-weight: 700; color: #212c3c; margin-bottom: 20px;font-size: 36px;} /*--- HEADER ---*/ .header {position: relative; z-index: 1000;} .headSup {padding-top: 15px; padding-left: 20px;} .headContact a{font-size: 14px; display: flex; color: rgba(31,46,67,.8); text-decoration: none;} .headMail a {font-size: 14px; display: flex; color:#fff; text-decoration: none;} .headContact a span, .headMail a span {margin-right: 10px;} .col-md-3.headContact { padding-left: 0; margin: 5px 0 0 0; } .col-md-3.headContact a { color: #0e6caf; } /* .fa-phone { transform: rotate(90deg); } */ .headRedes { margin: 0px 0 0 0; } .headMail, .headRedes, .headBuscador {display: flex; justify-content: center;} .headRedes a {color: #fff; font-size: 20px; margin: 0 10px;} a.headBuscBtm {background: #c85d3e; padding: 8px 20px; color: #fff; text-decoration: none; font-size: 14px; font-weight: 500; position: relative;} a.headBuscBtm:hover{color: #c85d3e;background: #fff;} .col-md-3.headBuscador { margin: -6px 0 6px 0; padding: 0; } .headMail { margin: 5px 0% 0 0; } .headInf {padding-top: 3%;} .headLogo{display: flex;justify-content: center;align-items: center;} .headLogo a img {width: 85%;} nav.navbar.navbar-expand-lg.navbar-light.bg-light {background: transparent !important;} ul.navbar-nav.ml-auto {display: none;} .header a.nav-link { font-size: 16px; padding: 0 20px 10px !important; font-weight: 600; } a.nav-link.inicioNaranja { color: #fff !important; font-weight: 700; } .headInf .col-md-9 {display: flex;justify-content: flex-end;align-items: center;} span.headVerical { width: 1px; height: 80%; position: absolute; background: #3f6cab; right: -20px; margin: -5px 0 0 0; } .headRedes span.headVerical { right: 35px; display: none; } .header span.LogoNaranj {position: absolute; height: 4px; width: 75%; background: #c85d3e; display: flex; left: -50%; top: 120%;} .header .navbar-nav {width: 900px !important;} /*--- HEADER SECUNDARIO ---*/ .header.headerSec { background: #0e6caf; padding-bottom: 40px; } .headerSec .headContact a {color: #fff;} .headContact p { margin-bottom: 0; } /*--- HEADER NUEVO ---*/ .newHeader .col-md-9{margin-left: 0;justify-content: flex-end;padding-right: 0;} .newHeader ul { display: flex; padding-left: 0; margin-bottom: 0; list-style: none; }.newHeader nav.navbar > ul { align-items: center; text-align: center; } .newHeader a{transition: all .2s ease;} .newHeader a:hover{text-decoration: none;color: #c85d3e;} .newHeader li { position: relative; transition: all .2s ease; } .newHeader nav.navbar{padding: 0;} .newHeader nav > ul li a { display: inline-block; padding: 8px 14px; color: #fff; font-weight: 600; } .newHeader nav > ul > li:last-child a { margin-left: 10px; } .newHeader li ul { flex-direction: column; position: absolute; left: 0; top: 100%; width: 100%; min-width: 260px; background: #fff; display: none; opacity: 0; transition: all .2s ease; text-align: left; } .newHeader li:hover ul { display: flex; opacity: 1; } .newHeader li ul li a { color: #3f6cab; width: 100%; border-bottom: 1px solid #eee; border-left: 1px solid #eee; } #mg_close-buscador { display: none; } .mg_buscador_productos { width: 100%; position: relative; } .mg_buscador_productos input { width: 100%; padding: 10px; border-radius: 4px; border: 0; outline-color: #4566ab; } #mg_busqueda_resultado { position: absolute; background: rgb(255, 255, 255); width: 100%; margin: 2px 0px 0px; border-radius: 4px; overflow: hidden auto; max-height: 500px; padding: 5px 10px 10px; z-index: 7; display: none; box-shadow: 0px 5px 20px 0px rgb(0 0 0 / 50%); } #mg_busqueda_resultado ul { display: flex; flex-direction: column; position: relative; } #mg_busqueda_resultado ul li { padding: 5px 0; border-bottom: 1px solid #f4f5f6; } #mg_busqueda_resultado ul li a { display: flex; align-items: center; justify-content: flex-start; color: #4566ab; } #mg_busqueda_resultado ul li a span { font-size: 14px; width: calc(100% - 80px); } #mg_busqueda_resultado ul li a div { width: 70px; height: 70px; border-radius: 4px; border: 1px solid #f4f5f6; padding: 5px; margin: 0 10px 0 0; } #mg_busqueda_resultado ul li a div img { width: 100%; height: 100%; object-position: center; object-fit: cover; } #mg_busqueda_resultado .mg_sin_resultados small { display: block; } /*--- BANNER ---*/ .banner { margin-top: -200px; position: relative; } /*--- .banner:before{background-image: url(https://s3.us-east-2.amazonaws.com/mgpanel/165-bannerbefore.png); background-size: cover; background-position: center; background-repeat: no-repeat; content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 100;} ---*/ .carousel-caption.d-none.d-md-block { bottom: auto; top: 35%; width: 45%; left: 39%; text-align: left; display: none; } .carousel-caption h1 { font-weight: 700; font-size: 48px; margin-bottom: 0px; } .carousel-caption p{display: block;margin:15px 0;} .bannerBtm { background: #c85d3e; padding: 8px 16px; color: #fff; text-decoration: none; font-size: 16px; font-weight: 600; z-index: 1; position: relative; display: inline-block; } .bannerBtm:hover{ background: #fff; color: #c85d3e; } .bannerInfo1 {display: flex; justify-content: center;} .bannerInfo1 p:first-child {font-size: 27px; font-weight: 700; color: #ffffff; text-align: end; margin-right: 3%; line-height: 1; display: flex;} span.bannerLinea { width: 1px; height: 15%; position: absolute; background: #fff; top: 1%; } .bannerInfo p {font-size: 16px; width: 9%; text-align: initial;} .bannerTitle {display: flex; align-items: center; flex-direction: column;} .bannerTitle h1 {font-size: 54px; width: 35%; font-weight: 700; text-align: end; margin-right: 15%; line-height: 1; margin-bottom: 35px;} .bannerTitle p { margin-right: 15%; width: 35%; text-align: right; } .bannerTitle p strong { color: #ffffff; } a.btmBanner { background: transparent; padding: 8px 20px; color: #fff; text-decoration: none; font-size: 13px; font-weight: 500; letter-spacing: 4px; border: solid 1px; position: relative; right: initial; top: initial; margin: 20px 0 0 8.5%; } /*--- ELEGIRNOS ---*/ .elegirnos { padding: 80px 0 120px; } img.img-fluid.elegirnosImg1 { position: absolute; width: 80%; z-index: 500; top: 200px; left: 15px;} img.img-fluid.elegirnosImg2 { position: absolute; width: 55%; z-index: 1000; right: -30px; top: 315px; box-shadow: 0px 0px 10px rgb(0 0 0 / 30%); border: 10px solid #fff; } img.img-fluid.elegirnosImg3 {position: absolute; width: 80%; z-index: 100; top: 165px; left: 50px;} .col-md-8.row.elegirnosInfo {display: flex; align-items: center; margin: 2% 0 0; padding-left: 10%;} .col-md-4.elegirnosInfoImg {padding: 0;} .col-md-4.elegirnosInfoImg img {width: 220px;} span.lineaNaranjVert {width: 5px; height: 100%; position: absolute; background: #c85d3e; right: -20px;} .col-md-8.elegirnosInfoTitle {padding-left: 40px;} .col-md-8.elegirnosInfoTitle p {font-size: 14px; font-weight: 700; color: rgba(155,155,155,.6); margin: 0;} .col-md-8.row.elegirnosInfo p strong {color: #9b9b9b; font-size: 22px;} .elegirnosInfoP {margin-top: 24px;} .elegirnosInfoP p {color: #9b9b9b; margin-bottom: 25px; font-size: 17px;} .elegirnosInfoTitle h2.titleSec {width: 110%;} ul.elegirnosUl li {color: #9b9b9b; margin-bottom: 10px; font-size: 17px;} /*--- SELECCIONAR ---*/ .seleccionar{text-align: center; padding: 70px 0; background-image: url(https://s3.us-east-2.amazonaws.com/mgpanel/238-fondo-servicios.jpg); background-size: cover; background-position: center; background-repeat: no-repeat;position: relative;} .seleccionar:before {content: ''; background: rgba(255,255,255,.9); position: absolute; top: 0; left: 0; height: 100%; width: 100%;} .seleccionarNaranjP {color: #c85d3e !important; font-size: 15px; margin-bottom: 0 !important; font-weight: 500 !important;} .col-md-12.seleccionarInfo h2 {margin: 0 auto; width: 50%; margin-bottom: 15px;} span.lineaNaranja {height: 4px; width: 70px; background: #c85d3e; display: flex; margin: 0 auto; margin-bottom: 15px; } .seleccionarCard.col-md-4 {padding: 10px;} .col-md-12.seleccionarInfo p {width: 70%; margin: 0 auto; margin-bottom: 35px; color: rgba(0,0,0,.6);} .seleccionarCardInfo{background: #fff;} .seleccionarCardInfo a{text-decoration: none;} .seleccionarCardInfo a p {color: #3f6cab; font-size: 21px; font-weight: 700; padding-top: 20px;line-height: normal;} .seleccionarCardInfo p {padding: 0 30px; font-size: 15px; color: #9b9b9b; margin-bottom: 30px;} a.btm.seleccionarInfo {background: #c85d3e; padding: 8px 15px; color: #fff; text-decoration: none; font-size: 15px; font-weight: 500;display: block; margin: 0 0 15px;} /*--- CAUSAS Y EFECTOS ---*/ .causas .seleccionarNaranjP { font-weight: 700 !important; color: #fff !important; } .causas { padding-top: 80px; background: #0e6caf; color: #fff; } .causasTitle {margin: 0 auto 30px;display: flex;justify-content: space-between;align-items: center;} .causas h2.titleSec {color: #fff; margin-top: 10px;} .causas span.lineaNaranja{margin: 15px 0;} .causasTitle p { color: #ffffff; font-weight: 700; margin-bottom: 25px; } .causasTitle a.btn-primary{min-width: 180px;text-align: center;} .causasTitle a.btn-primary:hover{background: #fff;color: #c85d3e;} .causasImg { max-height: 120px; overflow: hidden; width: 100%; margin-bottom: 20px; border-radius: 4px; border-top-right-radius: 40px; } .causasImg a img{transition: all .3s ease;} .causasImg a:hover img{transform: scale(1.1);} .causasInfo{padding: 20px;} .causasInfo h3{font-size: 24px;font-weight: 700;} .causasInfo h3 a{color: #fff;} .causasInfo h3 a:hover{opacity: .8;} .causasInfo p {margin-bottom: 30px;} a.btm.causasBtm { background: #c85d3f; padding: 8px 15px; color: #fff; text-decoration: none; font-size: 14px; font-weight: 500; letter-spacing: 2px; z-index: 9; position: relative; } a.btm.causasBtm:hover{ background: #fff; color: #c85d3e; } /*--- SERVICIOS ---*/ .servicios{text-align: center; padding: 80px 0; background-image: url(https://s3.us-east-2.amazonaws.com/mgpanel/570-fondo-servicios2.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; height: 500px; position: relative;} .servicios:after { content: ''; position: absolute; background: linear-gradient(to bottom, #0e6caf, transparent); top: 0; left: 0; height: 100%; width: 100%; } .servicios .container {padding: 0;} .servicios .col-md-3 {position: relative; z-index: 10; color: #fff; padding: 0 10px;} .servicios .col-md-3 img {width: 100px;height: 100px; margin-bottom: 20px;} .servicios h5 {font-size: 17px; font-weight: 600; margin-bottom: 25px;} .servicios p {font-size: 14px;} /*--- CONTACTO ---*/ .contacto{background: #f6f6f7; position: relative; height: 600px;} .contactoTarjeta {background: #fff; position: absolute; height: 600px; top: -100px; box-shadow: 0px 0px 10px rgb(0 0 0 / 30%);} .col-md-6.contactoForm {padding: 50px; height: 600px; padding-top: 80px;} .col-md-6.contactoImg {background-image: url(https://s3.us-east-2.amazonaws.com/mgpanel/454-contacto1-XmH.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; height: 600px;} .col-md-6.contactoImg:after {content: ''; position: absolute; background: linear-gradient(to top, #3f6cab, transparent 50%); top: 0; left: 0; height: 100%; width: 100%;} .contacto .row {justify-content: center; margin: 0 auto;} .col-md-6.contactoForm p {font-size: 15px; font-weight: 700; margin-bottom: 10px; color: #9b9b9b;} .contactoForm h2.titleSec {font-size: 30px; font-weight: 700; margin-bottom: 40px;} .contactoImgH3 h3 { margin-top: 80% !important; font-size: 38px; width: 80%; margin: 0 auto; text-align: center; color: #fff; position: relative; z-index: 10; font-weight: 400; } .contacto .mg_FORM0002 { width: 100%; margin: 0 auto; } .contacto .form-group.col-md-12:nth-child(n+5) {flex: 0 0 100%;} .contacto .form-group.col-md-12 label {display: none;} .contacto .form-control:focus {box-shadow: none; border: none; background: rgba(155,155,155,.1);} .contacto .form-control {background: rgba(155,155,155,.1); border-radius: 0; border: none;} .contacto button.mg_btn-accion.btn.btn-primary {background: #c85d3e; padding: 10px 75px; color: #fff; text-decoration: none; font-size: 18px; font-weight: 600; letter-spacing: 3px; border: none; text-transform: uppercase; border-radius: 0;} .contacto button.mg_btn-accion.btn.btn-primary:focus {box-shadow: none;} /*--- INFO ADICIONAL ---*/ .infoAdicional{height: 150px;display: flex; align-items: center; position: relative;} .infoAdicional:before{content: ''; background: rgba(200,93,62,.8); position: absolute; top: 0; left: 0; height: 100%; width: 100%;} .infoAdicional .container {display: flex; justify-content: center;} .infoAdTitle h2 {position: relative; color: #fff; font-weight: 400;width: 115%; margin: 0;} /*--- FOOTER ---*/ .footer { background-image: url(https://s3.us-east-2.amazonaws.com/mgpanel/307-footerfondo.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; height: initial; color: #fff; padding: 80px 0px 20px; margin: 0 0 -1px; } .footer img.img-fluid {width: 60%;} .footer .col-md-6 p { width: 85%; margin: 20px 0 40px; color: #ffffff; } .footer .col-md-6 ul {padding: 0 20px;} .footer .col-md-6 ul li { padding: 10px 0; font-weight: 500; color: rgb(255 255 255); } .footer .col-md-3 h4 { font-size: 27px; color: #c85d3e; font-weight: 700; margin-bottom: 50px; } .footerLinksUl {display: flex;flex-wrap: wrap;} .footerLinksUl ul:first-child {padding: 0;width: 50%;} .footerLinksUl ul li { margin-bottom: 25px; } .footerLinksUl ul {list-style: none;} .footerLinksUl ul li a { text-decoration: none; color: #fff; display: flex; align-items: center; } .footerLinksUl ul li a span { font-size: 10px; margin-right: 8px; } .footer .col-md-3 {padding: 0;} .col-md-3.footerContact {padding-left: 8%;} .footerLlamanos h3 { font-size: 19px; margin: 0 0 20px; color: #c85d3e; font-weight: 400; } .footerLlamanos a { display: inline; } .footerMail { display: inline-flex; } .footerMail a, .footerLlamanos a{color: #fff;} .footerLlamanos a span {margin-right: 10px;color: #c85d3e;text-decoration: none;font-weight: 400;} .footerMail a span {margin-right: 10px;color: #c85d3e;text-decoration: none;font-weight: 400;} .footerMail a:hover, .footerLlamanos a:hover{color: #c85d3e;} .footerRedes {margin-top: 45px;} .footerRedes a { text-decoration: none; color: #fff; font-size: 20px; } .footerRedes a span { padding: 0 20px 0 0; } .foot { background: #0e6caf; padding: 20px 0; } .foot p {margin-bottom: 0; font-size: 14px; text-align: center; color: #fff;} .foot p strong{color: #fff;} .foot p a {text-decoration: none;} .mg_scroll-to-top {background-color: #c85d3e !important;} /*--- CONTACTO 2 ---*/ .contactoContent { padding: 80px 25%; } .contactoContent .form-control:focus {box-shadow: none; border: none; background: rgba(155,155,155,.1);} .contactoContent .form-control {background: rgba(155,155,155,.1); border-radius: 0; border: none;} .contactoContent button.mg_btn-accion.btn.btn-primary {background: #c85d3e; padding: 10px 75px; color: #fff; text-decoration: none; font-size: 18px; font-weight: 600; letter-spacing: 3px; border: none; text-transform: uppercase; border-radius: 0; display: flex; margin: 0 auto;} .contactoContent button.mg_btn-accion.btn.btn-primary:focus {box-shadow: none;} .contactoContent h2.titleSec.contactoCont {text-align: center;} /*----CONTENIDOS NUEVOS----*/ .main-product-body {padding: 70px 0;color: #444;} .main-product-body h1 { font-weight: 700; font-size: 48px; margin-bottom: 20px; color: #0e6caf; } .main-product-body h2 { font-weight: 700; margin: 40px 0 20px; font-size: 34px; color: #0e6caf; position: relative; } .main-product-body h3 { font-weight: 700; margin: 40px 0 20px; font-size: 28px; color: #0e6caf; } .main-product-body h4 { font-weight: 700; font-size: 24px; margin: 25px 0 15px; color: #333; position: relative; padding-left: 20px; } .main-product-body .col-md-9 h4:before { content: ''; position: absolute; top: 10px; left: 0; width: 8px; height: 8px; background: #c85d3e; } .main-product h5 { font-weight: 700; margin-bottom: 15px; } .main-product-body section p a{font-weight: 600;color: #c85d3e;border-bottom: 1px solid;} .main-product-body figure{ margin: 30px 0 0; } .main-product-body figcaption{ font-size: 14px; color: #333;margin-top: 5px; } .menu-content { padding: 30px 20px; border-radius: 4px; background: #fafafa; border: 1px solid #eee; } .menu-content h4 { margin-top: 0; padding-left: 0px; color: #c85d3e; } .menu-content ul { padding-left: 0px; list-style: none; margin-bottom: 0; } .menu-content ul li a { margin-bottom: 10px; display: block; color: #0e6caf; } .main-product a.btn-primary{margin-top: 15px;display: inline-block;} /*--- SOMOS AVTEK ---*/ .somos {padding: 100px 0;} .somosImg.col-md-6 {display: flex; justify-content: center; align-items: center;} .somosImg img.img-fluid {width: 70%;} .col-md-6.somosInfo {display: flex; flex-direction: column; justify-content: center; padding-left: 5%;} .somos span.lineaNaranja {margin: 0; margin-bottom: 15px;} .somos p {font-size: 15px; color: #9b9b9b;} .somosTitle{margin-top: 80px; text-align: center;} .somosTitle span.lineaNaranja {margin: 0 auto; margin-bottom: 15px;} .somosTitle p {width: 90%; margin: 0 auto; margin-top: 30px;} .col-md-6.somosInfo p {font-size: 16px;} /*--- TIENDA ---*/ .volver { position: fixed; left: 0; z-index: 1; } .volver a { margin: 0 0 0; background: #c85d3e; padding: 15px 20px; color: #fff; text-decoration: none; font-size: 14px; font-weight: 500; position: relative; } .mg_producto_todo > p { font-weight: bold; } .mg_producto_todo > h1 { font-weight: bold; } #mg_producto_contenido_data h2, #mg_producto_contenido_data h3, #mg_producto_contenido_data h4 { font-weight: bold; } .mg_banner_categoria_tienda { background: url(https://s3.us-east-2.amazonaws.com/mgpanel/307-footerfondo.jpg); background-size: 100%; background-attachment: fixed; background-position: top; } .mg_banner_categoria_tienda::before { content: ""; } .mg_banner_categoria_tienda h1 { text-transform: initial; font-size: 52px; font-weight: 700; color: #fff; text-align: center; padding: 70px 0; margin: 0 0; display: none; } .mg_producto_img { height: 250px; padding: 10px; } .mg_producto_img img { width: 100%; height: 100%; object-fit: contain; object-position: center; } .mg_producto_title { display: block; color: #3f6cab; font-size: 16px; font-weight: 700; text-decoration: none !important; line-height: 1.4; margin: 0 0 10px; min-height: 90px; } .mg_productos > article { margin: 1% 1% 20px; padding: 25px 20px; width: 31.33%; box-shadow: 0px 0px 10px rgb(0 0 0 / 2%); border: 1px solid #ddd; border-radius: 4px; } .mg_producto_content { text-align: left; } .mg_principal_producto { box-shadow: 0px 0px 10px rgb(0 0 0 / 3%); padding: 50px; margin-bottom: 50px; border: 1px solid #ddd; border-radius: 4px; } .mg_related_productos > h2, .mg_vistos_productos > h2 { font-weight: 700; } .mg_principal_producto > div:first-child { flex: 0 0 40%; } .mg_principal_producto > div:last-child { max-width: 60%; flex: 0 0 60%; } .mg_producto_portada { padding: 0 25px 0 0; } .mg_producto_todo { border-left: 1px solid #ddd; padding: 0 0 0 65px; } .mg_producto_categorias { margin: 0 0 10px; } .mg_producto_categorias a { background: #c85d3f; padding: 2px 8px; font-size: 14px; text-decoration: none; color: #fff; display: inline-block; margin: 0 0 5px; } .mg_producto_contenido_data { border-top: 1px solid rgb(0 0 0 / 30%); padding: 20px 0 0; margin: 20px 0 0; } .mg_related_productos, .mg_vistos_productos { margin: 20px 0; } #mg_producto_contenido_data a { background: #c85d3e; padding: 8px 15px; color: #fff; text-decoration: none; font-size: 15px; font-weight: 500; border: 0; border-radius: 0; margin: 0 0 5px; display: inline-block; } .mg_related_productos article, .mg_vistos_productos article { width: 31.33%; margin: 30px 1% 40px; padding: 25px 20px; box-shadow: 0px 0px 10px rgb(0 0 0 / 3%); border: 1px solid #ddd; border-radius: 4px; } .mg_related_productos > article:nth-child(n+8), .mg_vistos_productos > article:nth-child(n+8) { display: none; } /*--- BLOG ---*/ .mg_banner_categoria_blog::before { content: ''; background: rgb(14 53 84 / 75%); position: absolute; width: 100%; height: 100%; } .mg_principal_post { margin: 50px 5%; } .mg_post_portada {text-align: center;} .mg_post_portada img {width: 70%;} .mg_post_todo { width: 70%; margin: 30px auto; } .mg_vista_post { padding: 0px 10% 10px; } .mg_post_categorias a {background: #c85d3e; padding: 5px 10px; color: #fff; text-decoration: none; font-size: 14px; font-weight: 500;position: relative;} .mg_post_more {margin-top: 5px; color: #9b9b9b;} .mg_post_todo h1 {font-weight: 700; color: #212c3c; margin-bottom: 20px;} .mg_post_todo p{color: #9b9b9b;} .mg_post_img img { height: 200px; } .mg_post_content .mg_post_categorias {display: none;} .mg_lateral_post { display: flex; margin: 80px; text-align: center; } .mg_posts article, .mg_lateral_post article { flex: 0 0 31.33%; display: flex; flex-direction: column; align-items: center; margin: 0 1% 30px; } .mg_post_content { padding: 10px 0 0; width: 100%; } a.mg_post_title { font-weight: 700; color: #212c3c !important; font-size: 18px; text-decoration: none; line-height: 1; } .mg_post_content p {display: none;} .mg_post_content a.mg_btn-accion.btn.btn-primary {background: #c85d3e; padding: 5px 10px; color: #fff; text-decoration: none; font-size: 14px; font-weight: 500; position: relative; border: none;} .mg_post_content a.mg_btn-accion.btn.btn-primary:focus{border: none; box-shadow: none;} .mg_posts { margin: 60px auto 30px; text-align: center; } .mg_banner_categoria_blog { background-image: url(https://s3.us-east-2.amazonaws.com/mgpanel/36-contactarimg.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; background-attachment: fixed; } .mg_banner_content h1, .mg_banner_categoria_blog h1 { text-transform: capitalize; padding: 50px 0; display: flex; align-items: center; justify-content: center; color: #fff; position: relative; } /*--- INFORMACIÓN COMERCIAL ---*/ .infoComercial { padding: 60px 0px 70px; background: #f6f6f7; } .infoComercial h2.titleSec { text-align: center; padding-top: 20px; } .infoComercial span.lineaNaranja {margin-bottom: 30px;} .infoComercialInfo p {width: 65%; margin: 0 auto 20px; text-align: center;} .col-md-12.infoComercialImg img { box-shadow: 0px 0px 10px rgb(0 0 0 / 30%); margin: 0 auto; display: block; } .infoComercialInfo a {background: #c85d3e; padding: 8px 20px; color: #fff; text-decoration: none; font-size: 14px; font-weight: 500;} .infoComercialInfo {text-align: center;} .col-md-12.infoComercialImg {margin-top: 40px;} .infoDistribuidores{ padding-top: 60px; } .infoDistribuidores > h2{margin-bottom: 10px;} .infoDistribuidores > p {width: 65%; margin: 0 auto 40px; text-align: center;} .infoDistribuidores .col-md-6 { padding: 0 30px; margin-bottom: 40px; } .infoDistribuidores .col-md-6:nth-child(2n - 1){ border-right: 1px solid #fff; } .infoDistribuidores h3 { margin-bottom: 25px; font-weight: 600; padding-left: 30px; position: relative; } .infoDistribuidores h3:before{ content: ''; position: absolute; top: 12px; width: 10px; height: 10px; background: #c85d3f; left: 0; } .distribPais { display: flex; flex-wrap: wrap; justify-content: space-between; } .distribPais div { display: flex; justify-content: flex-start; align-items: center; width: calc(50% - 7.5px); margin-bottom: 15px; background: #fff; } .distribPais div img { width: 60px; height: 60px; object-fit: contain; border-radius: 4px; background: #fff; } .distribPais div p { margin-bottom: 0; margin-left: 15px; font-weight: 600; } /*--- SOLUCIONES ---*/ .solucionesProdInfo.col-md-12 {text-align: center; margin-bottom: 20px;} .solucionesProd {background: #f6f6f7; padding: 100px 0;} .solucionesCard .seleccionarCardInfo { text-align: center; padding: 20px 20px 30px; height: auto; box-shadow: 0px 0px 10px rgb(0 0 0 / 3%); min-height: 270px; display: flex; align-items: center; justify-content: center; flex-direction: column; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border: 1px solid #ddd; } .solucionesCard .seleccionarCardInfo a{margin: 0 0 0;} .mg_content_categoria-de-producto .solucionesCard .seleccionarCardInfo { min-height: 170px; } .seleccionarCardImg { box-shadow: 0px 0px 10px rgb(0 0 0 / 3%); border-top-left-radius: 4px; border-top-right-radius: 4px; overflow: hidden; border: 1px solid #ddd; border-bottom: 0px; } .solucionesCard .seleccionarCardInfo h4 {font-weight: 700; color: #212c3c; margin-bottom: 20px;} .solucionesCard .seleccionarCardInfo p{margin-bottom: 20px;} .solucionesCard.seleccionarCard.col-md-4 {padding: 25px;} .solucionesCard .seleccionarCardInfo img { width: 61px !important; margin: 10px 0 20px; } .seleccionarCardImg img { width: 100%; min-height: 375px; } .solucionesCard iframe { width: 100%; height: 320px; } .solucionesCardIFRAME .seleccionarCardInfo { padding: 20px 20px 2px; min-height: 100px; margin-bottom: 35px; } .solucionesCardCATALOGO { margin: 15px 0; } .solucionesCardCATALOGO .seleccionarCardInfo { min-height: 200px; padding: 20px 20px 20px; background: #fff; } .solucionesCardCATALOGO .seleccionarCardInfo h4 { font-size: 1.1rem; line-height: 1.4; } .mg_agotado { display: none; } #mientras { display: flex; align-items: center; justify-content: center; flex-direction: column; width: 100%; height: 100%; text-align: center; } #mientras img { height: 120px; } #mientras span { font-size: 27px; font-weight: bold; margin: 30px 0 50px; } .mg_galeria { display: flex; flex-wrap: wrap; } .mg_galeria a { width: 48%; border: 1px solid rgba(0,0,0,.05); height: 150px; margin: 0 1% 9px; border-radius: 0; object-position: center; object-fit: cover; } .mg_galeria a img { height: 100%; width: 100%; object-position: center; object-fit: contain; border-radius: 0; padding: 10px; } .mg_related_productos { display: none; } .mg_price, .btns-producto { display: none; } #mg_magnifying-glass_buscador { display: none; } .solucionesCard .seleccionarCardInfo a { margin: 10px 0 0; } .mg_onstock { display: none; } /* v2 */ :root { --v2color-primary:#3F6CAB; --v2color-primary-2:#29528B; --v2color-secondary:#EF714D; --v2color-thrid: #4F83CB; --v2color-black:#525252; --v2color-white:#F3F3F3; --v2color-gray:#DBDBDB; } .v2 body { font-family: "Poppins", sans-serif; font-weight: 300; color: var(--v2color-black); letter-spacing: 0; font-size: 16px; line-height: 1.6; } .v2 h1, .v2 h2, .v2 h3, .v2 h4, .v2 h5, .v2 h6 { font-family: "Poppins", sans-serif; font-weight: 700; } .v2 p { margin-bottom: 25px; } .v2 p b { font-weight: 600; } .v2 strong b { font-weight: 700; } .v2 .btn { background: var(--v2color-primary); border-radius: 50px; color: var(--v2color-white); font-weight: 600 !important; font-size: 16px; padding: 12px 25px !important; transition: 0.3s; display: flex; align-items: center; justify-content: flex-start; width: fit-content; border: 0; } .v2 .btn i { font-size: 32px; margin: 0 0 0 20px; } .v2 .btn:hover { background: var(--v2color-primary-2) !important; color: white !important; } .v2 .btn-primary { background: var(--v2color-secondary) !important; color: white !important; } .v2 .btn-white { background: white !important; color: var(--v2color-secondary) !important; } .v2 .btn-i { padding: 10px 10px 10px 25px !important; } .v2 .btn-i picture { align-items: center; width: 40px; height: 40px; background: white; border-radius: 50%; display: flex; padding: 5px; margin-left: 12px; justify-content: center; } .v2 .btn-i picture img { width: 100%; height: 100%; object-position: center; object-fit: contain; } .v2 .btn-i picture i { font-size: 21px; margin: 0; color: var(--v2color-secondary); } .v2 .btn-primary:hover { background: linear-gradient(45deg, var(--color-third), var(--color-third)); color: var(--color-light-100); } .v2 .btn-primary:focus { color: var(--color-light-100); } .v2 .btn-secondary { background: white !important; color: var(--color-secondary) !important; font-weight: bold; } .v2 .btn-secondary:hover { background: white !important; color: var(--color-third) !important; } .v2 .btn-secondary:focus { color: var(--color-third) !important; } .v2 .ST { letter-spacing: 2px; text-transform: uppercase; margin-bottom: 10px; } .v2 .T-2 { font-size: 42px; margin: 0 0 30px; line-height: 1.2; color: var(--v2color-primary); text-transform: uppercase; } .v2 .T-3 { font-size: 36px; margin: 0 0 30px; line-height: 1.2; color: var(--v2color-primary); text-transform: initial; } .v2 .T-3::before { display: none; } .v2 .T-4 { font-size: 32px; color: var(--color-secondary); margin: 0 0 10px; line-height: 1.2; } .v2 .T-SPAN { font-size: 16px; margin: 0 0 15px; line-height: 1.2; color: var(--v2color-secondary); text-transform: uppercase; font-weight: 500; display: block; letter-spacing: 2px; } .v2 .mark, .v2 mark { padding: 5px 10px; background-color: var(--color-secondary); color: white; display: block; } .v2 .bg-light-100 { background: var(--color-light-100) !important; } .v2 .bg-light-300 { background: var(--color-light-300) !important; } .v2 .color-secondary { color: var(--color-secondary); } .v2 #mg_pre-carga::before { content: ""; position: fixed; background: url(https://s3.us-east-2.amazonaws.com/mgpanel/faviconw-1739886386644_8921.png) var(--v2color-primary-2); background-size: 100px; background-repeat: no-repeat; background-position: center; width: 100%; height: 100%; z-index: 2001; animation-duration: 1s; animation-name: slideinV2; animation-iteration-count: infinite; animation-direction: alternate; top: 0; margin: 0; } @keyframes slideinV2 { from { background-size: 100px; } to { background-size: 120px; } } .v2 .container{ max-width: 1320px; } /* HEADER */ .v2 #header { position: relative; z-index: 102; padding: 0px 0; background: var(--v2color-primary-2); } .v2 #header .row { align-items: center; } .v2 #header .container { position: relative; z-index: 1; } .v2 #header .col-3 img { height: 50px; } .v2 #header .col-9 { display: flex; flex-direction: column; align-items: flex-end; } .v2 #header .col-9 div { display: flex; background: linear-gradient(270deg, var(--v2color-primary), var(--v2color-primary-2)); font-size: 14px; padding: 15px 0; position: relative; width: 100%; justify-content: flex-end; } .v2 #header .col-9 div::after { content: ""; height: 100%; width: 500px; position: absolute; left: 100%; top: 0; background: var(--v2color-primary); } .v2 #header .col-9 div a { color: white; transition: all 0.3s; margin-left: 20px; margin-right: 30px; text-decoration: none; display: flex; align-items: center; justify-content: center; font-weight: 400; min-width: 150px; } .v2 #header .col-9 div a i { font-size: 18px; } .v2 #header .col-9 div a span { margin-left: 8px; } .v2 #header .col-9 div a b { margin-right: 8px; } .v2 #header .col-9 div a:hover { color: var(--v2color-white); } .v2 #header .col-9 div a.ico { min-width: initial; font-size: 18px; margin-left: 20px; margin-right: 0; } .v2 #header .col-9 > ul { margin: 0; padding: 15px 0; display: flex; align-items: center; } .v2 #header .col-9 > ul li { display: block; margin: 0 10px; } .v2 #header .col-9 > ul li a { color: white; padding: 0 10px; text-transform: initial; font-weight: 300; text-decoration: none; position: relative; transition: all 0.3s; font-size: 14px; } .v2 #header .col-9 > ul li a.ico { font-size: 21px; padding: 0 4px; color: var(--color-primary); } .v2 #header .col-9 > ul li a:hover { color: var(--v2color-secondary); } .v2 #header .col-9 > ul li .btn-primary:hover { background: var(--v2color-primary) !important; } .v2 .dropdown-menu { left: 10px !important; border: 0; padding: 15px; margin-top: 15px !important; border-radius: 0px; background: var(--v2color-primary-2); color: white; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; } .v2 .dropdown-item { padding: 10px 10px !important; text-transform: initial !important; font-size: 14px; font-weight: 400 !important; border-radius: 0px; color: var(--color-white) !important; } .v2 .dropdown-item:hover { background: var(--v2color-primary-2); color: var(--v2color-secondary) !important; } .v2 .dropdown-item::before { display: none; } .v2 .dropdown-toggle::after { vertical-align: 0.155em; } .v2 #header .col-9 > ul li a.dropdown-toggle.show:hover::before { display: none; } .v2 .mg_menu_movil, .v2 .mg_menu_principal { display: none; } .v2 .btn-whatsapp { position: fixed; right: 0; bottom: 200px; width: initial; display: flex; align-items: flex-end; justify-content: center; flex-direction: column; padding: 0; } .v2 .btn-whatsapp a { background: #24CF49; padding: 12px 25px; border-top-left-radius: 50px; border-bottom-left-radius: 50px; border: 4px solid white; margin: 5px 0; color: white; text-decoration: none; transition: all 0.3s; border-right: 0; width: 160px; font-weight: 500; display: flex; align-items: center; } .v2 .btn-whatsapp a i { font-size: 21px; margin: 0 8px 0 0px; } .v2 .btn-whatsapp a:hover { width: 180px; } /* BANNER */ .v2 #banner { background: var(--v2color-primary-2); padding: 0px 0; } .v2 #banner .container { width: 90%; max-width: 90%; } .v2 #banner .content-video { position: relative; border-radius: 50px; overflow: hidden; height: 65vh; } .v2 #banner .content-video::before { content: ""; position: absolute; width: 100%; height: 100%; bottom: 0px; left: 0; z-index: 1; background: linear-gradient(45deg, var(--v2color-primary), transparent); background: linear-gradient(50deg, var(--v2color-primary) 0, var(--v2color-primary) 20%, rgba(255,255,255,0) 100%); } .v2 #banner .carousel-caption h1, .v2 #banner .carousel-caption h2 { font-weight: 700; font-size: 32px; text-transform: uppercase; margin-bottom: 25px; } .v2 #banner .carousel-caption { top: 15%; width: 70%; right: 5%; left: 5%; } .v2 #banner .carousel-caption p { font-size: 18px; width: 70%; } .v2 .categories { justify-content: space-evenly; margin: -50px 0 0 0; position: relative; z-index: 2; } .v2 .categories a { background: url(https://s3.us-east-2.amazonaws.com/mgpanel/e75ee7c46cdb3472866ae218220544a5-1739894727693_7713.png); background-size: cover; background-position: center; border-radius: 15px; padding: 40px 30px 30px; display: flex; justify-content: space-between; align-items: flex-end; position: relative; overflow: hidden; text-decoration: none; width: 23%; } .v2 .categories > a:nth-child(2) { background: url(https://s3.us-east-2.amazonaws.com/mgpanel/688aab05813755eef7fd3c31e762ef7a-1739894727674_984.png); background-size: cover; background-position: center; } .v2 .categories > a:nth-child(3) { background: url(https://s3.us-east-2.amazonaws.com/mgpanel/82023e5c40889f6e21b5c60b3d0c055c-1739894727689_2931.png); background-size: cover; background-position: center; } .v2 .categories > a:nth-child(4) { background: url(https://s3.us-east-2.amazonaws.com/mgpanel/f70c891073ead55d62ee2c4df48570f9-1739894727696_5275.png); background-size: cover; background-position: center; } .v2 .categories a::before { content: ""; position: absolute; left: 0; top: 0; background: var(--v2color-primary); width: 100%; height: 100%; opacity: 0.75; } .v2 .categories h4 { color: white; position: relative; font-size: 18px; margin: 0 20px 0 0; line-height: 1.4; font-weight: 600; } .v2 .categories span { width: 40px; height: 40px; min-width: 40px; background: transparent; position: relative; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; transition: all 0.3s; } .v2 .categories a:hover span { background: white; color: var(--v2color-secondary); transform: rotate(90deg); } .v2 .from_1978 { text-align: center; color: white; display: flex; align-items: center; justify-content: center; padding: 60px 20px; } .v2 .from_1978 h2 { margin: 0 20px 0 0; font-size: 36px; color: var(--v2color-thrid); } .v2 .from_1978 h2 strong { font-size: 120px; font-weight: bold; color: var(--v2color-thrid); } .v2 .from_1978 h4 { margin: 0; font-size: 32px; text-align: left; line-height: 1.4; } .v2 .from_1978 h4 span { font-size: 24px; display: block; text-align: left; font-weight: 300; } .v2 .from_1978 h4 span b { font-weight: 500; color: var(--v2color-secondary); } /* CARDS */ .v2 #cards { background: var(--v2color-white); padding: 80px 20px; } .v2 #cards .row { justify-content: space-between; } .v2 #cards .col-3 { padding: 30px; display: flex; flex-direction: column; align-items: center; justify-content: center; background: white; border-radius: 15px; width: 23%; } .v2 #cards .col-3 img { height: 70px; margin: 0 0 20px; } .v2 #cards .col-3 h4 { font-size: 18px; margin: 0; font-weight: 500; text-align: center; line-height: 1.4; } /* NOSOTROS */ .v2 #nosotros { background: white; padding: 120px 20px; } .v2 #nosotros > .container > .row:first-child { align-items: center; } .v2 #nosotros .col-7 { text-align: justify; } .v2 #nosotros .col-5 picture { display: block; width: 70%; margin: 0 auto; border-radius: 30px; overflow: hidden; } .v2 #nosotros .col-5 picture img { width: 100%; height: 100%; object-fit: cover; object-position: center; } .v2 #nosotros ul { margin: 0 0 25px; padding: 0; width: 100%; } .v2 #nosotros ul li { display: flex; align-items: flex-start; margin: 15px 0; } .v2 #nosotros ul li i { color: var(--v2color-secondary); margin: 5px 10px 0 0; } .v2 #nosotros section.row { padding-top: 70px; } .v2 #nosotros section.row > div:nth-child(1), .v2 #nosotros section.row > div:nth-child(3) { align-items: center; justify-content: space-around; display: flex; flex-direction: column; } .v2 #nosotros section.row > div li { display: flex; align-items: center; justify-content: flex-start; width: 300px; position: relative; } .v2 #nosotros section.row > div li::before { content: ""; height: 1px; width: 100%; position: absolute; left: 90%; top: 24px; background: var(--v2color-gray); } .v2 #nosotros section.row > div li::after { content: ""; width: 7px; height: 7px; background: var(--v2color-secondary); position: absolute; left: calc(100% + 114px); border-radius: 50%; top: 21px; z-index: 2; } .v2 #nosotros section.row > div li img { height: 50px; margin: 0 15px 0 0; } .v2 #nosotros section.row > div li span { font-weight: 400; } .v2 #nosotros section.row > div:nth-child(2) { display: flex; align-items: center; justify-content: center; z-index: 1; } .v2 #nosotros section.row > div:nth-child(2) picture { padding: 10px; border: 14px solid var(--v2color-gray); border-radius: 50%; overflow: hidden; width: 400px; height: 400px; display: flex; align-items: center; justify-content: center; background: white; } .v2 #nosotros section.row > div:nth-child(2) img { width: 322px; height: 322px; } .v2 #nosotros section.row > div:nth-child(3) li { flex-direction: row-reverse; text-align: right; } .v2 #nosotros section.row > div:nth-child(3) li::before { left: initial; right: 90%; } .v2 #nosotros section.row > div:nth-child(3) li::after { right: calc(100% + 114px); left: initial; } .v2 #nosotros section.row > div:nth-child(3) li img { margin: 0 0 0 15px; } /* CATEGORÍAS DE PRODUCTOS */ .v2 #categorias { background: var(--v2color-white); padding: 120px 20px 0; } .v2 #categorias .col-12 { width: 600px; text-align: center; margin: 0 auto; } .v2 #categorias .row .row { justify-content: space-around; margin-bottom: -120px; } .v2 #categorias .col-4 { border-radius: 30px; overflow: hidden; background: white; padding: 0; margin: 50px 0 0; width: 31.3333%; box-shadow: 0 0 25px var(--v2color-gray); } .v2 #categorias .col-4 > picture { display: block; width: 100%; height: 280px; position: relative; } .v2 #categorias .col-4 > picture::before { content: ""; position: absolute; width: 100%; height: 100%; background: linear-gradient(0deg, white, transparent); } .v2 #categorias .col-4 > picture img { width: 100%; height: 100%; object-fit: cover; object-position: center; } .v2 #categorias .col-4 .content { padding: 30px; z-index: 1; position: relative; } .v2 #categorias .col-4 .content img { height: 60px; margin: -90px 0 0px; } .v2 #categorias .col-4 .content h4 { font-size: 24px; margin: 0 0 15px; line-height: 1.2; color: var(--v2color-primary); text-transform: initial; } .v2 #categorias .col-4 .content p { font-size: 14px; } /* NOTICIAS */ .v2 #noticias { padding: 260px 20px 80px; } .v2 #noticias .row > .col-6:first-child:before { content: ""; background: url(https://s3.us-east-2.amazonaws.com/mgpanel/ff22171274a1d89d53a1e4d125ef9066-1741186576710_8762.jpg); position: absolute; right: 0px; top: -60px; width: 400px; height: 280px; border-radius: 30px; border: 5px solid white; z-index: 2; } .v2 #noticias .row > .col-6:last-child { text-align: right; } .v2 #noticias .col-6 > picture { position: relative; display: block; width: 80%; margin: 0 auto; overflow: hidden; border-radius: 30px; } .v2 #noticias .col-6 > picture img { width: 120%; height: 100%; object-fit: cover; object-position: center; margin: 0 0 0 -10%; } .v2 #noticias .col-6 > img { width: 70%; margin: -35% 0 0; position: relative; z-index: 1; } .v2 #noticias .mg_posts { flex-direction: column; } .v2 #noticias .mg_posts article { flex: 0 0 100%; margin: 0 0% 30px; width: 100%; display: flex; flex-direction: row; text-align: left; } .v2 #noticias .mg_posts article .mg_post_img { height: 180px; width: 180px; border-radius: 30px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; margin-right: 20px; border: 2px solid var(--v2color-gray); } .v2 #noticias .mg_posts article .mg_post_img img { height: 100%; } .v2 #noticias .mg_posts article .mg_post_content { padding: 10px 0 0; width: calc(100% - 220px); } .v2 #noticias .mg_posts article a.mg_post_title { color: var(--v2color-secondary) !important; margin-bottom: 10px; display: block; line-height: 1.4; } .v2 #noticias .mg_posts article .mg_post_content p { display: block; font-size: 14px; margin: 0; color: var(--v2color-black); font-weight: 400; } .v2 #noticias .mg_posts article .mg_post_more { display: none; } .v2 #noticias .mg_post_content a.mg_btn-accion.btn.btn-primary { padding: 0 !important; background: transparent !important; color: var(--v2color-secondary) !important; } .v2 #noticias .mg_post_content a.mg_btn-accion.btn.btn-primary:hover { text-decoration: underline; } /* BANNER MEDIO */ .v2 #b-medio { padding: 80px 20px 80px; background: url(https://s3.us-east-2.amazonaws.com/mgpanel/2ef300df58b29a65f00b2f4c07a9278c-1741190233764_9668.jpg); position: relative; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; } .v2 #b-medio::before { content: ""; position: absolute; width: 100%; height: 100%; background: var(--v2color-primary-2); left: 0; top: 0; opacity: 0.90; } .v2 #b-medio .col-3 { text-align: center; color: white; } .v2 #b-medio .col-3 img { height: 60px; } .v2 #b-medio .col-3 h4 { font-size: 21px; margin: 20px 0 20px; } .v2 #b-medio .col-3 p { font-size: 14px; font-weight: 400; } .v2 #b-medio .col-3 a { margin: 0 auto; width: 240px; text-align: center; display: block; } /* TESTIMONIOS */ .v2 #testimonials { position: relative; padding: 120px 20px; } .v2 #testimonials::after { content: ""; width: 100%; height: 50%; position: absolute; left: 0; bottom: 0; background: var(--v2color-white); z-index: -1; } .v2 #testimonials .row { box-shadow: 0 0 25px var(--v2color-gray); padding: 50px 40px 80px 50px; border-radius: 30px; overflow: hidden; align-items: center; background: white; } .v2 #testimonials .carousel-inner { padding: 10px; } .v2 #testimonials .carousel-caption { position: relative; left: 0; width: 100%; margin: 0 auto; text-align: left; font-size: 14px; align-items: flex-start; justify-content: space-around; } .v2 #testimonials .carousel-caption.d-md-block { display: flex !important; } .v2 #testimonials .carousel-caption .card { box-shadow: 0 0 15px var(--v2color-gray); padding: 30px; border-radius: 30px; overflow: hidden; align-items: center; width: 48%; color: var(--v2color-black); border: 0; } .v2 #testimonials .carousel-caption img { height: 120px; width: 120px; overflow: hidden; border-radius: 50%; margin: 10px 0 20px; } .v2 #testimonials .carousel-caption p i { color: var(--color-black-2); } .v2 #testimonials .carousel-caption p a { color: var(--color-primary); } .v2 #testimonials .carousel-caption ul { margin: 0 0 0px; padding: 0; color: #FFC107; text-align: left; display: block; width: 100%; } .v2 #testimonials .carousel-caption h5 { margin: 0 0 10px; font-size: 21px; width: 100%; } .v2 #testimonials .carousel-caption p { margin: 10px 0; } .v2 #testimonials .carousel-caption h5 small { color: var(--v2color-primary-2); display: block; margin: 10px 0 0; font-weight: normal; font-size: 14px; text-transform: uppercase; letter-spacing: 2px; } .v2 #testimonials .carousel-indicators { bottom: -20px; left: 0; margin-bottom: 0; } .v2 #testimonials .carousel-indicators [data-bs-target] { width: 15px; height: 15px; border-radius: 50%; background-color: var(--v2color-gray); opacity: 1; border-bottom: 0px solid transparent; border-top: 0px solid transparent; } .v2 #testimonials .carousel-indicators .active { background: var(--v2color-primary); } /* CONTACTO */ .v2 #contacto { background: url(https://s3.us-east-2.amazonaws.com/mgpanel/82293baa0f2c2ff481d15b97fb76b82e-1741195702478_5942.jpg); position: relative; padding: 140px 20px 120px; background-size: cover; background-position: center; background-attachment: fixed; color: white; } .v2 #contacto::after { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: var(--v2color-primary-2); opacity: 0.90; } .v2 #contacto .row { position: relative; z-index: 1; } .v2 #contacto .col-12 { text-align: center; width: 1000px; margin: 0 auto; } .v2 #contacto h3 { font-size: 36px; margin: 0 0 30px; line-height: 1.2; text-transform: initial; } .v2 #contacto p { font-size: 18px; } .v2 #contacto .btn { margin: 0 auto; text-align: center; display: block; } .video-play-button { position: relative; z-index: 10; box-sizing: content-box; display: block; width: 32px; height: 44px; border-radius: 50%; padding: 18px 20px 18px 28px; margin: 0 auto 50px; } .video-play-button:before { content: ""; position: absolute; z-index: 0; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); display: block; width: 80px; height: 80px; background: var(--v2color-secondary); border-radius: 50%; animation: pulse-border 1500ms ease-out infinite; } .video-play-button:after { content: ""; position: absolute; z-index: 1; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); display: block; width: 80px; height: 80px; background: var(--v2color-secondary); border-radius: 50%; transition: all 200ms; } .video-play-button:hover:after { background-color: darken(var(--v2color-secondary), 10%); } .video-play-button span { display: block; position: relative; z-index: 3; width: 0; height: 0; border-left: 32px solid white; border-top: 22px solid transparent; border-bottom: 22px solid transparent; } @keyframes pulse-border { 0% { transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); opacity: 1; } 100% { transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); opacity: 0; } } .v2 .mg_formulario_contacto_web { width: 600px; margin: 60px auto 0; display: block; text-align: center; } .v2 .mg_formulario_contacto_web label { display: block; font-size: 14px; margin: 0 0 0px; text-align: left; font-weight: 600; } .v2 .mg_formulario_contacto_web label span { color: #ff3451; } .v2 .mg_formulario_contacto_web .form-row { display: flex; flex-wrap: wrap; justify-content: space-between; } .v2 .mg_formulario_contacto_web .form-group { margin-bottom: 20px; } .v2 .mg_formulario_contacto_web .form-control, .v2 .mg_formulario_contacto_web .form-select { padding: 12px 15px; background-color: transparent; border: 2px solid white; border-radius: 20px; height: initial; color: white; } .v2 .mg_formulario_contacto_web .form-control:focus, .v2 .mg_formulario_contacto_web .form-select:focus { background-color: var(--color-white) !important; border-color: var(--v2color-white) !important; outline: 0; box-shadow: 0 0 0 0rem rgba(13,110,253,.25); } .v2 .mg_formulario_contacto_web .form-control::placeholder, .v2 .mg_formulario_contacto_web .form-select::placeholder { color: transparent !important; } .v2 .mg_formulario_contacto_web .mg_error { border: 2px solid #ff3451 !important; } .v2 .mg_formulario_contacto_web .btn-primary { border-color: var(--color-primary); color: white; } .v2 .mg_formulario_contacto_web .btn-primary:hover { border-color: var(--color-secondary); } .v2 .mg_formulario_contacto_web .g-recaptcha { margin-bottom: 20px; } .v2 .infoAdicional { height: initial; padding: 60px 20px; } .v2 .infoAdicional:before { display: none; } .v2 .infoAdTitle h2 { color: var(--v2color-black); font-weight: 300; width: 100%; font-size: 32px; } .v2 .infoAdTitle h2 a { font-weight: 500; text-transform: uppercase; text-decoration: none; color: var(--v2color-secondary); } .v2 .footer { color: white; padding: 120px 0px 90px; margin: 0; background: var(--v2color-primary-2); } .v2 .footer img.img-fluid { width: initial; height: 60px; margin: 0 0 0 -10px; } .v2 .footer .col-md-6::before { content: ""; width: 1px; position: absolute; right: 10%; background: white; height: 70%; top: 15%; opacity: 0.15; } .v2 .footer .col-md-6 p { width: 80%; margin: 20px 0 40px; color: white; } .v2 .footer .col-md-6 ul { padding: 0; margin: 0; } .v2 .footer .col-md-6 ul li { padding: 10px 0; font-weight: 500; display: flex; align-items: flex-start; margin: 15px 0; } .v2 .footer .col-md-6 ul li i { color: var(--v2color-secondary); margin: 4px 10px 0 0; } .v2 .footer .col-md-3 h4 { font-size: 24px; color: var(--v2color-thrid); font-weight: 700; margin-bottom: 30px; } .v2 .footerLinksUl ul { list-style: none; margin: 0; padding: 0; width: 100%; } .v2 .footerLinksUl ul li i { color: var(--v2color-secondary); margin: 2px 10px 0 0; font-size: 14px; } .v2 .footerLinksUl ul li a:hover { color: var(--v2color-secondary); } .v2 .footerLlamanos h3 { font-size: 16px; margin: 0 0 20px; color: var(--v2color-secondary); font-weight: 500; } .v2 .footerMail a, .v2 .footerLlamanos a { color: white; text-decoration: none; } .v2 .footerMail a b, .v2 .footerLlamanos a b { font-weight: 700; } .v2 .footerLlamanos a span { margin-right: 8px; color: white; font-size: 21px; } .v2 .footerMail a span { margin-right: 8px; color: white; font-size: 21px; } .v2 .footerRedes { margin-top: 30px; } .v2 .footerRedes a { font-size: 21px; } .v2 .footerRedes a:hover { color: var(--v2color-secondary); } .v2 .foot { font-size: 14px; color: white; text-align: center; font-weight: 400; } .v2 .foot span { display: block; } .v2 .foot span a { color: var(--v2color-secondary); font-weight: 500; text-decoration: none; } .v2 .somos { padding: 120px 0; background: linear-gradient(0deg, var(--v2color-white), transparent); } .v2 .somosImg img.img-fluid { border-radius: 30px; } .v2 .elegirnosInfoP { margin-top: 0; } .v2 .col-md-6.somosInfo { padding-left: calc(var(--bs-gutter-x) * .5); } .v2 .somos p { color: var(--v2color-black); } .v2 .somos p strong { font-weight: 700; } .v2 ul.elegirnosUl li { margin-bottom: 15px; font-size: 16px; color: var(--v2color-black); } .v2 .contactoContent { padding: 120px 25%; background: linear-gradient(0deg, var(--v2color-white), transparent); } .v2 .contactoContent h2 { text-align: center; } .v2 .contactoContent .mg_formulario_contacto_web .form-control, .v2 .contactoContent .mg_formulario_contacto_web .form-select { background-color: white; border: 2px solid var(--v2color-gray); color: var(--v2color-black); } .v2 .contactoContent .mg_formulario_contacto_web .form-control:focus, .v2 .contactoContent .mg_formulario_contacto_web .form-select:focus { border: 2px solid var(--v2color-secondary) !important; background-color: white !important; } .v2 .contactoContent button.mg_btn-accion.btn.btn-primary { background: var(--v2color-secondary); border-radius: 50px !important; font-size: 16px; font-weight: 600; letter-spacing: 0px; text-transform: initial; } .v2 .infoComercial { padding: 120px 0px 80px; background: linear-gradient(0deg, var(--v2color-white), transparent); } .v2 .infoComercialInfo { display: flex; flex-direction: column; align-items: center; } .v2 .col-md-12.infoComercialImg img { margin: 10px auto 0; box-shadow: 0 0 25px var(--v2color-gray); border-radius: 30px; } .v2 .infoDistribuidores .col-12 { text-align: center; margin: 30px 0 60px; } .v2 .infoDistribuidores .col-md-6 h3 { padding-left: 20px; font-size: 21px; color: var(--v2color-thrid); } .v2 .infoDistribuidores .col-md-6 h3:before { top: 8px; width: 8px; height: 8px; background: var(--v2color-secondary); border-radius: 50%; } .v2 .distribPais div { background: white; border-radius: 30px; overflow: hidden; padding: 20px; } .v2 .infoDistribuidores .col-md-6:nth-child(2n - 1) { border-right: 0px solid white; } .v2 .mg_scroll-to-top { background-color: var(--v2color-secondary); border-radius: 50%; } /* RESPONSIVE */ @media ( min-width: 1600px ) { .container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1600px; } .banner { margin-top: -240px; } .bannerInfo1 p:first-child { margin-right: 30px; } span.bannerLinea { height: 8%; top: 2%; } .headInf .col-md-9 { justify-content: flex-end; } .header .navbar { width: 100% !important; justify-content: flex-end; } .header a.nav-link { padding: 0 20px 10px !important; } headLogo a img { width: 60%; } .headInf { padding-top: 2%; } .bannerTitle h1 { margin-right: 15%; } .bannerTitle p { margin-right: 15%; width: 35%; text-align: right; } a.btmBanner { position: relative; right: initial; top: initial; margin: 20px 0 0 11%; } .elegirnos { padding: 80px 0; } .seleccionar { padding: 100px 0; height: initial; } .seleccionarCard.col-md-4 img { width: 100%; } .footer img.img-fluid { width: 40%; } .footer { height: initial; padding: 120px 0px 90px; } .contactoImgH3 h3 { margin-top: 60% !important; } .mg_FORM0002 { width: 70%; margin: 0 auto; } .mg_vista_producto { max-width: 1400px; } .servicios .col-md-3 { padding: 0 25px; } .solucionesCard iframe { height: 400px; } .v2 .container { max-width: 1400px; } .v2 #header .col-9 > ul li a { font-size: 16px; } .v2 #banner .carousel-caption h1, .v2 #banner .carousel-caption h2 { font-size: 62px; } .v2 #banner .carousel-caption { top: 15%; width: 45%; } .v2 .categories a { width: 20%; } .v2 #nosotros section.row > div li::after { left: calc(100% + 140px); } .v2 #nosotros section.row > div:nth-child(3) li::after { right: calc(100% + 140px); } .v2 #banner .carousel-caption { top: 16%; right: 10%; left: 10%; } .v2 #banner .content-video { height: 75vh; } .v2 #banner .carousel-caption h1, .v2 #banner .carousel-caption h2 { font-size: 52px; } .v2 .categories { margin: -75px 0 0 0; } .v2 .categories a { padding: 60px 30px 30px; } .v2 .categories h4 { font-size: 21px; margin: 0 30px 0 0; } .popud .contenido-pop { width: 40vw; } } @media screen and (max-width: 1366px) { .container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1140px; } .elegirnos { padding: 80px 0 80px; } .newHeader nav > ul li a{font-size: 14px;} .banner { margin-top: -240px; } .v2 .container{ max-width: 1240px; } /* .v2 #banner .carousel-caption { top: 10%; } */ .v2 #nosotros section.row > div li::after { left: calc(100% + 94px); } .v2 #nosotros section.row > div:nth-child(3) li::after { right: calc(100% + 94px); } .v2 #banner .carousel-caption { top: 10%; } } @media screen and (max-width: 1290px) { a.btmBanner { top: 75%; } .bannerInfo1 p:first-child { margin-right: 4%; } .header a.nav-link { padding: 0 13px 10px !important; } } @media screen and (max-width: 1220px) { .header a.nav-link { padding: 0 8px 10px !important; font-size: 15px; } .headInf .col-md-9 { margin-left: -60px; } .col-md-3.headBuscador { padding: 0 33px; } .headMail a { margin-right: -45px; } span.headVerical { right: -30px; } } @media screen and (max-width: 990px) { .navbar { justify-content: flex-end; } .navbar-light .navbar-toggler { background: #fff; } .headLogo { max-width: 100%; flex: 0 0 100%; text-align: center; } #banner { padding: 30px 0px 0; } .display-4 { font-size: 2.25rem; } #footer { padding: 30px 0 20px; } #footer .col-md-12 { padding-top: 20px; } .mg_scroll-to-top { right: 20px; bottom: 20px; } #footer .col-md-12 span { display: block; } #content { padding: 50px 15px; } #mg_pre-carga { overflow: hidden; } body { font-size: 15px; } .mg_formulario_contacto_web { width: 90%; } .mg_scroll-to-top { right: 20px; bottom: 70px; } .mg_menu_movil { position: fixed; height: 50px; background: #c85d3f; width: 100%; bottom: 0; left: 0; display: flex; align-items: center; justify-content: space-around; z-index: 1999; border-top: 1px solid #f3f3f3; box-shadow: 0px -2px 10px #0000004f; } .mg_menu_movil a img { height: 24px; } .mg_menu_principal { position: fixed; display: flex; flex-direction: column; justify-content: center; width: 100%; height: 100%; background: #c85d3f; z-index: 109; text-align: center; left: -100%; top: 0; padding: 0 15px 50px; overflow: hidden auto; transition: 1s; } .mg_menu_principal.is_active { left: 0; } .mg_menu_principal ul { display: flex !important; align-items: center; flex-direction: column; padding: 0; } .mg_menu_principal ul li { display: block; } .mg_menu_principal li a { padding: 10px 20px !important; color: #fff !important; display: block; } .mg_menu_principal ul li:nth-child(5) a { display: block !important; margin-left: 0 !important; color: #fff !important; background-color: transparent !important; border-color: transparent !important; } .mg_menu_principal ul li:last-child a { display: block !important; margin-left: 0 !important; color: #fff !important; background-color: transparent !important; border-color: transparent !important; } .menu-social a { color: #fff; margin: 0 5px; } .header .container{padding: 0;} .headInf .col-md-9, .col-md-3.headContact, .headMail, .headRedes { display: none; } .col-md-3.headLogo a img { width: initial; margin-left: 0; height: 52px; margin: 5px 0 0; } .header span.LogoNaranj { display: none; } .banner { margin-top: 5px; } .elegirnos { padding: 40px 0; } span.lineaNaranjVert { display: none; } .col-md-8.elegirnosInfoTitle { padding-left: 15px; text-align: center; } .col-md-8.row.elegirnosInfo { padding-left: 15px; } .col-md-4.elegirnosInfoImg img { height: 80px; margin: 0 auto 15px; display: block; width: initial; } .h2, h2 { font-size: 1.4rem; } .elegirnosInfoTitle h2.titleSec { width: 100%; } .elegirnosImgs { display: none; } .seleccionar { height: initial; } .col-md-12.seleccionarInfo p { width: 100%; } .col-md-12.seleccionarInfo h2 { width: 100%; } .seleccionarCardInfo { height: initial; padding: 0 0 30px; } .seleccionarCardInfo p { padding: 0 15px; } .causasInfo p { width: 100%; } .servicios { height: initial; } .servicios > .container > .row > .col-md-12{ display: none; } .col-md-6.contactoForm { padding: 40px; height: initial; padding-top: 40px; } .col-md-6.contactoImg { display: none; } .contacto { position: relative; height: initial; } .contactoTarjeta { position: relative; height: initial; top: -100px; width: 100%; } .contactoForm h2.titleSec { font-size: 21px; } .contacto .row { padding: 0; } .infoAdicional { height: initial; margin: -40px 0 0px; padding: 30px 0; } .footer { padding: 80px 15px 50px; } .footer .col-md-3 { padding: 0 15px; } .footerLinksUl { display: flex; flex-direction: column; } .footer .col-md-3 { padding: 30px 15px 0; } .footerLinksUl ul { padding: 0; } .col-md-3.footerContact { padding-left: 15px; } .foot { margin: 0 0 50px; } .header { z-index: 2; } a.btm.causasBtm { z-index: 1; } .header.headerSec { padding-bottom: 15px; } .contactoContent { padding: 50px 20px 100px; } .mg_formulario_contacto_web { width: 100%; } .somos { padding: 50px 15px 90px; } .foot .col-md-12 { padding: 0; } .infoComercial { padding: 40px 0px 40px; } .mg_banner_content h1, .mg_banner_categoria_blog h1 { padding: 40px 0; } .mg_posts { margin: 40px 30px 60px; } .mg_posts article, .mg_lateral_post article { flex: 0 0 100%; margin: 0 0% 30px; width: 100%; } .mg_vista_post { padding: 0px 15px 10px; } .mg_principal_post { margin: 0px 0; } .mg_post_portada img { width: 100%; } .mg_post_todo { width: 100%; margin: 30px auto; padding: 0 15px; } .h1, h1 { font-size: 1.8rem; } .mg_lateral_post { margin: 0 0; padding: 15px 15px 50px; } .somosImg img.img-fluid { width: 100%; } .solucionesProd { background: #f6f6f7; padding: 50px 0 80px; } .mg_banner_categoria_tienda h1 { font-size: 21px; } .mg_productos { margin: 30px auto 50px; width: 100%; padding: 0 30px; } .mg_productos > article { width: 100%; margin: 0% 0% 30px; } .mg_producto_img { height: initial; } .mg_vista_producto { margin: 0px auto 20px; } .mg_principal_producto { padding: 10px 30px; flex-direction: column; box-shadow: 0px 0px 0px rgb(0 0 0 / 30%); } .mg_principal_producto > div:first-child { max-width: 100%; flex: 0 0 100%; } .mg_principal_producto > div:last-child { max-width: 100%; flex: 0 0 100%; } .mg_producto_portada { padding: 0 0px 0 0; } .mg_producto_todo { border-left: 0px solid rgb(0 0 0 / 30%); padding: 0 0 0 0px; } .mg_related_productos, .mg_vistos_productos { margin: 20px; padding: 0 10px; } .mg_related_productos article, .mg_vistos_productos article { width: 100%; margin: 10px 0% 30px; } #mg_comingsoon_page { margin: 0; padding: 0 15px; } #mientras img { height: initial; width: 100%; } .btn-fichas-mobile { display: block !important; margin: 40px 0 0; } .btn-fichas-mobile a { width: 100%; display: block; } .mg_galeria { margin: 0 0 20px; } .solucionesProd { padding: 50px 15px 80px; } .popud .contenido-pop { width: 90%; } #cerrarPopud + label { right: -5px; top: -25px; } .popud .contenido-pop iframe { width: 100%; height: 200px; } .headInf { padding-top: 0; } .newHeader { width: 100%; display: flex; flex-direction: column-reverse; } .headSup { padding: 15px; margin: 5px 0 -5px; background: #3f6cab; } .col-md-3.headBuscador { padding: 0 15px; margin: 0; } #mg_busqueda_resultado { max-height: 400px; } .elegirnos > .container > .row { margin: 0; width: calc(100% + 30px); } .servicios .col-md-3 { margin: 0 10px 50px; } .infoAdicional .infoAdTitle h2 { width: calc(100% + 30px); text-align: center; } #mg_busqueda_resultado ul li a span { font-size: 12px; width: calc(100% - 70px); } #mg_busqueda_resultado ul li a div { width: 60px; height: 60px; } .header.headerSec .headSup { background: transparent; } } @media screen and (max-width: 767px) { } @media screen and (max-width: 585px) { .main-product-body{padding: 30px 20px 80px;} .footerLinksUl ul:first-child{width: 100%;} .causasTitle {flex-direction: column;align-items: flex-start;} .footer .col-md-6 p{width: 100%;} .mg_related_productos article, .mg_vistos_productos article {width: 90%;margin: 10px auto 30px;} .main-product-body h1{font-size: 38px;} .main-product-body h2{font-size: 28px;} .main-product-body h3{font-size: 24px;} .main-product-body h4{font-size: 18px;} .infoDistribuidores > p, .distribPais div{width: 100%;} } @media (max-width: 585px) and (orientation: landscape) { } @media screen and (max-width: 390px) { } @media screen and (max-width: 340px) { } @media screen and (min-width:0\0) { /* Tus estilos CSS para IE9, IE10, IE11 */ } @supports (-ms-ime-align:auto) { /* Tus estilos CSS para EDGE */ } @-moz-document url-prefix() { /* Tus estilos CSS para Mozilla */ } /* FIN CSS */ </style> </head> <body> <script src="https://sdk.amazonaws.com/js/aws-sdk-2.799.0.min.js"></script> <script src="/public/js/wow.min.js"></script> <div id="mg_pre-carga"> <div id="mg_page"> <div class="header"> <div class="container"> <div id="" class="newHeader" style=""> <div class="headSup"> <div class="row"> <div class="col-md-3 headContact"> <a href="https://wa.me/50670136848" rel="nofollow" target="_blank"> <!-- <span><i class="fab fa-whatsapp"></i></span> --> <span><strong>LATAM </strong> <i class="fab fa-whatsapp"></i></span> <p>+506 7013 6848</p> </a> <a href="https://wa.me/584242980840" rel="nofollow" target="_blank"> <!-- <span><i class="fab fa-whatsapp"></i></span> --> <span><strong>VENEZUELA </strong> <i class="fab fa-whatsapp"></i></span> <p>+58 424 2980 840 </p> </a> </div> <div class="col-md-3 headMail"><a href="mailto:[email protected]"><span><i class="far fa-envelope"></i></span> <p><strong>Email:</strong> [email protected]</p> </a> <span class="headVerical"></span> </div> <div class="col-md-3 headRedes"> <a href="https://www.facebook.com/AvtekGlobal/" rel="nofollow" target="_blank"><span><i class="fab fa-facebook-f"></i></span></a> <a href="https://www.instagram.com/avtek_/" rel="nofollow" target="_blank"><span><i class="fab fa-instagram"></i></span></a> <a href="https://www.youtube.com/channel/UCbRYalHu8fVfHb1Z3n0Isqg" rel="nofollow" target="_blank"><span><i class="fab fa-youtube"></i></span></a> <!--<a href="https://api.whatsapp.com/send?phone=+50670136848" rel="nofollow" target="_blank"><span><i class="fab fa-whatsapp"></i></span></a>--> <span class="headVerical"></span> </div> <div class="col-md-3 headBuscador"> <!-- <a href="/pag/contacto" class="headBuscBtm">Contáctanos</a> --> <script>envio_id = "000000000000000000000000"; envio_destino = "N/A"; $(document).ready(function () { if (document.querySelector('#cart-lleno')) { var pasarela = ""; pasarela = document.getElementById("pasarela_code0").value; } if ($("#mg_producto_contenido").val()) { var format = JSON.parse($("#mg_producto_contenido").val().replace(/"\\"|\\""/g, "'")); $("#mg_producto_contenido_data").html(convertDataToHtml(format.blocks)) } if ($("#mg_producto_contenido_two").val()) { var format_two = JSON.parse($("#mg_producto_contenido_two").val().replace(/"\\"|\\""/g, "'")); $("#mg_producto_contenido_data_two").html(convertDataToHtml(format_two.blocks)) } $('#btn_metodopago').click(function () { var email = $("#floatingInput-email").val().toLowerCase() var nombre = $("#floatingInput-nombre").val() var telefono = document.querySelector("#input-telefono").value.trim(); var direccion = $("#floatingInput-direccion").val() var ciudad = $("#floatingInput-ciudad").val() // console.log(telefono); if (!isValidEmail(email)) { $('#email_checkout_Help').css("display", "block") $("#floatingInput-email").addClass("is-invalid") return false } else if (nombre.length <= 2) { $('#nombre_checkout_Help').css("display", "block") $("#floatingInput-nombre").addClass("is-invalid") $('#email_checkout_Help').hide(); $("#floatingInput-email").removeClass("is-invalid"); return false } else if (telefono.length < 12) { $('#telefono_checkout_Help').css("display", "block") $("#floatingInput-telefono").addClass("is-invalid") $('#email_checkout_Help').hide(); $("#floatingInput-email").removeClass("is-invalid"); $('#nombre_checkout_Help').hide(); $("#floatingInput-nombre").removeClass("is-invalid"); return false } else if (ciudad.length <= 2) { $('#ciudad_checkout_Help').css("display", "block") $("#floatingInput-ciudad").addClass("is-invalid") $('#email_checkout_Help').hide(); $("#floatingInput-email").removeClass("is-invalid"); $('#nombre_checkout_Help').hide(); $("#floatingInput-nombre").removeClass("is-invalid"); $('#telefono_checkout_Help').hide(); $("#floatingInput-telefono").removeClass("is-invalid"); return false } else if (direccion.length <= 2) { $('#direccion_checkout_Help').css("display", "block") $("#floatingInput-direccion").addClass("is-invalid") $('#email_checkout_Help').hide(); $("#floatingInput-email").removeClass("is-invalid"); $('#nombre_checkout_Help').hide(); $("#floatingInput-nombre").removeClass("is-invalid"); $('#telefono_checkout_Help').hide(); $("#floatingInput-telefono").removeClass("is-invalid"); $('#ciudad_checkout_Help').hide(); $("#floatingInput-ciudad").removeClass("is-invalid"); return false } else { $('#email_checkout_Help').hide(); $("#floatingInput-email").removeClass("is-invalid"); $('#nombre_checkout_Help').hide(); $("#floatingInput-nombre").removeClass("is-invalid"); $('#telefono_checkout_Help').hide(); $("#floatingInput-telefono").removeClass("is-invalid"); $('#direccion_checkout_Help').hide(); $("#floatingInput-direccion").removeClass("is-invalid"); $('#ciudad_checkout_Help').hide(); $("#floatingInput-ciudad").removeClass("is-invalid"); $('#btn_metodopago').hide(); $('#mg_checkout_envio').show(); if (typeof mg_locomotive_scroll !== 'undefined') { scroll.scrollTo(document.querySelector('#scroll-checkout')); } else { $('html, body').animate({ scrollTop: $('#scroll-checkout').offset().top }, 200); } return false; } }) metodo = $("#mg_val_checkout_metodo").val(); $('#mg_checkout_option1').click(function () { $("#mg_checkout_option5").removeClass("form-check-select"); $("#mg_checkout_option4").removeClass("form-check-select"); $("#mg_checkout_option2").removeClass("form-check-select"); $("#mg_checkout_option3").removeClass("form-check-select"); $("#mg_checkout_option1").addClass("form-check-select"); $("#mg_checkout_option6").removeClass("form-check-select"); $("#mg_checkout_option7").removeClass("form-check-select"); $("#metodo_TC").show(); $("#metodo_ACH").hide(); $("#metodo_PAYPAL").hide(); $("#metodo_YAPPY").hide(); $("#metodo_STRIPE").hide(); $("#metodo_PSE").hide(); $("#metodo_WOMPI").hide(); $('.mg_btn-accionando').hide() metodo = 1; // TC if(pasarela == "MERCADOPAGO"){ iniciarPago(); } }) $('#mg_checkout_option2').click(function () { $("#mg_checkout_option1").removeClass("form-check-select"); $("#mg_checkout_option2").addClass("form-check-select"); $("#mg_checkout_option3").removeClass("form-check-select"); $("#mg_checkout_option4").removeClass("form-check-select"); $("#mg_checkout_option5").removeClass("form-check-select"); $("#mg_checkout_option6").removeClass("form-check-select"); $("#mg_checkout_option7").removeClass("form-check-select"); $("#metodo_TC").hide(); $("#metodo_ACH").show(); $("#metodo_PAYPAL").hide(); $("#metodo_YAPPY").hide(); $("#metodo_PSE").hide(); $("#metodo_STRIPE").hide(); $("#metodo_WOMPI").hide(); $('.mg_btn-accionando').hide() $('.mg_btn-accion').show() metodo = 2; // ACH }) $('#mg_checkout_option3').click(function () { $("#mg_checkout_option1").removeClass("form-check-select"); $("#mg_checkout_option2").removeClass("form-check-select"); $("#mg_checkout_option3").addClass("form-check-select"); $("#mg_checkout_option4").removeClass("form-check-select"); $("#mg_checkout_option5").removeClass("form-check-select"); $("#mg_checkout_option6").removeClass("form-check-select"); $("#mg_checkout_option7").removeClass("form-check-select"); $("#metodo_TC").hide(); $("#metodo_ACH").hide(); $("#metodo_PAYPAL").show(); $("#metodo_YAPPY").hide(); $("#metodo_PSE").hide(); $("#metodo_STRIPE").hide(); $("#metodo_WOMPI").hide(); $('.mg_btn-accionando').hide() metodo = 3; // PAYPAL }) $('#mg_checkout_option4').click(function () { $("#mg_checkout_option1").removeClass("form-check-select"); $("#mg_checkout_option2").removeClass("form-check-select"); $("#mg_checkout_option3").removeClass("form-check-select"); $("#mg_checkout_option4").addClass("form-check-select"); $("#mg_checkout_option5").removeClass("form-check-select"); $("#mg_checkout_option6").removeClass("form-check-select"); $("#mg_checkout_option7").removeClass("form-check-select"); $("#metodo_TC").hide(); $("#metodo_ACH").hide(); $("#metodo_PAYPAL").hide(); $("#metodo_YAPPY").show(); $("#metodo_PSE").hide(); $("#metodo_STRIPE").hide(); $("#metodo_WOMPI").hide(); $('.mg_btn-accionando').hide() metodo = 4; // YAPPY document.getElementById('Yappy_Checkout_Button').addEventListener('click', function () { document.querySelector("#total").value = Number($("#total_mg_checkout").text()); document.querySelector("#subtotal").value = Number($("#total_mg_checkout").text()); var orderId = GeneratePassword(); document.querySelector("#orderId").value = orderId; document.querySelector("#tel").value = $("#floatingInput-telefono").val(); }); }) $('#mg_checkout_option5').click(function () { $("#mg_checkout_option1").removeClass("form-check-select"); $("#mg_checkout_option2").removeClass("form-check-select"); $("#mg_checkout_option3").removeClass("form-check-select"); $("#mg_checkout_option4").removeClass("form-check-select"); $("#mg_checkout_option5").addClass("form-check-select"); $("#mg_checkout_option6").removeClass("form-check-select"); $("#mg_checkout_option7").removeClass("form-check-select"); $("#metodo_TC").hide(); $("#metodo_ACH").hide(); $("#metodo_PAYPAL").hide(); $("#metodo_YAPPY").hide(); $("#metodo_PSE").hide(); $("#metodo_STRIPE").show(); $("#metodo_WOMPI").hide(); $('.mg_btn-accionando').hide() metodo = 5; // STRIPE document.getElementById('Stripe_Checkout_Button').addEventListener('click', function () { document.querySelector("#unit_amount").value = Number($("#total_mg_checkout").text()) * 100; document.querySelector("#product_data").value = document.querySelector("#URL_mg").value + " - " + document.querySelector("#floatingInput-nombre").value; }); }) $('#mg_checkout_option6').click(function () { $("#mg_checkout_option1").removeClass("form-check-select"); $("#mg_checkout_option2").removeClass("form-check-select"); $("#mg_checkout_option3").removeClass("form-check-select"); $("#mg_checkout_option4").removeClass("form-check-select"); $("#mg_checkout_option5").removeClass("form-check-select"); $("#mg_checkout_option6").addClass("form-check-select"); $("#mg_checkout_option7").removeClass("form-check-select"); $("#metodo_TC").hide(); $("#metodo_ACH").hide(); $("#metodo_PAYPAL").hide(); $("#metodo_YAPPY").hide(); $("#metodo_STRIPE").hide(); $("#metodo_PSE").show(); $("#metodo_WOMPI").hide(); $('.mg_btn-accionando').hide() metodo = 6; // PSE document.getElementById('PSE_Checkout_Button').addEventListener('click', function () { document.querySelector("#factura").value = Number(Math.floor(Math.random() * 1000) + 1); document.querySelector("#valor").value = Number($("#total_mg_checkout").text()); document.querySelector("#descripcionFactura").value = document.querySelector("#URL_mg").value + " - " + document.querySelector("#floatingInput-nombre").value; }); }) $('#mg_checkout_option7').click(function () { $("#mg_checkout_option1").removeClass("form-check-select"); $("#mg_checkout_option2").removeClass("form-check-select"); $("#mg_checkout_option3").removeClass("form-check-select"); $("#mg_checkout_option4").removeClass("form-check-select"); $("#mg_checkout_option5").removeClass("form-check-select"); $("#mg_checkout_option6").removeClass("form-check-select"); $("#mg_checkout_option7").addClass("form-check-select"); $("#metodo_TC").hide(); $("#metodo_ACH").hide(); $("#metodo_PAYPAL").hide(); $("#metodo_YAPPY").hide(); $("#metodo_STRIPE").hide(); $("#metodo_PSE").hide(); $("#metodo_WOMPI").show(); metodo = 7; // WOMPI }) $('#mg_input_buscador_productos').keyup(function (e) { if (e.code === 'Enter') { e.preventDefault(); $(location).attr('href', '/productos/search&QUERY=' + document.querySelector("#mg_input_buscador_productos").value); } var value = $(this).val() const parametros = { 'funcion': "search_producto", 'campos': value } const accion_url = "../config/functions.php"; $.ajax({ type: 'POST', url: accion_url, data: parametros, dataType: 'html', beforeSend: function () { // }, success: function (data) { if ($('#mg_input_buscador_productos').val() == '') { $('#mg_busqueda_resultado').hide() } else { $('#mg_busqueda_resultado').show() $('#mg_busqueda_resultado').html(data) } } }) }) $("#mg_input_buscador_productos").blur(function () { setTimeout(function () { $('#mg_busqueda_resultado').hide() }, 150); }) $("#mg_magnifying-glass_buscador").focusout(function(){ setTimeout(function () { $('#mg_busqueda_resultado').hide() }, 150); }); if (document.querySelector('.mg_cupon')) { $('#floatingInput-cupon').keyup(function (e) { var value = normalize($(this).val()).toUpperCase(); $('#floatingInput-cupon').val(value); const parametros = { 'funcion': "valida_cupon", 'campos': value } const accion_url = "../config/functions.php"; $.ajax({ type: "POST", url: accion_url, data: parametros, dataType: 'json', beforeSend: function () { }, error: function(xhr, status, error) { console.log(error) }, success: function (data) { // console.log(data) if (value.length == 0) { document.querySelector(".mg_cupon_alert").innerHTML = ` <div class="alert alert-primary d-flex align-items-center" role="alert"> <svg class="bi flex-shrink-0 me-2" width="24" height="24" role="img" aria-label="Info:"><use xlink:href="#info-fill"/></svg> <div>Agrega el código de cupón</div> </div> `; document.querySelector('.mg_checkout_ul_descuento').style.display = 'none'; document.querySelector("#descuento_mg_checkout").innerHTML = 0.00; mg_total(); } else if (data[0] == 1) { if ((data[1].precio > document.querySelector("#subtotal_mg_checkout").innerHTML) || (data[1].status == 0)) { document.querySelector(".mg_cupon_alert").innerHTML = ` <div class="alert alert-danger d-flex align-items-center" role="alert"> <svg class="bi flex-shrink-0 me-2" width="24" height="24" role="img" aria-label="Danger:"><use xlink:href="#exclamation-triangle-fill"/></svg> <div>Cupón no válido</div> </div> `; document.querySelector('.mg_checkout_ul_descuento').style.display = 'none'; document.querySelector("#descuento_mg_checkout").innerHTML = 0.00; mg_total(); } else { // Obtener las categorías de los productos en el checkout const productos = document.querySelectorAll('.mg_checkout_productos input[type="hidden"][data-categories]'); const categoriasProductos = new Set(); productos.forEach(producto => { const categorias = producto.getAttribute('data-categories').split(','); categorias.forEach(categoria => categoriasProductos.add(categoria.trim())); // Evitar duplicados }); // Obtener el subtotal del carrito const subtotal = parseFloat(document.querySelector("#subtotal_mg_checkout").innerHTML); // Verificar si el cupón tiene categorías asociadas // console.log(data[1].categorias) const categoriasCupon = Object.values(data[1].categorias).map(cat => cat.nombre); const tieneCategoriasCupon = categoriasCupon.length > 0; // const tieneCategoriasCupon = Array.isArray(data[1].categorias) && data[1].categorias.length > 0; let esCuponValido = false; if (tieneCategoriasCupon) { // Obtener las categorías del cupón // const categoriasCupon = new Set(data[1].categorias.map(cat => cat.nombre)); const categoriasCupon = new Set(Object.values(data[1].categorias).map(cat => cat.nombre)); // Validar si al menos una categoría coincide esCuponValido = [...categoriasProductos].some(categoria => categoriasCupon.has(categoria)); } // **Validación adicional: Verificar si el monto mínimo se cumple** const cumpleMontoMinimo = !data[1].min || subtotal >= data[1].min; // Si `data[1].min` no existe, se permite el cupón // **Condición final: Solo aplica si cumple con las categorías y el monto mínimo** if (tieneCategoriasCupon && !esCuponValido) { document.querySelector(".mg_cupon_alert").innerHTML = ` <div class="alert alert-danger d-flex align-items-center" role="alert"> <svg class="bi flex-shrink-0 me-2" width="24" height="24" role="img" aria-label="Warning:"><use xlink:href="#exclamation-triangle-fill"/></svg> <div>El cupón no es válido para estos productos.</div> </div> `; return; // Detener ejecución si el cupón no es válido por categoría } if (!cumpleMontoMinimo) { document.querySelector(".mg_cupon_alert").innerHTML = ` <div class="alert alert-warning d-flex align-items-center" role="alert"> <svg class="bi flex-shrink-0 me-2" width="24" height="24" role="img" aria-label="Warning:"><use xlink:href="#exclamation-triangle-fill"/></svg> <div>El cupón solo aplica para compras superiores a ${document.querySelector('#simbolo_moneda').value}${data[1].min}</div> </div> `; return; // Detener ejecución si el monto mínimo no se cumple } // Aplicar descuento por precio o porcentaje if (data[1].precio > 0) { document.querySelector(".mg_cupon_alert").innerHTML = ` <div class="alert alert-success d-flex align-items-center" role="alert"> <svg class="bi flex-shrink-0 me-2" width="24" height="24" role="img" aria-label="Success:"><use xlink:href="#check-circle-fill"/></svg> <div>Aplicaste un descuento de ${document.querySelector('#simbolo_moneda').value}${data[1].precio}</div> </div> `; document.querySelector("#descuento_mg_checkout").innerHTML = data[1].precio.toFixed(2); document.querySelector('.mg_checkout_ul_descuento').style.display = 'flex'; mg_total(); } else { // Aplicar descuento por porcentaje var descuento = subtotal * data[1].porcentaje / 100; document.querySelector(".mg_cupon_alert").innerHTML = ` <div class="alert alert-success d-flex align-items-center" role="alert"> <svg class="bi flex-shrink-0 me-2" width="24" height="24" role="img" aria-label="Success:"><use xlink:href="#check-circle-fill"/></svg> <div>Aplicaste un descuento del ${data[1].porcentaje}%</div> </div> `; document.querySelector("#descuento_mg_checkout").innerHTML = descuento.toFixed(2); document.querySelector('.mg_checkout_ul_descuento').style.display = 'flex'; mg_total(); } } } else { document.querySelector(".mg_cupon_alert").innerHTML = ` <div class="alert alert-danger d-flex align-items-center" role="alert"> <svg class="bi flex-shrink-0 me-2" width="24" height="24" role="img" aria-label="Danger:"><use xlink:href="#exclamation-triangle-fill"/></svg> <div>Cupón no existe</div> </div> `; document.querySelector('.mg_checkout_ul_descuento').style.display = 'none'; document.querySelector("#descuento_mg_checkout").innerHTML = 0.00; mg_total(); } } }) }) } }) document.addEventListener("DOMContentLoaded", function (event) { envio_costo = 0; if (document.querySelector('.mg_vista_checkout')) { if (localStorage.getItem('cesta')) { mg_Cart(); document.querySelector('#cart-lleno').style.display = 'flex'; } else { document.querySelector('#cart-vacio').style.display = 'block'; } const phoneInputField = document.querySelectorAll("#floatingInput-telefono"); // const phoneInput = window.intlTelInput(phoneInputField, { // utilsScript: "https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/js/utils.js", // }); // var input = document.querySelectorAll("#floatingInput-telefono"); var iti_el = $('.iti.iti--allow-dropdown.iti--separate-dial-code'); if (iti_el.length) { iti.destroy(); // Get the current number in the given format } for(var i = 0; i < phoneInputField.length; i++) { iti = intlTelInput(phoneInputField[i], { autoHideDialCode: false, autoPlaceholder: "aggressive" , initialCountry: "auto", separateDialCode: true, preferredCountries: ['co','pa','ve'], customPlaceholder:function(selectedCountryPlaceholder,selectedCountryData){ return ''+selectedCountryPlaceholder.replace(/[0-9]/g,'X'); }, geoIpLookup: function(callback) { $.get('https://ipinfo.io', function() {}, "jsonp").always(function(resp) { var countryCode = (resp && resp.country) ? resp.country : ""; callback(countryCode); }); }, utilsScript: "https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/16.0.0/js/utils.js" }); // $('#floatingInput-telefono').on("focus click countrychange", function(e, countryData) { // var pl = $(this).attr('placeholder') + ''; // var res = pl.replace( /X/g ,'9'); // if(res != 'undefined'){ // $(this).inputmask(res, {placeholder: "X", clearMaskOnLostFocus: true}); // } // }); $('#floatingInput-telefono').on("focusout", function(e, countryData) { var intlNumber = iti.getNumber(); document.querySelector("#input-telefono").value = intlNumber; // console.log(intlNumber); }); } document.querySelector("#floatingSelect-pais").value = document.querySelector("#valor-pais").value; //Obtener la Ip del cliente $.getJSON('https://api.ipify.org?format=json', function (data) { localStorage.setItem('ip', data.ip); }); } if (document.querySelector('.mg_vista_producto')) { $("#mg_zoom_img").elevateZoom({scrollZoom : true}); } if (document.querySelector(".mg_vista_producto #mg_product_option_1")) { var selectElement = document.getElementById("mg_product_option_1"); selectElement.onchange = function() { // PRICE // var selectedOption = selectElement.options[selectElement.selectedIndex]; var selectedOption = this.options[this.selectedIndex]; var precio = Number(selectedOption.getAttribute("data-precio")); if (precio > 0) { document.querySelector(".mg_price price").innerHTML = precio.toFixed(2);; } //IMGs const urlImagen = selectedOption.getAttribute('data-url_imagen'); const files = JSON.parse(selectedOption.getAttribute('data-files')); if (urlImagen && files) { // Mostrar spinner const spinner = document.createElement('div'); spinner.classList.add('spinner'); document.querySelector(".mg_principal_producto > .col-md-6:first-child").appendChild(spinner); // document.body.appendChild(spinner); // Actualizar la imagen principal const mainImageElement = document.getElementById('mg_zoom_img'); mainImageElement.classList.add('fade-out'); mainImageElement.onload = () => { mainImageElement.classList.remove('fade-out'); // Remover spinner después de cargar la imagen document.querySelector(".mg_principal_producto > .col-md-6:first-child").removeChild(spinner); }; if (urlImagen) { mainImageElement.src = url_amazonaws3 + urlImagen; mainImageElement.setAttribute('data-zoom-image', url_amazonaws3 + urlImagen); } else { mainImageElement.src = url_amazonaws3 + '/noima.jpg'; mainImageElement.removeAttribute('data-zoom-image'); } // Actualizar la galería de imágenes const galleryElement = document.querySelector('.mg_galeria'); galleryElement.innerHTML = ''; // Limpiar la galería actual // Convertir objeto a array si es necesario const filesArray = Array.isArray(files) ? files : Object.values(files); filesArray.forEach(file => { if (file) { const imgElement = document.createElement('img'); imgElement.src = url_amazonaws3 + file; imgElement.alt = ''; imgElement.classList.add('image-transition') const anchorElement = document.createElement('a'); anchorElement.href = url_amazonaws3 + file; anchorElement.appendChild(imgElement); galleryElement.appendChild(anchorElement); } }); } }; } if (document.querySelector(".mg_vista_producto #mg_product_option_2")) { var selectElement = document.getElementById("mg_product_option_2"); selectElement.onchange = function() { var selectedOption = selectElement.options[selectElement.selectedIndex]; var precio = Number(selectedOption.getAttribute("data-precio")); if (precio > 0) { document.querySelector(".mg_price price").innerHTML = precio.toFixed(2);; } }; } // window.addEventListener('message', function(event) { // // console.log("Mensaje recibido:", event); // const data = event.data; // // console.log(data) // if (data.status && data.message) { // // alert('Estado: ' + data.status + '\nMensaje: ' + data.message); // } // }); }); function mg_add_to_Cart(_id, level, abono) { var item_cart = document.querySelectorAll(".mg_item_cart span"); var items = []; var data_product = []; producto = {}; producto["id_opcion_1"] = $("#mg_product_option_1 option:selected").data("id"); producto["opcion_1"] = $("#mg_product_option_1").val(); producto["opcion_2"] = $("#mg_product_option_2").val(); data_product.push(producto); if (localStorage.getItem('cesta')) { const old_productosNOT = JSON.parse(localStorage.getItem('cesta')) for (let i = 0; i < old_productosNOT.length; i++) { old_productosNOT[i].adicionales = {}; } const array_productos = JSON.stringify(old_productosNOT); const existe = array_productos.includes(_id); if (existe === false) { if (level == 1) { var product = {}; product["id_producto"] = _id; product["opciones"] = data_product; product["adicionales"] = [{}]; product["abono"] = abono; items.push(product); const old_productos = JSON.parse(localStorage.getItem('cesta')) const productos = old_productos.concat(items) localStorage.setItem('cesta', JSON.stringify(productos)); const cuantos = old_productos.length + 1; item_cart.forEach(element => { element.innerHTML = cuantos; }); } else { var adicional = {}; adicional["id_producto"] = _id; const existeTwo = array_productos.includes(document.getElementById("mg_producto_id").value) if (existeTwo === false) { var product = {}; product["id_producto"] = document.getElementById("mg_producto_id").value; product["adicionales"] = [adicional]; items.push(product); const old_productos = JSON.parse(localStorage.getItem('cesta')); const productos = old_productos.concat(items) localStorage.setItem('cesta', JSON.stringify(productos)); const cuantos = old_productos.length + 1; item_cart.forEach(element => { element.innerHTML = cuantos; }); } const old_productosNew = JSON.parse(localStorage.getItem('cesta')); for (let index = 0; index < old_productosNew.length; index++) { if (old_productosNew[index].id_producto == document.getElementById("mg_producto_id").value) { const cadena_adicionales = JSON.stringify(old_productosNew[index].adicionales); const existeThre = cadena_adicionales.includes(_id) if (existeThre === false) { old_productosNew[index].adicionales.push(adicional); } } } localStorage.setItem('cesta', JSON.stringify(old_productosNew)); } Toast.fire({ icon: 'success', title: '¡Añadido!' }) } else { const old_productosNew = JSON.parse(localStorage.getItem('cesta')); for (let index = 0; index < old_productosNew.length; index++) { if (old_productosNew[index].id_producto == document.getElementById("mg_producto_id").value) { const cadena_opciones = JSON.stringify(old_productosNew[index].opciones); console.log(cadena_opciones); console.log(JSON.stringify(producto)); const existeFour = cadena_opciones.includes(JSON.stringify(producto)) if (existeFour === false) { old_productosNew[index].opciones.push(producto); } } } localStorage.setItem('cesta', JSON.stringify(old_productosNew)); Toast.fire({ icon: 'success', title: '¡Añadido!' }) } } else { item_cart.forEach(element => { element.innerHTML = 1; }); if (level == 1) { var product = {}; product["id_producto"] = _id; product["opciones"] = data_product; product["adicionales"] = [{}]; product["abono"] = abono; items.push(product); } else { var product = {}; product["id_producto"] = document.getElementById("mg_producto_id").value; var adicional = {}; adicional["id_producto"] = _id; product["adicionales"] = [adicional]; items.push(product); } localStorage.setItem('cesta', JSON.stringify(items)); Toast.fire({ icon: 'success', title: '¡Añadido!' }) } } function mg_Cart() { const values = JSON.parse(localStorage.getItem('cesta')); const parametros = { 'funcion': "checkout_cart", 'campos': values } const accion_url = "../config/functions.php"; $.ajax({ type: "POST", url: accion_url, data: parametros, dataType: 'html', beforeSend: function () { // $('#espera').fadeIn(); }, success: function (response) { document.querySelector(".mg_checkout_productos").innerHTML = response; mg_total(); $('input.mg_enteros').keyup(function(event) { if(event.which >= 37 && event.which <= 40){ event.preventDefault(); } $(this).val(function(index, value) { return value .replace(/\D/g, "") .replace(/\B(?=(\d{3})+(?!\d)\.?)/g, ",") ; }); }); } }) } function mg_cantidad(_id, valor, _id_padre) { if (valor.value > 10) { document.querySelector('#mg_cantidad_input_' + _id).value = valor.value; document.querySelector('#mg_cantidad_' + _id).style.display = 'block'; } else { document.querySelector('#mg_cantidad_select_' + _id).value = valor.value; document.querySelector('#mg_cantidad_' + _id).style.display = 'none'; } valor_value = valor.value; if (_id_padre) { var new_total_producto = $("#precio_mg_producto_" + _id_padre + "_" + _id).val() * valor_value; $("#" + _id_padre + "_" + _id + " .precio_mg_checkout x").text(new_total_producto.toFixed(2)); } else { var new_total_producto = $("#precio_mg_producto_" + _id).val() * valor_value; $("#" + _id + " > div > .precio_mg_checkout x").text(new_total_producto.toFixed(2)); } if (document.querySelector('.mg_cupon')) { $('#floatingInput-cupon').val(""); document.querySelector(".mg_cupon_alert").innerHTML = ` <div class="alert alert-primary d-flex align-items-center" role="alert"> <svg class="bi flex-shrink-0 me-2" width="24" height="24" role="img" aria-label="Info:"><use xlink:href="#info-fill"/></svg> <div>Agrega el código de cupón</div> </div> `; } document.querySelector('.mg_checkout_ul_descuento').style.display = 'none'; document.querySelector("#descuento_mg_checkout").innerHTML = 0.00; mg_total(); } function O_Plus (_id) { var currentVal = parseInt(document.querySelector('#mg_cantidad_input_' + _id).value); if (!isNaN(currentVal)) { document.querySelector('#mg_cantidad_input_' + _id).value = currentVal + 1; } else { document.querySelector('#mg_cantidad_input_' + _id).value = 1; } mg_cantidad(_id, document.querySelector('#mg_cantidad_input_' + _id)); } function O_Minus (_id) { var currentVal = parseInt(document.querySelector('#mg_cantidad_input_' + _id).value); if (!isNaN(currentVal) && currentVal > 1) { document.querySelector('#mg_cantidad_input_' + _id).value = currentVal - 1; } else { document.querySelector('#mg_cantidad_input_' + _id).value = 1; } mg_cantidad(_id, document.querySelector('#mg_cantidad_input_' + _id)); } function O_Blur (_id) { var currentVal = parseInt(document.querySelector('#mg_cantidad_input_' + _id).value); if ((document.querySelector('#mg_cantidad_input_' + _id).value.length < 1) || (currentVal < 1)) { document.querySelector('#mg_cantidad_input_' + _id).value = 20; } mg_cantidad(_id, document.querySelector('#mg_cantidad_input_' + _id)); } function mg_envio(_id, destino) { var email = $("#floatingInput-email").val().toLowerCase() var nombre = $("#floatingInput-nombre").val() var telefono = $("#floatingInput-telefono").val() var direccion = $("#floatingInput-direccion").val() var ciudad = $("#floatingInput-ciudad").val() if (!isValidEmail(email)) { $('#email_checkout_Help').css("display", "block") $("#floatingInput-email").addClass("is-invalid") return false } else if (nombre.length <= 2) { $('#nombre_checkout_Help').css("display", "block") $("#floatingInput-nombre").addClass("is-invalid") return false } else if (telefono.length <= 5) { $('#telefono_checkout_Help').css("display", "block") $("#floatingInput-telefono").addClass("is-invalid") return false } else if (direccion.length <= 2) { $('#direccion_checkout_Help').css("display", "block") $("#floatingInput-direccion").addClass("is-invalid") return false } else if (ciudad.length <= 2) { $('#ciudad_checkout_Help').css("display", "block") $("#floatingInput-ciudad").addClass("is-invalid") return false } else { $('#email_checkout_Help').hide(); $("#floatingInput-email").removeClass("is-invalid"); $('#nombre_checkout_Help').hide(); $("#floatingInput-nombre").removeClass("is-invalid"); $('#telefono_checkout_Help').hide(); $("#floatingInput-telefono").removeClass("is-invalid"); $('#direccion_checkout_Help').hide(); $("#floatingInput-direccion").removeClass("is-invalid"); $('#ciudad_checkout_Help').hide(); $("#floatingInput-ciudad").removeClass("is-invalid"); $('#btn_metodopago').hide(); $('#mg_checkout_envio').show(); var costo = String($("#gridRadios_envio_" + _id).val()); envio_id = _id; envio_costo = Number.parseFloat(costo); envio_destino = destino; document.querySelector("#envio_mg_checkout").innerHTML = envio_costo.toFixed(2); $('#mg_checkout_pay').show(); if (typeof mg_locomotive_scroll !== 'undefined') { scroll.scrollTo(document.querySelector('#scroll-pay')); } else { $('html, body').animate({ scrollTop: $('#scroll-pay').offset().top }, 200); } mg_total(); if (typeof mg_locomotive_scroll !== 'undefined') { scroll.scrollTo(document.querySelector('#scroll-checkout')); } else { $('html, body').animate({ scrollTop: $('#scroll-checkout').offset().top }, 200); } return false; } } function mg_total() { for (i = 0; i < cuantos; i++) { var subtotal = 0; $('.mg_checkout_productos .precio_mg_checkout x').each(function (index) { subtotal += parseFloat($(this).text()); }); } var porcentaje_impuesto = item_cart = document.querySelector("#valor_impuesto_mg_checkout").value; document.querySelector("#subtotal_mg_checkout").innerHTML = subtotal.toFixed(2); const ibtms = (subtotal - $('#descuento_mg_checkout').text()) * (porcentaje_impuesto / 100); document.querySelector("#impuesto_mg_checkout").innerHTML = ibtms.toFixed(2); const total = (subtotal - $('#descuento_mg_checkout').text()) + ibtms + envio_costo; document.querySelector("#total_mg_checkout").innerHTML = total.toFixed(2); } function mg_Quitar(_id, level, _id_padre, num) { var item_cart = document.querySelectorAll(".mg_item_cart span"); localStorage.removeItem(_id) const array_productos = JSON.parse(localStorage.getItem('cesta')); if (level == 1) { cuantos = array_productos.length; item_cart.forEach(element => { element.innerHTML = cuantos - 1; }); for (j = 0; j < array_productos.length; j++) { if (array_productos.length == 1) { localStorage.removeItem('cesta') document.querySelector('#cart-vacio').style.display = 'block'; document.querySelector('#cart-lleno').style.display = 'none'; } else if (array_productos[j].id_producto == _id) { array_productos.splice(j, 1) localStorage.setItem('cesta', JSON.stringify(array_productos)); } } document.getElementById(_id).remove(); } else if (level == 2) { for (i = 0; i < array_productos.length; i++) { if (array_productos[i].id_producto == _id_padre) { for (j = 0; j < array_productos[i].opciones.length; j++) { if (array_productos[i].opciones[num]) { array_productos[i].opciones.splice(num, 1) localStorage.setItem('cesta', JSON.stringify(array_productos)); } } } } document.getElementById(_id).remove(); } else { for (i = 0; i < array_productos.length; i++) { if (array_productos[i].id_producto== _id_padre) { for (j = 0; j < array_productos[i].adicionales.length; j++) { if (array_productos[i].adicionales[j].id_producto == _id) { array_productos[i].adicionales.splice(j, 1) localStorage.setItem('cesta', JSON.stringify(array_productos)); } } } } document.getElementById(_id_padre + "_" +_id).remove(); } if (document.querySelector('.mg_cupon')) { $('#floatingInput-cupon').val(""); document.querySelector(".mg_cupon_alert").innerHTML = ` <div class="alert alert-primary d-flex align-items-center" role="alert"> <svg class="bi flex-shrink-0 me-2" width="24" height="24" role="img" aria-label="Info:"><use xlink:href="#info-fill"/></svg> <div>Agrega el código de cupón</div> </div> `; } document.querySelector('.mg_checkout_ul_descuento').style.display = 'none'; document.querySelector("#descuento_mg_checkout").innerHTML = 0.00; mg_total(); } function convertDataToHtml(blocks) { var convertedHtml = ""; blocks.map(block => { switch (block.type) { case "header": convertedHtml += `<h${block.data.level}>${block.data.text}</h${block.data.level}>`; break; case "paragraph": convertedHtml += `<p>${block.data.text}</p>`; break; case "delimiter": convertedHtml += "<hr />"; break; case "image": convertedHtml += `<img class="img-fluid" src="${block.data.file.url}" title="${block.data.caption}" /><br /><em>${block.data.caption}</em>`; break; case "list": convertedHtml += "<ul>"; block.data.items.forEach(function (li) { convertedHtml += `<li>${li}</li>`; }); convertedHtml += "</ul>"; break; default: console.log("Unknown block type", block.type); break; } }); return convertedHtml; } Cont_btnsPago = 0; function btnsPago() { Cont_btnsPago++; // console.log(Cont_btnsPago); if ((document.querySelector('#mg_paypal_api').value.length > 0) && (Cont_btnsPago == 1)) { paypal.Buttons({ createOrder: function(data, actions) { return actions.order.create({ purchase_units: [{ amount: { value: Number(document.querySelector('#total_mg_checkout').innerHTML) } }] }); }, onApprove: function(data, actions) { Toast.fire({ icon: 'info', title: '¡Un momento por favor!' }) return actions.order.capture().then(function(details) { Checkout(); }); } }).render('#mg_checkout_paypal-button-container'); } } function iniciarPago() { Checkout(); } function Checkout() { $('.mg_btn-accion').hide() $('.mg_btn-accionando').css("display", "inline-block") var email = $("#floatingInput-email").val().toLowerCase() var pais = $("#floatingSelect-pais").val() var nombre = $("#floatingInput-nombre").val() var telefono = document.querySelector("#input-telefono").value.trim(); var direccion = $("#floatingInput-direccion").val() var ciudad = $("#floatingInput-ciudad").val() var subtotal = $("#subtotal_mg_checkout").text() var impuesto = $("#impuesto_mg_checkout").text() var descuento = $("#descuento_mg_checkout").text() var cupon = $("#floatingInput-cupon").val() var total = $("#total_mg_checkout").text() var nombreRecibe = $("#floatingInput-nombre-recibe").val() var fechaRecibe = $("#floatingInput-fecha-recibe").val() var mensajeRecibe = $("#floatingInput-mensaje-recibe").val() var direccionRecibe = $("#floatingInput-direccion-recibe").val() var detalles_solicitud = $("#floatingInput-detalles-solicitud").val() if (document.querySelector("#mg_val_checkout_type").value == 1) { var status = 20 } else if (document.querySelector("#mg_val_checkout_type").value == 2) { if ((metodo == 1) || (metodo == 3) || (metodo == 7)) { if (document.querySelector(".mg_checkout_productos input.mg_abono")) { var status = 75 } else { var status = 80 } } else { var status = 60 } } var items = []; $(".mg_vista_checkout .mg_checkout_productos .checkout_level_1").each(function () { var div = {}; $(this).find("div").each(function (index) { if (index == 0) { div["id_producto"] = $(this).find("input").val(); _id_product = $(this).find("input").val(); div["sku"] = $(this).find("input").attr("data-sku"); } if (index == 1) { if (Number($(this).find("select").val()) > 10) { div["cantidad"] = Number($(this).find("input.mg_enteros").val()); } else { div["cantidad"] = Number($(this).find("select").val()); div["name"] = $(this).find("a").text(); } } if (index == 1) { div["opcion_1"] = $(this).find(".input_opcion_1").val(); } if (index == 1) { div["opcion_2"] = $(this).find(".input_opcion_2").val(); } if (index == 3) { div["precio"] = Number($(this).find("input").val()); } if ((index == 3) && $(this).find("input").attr("data-abono") !== undefined) { div["abono"] = true; div["diff"] = Number($(this).find("input").attr("data-diff")); } if (index == 4) { var adicionales = []; $(".mg_vista_checkout .mg_checkout_productos #" + _id_product + " .checkout_adicionales section").each(function () { var div_a = {}; $(this).find("div").each(function (index) { if (index == 0) { div_a["id_producto"] = $(this).find("input").val(); } if (index == 1) { div_a["cantidad"] = Number($(this).find("select").val()); } if (index == 3) { div_a["precio"] = Number($(this).find("input").val()); } }); if (div_a["id_producto"] != "") { adicionales.push(div_a); } }); div["adicionales"] = adicionales; } }); if (div["id_producto"] != "") { items.push(div); } }); if (!isValidEmail(email)) { $('#email_checkout_Help').css("display", "block") $("#floatingInput-email").addClass("is-invalid") $('#btn_metodopago').show(); $('#mg_checkout_pay').hide(); $('#mg_checkout_envio').hide(); if (typeof mg_locomotive_scroll !== 'undefined') { scroll.scrollTo(document.querySelector('#contenedor-locomotara')); } else { $('html, body').animate({ scrollTop: $('html').offset().top }, 200); } $('.mg_btn-accion').show() $('.mg_btn-accionando').hide() return false; } else if (nombre.length <= 2) { $('#nombre_checkout_Help').css("display", "block") $("#floatingInput-nombre").addClass("is-invalid") $('#btn_metodopago').show(); $('#mg_checkout_pay').hide(); $('#mg_checkout_envio').hide(); if (typeof mg_locomotive_scroll !== 'undefined') { scroll.scrollTo(document.querySelector('#contenedor-locomotara')); } else { $('html, body').animate({ scrollTop: $('html').offset().top }, 200); } $('.mg_btn-accion').show() $('.mg_btn-accionando').hide() return false } else if (telefono.length <= 5) { $('#telefono_checkout_Help').css("display", "block") $("#floatingInput-telefono").addClass("is-invalid") $('#btn_metodopago').show(); $('#mg_checkout_pay').hide(); $('#mg_checkout_envio').hide(); if (typeof mg_locomotive_scroll !== 'undefined') { scroll.scrollTo(document.querySelector('#contenedor-locomotara')); } else { $('html, body').animate({ scrollTop: $('html').offset().top }, 200); } $('.mg_btn-accion').show() $('.mg_btn-accionando').hide() return false } else if (direccion.length <= 2) { $('#direccion_checkout_Help').css("display", "block") $("#floatingInput-direccion").addClass("is-invalid") $('#btn_metodopago').show(); $('#mg_checkout_pay').hide(); $('#mg_checkout_envio').hide(); if (typeof mg_locomotive_scroll !== 'undefined') { scroll.scrollTo(document.querySelector('#contenedor-locomotara')); } else { $('html, body').animate({ scrollTop: $('html').offset().top }, 200); } $('.mg_btn-accion').show() $('.mg_btn-accionando').hide() return false } else if (ciudad.length <= 2) { $('#ciudad_checkout_Help').css("display", "block") $("#floatingInput-ciudad").addClass("is-invalid") $('#btn_metodopago').show(); $('#mg_checkout_pay').hide(); $('#mg_checkout_envio').hide(); if (typeof mg_locomotive_scroll !== 'undefined') { scroll.scrollTo(document.querySelector('#contenedor-locomotara')); } else { $('html, body').animate({ scrollTop: $('html').offset().top }, 200); } $('.mg_btn-accion').show() $('.mg_btn-accionando').hide() return false } else { //$('.mg_vista_checkout').css("opacity", "0.5") $('.mg_vista_checkout').css("pointer-events", "none") var key = GeneratePassword(); var valores = { 'email': email, 'key': key, 'nick': normalize(nombre.toLowerCase()), 'metodo': metodo, 'pais': pais, 'nombre': nombre, 'telefono': telefono, 'direccion': direccion, 'ciudad': ciudad, 'envio_id': envio_id, 'envio_costo': envio_costo, 'envio_destino': envio_destino, 'impuesto': impuesto, 'descuento': descuento, 'cupon': cupon, 'subtotal': subtotal, 'total': total, 'status': status, 'items': items, 'nombreRecibe': nombreRecibe, 'fechaRecibe': fechaRecibe, 'mensajeRecibe': mensajeRecibe, 'direccionRecibe': direccionRecibe, 'detalles_solicitud': detalles_solicitud }; var parametros = { 'funcion': "checkout_proceso", 'campos': valores } localStorage.setItem('parametros', JSON.stringify(parametros)); //Metodos de pago if (metodo == 1) { pasoUno() } else { pago = 'no pago' finCompra(parametros, pago) } } } function pasoUno() { var pasarela = ""; pasarela = document.getElementById("pasarela_code0").value; console.log(pasarela) $('.mg_vista_checkout').css("pointer-events", "all") if (pasarela == "PF") { var CCLWPF = document.getElementById("pasarela_code1").value; var tokenApiPF = document.getElementById("pasarela_code2").value; var ApiKeyPF = document.getElementById("pasarela_code3").value; var email_cliente = $('#floatingInput-email').val() var telefono_cliente = $('#floatingInput-telefono').val() pago = 'Tarjeta de credito' var parametros = JSON.parse(localStorage.getItem('parametros')); var total = parametros.campos.total; var ip = localStorage.getItem('ip'); var nombre = $('#name').val(); var apellido = $('#lastname').val(); var creditcardTemp = $('#card').val(); var creditcard = creditcardTemp.split(" ").join(""); var mm = $('#mm').val(); var yy = $('#yy').val(); var cvv = $('#cvv').val(); var datacompra = { CCLWPF, tokenApiPF, ApiKeyPF, pago, total, nombre, apellido, email_cliente, telefono_cliente, creditcard, mm, yy, cvv } console.log(datacompra) Swal.fire({ title: 'Realizando pago...', icon: 'success', showConfirmButton: false, timer: 2500 }) const parametrospost = { 'funcion': "proceso_paguelofacil", 'campos': datacompra } const accion_url = "../config/functions.php"; $.ajax({ url: accion_url, type: "POST", data: parametrospost, dataType: 'text', success: function (data) { var res = JSON.parse(data); if(res.success){ if((res.data.status)==1) { Swal.fire({ title: 'Un momento ya estamos terminando...', icon: 'success', showConfirmButton: false, timer: 2500 }) finCompra(parametros, pago) } else { console.log(res); console.log("DATA"); console.log(res.data.status); console.log(res.success); Swal.fire({ icon: 'warning', title: 'Error', text: 'Pago declinado, revisa tu información.', showConfirmButton: true }) return false; } } else { console.log(res); console.log("DATA"); console.log(res.data.status); console.log(res.success); Swal.fire({ icon: 'warning', title: 'Error', text: 'Error en las Transacción', showConfirmButton: true }) return false; } console.log(res); console.log("DATA"); console.log(res.data.status); console.log(res.success); } }); } if (pasarela == "MERCADOPAGO"){ $(document).ready(function() { console.log( "ready!" ); $('.mg_vista_checkout').css("pointer-events", "all") var parametros = localStorage.getItem('parametros'); var json = JSON.parse(parametros); console.log('Hola Mundo') console.log(json); console.log(json.campos); console.log(json.campos.total); const cardForm = mp.cardForm({ amount: json.campos.total, autoMount: true, form: { id: "form-checkout", cardholderName: { id: "form-checkout__cardholderName", placeholder: "Titular de la tarjeta", }, cardholderEmail: { id: "form-checkout__cardholderEmail", placeholder: "E-mail", }, cardNumber: { id: "form-checkout__cardNumber", placeholder: "Número de la tarjeta", }, cardExpirationMonth: { id: "form-checkout__cardExpirationMonth", placeholder: "Mes de vencimiento", }, cardExpirationYear: { id: "form-checkout__cardExpirationYear", placeholder: "Año de vencimiento", }, securityCode: { id: "form-checkout__securityCode", placeholder: "Código de seguridad", }, installments: { id: "form-checkout__installments", placeholder: "Cuotas", }, identificationType: { id: "form-checkout__identificationType", placeholder: "Tipo de documento", }, identificationNumber: { id: "form-checkout__identificationNumber", placeholder: "Número de documento", }, issuer: { id: "form-checkout__issuer", placeholder: "Banco emisor", }, }, callbacks: { onFormMounted: error => { if (error) return console.warn("Form Mounted handling error: ", error); console.log("Form mounted"); }, onSubmit: event => { event.preventDefault(); Toast.fire({ icon: 'warning', title: 'Procesando Pago...' }) const { paymentMethodId: payment_method_id, issuerId: issuer_id, cardholderEmail: email, amount, token, installments, identificationNumber, identificationType, } = cardForm.getCardFormData(); var data = JSON.stringify({ token, issuer_id, payment_method_id, transaction_amount: Number(amount), installments: Number(installments), description: "Compra KitCool", payer: { email: json.campos.email, identification: { type: identificationType, number: identificationNumber, }, }, }); console.log('Entro a data'); console.log(data); var client = new XMLHttpRequest(); client.open("POST", "https://api.mercadopago.com/v1/payments"); client.setRequestHeader('Authorization', 'Bearer APP_USR-104120089968007-120703-9202d23e21edb59532ea75fa6598feee-772692575'); client.setRequestHeader("Content-Type", "application/json"); client.onreadystatechange = function () { if (client.readyState == XMLHttpRequest.DONE) { if (client.status == 201) { var myObj = JSON.parse(client.responseText); console.log(myObj.status) console.log(myObj.status_detail) if (myObj.status == "approved"){ var pago = "TDC"; finCompra(json, pago) } else if (myObj.status == "in_process") { var pago = "Pago en Proceso"; finCompra(json, pago) } else if (myObj.status == "rejected") { if (myObj.status_detail =="cc_rejected_blacklist"){ Swal.fire({ icon: 'error', title: 'No pudimos procesar tu pago', showCancelButton: false, confirmButtonText: 'Ok', }).then((result) => { if (result.isConfirmed) { window.location.href = '/checkout'; } }) } else if (myObj.status_detail == "cc_rejected_card_error") { Swal.fire({ icon: 'error', title: 'No pudimos procesar tu pago, error de tarjeta', showCancelButton: false, confirmButtonText: 'Ok', }).then((result) => { if (result.isConfirmed) { window.location.href = '/checkout'; } }) } else if (myObj.status_detail == "cc_rejected_high_risk") { Swal.fire({ icon: 'error', title: 'Tu pago fue rechazado, elije otra tarjeta', showCancelButton: false, confirmButtonText: 'Ok', }).then((result) => { if (result.isConfirmed) { window.location.href = '/checkout'; } }) } else if (myObj.status_detail == "cc_rejected_insufficient_amount") { Swal.fire({ icon: 'error', title: 'Pago rechazado por fondos insuficientes', showCancelButton: false, confirmButtonText: 'Ok', }).then((result) => { if (result.isConfirmed) { window.location.href = '/checkout'; } }) } else if (myObj.status_detail == "cc_rejected_max_attempts") { Swal.fire({ icon: 'error', title: 'Llegaste al límite de intentos permitidos. Elige otra tarjeta.', showCancelButton: false, confirmButtonText: 'Ok', }).then((result) => { if (result.isConfirmed) { window.location.href = '/checkout'; } }) } else if (myObj.status_detail == "cc_rejected_bad_filled_security_code") { Swal.fire({ icon: 'error', title: 'Revisa el código de seguridad de la tarjeta.', showCancelButton: false, confirmButtonText: 'Ok', }).then((result) => { if (result.isConfirmed) { window.location.href = '/checkout'; } }) } else { Swal.fire({ icon: 'error', title: 'Ups.. La transacción ha sido denegada', showCancelButton: false, confirmButtonText: 'Ok', }).then((result) => { if (result.isConfirmed) { window.location.href = '/checkout'; } }) } }else{ Swal.fire({ icon: 'error', title: 'La autorización ha sido denegada. Error: ' + client.status, showCancelButton: false, confirmButtonText: 'Ok', }).then((result) => { if (result.isConfirmed) { window.location.href = '/checkout'; } }) } } else if (client.status == 400) { //$('#visaNetWrapper').hide(); console.log(client.responseText) alert(client.responseText) Swal.fire({ icon: 'error', title: 'La autorización ha sido denegada. Error: ' + client.status, showCancelButton: false, confirmButtonText: 'Ok', }).then((result) => { if (result.isConfirmed) { window.location.href = '/checkout'; } }) console.log(client) } else { console.log(client.status) Swal.fire({ icon: 'error', title: 'Ups... hemos tenido un error con tu tarjeta', showCancelButton: false, confirmButtonText: 'Ok', }).then((result) => { if (result.isConfirmed) { window.location.href = '/checkout'; } }) } } }; client.send(data); }, }, }); }); } if (pasarela == "BAC") { var parametros = JSON.parse(localStorage.getItem('parametros')); finCompra(parametros, "PAGO"); } } function pasoDos(token) { var parametros = JSON.parse(localStorage.getItem('parametros')); var total = parseInt(parametros.campos.total); var ip = localStorage.getItem('ip'); var variables = { "channel": "web", "amount": total, "antifraud": { "clientIp": ip, "merchantDefineData": { "MDD15": "Valor MDD 15", "MDD20": "Valor MDD 20", "MDD33": "Valor MDD 33" } } } var data = JSON.stringify(variables); var client = new XMLHttpRequest(); client.open("POST", "https://apiprod.vnforapps.com/api.ecommerce/v2/ecommerce/token/session/650181801"); client.setRequestHeader('Authorization', token); client.setRequestHeader("Content-Type", "application/json"); client.onreadystatechange = function () { if (client.readyState == XMLHttpRequest.DONE) { if (client.status == 200) { var myObj = JSON.parse(client.responseText); $('#checkout-btn').hide(); pasoTres(myObj.sessionKey) } else if (client.status == 400) { $('#visaNetWrapper').hide(); alert('Error, la autorización ha sido denegada'); console.log(client) } else { console.log(client.status) $('#visaNetWrapper').hide(); Swal.fire({ title: 'Ups hemos tenido un error', showDenyButton: false, showCancelButton: false }).then((result) => { /* Read more about isConfirmed, isDenied below */ if (result.isConfirmed) { Swal.fire('Saved!', '', 'success') } }) } } }; client.send(data); } function pasoTres(val) { var parametros = JSON.parse(localStorage.getItem('parametros')); var total = parseInt(parametros.campos.total); var pnumber = parseInt((Math.random() * (1000000 - 1) + 1), 0).toString(); localStorage.setItem('pnumber', pnumber) VisanetCheckout.configure({ sessiontoken: val, channel: 'web', merchantid: '650181801', purchasenumber: pnumber, amount: total, expirationminutes: '20', timeouturl: 'about:blank', merchantlogo: 'https://s3.us-east-2.amazonaws.com/mgpanel/646-logocolor.png', formbuttoncolor: '#8a69d1', action: 'javascript:pasoCuatro()', complete: function (params) { alert(JSON.stringify(params)); } }); VisanetCheckout.open(); } function pasoCuatro(){ var token = localStorage.getItem('token'); var parametros = JSON.parse(localStorage.getItem('parametros')); var pnumber = localStorage.getItem('pnumber'); var idsecurity = $("input[name='transactionToken']").val(); var total = parseInt(parametros.campos.total); console.log(token) console.log(parametros) console.log(idsecurity) var variables = { "channel": "web", "captureType": "manual", "countable": true, "order": { "tokenId": idsecurity, "purchaseNumber": pnumber, "amount": total, "currency": "PEN" } } console.log(variables); var data = JSON.stringify(variables); var client = new XMLHttpRequest(); client.open("POST", "https://apiprod.vnforapps.com/api.authorization/v3/authorization/ecommerce/650181801"); client.setRequestHeader('Authorization', token); client.setRequestHeader("Content-Type", "application/json"); client.onreadystatechange = function () { if (client.readyState == XMLHttpRequest.DONE) { if (client.status == 200) { console.log(client) pago = 'Tarjeta de credito' var parametros = JSON.parse(localStorage.getItem('parametros')); finCompra(parametros, pago) } else if (client.status == 400) { console.log(client) Swal.fire({ title: 'Error en el numero de compra', showDenyButton: false, showCancelButton: false, confirmButtonText: 'Ok', }).then((result) => { /* Read more about isConfirmed, isDenied below */ if (result.isConfirmed) { window.location.href = '/checkout'; $('.mg_vista_checkout').css("pointer-events", "all") $('.mg_btn-accion').show() } }) } else if (client.status == 401) { console.log(client) Swal.fire({ title: 'Compra no Autorizad', showDenyButton: false, showCancelButton: false, confirmButtonText: 'Ok', }).then((result) => { /* Read more about isConfirmed, isDenied below */ if (result.isConfirmed) { window.location.href = '/checkout'; $('.mg_vista_checkout').css("pointer-events", "all") $('.mg_btn-accion').show() } }) } else if (client.status == 406) { $('#visaNetWrapper').hide(); console.log(client) Swal.fire({ title: 'Transacción declinada', showDenyButton: false, showCancelButton: false, confirmButtonText: 'Ok', }).then((result) => { /* Read more about isConfirmed, isDenied below */ if (result.isConfirmed) { window.location.href = '/checkout'; $('.mg_vista_checkout').css("pointer-events", "all") $('.mg_btn-accion').show() } }) } else { console.log(client.status) $('#visaNetWrapper').hide(); Swal.fire({ title: 'Ups hemos tenido un error', showDenyButton: false, showCancelButton: false, confirmButtonText: 'Ok', }).then((result) => { /* Read more about isConfirmed, isDenied below */ if (result.isConfirmed) { window.location.href = '/checkout'; $('.mg_vista_checkout').css("pointer-events", "all") $('.mg_btn-accion').show() } }) } } }; client.send(data); } function finCompra(parametros, var2) { var accion_url = "../config/functions.php"; var URL_mg = document.getElementById('URL_mg').value; $.ajax({ type: 'POST', url: accion_url, data: parametros, dataType: 'json', success: function (response) { if (typeof onSuccessfulPurchase === "function") { onSuccessfulPurchase(parametros, response); // Si existe, la ejecuta } else { console.warn("La función onSuccessfulPurchase() no existe."); } if (document.querySelector("#mg_val_checkout_type").value == 1) { Toast.fire({ icon: 'success', title: '¡Solicitud enviada!' }) } else if (document.querySelector("#mg_val_checkout_type").value == 2) { if ((metodo == 4) || (metodo == 5) || (metodo == 6)) { Toast.fire({ icon: 'info', title: '¡Un momento por favor!' }) } else { Toast.fire({ icon: 'success', title: '¡Gracias por tu compra!' }) } } $("#mg_login_email").val(parametros.campos.email); if (response[0] == 1) { $("#mg_login_captcha").append(`<input type="password" id="mg_login_md5" name="mg_login_md5" value="` + response[1] + `">`); } $("#mg_login_password").val(parametros.campos.key); localStorage.removeItem('cesta'); $("#mg_login_captcha").submit(); setTimeout(function() { if (metodo == 4) { document.getElementById('successUrl').value = URL_mg + "/cuenta&transactionid=" + response[2]._id.$oid; localStorage.setItem('transactionid', response[2]._id.$oid); document.getElementById('yappyForm').submit(); } if (metodo == 5) { document.getElementById('success_url_stripe').value = URL_mg + "/cuenta&transactionid=" + response[2]._id.$oid; localStorage.setItem('transactionid', response[2]._id.$oid); document.getElementById('stripeForm').submit(); } if (metodo == 6) { document.getElementById('campoExtra1').value = response[2]._id.$oid; document.getElementById('campoExtra2').value = parametros.campos.email; document.getElementById('campoExtra3').value = parametros.campos.key; localStorage.setItem('transactionid', response[2]._id.$oid); document.getElementById('pseForm').submit(); } }, 500); } }) return false }; function mgSearchProducts () { if (document.querySelector("#mg_input_buscador_productos").value == '') { document.querySelector("#mg_busqueda_resultado").style.display = "block"; document.querySelector("#mg_busqueda_resultado").innerHTML = ` <ul class='mg_sin_resultados'> <li> <span>Sin resultados<small>Prueba con una búsqueda diferente.</small></sapn> </li> </ul> `; } else { $(location).attr('href', '/productos/search&QUERY=' + document.querySelector("#mg_input_buscador_productos").value) } } // BAC function generateGUID() { return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) { const r = Math.random() * 16 | 0; const v = c === 'x' ? r : (r & 0x3 | 0x8); return v.toString(16); }); } // BAC function generateOrderIdentifier() { function randomSection(length) { return Array.from({ length }, () => Math.floor(Math.random() * 16).toString(16) ).join(""); } const orderIdentifier = `INT-${randomSection(8)}-${randomSection(4)}-${randomSection(4)}-${randomSection(4)}-${randomSection(12)}-Orc ${Math.floor(1000 + Math.random() * 9000)}`; return orderIdentifier; } // BAC function procesarPago(event) { event.preventDefault(); // Verificar si el monto es 0 const totalAmount = parseFloat(document.getElementById("total_mg_checkout").innerText); if (totalAmount === 0) { Toast.fire({ icon: 'error', title: 'Error al procesar el pago.' }); setTimeout(() => { window.location.reload(); }, "2000"); return false; } if (document.querySelector("#cardholderName").value.length < 2) { Toast.fire({ icon: 'warning', title: 'Debes agregar el nombre del titular' }) return false; } if (document.querySelector("#mg_numberCard").value.length < 16) { Toast.fire({ icon: 'warning', title: 'Debes agregar el número de la tarjeta' }) return false; } if (document.querySelector("#mg_cvvCard").value.length < 3) { Toast.fire({ icon: 'warning', title: 'Debes agregar el CVV' }) return false; } document.querySelector(".mg_btn-accionCard").disabled = true; document.querySelector(".mg_btn-accionCard").innerHTML = "Procesando..."; const paymentData = { AddressMatch: false, BillingAddress: { City: document.getElementById("floatingInput-ciudad").value, EmailAddress: document.getElementById("floatingInput-email").value, FirstName: document.getElementById("floatingInput-nombre").value, Line1: document.getElementById("floatingInput-direccion").value, PhoneNumber: document.getElementById("floatingInput-telefono").value, }, ExtendedData: { ThreeDSecure: { ChallengeWindowSize: 4 }, MerchantResponseUrl: document.querySelector("#URL_mg").value + "/frontend/lib/bac/respuestaBAC.php" }, Source: { CardCvv: document.getElementById("mg_cvvCard").value, CardExpiration: document.getElementById("mg_yyCard").value + document.getElementById("mg_mmCard").value, CardholderName: document.getElementById("cardholderName").value, CardPan: document.getElementById("mg_numberCard").value.replace(/\s/g, "") }, ThreeDSecure: true, TotalAmount: parseFloat(document.getElementById("total_mg_checkout").innerText), CurrencyCode: "840", OrderIdentifier: generateOrderIdentifier(), powerTranzId: document.getElementById("pasarela_code1").value, powerTranzPassword: document.getElementById("pasarela_code2").value, bacUrl: document.getElementById("bacUrl").value, }; // console.log(JSON.stringify(paymentData, null, 2)); // Hacer una solicitud a procesoBAC.php fetch('/frontend/lib/bac/procesoBAC.php', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(paymentData) // Enviar los datos como JSON al servidor }) .then(response => response.json()) .then(data => { console.log(data) // Verifica si la respuesta contiene HTML en el campo RedirectData if (data.RedirectData) { const iframe = document.getElementById('redirectIframe'); iframe.style.display = 'block'; // Mostrar el iframe iframe.src = '/frontend/lib/bac/respuestaBAC.php'; // Carga el contenido en el iframe iframe.srcdoc = data.RedirectData; // Insertar el contenido HTML en el iframe // Agrega el listener aquí también para asegurar que se capture window.addEventListener('message', function(event) { event.preventDefault(); // console.log("Mensaje recibido dentro de procesarPago:", event); const data = event.data; console.log(data) if (data.status && data.message) { // alert('Estado: ' + data.status + '\nCódigo: ' + data.cod + '\nMensaje: ' + data.message); if (data.cod == 'S70') { console.log("PASO OK"); Checkout(); } else { Toast.fire({ icon: 'error', title: data.message }) setTimeout(() => { console.log("Recargando página después de 1 segundo..."); window.location.reload(); }, "2000"); // document.querySelector(".mg_btn-accionCard").disabled = false; // document.querySelector(".mg_btn-accionCard").innerHTML = "Procesar pago"; return false; } } }); } else { console.log('Respuesta del servidor:', data); Toast.fire({ icon: 'error', title: data.ResponseMessage }) document.querySelector(".mg_btn-accionCard").disabled = false; document.querySelector(".mg_btn-accionCard").innerHTML = "Procesar pago"; } }) .catch(error => { console.error('Error al procesar el pago:', error); Toast.fire({ icon: 'error', title: 'Error al procesar el pago.' }) document.querySelector(".mg_btn-accionCard").disabled = false; document.querySelector(".mg_btn-accionCard").innerHTML = "Procesar pago"; }); } // WOMPI async function mgCheckoutWompi() { document.querySelector("#payMethod_1").innerHTML = `Un momento...`; const total = Number(document.querySelector('#total_mg_checkout').innerHTML); const totalInCents = Math.round(total * 100); // Redondear al centavo más cercano const reference = GeneratePassword(); try { // #1 - Wompi - Generar Firma de integridad const cadenaConcatenada = reference + `${totalInCents}USD${secret_integrity_Wompi}`; const encondedText = new TextEncoder().encode(cadenaConcatenada); const hashBuffer = await crypto.subtle.digest("SHA-256", encondedText); const hashArray = Array.from(new Uint8Array(hashBuffer)); const hashHex = hashArray.map((b) => b.toString(16).padStart(2, "0")).join(""); console.log("Firma de integridad: ", hashHex); // #1 - Wompi - Configurar transacción var checkout = new WidgetCheckout({ currency: 'USD', amountInCents: totalInCents, reference: reference, publicKey: public_key_Wompi, signature: {integrity : hashHex }, customerData: { // Opcional email: $("#floatingInput-email").val().toLowerCase(), fullName: $("#floatingInput-nombre").val(), }, }) checkout.open(function (result) { var transaction = result.transaction; const transactionStatus = transaction.status; console.log("Transaction ID: ", transaction.id); console.log("Transaction object: ", transaction); if (transactionStatus === 'APPROVED') { Checkout(); } else if (transactionStatus === 'DECLINED' || transactionStatus === 'VOIDED') { Swal.fire({ title: '¡Error!', text: 'La transacción fue rechazada o anulada.', icon: 'error', confirmButtonText: 'OK' }); document.querySelector("#payMethod_1").innerHTML = `<i class="fa-brands fa-cc-visa me-1"></i>Pagar`; } else if (transactionStatus === 'ERROR') { document.querySelector("#payMethod_1").innerHTML = `<i class="fa-brands fa-cc-visa me-1"></i>Pagar`; Swal.fire({ title: '¡Error!', text: 'Tu transacción resultó en un ERROR', icon: 'error', confirmButtonText: 'OK' }); } }); } catch (error) { console.log('Error processing order:', error); let errorMessage = error.message || 'Hubo un problema al procesar su pedido. Por favor intente nuevamente.'; // Si hay más detalles de error disponibles, agregarlos al mensaje de error if (error.response && error.response.data && error.response.data.messages) { errorMessage += ` Detalles del error: ${Object.values(error.response.data.messages).flat().join(', ')}`; } Swal.fire({ title: '¡Error!', text: errorMessage, icon: 'error', confirmButtonText: 'OK' }); document.querySelector("#payMethod_1").innerHTML = `<i class="fa-brands fa-cc-visa me-1"></i>Pagar`; } return; }</script> <!-- <div class="mg_buscador_productos"> <button id="mg_close-buscador"><i class="fas fa-times"></i></button> <input type="text" id="mg_input_buscador_productos" placeholder="Buscar Producto..." autocomplete="off"> <div id="mg_busqueda_resultado" style="display:none;"></div> </div> --> <!-- <script></script> --> <div class="mg_buscador_productos"> <button id="mg_close-buscador"><i class="fas fa-times"></i></button> <input type="text" id="mg_input_buscador_productos" placeholder="Buscar Producto..." autocomplete="off"> <button id="mg_magnifying-glass_buscador" onclick="mgSearchProducts()"><i class="fa-solid fa-magnifying-glass"></i></button> <div id="mg_busqueda_resultado" style="display:none;"></div> </div> </div> </div> </div> <div class="headInf"> <div class="row"> <div class="col-md-3 headLogo"> <a href="/"><img src="https://s3.us-east-2.amazonaws.com/mgpanel/964-logo-avtek.png" class="img-fluid" alt="Logo Avtek Protectores Eléctricos"></a> <!--- <a href="/"><img src="https://s3.us-east-2.amazonaws.com/mgpanel/logo-45-mesa-de-trabajo-1-1696486898918_1717.jpg" class="img-fluid" alt="Logo Avtek Protectores Eléctricos"></a> ---> <span class="LogoNaranj"></span> </div> <div class="col-md-9"> <nav class="navbar"> <ul> <li><a href="/">Inicio</a></li> <li> <a href="/pag/somos-avtek">Sobre Avtek</a> <ul> <li><a href="/pag/somos-avtek">¿Quiénes Somos?</a></li> <li><a href="/pag/informacion-comercial">Información Comercial</a></li> <li><a href="/categoria/noticias">Noticias</a></li> <li><a href="/pag/videos">Videos</a></li> </ul> </li> <li> <a href="/pag/categoria-de-producto">Nuestros Productos</a> <ul> <!-- <li><a href="/productos/Supresores%20SPD">Supresores SPD</a></li> --> <li><a href="/productos/Supresores%20de%20sobrevoltaje">Supresores de voltaje</a></li> <li><a href="/productos/protectores%20de%20voltaje">Protectores de voltaje</a></li> <li><a href="/productos/protectores%20con%20alta%20capacidad%20de%20supresion">Protectores con alta capacidad de supresión</a></li> <li><a href="/productos/multiprotectores">Multiprotectores de voltaje</a></li> <li><a href="/productos/supervisores%20de%20voltaje">Supervisores de voltaje</a></li> <li><a href="/productos/reguladores%20de%20voltaje">Reguladores de voltaje</a></li> <li><a href="/productos/ups">UPS</a></li> <li><a href="/productos/sistemas%20auxiliares%20de%20energia">Sistemas auxiliares de energía</a></li> <li><a href="/productos/bateria">Baterias</a></li> </ul> <li> <a href="/pag/equipo-a-proteger">Equipos a proteger</a> </li> <li><a href="/pag/fichas-tecnicas">Fichas técnicas</a></li> <li><a href="/pag/contacto" class="headBuscBtm">Contáctanos</a></li> </ul> </nav> </div> </div> </div> </div> </div> </div> <div class="banner"> <div id="" class="" style=""> <div id="carousel2022Fade" class="carousel slide carousel-fade" data-ride="carousel"> <div class="carousel-inner"> <div class="carousel-item active background-image-overlay_video"> <video preload="auto" autoplay="" loop="" muted="" width="100%" > <source src="https://s3.us-east-2.amazonaws.com/mgpanel/avtek-banner-FRx.mp4" type="video/mp4 "> </video> <div class="carousel-caption d-none d-md-block"> <h1>Protectores eléctricos para todos tus equipos</h1> <!--- <p>Las fallas eléctricas no son tu culpa, descuidar tus equipos sí lo es. Protege y prolonga la vida útil de tus electrodomésticos con protectores de voltaje de alta eficiencia.</p> ---> <p>No puedes evitar que sucedan las fallas eléctricas, pero si puedes evitar que dañen tus equipos.</p> <a href="/productos/protectores%20de%20voltaje" class="bannerBtm">Ver Protectores de Voltaje</a> </div> </div> </div> </div> </div> </div> <div class="elegirnos"> <div class="container"> <div class="row"> <div id="" class="col-xs-12 col-sm-12 col-md-12 col-lg-12 row" style=""> <div class="col-md-4 elegirnosImgs"> <img src="https://s3.us-east-2.amazonaws.com/mgpanel/604-24-nosotros33.jpg" alt="Productos de Protección Eléctrica" loading="lazy" class="img-fluid elegirnosImg1"> <img src="https://s3.us-east-2.amazonaws.com/mgpanel/941-24-nosotros1.jpg" alt="Protección Eléctrica para Equipos" loading="lazy" class="img-fluid elegirnosImg2"> <img src="https://s3.us-east-2.amazonaws.com/mgpanel/309-nosotros3.jpg" alt="Productos para Regulación Eléctrica" loading="lazy" class="img-fluid elegirnosImg3"> </div> <div class="col-md-8 row elegirnosInfo"> <div class="col-md-4 elegirnosInfoImg"> <img src="https://s3.us-east-2.amazonaws.com/mgpanel/548-ano-png.png" loading="lazy" alt="Protección de Fallas Eléctricas" class="img-fluid"> <span class="lineaNaranjVert"></span> </div> <div class="col-md-8 elegirnosInfoTitle"> <p>45 AÑOS DE EXPERIENCIA</p> <h2 class="titleSec">¿POR QUÉ ELEGIRNOS?</h2> </div> <div class="elegirnosInfoP"> <p><strong>Avtek tiene una solución para cada problema.</strong></p> <p>Avtek nace en Venezuela en el año 1978 desarrollando de forma continua innovadores productos de protección eléctrica. Desde el inicio hasta el día de hoy nuestra misión es proteger los diferentes equipos del hogar, el comercio y la industria ante las diversas fallas eléctricas.</p> <p>Pioneros y líderes en el mercado venezolano, hoy conformamos una organización internacional con sede logística en la Zona Libre de Panamá, y presencia comercial en diversos países de América Latina.</p> <p>Nuestra exitosa trayectoria se ha basado en mantener inalterables nuestros 4 principios básicos:</p> <ul class="elegirnosUl"> <li>Diseño propio basado en la innovación constante acorde a las necesidades y evolución del mercado.</li> <li>Esmerada y eficiente plataforma logística, la cual nos permite llegar a nuestros clientes en el mejor tiempo respuesta.</li> <li> Impecable servicio técnico pre y post ventas, lo cual incluye: Inducciones, adiestramientos, talleres autorizados y atención al cliente.</li> <li>Un equipo humano de altísima experiencia, honestos y comprometidos con la marca y con sus clientes y que representan nuestro activo más preciado. Trabajamos unidos bajo nuestro lema: proteger, servir e informar.</li> </ul> </div> </div> </div> </div></div></div> <div class="seleccionar"> <div class="container"> <div id="" class="row" style=""> <div class="col-md-12 seleccionarInfo"> <p class="seleccionarNaranjP"><strong>PRODUCTOS AVTEK</strong></p> <h2 class="titleSec">¿Sabes cómo seleccionar tus protectores eléctricos?</h2> <span class="lineaNaranja"></span> <p>Ofrecemos múltiples productos de protección eléctrica. Pensando en tu comodidad, te presentamos tres opciones para escoger la protección adecuada para tus equipos y electrodomésticos.</p> </div> <div class="seleccionarCard col-md-4"> <img src="https://s3.us-east-2.amazonaws.com/mgpanel/492-newww.jpg" loading="lazy" class="img-fluid" alt="Protección según el tipo de falla eléctrica"> <div class="seleccionarCardInfo"> <a href="/pag/categoria-de-producto"> <p>Encuentra un protector por su categoría de producto</p> </a> <p>Ofrecemos una completa línea de productos de acuerdo a las distintas fallas eléctricas: reguladores de voltaje, UPS, supresores de pico y más</p> <a href="/pag/categoria-de-producto" class="btm seleccionarInfo">Más Detalles</a> </div> </div> <div class="seleccionarCard col-md-4"> <img src="https://s3.us-east-2.amazonaws.com/mgpanel/628-servicio2-Uy3.jpg" loading="lazy" class="img-fluid" alt="Protección eléctrica por equipo a proteger"> <div class="seleccionarCardInfo"> <a href="/pag/equipo-a-proteger"> <p>Encuentra un protector por el equipo a proteger</p> </a> <p>Identifica el producto que te conviene para prevenir problemas eléctricos en aire acondicionado, TV, refrigeradores, computadores y más</p> <a href="/pag/equipo-a-proteger" class="btm seleccionarInfo">Más Detalles</a> </div> </div> <div class="seleccionarCard col-md-4"> <img src="https://s3.us-east-2.amazonaws.com/mgpanel/924-servicio1-NGR.jpg" loading="lazy" class="img-fluid" alt="Protección eléctrica por zona o lugar"> <div class="seleccionarCardInfo"> <a href="/pag/ubicacion"> <p>Encuentra un protector por su función o ubicación</p> </a> <p>Escoge de acuerdo al lugar donde está el equipo que quieres proteger</p> <p>Hogar | oficina y comercio | industria</p> <a href="/pag/ubicacion" class="btm seleccionarInfo">Más Detalles</a> </div> </div> <div class="col-md-12 btn-fichas-mobile" style="display: none;"> <a href="/pag/fichas-tecnicas" class="btm seleccionarInfo">Fichas técnicas</a> </div> </div> </div></div> <div class="causas"> <div class="container"> <div id="" class="row" style=""> <div class="causasTitle col-sm-12 col-md-12"> <div> <p class="seleccionarNaranjP">CAUSAS Y EFECTOS</p> <h2 class="titleSec">Aprende sobre electricidad</h2> </div> <a href="/categoria/noticias" class="btn-primary">Ir a Noticias</a> </div> <div class="causasInfo col-xs-12 col-sm-12 col-md-4"> <div class="causasImg"><a href="/post/origen-de-las-fallas-electricas"><img loading="lazy" src="https://s3.us-east-2.amazonaws.com/mgpanel/suministro-fallas-electricas-V2a.jpg" alt="Fallas eléctricas más comunes" class="img-fluid"></a></div> <h3><a href="/post/origen-de-las-fallas-electricas">Las fallas eléctricas más importantes</a></h3> <span class="lineaNaranja"></span> <p>Para entender mejor cómo proteger tus equipos, aquí te explicamos las fallas elécticas más comunes, cómo se producen, y cómo evitar sus consecuencias en los aparatos de tu hogar...</p> </div> <div class="causasInfo col-xs-12 col-sm-12 col-md-4"> <div class="causasImg"><a href="/pag/protectores-de-voltaje"><img loading="lazy" src="https://s3.us-east-2.amazonaws.com/mgpanel/protector-de-voltaje-refrigerador-GdJ.jpg" alt="Protectores de voltaje" class="img-fluid"></a></div> <h3><a href="/pag/protectores-de-voltaje">Protectores de voltaje ¿Cómo funcionan?</a></h3> <span class="lineaNaranja"></span> <p>Los protectores de voltaje son los guardaespaldas de tus aparatos electrónicos, los protegen de las fallas eléctricas ocasionadas por las distintas variaciones de voltaje que...</p> </div> <div class="causasInfo col-xs-12 col-sm-12 col-md-4"> <div class="causasImg"><a href="/pag/reguladores-de-voltaje"><img loading="lazy" src="https://s3.us-east-2.amazonaws.com/mgpanel/regulador-voltaje-tv-pc-fcH.jpg" alt="Reguladores de voltaje" class="img-fluid"></a></div> <h3><a href="/pag/reguladores-de-voltaje">Reguladores de voltaje ¿Para qué sirven?</a></h3> <span class="lineaNaranja"></span> <p>El regulador de voltaje también conocido como estabilizador de voltaje es un dispositivo de protección eléctrica que se encarga de controlar el voltaje que reciben tus aparatos, impidiendo el...</p> </div> </div> </div></div> <div class="servicios"> <div class="container"> <div id="" class="row" style=""> <div class="col-md-3"> <img class="img-fluid" loading="lazy" src="https://s3.us-east-2.amazonaws.com/mgpanel/838-icono-pc.png" alt="Fichas técnicas para protectores eléctricos de voltaje"> <h5>Fichas técnicas</h5> <p>Más de 60 productos en 9 categorías listos para proteger tus equipos</p> <a href="/pag/fichas-tecnicas" class="btm causasBtm">Fichas técnicas</a> </div> <div class="col-md-3"> <img loading="lazy" src="https://s3.us-east-2.amazonaws.com/mgpanel/610-icono-secadora.png" alt="Instalación de protectores de voltaje" class="img-fluid"> <h5>Conoce los productos</h5> <p>Especificaciones técnicas, recomendaciones de aplicación e instalación</p> <a href="/pag/categoria-de-producto" class="btm causasBtm">Soluciones</a> </div> <div class="col-md-3"> <img loading="lazy" src="https://s3.us-east-2.amazonaws.com/mgpanel/566-icono-compra.png" alt="Comprar protectores Avtek" class="img-fluid"> <h5>Dónde comprar Avtek</h5> <p>Una red internacional de distribución y servicio técnico</p> <a href="/pag/informacion-comercial" class="btm causasBtm">Información Comercial</a> </div> <div class="col-md-3"> <img loading="lazy" src="https://s3.us-east-2.amazonaws.com/mgpanel/474-icono-envio.png" alt="Distribuidores y servicio técnico de Avtek" class="img-fluid"> <h5>¿Quieres ser distribuidor?</h5> <p>Contacta a nuestro equipo comercial y empieza a vender Avtek</p> <a href="/pag/contacto" class="btm causasBtm">Información Comercial</a> </div> </div> </div></div> <div class="contacto"> <div class="container"> <div class="row"> <div id="" class="col-xs-12 col-sm-12 col-md-12 col-lg-12 row" style=""> <div class="contactoTarjeta"> <div class="row"> <div class="col-md-6 contactoForm"> <p>SI BUSCAS ALGO EN ESPECÍFICO</p> <h2 class="titleSec">SEGURAMENTE LO TENEMOS</h2> <script>$(document).ready(function () { $(".form-control").keyup(function (e) { $(".form-control").removeClass("mg_error") }); }); let totalValue = 0; document.addEventListener("DOMContentLoaded", function(event) { if (document.querySelector("#mg_val_checkout_metodo")) { metodo = $("#mg_val_checkout_metodo").val(); $('#mg_checkout_option1').click(function () { $("#mg_checkout_option3").removeClass("form-check-select"); $("#mg_checkout_option1").addClass("form-check-select"); $("#metodo_PAYPAL").hide(); $("#metodo_TC").show(); $('.mg_btn-accionando').hide() metodo = 1; // TC }); $('#mg_checkout_option3').click(function () { $("#mg_checkout_option1").removeClass("form-check-select"); $("#mg_checkout_option3").addClass("form-check-select"); $("#metodo_TC").hide(); $("#metodo_PAYPAL").show(); $('.mg_btn-accionando').hide() metodo = 3; // PAYPAL }); } let codeValue = document.querySelector("#mg_code_form").value; if (document.querySelector('.mg_cupon')) { $('#floatingInput-cupon').keyup(function (e) { var value = normalize($(this).val()).toUpperCase(); $('#floatingInput-cupon').val(value); const parametros = { 'funcion': "valida_cupon", 'campos': value } const accion_url = "../config/functions.php"; $.ajax({ type: "POST", url: accion_url, data: parametros, dataType: 'json', beforeSend: function () { }, error: function(xhr, status, error) { console.log(error) }, success: function (data) { console.log(data) if (value.length == 0) { document.querySelector(".mg_cupon_alert").innerHTML = ` <div class="alert alert-primary d-flex align-items-center" role="alert"> <svg class="bi flex-shrink-0 me-2" width="24" height="24" role="img" aria-label="Info:"><use xlink:href="#info-fill"/></svg> <div>Agrega el código de cupón</div> </div> `; document.querySelector("#total_mg_checkout").innerHTML = totalValue; document.querySelector(".mg_" + codeValue + " > .form-row > .form-group:nth-last-child(4) > input.form-control").value = ""; document.querySelector(".mg_" + codeValue + " > .form-row > .form-group:nth-last-child(3) > input.form-control").value = totalValue; document.querySelector("#amount").value = totalValue; } else if (data[0] == 1) { if (data[1] > document.querySelector("#amount").value) { document.querySelector(".mg_cupon_alert").innerHTML = ` <div class="alert alert-danger d-flex align-items-center" role="alert"> <svg class="bi flex-shrink-0 me-2" width="24" height="24" role="img" aria-label="Danger:"><use xlink:href="#exclamation-triangle-fill"/></svg> <div>Cupón no válido</div> </div> `; document.querySelector("#total_mg_checkout").innerHTML = totalValue; document.querySelector(".mg_" + codeValue + " > .form-row > .form-group:nth-last-child(4) > input.form-control").value = ""; document.querySelector(".mg_" + codeValue + " > .form-row > .form-group:nth-last-child(3) > input.form-control").value = totalValue; document.querySelector("#amount").value = totalValue; } else { if (data[1] > 0) { document.querySelector(".mg_cupon_alert").innerHTML = ` <div class="alert alert-success d-flex align-items-center" role="alert"> <svg class="bi flex-shrink-0 me-2" width="24" height="24" role="img" aria-label="Success:"><use xlink:href="#check-circle-fill"/></svg> <div>Aplicaste un descuento de $` + data[1] + `</div> </div> `; var new_totalValue = totalValue - data[1]; document.querySelector("#total_mg_checkout").innerHTML = new_totalValue; document.querySelector(".mg_" + codeValue + " > .form-row > .form-group:nth-last-child(4) > input.form-control").value = value; document.querySelector(".mg_" + codeValue + " > .form-row > .form-group:nth-last-child(3) > input.form-control").value = new_totalValue; document.querySelector("#amount").value = new_totalValue; } else { document.querySelector(".mg_cupon_alert").innerHTML = ` <div class="alert alert-success d-flex align-items-center" role="alert"> <svg class="bi flex-shrink-0 me-2" width="24" height="24" role="img" aria-label="Success:"><use xlink:href="#check-circle-fill"/></svg> <div>Aplicaste un descuento del ` + data[2] + `%</div> </div> `; var new_totalValue = totalValue - (totalValue * data[2] / 100); document.querySelector("#total_mg_checkout").innerHTML = new_totalValue; document.querySelector(".mg_" + codeValue + " > .form-row > .form-group:nth-last-child(4) > input.form-control").value = value; document.querySelector(".mg_" + codeValue + " > .form-row > .form-group:nth-last-child(3) > input.form-control").value = new_totalValue; document.querySelector("#amount").value = new_totalValue; } } } else { document.querySelector(".mg_cupon_alert").innerHTML = ` <div class="alert alert-danger d-flex align-items-center" role="alert"> <svg class="bi flex-shrink-0 me-2" width="24" height="24" role="img" aria-label="Danger:"><use xlink:href="#exclamation-triangle-fill"/></svg> <div>Cupón no existe</div> </div> `; document.querySelector("#total_mg_checkout").innerHTML = totalValue; document.querySelector(".mg_" + codeValue + " > .form-row > .form-group:nth-last-child(4) > input.form-control").value = ""; document.querySelector(".mg_" + codeValue + " > .form-row > .form-group:nth-last-child(3) > input.form-control").value = totalValue; document.querySelector("#amount").value = totalValue; } } }) }) } }); function enviar(code, typeForm) { $(".mg_" + code + ' .mg_btn-accion').hide(); $(".mg_" + code + ' .mg_btn-accionando').css("display","flex"); var valores = []; var array_productos = {}; var cantidad_productos = 0; var total_productos = 0; // console.log(".mg_" + code) cant_campos = $(".mg_" + code + " #mg_cant_campos").val() campos = []; for (var i = 0; i < cant_campos; i++) { campos[i] = $(".mg_" + code + " #mg_campo_" + i).val() } for (var i = 0; i < cant_campos; i++) { if (($(".mg_" + code + " #mg_" + campos[i]).data('tipo') == 3) && (!isValidEmail($(".mg_" + code + " #mg_" + campos[i]).val()))) { $(".mg_" + code + " #mg_" + campos[i]).addClass("mg_error") Toast.fire({ icon: 'warning', title: $("#mg_warning_email").val() }) $(".mg_" + code + ' .mg_btn-accion').show() $(".mg_" + code + ' .mg_btn-accionando').hide() return false } else if (($(".mg_" + code + " #mg_" + campos[i]).data('obligatorio') == 1) && ($(".mg_" + code + " #mg_" + campos[i]).val().length < 3)) { $(".mg_" + code + " #mg_" + campos[i]).addClass("mg_error") Toast.fire({ icon: 'warning', title: $("#mg_warning_item").val() }) $(".mg_" + code + ' .mg_btn-accion').show() $(".mg_" + code + ' .mg_btn-accionando').hide() return false } else if ($(".mg_" + code + " #mg_" + campos[i]).data('tipo') == 6) { var archivo = normalize_url_img($(".mg_" + code + " #mg_" + campos[i]).val().split('\\').pop()); var mg_ALTcaracteres = "abcdefghijkmnpqrtuvwxyzABCDEFGHJKMNPQRTUVWXYZ2346789"; var mg_ALTrandom = ""; for (mg_ALTcod=0; mg_ALTcod < 3; mg_ALTcod++) mg_ALTrandom +=mg_ALTcaracteres.charAt(Math.floor(Math.random()*mg_ALTcaracteres.length)); if (archivo == "") { // } else { if ((/\.(pdf)$/i).test(archivo)) { var MG_FILEContentType = "application/pdf"; } else { var MG_FILEContentType = "application/octet-stream"; } s3.upload({ Key: 'MG_FILE_' + mg_ALTrandom + '_' + archivo, Body: $(".mg_" + code + " #mg_" + campos[i])[0].files[0], ACL: 'public-read', ContentType: MG_FILEContentType }, function (err, data) { // }).on('httpUploadProgress', function (progress) { var uploaded = parseInt((progress.loaded * 100) / progress.total); if (uploaded == 100) { // } }); } } if ($("#mg_" + campos[i]).data('tipo') == 6) { if (archivo == "") { mg_campo_value = ""; } else { mg_campo_value = 'MG_FILE_' + mg_ALTrandom + '_' + archivo; } } else { mg_campo_value = $("#mg_" + campos[i]).val(); } if ($("#mg_" + campos[i]).data('tipo') == 7) { mg_campo_value_pre = ""; for (var ck = 0; ck < $("#mg_" + campos[i]).data('long');) { if ($('#mg_checks_' + campos[i] + ' #inlineCheckbox_' + ck).prop('checked')) { mg_campo_value_pre = mg_campo_value_pre + $('#mg_checks_' + campos[i] + ' #inlineCheckbox_' + ck).val() + ", "; } ck++; } mg_campo_value = mg_campo_value_pre.slice(0, -2); } if ($("#mg_" + campos[i]).data('tipo') == 8) { cantidad_productos = cantidad_productos + document.querySelector("#mg_" + campos[i]).value; var monto_producto = document.querySelector("#mg_amount_" + campos[i]).value; total_productos = total_productos + (monto_producto * document.querySelector("#mg_" + campos[i]).value); } valores[i] = [ campos[i], mg_campo_value, $("#mg_" + campos[i]).data('valor_nombre'), $("#mg_" + campos[i]).data('valor_email'), $("#mg_" + campos[i]).data('nombre'), $("#mg_" + campos[i]).data('tipo') ] } var parametros = { 'funcion': "formularios_proceso", 'campos': valores, '_id': $(".mg_" + code + " #mg_id_form").val() } // Obtener la URL actual var urlActual = window.location.href; // Definir la expresión regular para verificar si la URL contiene "/0/" antes de "pag/blackfriday" var regex = /\/0\//; // Declarar la variable accion_url y asignarle un valor predeterminado var accion_url = "../config/functions.php"; // Verificar si la expresión regular coincide con la URL actual if (regex.test(urlActual)) { accion_url = "../../../config/functions.php"; } if (typeForm == 2) { if (cantidad_productos == 0) { Toast.fire({ icon: 'warning', title: $("#mg_warning_producto").val() }) $(".mg_" + code + ' .mg_btn-accion').show(); $(".mg_" + code + ' .mg_btn-accionando').hide(); return false; } document.querySelector("#total_mg_checkout").innerHTML = total_productos; document.querySelector(".mg_" + code + " > .form-row > .form-group:nth-last-child(3) > input.form-control").value = total_productos; document.querySelector("#amount").value = total_productos; totalValue = total_productos; if (document.querySelector('#mg_paypal_api')) { paypal.Buttons({ createOrder: function(data, actions) { return actions.order.create({ purchase_units: [{ amount: { value: Number(total_productos) } }] }); }, onApprove: function(data, actions) { Toast.fire({ icon: 'info', title: '¡Un momento por favor!' }) return actions.order.capture().then(function(details) { // Checkout(); ajax_envio (accion_url, parametros); }); } }).render('#mg_checkout_paypal-button-container'); } document.querySelector(".mg_" + code + " > .form-row").style.display = "none"; document.querySelector(".mg_" + code + ' .mg_btn-accion').style.display = "none"; document.querySelector(".mg_" + code + ' .mg_btn-accionando').style.display = "none"; document.querySelector("#mg_checkout_pay").style.display = "block"; return false; } if (document.querySelector(".mg_" + code + " #mg_reCAPTCHA").value == 1) { var response = grecaptcha.getResponse(); if (response.length == 0) { Toast.fire({ icon: 'warning', title: 'reCAPTCHA es requerido' }) $(".mg_" + code + ' .mg_btn-accion').show() $(".mg_" + code + ' .mg_btn-accionando').hide() return false; } else { $.ajax({ type: 'POST', url: accion_url, data: parametros, error: function(xhr, status, error) { Toast.fire({ icon: 'error', title: $("#mg_error_again").val() }) $(".mg_" + code + ' .mg_btn-accion').show() $(".mg_" + code + ' .mg_btn-accionando').hide() }, success: function (dat) { Toast.fire({ icon: 'success', title: $("#mg_success_enviado").val() }) setTimeout(function() { $(location).attr('href', $('#mg_url_destino').val()) console.log(dat) },2000); } }) } } else { $.ajax({ type: 'POST', url: accion_url, data: parametros, error: function(xhr, status, error) { Toast.fire({ icon: 'error', title: $("#mg_error_again").val() }) $(".mg_" + code + ' .mg_btn-accion').show() $(".mg_" + code + ' .mg_btn-accionando').hide() }, success: function (dat) { if (typeof successForm === 'function') { successForm(parametros, dat) } Toast.fire({ icon: 'success', title: $("#mg_success_enviado").val() }) setTimeout(function() { $(location).attr('href', $('#mg_url_destino').val()) }, 2000); } }) } return false } function ajax_envio (accion_url, parametros) { $.ajax({ type: 'POST', url: accion_url, data: parametros, error: function(xhr, status, error) { Toast.fire({ icon: 'error', title: $("#mg_error_again").val() }) $(".mg_" + code + ' .mg_btn-accion').show() $(".mg_" + code + ' .mg_btn-accionando').hide() }, success: function (dat) { Toast.fire({ icon: 'success', title: $("#mg_success_enviado").val() }) setTimeout(function() { $(location).attr('href', $('#mg_url_destino').val()) // console.log(dat) },2000); } }) } function back_pay(code) { document.querySelector("#mg_checkout_pay").style.display = "none"; // document.querySelector("#mg_checkout_paypal-button-container").innerHTML = ""; document.querySelector(".mg_" + code + " > .form-row").style.display = "block"; document.querySelector(".mg_" + code + ' .mg_btn-accion').style.display = "block"; document.querySelector(".mg_" + code + ' .mg_btn-accionando').style.display = "none"; } function procesarPago(code, typeForm) { if (document.querySelector("#mg_numberCard").value.length < 16) { Toast.fire({ icon: 'warning', title: $("#mg_warning_numberCard").val() }) return false; } if (document.querySelector("#mg_cvvCard").value.length < 3) { Toast.fire({ icon: 'warning', title: $("#mg_warning_cvvCard").val() }) return false; } if (document.querySelector("#mg_nameCard").value.length < 2) { Toast.fire({ icon: 'warning', title: $("#mg_warning_nameCard").val() }) return false; } if (document.querySelector("#mg_lastnameCard").value.length < 2) { Toast.fire({ icon: 'warning', title: $("#mg_warning_lastnameCard").val() }) return false; } document.querySelector(".mg_btn-accionCard").style.display = "none"; document.querySelector(".mg_btn-accionandoCard").style.display = "block"; var orderid = GeneratePassword(); valores_proceso_credicorp = { // type :'sale', ccnumber: document.querySelector("#mg_numberCard").value, ccexp: document.querySelector("#mg_mmCard").value + "/" + document.querySelector("#mg_yyCard").value, // payment :'creditcard', // customer_receipt: document.querySelector("#customer_receipt").value, // security_key: document.querySelector("#key_id").value, // action_type: "sale,credit", // transaction_id: '2232323', // url_finish: document.querySelector("#url_finish").value, // action: document.querySelector("#action").value, order_description: document.querySelector("#order_description").value, // shipping: document.querySelector("#shipping").value, amount: document.querySelector("#amount").value, // hash: document.querySelector("#hash").value, mg_tarjeta_credito_key: document.querySelector("#mg_tarjeta_credito_key").value, orderid: orderid, firstname: document.querySelector("#mg_nameCard").value, lastname: document.querySelector("#mg_lastnameCard").value, } // console.log(valores_proceso_credicorp); var parametros_proceso_credicorp = { 'funcion': "formularios_proceso_credicorp", 'campos': valores_proceso_credicorp } var accion_url_proceso_credicorp = "../config/functions.php"; $.ajax({ type : 'POST', url: accion_url_proceso_credicorp, data: parametros_proceso_credicorp, // dataType: 'json', success : function(response_proceso_credicorp) { console.log(response_proceso_credicorp); }, error : function(jqXHR, status, error) { console.log(jqXHR); console.log(status); console.log(error); Toast.fire({ icon: 'warning', title: $("#mg_warning_noPAY").val() }); document.querySelector(".mg_btn-accionandoCard").style.display = "none"; document.querySelector(".mg_btn-accionCard").style.display = "block"; }, complete : function(jqXHR, status) { var temp = JSON.stringify(jqXHR).toString().split('&'); console.log(temp); var PRE_transactionid = temp[3].toString().split('='); var transactionid = PRE_transactionid[1]; var PRE_orderid = temp[6].toString().split('='); var orderid = PRE_orderid[1]; var PRE_responsetext = temp[1].toString().split('='); var responsetext = PRE_responsetext[1]; var PRE_code = temp[8].toString().split('='); var ResponseCode = PRE_code[1].toString().split('\\'); if (ResponseCode[0] == 100) { document.querySelector(".mg_" + code + " > .form-row > .form-group:nth-last-child(2) > input.form-control").value = orderid; document.querySelector(".mg_" + code + " > .form-row > .form-group:last-child > input.form-control").value = transactionid; enviar(code, typeForm); $(".mg_" + code + ' .mg_btn-accionando').hide(); } else if (ResponseCode[0] == 200) { Toast.fire({ icon: 'warning', title: $("#mg_warning_declinada").val() }) document.querySelector(".mg_btn-accionandoCard").style.display = "none"; document.querySelector(".mg_btn-accionCard").style.display = "block"; } else { Toast.fire({ icon: 'warning', title: $("#mg_warning_noPAY").val(), text: responsetext }) document.querySelector(".mg_btn-accionandoCard").style.display = "none"; document.querySelector(".mg_btn-accionCard").style.display = "block"; } } }); }</script> <form class="mg_formulario_contacto_web mg_FORM0002"> <div class="form-row"> <div class="form-group col-md-12"> <label for="mg_67e2bfb83c4b496fb6047e7d"> Nombre <span>*</span> </label> <input type="text" class="form-control" id="mg_67e2bfb83c4b496fb6047e7d" placeholder="Nombre" data-obligatorio="1" data-tipo="1" data-valor_nombre="1" data-valor_email="" data-nombre="Nombre"> <input type="hidden" id="mg_campo_0" value="67e2bfb83c4b496fb6047e7d"> </div> <div class="form-group col-md-12"> <label for="mg_67e2bfb83c4b496fb6047e7e"> E-mail <span>*</span> </label> <input type="email" class="form-control" id="mg_67e2bfb83c4b496fb6047e7e" placeholder="E-mail" data-obligatorio="1" data-tipo="3" data-valor_nombre="" data-valor_email="1" data-nombre="E-mail"> <input type="hidden" id="mg_campo_1" value="67e2bfb83c4b496fb6047e7e"> </div> <div class="form-group col-md-12"> <label for="mg_67e2bfb83c4b496fb6047e7f"> Teléfono <span>*</span> </label> <input type="text" class="form-control" id="mg_67e2bfb83c4b496fb6047e7f" placeholder="Teléfono" data-obligatorio="1" data-tipo="1" data-valor_nombre="" data-valor_email="" data-nombre="Teléfono"> <input type="hidden" id="mg_campo_2" value="67e2bfb83c4b496fb6047e7f"> </div> <div class="form-group col-md-12"> <label for="mg_67e2bfb83c4b496fb6047e81"> País <span>*</span> </label> <input type="text" class="form-control" id="mg_67e2bfb83c4b496fb6047e81" placeholder="País" data-obligatorio="1" data-tipo="1" data-valor_nombre="" data-valor_email="" data-nombre="País"> <input type="hidden" id="mg_campo_3" value="67e2bfb83c4b496fb6047e81"> </div> <div class="form-group col-md-12"> <label for="mg_67e2bfb83c4b496fb6047e80"> Mensaje <span>*</span> </label> <textarea class="form-control" rows="3" id="mg_67e2bfb83c4b496fb6047e80" placeholder="Mensaje" data-obligatorio="1" data-tipo="4" data-valor_nombre="" data-valor_email="" data-nombre="Mensaje"></textarea> <input type="hidden" id="mg_campo_4" value="67e2bfb83c4b496fb6047e80"> </div> </div> <div class="g-recaptcha" data-sitekey="6LeEDwogAAAAAHl_C7-uwljQnAwQz3BJPWeL4ahC"></div> <script src='https://www.google.com/recaptcha/api.js'></script> <input type="hidden" id="mg_reCAPTCHA" value="1"> <button type="button" class="mg_btn-accion btn btn-primary" onclick="enviar('FORM0002', 1)">Enviar</button> <button class="mg_btn-accionando btn btn-primary" style="display: none;" disabled="">Enviando...</button> <input type="hidden" id="mg_cant_campos" value="5"> <input type="hidden" id="mg_id_form" value="6086f1679f81ff0facb83808"> <input type="hidden" id="mg_code_form" value="FORM0002"> <input type="hidden" id="mg_url_destino" value="/pag/gracias"> <input type="hidden" id="mg_warning_email" value="Escribe el E-mail con el formato [email protected]"> <input type="hidden" id="mg_warning_item" value="Campo obligatorio"> <input type="hidden" id="mg_warning_producto" value="Debes seleccionar al menos una entrada"> <input type="hidden" id="mg_success_enviado" value="¡Enviado!"> <input type="hidden" id="mg_error_again" value="Intenta enviar de nuevo"> </form> </div> <div class="col-md-6 contactoImg"> <div class="contactoImgH3"> <h3>Tenemos <strong>la solución</strong> a cada problema</h3> </div> </div> </div> </div> </div> </div></div></div> <div class="infoAdicional v1"> <div class="container"> <div class="row"> <div id="" class="col-xs-12 col-sm-12 col-md-12 col-lg-12 row v1" style=""> <div class="infoAdTitle"> <h2 class="titleSec">Para información adicional te invitamos a <a href="/pag/contacto" style="color: #fff;"><strong style="text-transform: uppercase;">contactarnos</strong></a></h2> </div> </div> </div></div></div> <div class="footer v1"> <div class="container"> <div class="row"> <div id="" class="row v1" style=""> <div class="col-md-6"> <!--- <a href="/"><img src="https://s3.us-east-2.amazonaws.com/mgpanel/760-logo-avtek-blanco.png" loading="lazy" alt="Logo AVTEK blanco" class="img-fluid"></a> ---> <a href="/"><img src="https://s3.us-east-2.amazonaws.com/mgpanel/logo-45-mesa-de-trabajo-1-removebg-preview-1696487257863_9545.png" loading="lazy" alt="Logo AVTEK blanco" class="img-fluid"></a> <p>Especializados en productos de protección eléctrica, tenemos la solución para preservar y extender la vida útil de tus productos en el hogar, en el comercio, en la oficina y en la industria.</p> <ul> <li>Calidad y confiabilidad</li> <li>Tecnología de punta</li> <li>Servicio post venta</li> </ul> </div> <div class="col-md-3 footerLinks"> <h4>Enlaces del sitio</h4> <div class="footerLinksUl"> <ul> <li><a href="/">Inicio</a></li> <li><a href="/pag/categoria-de-producto">Nuestros Productos</a></li> <li><a href="/pag/equipo-a-proteger">Equipos a proteger</a></li> <li><a href="/pag/ubicacion">Protectores por ubicación</a></li> <li><a href="/pag/informacion-comercial">Información Comercial</a></li> </ul> <ul> <li><a href="/pag/somos-avtek">Somos Avtek</a></li> <li><a href="/pag/fichas-tecnicas">Fichas técnicas</a></li> <li><a href="/categoria/noticias">Noticias</a></li> <li><a href="/pag/videos">Videos</a></li> <li><a href="/pag/contacto">Contacto</a></li> </ul> </div> </div> <div class="col-md-3 footerContact"> <h4>Contacto</h4> <div class="footerLlamanos"> <h3>Escríbenos:</h3> <a href="https://wa.me/50670136848" rel="nofollow" target="_blank"> <strong>LATAM</strong> <p><span><i class="fab fa-whatsapp"></i></span>+506 7013 6848</p> </a> <a href="https://wa.me/584242980840" rel="nofollow" target="_blank"> <strong>VENEZUELA </strong> <p><span><i class="fab fa-whatsapp"></i></span> +58 424 2980 840 </p> </a> </div> <div class="footerMail"> <a href="mailto:[email protected]"><span><i class="far fa-envelope"></i></span> [email protected]</a> </div> <div class="footerRedes"> <a href="https://www.facebook.com/AvtekGlobal/" rel="nofollow" target="_blank"><span><i class="fab fa-facebook-f"></i></span></a> <a href="https://www.instagram.com/avtek_/" rel="nofollow" target="_blank"><span><i class="fab fa-instagram"></i></span></a> <a href="https://www.youtube.com/channel/UCbRYalHu8fVfHb1Z3n0Isqg" rel="nofollow" target="_blank"><span><i class="fab fa-youtube"></i></span></a> <!-- <a href="https://api.whatsapp.com/send?phone=+50670136848" rel="nofollow" target="_blank"><span><i class="fab fa-whatsapp"></i></span></a> ---> </div> </div> </div> <div id="MG_POP" class="v1" style=""> <div class="popud"> <div class="contenido-pop"> <input type="checkbox" id="cerrarPopud"> <label for="cerrarPopud" id="btn-cerrar" onclick="cerrarPopUp()"><i class="fas fa-times"></i></label> <!-- <iframe width="560" height="315" src="https://www.youtube.com/embed/videoseries?list=PLFlJtsvYjOhG_oXJIL8ScwgjpXSQaDBJh" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> --> <!-- <img loading="lazy" src="https://s3.us-east-2.amazonaws.com/mgpanel/spc-tpn-2t515-1--mBU.png" alt="" style="width: 100%"> <a href="/producto/toma-protector-de-voltaje-para-refrigeradoras-neveras-domesticas-spc-tpn-2t515" >¡Ver Producto!</a> --> <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel"> <ol class="carousel-indicators"> <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li> <li data-target="#carouselExampleIndicators" data-slide-to="1"></li> <li data-target="#carouselExampleIndicators" data-slide-to="2"></li> </ol> <div class="carousel-inner"> <div class="carousel-item active"> <!-- <img loading="lazy" src="https://s3.us-east-2.amazonaws.com/mgpanel/certificacion-nom-y-nyce-1692131917931_1690.png" class="d-block w-100" alt="..."> <a href="/productos/protectores%20de%20voltaje" >¡Ver Productos!</a> ---> <!--<iframe width="560" height="315" src="https://www.youtube.com/embed/iafdENazlu8?si=fIHaEKjfJu5Y--ze" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe> </div> <!--<div class="carousel-item"> <img loading="lazy" src="https://s3.us-east-2.amazonaws.com/mgpanel/nuevo-supervisor-monofasico-1707344549411_5282.png" class="d-block w-100" alt="..."> <a href="/producto/supervisor-monofasico-de-voltaje-svm-220-lcd" >¡Ver Producto!</a> </div>---> <!--- <img loading="lazy" src="https://s3.us-east-2.amazonaws.com/mgpanel/post-ups-dc-1715116297287_8549.png" class="d-block w-100" alt="..."> <a href="/producto/fuente-de-poder-ininterrumpida-br-ups-dc-p1201-up" >¡Ver Producto!</a> </div> ---> <iframe width="560" height="315" src="https://www.youtube.com/embed/xd1w1195YsA" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe> </div> <button class="carousel-control-prev" type="button" data-target="#carouselExampleIndicators" data-slide="prev"> <span class="carousel-control-prev-icon" aria-hidden="true"></span> <span class="sr-only">Previous</span> </button> <button class="carousel-control-next" type="button" data-target="#carouselExampleIndicators" data-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"></span> <span class="sr-only">Next</span> </button> </div> </div> </div> </div> </div> </div></div> <div class="foot v1"> <div class="container"> <div id="" class="col-xs-12 col-sm-12 col-md-12 col-lg-12 v1" style=""> <p>2021, Avtek. Todos los derechos reservados</p> <p>Sitio Web Desarrollado en <a href="https://www.mgpanel.org/" rel="nofollow" target="_blank"><strong>MGPanel</strong></a> por <a href="https://www.miguayaba.com/" rel="nofollow" target="_blank"><strong>MiGuayaba.com</strong></a></p> <a target="_blank" rel="nofollow" class="whatsapp-movil" href="https://wa.me/584242980840"><i class="fab fa-whatsapp"></i> <p>VZLA</p> </a> <a target="_blank" rel="nofollow" class="whatsapp-movil2" href="https://wa.me/50670136848"><i class="fab fa-whatsapp"></i> <p>LATAM</p></a> <div class="mg_menu_movil"> <a href="/"><img loading="lazy" alt="Protectores Avtek" src="https://s3.us-east-2.amazonaws.com/mgpanel/281-home-white.png"></a> <a href="javascript:void(0)" class="mg_movil_icon"><img loading="lazy" alt="Protectores eléctricos para toda la casa" src="https://s3.us-east-2.amazonaws.com/mgpanel/803-menu-white.png"></a> <a href="/pag/fichas-tecnicas"><img loading="lazy" alt="Fichas técnicas de protectores Avtek" src="https://s3.us-east-2.amazonaws.com/mgpanel/472-docs-white.png"></a> <a href="/pag/informacion-comercial"><img loading="lazy" alt="Distribuidores de protectores Avtek" src="https://s3.us-east-2.amazonaws.com/mgpanel/876-map-white.png"></a> <!-- <a href="/pag/contacto"><img loading="lazy" src="https://s3.us-east-2.amazonaws.com/mgpanel/249-mail-white.png"></a> --> <!-- <a href="https://wa.me/50670136848" rel="nofollow" target="_blank"><img loading="lazy" alt="Contacto Avtek Panamá" src="https://s3.us-east-2.amazonaws.com/mgpanel/whatsapp-white-Gbt.png"></a> --> </div> <nav class="mg_menu_principal"> <ul> <li><a href="/">Inicio</a></li> <li><a href="/pag/categoria-de-producto">Soluciones por categoría de producto</a></li> <li><a href="/pag/equipo-a-proteger">Soluciones por equipo a proteger</a></li> <li><a href="/pag/ubicacion">Soluciones por ubicación</a></li> <li><a class="nav-link" href="/pag/fichas-tecnicas">Fichas técnicas</a></li> <li><a href="/pag/informacion-comercial">Inf. Comercial</a></li> <li><a href="/pag/somos-avtek">Somos Avtek</a></li> <li><a href="/categoria/noticias">Noticias</a></li> <li><a href="/pag/videos">Videos</a></li> <li><a href="/pag/contacto">Contacto</a></li> </ul> <div class="menu-social"> <a href="https://www.facebook.com/AvtekGlobal/" rel="nofollow" target="_blank"><i class="fab fa-facebook-f"></i></a> <a href="https://www.instagram.com/avtek_/" rel="nofollow" target="_blank"><i class="fab fa-instagram"></i></a> <a href="https://www.youtube.com/channel/UCbRYalHu8fVfHb1Z3n0Isqg" rel="nofollow" target="_blank"><i class="fab fa-youtube"></i></a> <!-- <a href="https://api.whatsapp.com/send?phone=+50670136848" rel="nofollow" target="_blank"><i class="fab fa-whatsapp"></i></a> --> <a href="mailto:[email protected]"><i class="fas fa-envelope-open"></i></a> </div> </nav> </div> </div></div> <a href="javascript:void(0)" class="mg_scroll-to-top"><i class="fas fa-chevron-up"></i></a> </div> </div> <input type="hidden" id="version_mg" value="11.3.197"> <input type="hidden" id="ip_client_mg" value=""> <input type="hidden" id="URL_mg" value="https://www.avtek.com"> <script>document.addEventListener("DOMContentLoaded", function(event) { var vPre = localStorage.getItem("vMG"); var vNew = $("#version_mg").val(); if ((vPre == "") || (vPre != vNew)) { localStorage.setItem("vMG", vNew); localStorage.removeItem('cesta') } if (document.querySelector('.mg_item_cart span')) { var item_cart = document.querySelectorAll(".mg_item_cart span") cuantos = JSON.parse(localStorage.getItem('cesta')).length; if (localStorage.getItem('cesta')) { item_cart.forEach(element => { element.innerHTML = cuantos; }); } else { item_cart.innerHTML = 0; } } }); $(document).ready(function() { //ANIMACIONES // Slide Hacia Arriba ↑ $('.b-slide-100').addClass("hidden").viewportChecker({ classToAdd: 'visible animated slideInUp', offset: 100 }); $('.b-slide-300').addClass("hidden").viewportChecker({ classToAdd: 'visible animated slideInUp', offset: 300 }); $('.b-slide-500').addClass("hidden").viewportChecker({ classToAdd: 'visible animated slideInUp', offset: 500 }); // Slide Hacia Abajo ↓ $('.t-slide-100').addClass("hidden").viewportChecker({ classToAdd: 'visible animated slideInDown', offset: 100 }); $('.t-slide-300').addClass("hidden").viewportChecker({ classToAdd: 'visible animated slideInDown', offset: 300 }); $('.t-slide-500').addClass("hidden").viewportChecker({ classToAdd: 'visible animated slideInDown', offset: 500 }); // Slide Hacia Izquierda ← $('.r-slide-100').addClass("hidden").viewportChecker({ classToAdd: 'visible animated slideInRight', offset: 100 }); $('.r-slide-300').addClass("hidden").viewportChecker({ classToAdd: 'visible animated slideInRight', offset: 300 }); $('.r-slide-500').addClass("hidden").viewportChecker({ classToAdd: 'visible animated slideInRight', offset: 500 }); // Slide Hacia Derecha → $('.l-slide-100').addClass("hidden").viewportChecker({ classToAdd: 'visible animated slideInLeft', offset: 100 }); $('.l-slide-300').addClass("hidden").viewportChecker({ classToAdd: 'visible animated slideInLeft', offset: 300 }); $('.l-slide-500').addClass("hidden").viewportChecker({ classToAdd: 'visible animated slideInLeft', offset: 500 }); //Zoom $('.zoom-in-100').addClass("hidden").viewportChecker({ classToAdd: 'visible animated zoomIn', offset: 100 }); $('.zoom-in-300').addClass("hidden").viewportChecker({ classToAdd: 'visible animated zoomIn', offset: 300 }); $('.zoom-in-500').addClass("hidden").viewportChecker({ classToAdd: 'visible animated zoomIn', offset: 500 }); //LLAMADO FUNCION VIDEO MODAL toggle_video_modal(); Toast = Swal.mixin({ toast: true, position: 'top-end', showConfirmButton: false, timer: 5000, timerProgressBar: true }) var parametros_vista = { 'funcion': "vistas_proceso" } var accion_url = "../config/functions.php"; $.ajax({ type: 'POST', url: accion_url, data: parametros_vista, error: function(xhr, status, error) { // }, success: function (dat) { // } }) if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) { var parametros_vista_mobile = { 'funcion': "vistas_proceso_mobile" } var accion_url = "../config/functions.php"; $.ajax({ type: 'POST', url: accion_url, data: parametros_vista_mobile, error: function(xhr, status, error) { // }, success: function (dat) { // } }) } else { var parametros_vista_desktop = { 'funcion': "vistas_proceso_desktop" } var accion_url = "../config/functions.php"; $.ajax({ type: 'POST', url: accion_url, data: parametros_vista_desktop, error: function(xhr, status, error) { // }, success: function (dat) { // } }) } input_enteros(); input_enteros_phone(); }); //BOTON DE SCROLL $(window).scroll(function(){ if ($(this).scrollTop() > 200) { $('.mg_scroll-to-top').fadeIn(1000); } else { $('.mg_scroll-to-top').fadeOut(1000); } }); //SCROLL TOP $('.mg_scroll-to-top').click(function(){ $('html, body').animate({scrollTop : 0},1000); return false; }); // PARA ANIMACIONES function boxTop(idBox) { var boxOffset = $(idBox).offset(); return boxOffset.top; } $(window).scroll(function(){ var documentTop = $(this).scrollTop(); var ventanaheight = $(window).height(); var scrollBottom = parseInt(documentTop) + parseInt(ventanaheight); for (var i = 1; i <= 20; i++) { if ($('.position' + i).length) { if (documentTop > boxTop('.position' + i)) { var ant = i - 1; $('.position' + ant + ' .b-slide-100').removeClass("visible animated slideInUp") $('.position' + ant + ' .b-slide-300').removeClass("visible animated slideInUp") $('.position' + ant + ' .b-slide-500').removeClass("visible animated slideInUp") $('.position' + ant + ' .t-slide-100').removeClass("visible animated slideInDown") $('.position' + ant + ' .t-slide-300').removeClass("visible animated slideInDown") $('.position' + ant + ' .t-slide-500').removeClass("visible animated slideInDown") $('.position' + ant + ' .l-slide-100').removeClass("visible animated slideInLeft") $('.position' + ant + ' .l-slide-300').removeClass("visible animated slideInLeft") $('.position' + ant + ' .l-slide-500').removeClass("visible animated slideInLeft") $('.position' + ant + ' .r-slide-100').removeClass("visible animated slideInRight") $('.position' + ant + ' .r-slide-300').removeClass("visible animated slideInRight") $('.position' + ant + ' .r-slide-500').removeClass("visible animated slideInRight") $('.position' + ant + ' .zoom-in-100').removeClass("visible animated zoomIn") $('.position' + ant + ' .zoom-in-300').removeClass("visible animated zoomIn") $('.position' + ant + ' .zoom-in-500').removeClass("visible animated zoomIn") } if (scrollBottom < boxTop('.position' + i)) { var sig = i + 1; $('.position' + sig + ' .b-slide-100').removeClass("visible animated slideInUp") $('.position' + sig + ' .b-slide-300').removeClass("visible animated slideInUp") $('.position' + sig + ' .b-slide-500').removeClass("visible animated slideInUp") $('.position' + sig + ' .t-slide-100').removeClass("visible animated slideInDown") $('.position' + sig + ' .t-slide-300').removeClass("visible animated slideInDown") $('.position' + sig + ' .t-slide-500').removeClass("visible animated slideInDown") $('.position' + sig + ' .l-slide-100').removeClass("visible animated slideInLeft") $('.position' + sig + ' .l-slide-300').removeClass("visible animated slideInLeft") $('.position' + sig + ' .l-slide-500').removeClass("visible animated slideInLeft") $('.position' + sig + ' .r-slide-100').removeClass("visible animated slideInRight") $('.position' + sig + ' .r-slide-300').removeClass("visible animated slideInRight") $('.position' + sig + ' .r-slide-500').removeClass("visible animated slideInRight") $('.position' + sig + ' .zoom-in-100').removeClass("visible animated zoomIn") $('.position' + sig + ' .zoom-in-300').removeClass("visible animated zoomIn") $('.position' + sig + ' .zoom-in-500').removeClass("visible animated zoomIn") } } } }); //FUNCION VIDEO MODAL function toggle_video_modal() { $(".js-trigger-video-modal").on("click", function(e){ e.preventDefault(); var id = $(this).attr('data-youtube-id'); var autoplay = '?autoplay=1'; var related_no = '&rel=0'; var src = '//www.youtube.com/embed/'+id+autoplay+related_no; $("#youtube").attr('src', src); $("body").addClass("show-video-modal noscroll"); $("html").addClass("Para_Modal"); $(".scroll-to-top").css("opacity", "0"); }); function close_video_modal() { event.preventDefault(); $("body").removeClass("show-video-modal noscroll"); $("html").removeClass("Para_Modal"); $(".scroll-to-top").css("opacity", "1"); $("#youtube").attr('src', ''); } $('body').on('click', '.close-video-modal, .video-modal .overlay', function(event) { close_video_modal(); }); $('body').keyup(function(e) { if (e.keyCode == 27) { close_video_modal(); } }); } $('.mg_menu-icon').click(function(event){ $( ".mg_menuppal" ).addClass("is_active"); event.preventDefault(); }); $('.mg_menu-close').click(function(event){ $( ".mg_menuppal" ).removeClass("is_active"); event.preventDefault(); }); normalize = (function () { var from = 'ÃÀÁÄÂÈÉËÊÌÍÏÎÒÓÖÔÙÚÜÛãàáäâèéëêìíïîòóöôùúüûÑñÇç,./+”', to = 'AAAAAEEEEIIIIOOOOUUUUaaaaaeeeeiiiioooouuuunncc ', mapping = {} for (var i = 0, j = from.length; i < j; i++) mapping[from.charAt(i)] = to.charAt(i) return function (str) { var ret = [] for (var i = 0, j = str.length; i < j; i++) { var c = str.charAt(i) if (mapping.hasOwnProperty(str.charAt(i))) ret.push(mapping[c]) else ret.push(c) } return ret.join('').replace(/[^-A-Za-z0-9]+/g, '').toLowerCase() } })(); normalize_url_img = (function () { var from = 'ÃÀÁÄÂÈÉËÊÌÍÏÎÒÓÖÔÙÚÜÛãàáäâèéëêìíïîòóöôùúüûÑñÇç', to = 'AAAAAEEEEIIIIOOOOUUUUaaaaaeeeeiiiioooouuuunncc', mapping = {} for (var i = 0, j = from.length; i < j; i++) mapping[from.charAt(i)] = to.charAt(i) return function (str) { var ret = [] for (var i = 0, j = str.length; i < j; i++) { var c = str.charAt(i) if (mapping.hasOwnProperty(str.charAt(i))) ret.push(mapping[c]) else ret.push(c) } return ret.join('').replace(/[^-A-Za-z0-9-.]+/g, '-').toLowerCase() } })(); function isValidEmail(email){ var re = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/; return re.test(email); } function MostrarPassword() { var checkBox = document.getElementById("Check"); var tipo = document.getElementById("password"); if (checkBox.checked == true){ tipo.type = "text"; } else { tipo.type = "password"; } } function GeneratePassword(){ var caracteres = "abcdefghijkmnpqrtuvwxyzABCDEFGHJKMNPQRTUVWXYZ2346789"; var contraseña = ""; for (cod=0; cod < 8; cod++) contraseña +=caracteres.charAt(Math.floor(Math.random()*caracteres.length)); return contraseña; } function input_enteros() { $('input.mg_enteros').keyup(function(event) { if(event.which >= 37 && event.which <= 40){ event.preventDefault(); } $(this).val(function(index, value) { return value .replace(/\D/g, "") .replace(/\B(?=(\d{3})+(?!\d)\.?)/g, ",") ; }); }); } function input_enteros_phone() { $('input.mg_enteros_phone').keyup(function(event) { if(event.which >= 37 && event.which <= 40){ event.preventDefault(); } $(this).val(function(index, value) { return value .replace(/\D/g, "") ; }); }); } function convertDataToHtml(blocks) { var convertedHtml = ""; blocks.map(block => { switch (block.type) { case "header": convertedHtml += `<h${block.data.level}>${block.data.text}</h${block.data.level}>`; break; case "embed": convertedHtml += `<div><iframe width="560" height="315" src="${block.data.embed}" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe></div>`; break; case "paragraph": convertedHtml += `<p>${block.data.text}</p>`; break; case "delimiter": convertedHtml += "<hr />"; break; case "raw": convertedHtml += ` <pre class="mg_snippet"> <code>${block.data.html.replace(/</g,'<').replace(/g>/g,'>')}</code> </pre>`; break; case "image": convertedHtml += `<img class="img-fluid" src="${block.data.file.url}" title="${block.data.caption}" /><br /><em>${block.data.caption}</em>`; break; case "list": if (block.data.style == "ordered") { var code_List_editorJS = "ol"; } else { var code_List_editorJS = "ul"; } convertedHtml += `<${code_List_editorJS}>`; block.data.items.forEach(function(li) { convertedHtml += `<li>${li}</li>`; }); convertedHtml += `</${code_List_editorJS}>`; break; case "quote": convertedHtml += `<blockquote>${block.data.text}</blockquote>`; break; default: console.log("Unknown block type", block.type); break; } }); return convertedHtml; } //CONFIGURACION S3 var url_amazonaws3 = "https://s3.us-east-2.amazonaws.com/mgpanel/"; var bucketName = 'mgpanel'; var bucketRegion = 'us-east-2'; var IdentityPoolId = "us-east-2:e6b81431-6a27-430e-ad24-b01b6e3e35b8"; AWS.config.update({ region: bucketRegion, credentials: new AWS.CognitoIdentityCredentials({ IdentityPoolId: IdentityPoolId }) }); var s3 = new AWS.S3({ apiVersion: '2006-03-01', params: { Bucket: bucketName } }); //FIN CONFIGURACION</script> <script src="/public/js/magnific-popup.js"></script> <script>/*! * jquery.instagramFeed * * @version 3.0.4 * * https://github.com/jsanahuja/jquery.instagramFeed * */ (function ($) { var defaults = { 'host': "https://www.instagram.com/", 'username': '', 'tag': '', 'user_id': '', 'location': '', 'container': '', 'display_profile': true, 'display_biography': true, 'display_gallery': true, 'display_captions': false, 'display_igtv': false, 'max_tries': 8, 'callback': null, 'styling': true, 'items': 8, 'items_per_row': 4, 'margin': 0.5, 'image_size': 640, 'lazy_load': false, 'cache_time': 360, 'on_error': console.error }; var image_sizes = { "150": 0, "240": 1, "320": 2, "480": 3, "640": 4 }; var escape_map = { '&': '&', '<': '<', '>': '>', '"': '"', "'": ''', '/': '/', '`': '`', '=': '=' }; function escape_string(str) { return str.replace(/[&<>"'`=\/]/g, function (char) { return escape_map[char]; }); } function parse_caption(igobj, data){ if ( typeof igobj.node.edge_media_to_caption.edges[0] !== "undefined" && typeof igobj.node.edge_media_to_caption.edges[0].node !== "undefined" && typeof igobj.node.edge_media_to_caption.edges[0].node.text !== "undefined" && igobj.node.edge_media_to_caption.edges[0].node.text !== null ) { return igobj.node.edge_media_to_caption.edges[0].node.text; } if ( typeof igobj.node.title !== "undefined" && igobj.node.title !== null && igobj.node.title.length != 0 ) { return igobj.node.title; } if ( typeof igobj.node.accessibility_caption !== "undefined" && igobj.node.accessibility_caption !== null && igobj.node.accessibility_caption.length != 0 ) { return igobj.node.accessibility_caption; } return false; } /** * Cache management */ function get_cache(options, last_resort){ var read_cache = last_resort || false; if (!last_resort && options.cache_time > 0) { var cached_time = localStorage.getItem(options.cache_time_key); if(cached_time !== null && parseInt(cached_time) + 1000 * 60 * options.cache_time > new Date().getTime()){ read_cache = true; } } if(read_cache){ var data = localStorage.getItem(options.cache_data_key); if(data !== null){ return JSON.parse(data); } } return false; }; function set_cache(options, data){ var cached_time = localStorage.getItem(options.cache_time_key), cache = options.cache_time != 0 && (cached_time === null || parseInt(cached_time) + 1000 * 60 * options.cache_time > new Date().getTime()); if(cache){ localStorage.setItem(options.cache_data_key, JSON.stringify(data)); localStorage.setItem(options.cache_time_key, new Date().getTime()); } } /** * Request / Response */ function parse_response(type, data){ switch(type){ case "username": case "tag": case "location": try { data = data.split("window._sharedData = ")[1].split("<\/script>")[0]; } catch (e) { return false; } data = JSON.parse(data.substr(0, data.length - 1)); data = data.entry_data.ProfilePage || data.entry_data.TagPage || data.entry_data.LocationsPage; if(typeof data !== "undefined"){ return data[0].graphql.user || data[0].graphql.hashtag || data[0].graphql.location; } return false; break; case "userid": if(typeof data.data.user !== "undefined"){ return data.data.user; } return false; break; } } function request_data(url, type, tries, callback, autoFallback, googlePrefix){ var prefixedUrl; if(autoFallback && googlePrefix){ prefixedUrl = 'https://images' + ~~(Math.random() * 3333) + '-focus-opensocial.googleusercontent.com/gadgets/proxy?container=none&url=' + url; } $.get(prefixedUrl || url, function(response){ var data = parse_response(type, response); if(data !== false){ callback(data); }else{ // Unexpected response, not retrying callback(false); } }).fail(function (e) { if(tries > 1){ console.warn("Instagram Feed: Request failed, " + (tries-1) + " tries left. Retrying..."); request_data(url, type, tries-1, callback, autoFallback, !googlePrefix); }else{ callback(false, e); } }); } /** * Retrieve data */ function get_data(options, callback){ var data = get_cache(options, false); if(data !== false){ // Retrieving data from cache callback(data); }else{ // No cache, let's do the request var url; switch(options.type){ case "username": url = options.host + options.id + '/'; break; case "tag": url = options.host + 'explore/tags/' + options.id + '/' break; case "location": url = options.host + 'explore/locations/' + options.id + '/' break; case "userid": url = options.host + 'graphql/query/?query_id=17888483320059182&variables={"id":"' + options.id + '","first":' + options.items + ',"after":null}'; break; } request_data(url, options.type, options.max_tries, function(data, exception){ if(data !== false){ set_cache(options, data); callback(data); }else if(typeof exception === "undefined"){ options.on_error("Instagram Feed: It looks like the profile you are trying to fetch is age restricted. See https://github.com/jsanahuja/InstagramFeed/issues/26", 3); }else{ // Trying cache as last resort before throwing data = get_cache(options, true); if(data !== false){ callback(data); }else{ options.on_error("Instagram Feed: Unable to fetch the given user/tag. Instagram responded with the status code: " + exception.status, 5); } } }, options.host === defaults.host && options.type != "userid", false); } } /** * Rendering */ function render(options, data){ var html = "", styles; /** * Styles */ if(options.styling){ var width = (100 - options.margin * 2 * options.items_per_row) / options.items_per_row; styles = { profile_container: ' style="text-align:center;"', profile_image: ' style="border-radius:10em;width:15%;max-width:125px;min-width:50px;"', profile_name: ' style="font-size:1.2em;"', profile_biography: ' style="font-size:1em;"', gallery_image: ' style="width:100%;"', gallery_image_link: ' style="width:' + width + '%; margin:' + options.margin + '%;position:relative; display: inline-block; height: 100%;"' }; if(options.display_captions){ html += "<style>\ a[data-caption]:hover::after {\ content: attr(data-caption);\ text-align: center;\ font-size: 0.8rem;\ color: black;\ position: absolute;\ left: 0;\ right: 0;\ bottom: 0;\ padding: 1%;\ max-height: 100%;\ overflow-y: auto;\ overflow-x: hidden;\ background-color: hsla(0, 100%, 100%, 0.8);\ }\ </style>"; } }else{ styles = { profile_container: "", profile_image: "", profile_name: "", profile_biography: "", gallery_image: "", gallery_image_link: "" }; } /** * Profile & Biography */ if(options.display_profile && options.type !== "userid"){ html += '<div class="instagram_profile"' + styles.profile_container + '>'; html += '<img class="instagram_profile_image" src="' + data.profile_pic_url + '" alt="'+ (options.type == "tag" ? data.name + ' tag pic' : data.username + ' profile pic') + '"' + styles.profile_image + (options.lazy_load ? ' loading="lazy"' : '') + ' />'; if(options.type == "tag"){ html += '<p class="instagram_tag"' + styles.profile_name + '><a href="https://www.instagram.com/explore/tags/' + options.tag + '/" rel="noopener" target="_blank">#' + options.tag + '</a></p>'; }else if(options.type == "username"){ html += "<p class='instagram_username'" + styles.profile_name + ">@" + data.full_name + " (<a href='https://www.instagram.com/" + options.username + "/' rel='noopener' target='_blank'>@" + options.username + "</a>)</p>"; if(options.display_biography){ html += "<p class='instagram_biography'" + styles.profile_biography + ">" + data.biography + "</p>"; } }else if(options.type == "location"){ html += "<p class='instagram_location'" + styles.profile_name + "><a href='https://www.instagram.com/explore/locations/" + options.location + "/' rel='noopener' target='_blank'>" + data.name + "</a></p>"; } html += "</div>"; } /** * Gallery */ if(options.display_gallery){ if (typeof data.is_private !== "undefined" && data.is_private === true) { html += '<p class="instagram_private"><strong>This profile is private</strong></p>'; } else { var image_index = typeof image_sizes[options.image_size] !== "undefined" ? image_sizes[options.image_size] : image_sizes[640], imgs = (data.edge_owner_to_timeline_media || data.edge_hashtag_to_media || data.edge_location_to_media).edges, max = (imgs.length > options.items) ? options.items : imgs.length; html += "<div class='instagram_gallery'>"; for (var i = 0; i < max; i++) { var url = "https://www.instagram.com/p/" + imgs[i].node.shortcode, image, type_resource, caption = parse_caption(imgs[i], data); if(caption === false){ caption = (options.type == "userid" ? '' : options.id) + " image"; } caption = escape_string(caption); switch (imgs[i].node.__typename) { case "GraphSidecar": type_resource = "sidecar" image = imgs[i].node.thumbnail_resources[image_index].src; break; case "GraphVideo": type_resource = "video"; image = imgs[i].node.thumbnail_src break; default: type_resource = "image"; image = imgs[i].node.thumbnail_resources[image_index].src; } html += '<a href="' + url + '"' + (options.display_captions ? ' data-caption="' + caption + '"' : '') + ' class="instagram-' + type_resource + '" rel="noopener" target="_blank"' + styles.gallery_image_link + '>'; html += '<img' + (options.lazy_load ? ' loading="lazy"' : '') + ' src="' + image + '" alt="' + caption + '"' + styles.gallery_image + ' />'; html += '</a>'; } html += '</div>'; } } /** * IGTV */ if (options.display_igtv && typeof data.edge_felix_video_timeline !== "undefined") { var igtv = data.edge_felix_video_timeline.edges, max = (igtv.length > options.items) ? options.items : igtv.length; if (igtv.length > 0) { html += '<div class="instagram_igtv">'; for (var i = 0; i < max; i++) { var url = 'https://www.instagram.com/p/' + igtv[i].node.shortcode, caption = parse_caption(igtv[i], data); if(caption === false){ caption = (options.type == "userid" ? '' : options.id) + " image"; } caption = escape_string(caption); html += '<a href="' + url + '"' + (options.display_captions ? ' data-caption="' + caption + '"' : '') + ' rel="noopener" target="_blank"' + styles.gallery_image_link + '>'; html += '<img' + (options.lazy_load ? ' loading="lazy"' : '') + ' src="' + igtv[i].node.thumbnail_src + '" alt="' + caption + '"' + styles.gallery_image + ' />'; html += '</a>'; } html += '</div>'; } } $(options.container).html(html); } $.instagramFeed = function (opts) { var options = $.fn.extend({}, defaults, opts); if (options.username == "" && options.tag == "" && options.user_id == "" && options.location == "") { options.on_error("Instagram Feed: Error, no username, tag or user_id defined.", 1); return false; } if(typeof opts.display_profile !== "undefined" && opts.display_profile && options.user_id != ""){ console.warn("Instagram Feed: 'display_profile' is not available using 'user_id' (GraphQL API)"); } if(typeof opts.display_biography !== "undefined" && opts.display_biography && (options.tag != "" || options.location != "" || options.user_id != "")){ console.warn("Instagram Feed: 'display_biography' is not available unless you are loading an user ('username' parameter)"); } if (typeof options.get_data !== "undefined") { console.warn("Instagram Feed: options.get_data is deprecated, options.callback is always called if defined"); } if (options.callback == null && options.container == "") { options.on_error("Instagram Feed: Error, neither container found nor callback defined.", 2); return false; } if(options.username != ""){ options.type = "username"; options.id = options.username; }else if(options.tag != ""){ options.type = "tag"; options.id = options.tag; }else if(options.location != ""){ options.type = "location"; options.id = options.location; }else{ options.type = "userid"; options.id = options.user_id; } options.cache_data_key = 'instagramFeed_' + options.type + '_' + options.id; options.cache_time_key = options.cache_data_key + '_time'; get_data(options, function(data){ if(options.container != ""){ render(options, data); } if(options.callback != null){ options.callback(data); } }); return true; }; })(jQuery);</script> <script>/* _ _ _ _ ___| (_) ___| | __ (_)___ / __| | |/ __| |/ / | / __| \__ \ | | (__| < _ | \__ \ |___/_|_|\___|_|\_(_)/ |___/ |__/ Version: 1.8.1 Author: Ken Wheeler Website: http://kenwheeler.github.io Docs: http://kenwheeler.github.io/slick Repo: http://github.com/kenwheeler/slick Issues: http://github.com/kenwheeler/slick/issues */ /* global window, document, define, jQuery, setInterval, clearInterval */ ;(function(factory) { 'use strict'; if (typeof define === 'function' && define.amd) { define(['jquery'], factory); } else if (typeof exports !== 'undefined') { module.exports = factory(require('jquery')); } else { factory(jQuery); } }(function($) { 'use strict'; var Slick = window.Slick || {}; Slick = (function() { var instanceUid = 0; function Slick(element, settings) { var _ = this, dataSettings; _.defaults = { accessibility: true, adaptiveHeight: false, appendArrows: $(element), appendDots: $(element), arrows: true, asNavFor: null, prevArrow: '<button class="slick-prev" aria-label="Previous" type="button">Previous</button>', nextArrow: '<button class="slick-next" aria-label="Next" type="button">Next</button>', autoplay: false, autoplaySpeed: 3000, centerMode: false, centerPadding: '50px', cssEase: 'ease', customPaging: function(slider, i) { return $('<button type="button" />').text(i + 1); }, dots: false, dotsClass: 'slick-dots', draggable: true, easing: 'linear', edgeFriction: 0.35, fade: false, focusOnSelect: false, focusOnChange: false, infinite: true, initialSlide: 0, lazyLoad: 'ondemand', mobileFirst: false, pauseOnHover: true, pauseOnFocus: true, pauseOnDotsHover: false, respondTo: 'window', responsive: null, rows: 1, rtl: false, slide: '', slidesPerRow: 1, slidesToShow: 1, slidesToScroll: 1, speed: 500, swipe: true, swipeToSlide: false, touchMove: true, touchThreshold: 5, useCSS: true, useTransform: true, variableWidth: false, vertical: false, verticalSwiping: false, waitForAnimate: true, zIndex: 1000 }; _.initials = { animating: false, dragging: false, autoPlayTimer: null, currentDirection: 0, currentLeft: null, currentSlide: 0, direction: 1, $dots: null, listWidth: null, listHeight: null, loadIndex: 0, $nextArrow: null, $prevArrow: null, scrolling: false, slideCount: null, slideWidth: null, $slideTrack: null, $slides: null, sliding: false, slideOffset: 0, swipeLeft: null, swiping: false, $list: null, touchObject: {}, transformsEnabled: false, unslicked: false }; $.extend(_, _.initials); _.activeBreakpoint = null; _.animType = null; _.animProp = null; _.breakpoints = []; _.breakpointSettings = []; _.cssTransitions = false; _.focussed = false; _.interrupted = false; _.hidden = 'hidden'; _.paused = true; _.positionProp = null; _.respondTo = null; _.rowCount = 1; _.shouldClick = true; _.$slider = $(element); _.$slidesCache = null; _.transformType = null; _.transitionType = null; _.visibilityChange = 'visibilitychange'; _.windowWidth = 0; _.windowTimer = null; dataSettings = $(element).data('slick') || {}; _.options = $.extend({}, _.defaults, settings, dataSettings); _.currentSlide = _.options.initialSlide; _.originalSettings = _.options; if (typeof document.mozHidden !== 'undefined') { _.hidden = 'mozHidden'; _.visibilityChange = 'mozvisibilitychange'; } else if (typeof document.webkitHidden !== 'undefined') { _.hidden = 'webkitHidden'; _.visibilityChange = 'webkitvisibilitychange'; } _.autoPlay = $.proxy(_.autoPlay, _); _.autoPlayClear = $.proxy(_.autoPlayClear, _); _.autoPlayIterator = $.proxy(_.autoPlayIterator, _); _.changeSlide = $.proxy(_.changeSlide, _); _.clickHandler = $.proxy(_.clickHandler, _); _.selectHandler = $.proxy(_.selectHandler, _); _.setPosition = $.proxy(_.setPosition, _); _.swipeHandler = $.proxy(_.swipeHandler, _); _.dragHandler = $.proxy(_.dragHandler, _); _.keyHandler = $.proxy(_.keyHandler, _); _.instanceUid = instanceUid++; // A simple way to check for HTML strings // Strict HTML recognition (must start with <) // Extracted from jQuery v1.11 source _.htmlExpr = /^(?:\s*(<[\w\W]+>)[^>]*)$/; _.registerBreakpoints(); _.init(true); } return Slick; }()); Slick.prototype.activateADA = function() { var _ = this; _.$slideTrack.find('.slick-active').attr({ 'aria-hidden': 'false' }).find('a, input, button, select').attr({ 'tabindex': '0' }); }; Slick.prototype.addSlide = Slick.prototype.slickAdd = function(markup, index, addBefore) { var _ = this; if (typeof(index) === 'boolean') { addBefore = index; index = null; } else if (index < 0 || (index >= _.slideCount)) { return false; } _.unload(); if (typeof(index) === 'number') { if (index === 0 && _.$slides.length === 0) { $(markup).appendTo(_.$slideTrack); } else if (addBefore) { $(markup).insertBefore(_.$slides.eq(index)); } else { $(markup).insertAfter(_.$slides.eq(index)); } } else { if (addBefore === true) { $(markup).prependTo(_.$slideTrack); } else { $(markup).appendTo(_.$slideTrack); } } _.$slides = _.$slideTrack.children(this.options.slide); _.$slideTrack.children(this.options.slide).detach(); _.$slideTrack.append(_.$slides); _.$slides.each(function(index, element) { $(element).attr('data-slick-index', index); }); _.$slidesCache = _.$slides; _.reinit(); }; Slick.prototype.animateHeight = function() { var _ = this; if (_.options.slidesToShow === 1 && _.options.adaptiveHeight === true && _.options.vertical === false) { var targetHeight = _.$slides.eq(_.currentSlide).outerHeight(true); _.$list.animate({ height: targetHeight }, _.options.speed); } }; Slick.prototype.animateSlide = function(targetLeft, callback) { var animProps = {}, _ = this; _.animateHeight(); if (_.options.rtl === true && _.options.vertical === false) { targetLeft = -targetLeft; } if (_.transformsEnabled === false) { if (_.options.vertical === false) { _.$slideTrack.animate({ left: targetLeft }, _.options.speed, _.options.easing, callback); } else { _.$slideTrack.animate({ top: targetLeft }, _.options.speed, _.options.easing, callback); } } else { if (_.cssTransitions === false) { if (_.options.rtl === true) { _.currentLeft = -(_.currentLeft); } $({ animStart: _.currentLeft }).animate({ animStart: targetLeft }, { duration: _.options.speed, easing: _.options.easing, step: function(now) { now = Math.ceil(now); if (_.options.vertical === false) { animProps[_.animType] = 'translate(' + now + 'px, 0px)'; _.$slideTrack.css(animProps); } else { animProps[_.animType] = 'translate(0px,' + now + 'px)'; _.$slideTrack.css(animProps); } }, complete: function() { if (callback) { callback.call(); } } }); } else { _.applyTransition(); targetLeft = Math.ceil(targetLeft); if (_.options.vertical === false) { animProps[_.animType] = 'translate3d(' + targetLeft + 'px, 0px, 0px)'; } else { animProps[_.animType] = 'translate3d(0px,' + targetLeft + 'px, 0px)'; } _.$slideTrack.css(animProps); if (callback) { setTimeout(function() { _.disableTransition(); callback.call(); }, _.options.speed); } } } }; Slick.prototype.getNavTarget = function() { var _ = this, asNavFor = _.options.asNavFor; if ( asNavFor && asNavFor !== null ) { asNavFor = $(asNavFor).not(_.$slider); } return asNavFor; }; Slick.prototype.asNavFor = function(index) { var _ = this, asNavFor = _.getNavTarget(); if ( asNavFor !== null && typeof asNavFor === 'object' ) { asNavFor.each(function() { var target = $(this).slick('getSlick'); if(!target.unslicked) { target.slideHandler(index, true); } }); } }; Slick.prototype.applyTransition = function(slide) { var _ = this, transition = {}; if (_.options.fade === false) { transition[_.transitionType] = _.transformType + ' ' + _.options.speed + 'ms ' + _.options.cssEase; } else { transition[_.transitionType] = 'opacity ' + _.options.speed + 'ms ' + _.options.cssEase; } if (_.options.fade === false) { _.$slideTrack.css(transition); } else { _.$slides.eq(slide).css(transition); } }; Slick.prototype.autoPlay = function() { var _ = this; _.autoPlayClear(); if ( _.slideCount > _.options.slidesToShow ) { _.autoPlayTimer = setInterval( _.autoPlayIterator, _.options.autoplaySpeed ); } }; Slick.prototype.autoPlayClear = function() { var _ = this; if (_.autoPlayTimer) { clearInterval(_.autoPlayTimer); } }; Slick.prototype.autoPlayIterator = function() { var _ = this, slideTo = _.currentSlide + _.options.slidesToScroll; if ( !_.paused && !_.interrupted && !_.focussed ) { if ( _.options.infinite === false ) { if ( _.direction === 1 && ( _.currentSlide + 1 ) === ( _.slideCount - 1 )) { _.direction = 0; } else if ( _.direction === 0 ) { slideTo = _.currentSlide - _.options.slidesToScroll; if ( _.currentSlide - 1 === 0 ) { _.direction = 1; } } } _.slideHandler( slideTo ); } }; Slick.prototype.buildArrows = function() { var _ = this; if (_.options.arrows === true ) { _.$prevArrow = $(_.options.prevArrow).addClass('slick-arrow'); _.$nextArrow = $(_.options.nextArrow).addClass('slick-arrow'); if( _.slideCount > _.options.slidesToShow ) { _.$prevArrow.removeClass('slick-hidden').removeAttr('aria-hidden tabindex'); _.$nextArrow.removeClass('slick-hidden').removeAttr('aria-hidden tabindex'); if (_.htmlExpr.test(_.options.prevArrow)) { _.$prevArrow.prependTo(_.options.appendArrows); } if (_.htmlExpr.test(_.options.nextArrow)) { _.$nextArrow.appendTo(_.options.appendArrows); } if (_.options.infinite !== true) { _.$prevArrow .addClass('slick-disabled') .attr('aria-disabled', 'true'); } } else { _.$prevArrow.add( _.$nextArrow ) .addClass('slick-hidden') .attr({ 'aria-disabled': 'true', 'tabindex': '-1' }); } } }; Slick.prototype.buildDots = function() { var _ = this, i, dot; if (_.options.dots === true && _.slideCount > _.options.slidesToShow) { _.$slider.addClass('slick-dotted'); dot = $('<ul />').addClass(_.options.dotsClass); for (i = 0; i <= _.getDotCount(); i += 1) { dot.append($('<li />').append(_.options.customPaging.call(this, _, i))); } _.$dots = dot.appendTo(_.options.appendDots); _.$dots.find('li').first().addClass('slick-active'); } }; Slick.prototype.buildOut = function() { var _ = this; _.$slides = _.$slider .children( _.options.slide + ':not(.slick-cloned)') .addClass('slick-slide'); _.slideCount = _.$slides.length; _.$slides.each(function(index, element) { $(element) .attr('data-slick-index', index) .data('originalStyling', $(element).attr('style') || ''); }); _.$slider.addClass('slick-slider'); _.$slideTrack = (_.slideCount === 0) ? $('<div class="slick-track"/>').appendTo(_.$slider) : _.$slides.wrapAll('<div class="slick-track"/>').parent(); _.$list = _.$slideTrack.wrap( '<div class="slick-list"/>').parent(); _.$slideTrack.css('opacity', 0); if (_.options.centerMode === true || _.options.swipeToSlide === true) { _.options.slidesToScroll = 1; } $('img[data-lazy]', _.$slider).not('[src]').addClass('slick-loading'); _.setupInfinite(); _.buildArrows(); _.buildDots(); _.updateDots(); _.setSlideClasses(typeof _.currentSlide === 'number' ? _.currentSlide : 0); if (_.options.draggable === true) { _.$list.addClass('draggable'); } }; Slick.prototype.buildRows = function() { var _ = this, a, b, c, newSlides, numOfSlides, originalSlides,slidesPerSection; newSlides = document.createDocumentFragment(); originalSlides = _.$slider.children(); if(_.options.rows > 0) { slidesPerSection = _.options.slidesPerRow * _.options.rows; numOfSlides = Math.ceil( originalSlides.length / slidesPerSection ); for(a = 0; a < numOfSlides; a++){ var slide = document.createElement('div'); for(b = 0; b < _.options.rows; b++) { var row = document.createElement('div'); for(c = 0; c < _.options.slidesPerRow; c++) { var target = (a * slidesPerSection + ((b * _.options.slidesPerRow) + c)); if (originalSlides.get(target)) { row.appendChild(originalSlides.get(target)); } } slide.appendChild(row); } newSlides.appendChild(slide); } _.$slider.empty().append(newSlides); _.$slider.children().children().children() .css({ 'width':(100 / _.options.slidesPerRow) + '%', 'display': 'inline-block' }); } }; Slick.prototype.checkResponsive = function(initial, forceUpdate) { var _ = this, breakpoint, targetBreakpoint, respondToWidth, triggerBreakpoint = false; var sliderWidth = _.$slider.width(); var windowWidth = window.innerWidth || $(window).width(); if (_.respondTo === 'window') { respondToWidth = windowWidth; } else if (_.respondTo === 'slider') { respondToWidth = sliderWidth; } else if (_.respondTo === 'min') { respondToWidth = Math.min(windowWidth, sliderWidth); } if ( _.options.responsive && _.options.responsive.length && _.options.responsive !== null) { targetBreakpoint = null; for (breakpoint in _.breakpoints) { if (_.breakpoints.hasOwnProperty(breakpoint)) { if (_.originalSettings.mobileFirst === false) { if (respondToWidth < _.breakpoints[breakpoint]) { targetBreakpoint = _.breakpoints[breakpoint]; } } else { if (respondToWidth > _.breakpoints[breakpoint]) { targetBreakpoint = _.breakpoints[breakpoint]; } } } } if (targetBreakpoint !== null) { if (_.activeBreakpoint !== null) { if (targetBreakpoint !== _.activeBreakpoint || forceUpdate) { _.activeBreakpoint = targetBreakpoint; if (_.breakpointSettings[targetBreakpoint] === 'unslick') { _.unslick(targetBreakpoint); } else { _.options = $.extend({}, _.originalSettings, _.breakpointSettings[ targetBreakpoint]); if (initial === true) { _.currentSlide = _.options.initialSlide; } _.refresh(initial); } triggerBreakpoint = targetBreakpoint; } } else { _.activeBreakpoint = targetBreakpoint; if (_.breakpointSettings[targetBreakpoint] === 'unslick') { _.unslick(targetBreakpoint); } else { _.options = $.extend({}, _.originalSettings, _.breakpointSettings[ targetBreakpoint]); if (initial === true) { _.currentSlide = _.options.initialSlide; } _.refresh(initial); } triggerBreakpoint = targetBreakpoint; } } else { if (_.activeBreakpoint !== null) { _.activeBreakpoint = null; _.options = _.originalSettings; if (initial === true) { _.currentSlide = _.options.initialSlide; } _.refresh(initial); triggerBreakpoint = targetBreakpoint; } } // only trigger breakpoints during an actual break. not on initialize. if( !initial && triggerBreakpoint !== false ) { _.$slider.trigger('breakpoint', [_, triggerBreakpoint]); } } }; Slick.prototype.changeSlide = function(event, dontAnimate) { var _ = this, $target = $(event.currentTarget), indexOffset, slideOffset, unevenOffset; // If target is a link, prevent default action. if($target.is('a')) { event.preventDefault(); } // If target is not the <li> element (ie: a child), find the <li>. if(!$target.is('li')) { $target = $target.closest('li'); } unevenOffset = (_.slideCount % _.options.slidesToScroll !== 0); indexOffset = unevenOffset ? 0 : (_.slideCount - _.currentSlide) % _.options.slidesToScroll; switch (event.data.message) { case 'previous': slideOffset = indexOffset === 0 ? _.options.slidesToScroll : _.options.slidesToShow - indexOffset; if (_.slideCount > _.options.slidesToShow) { _.slideHandler(_.currentSlide - slideOffset, false, dontAnimate); } break; case 'next': slideOffset = indexOffset === 0 ? _.options.slidesToScroll : indexOffset; if (_.slideCount > _.options.slidesToShow) { _.slideHandler(_.currentSlide + slideOffset, false, dontAnimate); } break; case 'index': var index = event.data.index === 0 ? 0 : event.data.index || $target.index() * _.options.slidesToScroll; _.slideHandler(_.checkNavigable(index), false, dontAnimate); $target.children().trigger('focus'); break; default: return; } }; Slick.prototype.checkNavigable = function(index) { var _ = this, navigables, prevNavigable; navigables = _.getNavigableIndexes(); prevNavigable = 0; if (index > navigables[navigables.length - 1]) { index = navigables[navigables.length - 1]; } else { for (var n in navigables) { if (index < navigables[n]) { index = prevNavigable; break; } prevNavigable = navigables[n]; } } return index; }; Slick.prototype.cleanUpEvents = function() { var _ = this; if (_.options.dots && _.$dots !== null) { $('li', _.$dots) .off('click.slick', _.changeSlide) .off('mouseenter.slick', $.proxy(_.interrupt, _, true)) .off('mouseleave.slick', $.proxy(_.interrupt, _, false)); if (_.options.accessibility === true) { _.$dots.off('keydown.slick', _.keyHandler); } } _.$slider.off('focus.slick blur.slick'); if (_.options.arrows === true && _.slideCount > _.options.slidesToShow) { _.$prevArrow && _.$prevArrow.off('click.slick', _.changeSlide); _.$nextArrow && _.$nextArrow.off('click.slick', _.changeSlide); if (_.options.accessibility === true) { _.$prevArrow && _.$prevArrow.off('keydown.slick', _.keyHandler); _.$nextArrow && _.$nextArrow.off('keydown.slick', _.keyHandler); } } _.$list.off('touchstart.slick mousedown.slick', _.swipeHandler); _.$list.off('touchmove.slick mousemove.slick', _.swipeHandler); _.$list.off('touchend.slick mouseup.slick', _.swipeHandler); _.$list.off('touchcancel.slick mouseleave.slick', _.swipeHandler); _.$list.off('click.slick', _.clickHandler); $(document).off(_.visibilityChange, _.visibility); _.cleanUpSlideEvents(); if (_.options.accessibility === true) { _.$list.off('keydown.slick', _.keyHandler); } if (_.options.focusOnSelect === true) { $(_.$slideTrack).children().off('click.slick', _.selectHandler); } $(window).off('orientationchange.slick.slick-' + _.instanceUid, _.orientationChange); $(window).off('resize.slick.slick-' + _.instanceUid, _.resize); $('[draggable!=true]', _.$slideTrack).off('dragstart', _.preventDefault); $(window).off('load.slick.slick-' + _.instanceUid, _.setPosition); }; Slick.prototype.cleanUpSlideEvents = function() { var _ = this; _.$list.off('mouseenter.slick', $.proxy(_.interrupt, _, true)); _.$list.off('mouseleave.slick', $.proxy(_.interrupt, _, false)); }; Slick.prototype.cleanUpRows = function() { var _ = this, originalSlides; if(_.options.rows > 0) { originalSlides = _.$slides.children().children(); originalSlides.removeAttr('style'); _.$slider.empty().append(originalSlides); } }; Slick.prototype.clickHandler = function(event) { var _ = this; if (_.shouldClick === false) { event.stopImmediatePropagation(); event.stopPropagation(); event.preventDefault(); } }; Slick.prototype.destroy = function(refresh) { var _ = this; _.autoPlayClear(); _.touchObject = {}; _.cleanUpEvents(); $('.slick-cloned', _.$slider).detach(); if (_.$dots) { _.$dots.remove(); } if ( _.$prevArrow && _.$prevArrow.length ) { _.$prevArrow .removeClass('slick-disabled slick-arrow slick-hidden') .removeAttr('aria-hidden aria-disabled tabindex') .css('display',''); if ( _.htmlExpr.test( _.options.prevArrow )) { _.$prevArrow.remove(); } } if ( _.$nextArrow && _.$nextArrow.length ) { _.$nextArrow .removeClass('slick-disabled slick-arrow slick-hidden') .removeAttr('aria-hidden aria-disabled tabindex') .css('display',''); if ( _.htmlExpr.test( _.options.nextArrow )) { _.$nextArrow.remove(); } } if (_.$slides) { _.$slides .removeClass('slick-slide slick-active slick-center slick-visible slick-current') .removeAttr('aria-hidden') .removeAttr('data-slick-index') .each(function(){ $(this).attr('style', $(this).data('originalStyling')); }); _.$slideTrack.children(this.options.slide).detach(); _.$slideTrack.detach(); _.$list.detach(); _.$slider.append(_.$slides); } _.cleanUpRows(); _.$slider.removeClass('slick-slider'); _.$slider.removeClass('slick-initialized'); _.$slider.removeClass('slick-dotted'); _.unslicked = true; if(!refresh) { _.$slider.trigger('destroy', [_]); } }; Slick.prototype.disableTransition = function(slide) { var _ = this, transition = {}; transition[_.transitionType] = ''; if (_.options.fade === false) { _.$slideTrack.css(transition); } else { _.$slides.eq(slide).css(transition); } }; Slick.prototype.fadeSlide = function(slideIndex, callback) { var _ = this; if (_.cssTransitions === false) { _.$slides.eq(slideIndex).css({ zIndex: _.options.zIndex }); _.$slides.eq(slideIndex).animate({ opacity: 1 }, _.options.speed, _.options.easing, callback); } else { _.applyTransition(slideIndex); _.$slides.eq(slideIndex).css({ opacity: 1, zIndex: _.options.zIndex }); if (callback) { setTimeout(function() { _.disableTransition(slideIndex); callback.call(); }, _.options.speed); } } }; Slick.prototype.fadeSlideOut = function(slideIndex) { var _ = this; if (_.cssTransitions === false) { _.$slides.eq(slideIndex).animate({ opacity: 0, zIndex: _.options.zIndex - 2 }, _.options.speed, _.options.easing); } else { _.applyTransition(slideIndex); _.$slides.eq(slideIndex).css({ opacity: 0, zIndex: _.options.zIndex - 2 }); } }; Slick.prototype.filterSlides = Slick.prototype.slickFilter = function(filter) { var _ = this; if (filter !== null) { _.$slidesCache = _.$slides; _.unload(); _.$slideTrack.children(this.options.slide).detach(); _.$slidesCache.filter(filter).appendTo(_.$slideTrack); _.reinit(); } }; Slick.prototype.focusHandler = function() { var _ = this; // If any child element receives focus within the slider we need to pause the autoplay _.$slider .off('focus.slick blur.slick') .on( 'focus.slick', '*', function(event) { var $sf = $(this); setTimeout(function() { if( _.options.pauseOnFocus ) { if ($sf.is(':focus')) { _.focussed = true; _.autoPlay(); } } }, 0); } ).on( 'blur.slick', '*', function(event) { var $sf = $(this); // When a blur occurs on any elements within the slider we become unfocused if( _.options.pauseOnFocus ) { _.focussed = false; _.autoPlay(); } } ); }; Slick.prototype.getCurrent = Slick.prototype.slickCurrentSlide = function() { var _ = this; return _.currentSlide; }; Slick.prototype.getDotCount = function() { var _ = this; var breakPoint = 0; var counter = 0; var pagerQty = 0; if (_.options.infinite === true) { if (_.slideCount <= _.options.slidesToShow) { ++pagerQty; } else { while (breakPoint < _.slideCount) { ++pagerQty; breakPoint = counter + _.options.slidesToScroll; counter += _.options.slidesToScroll <= _.options.slidesToShow ? _.options.slidesToScroll : _.options.slidesToShow; } } } else if (_.options.centerMode === true) { pagerQty = _.slideCount; } else if(!_.options.asNavFor) { pagerQty = 1 + Math.ceil((_.slideCount - _.options.slidesToShow) / _.options.slidesToScroll); }else { while (breakPoint < _.slideCount) { ++pagerQty; breakPoint = counter + _.options.slidesToScroll; counter += _.options.slidesToScroll <= _.options.slidesToShow ? _.options.slidesToScroll : _.options.slidesToShow; } } return pagerQty - 1; }; Slick.prototype.getLeft = function(slideIndex) { var _ = this, targetLeft, verticalHeight, verticalOffset = 0, targetSlide, coef; _.slideOffset = 0; verticalHeight = _.$slides.first().outerHeight(true); if (_.options.infinite === true) { if (_.slideCount > _.options.slidesToShow) { _.slideOffset = (_.slideWidth * _.options.slidesToShow) * -1; coef = -1 if (_.options.vertical === true && _.options.centerMode === true) { if (_.options.slidesToShow === 2) { coef = -1.5; } else if (_.options.slidesToShow === 1) { coef = -2 } } verticalOffset = (verticalHeight * _.options.slidesToShow) * coef; } if (_.slideCount % _.options.slidesToScroll !== 0) { if (slideIndex + _.options.slidesToScroll > _.slideCount && _.slideCount > _.options.slidesToShow) { if (slideIndex > _.slideCount) { _.slideOffset = ((_.options.slidesToShow - (slideIndex - _.slideCount)) * _.slideWidth) * -1; verticalOffset = ((_.options.slidesToShow - (slideIndex - _.slideCount)) * verticalHeight) * -1; } else { _.slideOffset = ((_.slideCount % _.options.slidesToScroll) * _.slideWidth) * -1; verticalOffset = ((_.slideCount % _.options.slidesToScroll) * verticalHeight) * -1; } } } } else { if (slideIndex + _.options.slidesToShow > _.slideCount) { _.slideOffset = ((slideIndex + _.options.slidesToShow) - _.slideCount) * _.slideWidth; verticalOffset = ((slideIndex + _.options.slidesToShow) - _.slideCount) * verticalHeight; } } if (_.slideCount <= _.options.slidesToShow) { _.slideOffset = 0; verticalOffset = 0; } if (_.options.centerMode === true && _.slideCount <= _.options.slidesToShow) { _.slideOffset = ((_.slideWidth * Math.floor(_.options.slidesToShow)) / 2) - ((_.slideWidth * _.slideCount) / 2); } else if (_.options.centerMode === true && _.options.infinite === true) { _.slideOffset += _.slideWidth * Math.floor(_.options.slidesToShow / 2) - _.slideWidth; } else if (_.options.centerMode === true) { _.slideOffset = 0; _.slideOffset += _.slideWidth * Math.floor(_.options.slidesToShow / 2); } if (_.options.vertical === false) { targetLeft = ((slideIndex * _.slideWidth) * -1) + _.slideOffset; } else { targetLeft = ((slideIndex * verticalHeight) * -1) + verticalOffset; } if (_.options.variableWidth === true) { if (_.slideCount <= _.options.slidesToShow || _.options.infinite === false) { targetSlide = _.$slideTrack.children('.slick-slide').eq(slideIndex); } else { targetSlide = _.$slideTrack.children('.slick-slide').eq(slideIndex + _.options.slidesToShow); } if (_.options.rtl === true) { if (targetSlide[0]) { targetLeft = (_.$slideTrack.width() - targetSlide[0].offsetLeft - targetSlide.width()) * -1; } else { targetLeft = 0; } } else { targetLeft = targetSlide[0] ? targetSlide[0].offsetLeft * -1 : 0; } if (_.options.centerMode === true) { if (_.slideCount <= _.options.slidesToShow || _.options.infinite === false) { targetSlide = _.$slideTrack.children('.slick-slide').eq(slideIndex); } else { targetSlide = _.$slideTrack.children('.slick-slide').eq(slideIndex + _.options.slidesToShow + 1); } if (_.options.rtl === true) { if (targetSlide[0]) { targetLeft = (_.$slideTrack.width() - targetSlide[0].offsetLeft - targetSlide.width()) * -1; } else { targetLeft = 0; } } else { targetLeft = targetSlide[0] ? targetSlide[0].offsetLeft * -1 : 0; } targetLeft += (_.$list.width() - targetSlide.outerWidth()) / 2; } } return targetLeft; }; Slick.prototype.getOption = Slick.prototype.slickGetOption = function(option) { var _ = this; return _.options[option]; }; Slick.prototype.getNavigableIndexes = function() { var _ = this, breakPoint = 0, counter = 0, indexes = [], max; if (_.options.infinite === false) { max = _.slideCount; } else { breakPoint = _.options.slidesToScroll * -1; counter = _.options.slidesToScroll * -1; max = _.slideCount * 2; } while (breakPoint < max) { indexes.push(breakPoint); breakPoint = counter + _.options.slidesToScroll; counter += _.options.slidesToScroll <= _.options.slidesToShow ? _.options.slidesToScroll : _.options.slidesToShow; } return indexes; }; Slick.prototype.getSlick = function() { return this; }; Slick.prototype.getSlideCount = function() { var _ = this, slidesTraversed, swipedSlide, swipeTarget, centerOffset; centerOffset = _.options.centerMode === true ? Math.floor(_.$list.width() / 2) : 0; swipeTarget = (_.swipeLeft * -1) + centerOffset; if (_.options.swipeToSlide === true) { _.$slideTrack.find('.slick-slide').each(function(index, slide) { var slideOuterWidth, slideOffset, slideRightBoundary; slideOuterWidth = $(slide).outerWidth(); slideOffset = slide.offsetLeft; if (_.options.centerMode !== true) { slideOffset += (slideOuterWidth / 2); } slideRightBoundary = slideOffset + (slideOuterWidth); if (swipeTarget < slideRightBoundary) { swipedSlide = slide; return false; } }); slidesTraversed = Math.abs($(swipedSlide).attr('data-slick-index') - _.currentSlide) || 1; return slidesTraversed; } else { return _.options.slidesToScroll; } }; Slick.prototype.goTo = Slick.prototype.slickGoTo = function(slide, dontAnimate) { var _ = this; _.changeSlide({ data: { message: 'index', index: parseInt(slide) } }, dontAnimate); }; Slick.prototype.init = function(creation) { var _ = this; if (!$(_.$slider).hasClass('slick-initialized')) { $(_.$slider).addClass('slick-initialized'); _.buildRows(); _.buildOut(); _.setProps(); _.startLoad(); _.loadSlider(); _.initializeEvents(); _.updateArrows(); _.updateDots(); _.checkResponsive(true); _.focusHandler(); } if (creation) { _.$slider.trigger('init', [_]); } if (_.options.accessibility === true) { _.initADA(); } if ( _.options.autoplay ) { _.paused = false; _.autoPlay(); } }; Slick.prototype.initADA = function() { var _ = this, numDotGroups = Math.ceil(_.slideCount / _.options.slidesToShow), tabControlIndexes = _.getNavigableIndexes().filter(function(val) { return (val >= 0) && (val < _.slideCount); }); _.$slides.add(_.$slideTrack.find('.slick-cloned')).attr({ 'aria-hidden': 'true', 'tabindex': '-1' }).find('a, input, button, select').attr({ 'tabindex': '-1' }); if (_.$dots !== null) { _.$slides.not(_.$slideTrack.find('.slick-cloned')).each(function(i) { var slideControlIndex = tabControlIndexes.indexOf(i); $(this).attr({ 'role': 'tabpanel', 'id': 'slick-slide' + _.instanceUid + i, 'tabindex': -1 }); if (slideControlIndex !== -1) { var ariaButtonControl = 'slick-slide-control' + _.instanceUid + slideControlIndex if ($('#' + ariaButtonControl).length) { $(this).attr({ 'aria-describedby': ariaButtonControl }); } } }); _.$dots.attr('role', 'tablist').find('li').each(function(i) { var mappedSlideIndex = tabControlIndexes[i]; $(this).attr({ 'role': 'presentation' }); $(this).find('button').first().attr({ 'role': 'tab', 'id': 'slick-slide-control' + _.instanceUid + i, 'aria-controls': 'slick-slide' + _.instanceUid + mappedSlideIndex, 'aria-label': (i + 1) + ' of ' + numDotGroups, 'aria-selected': null, 'tabindex': '-1' }); }).eq(_.currentSlide).find('button').attr({ 'aria-selected': 'true', 'tabindex': '0' }).end(); } for (var i=_.currentSlide, max=i+_.options.slidesToShow; i < max; i++) { if (_.options.focusOnChange) { _.$slides.eq(i).attr({'tabindex': '0'}); } else { _.$slides.eq(i).removeAttr('tabindex'); } } _.activateADA(); }; Slick.prototype.initArrowEvents = function() { var _ = this; if (_.options.arrows === true && _.slideCount > _.options.slidesToShow) { _.$prevArrow .off('click.slick') .on('click.slick', { message: 'previous' }, _.changeSlide); _.$nextArrow .off('click.slick') .on('click.slick', { message: 'next' }, _.changeSlide); if (_.options.accessibility === true) { _.$prevArrow.on('keydown.slick', _.keyHandler); _.$nextArrow.on('keydown.slick', _.keyHandler); } } }; Slick.prototype.initDotEvents = function() { var _ = this; if (_.options.dots === true && _.slideCount > _.options.slidesToShow) { $('li', _.$dots).on('click.slick', { message: 'index' }, _.changeSlide); if (_.options.accessibility === true) { _.$dots.on('keydown.slick', _.keyHandler); } } if (_.options.dots === true && _.options.pauseOnDotsHover === true && _.slideCount > _.options.slidesToShow) { $('li', _.$dots) .on('mouseenter.slick', $.proxy(_.interrupt, _, true)) .on('mouseleave.slick', $.proxy(_.interrupt, _, false)); } }; Slick.prototype.initSlideEvents = function() { var _ = this; if ( _.options.pauseOnHover ) { _.$list.on('mouseenter.slick', $.proxy(_.interrupt, _, true)); _.$list.on('mouseleave.slick', $.proxy(_.interrupt, _, false)); } }; Slick.prototype.initializeEvents = function() { var _ = this; _.initArrowEvents(); _.initDotEvents(); _.initSlideEvents(); _.$list.on('touchstart.slick mousedown.slick', { action: 'start' }, _.swipeHandler); _.$list.on('touchmove.slick mousemove.slick', { action: 'move' }, _.swipeHandler); _.$list.on('touchend.slick mouseup.slick', { action: 'end' }, _.swipeHandler); _.$list.on('touchcancel.slick mouseleave.slick', { action: 'end' }, _.swipeHandler); _.$list.on('click.slick', _.clickHandler); $(document).on(_.visibilityChange, $.proxy(_.visibility, _)); if (_.options.accessibility === true) { _.$list.on('keydown.slick', _.keyHandler); } if (_.options.focusOnSelect === true) { $(_.$slideTrack).children().on('click.slick', _.selectHandler); } $(window).on('orientationchange.slick.slick-' + _.instanceUid, $.proxy(_.orientationChange, _)); $(window).on('resize.slick.slick-' + _.instanceUid, $.proxy(_.resize, _)); $('[draggable!=true]', _.$slideTrack).on('dragstart', _.preventDefault); $(window).on('load.slick.slick-' + _.instanceUid, _.setPosition); $(_.setPosition); }; Slick.prototype.initUI = function() { var _ = this; if (_.options.arrows === true && _.slideCount > _.options.slidesToShow) { _.$prevArrow.show(); _.$nextArrow.show(); } if (_.options.dots === true && _.slideCount > _.options.slidesToShow) { _.$dots.show(); } }; Slick.prototype.keyHandler = function(event) { var _ = this; //Dont slide if the cursor is inside the form fields and arrow keys are pressed if(!event.target.tagName.match('TEXTAREA|INPUT|SELECT')) { if (event.keyCode === 37 && _.options.accessibility === true) { _.changeSlide({ data: { message: _.options.rtl === true ? 'next' : 'previous' } }); } else if (event.keyCode === 39 && _.options.accessibility === true) { _.changeSlide({ data: { message: _.options.rtl === true ? 'previous' : 'next' } }); } } }; Slick.prototype.lazyLoad = function() { var _ = this, loadRange, cloneRange, rangeStart, rangeEnd; function loadImages(imagesScope) { $('img[data-lazy]', imagesScope).each(function() { var image = $(this), imageSource = $(this).attr('data-lazy'), imageSrcSet = $(this).attr('data-srcset'), imageSizes = $(this).attr('data-sizes') || _.$slider.attr('data-sizes'), imageToLoad = document.createElement('img'); imageToLoad.onload = function() { image .animate({ opacity: 0 }, 100, function() { if (imageSrcSet) { image .attr('srcset', imageSrcSet ); if (imageSizes) { image .attr('sizes', imageSizes ); } } image .attr('src', imageSource) .animate({ opacity: 1 }, 200, function() { image .removeAttr('data-lazy data-srcset data-sizes') .removeClass('slick-loading'); }); _.$slider.trigger('lazyLoaded', [_, image, imageSource]); }); }; imageToLoad.onerror = function() { image .removeAttr( 'data-lazy' ) .removeClass( 'slick-loading' ) .addClass( 'slick-lazyload-error' ); _.$slider.trigger('lazyLoadError', [ _, image, imageSource ]); }; imageToLoad.src = imageSource; }); } if (_.options.centerMode === true) { if (_.options.infinite === true) { rangeStart = _.currentSlide + (_.options.slidesToShow / 2 + 1); rangeEnd = rangeStart + _.options.slidesToShow + 2; } else { rangeStart = Math.max(0, _.currentSlide - (_.options.slidesToShow / 2 + 1)); rangeEnd = 2 + (_.options.slidesToShow / 2 + 1) + _.currentSlide; } } else { rangeStart = _.options.infinite ? _.options.slidesToShow + _.currentSlide : _.currentSlide; rangeEnd = Math.ceil(rangeStart + _.options.slidesToShow); if (_.options.fade === true) { if (rangeStart > 0) rangeStart--; if (rangeEnd <= _.slideCount) rangeEnd++; } } loadRange = _.$slider.find('.slick-slide').slice(rangeStart, rangeEnd); if (_.options.lazyLoad === 'anticipated') { var prevSlide = rangeStart - 1, nextSlide = rangeEnd, $slides = _.$slider.find('.slick-slide'); for (var i = 0; i < _.options.slidesToScroll; i++) { if (prevSlide < 0) prevSlide = _.slideCount - 1; loadRange = loadRange.add($slides.eq(prevSlide)); loadRange = loadRange.add($slides.eq(nextSlide)); prevSlide--; nextSlide++; } } loadImages(loadRange); if (_.slideCount <= _.options.slidesToShow) { cloneRange = _.$slider.find('.slick-slide'); loadImages(cloneRange); } else if (_.currentSlide >= _.slideCount - _.options.slidesToShow) { cloneRange = _.$slider.find('.slick-cloned').slice(0, _.options.slidesToShow); loadImages(cloneRange); } else if (_.currentSlide === 0) { cloneRange = _.$slider.find('.slick-cloned').slice(_.options.slidesToShow * -1); loadImages(cloneRange); } }; Slick.prototype.loadSlider = function() { var _ = this; _.setPosition(); _.$slideTrack.css({ opacity: 1 }); _.$slider.removeClass('slick-loading'); _.initUI(); if (_.options.lazyLoad === 'progressive') { _.progressiveLazyLoad(); } }; Slick.prototype.next = Slick.prototype.slickNext = function() { var _ = this; _.changeSlide({ data: { message: 'next' } }); }; Slick.prototype.orientationChange = function() { var _ = this; _.checkResponsive(); _.setPosition(); }; Slick.prototype.pause = Slick.prototype.slickPause = function() { var _ = this; _.autoPlayClear(); _.paused = true; }; Slick.prototype.play = Slick.prototype.slickPlay = function() { var _ = this; _.autoPlay(); _.options.autoplay = true; _.paused = false; _.focussed = false; _.interrupted = false; }; Slick.prototype.postSlide = function(index) { var _ = this; if( !_.unslicked ) { _.$slider.trigger('afterChange', [_, index]); _.animating = false; if (_.slideCount > _.options.slidesToShow) { _.setPosition(); } _.swipeLeft = null; if ( _.options.autoplay ) { _.autoPlay(); } if (_.options.accessibility === true) { _.initADA(); if (_.options.focusOnChange) { var $currentSlide = $(_.$slides.get(_.currentSlide)); $currentSlide.attr('tabindex', 0).focus(); } } } }; Slick.prototype.prev = Slick.prototype.slickPrev = function() { var _ = this; _.changeSlide({ data: { message: 'previous' } }); }; Slick.prototype.preventDefault = function(event) { event.preventDefault(); }; Slick.prototype.progressiveLazyLoad = function( tryCount ) { tryCount = tryCount || 1; var _ = this, $imgsToLoad = $( 'img[data-lazy]', _.$slider ), image, imageSource, imageSrcSet, imageSizes, imageToLoad; if ( $imgsToLoad.length ) { image = $imgsToLoad.first(); imageSource = image.attr('data-lazy'); imageSrcSet = image.attr('data-srcset'); imageSizes = image.attr('data-sizes') || _.$slider.attr('data-sizes'); imageToLoad = document.createElement('img'); imageToLoad.onload = function() { if (imageSrcSet) { image .attr('srcset', imageSrcSet ); if (imageSizes) { image .attr('sizes', imageSizes ); } } image .attr( 'src', imageSource ) .removeAttr('data-lazy data-srcset data-sizes') .removeClass('slick-loading'); if ( _.options.adaptiveHeight === true ) { _.setPosition(); } _.$slider.trigger('lazyLoaded', [ _, image, imageSource ]); _.progressiveLazyLoad(); }; imageToLoad.onerror = function() { if ( tryCount < 3 ) { /** * try to load the image 3 times, * leave a slight delay so we don't get * servers blocking the request. */ setTimeout( function() { _.progressiveLazyLoad( tryCount + 1 ); }, 500 ); } else { image .removeAttr( 'data-lazy' ) .removeClass( 'slick-loading' ) .addClass( 'slick-lazyload-error' ); _.$slider.trigger('lazyLoadError', [ _, image, imageSource ]); _.progressiveLazyLoad(); } }; imageToLoad.src = imageSource; } else { _.$slider.trigger('allImagesLoaded', [ _ ]); } }; Slick.prototype.refresh = function( initializing ) { var _ = this, currentSlide, lastVisibleIndex; lastVisibleIndex = _.slideCount - _.options.slidesToShow; // in non-infinite sliders, we don't want to go past the // last visible index. if( !_.options.infinite && ( _.currentSlide > lastVisibleIndex )) { _.currentSlide = lastVisibleIndex; } // if less slides than to show, go to start. if ( _.slideCount <= _.options.slidesToShow ) { _.currentSlide = 0; } currentSlide = _.currentSlide; _.destroy(true); $.extend(_, _.initials, { currentSlide: currentSlide }); _.init(); if( !initializing ) { _.changeSlide({ data: { message: 'index', index: currentSlide } }, false); } }; Slick.prototype.registerBreakpoints = function() { var _ = this, breakpoint, currentBreakpoint, l, responsiveSettings = _.options.responsive || null; if ( $.type(responsiveSettings) === 'array' && responsiveSettings.length ) { _.respondTo = _.options.respondTo || 'window'; for ( breakpoint in responsiveSettings ) { l = _.breakpoints.length-1; if (responsiveSettings.hasOwnProperty(breakpoint)) { currentBreakpoint = responsiveSettings[breakpoint].breakpoint; // loop through the breakpoints and cut out any existing // ones with the same breakpoint number, we don't want dupes. while( l >= 0 ) { if( _.breakpoints[l] && _.breakpoints[l] === currentBreakpoint ) { _.breakpoints.splice(l,1); } l--; } _.breakpoints.push(currentBreakpoint); _.breakpointSettings[currentBreakpoint] = responsiveSettings[breakpoint].settings; } } _.breakpoints.sort(function(a, b) { return ( _.options.mobileFirst ) ? a-b : b-a; }); } }; Slick.prototype.reinit = function() { var _ = this; _.$slides = _.$slideTrack .children(_.options.slide) .addClass('slick-slide'); _.slideCount = _.$slides.length; if (_.currentSlide >= _.slideCount && _.currentSlide !== 0) { _.currentSlide = _.currentSlide - _.options.slidesToScroll; } if (_.slideCount <= _.options.slidesToShow) { _.currentSlide = 0; } _.registerBreakpoints(); _.setProps(); _.setupInfinite(); _.buildArrows(); _.updateArrows(); _.initArrowEvents(); _.buildDots(); _.updateDots(); _.initDotEvents(); _.cleanUpSlideEvents(); _.initSlideEvents(); _.checkResponsive(false, true); if (_.options.focusOnSelect === true) { $(_.$slideTrack).children().on('click.slick', _.selectHandler); } _.setSlideClasses(typeof _.currentSlide === 'number' ? _.currentSlide : 0); _.setPosition(); _.focusHandler(); _.paused = !_.options.autoplay; _.autoPlay(); _.$slider.trigger('reInit', [_]); }; Slick.prototype.resize = function() { var _ = this; if ($(window).width() !== _.windowWidth) { clearTimeout(_.windowDelay); _.windowDelay = window.setTimeout(function() { _.windowWidth = $(window).width(); _.checkResponsive(); if( !_.unslicked ) { _.setPosition(); } }, 50); } }; Slick.prototype.removeSlide = Slick.prototype.slickRemove = function(index, removeBefore, removeAll) { var _ = this; if (typeof(index) === 'boolean') { removeBefore = index; index = removeBefore === true ? 0 : _.slideCount - 1; } else { index = removeBefore === true ? --index : index; } if (_.slideCount < 1 || index < 0 || index > _.slideCount - 1) { return false; } _.unload(); if (removeAll === true) { _.$slideTrack.children().remove(); } else { _.$slideTrack.children(this.options.slide).eq(index).remove(); } _.$slides = _.$slideTrack.children(this.options.slide); _.$slideTrack.children(this.options.slide).detach(); _.$slideTrack.append(_.$slides); _.$slidesCache = _.$slides; _.reinit(); }; Slick.prototype.setCSS = function(position) { var _ = this, positionProps = {}, x, y; if (_.options.rtl === true) { position = -position; } x = _.positionProp == 'left' ? Math.ceil(position) + 'px' : '0px'; y = _.positionProp == 'top' ? Math.ceil(position) + 'px' : '0px'; positionProps[_.positionProp] = position; if (_.transformsEnabled === false) { _.$slideTrack.css(positionProps); } else { positionProps = {}; if (_.cssTransitions === false) { positionProps[_.animType] = 'translate(' + x + ', ' + y + ')'; _.$slideTrack.css(positionProps); } else { positionProps[_.animType] = 'translate3d(' + x + ', ' + y + ', 0px)'; _.$slideTrack.css(positionProps); } } }; Slick.prototype.setDimensions = function() { var _ = this; if (_.options.vertical === false) { if (_.options.centerMode === true) { _.$list.css({ padding: ('0px ' + _.options.centerPadding) }); } } else { _.$list.height(_.$slides.first().outerHeight(true) * _.options.slidesToShow); if (_.options.centerMode === true) { _.$list.css({ padding: (_.options.centerPadding + ' 0px') }); } } _.listWidth = _.$list.width(); _.listHeight = _.$list.height(); if (_.options.vertical === false && _.options.variableWidth === false) { _.slideWidth = Math.ceil(_.listWidth / _.options.slidesToShow); _.$slideTrack.width(Math.ceil((_.slideWidth * _.$slideTrack.children('.slick-slide').length))); } else if (_.options.variableWidth === true) { _.$slideTrack.width(5000 * _.slideCount); } else { _.slideWidth = Math.ceil(_.listWidth); _.$slideTrack.height(Math.ceil((_.$slides.first().outerHeight(true) * _.$slideTrack.children('.slick-slide').length))); } var offset = _.$slides.first().outerWidth(true) - _.$slides.first().width(); if (_.options.variableWidth === false) _.$slideTrack.children('.slick-slide').width(_.slideWidth - offset); }; Slick.prototype.setFade = function() { var _ = this, targetLeft; _.$slides.each(function(index, element) { targetLeft = (_.slideWidth * index) * -1; if (_.options.rtl === true) { $(element).css({ position: 'relative', right: targetLeft, top: 0, zIndex: _.options.zIndex - 2, opacity: 0 }); } else { $(element).css({ position: 'relative', left: targetLeft, top: 0, zIndex: _.options.zIndex - 2, opacity: 0 }); } }); _.$slides.eq(_.currentSlide).css({ zIndex: _.options.zIndex - 1, opacity: 1 }); }; Slick.prototype.setHeight = function() { var _ = this; if (_.options.slidesToShow === 1 && _.options.adaptiveHeight === true && _.options.vertical === false) { var targetHeight = _.$slides.eq(_.currentSlide).outerHeight(true); _.$list.css('height', targetHeight); } }; Slick.prototype.setOption = Slick.prototype.slickSetOption = function() { /** * accepts arguments in format of: * * - for changing a single option's value: * .slick("setOption", option, value, refresh ) * * - for changing a set of responsive options: * .slick("setOption", 'responsive', [{}, ...], refresh ) * * - for updating multiple values at once (not responsive) * .slick("setOption", { 'option': value, ... }, refresh ) */ var _ = this, l, item, option, value, refresh = false, type; if( $.type( arguments[0] ) === 'object' ) { option = arguments[0]; refresh = arguments[1]; type = 'multiple'; } else if ( $.type( arguments[0] ) === 'string' ) { option = arguments[0]; value = arguments[1]; refresh = arguments[2]; if ( arguments[0] === 'responsive' && $.type( arguments[1] ) === 'array' ) { type = 'responsive'; } else if ( typeof arguments[1] !== 'undefined' ) { type = 'single'; } } if ( type === 'single' ) { _.options[option] = value; } else if ( type === 'multiple' ) { $.each( option , function( opt, val ) { _.options[opt] = val; }); } else if ( type === 'responsive' ) { for ( item in value ) { if( $.type( _.options.responsive ) !== 'array' ) { _.options.responsive = [ value[item] ]; } else { l = _.options.responsive.length-1; // loop through the responsive object and splice out duplicates. while( l >= 0 ) { if( _.options.responsive[l].breakpoint === value[item].breakpoint ) { _.options.responsive.splice(l,1); } l--; } _.options.responsive.push( value[item] ); } } } if ( refresh ) { _.unload(); _.reinit(); } }; Slick.prototype.setPosition = function() { var _ = this; _.setDimensions(); _.setHeight(); if (_.options.fade === false) { _.setCSS(_.getLeft(_.currentSlide)); } else { _.setFade(); } _.$slider.trigger('setPosition', [_]); }; Slick.prototype.setProps = function() { var _ = this, bodyStyle = document.body.style; _.positionProp = _.options.vertical === true ? 'top' : 'left'; if (_.positionProp === 'top') { _.$slider.addClass('slick-vertical'); } else { _.$slider.removeClass('slick-vertical'); } if (bodyStyle.WebkitTransition !== undefined || bodyStyle.MozTransition !== undefined || bodyStyle.msTransition !== undefined) { if (_.options.useCSS === true) { _.cssTransitions = true; } } if ( _.options.fade ) { if ( typeof _.options.zIndex === 'number' ) { if( _.options.zIndex < 3 ) { _.options.zIndex = 3; } } else { _.options.zIndex = _.defaults.zIndex; } } if (bodyStyle.OTransform !== undefined) { _.animType = 'OTransform'; _.transformType = '-o-transform'; _.transitionType = 'OTransition'; if (bodyStyle.perspectiveProperty === undefined && bodyStyle.webkitPerspective === undefined) _.animType = false; } if (bodyStyle.MozTransform !== undefined) { _.animType = 'MozTransform'; _.transformType = '-moz-transform'; _.transitionType = 'MozTransition'; if (bodyStyle.perspectiveProperty === undefined && bodyStyle.MozPerspective === undefined) _.animType = false; } if (bodyStyle.webkitTransform !== undefined) { _.animType = 'webkitTransform'; _.transformType = '-webkit-transform'; _.transitionType = 'webkitTransition'; if (bodyStyle.perspectiveProperty === undefined && bodyStyle.webkitPerspective === undefined) _.animType = false; } if (bodyStyle.msTransform !== undefined) { _.animType = 'msTransform'; _.transformType = '-ms-transform'; _.transitionType = 'msTransition'; if (bodyStyle.msTransform === undefined) _.animType = false; } if (bodyStyle.transform !== undefined && _.animType !== false) { _.animType = 'transform'; _.transformType = 'transform'; _.transitionType = 'transition'; } _.transformsEnabled = _.options.useTransform && (_.animType !== null && _.animType !== false); }; Slick.prototype.setSlideClasses = function(index) { var _ = this, centerOffset, allSlides, indexOffset, remainder; allSlides = _.$slider .find('.slick-slide') .removeClass('slick-active slick-center slick-current') .attr('aria-hidden', 'true'); _.$slides .eq(index) .addClass('slick-current'); if (_.options.centerMode === true) { var evenCoef = _.options.slidesToShow % 2 === 0 ? 1 : 0; centerOffset = Math.floor(_.options.slidesToShow / 2); if (_.options.infinite === true) { if (index >= centerOffset && index <= (_.slideCount - 1) - centerOffset) { _.$slides .slice(index - centerOffset + evenCoef, index + centerOffset + 1) .addClass('slick-active') .attr('aria-hidden', 'false'); } else { indexOffset = _.options.slidesToShow + index; allSlides .slice(indexOffset - centerOffset + 1 + evenCoef, indexOffset + centerOffset + 2) .addClass('slick-active') .attr('aria-hidden', 'false'); } if (index === 0) { allSlides .eq( _.options.slidesToShow + _.slideCount + 1 ) .addClass('slick-center'); } else if (index === _.slideCount - 1) { allSlides .eq(_.options.slidesToShow) .addClass('slick-center'); } } _.$slides .eq(index) .addClass('slick-center'); } else { if (index >= 0 && index <= (_.slideCount - _.options.slidesToShow)) { _.$slides .slice(index, index + _.options.slidesToShow) .addClass('slick-active') .attr('aria-hidden', 'false'); } else if (allSlides.length <= _.options.slidesToShow) { allSlides .addClass('slick-active') .attr('aria-hidden', 'false'); } else { remainder = _.slideCount % _.options.slidesToShow; indexOffset = _.options.infinite === true ? _.options.slidesToShow + index : index; if (_.options.slidesToShow == _.options.slidesToScroll && (_.slideCount - index) < _.options.slidesToShow) { allSlides .slice(indexOffset - (_.options.slidesToShow - remainder), indexOffset + remainder) .addClass('slick-active') .attr('aria-hidden', 'false'); } else { allSlides .slice(indexOffset, indexOffset + _.options.slidesToShow) .addClass('slick-active') .attr('aria-hidden', 'false'); } } } if (_.options.lazyLoad === 'ondemand' || _.options.lazyLoad === 'anticipated') { _.lazyLoad(); } }; Slick.prototype.setupInfinite = function() { var _ = this, i, slideIndex, infiniteCount; if (_.options.fade === true) { _.options.centerMode = false; } if (_.options.infinite === true && _.options.fade === false) { slideIndex = null; if (_.slideCount > _.options.slidesToShow) { if (_.options.centerMode === true) { infiniteCount = _.options.slidesToShow + 1; } else { infiniteCount = _.options.slidesToShow; } for (i = _.slideCount; i > (_.slideCount - infiniteCount); i -= 1) { slideIndex = i - 1; $(_.$slides[slideIndex]).clone(true).attr('id', '') .attr('data-slick-index', slideIndex - _.slideCount) .prependTo(_.$slideTrack).addClass('slick-cloned'); } for (i = 0; i < infiniteCount + _.slideCount; i += 1) { slideIndex = i; $(_.$slides[slideIndex]).clone(true).attr('id', '') .attr('data-slick-index', slideIndex + _.slideCount) .appendTo(_.$slideTrack).addClass('slick-cloned'); } _.$slideTrack.find('.slick-cloned').find('[id]').each(function() { $(this).attr('id', ''); }); } } }; Slick.prototype.interrupt = function( toggle ) { var _ = this; if( !toggle ) { _.autoPlay(); } _.interrupted = toggle; }; Slick.prototype.selectHandler = function(event) { var _ = this; var targetElement = $(event.target).is('.slick-slide') ? $(event.target) : $(event.target).parents('.slick-slide'); var index = parseInt(targetElement.attr('data-slick-index')); if (!index) index = 0; if (_.slideCount <= _.options.slidesToShow) { _.slideHandler(index, false, true); return; } _.slideHandler(index); }; Slick.prototype.slideHandler = function(index, sync, dontAnimate) { var targetSlide, animSlide, oldSlide, slideLeft, targetLeft = null, _ = this, navTarget; sync = sync || false; if (_.animating === true && _.options.waitForAnimate === true) { return; } if (_.options.fade === true && _.currentSlide === index) { return; } if (sync === false) { _.asNavFor(index); } targetSlide = index; targetLeft = _.getLeft(targetSlide); slideLeft = _.getLeft(_.currentSlide); _.currentLeft = _.swipeLeft === null ? slideLeft : _.swipeLeft; if (_.options.infinite === false && _.options.centerMode === false && (index < 0 || index > _.getDotCount() * _.options.slidesToScroll)) { if (_.options.fade === false) { targetSlide = _.currentSlide; if (dontAnimate !== true && _.slideCount > _.options.slidesToShow) { _.animateSlide(slideLeft, function() { _.postSlide(targetSlide); }); } else { _.postSlide(targetSlide); } } return; } else if (_.options.infinite === false && _.options.centerMode === true && (index < 0 || index > (_.slideCount - _.options.slidesToScroll))) { if (_.options.fade === false) { targetSlide = _.currentSlide; if (dontAnimate !== true && _.slideCount > _.options.slidesToShow) { _.animateSlide(slideLeft, function() { _.postSlide(targetSlide); }); } else { _.postSlide(targetSlide); } } return; } if ( _.options.autoplay ) { clearInterval(_.autoPlayTimer); } if (targetSlide < 0) { if (_.slideCount % _.options.slidesToScroll !== 0) { animSlide = _.slideCount - (_.slideCount % _.options.slidesToScroll); } else { animSlide = _.slideCount + targetSlide; } } else if (targetSlide >= _.slideCount) { if (_.slideCount % _.options.slidesToScroll !== 0) { animSlide = 0; } else { animSlide = targetSlide - _.slideCount; } } else { animSlide = targetSlide; } _.animating = true; _.$slider.trigger('beforeChange', [_, _.currentSlide, animSlide]); oldSlide = _.currentSlide; _.currentSlide = animSlide; _.setSlideClasses(_.currentSlide); if ( _.options.asNavFor ) { navTarget = _.getNavTarget(); navTarget = navTarget.slick('getSlick'); if ( navTarget.slideCount <= navTarget.options.slidesToShow ) { navTarget.setSlideClasses(_.currentSlide); } } _.updateDots(); _.updateArrows(); if (_.options.fade === true) { if (dontAnimate !== true) { _.fadeSlideOut(oldSlide); _.fadeSlide(animSlide, function() { _.postSlide(animSlide); }); } else { _.postSlide(animSlide); } _.animateHeight(); return; } if (dontAnimate !== true && _.slideCount > _.options.slidesToShow) { _.animateSlide(targetLeft, function() { _.postSlide(animSlide); }); } else { _.postSlide(animSlide); } }; Slick.prototype.startLoad = function() { var _ = this; if (_.options.arrows === true && _.slideCount > _.options.slidesToShow) { _.$prevArrow.hide(); _.$nextArrow.hide(); } if (_.options.dots === true && _.slideCount > _.options.slidesToShow) { _.$dots.hide(); } _.$slider.addClass('slick-loading'); }; Slick.prototype.swipeDirection = function() { var xDist, yDist, r, swipeAngle, _ = this; xDist = _.touchObject.startX - _.touchObject.curX; yDist = _.touchObject.startY - _.touchObject.curY; r = Math.atan2(yDist, xDist); swipeAngle = Math.round(r * 180 / Math.PI); if (swipeAngle < 0) { swipeAngle = 360 - Math.abs(swipeAngle); } if ((swipeAngle <= 45) && (swipeAngle >= 0)) { return (_.options.rtl === false ? 'left' : 'right'); } if ((swipeAngle <= 360) && (swipeAngle >= 315)) { return (_.options.rtl === false ? 'left' : 'right'); } if ((swipeAngle >= 135) && (swipeAngle <= 225)) { return (_.options.rtl === false ? 'right' : 'left'); } if (_.options.verticalSwiping === true) { if ((swipeAngle >= 35) && (swipeAngle <= 135)) { return 'down'; } else { return 'up'; } } return 'vertical'; }; Slick.prototype.swipeEnd = function(event) { var _ = this, slideCount, direction; _.dragging = false; _.swiping = false; if (_.scrolling) { _.scrolling = false; return false; } _.interrupted = false; _.shouldClick = ( _.touchObject.swipeLength > 10 ) ? false : true; if ( _.touchObject.curX === undefined ) { return false; } if ( _.touchObject.edgeHit === true ) { _.$slider.trigger('edge', [_, _.swipeDirection() ]); } if ( _.touchObject.swipeLength >= _.touchObject.minSwipe ) { direction = _.swipeDirection(); switch ( direction ) { case 'left': case 'down': slideCount = _.options.swipeToSlide ? _.checkNavigable( _.currentSlide + _.getSlideCount() ) : _.currentSlide + _.getSlideCount(); _.currentDirection = 0; break; case 'right': case 'up': slideCount = _.options.swipeToSlide ? _.checkNavigable( _.currentSlide - _.getSlideCount() ) : _.currentSlide - _.getSlideCount(); _.currentDirection = 1; break; default: } if( direction != 'vertical' ) { _.slideHandler( slideCount ); _.touchObject = {}; _.$slider.trigger('swipe', [_, direction ]); } } else { if ( _.touchObject.startX !== _.touchObject.curX ) { _.slideHandler( _.currentSlide ); _.touchObject = {}; } } }; Slick.prototype.swipeHandler = function(event) { var _ = this; if ((_.options.swipe === false) || ('ontouchend' in document && _.options.swipe === false)) { return; } else if (_.options.draggable === false && event.type.indexOf('mouse') !== -1) { return; } _.touchObject.fingerCount = event.originalEvent && event.originalEvent.touches !== undefined ? event.originalEvent.touches.length : 1; _.touchObject.minSwipe = _.listWidth / _.options .touchThreshold; if (_.options.verticalSwiping === true) { _.touchObject.minSwipe = _.listHeight / _.options .touchThreshold; } switch (event.data.action) { case 'start': _.swipeStart(event); break; case 'move': _.swipeMove(event); break; case 'end': _.swipeEnd(event); break; } }; Slick.prototype.swipeMove = function(event) { var _ = this, edgeWasHit = false, curLeft, swipeDirection, swipeLength, positionOffset, touches, verticalSwipeLength; touches = event.originalEvent !== undefined ? event.originalEvent.touches : null; if (!_.dragging || _.scrolling || touches && touches.length !== 1) { return false; } curLeft = _.getLeft(_.currentSlide); _.touchObject.curX = touches !== undefined ? touches[0].pageX : event.clientX; _.touchObject.curY = touches !== undefined ? touches[0].pageY : event.clientY; _.touchObject.swipeLength = Math.round(Math.sqrt( Math.pow(_.touchObject.curX - _.touchObject.startX, 2))); verticalSwipeLength = Math.round(Math.sqrt( Math.pow(_.touchObject.curY - _.touchObject.startY, 2))); if (!_.options.verticalSwiping && !_.swiping && verticalSwipeLength > 4) { _.scrolling = true; return false; } if (_.options.verticalSwiping === true) { _.touchObject.swipeLength = verticalSwipeLength; } swipeDirection = _.swipeDirection(); if (event.originalEvent !== undefined && _.touchObject.swipeLength > 4) { _.swiping = true; event.preventDefault(); } positionOffset = (_.options.rtl === false ? 1 : -1) * (_.touchObject.curX > _.touchObject.startX ? 1 : -1); if (_.options.verticalSwiping === true) { positionOffset = _.touchObject.curY > _.touchObject.startY ? 1 : -1; } swipeLength = _.touchObject.swipeLength; _.touchObject.edgeHit = false; if (_.options.infinite === false) { if ((_.currentSlide === 0 && swipeDirection === 'right') || (_.currentSlide >= _.getDotCount() && swipeDirection === 'left')) { swipeLength = _.touchObject.swipeLength * _.options.edgeFriction; _.touchObject.edgeHit = true; } } if (_.options.vertical === false) { _.swipeLeft = curLeft + swipeLength * positionOffset; } else { _.swipeLeft = curLeft + (swipeLength * (_.$list.height() / _.listWidth)) * positionOffset; } if (_.options.verticalSwiping === true) { _.swipeLeft = curLeft + swipeLength * positionOffset; } if (_.options.fade === true || _.options.touchMove === false) { return false; } if (_.animating === true) { _.swipeLeft = null; return false; } _.setCSS(_.swipeLeft); }; Slick.prototype.swipeStart = function(event) { var _ = this, touches; _.interrupted = true; if (_.touchObject.fingerCount !== 1 || _.slideCount <= _.options.slidesToShow) { _.touchObject = {}; return false; } if (event.originalEvent !== undefined && event.originalEvent.touches !== undefined) { touches = event.originalEvent.touches[0]; } _.touchObject.startX = _.touchObject.curX = touches !== undefined ? touches.pageX : event.clientX; _.touchObject.startY = _.touchObject.curY = touches !== undefined ? touches.pageY : event.clientY; _.dragging = true; }; Slick.prototype.unfilterSlides = Slick.prototype.slickUnfilter = function() { var _ = this; if (_.$slidesCache !== null) { _.unload(); _.$slideTrack.children(this.options.slide).detach(); _.$slidesCache.appendTo(_.$slideTrack); _.reinit(); } }; Slick.prototype.unload = function() { var _ = this; $('.slick-cloned', _.$slider).remove(); if (_.$dots) { _.$dots.remove(); } if (_.$prevArrow && _.htmlExpr.test(_.options.prevArrow)) { _.$prevArrow.remove(); } if (_.$nextArrow && _.htmlExpr.test(_.options.nextArrow)) { _.$nextArrow.remove(); } _.$slides .removeClass('slick-slide slick-active slick-visible slick-current') .attr('aria-hidden', 'true') .css('width', ''); }; Slick.prototype.unslick = function(fromBreakpoint) { var _ = this; _.$slider.trigger('unslick', [_, fromBreakpoint]); _.destroy(); }; Slick.prototype.updateArrows = function() { var _ = this, centerOffset; centerOffset = Math.floor(_.options.slidesToShow / 2); if ( _.options.arrows === true && _.slideCount > _.options.slidesToShow && !_.options.infinite ) { _.$prevArrow.removeClass('slick-disabled').attr('aria-disabled', 'false'); _.$nextArrow.removeClass('slick-disabled').attr('aria-disabled', 'false'); if (_.currentSlide === 0) { _.$prevArrow.addClass('slick-disabled').attr('aria-disabled', 'true'); _.$nextArrow.removeClass('slick-disabled').attr('aria-disabled', 'false'); } else if (_.currentSlide >= _.slideCount - _.options.slidesToShow && _.options.centerMode === false) { _.$nextArrow.addClass('slick-disabled').attr('aria-disabled', 'true'); _.$prevArrow.removeClass('slick-disabled').attr('aria-disabled', 'false'); } else if (_.currentSlide >= _.slideCount - 1 && _.options.centerMode === true) { _.$nextArrow.addClass('slick-disabled').attr('aria-disabled', 'true'); _.$prevArrow.removeClass('slick-disabled').attr('aria-disabled', 'false'); } } }; Slick.prototype.updateDots = function() { var _ = this; if (_.$dots !== null) { _.$dots .find('li') .removeClass('slick-active') .end(); _.$dots .find('li') .eq(Math.floor(_.currentSlide / _.options.slidesToScroll)) .addClass('slick-active'); } }; Slick.prototype.visibility = function() { var _ = this; if ( _.options.autoplay ) { if ( document[_.hidden] ) { _.interrupted = true; } else { _.interrupted = false; } } }; $.fn.slick = function() { var _ = this, opt = arguments[0], args = Array.prototype.slice.call(arguments, 1), l = _.length, i, ret; for (i = 0; i < l; i++) { if (typeof opt == 'object' || typeof opt == 'undefined') _[i].slick = new Slick(_[i], opt); else ret = _[i].slick[opt].apply(_[i].slick, args); if (typeof ret != 'undefined') return ret; } return _; }; })); </script> <script src="/public/js/bootstrap/bootstrap.min.js"></script> <script src="/public/js/viewportchecker.js"></script> <script type=""> document.addEventListener("DOMContentLoaded", function(event) { if (document.querySelector("#interactivo")) { document.querySelector("#MG_POP").remove(); } }); $(document).ready(function() { $('.mg_producto_portada').magnificPopup({ delegate: 'a', type:'image', gallery: { enabled: true } }); $('.carousel').carousel({ interval: 3000 }) //PRELOAD setTimeout(function() { $('#mg_pre-carga').addClass("mg_pre-carga-go"); }, 1000); //LOADING $('.dropdown-toggle').dropdown(); $(".mg_productos").prepend('<div class="volver"><a href="javascript:history.back()"> Volver Atrás</a></div>'); var str = $('.mg_banner_categoria_tienda h1'); str.each(function() { $(this).text($(this).text().charAt(0).toUpperCase() + $(this).text().slice(1).toLowerCase()); }); if (document.querySelector('.mg_vista_producto')) { var title = document.querySelector('title').innerText; var title_new = title.replaceAll('<br>', ' '); document.querySelector('title').innerText = title_new; } $(".mg_categoria_tienda .mg_banner_categoria_tienda h1").fadeIn(2000); $(".mg_categoria_tienda_M-INVERTER .mg_banner_categoria_tienda h1").text('Microondas INVERTER'); $(".mg_categoria_tienda_L-INVERTER .mg_banner_categoria_tienda h1").text('Lavadoras INVERTER'); $(".mg_categoria_tienda_S-INVERTER .mg_banner_categoria_tienda h1").text('Secadoras INVERTER'); $(".mg_categoria_tienda_C-INVERTER .mg_banner_categoria_tienda h1").text('Congeladores INVERTER'); $(".mg_categoria_tienda_R-INVERTER .mg_banner_categoria_tienda h1").text('Refrigeradoras / Neveras INVERTER'); $(".mg_categoria_tienda_A-INVERTER .mg_banner_categoria_tienda h1").text('Aires acondicionados INVERTER'); $(".mg_categoria_tienda_L-INDUSTRIALES .mg_banner_categoria_tienda h1").text('LAVADORAS INDUSTRIALES'); $(".mg_categoria_tienda_S-INDUSTRIALES .mg_banner_categoria_tienda h1").text('SECADORAS INDUSTRIALES'); $(".mg_categoria_tienda.mg_categoria_tienda_Supresores.SPD .mg_banner_categoria_tienda h1").text('Supresores SPD'); $(".mg_categoria_tienda_Equipos-Medicos .mg_banner_categoria_tienda h1").text('Equipos médicos'); $(".mg_categoria_tienda.mg_categoria_tienda_equipos.medicos.portatiles .mg_banner_categoria_tienda h1").text('Equipos médicos portátiles'); $(".mg_categoria_tienda.mg_categoria_tienda_sistemas.trifasicos .mg_banner_categoria_tienda h1").text('Sistemas trifásicos'); $(".mg_categoria_tienda.mg_categoria_tienda_sistemas.monofasicos .mg_banner_categoria_tienda h1").text('Sistemas monofásicos'); $(".mg_categoria_tienda.mg_categoria_tienda_motores.electricos .mg_banner_categoria_tienda h1").text('Motores eléctricos'); $(".mg_categoria_tienda.mg_categoria_tienda_tableros.electricos .mg_banner_categoria_tienda h1").text('Tableros eléctricos'); $(".mg_categoria_tienda.mg_categoria_tienda_portones.electricos .mg_banner_categoria_tienda h1").text('Portones eléctricos'); $(".mg_categoria_tienda_iluminacion .mg_banner_categoria_tienda h1").text('Iluminación'); $(".mg_categoria_tienda.mg_categoria_tienda_centrales.telefonicas .mg_banner_categoria_tienda h1").text('Centrales telefónicas'); $(".mg_categoria_tienda.mg_categoria_tienda_equipos.de.computacion .mg_banner_categoria_tienda h1").text('Equipos de computación'); $(".mg_categoria_tienda.mg_categoria_tienda_congeladores.domesticos .mg_banner_categoria_tienda h1").text('Congeladores domésticos'); $(".mg_categoria_tienda.mg_categoria_tienda_aire.acondicionado.y.refrigeracion.industrial .mg_banner_categoria_tienda h1").text('Aire acondicionado y refrigeración industrial'); $(".mg_categoria_tienda.mg_categoria_tienda_cocinas.electricas .mg_banner_categoria_tienda h1").text('Cocinas eléctricas y de inducción'); //HEADER $('a[href^="#"]').click(function() { var destino = $(this.hash); if (destino.length == 0) { destino = $('a[name="' + this.hash.substr(1) + '"]'); } if (destino.length == 0) { destino = $('html'); } $('html, body').animate({ scrollTop: destino.offset().top }, 500); return false; }); //SLICK CARROUSEL // $('.mg-slick').slick({ // slidesToShow: 6, // slidesToScroll: 1, // autoplay: true, // autoplaySpeed: 5000, // arrows: true, // prevArrow: '<a class="prev-arrow"><i class="fas fa-chevron-left"></i></a>', // nextArrow: '<a class="next-arrow"><i class="fas fa-chevron-right"></i></a>', // dots: false, // pauseOnHover: false, // responsive: [{ // breakpoint: 768, // settings: { // slidesToShow: 3 // } // }, { // breakpoint: 520, // settings: { // slidesToShow: 2 // } // }] // }); }); //FIN DOCUMENT READY $('.mg_movil_icon').click(function(event){ document.querySelector( ".mg_menu_principal" ).classList.toggle("is_active"); event.preventDefault(); }); $('.mg_menu_principal ul li a[href^="#"]').click(function(event) { document.querySelector( ".mg_menu_principal" ).classList.toggle("is_active"); event.preventDefault(); }); function cerrarPopUp(){ document.querySelector(".popud").remove(); } </script> <link rel="stylesheet" href="/public/icons/font_awesome_6.0/all.css"> <!-- <script src="//code.tidio.co/cqwlzhepe6ood7rdgrpoardna1rembqr.js" async></script> --> <script src="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/jquery.magnific-popup.js" integrity="sha512-C1zvdb9R55RAkl6xCLTPt+Wmcz6s+ccOvcr6G57lbm8M2fbgn2SUjUJbQ13fEyjuLViwe97uJvwa1EUf4F1Akw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <script>function loadScript(a){var b=document.getElementsByTagName("head")[0],c=document.createElement("script");c.type="text/javascript",c.src="https://tracker.metricool.com/resources/be.js",c.onreadystatechange=a,c.onload=a,b.appendChild(c)}loadScript(function(){beTracker.t({hash:"aa410d52e2aae5ff32ee26550bc1b750"})});</script> </body> </html>