.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 0.2s linear;
  color: #000;
}
.modalclose svg{
height: 20px;
stroke: #000;
  width: 20px;
}
.modalclose:hover {
	transform: scale(1.2);
}


.modal form{background:#fff;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: bold;}

.modal form .col-md-6{padding-left: 0;}
.modal form .line{margin-bottom:18px}
.modal form label{font-weight: normal; display: inline;}
.modal form .name{margin-bottom:5px;color:#000;font:500 14px/14px 'Open Sans'}
.modal form .input.error{box-shadow:0 0 5px red}
.modal form textarea.input{height:76px; padding: 10px;}
.modal form .input{width:100%;height:40px;padding:0 10px;color:#666;font:15px/18px 'Open Sans';
border:1px solid #bdd8df;background:#fff;
border-radius: 10px;
box-sizing: border-box;
}
.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{
	box-sizing: border-box;
opacity: 0;
visibility: hidden;
display: block !important;
top: -100px;
transition: all 0.2s linear;
max-width:100%;
width:550px;
min-height:180px;
max-width:95% !important;
color: #000;
padding:40px 40px;
border: 0px none;
border-radius: 0;
background:#fff;
position:fixed;
z-index: 1000;
margin: 10px 0px;
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: rgba(0,0,0,0.4); 
display: flex;
backdrop-filter: blur(3px);
}
.modalwrapper .modal.open{
opacity: 1;
visibility: visible;
transition: all 0.2s linear !important;
}

@media (max-width: 767px) {
	.modal {padding: 30px 20px;
	margin: 0px;
bottom: auto;
top:0;
right: auto;	
left: -100px;	
	}
.modal form .col-md-6 {padding-right: 0;}
.modal_title{font-size:23px;}
}

.submit_btn {font-size: 16px !important; text-transform: none !important; padding: 7px 15px !important;}