.ulclass{display:block;width:100%;margin:0;padding:0;list-style:none}.liclass{float:left;width:22%;margin:0 2% 10px 0;border:1px solid #000;text-align:center}@media (max-width:640px){.liclass{width:47%}}.loading{position:fixed;z-index:999;height:2em;width:2em;overflow:show;margin:auto;top:0;left:0;bottom:0;right:0}.loading:before{content:'';display:block;position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(rgb(20 20 20 / .8),rgb(0 0 0 / .8));background:-webkit-radial-gradient(rgb(20 20 20 / .8),rgb(0 0 0 / .8))}.loading:not(:required){font:0/0 a;color:#fff0;text-shadow:none;background-color:#fff0;border:0}.loading:not(:required):after{content:'';display:block;font-size:10px;width:1em;height:1em;margin-top:-.5em;-webkit-animation:spinner 150ms infinite linear;-moz-animation:spinner 150ms infinite linear;-ms-animation:spinner 150ms infinite linear;-o-animation:spinner 150ms infinite linear;animation:spinner 150ms infinite linear;border-radius:.5em;-webkit-box-shadow:rgb(255 255 255 / .75) 1.5em 0 0 0,rgb(255 255 255 / .75) 1.1em 1.1em 0 0,rgb(255 255 255 / .75) 0 1.5em 0 0,rgb(255 255 255 / .75) -1.1em 1.1em 0 0,rgb(255 255 255 / .75) -1.5em 0 0 0,rgb(255 255 255 / .75) -1.1em -1.1em 0 0,rgb(255 255 255 / .75) 0 -1.5em 0 0,rgb(255 255 255 / .75) 1.1em -1.1em 0 0;box-shadow:rgb(255 255 255 / .75) 1.5em 0 0 0,rgb(255 255 255 / .75) 1.1em 1.1em 0 0,rgb(255 255 255 / .75) 0 1.5em 0 0,rgb(255 255 255 / .75) -1.1em 1.1em 0 0,rgb(255 255 255 / .75) -1.5em 0 0 0,rgb(255 255 255 / .75) -1.1em -1.1em 0 0,rgb(255 255 255 / .75) 0 -1.5em 0 0,rgb(255 255 255 / .75) 1.1em -1.1em 0 0}@-webkit-keyframes spinner{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes spinner{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@-o-keyframes spinner{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}.open-button{background-color:#04aa6d;color:#fff;padding:16px 20px;border:none;cursor:pointer;opacity:.8;position:fixed;bottom:23px;left:28px;width:280px}.form-popup{display:none;position:fixed;bottom:0;left:15px;border:3px solid #f1f1f1;z-index:9}.form-container{max-width:300px;padding:10px;background-color:#fff}.form-container input[type=text],.form-container input[type=password]{width:100%;padding:15px;margin:5px 0 22px 0;border:none;background:#f1f1f1}.form-container input[type=text]:focus,.form-container input[type=password]:focus{background-color:#ddd;outline:none}.form-container .btn{background-color:#04AA6D;color:#fff;padding:16px 20px;border:none;cursor:pointer;width:100%;margin-bottom:10px;opacity:.8}.form-container .cancel{background-color:red}.form-container .btn:hover,.open-button:hover{opacity:1}