body, html {
  height: 100%;
  margin: 0;
  font: 400 15px/1.8 "Lato", sans-serif;
  color: #777;
  font-family: Arial, Helvetica, sans-serif;
}

#header {
  background-color: #fff; /* White background */
  padding: 5px 10px; /* Some padding */
  color: black;
  text-align: left; /* Align text to the left */
  font-size: 20px; /* Big font size */
  font-weight: bold;
  position: fixed; /* Fixed position - sit on top of the page */
  top: 0;
  width: 100%; /* Full width */
  transition: 0.5s; /* Add a transition effect (when scrolling - and font size is decreased) */
  z-index:1;
  overflow:auto;
}

/* Style the navbar links */
#logo a {
	float: left;
}

#navbar-right a {
	color: black;
	text-align: center;
	padding:4px 12px;
	text-decoration: none;
	/*line-height: 25px;*/
	border-radius: 4px;
}
/* Links on mouse-over */
#navbar-right a:hover {
  background-color: #ddd;
  color: black;
}

/* Style the active/current link */
#navbar-right a:active {
  background-color: dodgerblue;
  color: white;
}


#navbar-right {
  float:right;
  margin-right:30px;
  }



.bgimg-1, .bgimg-2, .bgimg-3 {
  position: relative;
  opacity: 0.90;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

}
.bgimg-1 {
  background-image: url("../_img/img_parallax.jpg");
  min-height: 100%;
  overflow:auto;
}

.top_caption {
  position: absolute;
  top: 38%;
  left:0px;
  width: 100%;
  text-align: left;
  background-color:rgba(180,180,180,0.4);
  color: #111;
  letter-spacing: 10px;
  font-size: 25px;
  font-weight: bold;
  
}

.top_caption p, h1 {
	padding-left:30px;
}

.bgimg-2 {
  background-image: url("../_img/img_parallax2.jpg");
  min-height: 100%;
  overflow:auto;
}

.col-container {
	display:table;
	width:80%;
	margin:15px auto;
	background-color: rgba(180,180,180,0.8);
}

.col {
	display:table-cell;	
	text-transform:capitalize;
	width:30%;
}

.col p {
    font-weight: bold;
	
}


.bgimg-3 {
  background-image: url("../_img/img_parallax3.jpg");
  min-height: 900px;
  overflow:none;
}

.caption {
  position: absolute;
  left: 0;
  top: 15%;
  width: 100%;
  text-align: center;
  color: #000;
}

.caption span.border {
  background-color: #111;
  color: #fff;
  padding: 18px;
  font-size: 25px;
  letter-spacing: 10px;
}

h3 {
  letter-spacing: 5px;
  text-transform: uppercase;
  font: 20px "Lato", sans-serif;
  color: #111;
}


/*contact-form style*/

.contact-form {
	box-shadow:0 0 4px 0 rgba(0,0,0,0.5);
	margin:50px auto;
	width:90%;
	max-width:350px;
	padding:10px 0px 10px 0px;
	text-align:center;
	overflow:auto;
}
.contact-caption {
  
  position: absolute;
  left: 0;
  top: 15%;
  width: 100%;
  text-align: center;
  /*color: #000;*/  
  /*background-color:rgba(180,180,180,0.4); */
  color: #111;
  letter-spacing: 6px;
  font-size: 20px;
  font-weight: bold;
  
}

.contact-caption span.border {
  background-color: #111;
  color: #fff;
  padding: 18px;
  font-size: 25px;
  letter-spacing: 10px;
}

.contact-form h2 {
	background-color: #efefef;
	margin-top:0;
	padding:10px;
}

.contact-form input {
	display:block;
	width:85%;
	margin:10px auto;
	padding:10px;
}

.contact-form textarea {
	width: 85%;
	margin:5px auto;
	padding-left: 10px;
	height:80px;
}

.submit-btn {
	cursor:pointer;
	width:150px !important;
}

.g-recaptcha {
	margin:10px 20px;
}

.status {
	font-size:15PX;
	color:green;
	padding:15px;
}

.status span {
	color:red;
}