/* Contact Us */
input[type="text"] { width: 80%; height: 20px; }
input[type=submit] { padding:10px 25px; background:#ccc; border:0 none; cursor:pointer; -webkit-border-radius: 5px; border-radius: 5px; font-size: 1.5em; }

.top { vertical-align: top !important; }
.captcha { width: 40% !important; min-width: 100px; display: block; }
.error { display: block; }

.contactpg h3 { font-size:125%;font-weight:normal;text-align:center;margin-bottom:3%; }
.cu_contactinfopanel { float:left;width:30%;margin-right:1%;margin-bottom:3%; }
.cu_contactinfopanel h2 { font-size:150%;font-weight:normal;color:#e91b8e;margin-bottom:3%; }
.cu_formpanel { float:left;width:68%;margin-right:1%;margin-bottom:3%; }
.cu_gmap { width:100%; margin: auto; }
.cu_condet { margin-bottom:12%; }
.gmapwrap { height:0;position:relative;padding-top:25px;padding-bottom:30%; }
.gmapwrap iframe { width:100%;height:100%;position: absolute;top:0;left:0; }
.contactform { padding:3% 2%;margin:0 auto 3%;border:#cccccc solid 1px; }

.contabrow { display: flex; flex-direction: row; gap: 30px; margin-top: 10px; }
.contabblk1 { flex-basis: 100px; }
input[type="submit"], button.g-recaptcha { font-size: 1.15em; padding: 10px 25px; background: #ccc; border: 0 none; cursor: pointer; -webkit-border-radius: 5px; -webkit-appearance: none; appearance: none; border-radius: 5px; margin-top: 15px; }

.contabblk2 { flex-grow: 1; }
.contabblk2 input, .captcha { display: block; height: 30px; max-width: 200px; width: 100%; }
.contabblk2 textarea { display: block; height: 100px; max-width: 540px; width: 100%; box-sizing: border-box; }

#captcha-wrap { display: flex; gap: 10px; flex-wrap: wrap; }
.cu_captcha img { display: block; }

.cu_captcha { margin-bottom:2%; }
.cu_txtgrp3 { margin-bottom:2%; }
.contabblk2 .error { color:#ff0000;}

@media screen and (max-width: 780px) {
	.cu_contactinfopanel { float: none; width: 100%; margin: 0 0 4% 0; border-bottom: 1px solid #ccc; padding-bottom: 4%; }
	.cu_condet { margin-bottom: 0; text-align: left; }
	.cu_condet br { display: none; }
	.cu_formpanel { float: none; width: 100%; margin: 0; }
	.cu_contactinfopanel h2 { margin-bottom: 1%; }
}

@media screen and (max-width: 500px) {
    .contabrow { flex-direction: column; gap: 5px; }
    .contabblk1 { flex-basis: auto; }
}