#modal_form {width:32.5rem; min-height:32rem;
padding:1.5rem 1.5rem; 
border:5px solid #CCBF82; border-radius: 1rem; /*EDEFF4*/
background:#fff; position:fixed;
top:45%; left:50%;
margin-top:-15rem; margin-left:-14rem; display:none;
opacity:0;z-index:120;}


#overlay{z-index:110; position:fixed;
background-color:#000; 
opacity:0.8; -moz-opacity:0.8;
filter:alpha(opacity=80);
width:100%; height:100%; top:0; left:0;
cursor:pointer; display:none;}

#modal_form input[type="text"]{background-color:#fff;
border:1px solid #DFDFDF;
border-radius:6px;
color:#555; display:block; font-size:0.9rem;
height:1.9rem;
padding:0.31rem 0.25rem; margin-bottom:1rem;
width:100%; }

#modal_form input[type="text"].error{border:1px solid red;}
#modal_form textarea .error{border:1px solid red;}


#modal_form h3{text-align:center; font-size:1.2rem; color:#2d343b; margin: 0 0 0.5rem 0;}

#modal_form .comment {color:#2d343b; padding:0.5rem 0 0.9rem 0; 
font-size:0.9rem; margin-bottom:0.8rem;}

.exit {
display:block !important; 
text-decoration:none;
position:absolute; 
top:-1.6rem; right:-1.3rem; 
opacity:1; 
/*width:2.2rem; height:2.2rem;*/
color:#fff;

}

.exit:after {display:block; font-size:2rem; content:"×";
/*
padding-left:0.47rem; padding-right:0.47rem; padding-top:0.025rem;
*/
line-height:1.9rem; cursor:pointer;
text-decoration:none !important;
font-weight:normal; color:#fff; 
-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-o-transition:all 0.2s linear; transition:all 0.2s linear;}
/*
.exit:hover{background:#fff; 
text-decoration:none;}*/
a.exit {text-decoration:none;}

#modal_form .button{
	display:block; margin:0 auto;
    cursor: pointer;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 1rem;
    font-size: 1rem;
    font-weight: 500;
    padding: .8rem 1.1rem;
	border:1px solid #2d343b;
	text-decoration:none;
	background:#f2f3f5; background:#2d343b; color:#2d343b; color:#fff; 
    overflow: hidden;	
	-webkit-transition:all 0.12s ease-in;-o-transition:all 0.12s ease-in;-moz-transition:all 0.12s ease-in;transition:all 0.12s ease-in;

}

#modal_form .button:disabled, .button:hover:disabled {
background-color: rgba(0,0,0,.1);
border: 1px solid rgba(0, 0, 0, .1);
cursor: not-allowed;
}

#modal_form .button:hover{background:#36485A; border:1px solid #2d343b;}


.error_message {font-size:0.9rem; color:#ff0000;}
.ajax_form.af_example .controls textarea {border:1px solid #DFDFDF; border-radius:6px; font-size:0.9rem; color:#555; padding:5px 4px;}

@media (max-width: 48em) {
	#modal_form {width:23rem; padding:1.5rem 1rem; margin-top:-16rem; margin-left:-11.5rem;}
	
}