/*
Theme Name: HealthCare
Theme URI: http://themewagon.com/demo/HealthCare/
Author: ThemeWagon
Author URI: http://themewagon.com/
Description: A responsive theme for commercial medical purpose. Built with HTML5, CSS3, Bootstrap framework. Google fonts, Font Awesome Icon integrated
Version: 1.1.2014.11
License: GNU General Public License v3
License URI: http://www.gnu.org/licenses/gpl-3.0.txt
Tags: responsive layout, multiple-page, parallax 
Text Domain:
---------------------------------------------------------------------------------
*/


/* -------------------------------------- 2.1 heading-slider---------------------------------------- */
#contact-heading {
	background-color: rgba(70, 161, 180, 0.99); 
	background: url(../img/backgrouptitle.jpg);
	background-size: cover;
	/* background-position: center;  */
	vertical-align: middle;   	
}
#contact-heading .contact-wrapper
{
	margin-top: 81px;
	margin-bottom: 35px;
	padding: 50px 0px;
	color: #F0FEFF;

}
#contact-heading .headline h1
{
	font-family: 'Roboto', sans-serif;
	font-size: 36px;
	font-weight: 400;
	font-stretch: condensed;
	color: #F0FEFF;
	text-shadow: 1px 1px 1px #20606D;
	text-align: right;

}
#contact-heading .sub-headline p
{
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 16px;
	font-weight: lighter;
	color: #414141;
	text-align: right;
	margin-top: -10px;
}


#contact-main  {
	width: 100%;
	margin-top: 0px;
	margin-bottom: 35px;
	/*line-height: 1.3em; */
}

#contact-main .welcome {
	/*line-height: 1.3em; */
}

#contact-main .headline 
{
    padding-top: 0px;
    padding-bottom: 5px;
}

#contact-main .sub-headline
{
    padding: 0px 0px 0px 0px;
}

#contact-main .done {
  display: none;
}



/*-------Contact---------*/
.contact 
{
    padding-top: 10px;
    padding-left: 0px;
}

.contact input{
  background: #fff;
  border: solid 1px #ddd;
  color: #000;
  padding: 15px 30px;
  margin-right: 3%;
  margin-bottom: 30px;
  outline: none;
}

.contact.noMarr input{
  margin-right: 0px;
}

.contact textarea{
  background: #fff;
  color: #000;
  border: solid 1px #ddd;
  padding: 15px 30px;
  margin-bottom: 40px;
  outline: none;
  height: 150px;
} 
.contact .submit {
  background: #0ACCCE; 
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  margin: 0px;
  border: none !important;
  border-radius: 0;
  float: left; 
}
.contact .submit:hover {
  background: #81C402;
}

.error input,input.error,.error textarea, textarea.error {
  background-color: #ffffff;
  border: 1px solid red !Important;
  -webkit-transition: border linear 0.2s,box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s,box-shadow linear 0.2s;
  -o-transition: border linear 0.2s,box-shadow linear 0.2s;
  transition: border linear 0.2s,box-shadow linear 0.2s;
}



#map-outer {  
   /*height: 440px; */
   padding: 20px; 
   border: 2px solid #CCC; 
   margin-bottom: 20px; 
   background-color:#FFF;
}
#map-container { 
    height: 400px;
}
/*    img{max-width:none!important;
    background:none!important  */
/*
@media all and (max-width: 991px) {
   #map-outer { height: 650px }
}
*/


#form-container { 
    margin-top: 0px;
}


/*
				-6.16346, 106.87575
				<div class="col-md-6">
					<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
					<div style="overflow:hidden;height:500px;width:600px;">
						<div id="gmap_canvas" style="height:500px;width:600px;"></div>
						<style>#gmap_canvas img{max-width:none!important;background:none!important}</style>
  					        <a class="google-map-code" href="http://www.klinikwaras.co.id" id="get-map-data">klinikwaras</a>
					<div>
					<script type="text/javascript"> 
						function init_map(){
						    var myOptions = {
							zoom:14,
						        center:new google.maps.LatLng(-6.16346, 106.87575),
							mapTypeId: google.maps.MapTypeId.ROADMAP};

							map = new google.maps.Map(document.getElementById("gmap_canvas"), myOptions);
							marker = new google.maps.Marker({map: map,position: new google.maps.LatLng(-6.16346, 106.87575)});
                        				infowindow = new google.maps.InfoWindow({content:"<b>Warash Health Clinic</b><br/>Komp.Apartement<br/> ITC GRAHA Cempaka Mas<br/> Blok D/11 Jakarta Pusat" });
						    google.maps.event.addListener(marker, "click", function(){infowindow.open(map,marker);});
						    infowindow.open(map,marker);}google.maps.event.addDomListener(window, 'load', init_map);
					</script>				
				</div>
*/