KCalculator 1.0

HTML
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>KCaliculator 1.0</title> <meta name="description" content="Calculator 1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=2.0, user-scalable=yes"> <meta name="author" content="Kostas Sliazas" > <style> @font-face { font-family: 'Numbers'; src: url(data:font/truetype;charset=utf-8;base64,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+Ssr+QLdICEh/rABUP6wK/orK/orISEg/pABUCv6Kyv6/oUgICEAAAAIADL//AHDAt0ABQAGAAcADQATABkAHwAlAAATMxcHIycBGQEXFQcnNTcHIyc3MwUXFQcnNTcnNTcXFQM3MxcHI375Kyv5LAFQISEgICv5LCz5/tshISAgICAhISz5Kyv5At0gISH+sAFQ/rAr+isr+ishISAgK/orK/orK/orK/r+hSAgIQAACwBSAB0BwwLdAAUACwARABIAEwAUABUAFgAXABgAGQAAEzMXByMnIRcVByc1ExcVByc1NyEZATERASF++Ssr+SwBUCEhICAhISAg/rABUP6wAt0gISEr+isr+v7bK/orK/or/rABUAFQ/WAABwAy//wBwwLdAAUACwARABcAHQAjACkAABMzFwcjJyEXFQcnNRMXFQcnNTcHIyc3MwUXFQcnNTcnNTcXFQM3MxcHI375Kyv5LAFQISEgICEhICAr+Sws+f7bISEgICAgISEs+Ssr+QLdICEhK/orK/r+2yv6Kyv6KyEhICAr+isr+isr+isr+v6FICAhAAAACAAy//wBwwLdAAUACwARABcAGAAZAB8AJQAAEzMXByMnIRcVByc1ExcVByc1NwcjJzczARExJzU3FxUDNzMXByN++Ssr+SwBUCEhICAhISAgK/ksLPn+2yAgISEs+Ssr+QLdICEhK/orK/r+2yv6Kyv6KyEhIP6QAVAr+isr+v6FICAhAAAAAAEAAAAAAAAAAAADAAA5AwAAAA4ArgABAAAAAAAAAB0APAABAAAAAAABAAkAbgABAAAAAAACAAcAiAABAAAAAAADACUA3AABAAAAAAAEAAkBFgABAAAAAAAFABABQgABAAAAAAAGAAkBZwADAAEECQAAADoAAAADAAEECQABABIAWgADAAEECQACAA4AeAADAAEECQADAEoAkAADAAEECQAEABIBAgADAAEECQAFACABIAADAAEECQAGABIBUwBDAG8AcAB5AHIAaQBnAGgAdAAgACgAYwApACAAMgAwADEAOQAsACAASwBvAHMAdABhAHMALAAsACwAAENvcHlyaWdodCAoYykgMjAxOSwgS29zdGFzLCwsAABVAG4AdABpAHQAbABlAGQAMQAAVW50aXRsZWQxAABSAGUAZwB1AGwAYQByAABSZWd1bGFyAABGAG8AbgB0AEYAbwByAGcAZQAgADIALgAwACAAOgAgAFUAbgB0AGkAdABsAGUAZAAxACAAOgAgADEANQAtADMALQAyADAAMQA5AABGb250Rm9yZ2UgMi4wIDogVW50aXRsZWQxIDogMTUtMy0yMDE5AABVAG4AdABpAHQAbABlAGQAMQAAVW50aXRsZWQxAABWAGUAcgBzAGkAbwBuACAAMAAwADEALgAwADAAMAAgAABWZXJzaW9uIDAwMS4wMDAgAABVAG4AdABpAHQAbABlAGQAMQAAVW50aXRsZWQxAAAAAgAAAAAAAP67ADIAAAAAAAAAAAAAAAAAAAAAAAAAAAAcAAABAgEDABEAEwAUABUAFgAXABgAGQAaABsAHAEEAQUBBgEHAQgBCQEKAQsBDAENAQ4BDwEQAREGZ2x5cGgxB3VuaTAwMEQHdW 5pMjAwMAd1bmkyMDAxB3VuaTIwMDIHdW5pMjAwMwd1bmkyMDA0B3VuaTIwMDUHdW5pMjAwNgd1bmkyMDA3B3VuaTIwMDgHdW5pMjAwOQd1bmkyMDBBB3VuaTIwMkYHdW5pMjA1Rgd1bmkyNUZDAAAAAAEAAf//AA8AAQAAAAwAAAAWAAAAAgABAAEAGwABAAQAAAACAAAAAAAAAAEAAAAA1e1FuAAAAADYsJFJAAAAANiwp9I=) format('truetype'); font-weight: normal; font-style: normal; } html, body{ height:100%; } body{ font:16px/1.5 monospace; padding:0; margin:0; overflow-x:hidden; background: #000; } #calcwrap{ width:100%; position:relative; margin:0 auto; padding-top:100%; } #calcwrap .in{ position: absolute; display:block; top: 0; bottom: 0; left: 0; right: 0; margin:auto; text-align:center; min-width:240px; max-width:480px; } #calculator{ display:-ms-grid; display:grid; -ms-grid-columns: 1fr 2px 1fr 2px 1fr 2px 1fr; grid-template-columns: repeat(4, 1fr); -ms-grid-rows: 1fr 2px 1fr 2px 1fr 2px 1fr 2px 1fr 2px 1fr; grid-template-rows: repeat(6, 1fr); justify-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; margin: 0 auto; padding: 6px; background:#333; -webkit-box-shadow:0 0 0 1px #000 inset, 0 0 4px 0 #000; box-shadow:0 0 0 1px #000 inset, 0 0 4px 0 #000; font-size:2em; grid-gap:6px; border-radius:3px; } input{ -webkit-tap-highlight-color: rgba(0,0,0,1); } input::selection { background: transparent; } input::-moz-selection { background: transparent; } #calculator input{ border-radius:inherit; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width:100%; height:100%; font-size:inherit; line-height:inherit; position:relative; cursor:pointer; border:0; margin:0; outline:0; color:#ccc; -webkit-box-shadow:0 0 0 1px #000 inset, 0 2px 2px 0 #777 inset; box-shadow:0 0 0 1px #000 inset, 0 2px 2px 0 #777 inset; background: #111; } #calculator:focus, #calculator input:focus, #calculator input::-moz-focus-inner{ outline:0; -moz-outline:0; border:0; } #calculator>[data-fun="p"]{ -ms-grid-row: 5; grid-row-start: 5; -ms-grid-row-span: 2; grid-row-end: 7; -ms-grid-column:4; grid-column-start:4; } #calculator div:empty { background: #999; } #calculator input[data-fun="clr"] { background:#FF4B4B; } #calculator input[data-ekr="ekr"] { grid-column-start:1; grid-column-end:5; margin:0; box-sizing: border-box; box-shadow:0 2px 1px 0 #000 inset; background:#fafafa; font-family: "Numbers", monospace; color:#333; text-align:right; padding:0 5px; } .switch { position: relative; display:block; width: 100%; height: 100%; background:#111; box-shadow:0 0 0 1px #000 inset; border-radius:inherit; } .switch input { opacity: 0; width: 0; height: 0; } .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; border-radius:inherit; } .slider:before { position: absolute; object-fit:contain; height:100%; width:50%; box-shadow:0 0 0 1px #777 inset; left:0; bottom:0; top:0; -webkit-transition: .2s; -o-transition: .2s; transition: .2s; -webkit-box-shadow:0 0 0 1px #000 inset, 0 2px 2px 0 #777 inset; box-shadow:0 0 0 1px #000 inset, 0 2px 2px 0 #777 inset; background: #111; content:"????"; font-size:inherit; line-height:inherit; } input:checked + .slider{ background: #00b200; } input:focus + .slider { -webkit-box-shadow: 0 0 1px #fff; box-shadow: 0 0 1px #fff; } input:checked + .slider:before { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); content: "????"; } .round:before { border-radius: 4px; } body::before{ content:"KCaliculator 1.0"; text-align:center; display:block; font-size:10px; color:#777; } </style> </head> <body> <div id="calcwrap"> <div class="in"> <div id="calculator"> <input type="text" id="src" data-ekr="ekr" value="" disabled> <input data-fun="clr" type="button" value="C"> <label class="switch"><input id="esound" type="checkbox"><span class="slider round"></span></label> <input data-fun="b" type="button" value="⌫"> <input data-fun="d" type="button" value="/"> <input data-num="7" type="button" value="7"> <input data-num="8" type="button" value="8"> <input data-num="9" type="button" value="9"> <input data-fun="m" type="button" value="*"> <input data-num="4" type="button" value="4"> <input data-num="5" type="button" value="5"> <input data-num="6" type="button" value="6"> <input data-fun="a" type="button" value="-"> <input data-num="1" type="button" value="1"> <input data-num="2" type="button" value="2"> <input data-num="3" type="button" value="3"> <input data-num="0" type="button" value="0"> <input data-fun="d" type="button" value=","> <input data-fun="e" type="button" value="="> <input data-fun="p" type="button" value="+"> </div> </div> </div> <script> (function() { "use strict"; let calc = document.getElementById("calculator"); let calcScreen = document.getElementById("src"); calcScreen.value = 0; let n1 = ["0"]; let n2 = 0; let op = null; let lastop = null; let result = 0; let add = function(n, o) { return n + o; }; let sub = function(n, o) { return n - o; }; let div = function(n, o) { return n / o; }; let mul = function(n, o) { return n * o; }; let res = function(n) { return n; }; let cal = function(num1, num2, calback) { if (typeof calback === "function") { return calback(num1, num2); } }; const cals = { "/": div, "*": mul, "+": add, "-": sub, "=": res, }; const btn = function(e) { if ( !e.target.matches("input") || e.target.id === "src" || e.target.id === "esound" ) { return false; } if (e.target.dataset.num) { (n1[0] === "0" && n1[1] !== "." && !!(n1.length = 0)) || n1.push(e.target.value); } op = null; if (e.target.dataset.fun) { op = e.target.value; } if (op === "⌫") { n1=result.toString(10).substring(0,15).replace(/[^0-9]/g, '.').split(''); result = 0; lastop = null; n1.pop(); } if (!n1.length) { n1 = ["0"]; } if (op === "," && !n1.includes(".")) { n1.push("."); } result = n1.join(""); if (op === "/" || op === "*" || op === "+" || op === "-" || op === "=") { n1.length = 0; if (n2 && lastop) { result = cal(parseFloat(n2), parseFloat(result), cals[lastop]); } n2 = result; lastop = res(op); } if (!isFinite(result)) { calcScreen.value = "Ooops!"; return; } if (op === "C") { n1.length = 0; n2 = 0; result = 0; calcScreen.value = "0"; } calcScreen.value = result; if (document.getElementById("esound").checked) { sound(); } }; calc.addEventListener("click", btn); function sound() { const snd = new Audio( "data:audio/mp3;base64,//uwYAAABNBVw5UwwABcoAmNoIwBXEYfLbj6AAm2w+f3GqAAAPqQAwJiOfwGAkCQJAjiWTzMzMzMzMwAAAAAAAEECBAmTTPJkyZMmQIIREREXd2TJkyZMABBAgQIIRF3e3dnpkCBCI/8HkyZMmTJkyZAgQQgwgQIEyZMmTJkyaZCIiIggQCyZMmTJk7uIiIiIQJkyZMmnd3ERERERd3d3d3EREECBBAHwfB8P4IAg7E4PmuIAfB9/+D4fxACDgYiUpI5LLJcHn4AAGHh4ePAAAAAAMPDw8PAAAAAAMPDw8/gAAADvDw8PAAD/zDw8PDwAAAABXMPDx4AAAAABh4eHv//wAw8f//gAAAGHh4ef///////gDv//90ARAIBAMxkMBgKBCEAAAAEiAlpXJVrRelfrTJ1ay3+FQOcTymHYRMwMSA6KhfA0AlUukOOVMwASMBiEAAxA8rUZckSdICMYm6SDgecOBkiYHZXgKtANqZJEsFw0c66b8DCBgPAsAwK8DVhRhgmBSTPLQUkaVvwCjYGcFAPPgakSCioAgqBuzKa9+/fe4GVAjcJADGCgQEQNGHADLgHHQNiZ///8DYhQ+oARMOPJ0XGMyH7AKAAJBCS/////EeCNxzGE7jUFKDQNiCNmhn/////////m43iJClAtIG+IICDDYZgqQOBwOJQPRwOBwAAAAAAACQBbkJ5YWRI6cotrWh3UmJSFXnqhu/mDRzMxH+NR8DQCgmmmojfheCEckHDv/8WBMLjwaOSf//iwe9Sd1J////fJD7bt////+eN2Jydndjz9k/////////yQkczk7Hk6YgpqKAAAAD/+7JgAAAF5lfa7gtAAGnqS73BLABQuU9Z/PSACjgwKv+ekAGgYDAYDYajIaDIaDYag5vGG85/r1P//+kgPXP//YAg0iCFBly2/yuv/UqMmuNMpOiZO+rNMwdpS5w1gW1sbkcopxUO1lLh3jIgCZq8FfCapX23/6/zMh5EoKq4IDFqUSrf/vfyn////wEaDlBiwY8JLXggAFwRIJTChmORaVT1NTdjOv/mff/wwclC57bPZF4u1h01LVPuzSU/5Z3bkNVaX///////ZZFJG7lypdls9Y537lioIxljP/NBdjqBwOBwPh+PR8Px8PxwCL7j+T/P/nluf83VKFtqBz/BHD4UgLic2AiAiaTu38pkKbLDvXHdDqe7/83OoSq43SOtp8t//zpvZexhmiu0kjti3df//5cWG76e+GHHzW+5+P///9kJweACMquHzl9v9czQA0p+BLEKvSCxSMz2Nd6tRocB46mVaV+dpEkzBrZ8tNF6hXSJlk0SyTbZplAkEzQmLH37m/3lRqDys1ZqNTyG1Vbu/79+9FGHc7WVm2Ml92ORT2CLqWksiFLmc+/c/9bu7SFyGEa1NtZukStLqbaedX3TuvUm4300Kl5IU5TllLfZ/bv5T0AJp/huq1jYJ4ikgRdblq6niTNtQKpTyU/4etm3G2vXya84OUVSFJECOiFImEzK17P/f6/uKGMOprG/M/xqMtnUqzTk6j1ll1idXEXxcz3QzINSExEaIiIyhqU5Xu+pf7KVIaw4y+ciV5NFZ8tVWouhVyGM2tdUmhnFVqlqWjCeQZt2QXEwK04JiCmopmXHJwXGQAAAAAAAAAAAAAD/+7JgAAAVD1hP8ZhlonRLan8ko/RSpZlD5LzWigGw6HhmGwlWWpdXZRAAC2zjrLrBISoGjV21YSyoWXeUyzNWZ+uMsQ/nF+dr5wlpcqbGuZmiZbpF+2kMGbksGWyUMEY0VCsSHy73GYa/s1+fD2vnvrUxbpR8ZLkSrmsxfkOvtQyY/CtjOUTjS0nHSsbJ1sD2TTFqdlcbHTevoKqhzdi0LM5bP/vZrbZjxd7C33ezcpem2mW2drPZ3vRGlTq1PBSWfgpu8BjzXVU9NIwAiFMJVjDrcbCiVNS2orozk4wlj5r/+cd9/1/JZferIfRMEUxrA8iI25o2n1//93s3nP1bqrDLmdDI1UNnsl5DHZjMq2q7IYDDhUCh4qHcaIjv6VVzayNkalPY0jEYP/UihjPLQWuHyVkv3Nrh9bvUW9VDsgAEVeQiQgURgIfXQoUSiRaJO8mQI16tmSOaKT6nePknWDJCO9KKFhPdUocqy5F2H0TmGRxrlcShggw5INvCtVuW+lFmqeYUXRSfbh8dsik/1ImJEhQcFPUaWri49syinEBRONSIJEizXfvlfv/zg50sy90wSjs93lL5/pS2/LuLok/jNfu3+yW1Y7ds1Jl1VWoh6qpNAB8qcGFonwcnQatRT0YSc8ukcn/Xefv+pzhZApJKhnRg0+jXiCT7gDRBSjTQd2fP7Mxvk9yRLZzclA6qZ5eZ6nxUty3Sd027alvt9CpcSpBzjitXe5U//58WOJUuqpruXz79mmKq9+QuGuSmxFbbzenl+colT9xQXFXqYgpqKZlxycFxkAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/+7JgAAIEgFTPeY82EoVsmf89iG5TxZMvpmE4ShSyprSHotFzypdpdUAABK/Jwmr4FDY+PICU/ptmV688XsN9X4jr5YXszWu9a23ghKr4VHM3JWdkHMP4XY0jhNs60KUjeoYrpmn+pdHSKzrIJAM5Fkb/I1U50Z7t6RTGsoJTOe7xJ6c9+vhREhdy+JbMz43tXrt5TrFEDzDTOglOTVJIZu3JKgqUhShewUEaFSsHkQYB3aaHp6a4eAQAIDvEstRn6oVkV9VwzFlo9yFjq7S/OuzMzM723grsLkKEWoqvHJc0TnxzClWU2iCPan4Xepm7zAqw9h4lMJgW+uV+f+4h7/SqU2lip1jqGExwo6iOIooE5BAnJTsfN/39mRnSjpJMSVzO0vTPTbPbU9ySL0sTz17Y61qLY7ULqNRcerAMr6IwjD4vPL2pjXu96vvH2OCPom3paw/pLPVUYmJj4aB0TghEmDZIGWRuddCQ/kfEAVws/YiW/cFtG4xN8YvTcqzhMhUEQ7ITnBbUhpbvOYcc86vVanGRho+sRsSQMEGVk1fdJ2qVLikIBaiJdolrNgzV1O41u13s7kbXlPxhPZIc9w6vxmPSfW5O7ZycfW+tj/45Uv39vd6mntp60AAADMCQOUOEVBhtnKJlhh8Hky3/P8X/rGcV7C41ZjRTqPVCJQtlLY9IUZ5+CxLhUrcGSD8XmqNkYrnCqDjkqquKJqDWuIhjjSouMkw9aaet1aoD4PSAFgSNIoanfF/fM8zQsyW851pPKFUM1SJi/Oid6rddTR18zF6Q2sTEybQqymIKaimZccnBcZAAAAAAAAAAAAAAAAD/+7JgAAAE52VK6ekfMnMJub89I25SEWstpL0YSfqpZnRkm2FgnF94gAABOsSEPGJnu9hqdPRH0OzCr0q9ktAgSsjZG3jGolsQYrc2R4jAilOcLCdI7wwxwmYD+Gwmx3AKRCx3hNgB4L1Ck9GbojhBzkWZKmoIUViRGyVLYqxr1YW/X7vhiRQiLSLKG8h7WucMtNqIjt8VRcHDyJJzKFIi8/8/t1PmRkbqGOOsY/LjLKpl77lIGIuZq/a8eZ1wKrKExzTqzQxgAAl7h6YtMrx1d7CY4GYEeV1X0mahks+fb/+f/+kJ1iz42yyRkIyqH0J1s25d7Nf/YXwmtMS9RL5F/zpsq6kSxUBDtL7GZRnDRgboBIFiWEa9NebabAxNeCDCSCXHvEVQnHn3e/0q5OVvTl5PEtFaWaxAAlTYIhUgLBJyo3EvMlQpHyZBMGhLa7SnQ25XU7exjBWMG4jrAK2wmiyIo3HhaJ4i0yTgM0wUxtyaL3zeahsOSDowtFFoaqliimKtf+C+lg8QBYuQ9EHKMbVoJVkcHTCDjBCINCazWJqzYGVtGwyK4HXUjzDN2HIPmoibm6mOGqcfZ8ZbmX/YYGv1VUlZdrrsAE3fwZRJYAlyzkkQZK1xWgXZm3syCb2og6JSDu+VVURgnwboKCh4NGXE2NXnvfkpPXvsrZ8qGb4pbcI27vq40ixoiIn5jFzr/ xVhLIkhCGkYPNJGTTTdrHba84bLyzwSfHaPXkIoo54esQDJ6hvr4ln219SyKj99l/FMQU1FMy45OC4yAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/+7JgAAIEiFtJ6S9GEntqGW09KF5SVUMcx6TcAgAn5XT0JjhCAouSAAAp2mBjQiPYjZRkSLL7Bs3TZCuoqijBtNaVZ5MyT1YZBU2BnQsdZ2pGCvqUIltjlqCyUBe08mUF40kmfM0q0U5BRxsqOZ5EC56x79reHpAhicWJBseYpo0cwjFlw6Q5IqEocyHIPHHOs2d8RNxDUdydeSaOTZHrKS0m5Waq1teJtcqcmmskW+ESl8YkLqlj2gABamxSVYLo+JjL+OxzUunGURNFdlvaQfyv/f6jeTlPF3UWJDiAmVTJzYEA9AeGA9JMZe+6JVEozmKSR7DlKakntPGpWQ0uSsFrdsvfV9wQZQdCwMmD39nieYvWfscazDZHxEMclWQpQ+t7iLvmeaSTU12tTr2CoB0eIQToTJMs2VcfqPq8eyv6x9VYM7967x8RZZsbkhQ2uK8jplyTgwBc4SPEjYUQd5cizJwoxii9biDphXzKOM+3eqck0QOERoojIveJsKNedOJzyM35lly4GgeTarhmvG/Nw5b3dPqQv/41ZWX3/KOlqhGT3GMzfSTBoxBIHlQIJvQpVASYt5HcQGFo7JCgtQLLIsLjurICk3oWDFdoVcWEodyRYr5nvWN3rTTcKJ5FVLUdMDGm4l5JOLNo45ygwoqUcgfAtEERIpI+fJrkn5b6saaipyz17wPo43Ax1k+RT+PZfvu0kjL09FgyMH2zBonaRSWUWv3XvKqr2UYoUJme24OB0FQdCLZ6aFmaEcaINpZMQU1FMy45OC4yAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/+7JgAAAEOlHKbSWAAHqJuT2npAAYyTEt+MyAAbEmJfcYgABAxp22wAuzejojQDyaAfAqyGk1qLI0ZUcmkUNab0WPqYl0FLQtfbL1dOtdh4vnzxeTIZmYC40XP9j16zOZZo6o2299ntl6yutb0iveu0+tPevemnMyqembru3L5kq1rECq9VsOMfbbe9+ZnT15mlv6l63Ybi9tneeDxoCgjLpgJ1HLonBBq/sAaTityAE0uhJYauio/EzvbJI6V7lG8PZWStMpLNamSrIPn336uNWrShKzMuYBaLKRw6gwjdn/3yVv2fdfiYIn+pbhPN8es9QrjesokLJabkDTO7KftO6rrCqkoNswemwibqt+7Ut3YfcU+V8go0hj2DirXWdpHr5aprRAFESEIMocDMAQoJxOJQERwI0KJDOwSMaKENhcrSL+fjcbeeY3K+WYdMIAZEVA+DZ4Zv28LjOIKp4RKHusQ/HuUVftiVQFVanA0sddi6ckZt5dreaRDMFM2vuW3ZXDQp3N6oap91fypZebhzFgKmPJgoYQwhhTWIvflvIes54XaOzbv5YF2l5oYAiIABsSaKj0vG1TwE0/LljLOxjrDutc/PsNIDGvwzKrsxMwxG41p+5uQSQi/zLRYWCQsLAoaJf//9e//+xASIp2C0AgARi0WhRgBtGqXBU8sWLzNbe3VtNw+MSr9RZw8L6X8+47mu0QGowR1FRzD6MG0gjY8o5Q4EZWHaC9346kQbyJBGpRwpdXf+Mt7dbmRSgaAoJPH0b9P/3f///g0GiLc/tjA7UPDkWTEFNRTMuOTguMgAAAAAAAAAAAAAAAAAAAAAD/+7JgAAAFzmHZfi5gAGMsa03AnABRgZ9d/PQAChez63+SgAF5CqBUZnQkICIAAAIBBVT/YQRT9NEAGPvukog3L5FTyml8vjqFyjqW2XybNxzi6TgIAKQIYLUMeHzkmAwMXgW+gUADZoCMgRSJAgg5RkT4pRAuGhEygF0SwbR1CUi8nVkQLhp4Z6IWFIkEJ0jiTs/m5w0Qa2UhQQjMrk6i5qa6P5oZppvrdOH6i2ikjpPFc+RUdTDNVo6P0EFv+y3piunRmRyC0YEXMiAnyiREmjFRohSMEjQdGl//9StZ+BwABAGQAAAAIL6N3ILwL5h//NT+ehgLNBMehhhg4BAHoDBYo4KhvmeOkbIxL/9W9f//YViWTUw63/Y+f/ASIguHheZGhMSjzFuzbmN//yw6QKI4+axJih93LHnDiKTd+hG3s595UtQA69eUzNiGzRsZpCja3qAxWfKSPDopmKgcaLRZ6EnHzKwwtsIIggtNKBsAYFwgiEE4CoBRwjHJ3F4rKfddE47gRhFNDoOh5xpqipKQ+Oml2ZBplLJNQVcyw+SdZoYTbcbREFFMWHIeoLL78v1vNcb11Mdxyzcf3ZUPCyndxNmZUPbcqq0MFXX93/2QFICbdoNkU3DbCp5dyKkypJLtnFGh+M2r/7tzmH89bRKqaKhKwDBYOwVAGJLMIaIr/+tf+VjVIuEOOqOaq36VV7KRxUGwsIIqJmFhYeULCxzqaqTS1VtbTZR2KitFB6blRbCziwjSsXbcOpqsUc4sLNZIrUNzP8pUd9s0req1sVYlMQU1FMy45OC4yAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/+7JgAAAEs1pTeeM3AnHrum8ZI8IVCWM5jCTcQhiz6Xz0mbi6yv39hkQACU1RygV6iMd6rmZ8hqGt6aR47jpVLHFlpCfYiPrQot7TVjeOx4xCs3w4CsWVK1nJMX5mVhMB6B9EPMssjyMsn240l5hFzspISg5gvATomo1WYiyNetfPrpWQuSTob9+uciSsY01KdMdsUwM9HkiaBbIJguScfi5ID3Wqo3Kp8ecqfmXDMS9fZ3TcAnqX/C+vVVNZSgRAAQMieAlJE1NGYoYDl5D/tP//7ZuNT43ww44KpaIFyETIg+hbBlYYRKJAk0nU0VYXFb5HJUgMQYVdhR7aRsv/4c+657W+w+yyv5Z3cidH1QY6ol3Rgqirm5FlIYOWDVeyw2LvRCjKVkRrtIU7UlZjAABcmI1i5UtbprNjVutvtzW8ZT+Nrdm3UoMMqtLNXX+1SV6SAo5DTttScZ90hxkxasviIiA0iDMMIel2DKIvynEW+YkqNnLxtenWuxqhcGqJw83FRQRBcFBctMsF2RSKS+nVpeWy6L3JRQ8CAg6BIOcJtmmlhLmI19WeExMbYEEBUWVXRtEg5xNRMaBNh3RifSQK7zOmm+LpK3C1715EiP4uSWA7ery6l2LAAxXccCkjT7a2eIzK1kpPqkbjt+Hhsv62lSVFHpfPUmlY8iFb0TxCSCojBIL0Aun+3H5b7/87/vLb1ArkcSTRrCquW853792rbnKvPbFhFOg/2y1DWp7eDqJlV0Vo6DW3sJBAbYWZm9s957v4rTWVGvyVXmw/yEujztes9VOtzVpiCmopmXHJwXGQAAAAAAAAAAAAAAAAAAD/+7JgAAAEe1vReekfIH3MGi89KAZTUXM355kcyiEzpvy3mwiWh6yLdkgAMs/IZuMwq6d9GW0WsqnHfOosamKR8beP85bMTuD2A+uzfEKFl51QwRm5WsJPj1FtNGEXJTJhDpWJPXVX1piNzd0/B9TaRBhsJJECGWbrs25VlruxE23OkkQqJVSLYXaaojKLb0rtq0IN2l5CQMOQYkCw0AmNnbUGhwy/I9i3MMKUeVMjBzyukq7K9S8zBIABSbkMlaUyT1geIXO62mw+Iq6oRSf+uWb0uKUaaWgjC2PCYoHBcLB0EYNgjCggiEWq9X//88d9wxN8RVNfr8x2Ng4RrGnuPaBsI120a2tNPwP7PUy6dIntxi8iYV6Kfa2uurqKjHyOinUaR7TSXdt2UXaGU9EoozGztKy7KAACpsQ2LJHQqZkcIrecCtzRqX3qlhw3OFFmgxYMj2A/1B8LckePWAzMaqbly1BqThJMdDgnAY8QnwaRIFUXg6FIZS2z2jFLYjNOqhANno5JE0JTvIuMr/7WuYcSO5bnSx+NJaJ1IEUHX0btaVLZLX3MtHsyWaII6Qa4Yrg5D0tWgaYNofFy0NrxsvJoqpo6oaM+/ Q3YmzrCMxiQAEpaEag1NCWTDjGj4UsbRuWmp6F0etnHbIqaV6f6K7qUrJlRIefMY6zuXS4H+KSS0xKzsD2G93WVP+xh/1U5gUtaeo1cR4yZmnxqmqdhMTjFW2YBGwBmeVVW/n4iOIlzV/zNIluWil2NiqptvM8zOfXrEl0vWz+Zltz4+f6v/tvzFpiCmopmXHJwXGQAAAAAAAAAAAAAAAAAAAAAAAAAAAD/+7JgAAAEplfLaThGEHCK2c0sw9RTJT8npOE4SiCtpfz2IbluOzSMgAAqSCQEVyclIGywhYIjbJ4HgySvJWNZamiupY02lJhEcIA+zoijNAXdN1y+Txq3XU+UnUHYHX1AIYlVeNSqA16w5blUoS8lRuVGaiS4hCGCINAkEcWZULXa7RJJsQrFRCFmjOnaaJWh4lQpEgVZxwqSKWqJDXmxKuYPuSxyLSjnqIWuv/azdojaOSiS3PdSMik28jyADbm4OYOPPpU5aaOtRv6lrO++W7l4uXNv+Kg/R6ATi43JsmhDIgSRAcSHB4ja02rc5V4R3KMihG9++/fc9/9euVomGqlvwlEo0YyM/yyvB75/zY+kDJUf2XCxyItclGNShVPjQDe2LZ9NNNqTsjbcSAATmjSMlIUYBCQMDpZbETlhQg8IIUKBGuim2rItYLqSJiFlMPLGG0i76wA67+w46MFKGpOOKjMIzIPNko4678ulbNZbSspY+nTqypD8QiESHUBpBBfYwraVyU5oTutRLESQut5JKxsq1YhJasljOP1dm0tRZtXX8omyVyhEugo5G/35CKsdbj1srTUfhwqY/OR42/qkaOUKrISIDc3xFzw53NmV0GmGJAbzMxtFvR9ObDOfloZrNO7Nn3uYWjk0lUy0ZgxJw3EZ8lHStI/2O4lsLCyHKkyNNKE0Go8JVY66rThJGirEmnOLkmr3o0oSHr0IJ2aNa3KKuLGS10MiRZrHw5tg6Lq9WibPVxCzRz1nTUoua53xvuNbes7otMQU1FMy45OC4yAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/+7JgAAAEd1JI6Y9OEG4KmW08yAYRlScXJjzYQhgoYyWHobhCVxyRkAFO5AaHY4KpBOC8TigWVq9OoeMDbRyesufXJy+28q84l5mNrfrhdKZxrjksn8T4cQUodDWFaGUAvl5GKSBVHXM0NlH1U29ZU/gtJ7nos4hXZctdV5IvLy1Kuxj3SXMmdrUv50vHIESlCmTEMqCdsxTkvJY1b0mLWaSKVuVnmzfWfJgdB13//7P/Hgu22/tEBW/wj5EYo4EWQyC5LlvsMSSIknRdRxF9USzKk0RLW02PEWg4tREGAQNOE5RpSrrSwszVz3nFCNVjhdGUafpV9EPUSSKjBX8fM88mizlWQxwkvXmhLMzshwxmqpeKseVDMkO9ffsPsS82AmwgANwO4/hENyeqW2HRaj2qiEiILSf45hmPVvO15c957zT1zEOVq8NQWZS3CcNbQXUGyNwKgkIAtF6A6n2EuDqU765dUJenanRT80opkUsgY5IiihTwc9v8q9FWoDhEkfpV7By855BQzEJ7EE7iTWrZNZPety9ws4NF7A7Q5sNf/0/WgTRa3Q8bPkbAqXmQBvB8VNlLaCellWnmJTP2cvZG99fbx3aTLyFLiTN9xXB9aFV7iI3qSWpvkJPg/j4JIghKvxwiwmmkEQZflkjxH106QsKtl4tI0QgJIKxkkvzC8QQartbHAprQg8ZN3s9rEi1okm3BzFHuw/i5ntWrOtU6ZRmNwWDCg63/o/9A7/RWSpTEFNRTMuOTguMgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/+7JgAAADdEDJ+Sw2gGNnuT8kZrJQ0RsZpjDRwl2fIfWGPXgjJHWFlmxDv/wEs3FRVZ/gAApghJ0IySSSFgRkZOyJYwutWZQEqkVrv/xQqzhKRyTaFEuhBSdnq9opol7n70curzZh5iQaQ82h9iUEitJaxm3SR5xSINlLzHxonH7UY/1eBSKtPNKgYtFldoksLoE1N4U3eMQb/8CTB8jFZnXmFwogyeQrSG7PxihslXYSSXKKbl99mayNwSHKFQgmaXOJeO39u//nNBYY0kDIUuXJWV13X5XaN5TVukSMycfnRfJ1E8lismS1RSmZ179db3VGsBQBb102oCv1gFt0BaWHDc5Jp4IxhCak8KTEklSE2hNRzHwvnpaLx2eojxcoRNbN5rOQvEouqSa4a3PTFaBJiA7UGUq2Yq1W49R+r/WTQKr2UEkweJMPHjZwTo1F33rPbECgVKxPjotUnunuSNtzDfvdtntmS/OARIVNHmC1yTKUtHf///Yz/UACi4zGAZKkCMuqJxnepIMfnGM3qQUqGExi8muiXWYmFUJSgujExcfdUt1+l2ENg/baREsPQVBiYLjJGneWAcTM2si/DZbSQj/aI97te3+2msJjefcZXViyRIOZIdXGrCyx3N7hweQVeqbMr5eh2TzPHow/WaRhKFDT3NAVqBADSwk1wZht4lFWvtuRX/ufbvQVSqhXeRWxMQU1FMy45OC4yAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/+7JAAAAC+zNFaekb+GBmCK09I24SfMUDp70twmAc3/T0m4gBNxJ3YpxkACMwYzmhD5nvPCmV0r5tWdYCUIWwIYEyTay8iUP0wNiKWXeJNXIhImGmoNAkZA0AogBIfUeSy900i9s3A2nxTHeqCwGoxy1y4R3B7nmRUFGthygnOkcPtUAUnHLflNYyCbQYSvWX8HcuF2rpFa3iWDQrMqmGYpwpa+uIXRmcQJLqoUI0mSRqRCrlNHFAaDIZcq7UKacKAg257WVWARLqwNjakJJSMEFRwKmEsGsQdqpFGT6w285PUawC03LbvtYiQJqhhYkesIwu4rtjDUDegHZgjwKZSKg5ygJUecJPkkWlSxL9lQhUOZuyXlCkyrOncsSHKUXFUHkcpJY5bVKiRNRcVw75BYR+xE26Mky5CO4qzku2hMfIPtKbpzxZpE9A9qQykFUgIrOnQaEqtrTylNIqp4iqCQFET2I1qe0q6SLeWkVllOPEjwmUgkh4BKSUj23sZAOZEnCrla9XI4V0crCOFuOZEySN6JYpjtdOKObJ5nc0HaNY1mIqVVpW7Q2umU/RumLdcktGCHKrGQsxdAMRTGcXqdSLC5bE83iG4hY1q0QsAI0RIUIIoc9uaxpQVLksrhGjQmnmcpLebJwFBqwqVdlSoSPOu1vTeePKsW6ghnSxasqdHjJF0qwJsLNKiUFWKKpiCmopmXHJwXGQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/+7JAAA/y4Cs86ekbeHsERtoxKUoAAAGkAAAAIAAANIAAAAQBspqO3bNAAIo6nJSjFJEOJPmi/OmK3KqDC8WGR0LNKoVASgKnoVDSHFmREJiElLEypKQmSImGRKIn6RF3bG3BYPmpCEdAhVAUKrswMTFIMKU6enhKIhMBXbJFqwAACbjIAAAqTA+EEuFsfRKFJXBkEhsSCYUnEbRCcNkpEdcGhERkg8CI0TiULFkZg0hWXZRERckHhSIiMSgkNIzxMVUPkoiKHyVaYCJDCQVAQTATQKxZEYgKGv//8CkgKRAQuAiQMioFIgIkFCQ/ 9owkBZUiAiT2mtYqAkxBTUUzLjk4LjIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/+7JgAA/wAABpAAAACAAADSAAAAEAAAGkAAAAIAAANIAAAARMQU1FMy45OC4yAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=" ); snd.play(); } })(); </script> </body> </html>
CSS
JAVASCRIPT
Expand for more options Login