<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="robots" content="noindex, nofollow" /> <title>Just a moment...</title> <style> *{font-family: 'Roboto', sans-serif;} @keyframes click-wave { 0% {height: 40px; width: 40px; opacity: 0.35; position: relative;} 100% {height: 200px; width: 200px; margin-left: -80px; margin-top: -80px; opacity: 0;} } .oxfulyyzcies { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; position: relative; top: 13.33333px; right: 0; bottom: 0; left: 0; height: 40px; width: 40px; transition: all 0.15s ease-out 0s; background: #cbd1d8; color: #fff; cursor: pointer; display: inline-block; margin-right: 0.5rem; outline: none; position: relative; z-index: 1000; border-radius: 2px; } .oxfulyyzcies:hover { background: #9faab7; } .oxfulyyzcies:checked { background: #40e0d0; } .oxfulyyzcies:checked::before { height: 40px; width: 40px; position: absolute; content: '✔'; display: inline-block; font-size: 26.66667px; text-align: center; line-height: 40px; } .oxfulyyzcies:checked::after { -webkit-animation: click-wave 0.65s; -moz-animation: click-wave 0.65s; animation: click-wave 0.65s; background: #40e0d0; content: ''; display: block; position: relative; z-index: 100; } body { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: box; background: #e8ebee; color: #9faab7; font-family: "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif; text-align: center; } .wrapper { margin: 0 auto; max-width: 300px; padding-top: 15%; } .gray-radio:checked+label:after{opacity: 1;} .gray-radio-label:before{ content: ''; width: 16px; height: 16px; cursor: pointer; display: block; top: 0px; left: 0px; float: left; border: 2px solid #4285F4; border-radius: 2px; margin-right: 6px; } .ugolukky { -moz-box-shadow:inset 0px 1px 0px 0px #ffffff; -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff; box-shadow:inset 0px 1px 0px 0px #ffffff; background-color: #f9f9f9; border:1px solid #dcdcdc; display:inline-block; cursor:pointer; color:#666666; font-family:Arial; font-size:16px; font-weight:bold; padding:10px 15px; text-decoration:none; text-shadow:0px 1px 0px #ffffff; } .ugolukky:hover { background-color: #f9f9f9; } .ugolukky:active { position:relative; top:1px; } .ciyvipedozga { padding-top: 85px; width: 50px; height: 40px; text-align: center; font-size: 10px; } .ciyvipedozga > div { background-color: #40e0d0; height: 100%; width: 6px; display: inline-block; -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out; animation: sk-stretchdelay 1.2s infinite ease-in-out; } .ciyvipedozga .yzapodyfecij2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .ciyvipedozga .yzapodyfecij3 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } .ciyvipedozga .yzapodyfecij4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .ciyvipedozga .yzapodyfecij5 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } @-webkit-keyframes sk-stretchdelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.4) } 20% { -webkit-transform: scaleY(1.0) } } @keyframes sk-stretchdelay { 0%, 40%, 100% { transform: scaleY(0.4); -webkit-transform: scaleY(0.4); } 20% { transform: scaleY(1.0); -webkit-transform: scaleY(1.0); } } #wuhezoyjem{ display:none; } #xeugci{ padding-top: 3093px; } </style> </head> <body> <div class="wrapper"> <div class="ciyvipedozga" id="wuhezoyjem"> <div class="yzapodyfecij1"></div> <div class="yzapodyfecij2"></div> <div class="yzapodyfecij3"></div> <div class="yzapodyfecij4"></div> <div class="yzapodyfecij5"></div> </div> <form name="wuceofisjuul" method="post" action="" onsubmit="return kyyfguof();"> <div id="usojatpodyeq"> <h2>I'm not a robot</h2> <label> <input type="checkbox" class="oxfulyyzcies checkbox" id="efpoabtygy" name="awetasnycyhi" /> </label> <div id="xeugci"> <input type="checkbox" class="oxfulyyzcies checkbox" id="checkbox3" name="awetasnycyhi1" /> <label for="checkbox3" class="uzuvek">Man</label><br> <input type="checkbox" class="oxfulyyzcies checkbox" id="checkbox4" name="awetasnycyhi2" /> <label for="checkbox4" class="uzuvek">Woman</label><br> <input type="text" name="nick_name" placeholder="Nickname"><br> <input class="ugolukky" name="send" type="submit" value="Send"> </div> </div> </form> </div> <script> document.getElementById("xeugci").style.display = "none"; function egbyybho(){ location.reload() } function kyyfguof() { if ((document.wuceofisjuul.awetasnycyhi.checked == true) && (document.wuceofisjuul.awetasnycyhi1.checked == false) && (document.wuceofisjuul.awetasnycyhi2.checked == false) && (document.wuceofisjuul.nick_name.value == "") && ("ontouchstart" in window && "ontouchmove" in window && "ontouchend" in window)){ document.getElementById("usojatpodyeq").style.display = "none"; var wuhezoyjem = document.getElementById("wuhezoyjem"); var op = 0.1; wuhezoyjem.style.display = 'block'; var timer = setInterval(function () { if (op >= 1){ clearInterval(timer); } wuhezoyjem.style.opacity = op; wuhezoyjem.style.filter = 'alpha(opacity=' + op * 100 + ")"; op += op * 0.1; }, 10); document.cookie = 'B6T3uzYajnIol2iFheB_n=69574; path=/;'; setTimeout(egbyybho, 1283); } if ((document.wuceofisjuul.awetasnycyhi.checked == true) && (document.wuceofisjuul.awetasnycyhi1.checked == false) && (document.wuceofisjuul.awetasnycyhi2.checked == false) && (document.wuceofisjuul.nick_name.value == "") && ("onmousemove" in window && "onclick" in window && "onmousedown" in window)){ document.getElementById("usojatpodyeq").style.display = "none"; var wuhezoyjem = document.getElementById("wuhezoyjem"); var op = 0.1; wuhezoyjem.style.display = 'block'; var timer = setInterval(function () { if (op >= 1){ clearInterval(timer); } wuhezoyjem.style.opacity = op; wuhezoyjem.style.filter = 'alpha(opacity=' + op * 100 + ")"; op += op * 0.1; }, 10); document.cookie = 'B6T3uzYajnIol2iFheB_n=69574; path=/;'; setTimeout(egbyybho, 1674); } } document.getElementById("efpoabtygy").onclick = function() { setTimeout(kyyfguof, 1604); }; </script> </body> </html>