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

/* Global Styles */

html,
body {
    height: 100%;
    /*padding-top:40px;*/
}

body {
    /*padding-top: 50px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}
/*BOOTSTRAP OVERRIDES*/
/*NAVBAR*/
.navbar-inverse {
  /*background-color: #222;*/
  background-color: #003;
  /*border-color: #080808;*/
  border-color: #080808;
  z-index: 20;
}
.navbar-inverse .navbar-brand {
  /*color: #9d9d9d;*/
  color: #fff !important;
}
.navbar-inverse .navbar-nav > li > a {
  /*color: #9d9d9d;*/
  color: #ccc;
  /*border-radius:3px;*/
  /*border:1px solid #003;*/
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
	z-index: 20;
  color: #fff !important;
  /*border:1px solid #fff;*/
  background-color:#003 !important;
/*  -webkit-backface-visibility: hidden;*/
}
/*BUTTON*/
.btn-primary{
	background-color:#003;
}

#carrousel{
position:relative;
  z-index: -1;
}

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


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

/* Carousel base class */
.carousel {
	height:100%;
  /*height: 500px;*/
  margin-bottom: 60px;
  position:relative;
/*  z-index: -1;*/
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 1;
}

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

/* Home Page Carousel */

/*header.carousel {
    height: 50%;
}
*/
header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}
.back{
	/*border:1px solid black;*/
	background-color:#003;
	border-radius:6px;
	width:auto !important;
	display:inline-block;
	opacity:0.9;
	padding:1px 2px;
}

/* RESPONSIVE CSS
-------------------------------------------------- */
@media (min-width: 319px) {
	.navbar-brand{
		font-size:8px !important;
	}
	.carousel-caption h2{
		font-size:14px !important;
	}
}
@media (min-width: 359px) {
	.navbar-brand{
		font-size:9px !important;
	}
	.carousel-caption h2{
		font-size:16px !important;
	}
}

@media (min-width: 768px) {
.navbar-brand{
	font-size:20px !important;
}
.carousel-caption h2{
	font-size:31.2px !important;
}
  /* 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) {
.navbar-brand{
	font-size:20px !important;
}
.carousel-caption h2{
	font-size:31.2px !important;
}
  .featurette-heading {
    margin-top: 120px;
  }
}


.img-portfolio {
    margin-bottom: 30px;
}

.img-hover:hover {
    opacity: 0.8;
}


/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}

/* Pricing Page Styles */

.price {
    display: block;
    font-size: 50px;
    line-height: 50px;
}

.price sup {
    top: -20px;
    left: 2px;
    font-size: 20px;
}

.period {
    display: block;
    font-style: italic;
}

/* Footer Styles */

footer {
    margin: 50px 0;
    padding:10px 10px 0 10px;
}

/* Responsive Styles */

@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
}

@media(max-width:767px) {
    .img-portfolio {
        margin-bottom: 15px;
    }

    header.carousel .carousel {
        height: 70%;
    }
}
.tx-l{
	text-align:left;
}
.tx-m{
	text-align:center;
}
.tx-r{
	text-align:right;
}
footer {
/* 	height: 90px;*/
  	color:#fff;
  	font-size:1vw;
}