@-ms-viewport { width:device-width; }
@media only screen and (min-device-width:800px) { html { overflow:hidden; } }
html { height:100%; }
body { height:100%; overflow:hidden; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#FFFFFF; background-color:#000000; }
.tm_modal {
    display: none;
    position: fixed;
    z-index: 4003;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}
.tm_form{background-color:#FFFFFF;width:340px;border-radius:8px;box-shadow:0 0 40px -10px #000;margin:calc(50vh - 220px) auto;padding:20px 30px 70px;max-width:calc(100vw - 40px);box-sizing:border-box;position:relative}
.tm_h2{margin:10px 0;padding-bottom:10px;width:180px;color:#000;border-bottom:3px solid #fff}
.tm_input{width:100%;padding:10px;box-sizing:border-box;background:none;outline:none;resize:none;border:0;transition:all .3s;border-bottom:2px solid #fff}
.tm_input:focus{border-bottom:2px solid #FF007E}
.tm_input:invalid {
    border-bottom:2px solid #142abd
}
.tm_input:valid {
    border-bottom:2px solid #fff
}
.tm_p:before{content:attr(type);display:block;margin:28px 0 0;font-size:14px;color:#fff}
.tm_button{float:right;padding:8px 12px;margin:8px 0 0;border:2px;border-radius:5px;color:#fff;background:#00ab00;cursor:pointer;transition:all .3s}
.tm_button:hover{background:#ccc;color:#FFF}
.tm_input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    background-color: transparent !important;
    background-image: none !important;
    color: #00ab00 !important;
}
.tm_close {
    position: absolute;
    right: 20px;
    top: 32px;
    width: 32px;
    height: 32px;
    opacity: 0.3;
    cursor:pointer;
    color: black;}
.tm_close:hover {
    opacity: 1;
}
.tm_close:before, .close:after {
    position: absolute;
    left: 15px;
    content: ' ';
    height: 33px;
    width: 2px;
    font-size: large;
    text-align: center;
    color: #000;
}