@charset "utf-8";
*{
	margin:0;
	padding:0;
}
@font-face {
    font-family: 'futuramedium';
    src: url('../fonts/futura.eot');
    src: url('../fonts/futura.eot?#iefix') format('embedded-opentype'),
         url('../fonts/futura.woff') format('woff'),
         url('../fonts/futura.ttf') format('truetype'),
         url('../fonts/futura.svg#futuramedium') format('svg');
    font-weight: normal;
    font-style: normal;

}
html{
	height:100%;
}
body{
	margin: 0px;
	padding:0;
	font-family: 'futuramedium';
	font-size:15px!important;
	line-height:19px;
	color:#777d7d;
	height:100%;
		background-image:url(../images/bg.png);
	background-position:center 140px;
	background-repeat:no-repeat;
}
a{
	outline:none;
	color:#777d7d;
	transition: all 0.3s ease-in-out 0s;
}
a:hover{
	color:#000;
}
a img{
	border:none;
}
#top_section{
	width:100%;
	height:auto;
	position:absolute;
	z-index:9999;
	background-color:#fff;
	top:0;
}
#top_wrapper{
	width:98%;
	margin:0 auto;
	padding:36px 0 0 0;
	position:relative;
}
#logo{
	width:100%;
	float:none;
	text-align:center;
}
#navigation{
	width:100%;
	float:none;
	text-align:center;
}
#navigation li{
	outline:none;
	
}
li a {
	display:block;
	text-align: center;
	color: #7d7d7d;
	text-decoration: none;
	font-family: 'futuramedium';
	font-size:20px;
	font-weight:300;
	text-transform:uppercase;
	margin:19px 0 0 0px;
}
.intro{
	width:100%;
	margin:140px auto 100px auto;
}
.intro.home{
	text-align:center;
	padding:150px 0 0 0;
}
.intro.mission{
	text-align:center;
	font-family: 'futuramedium';
	font-size:28px;
	color: #7D7D7D;
	line-height:32px;
	padding:150px 0 0 0;
}
.intro .teamwrapper{
	width:99%;
	margin:0 auto;
	display:table;
	clear:both;
	padding:60px 0 0 0;
}
.intro .teamwrapper .team{
	width:80%;
	margin:0 auto 15px auto;
	float:none;
	text-align:center;
}
.intro .teamwrapper .team:last-child{
	float:none;
	margin:0 auto 0 auto;
}
.intro .teamwrapper .team img{
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border:solid 10px #d51820;
	margin:0 0 10px 0;
}
.intro .teamwrapper .team h5{
	padding:0;
	margin:0;
	font-weight:normal;
	font-size: 28px;
	color: #7D7D7D;
	line-height: 38px;
}
.bxslider{
	margin:0;
	padding:0;
	text-align:center;
}
.bxslider li img{
	width:70%;
	border:solid 15px #d51820;
	border-radius: 50%;
}
.intro.contact{
	width:99%;
	margin:0 auto;
	padding:200px 0 0 0;
}
.intro.contact ul{
	padding:0;
	margin:0;
	list-style:none;
}
.intro.contact ul li{
	padding:1px 0 16px 56px;
	margin:0 0 10px 0;
	list-style:none;
}
.intro.contact ul li a{
	text-align:left;
	font-size:20px;
	color: #7D7D7D;
	line-height:15px;
	text-transform:capitalize;
}
.intro.contact ul li a:hover{
	color:#000;
}
.intro.contact ul li.linkedin{
	background-image:url(../images/small-linkedin.png);
	background-position:left top;
	background-repeat:no-repeat;
}
.intro.contact ul li.mail{
	background-image:url(../images/small-email.png);
	background-position:left top;
	background-repeat:no-repeat;
}
.intro.contact ul li.twitter{
	background-image:url(../images/small-twitter.png);
	background-position:left top;
	background-repeat:no-repeat;
}
@media (min-width:700px) {
li a {
	display:block;
	text-align: center;
	color: #7d7d7d;
	text-decoration: none;
	font-family: 'futuramedium';
	font-size:20px;
	font-weight:300;
	text-transform:uppercase;
	margin:19px 0 0 37px;
}
.bxslider li img{
	width:50%;
}
.intro .teamwrapper .team{
	width:130px;
	margin:0 20px 0 0;
	float:left;
	text-align:center;
}
.intro .teamwrapper .team:last-child{
	float:right;
	margin:0;
}
.intro.contact{
	width:550px;
	margin:0 auto;
	padding:120px 0 0 0;
}
.intro.contact ul li{
	padding:4px 0 16px 45px;
	margin:0 0 10px 0;
	list-style:none;
}
.intro.contact ul li a{
	text-align:left;
	font-size:32px;
	color: #7D7D7D;
	line-height:30px;
	text-transform:capitalize;
}
.intro.contact ul li.linkedin{
	background-image:url(../images/linkedin.png);
	background-position:left top;
	background-repeat:no-repeat;
}
.intro.contact ul li.mail{
	background-image:url(../images/email.png);
	background-position:left top;
	background-repeat:no-repeat;
}
.intro.contact ul li.twitter{
	background-image:url(../images/twitter.png);
	background-position:left top;
	background-repeat:no-repeat;
}
}
@media (min-width:900px) {
#top_section{
	width:100%;
	height:114px;
	position:fixed;
}
#top_wrapper{
	width:698px;
	margin:0 auto;
	padding:34px 0 0 0;
	position:relative;
}
#logo{
	width:212px;
	float:left;
	text-align:center;
}
#navigation{
	width:455px;
	float:right;
	text-align:right;
}
#navigation li a {
	display:block;
	text-align: center;
	color: #7d7d7d;
	text-decoration: none;
	font-family: 'futuramedium';
	font-size:16px;
	font-weight:300;
	text-transform:uppercase;
	margin:12px 0 0 27px;
}
.intro{
	width:700px;
	margin:149px auto 0 auto;
}
.bxslider li a{
	margin:0!important;
}
.bxslider li img{
	width:auto;
	margin-top:10px;
}
.intro.home{
	text-align:center;
	padding:155px 0 0 0;
}
.intro.mission{
	text-align:center;
	font-family: 'futuramedium';
	font-size:30px;
	color: #7D7D7D;
	line-height:34px;
	padding:185px 0 0 0;
}

.intro .teamwrapper{
	width:636px;
	margin:0 auto;
	display:table;
	clear:both;
	padding:140px 0 0 0;
}
.intro .teamwrapper .team{
	width:130px;
	margin:0 35px 120px 0;
	float:left;
	text-align:center;
}
.intro .teamwrapper .team:last-child{
	float:right;
	margin:0;
}
.intro.project{
	padding:10px 0 0 0;
}
.intro.contact{
	width:403px;
	margin:0 auto;
	padding:258px 0 0 0;
}
.intro.contact ul li{
	padding:4px 0 16px 45px;
	margin:0 0 10px 0;
	list-style:none;
}
.intro.contact ul li a{
	text-align:left;
	font-size:26px;
	color: #7D7D7D;
	line-height:30px;
	text-transform:capitalize;
}
.intro.contact ul li.linkedin{
	background-image:url(../images/linkedin.png);
	background-position:left top;
	background-repeat:no-repeat;
}
.intro.contact ul li.mail{
	background-image:url(../images/email.png);
	background-position:left top;
	background-repeat:no-repeat;
}
.intro.contact ul li.twitter{
	background-image:url(../images/twitter.png);
	background-position:left top;
	background-repeat:no-repeat;
}
}

.section{
	min-height:600px;
	overflow:hidden;
}

/* Base styles for the element that has a tooltip */
[data-tooltip],
.tooltip {
  position: relative;
  cursor: pointer;
}

/* Base styles for the entire tooltip */
[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after {
  position: absolute;
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: 
	  opacity 0.2s ease-in-out,
		visibility 0.2s ease-in-out,
		-webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
	-moz-transition:    
		opacity 0.2s ease-in-out,
		visibility 0.2s ease-in-out,
		-moz-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
	transition:         
		opacity 0.2s ease-in-out,
		visibility 0.2s ease-in-out,
		transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform:    translate3d(0, 0, 0);
  transform:         translate3d(0, 0, 0);
  pointer-events: none;
}

/* Show the entire tooltip on hover and focus */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/* Base styles for the tooltip's directional arrow */
.tooltip:before,
[data-tooltip]:before {
  z-index: 1001;
  border: 6px solid transparent;
  background: transparent;
  content: "";
}

/* Base styles for the tooltip's content area */
.tooltip:after,
[data-tooltip]:after {
  z-index: 1000;
  padding: 8px;
  width:220px;
  background-color: #d51820;
  background-color: hsla(10%, 100%, 100%, 2%);
  color: #fff;
  content: attr(data-tooltip);
  font-size:12px;
  line-height: 1.2;
  text-align:left;
  margin-left:-30px;
}