/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
  padding-bottom: 40px;
  color: #5a5a5a;
}


/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 20;
}

/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper > .container {
  padding-right: 0;
  padding-left: 0;
}
.navbar-wrapper .navbar {
  padding-right: 15px;
  padding-left: 15px;
}
.navbar-wrapper .navbar .container {
  width: auto;
}

/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 768px) {
  /* Navbar positioning foo */
  .navbar-wrapper {
    margin-top: 20px;
  }
  .navbar-wrapper .container {
    padding-right: 15px;
    padding-left: 15px;
  }
  .navbar-wrapper .navbar {
    padding-right: 0;
    padding-left: 0;
  }

  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar {
    border-radius: 4px;
  }

  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 992px) {
  .featurette-heading {
    margin-top: 120px;
  }
}

/* CUSTOM STYLES
-------------------------------------------------- */
@font-face {
    font-family: 'montserrathairline';
    src: url('../fonts/montserrat-hairline-webfont.eot');
    src: url('../fonts/montserrat-hairline-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/montserrat-hairline-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-hairline-webfont.woff') format('woff'),
         url('../fonts/montserrat-hairline-webfont.ttf') format('truetype'),
         url('../fonts/montserrat-hairline-webfont.svg#montserrathairline') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'montserratlight';
    src: url('../fonts/montserrat-light-webfont.eot');
    src: url('../fonts/montserrat-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/montserrat-light-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-light-webfont.woff') format('woff'),
         url('../fonts/montserrat-light-webfont.ttf') format('truetype'),
         url('../fonts/montserrat-light-webfont.svg#montserratlight') format('svg');
    font-weight: normal;
    font-style: normal;

}
.logo-container {
	background-color: #fff;
	/* IE10+ */ 
	background-image: -ms-linear-gradient(top, #323533 0%, #0E0F0F 100%);
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(top, #323533 0%, #0E0F0F 100%);
	/* Opera */ 
	background-image: -o-linear-gradient(top, #323533 0%, #0E0F0F 100%);
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #323533), color-stop(100, #0E0F0F));
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(top, #323533 0%, #0E0F0F 100%);
	/* W3C Markup */ 
	background-image: linear-gradient(to bottom, #323533 0%, #0E0F0F 100%);	
	
	text-align: center;
	padding: 30px 15px;
	border-radius: 4px;
}
.header-logo {
	max-width: 90%;
	max-height: 160px;
}
.banner {
	min-height: 260px;
	background-color: #000;
	background-image: url(../img/bg.jpg);
	background-size: cover;
	background-position: center center;
	margin-bottom: 30px;
}
@media (max-width: 991px) {
	.header-logo {
		max-height: 120px;
	}
	.banner {
		min-height: 170px;
	}
}
@media (max-width: 768px) {
	.logo-container {
		border-radius: 0;
		padding: 20px 15px;
	}
	.header-logo {
		max-height: 100px;
	}
	.banner {
		min-height: 180px;
	}
}
.row.full-width {
	margin-left:0;
	margin-right:0;
}
a {
	color: #149660;
}
h1, h2, h3, h4, h5, h6 {
	font-family: "montserrathairline", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
	font-weight: 300;
/* 	text-transform: lowercase; */
}
body {
	font-family: "montserratlight", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
	font-weight: 300;
	color: #212322;
	padding-bottom: 0;
}
.first-para {
	font-size: 1.5em;
	color: #4F5452;
}
@media (max-width: 768px) {
	.first-para {
		font-size: 1.3em;
	}
}
.past-projects-row,
.testimonial-row {
	background-color: #149660;
	/* IE10+ */ 
	background-image: -ms-linear-gradient(top, #82C9A8 0%, #3CBC80 100%);
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(top, #82C9A8 0%, #3CBC80 100%);
	/* Opera */ 
	background-image: -o-linear-gradient(top, #82C9A8 0%, #3CBC80 100%);
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #82C9A8), color-stop(100, #3CBC80));
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(top, #82C9A8 0%, #3CBC80 100%);
	/* W3C Markup */ 
	background-image: linear-gradient(to bottom, #82C9A8 0%, #3CBC80 100%);
	padding: 50px 0 20px 0;
}
.testimonial-row div[class^="col-"] {
  text-align: center;
  padding-bottom: 20px;
}
.testimonial-logo-container {
	text-align: center;
	position: relative;
	height: 80px;
}
.testimonial-logo-container img {
	max-height: 100%;
	max-width: 100%;
	margin: 0 auto;
}
.navbar-default {
	background-color: #fff;
	border: none;
}
.navbar-brand {
	height: auto;
}
ul {
	list-style: none;
	padding-left: 25px;
}
ul li {
	margin-bottom: 10px;
	position: relative;
}
ul li:before {    
	font-family: 'Glyphicons Halflings';
	content:"\e019";
	position: absolute;
	top: 2px;
	left: -22px;
	color: #82C9A8;
	font-size: 0.9em;
}
.past-projects-row ul li:before {
	color: #fff;
}
footer {
	margin-left:0;
	margin-right:0;
	padding-bottom: 42px;
	background-color: #212322;
	/* IE10+ */ 
	background-image: -ms-linear-gradient(top, #323533 0%, #0E0F0F 100%);
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(top, #323533 0%, #0E0F0F 100%);
	/* Opera */ 
	background-image: -o-linear-gradient(top, #323533 0%, #0E0F0F 100%);
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #323533), color-stop(100, #0E0F0F));
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(top, #323533 0%, #0E0F0F 100%);
	/* W3C Markup */ 
	background-image: linear-gradient(to bottom, #323533 0%, #0E0F0F 100%);	
}
footer h1,
footer h2,
footer h3,
footer h4,
footer h5 {
	color: #fff;
}
.footer {
	padding-top: 30px;
	padding-bottom: 10px;
}
@media (max-width: 768px) {
	.footer {
		text-align: center;
	}
}