/* Fonts */
.thin {
    font-family: 'Lato', sans-serif;
    font-weight: 300;
}

input,
body {
    font-family: 'Lato', sans-serif;
    font-weight: 400;
}

strong {
    font-family: 'Lato', sans-serif;
    font-weight: 700;
}

/* Global & Helpers */
body {
    color: #000;
    font-size: 16px;
    line-height: 27px;
    background: #fff;
    margin: 0;
	
	background: url('../img/background.jpg') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
    height: 85px;
    width: 100%;
}

#mask{
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	background: none repeat scroll 0 0 #fff;
	left:0px;
	z-index:1000;
}

#loader{
	width:100%;
	margin-top:20%;
	height:30px;
	background: url('../img/loader.gif') no-repeat center center;
}

h1 {
    font-size: 58px;
    font-weight: 300;
    display: block;
}

h2 {
    font-size: 47px;
    font-weight: 300;
    display: block;
}

h3 {
    font-size: 34px;
    font-weight: 300;
    display: block;
}

h4 {
    font-size: 28px;
    font-weight: 300;
    display: block;
}

h5 {
    font-size: 24px;
    font-weight: 300;
    display: block;
}

h6 {
    font-size: 20px;
    font-weight: 700;
    display: block;
}

.h7 {
    font-size: 17px;
    font-weight: 700;
    display: block;
}

.highlight {
    color: #4cd9c0;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4 {
    margin-top: 20px;
    margin-bottom: 20px;
}

h5, .h5, h6, .h6 {
    margin-top: 20px;
    margin-bottom: 10px;
}

p {
    font-size: 16px;
    line-height: 27px;
    color: #1D1D1D;
}

small {
    font-weight: 300;
    font-size: 15px;
    line-height: 26px;
}

a {
    color: #4cd9c0;
    text-decoration: none;
}

a:hover, a:active, a:focus {
    color: #4cd9c0;
    text-decoration: none;
    outline: none;
}

::selection {
    background-color: #4cd9c0;
    color: #fff;
}

hr {
    width: 100%;
    border-top: 1px solid #E9E9E9;
    display: inline-block;
}

.light {
    color: #fff;
    background: #333;
}

.dark {
    color: #000;
    background: #fff;
}

.highlight {
    color: #4cd9c0;
}

.center {
    text-align: center;
}

.resp-center {
    text-align: center;
}

.btn {
    border: 1px solid #fff;
    font-size: 13px;
    border-radius: 3px;
    background: transparent;
    text-transform: uppercase;
    font-weight: 700;
    padding: 15px 40px;
    min-width: 162px;
    max-width: 100%;
}

.btn:Hover, .btn.hovered {
    border: 1px solid #fff;
}

.btn:Active, .btn.pressed {
    opacity: 1;
    border: 1px solid #fff;
    border-top: 3px solid #4cd9c0;
    -webkit-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent;
}

.dropdown-toggle:Active, .dropdown-toggle.pressed {
    border-top: 0;
}

.btn:focus, .btn:active:focus, .btn.active:focus {
    outline: 0;
    outline-offset: 0px;
}

.btn-default {
    background: transparent;
    color: #fff;
    border: 1px solid #fff;
}

.btn-default:Hover, .btn-default.hovered {
    background: #fff;
    color: #7191a8;
    border: 1px solid #fff;
}

.btn-default:Active, .btn-default.pressed {
    background: #fff;
    color: #7191a8;
    border: 1px solid #fff;
}

.btn-primary {
    background: #4cd9c0;
    border: 1px solid #4cd9c0;
    color: #fff;
}

.btn-primary:hover, .btn-primary.hovered {
    background: #4cd9c0;
    border: 1px solid #4cd9c0;
    opacity: 0.9;
}

.btn-primary:Active, .btn-primary.pressed {
    background: #4cd9c0;
    border: 1px solid #4cd9c0;
}

.btn-secondary {
    background: transparent;
    border: 1px solid #4cd9c0;
    color: #4cd9c0;
}

.btn-secondary:hover, .btn-secondary.hovered {
    background: #4cd9c0;
    border: 1px solid #4cd9c0;
    color: #fff;
}

.btn-secondary:Active, .btn-secondary.pressed {
    background: #4cd9c0;
    border: 1px solid #4cd9c0;
    color: #fff;
}

.btn-invert {
    background: #fff;
    color: #535353;
    border: 1px solid #dadfe3;
}

.btn-invert:Hover, .btn-invert.hovered {
    background: #dadfe3;
    color: #535353;
    border: 1px solid #dadfe3;
}

.btn-invert:Active, .btn-invert.pressed {
    background: #dadfe3;
    color: #535353;
    border: 1px solid #dadfe3;
}

.btn-lg {
    font-size: 18px;
    padding: 22px 40px;
}

.img-responsive-full {
    max-width: 100%;
    width: 100%;
}

.img-circle {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
}

.section {
    min-height: 50px;
    padding-top: 30px;
    padding-bottom: 30px;
    position: relative;
    text-align: center;
}

.wrapper {
    width: 70%;
    margin: 0 auto;
}

.container {
    z-index: 1;
    position: relative;
}

.icon-active {
    color: #4cd9c0;
}

.gap {
    padding-bottom: 50px;
}

hr.no-margin {
    margin-top: 0px;
}

article {
    text-align: left;
}

.hiding {
    opacity: 0;
}

.visible {
    opacity: 1;
}


.text-heading{
	margin:auto;
	width:50%;
	color:#fff;
	text-align:center;
}

.contributors{
	list-style-type:none;
	padding:0px;
	margin:0px;
}
.contributors li{
	cursor: pointer;
    display: inline-block;
    margin-bottom: 10px;
    margin-left: 1%;
    vertical-align: top;
    width: 48%;
}
.contributors li img{
    border:5px solid rgba(255, 255, 255, 0.49);
    border-radius: 60px;
	width:60px;
	vertical-align: top;
	display:inline-block;
}
.contributors li div{
	display:inline-block;
	vertical-align: top;
}
.contributors li div h1{
	display:block;
	font-size: 19px;
    margin: 0;
    padding: 0;
}

.contributors li div span{
	display:block;
}




#about,#about p,#video,#video p{
    color:#fff;
}

.text-heading .btn-default{
	background-color:transparent;
	color:#fff;
	border-color:#fff;
	font-weight:bold;
	transition:all 0.2s linear;
}
.text-heading .btn-default:hover{
	background-color:#ffffff;
	opacity:0.8;
	color:#80D5E8;
	border-color:#fff;
}
.btn-secondary {
	color:#428bca;
}
.btn-secondary:hover, .btn-secondary.hovered {
    background: none repeat scroll 0 0 #428bca;
    border: 1px solid #428bca;
    color: #fff;
}
.footer a{
	color:#fff;
}

.header{
	z-index:20000;
}
.navigation-bar {
 text-align: center;
	margin:auto;
}
.navigation-bar li {
	display:inline-block;
	padding: 15px;
}
.navigation-bar li ul li {
    display:inline-block;
    padding: 5px;
}
.navigation-bar li a{
 border-bottom: 2px solid transparent;
    color: #ffffff;
    font-size: 13px;
	text-decoration: none;
    line-height: 13px;
    padding: 10px 0;
    text-transform: uppercase;
}
.header-clone {
/* Required styles */
position: fixed;
top: 0;
left: 0;
/* Additional styles */
background: #ffffff;
color : #5C9954;
/* Translate -100% to move off screen */
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
width:100%;
/* Animations */
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}

.header-clone .navigation-bar li a{
	color : #3790B3;
}
.header-stick {
/* Translate back to 0%; */
-webkit-transform: translateY(0%);
-ms-transform: translateY(0%);
transform: translateY(0%);
}

.header-unstick {
/* Not required to use, but could be useful to have */
}

a.btn:hover, a.btn:focus {
    color: #fff;
    text-decoration: none;
}