/*!
 * Start Bootstrap - Grayscale Bootstrap Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

body {
	width: 100%;
	height: 100%;
	font-family: "Roboto Slab",serif;
	color: #1d1d1b;
	background-color: #000;
}
html {
	width: 100%;
	height: 100%;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0 0 35px;
	font-family: "Roboto Slab",serif;
	font-weight: 700;
	letter-spacing: 1px;
	color: #1d1d1b;
	text-align: left;
}
p {
	margin: 0 0 25px;
	font-size: 18px;
	line-height: 1.5;
}
 @media(min-width:768px) {
p {
	margin: 0 0 35px;
	font-size: 20px;
	line-height: 1.6;
}
}
a {
	color: #f37826;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
a:hover, a:focus {
	text-decoration: none;
	color: #f37826;
}
.light {
	font-weight: 400;
}
.navbar-custom {
	margin-bottom: 0;
	border-bottom: 1px solid rgba(255,255,255,.3);
	text-transform: uppercase;
	font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color: #000;
}
.navbar-custom .navbar-brand {
	font-weight: 700;
}
.navbar-custom .navbar-brand:focus {
	outline: 0;
}
.navbar-custom .navbar-brand .navbar-toggle {
	padding: 4px 6px;
	font-size: 16px;
	color: #fff;
}
.navbar-custom .navbar-brand .navbar-toggle:focus, .navbar-custom .navbar-brand .navbar-toggle:active {
	outline: 0;
}
.navbar-custom a {
	color: #fff;
}
.navbar-custom .nav li a {
	-webkit-transition: background .3s ease-in-out;
	-moz-transition: background .3s ease-in-out;
	transition: background .3s ease-in-out;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
}
.navbar-custom .nav li a:hover {
	outline: 0;
	color: rgba(255,255,255,.8);
	background-color: transparent;
}
.navbar-custom .nav li a:focus, .navbar-custom .nav li a:active {
	outline: 0;
	background-color: transparent;
}
.navbar-custom .nav li.active {
	outline: 0;
}
.navbar-custom .nav li.active a {
	background-color: rgba(255,255,255,.3);
}
.navbar-custom .nav li.active a:hover {
	color: #fff;
}
.navbar-brand {
	padding: 10px;
}
.top-navbar {
	float: left;
}
.social-nav-bar {
	float: right;
}
.social-nav-bar ul li a {
	padding: 15px 5px;
	font-size: 10px;
	border-left: 1px solid #333;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
}
/** INTRO **/

.intro-body .container {
	padding-top: 30px;
}
.intro-body .col-md-4 {
	margin-top: 140px;
}
.intro-body .col-md-4 p, .intro-body .col-md-8 p {
	float: left;
	text-align: left;
	color: #000;
	font-size: 14px;
}
.intro-body .col-md-4 img {
	text-align: left;
	float: left;
	margin-bottom: 20px;
}
.intro-body .col-md-4 p span {
	width: 100%;
	float: left;
	color: #ee6723;
	font-size: 17px;
}
#inner-intro {
	background: url(../img/intro-parralex-bg.png) 100% 0px no-repeat fixed;
	display: table;
	width: 100%;
	background-size: 100%;
	height: 100%;
}


/** RESPONSIVE **/

@media(min-width:768px) {
.navbar-custom {
	padding: 0;
	border-bottom: 1px solid rgba(255,255,255,.3);
	letter-spacing: 1px;
	background: 0 0;
	background: #000;
	-webkit-transition: background .5s ease-in-out, padding .5s ease-in-out;
	-moz-transition: background .5s ease-in-out, padding .5s ease-in-out;
	transition: background .5s ease-in-out, padding .5s ease-in-out;/*display:none;*/
}
.navbar-custom.top-nav-collapse {
	padding: 0;
	border-bottom: 1px solid rgba(255,255,255,.3);
	background: #000;
	display: block;
}
}
.intro {
	display: table;
	width: 100%;
	height: auto;
	padding: 100px 0;
	text-align: center;
	color: #fff;
	background: url(../img/intro-bg.jpg) no-repeat bottom center scroll;
	background-color: #000;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
}

.container{
	width:750px;
}

/** NEWS **/

#news {
	display: table;
	width: 100%;
	height: auto;
	text-align: center;
	color: #fff;
	background: #000;
	background-color: #000;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	height: 100%;
	position: relative;
}

#inner-news .col-md-12{
	width:750px;
}

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  height:550px
  margin-bottom: 60px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height:550px;
  background-color: #777;
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
 height:550px;
}


/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 20px;
  text-align: center;
}
.marketing h2 {
  font-weight: normal;
}
.marketing .col-lg-4 p {
  margin-right: 10px;
  margin-left: 10px;
}


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 80px 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
}


/* 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;
  }
}

/*.left.carousel-control{
	left:-70px;
}

.right.carousel-control{
	right:-70px;
}*/

.portfolio-inner-title{
	background: #fff none repeat scroll 0 0;
    height: 50px;
    margin-top: 10px;
}

.portfolio-inner-title h4{
	line-height:50px;
	margin:0px;
	text-indent:20px;
}

.inner-portfolio-content p{
	text-align:left;
	font-size:14px;
	padding-left:20px;
	padding-right:20px;
	padding-top:10px;
}


@media (max-width: 767px) {
	
	.container{
		width:100%;	
	}
	
	.container .row{
		width:100%;	
		margin:0px;
	}
	
    .container .row	.col-md-12{
		width:100%;
		padding:0px;	
	}
	
	.approach-image-container,
	.news-inner-container{
		width:100%;	
	}
	
	.carousel .item{
		background:none;
		height:160px;	
	}
	
	.carousel-inner > .item > img{
		height:auto;	
	}
	
	#inner-news .col-md-12{
		width:100%;	
	}
	
	.inner-portfolio-content h4{
		text-align:center;	
	}
	
	.inner-portfolio-content p{
		padding-left:0px;
		padding-right:0px;
		text-align:center;	
	}
}