#estimate_form_ajax {  }
#estimate_form_ajax * { box-sizing:border-box; font-size:14px; }
#estimate_form_ajax .estimate_form { position:fixed; left:0; right:0; top:0; bottom:0; z-index:9999;}
#estimate_form_ajax .estimate_form .inner { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);width:680px; height:auto; background:#fff; padding:20px; border-radius:5px; box-shadow:4px 4px 4px 2px rgb(0 0 0 / 50%);  z-index:2;}
#estimate_form_ajax .estimate_form .background { position:absolute; left:0; right:0; top:0; bottom:0; z-index:1; background:#000; opacity:.5; }
#estimate_form_ajax .estimate_header { position:relative; border-bottom:2px solid #333;  padding-bottom:10px; }
#estimate_form_ajax .estimate_header h3 { font-size:18px; }
#estimate_form_ajax .estimate_header button { position:absolute; right:-10px; top:-10px; font-size:0; width:34px; height:34px; background:none; border:none; cursor:pointer; }
#estimate_form_ajax .estimate_header button:before {content:''; position:absolute; width:2px; height:30px; background:#333; transform:rotate(45deg); left:14; top:0;}
#estimate_form_ajax .estimate_header button:after {content:''; position:absolute; width:2px; height:30px; background:#333; transform:rotate(-45deg); left:14; top:0;}
#estimate_form_ajax .estimate_body { position:relative; padding:10px; }
#estimate_form_ajax .estimate_body .row { position:relative; display:flex; align-items:center; padding:5px 0; border-bottom:1px solid #ddd; }
#estimate_form_ajax .estimate_body .row:last-child {border-bottom:none}
#estimate_form_ajax .estimate_body .row label { flex:0 120px; display:inline-block; text-align:right; padding-right:10px;  }
#estimate_form_ajax .estimate_body .row input { flex:1; padding:5px 10px; outline:none; border:1px solid #ccc; border-radius:3px;}
#estimate_form_ajax .estimate_body .row textarea { width:100%; height:80px; padding:10px; outline:none; border:1px solid #ccc; border-radius:3px; line-height:1.3; }
#estimate_form_ajax .estimate_footer { position:relative; border-top:2px solid #666;  padding-top:10px; text-align:right; }
#estimate_form_ajax .estimate_footer button { padding:6px 15px; border:1px solid #ccc; background:#f1f1f1; font-weight:600; border-radius:5px; cursor:pointer; }
#estimate_form_ajax .estimate_footer button.btn-submit { background:#333; color:#fff; border:1px solid #000; }


@media screen and (max-width: 700px) {
#estimate_form_ajax .estimate_form { position:fixed; left:0; right:0; top:0; bottom:0; z-index:9999;}
#estimate_form_ajax .estimate_form .inner { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);width:90%; height:auto; background:#fff; padding:20px; border-radius:5px; box-shadow:4px 4px 4px 2px rgb(0 0 0 / 50%);  z-index:2;}
#estimate_form_ajax .estimate_form .background { position:absolute; left:0; right:0; top:0; bottom:0; z-index:1; background:#000; opacity:.5; }
#estimate_form_ajax .estimate_header { position:relative; border-bottom:2px solid #333;  padding-bottom:10px; }
#estimate_form_ajax .estimate_header h3 { font-size:18px; }
#estimate_form_ajax .estimate_header button { position:absolute; right:-10px; top:-10px; font-size:0; width:34px; height:34px; background:none; border:none; cursor:pointer; }
#estimate_form_ajax .estimate_header button:before {content:''; position:absolute; width:2px; height:30px; background:#333; transform:rotate(45deg); left:14; top:0;}
#estimate_form_ajax .estimate_header button:after {content:''; position:absolute; width:2px; height:30px; background:#333; transform:rotate(-45deg); left:14; top:0;}
#estimate_form_ajax .estimate_body { position:relative; padding:10px; }
#estimate_form_ajax .estimate_body .row { position:relative; display:flex; align-items:center; padding:5px 0; border-bottom:1px solid #ddd; }
#estimate_form_ajax .estimate_body .row:last-child {border-bottom:none}
#estimate_form_ajax .estimate_body .row label { flex:0 120px; display:inline-block; text-align:right; padding-right:10px;  }
#estimate_form_ajax .estimate_body .row input { flex:1; padding:5px 10px; outline:none; border:1px solid #ccc; border-radius:3px;}
#estimate_form_ajax .estimate_footer { position:relative; border-top:2px solid #666;  padding-top:10px; text-align:right; }
#estimate_form_ajax .estimate_footer button { padding:6px 15px; border:1px solid #ccc; background:#f1f1f1; font-weight:600; border-radius:5px; cursor:pointer; }
#estimate_form_ajax .estimate_footer button.btn-submit { background:#333; color:#fff; border:1px solid #000; }
}