@charset "UTF-8";
/* CSS Document */
body {
	font-family:verdana, geneva, sans-serif;
	font-size:14px;
	background-color:rgba(255,255,255,1.00);
}
h1{
	color:rgba(213,33,31,1.00);
}

h2{
	color:rgba(8,75,125,1.0);
}

h3{
	color:rgba(255,255,255,1.00);
}

p{
	
	
}

.wrapper{
	max-width: 1400px;
	height:auto;
	margin:auto;
	background-color: rgba(255,255,255,1.0);
	overflow:auto;
	align-content: center;
	padding:10px;
	
}

.nav{
	clear:left;
	float:left;
	width:100%;
	height:75px;
	background-color:rgba(122,164,192,1.00);
			 /* There are four buttons, so the width is 100x4 because the width of "a" below is set to 100px */
	margin: auto;
	font-size: 15px;
	color:rgba(255,255,255,1.0);
	overflow: hidden;
	 z-index: 1000;
}


.logo{
	clear: left;
	float:left;
	height: auto;
	width:30%;
	position:absolute;
	top: -5px;
	left: -10px;
	overflow: hidden;
	 z-index: 1000;
}

.logo a{
	display: block; 
}
.navBar{
	float:left;
	width: 500px;
	align-content: center;
	height: auto;
	font-size: 15px;
	overflow: hidden;
	 z-index: 1000;
}


.navBar a {
  display: block; /* Makes the entire block clickable and not collapse to text. */
	width: 115px;
    height: 40px;
	font-weight:bold;
      color: rgba(85,85,85,1.00);
    text-align: center;
    line-height: 40px; /* Brings text down from top of box */
    text-decoration: none;
	overflow: hidden;
	 z-index: 1000;
}


.navBar a:hover {
   color: rgba(255,139,0,1.00);
}

.navBar .active {
  
	color: rgba(255,255,255,1.00);
   
}

.navBar li{
 float: left;
}

.navBar ul {
	position: absolute;
	top: 30px;
	right:100px;
    list-style-type: none; /* Removes the default bullet */
    margin: 0px;
    padding: 0px;
    overflow: hidden;/* Keeps the background color visible across all four list items. */
}

.cart{
position: absolute;
	top:25px;
	right:35px;

float:left;
height: auto;
}
.fill_text{
	padding: 10px;
	font-size:10pt;
}
.ba{
	clear:left;
	float: left;
	width:100%;
	height:500px;
	background-color:rgba(0,77,130,1.00);
}

.Send_button{
	width:20%;
	height:20px;
	color:rgba(255,255,255,1.00);
	background-color:rgba(245,39,39,1.00);
	border-radius:15px;
	border-style: solid;
	border-width: 10px;
	border-color: rgba(181,24,22,1.00);	
	text-align: center;
	position: relative;
	top:10px;
	left:210px;
	margin-bottom: 10px;

}
.Send_button p{
	position: relative;
	top:-13px;
}

.main{
	width:70%;
	height:auto;
	margin:auto;
	padding:10px;
	background-color:rgba(255,255,255,1.00);
	border-radius: 40px;
	box-shadow: 0px 10px 2px 2px rgba(0,77,130,1.00);
	align-content: center;
	position: relative;
	top:20px;
	text-align: center;
}

.fill_out{
	clear: left;
	float:left;
	width:50%;
	align-content: center;
	text-align: left;
	padding-top: 10px;
}

.fill_out ul{
	list-style-type: none;
}
.box_1{
	width:80%;
	height:35px;
	border-radius:25px;
	box-shadow: 0px 0px 2px 1px rgba(136,136,136,1.0);
}

.Send_button{
	
}

.Our_contacts{
	float:left;
	width:50%;
}

.Locations{
	width:70%;
	height:auto;
	margin:10px;
	padding:10px;
	background-color:rgba(255,255,255,1.00);
	border-radius: 40px;
	box-shadow: 5px 5px 2px 2px rgba(0,77,130,1.00);
}

.Reach_Out{
	
		width:70%;
	height:auto;
	margin-top:40px;
	padding:10px;
	background-color:rgba(255,255,255,1.00);
	border-radius: 40px;
	box-shadow: 5px 5px 2px 2px rgba(0,77,130,1.00);
}

.ba_2{
		width:100%;
	height:60px;
	background-color:rgba(255,255,255,1.00);
	
}



.lightBlueWave{
	
	width:101.7%;
	height:auto;
}

.footer{
	clear:left;
	float:left;
	width:100%;
	height:auto;
	background-color:rgba(162,209,240,1.00);
	position:relative;
	top:-20px;
	padding-left:10px;
	align-content: center;
}
.lil_exit{
	padding-left:0px;
	clear: left;
	float:left;
	width:34%;
		font-size: 8pt;
}
.about{
	
	float:left;
	width:22%;
	
}

.Resources{
	float:left;
	list-style-type: none;
	width:22%;
}

.Socials{
	float:left;
	width:22%;
	
}

.about ul{
	list-style-type: none;
}
.Socials ul{
	list-style-type: none;
}
.Resources ul{
	list-style-type: none;
}

.bubble_1{
	
	width:10%;
	height:auto;
	position:absolute;
	top:-40px;
	left:20px;
	animation-name: advanced;
	animation-duration: 6s;
	animation-direction: reverse;
	animation-timing-function:linear;
	animation-iteration-count: infinite;
	
}

.bubble_2{

	width:7.5%;
	height:auto;
	position:absolute;
	
	animation-name: advanced;
	animation-duration: 5s;
	animation-direction: reverse;
	animation-timing-function:linear;
	animation-iteration-count: infinite;
	
}


.bubble_3{
	width:5%;
	height:auto;
	animation-name: advanced;
	animation-duration: 4s;
	position: absolute;
	left:-20px;
	animation-direction: reverse;
	animation-timing-function:linear;
	animation-iteration-count: infinite;
	
}
 

.bubble_ani{
	width:20%;
}

@keyframes advanced {
    0%   { left:0px; top:0px;}
    25%  { left:20px; top:200px;}
    50%  { left:-20px; top:400px;}
    75%  { left:20px; top:600px;}
    100% { left:-20px; top:800px;}
}