/*


/* ==========================================================================

	Contact

========================================================================== */

.map-wrapper{ width:100%;height:453px; background-color:#e6e4e4}

.map-wrapper #surabaya {width: 100%;height: 100%;}

.contact-wrapper{ margin-top:80px; margin-bottom:90px;}

.contact-wrapper .phone{ font-size:16px; line-height:17px; font-weight:600; padding-bottom:0; margin-bottom:0}

.contact-wrapper  p a:hover{ text-decoration:underline}

.contact-wrapper header h4{ margin-top:0}

.contact-form{ overflow:hidden; margin-top:43px}

.contact-form label{ font-weight:300; font-size:14px; width:100%; max-width:315px; float:left; margin-bottom:57px}

.contact-form label+label{ float:right}

.contact-form label+label+div+label{ float:none; max-width:100%; margin-bottom:43px}

.contact-form label span{ color:#fb5353}

.contact-form label input,.contact-form label textarea{ background-color:inherit; border:none; border-bottom:1px solid #eeeeee; display:block; width:100%; padding:0 10px; outline:none}

.contact-form label input:focus,.contact-form label textarea:focus{ border-bottom-color:#404040}

.contact-form input[type="submit"]{ border:none; outline:none; cursor:pointer; text-align:center; display:inline-block; font-size:14px; text-transform:uppercase; letter-spacing:1px; color:#FFF; line-height:47px; background-color:#fb5353; padding:0 29px}

.contact-form input[type="submit"]:hover{ background-color:#222222}

.error_message{ color:#e84d49}

#success_page h3,#success_page p{color:#60ca6f }