.mairesultmess{background:#646e70;padding:10px;color:#fff}
.modalclose{position:absolute;top:10px;right:10px;z-index:8040;width:20px;height:20px;cursor:pointer;background:none;text-decoration:none!important;transition:all .2s linear}
.modalclose:before{content:"\f00d";color:#646464;font-size:28px;line-height:20px;font-weight:100;font-family:'Font Awesome 5 Pro'}
.modalclose:hover{transform:scale(1.2)}
.modal form{padding:10px 0}
.modal p{font-size:15px;color:#000}
.modal_title{margin-bottom:10px;color:#000;font-size:26px;text-transform:upper-alpha;text-align:left;font-weight:700}
.modal form .col-md-6{padding-left:0}
.modal form .line{margin-bottom:18px}
.modal form label{font-weight:400;display:inline}
.modal form .name{margin-bottom:5px;color:#000;font:500 14px/14px 'Open Sans'}
.modal form input.error,.modal form .input.error{box-shadow:0 0 5px red}
.modal form textarea,.modal form textarea.input{height:76px;padding:10px}
.modal form .input,.modal form input:not(.chackbox,[type="radio"], [type="checkbox"]),form .inputbox{width:100%;height:40px;padding:0 10px;color:#666;font:15px/18px 'Open Sans';border:1px solid #bdd8df;background:#fff;margin:3px 0;border-radius:var(--main-radius)}
.modal form .submit{margin-top:10px;padding:16px;width:100%}
form .line.required .name:after{content:"*"}
.modal_content{padding:20px;background:#fff;font-size:14px}
.modal{opacity:0;visibility:hidden;display:block!important;top:-100px;transition:all .2s linear;max-width:100%;width:550px;min-height:180px;max-width:95%!important;color:#000;padding:40px!important;border:0 none;border-radius:0!important;background:#fff!important;position:fixed;z-index:1000;margin:10px 0;overflow:auto;max-height:95%;bottom:auto;left:auto;right:auto}
.modalwrapper{position:fixed;z-index:9999;left:0;top:0;width:100vw;height:100vh;overflow:hidden;display:none;justify-content:center;align-items:baseline}
.modalwrapper.open{display:flex!important;justify-content:center;padding:10% 0}
.modalbg{position:fixed;z-index:999;left:0;top:0;width:100vw;height:100%;overflow:auto;background-color:#0006;display:flex;backdrop-filter:blur(3px)}
.modalwrapper .modal.open{opacity:1;visibility:visible;transition:all .2s linear!important}
@media (max-width: 767px) {
.modal{padding:30px 20px !important;margin:0;bottom:auto;top:0;right:auto;left:-100px}
.modal form .col-md-6{padding-right:0}
.modal_title{font-size:23px}
}