body {
  font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 700;
}

header.masthead {
  position: relative;
  background-color: #343a40;
  background: url("../img/bg-masthead.jpg") no-repeat center center;
  background-size: cover;
  padding-top: 8rem;
  padding-bottom: 8rem;
}

header.masthead .overlay {
  position: absolute;
  background-color: #212529;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0.3;
}

header.masthead h1 {
  font-size: 2rem;
}

@media (min-width: 768px) {
  header.masthead {
    padding-top: 12rem;
    padding-bottom: 12rem;
  }
  header.masthead h1 {
    font-size: 3rem;
  }
}

.showcase .showcase-text {
  padding: 3rem;
}

.showcase .showcase-img {
  min-height: 30rem;
  background-size: cover;
}

@media (min-width: 768px) {
  .showcase .showcase-text {
    padding: 7rem;
  }
}

/* Registration Form CSS */

.form-area {
  padding-top: 50px;
  padding-bottom: 50px;
}

footer.footer {
  padding-top: 30px;
  padding-bottom: 30px;
}

fieldset {
  min-width: 0;
  padding: 10px;
  margin: 0;
  border: 0
}

/* Validation Form Style */
.form {
	width:100%;
	text-align:left;
	padding-top:5px;
}
.dothr { border-top: 1px dotted #D4D4D4;}
.form legend
{
	display: block;
	color: #000000;
	width:auto;
	font-size:20px;
	font-weight: bold;
	font-variant:small-caps;
	margin-left: 10px;
	margin-bottom:0;
	padding: 0px 10px;
}
.form input {padding: 6px; width: 99%;}	
.form select {padding: 5px; width: 99%;}

/*** FORM BLOCKS ***/
.comment
{
	padding-left:0px;
	color:#999999;
	font-style:italic;
}
.form td
{
	padding:5px 0px 5px 0px;
	border-top:1px dotted #ccc;
	clear: left;
}
.form fieldset legend {background-color: #fff;margin-top: -30px !important;}
.form input, select, textarea {text-align: left !important; }

/*** FORM BLOCK ELEMENTS ***/
.form input[type=submit], input[type=reset]  { padding: 5px; margin-top: 10px; margin-bottom: 10px; text-align: center !important;}
.form input[type=radio] {
	width: 20px;
	padding-right: 0px !important;
}
.form input[type=date] {
	padding: 0px 10px !important;
}
.col-md-6 .form label
{
	padding:0px 10px;
	width:100px;
	float:left;
}
.form label
{
	padding:0px 10px;
	float:left;
}

.form label.htext
{
	font-weight: 600;
}
.form label.error
{
	color: #c00;
	font-size: 100%;
	font-weight: bold;
	font-variant:small-caps;
	width:95%;
	display: none;
	margin:4px 0px 0px 10px;
	padding:2px 0px 0px 5px;
	border-top:1px dotted #ccc;
	clear:both;
}
/*** SUPPORTING CLASSES ***/

.form label.required{  }
.form span.required
{
	padding-left:10px;
	background:url('../img/star.gif') no-repeat;
	background-position:top left;
}
.form span.norequired
{
	padding-left:10px;
}
.form .highlight
{
	background-color:#F2F2F2;
}
.off
{
	display:none !important;
}
.clear
{
	clear:both;
}