*{
  margin:0;
  padding:0;
  box-sizing:border-box;
}
body{
	background-image: url("images/home-form-background.jpg");
	background-size:1100px auto;
	background-repeat: no-repeat;
	background-attachment: fixed;
	font-family:Gabriola; 
}
.header
{
	height:100;
	width:100%;
	float:left;	
}
.header1
{
	background-color:#ffffffd1;
	height:100;
	width:35%;
	float:left;
}
.header2
{
	background-color:#ffffffd1;
	height:100;
	width:30%;
	float:left;
	text-align:center;
}
.header3
{
	background-color:#ffffffd1;
	height:100;
	width:35%;
	float:left;
}
.navbar {
  overflow: hidden;
  /* background-color:#ffffff52;  */
  height:100;
  margin-left:80;
}

.navbar a {
  float: left;
  font-size: 20px;
  color: #09203f;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  margin-top:20;
  font-weight:bold;
}

.dropdown {
  float: left;
  overflow: hidden;
}

.dropdown .dropbtn {
  font-size: 20px;  
  border: none;
  outline: none;
  color: #09203f;
  padding: 14px 16px;
  background-color: inherit;
  font-family:Gabriola;
  margin: 0;
  margin-top:20;
  font-weight:bold;
}

.navbar a:hover, .dropdown:hover .dropbtn {
  background-image: linear-gradient(to bottom right, #07cee0, rgb(128,255,128));
  color:#09203f;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: white;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {

  float: none;
  color: black;
   padding: 1px 12px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdown-content a:hover {
  background-image:linear-gradient(to bottom right, #07cee0, rgb(128,255,128));
  color: #09203f;
}

.dropdown:hover .dropdown-content {
display: block;}

.banner
{
	margin-top:200px;
	background-image:#09203f ;
	width:100%;
	height:90;
	text-align:center;
	color:#09203f;
	font-style:bold;
}
.goal
{
	background-image: url("images/3f94d3_e06589df301948c185b9e4e1441ed7ed_mv2 - Copy.jpg");
	background-size:1100px auto;
	background-repeat: no-repeat;
	background-attachment: fixed;
	height:550;
	width:100%;
	margin-top:250px;
}
.Main
{
	margin-top:200;
	height:500;
	width:100%;
	float:left;
	/* background-color:white; */
}
.main1
{	
	margin-top:5%;
	/* background-color:orange; */
	width:80%;
	height:632px;
	margin-left:10%;
}
.main1_contact_details
{
	/* background-color:red; */
	height:100%;
	width:60%;
	float:left;
	font:white;
}
.main1_contact_form
{
	background-color:green;
	height:100%;
	width:40%;
	float:left;
	font:white;
}
.main1_contact_details_info
{
	background-color: #09203f;
	height:60%;
	width:100%;
	font:white;
	
}
.main1_contact_details_map
{
	background-color: #09203f;
	height:40%;
	width:100%;
}
.map
{
	/* background-color:white; */
	height:100%;
	width:94%;
	margin-left:3%;
	/* margin-top:2%; */
}
.map img
{
	height:80%;
	width:100%;
}
.contact_add
{
	background-color: #09203f;
	height:50px;
	width:90%;
	margin-left:3%;
}
.imagelogo
{
	/* background-color:pink; */
	height:100%;
	width:15%;
	float:left;
}
.imagelogo
.title
{
	/* background-color:gray; */
	height:100%;
	width:80%;
	float:left;
	font:white;
}
/* .details */
/* { */
	/* background-color:purple; */
	/* height:100%; */
	/* width:70%; */
	/* float:left; */
	/* font:white; */
/* } */
input[type=text], select, textarea {
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  margin-top: 6px;
  margin-bottom: 16px;
  resize: vertical;
}

input[type=submit] {
  background-color: #4CAF50;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

input[type=submit]:hover {
  background-color: #45a049;
}

.container {
  border-radius: 5px;
  background-color: #09203f;
  padding: 20px;
}
.thoughts
{
	margin-top:885;
	background-color:#09203f; 
	height:10;
	width:80%;
	margin-left:10%;
	/* margin-bottom:30; */
}
.headingchat
{
	margin-top:50;
	/* background-color:#09203f;  */
	height:30;
	width:100%;	
	font:white;
	text-align:center;
}

.footer1
{
	width:100%;
	height:15;
	text-align:center;
	color:#09203f;
}
.footer1 {
  overflow: hidden;
  background-color:white;
}
.footer1 .search-container {
  float: right;
}
.footer2
{	width:100%;
	height:280;
	background-color:white;
	text-align:center;
	color:#09203f;
	
}
.footer21
{
	margin-left:20%;
	margin-top:30;
	width:20%;
	height:250;	
	text-align:center;
	float:left;
	font-weight:bold;
}
.footer22
{
	margin-top:30;
	width:20%;
	height:250;
	
	text-align:center;
	float:left;
}
.footer23
{
	margin-top:30;
	float:left;
	width:20%;
	height:250;
	text-align:center;
}
.footer22 a
{
	text-decoration:none;
	color:#09203f;
}
.rows{width:100%;}
		.cols1
		{
			margin-top:1%;
			width:20%;
			height:22%;
			
			float:left;	
			margin-left:20%;
		}
		.cols2
		{
			margin-top:1%;
			width:20%;
			height:22%;
			
			float:left;	
			margin-left:10%;
		}
		.cols3
		{
			margin-top:1%;
			width:20%;
			height:22%;
			
			float:left;	
			margin-left:10%;
		}
.footer3
{	width:100%;
	height:40;
	background-color:#09203f;
	text-align:center;
	color:#09203f;
}
.footer4
{	width:100%;
	height:30;
	background-color:#09203f;
	text-align:center;
}
@import url(https://fonts.googleapis.com/css?family=Lato:900);


div.foo{
  width: 90%;
  margin: 0 auto;
  text-align: center;
}
.letter{
  display: inline-block;
  font-weight: 50;
  font-size: 1.5em;
  margin: 0.2em;
  position: relative;
  color: #00B4F1;
  transform-style: preserve-3d;
  perspective: 400;
  z-index: 1;
}
.letter:before, .letter:after{
  position:absolute;
  content: attr(data-letter);
  transform-origin: top left;
  top:0;
  left:0;
}
.letter, .letter:before, .letter:after{
  transition: all 0.3s ease-in-out;
}
.letter:before{
  color: #fff;
  text-shadow: 
    -1px 0px 1px rgba(255,255,255,.8),
    1px 0px 1px rgba(0,0,0,.8);
  z-index: 3;
  transform:
    rotateX(0deg)
    rotateY(-15deg)
    rotateZ(0deg);
}
.letter:after{
  color: rgba(0,0,0,.11);
  z-index:2;
  transform:
    scale(1.08,1)
    rotateX(0deg)
    rotateY(0deg)
    rotateZ(0deg)
    skew(0deg,1deg);
}
.letter:hover:before{
  color: #fafafa;
  transform:
    rotateX(0deg)
    rotateY(-40deg)
    rotateZ(0deg);
}
.letter:hover:after{
  transform:
    scale(1.08,1)
    rotateX(0deg)
    rotateY(40deg)
    rotateZ(0deg)
    skew(0deg,22deg);
}
.copy_right
{
	float:left;
}
.un {
  display: inline-block;
}

.un:after {
  content: '';
  width: 0px;
  height: 1px;
  display: block;
  background: black;
  transition: 300ms;
}

.un:hover:after {
  width: 100%;
  background:#07cee0;
}