/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 29 Sep 2019, 3:42:58 PM
    Author     : leegrandt
*/

* {
  box-sizing: border-box;
}

body {
  
 
}

      
        
.header h1 {
  font-size: 35px;
  padding: 0px;
  margin-bottom : 10px;
}

.header p {
   padding: 0px;
   color: white;
   margin-top: 0px;
}



/* Create two unequal columns that floats next to each other */
/* Left column */
.leftcolumn {   
  float: left;
  width: 70%;
  padding-left: 100px;
}

/* Right column */
.rightcolumn {
  float: left;
  width: 25%;
  background-color: #f1f1f1;
  padding-left: 10px;
}


/* Add a card effect for articles */
.card {
	
  background-color: white;
  /* border-right: 1px gray solid;
  border-bottom: 1px gray solid;
  border-radius: 5px; */
  padding: 2px;
  padding-bottom: 10px;
  margin-top: 10px;
 /*  padding-left: 150px;
  padding-right: 150px; */
  
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
  height: 50px;
}

.row {
  padding-left: 15%;
  padding-right: 15%;
}





/***** contact form *****/

	.animate{
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}

	.button2 {
		font: 500 15px/15px 'Roboto', sans-serif;
		letter-spacing: 0;
		/*background: url("../images/bg_sub1.jpg") repeat-x 0 0;*/
		color: #FFFFFF;
		background-color: brown;
		display: inline-block;
		padding: 15px 14px;
		position: relative;
		text-align: center;
		text-transform: uppercase;
		margin-top: 20px;
	}
	.button2:hover {
		/*background-position:0 bottom;*/
		background-color: #26405c;
		text-decoration:none;
	}

	#form{
		margin-top: -2px;
		
	}
	#form input {
	
		position: relative;
		border: 1px solid #e5e5e5;
		font-size:14px;
		color:#cacaca;
		background-color:red;
		line-height: 18px;
		padding: 8px 14px;
		outline: medium none;
		width: 400px;
		float:left;
		font-family: Arial, Helvetica, sans-serif;
		box-sizing: border-box;
		-moz-box-sizing: border-box; /*Firefox 1-3*/
		-webkit-box-sizing: border-box; /* Safari */
	
	}
	
	input {
		position: relative;
		border: 1px solid #e5e5e5;
	
		font-size:14px;
		color:#cacaca;
		line-height: 18px;
		padding: 8px 14px;
		margin-bottom: 20px;
		outline: medium none;
		width: 400px;
		float:left;
		font-family: Arial, Helvetica, sans-serif;
		box-sizing: border-box;
		-moz-box-sizing: border-box; /*Firefox 1-3*/
		-webkit-box-sizing: border-box; /* Safari */
	}
	

	
	textarea {
		border: 1px solid #e5e5e5;
		font-size:14px;
		color:#cacaca;
		height: 180px;
		outline: medium none;
		overflow: auto;
		padding: 5px 14px;
		line-height: 18px;
		width: 82%;
		position: relative;
		resize:none;
		box-sizing: border-box;
		-moz-box-sizing: border-box; /*Firefox 1-3*/
		-webkit-box-sizing: border-box; /* Safari */
		float:left;
		font-family: Arial, Helvetica, sans-serif;
		margin: 2px 0 0;
	}
	
	#form textarea {
		border: 1px solid #e5e5e5;
		font-size:14px;
		color:#cacaca;
		height: 221px;
		outline: medium none;
		overflow: auto;
		padding: 5px 14px;
		line-height: 18px;
		width: 100%;
		position: relative;
		resize:none;
		box-sizing: border-box;
		-moz-box-sizing: border-box; /*Firefox 1-3*/
		-webkit-box-sizing: border-box; /* Safari */
		float:left;
		font-family: Arial, Helvetica, sans-serif;
		margin: 2px 0 0;
	}
	#form label {
		position:relative;
		display: block;
		min-height: 46px;
		width: 100%;
		float: left;
	}
	#form .error, #form .empty {
		color: #ff7f66;
		display: none;
		font-size: 10px;
		line-height:10px;
		width:auto;
		position: absolute;
		z-index: 999;
		top: 5px;
		right: 275px;
	}
	#form .error-empty {
		display:none;
		float:left;
	}
	.message .corr_1{
		margin-bottom: -9px;
		right: 5px!important;
	}
	.btns_1 {
		position:relative;
		padding: 31px 0 81px;
		text-align: left;
		float: right;
	}
	.btns_1 a{
		margin-left: 20px;
	}
	#form .message {
		width: 100%;
	}
	.message br {
		height: 0;
		line-height: 0;
	}
	#form .success {
		color: #cacaca;
		display: none;
		position: absolute;
		background: #fff;
		width: 347px;
		border: 1px solid #e5e5e5;
		text-align: center;
		padding: 43px 10px;
		z-index: 999;
		box-sizing: border-box;
		-moz-box-sizing: border-box; /*Firefox 1-3*/
		-webkit-box-sizing: border-box; /* Safari */
	}
	.success_wrapper {
		position: relative;	
	}
/***** end contact form *****/





/* Create 2 equal columns that floats next to each other 30.33%; */
.ContactsColumn {
  float: left;
  width: 50%;
  margin-top: 50px;
  padding: 15px;
  padding-bottom: 0px;
}

.ServicesColumn {
  float: left;
  width: 33.33%;
  margin-top: 0px;
  padding: 10px;
  padding-bottom: 0px;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive layout - Starts Here *************************************************************************************/

/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */  


/* Responsive layout - when the screen is less than 800px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 800px) {
	
	.header img {
	height: 65px;
	width: 65px;  
	/* float: none;*/
    }
	
	
	
    .column {
    width: 100%;
    }
	
	
	
	.leftcolumn, .rightcolumn {   
    width: 100%;
    padding: 0;
	}
}


/* Responsive layout - when the screen is less than 600px wide, make the navigation links stack on top of each other instead of next to each other */
@media screen and (max-width:600px) {
  .column {
    width: 100%;
  }
  
  .missionrow {
	 display: none;
  }
  

  .header img {
	height: 65px;
	width: 65px;  
	/* float: none;*/
  }
	
  /* Footer Columns */
  .ContainerLeft{
	padding-left: 5px;
  }
  
   .ContainerRight{
	display: none;   
   }
   
  .card {
  width: 100%;	
  background-color: white;
  border-radius: 5px;
  padding: 2px;
  padding-bottom: 10px;
  margin-top: 10px;
  padding-left: 50px;
  padding-right: 50px;
 
}

.row {
  padding-left: 5px;
  padding-right: 5px;
  display:block;
}

.missionrow{
	display:none;
}

} 

/* Responsive layout - Ends Here *****************************************************************************************/