@charset "utf-8";
/* CSS Document */

html, body {
	margin:0;
}

a:link {
	color: #808080;
	text-decoration: none;
	cursor: auto;
	transition: color .25s ease-in-out;
   -moz-transition: color .25s ease-in-out;
   -webkit-transition: color .25s ease-in-out;
	
}
a:visited {
	color: #808080;	
	text-decoration: none;
	cursor: auto;
	transition: color .25s ease-in-out;
   -moz-transition: color .25s ease-in-out;
   -webkit-transition: color .25s ease-in-out;
}
a:hover {	
	color: #000066;
	text-decoration: none;
	cursor: auto;
}
a:active {	
	color: #000066;
	text-decoration: none;
	cursor: auto;
}


#index-background {
	height:100vh;
	width:100%;
	z-index: -3;

}

#index-load {
	min-height:auto;
	height: 100vh;
	min-height: 850px;
	width:100%;
	background-color: ;
	background-image: url(../images/texture-back.png);
	background-repeat: repeat;
	float:left;
	position: relative;
}
#tagline{
	margin-left: auto;
	margin-right: auto;
	width:808px;
	height:auto;
	margin-bottom:50px;
	float:left;
	padding-top: 25%;
	z-index:2;
}
#ability {
	font-family: 'Pontano Sans', sans-serif;
	float: left;
	padding-right:6px;
	padding-top: 7px;
	width:auto;
	height: auto;

}
#anywhere {
	float: left;
	width:auto;
}

#index-container {
	width:808px;
	height:auto;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	font-size: 18px;
	font-family: 'Droid Sans', sans-serif;
	padding:20px;
}
.container {
	width:900px;
	font-size: 18px;
	font-family: 'Droid Sans', sans-serif;
	padding:20px;

	margin-left: auto;
	margin-right: auto;
	text-align: center;
	display: block;


}

.container-2 {
	width:900px;
	height:auto;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	font-size: 16px;
	font-family: 'Droid Sans', sans-serif;
	padding:15px;

}

.button {
	border: 2px solid #000066;
	background-color: #000066;
	border-radius: 4px;
	display: inline-block;
	color: #fff !important;
	font-family: 'Pontano Sans', sans-serif;
	font-size: 18px;
	height: 45px;
	line-height: 45px;
	width: 150px;
	text-decoration: none;
	text-align: center;
	margin-left: 15px;
	margin-right: 15px;
	transition: background .25s ease-in-out !important;
   -moz-transition: background .25s ease-in-out !important;
   -webkit-transition: background .25s ease-in-out !important;
}
.button:hover {
	background-color: #00002E;
	border: 2px solid #000066;
}

.button2 {
	border: 2px solid #000066;
	border-radius: 4px;
	display: inline-block;
	color: #000066 !important;
	font-family: 'Pontano Sans', sans-serif;
	font-size: 18px;
	height: 45px;
	line-height: 45px;
	width: 150px;
	text-decoration: none;
	text-align: center;
	margin-left: 15px;
	margin-right: 15px;
	transition: background .25s ease-in-out !important;
   -moz-transition: background .25s ease-in-out !important;
   -webkit-transition: background .25s ease-in-out !important;
	
}

.button2:hover {
	border: 2px solid #00002E;
	background-color: #CFCFCF;
}

#buttons {
	margin-left: auto;
	margin-right: auto;
	width:570px;
	height:auto;
	
}

#small-text {
	padding-top: 5%;
	font-size: 14px;
}

#arrow {
	position:absolute;
	text-align: center;
	left:48.7%;
	bottom:.1%;

}

/*Index-Second*/

#index-second {
	padding-top: 6%;
	height:auto;
	width:100%;
	background-color: #fff;
	float: left;
}
/*LogoBar*/
.logo-bar {
	width:100%;
	height:110px;
	background-color: #3d3d3d;
	float:left;
	margin-top: 100px;
	padding-bottom: 20px;
}

.logo-bar img {
	padding-right: 30px;
	padding-left: 30px;
}


/*Boxes*/

.double-box {
	
}

.d-box {
	width:400px;
	height:auto;
	margin:10px 10px 20px 10px;
	padding:15px;
	background-color:;
	float:left;
	color:#000;
	text-align: justify;
}

.d-box ul li{
	list-style-type: none;
}

.t-box {
	width:250px;
	height:250px;
	margin:10px;
	padding:15px;
	background-color: ;
	float:left;
	color:#000;
	text-align: justify;
	font-size: 15px;
}

.quad-box {
	width:170px;
	height:170px;
	margin:10px;
	padding:15px;
	background-color: ;
	border: 2px dashed #CCCCCC;
	float:left;
	color:#000;
	text-align: center;
	font-size: 15px;
}

.block-icon {
	padding-right: 17px;
}

.circle {
	width:200px;
	height:200px;
	background-color: #ccc;
	border-radius: 100px;
	line-height: 200px;
	text-align: center;
	font-size: 25px;
	font-weight: 900;
	color:#666666;
}
.circle-highlight {
	width:200px;
	height:200px;
	background-color: #ccc;
	border-radius: 100px;
	border: 2px solid #b2b2b2;
	line-height: 200px;
	text-align: center;
	font-size: 25px;
	font-weight: 900;
	color:#666666;
}

/*Index-Third*/
#index-third {
	float:left;
	padding-top: 6%;
	height:auto;
	width:100%;
	background-color: #fff;
}
/*More Content in containers*/

.more-content {
	float: left;
	padding-top: 50px;
	text-align: center;
}

/*Footer*/


.footer {
  border-top: 4px solid #dfdfdf;
  background-color: #ebebeb;
  color: gray;
  text-shadow: 1px 1px white;
  width: 100%;
  float:left;
  padding-bottom:30px;

}
.footer .copyright {
  text-align: right;
  margin-top: 40px;
  padding-right: 30px;

}
.footer a {
  color: #000066;
  text-decoration: none;

}
.footer a:hover {
  text-decoration: underline;

}

.footer > div ul#social-links {
  font-size: 20px;
  margin-right: 0 !important;
  margin-top: 75px !important;
  list-style-type: none;
}

.footer > div ul#social-links li{
	float: left;
	padding-left:10px;
	padding-right:10px;

	}
.footer > div ul#social-links a {
  color: darkgray;
  text-decoration: none;
}
.footer > div ul#social-links a:hover {
  color: #000066;
  text-decoration: none;
}
.footer > div > ul {
  display: inline-block;
  margin: 0 12px !important;
  margin-top: 25px !important;
  vertical-align: top;
  list-style-type: none;

}
.footer > div > ul hr {
  border-color: darkgray;
  width: 200px;
  margin: 0;
  margin-bottom: 10px;
}
.footer > div > ul .fa {
  margin-right: 10px;
}

/*Contact Form */

input[type=text]{
	width:880px;
	padding:10px;
	margin-top:30px;
	border:1px solid #ccc;
	padding-left:10px;
	font-size:30px;
	font-family: 'Pontano Sans', sans-serif;
	font-weight: 400;


}

textarea {

	width:880px;
	height:200px;
	padding:10px;
	resize:none;
	margin-top:30px;
	border:1px solid #ccc;
	padding-left:10px;
	font-size:30px;
	margin-bottom:20px;
	font-family: 'Pontano Sans', sans-serif;
	font-weight: 400;

}

input[type=submit] {
    border: 2px solid #000066;
	background-color: #000066;
	border-radius: 4px;
	display: inline-block;
	color: #FFF !important;
	font-family: 'Pontano Sans', sans-serif;
	font-size: 18px;
	height: 45px;
	line-height: 40px;
	width: 150px;
	text-decoration: none;
	text-align: center;
	float: left;
	transition: background .25s ease-in-out !important;
   -moz-transition: background .25s ease-in-out !important;
   -webkit-transition: background .25s ease-in-out !important;
}

input [type=submit]:hover {
	background-color: #00002E;
	border: 2px solid #000066;
}