@import url(http://fonts.googleapis.com/css?family=Ubuntu:700);

body {
  background: #F4F4F4;
}
/*!
 * TYPOGRAPHY
 */

h1, h2 {
  font-family: 'Ubuntu', sans-serif;
 }

h1 {
  color: #021876;
}

h2 {
  color: #555555;
}

 .page-title {
  margin-top: 0;
}

a {
  color: #021876;
 }


/*!
 * HEADER
 */

.navbar {
  margin-bottom: 0;
}

.navbar-default {
  background-color: #000b38; /* Old browsers */
  background: -moz-linear-gradient(top, #000b38 0%, #00061c 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000b38), color-stop(100%,#00061c)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #000b38 0%,#00061c 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #000b38 0%,#00061c 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #000b38 0%,#00061c 100%); /* IE10+ */
  background: linear-gradient(to bottom, #000b38 0%,#00061c 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000b38', endColorstr='#00061c',GradientType=0 ); /* IE6-9 */
  min-height: 100%;
  height: 100%;
  border-bottom: 2px solid #6E8C9F;
  border-radius: 0;
  margin-bottom: 20px;
}

.navbar-nav {
  margin-top: 30px;
}

.navbar-nav > li > a {
  font-size: 15px;
  line-height: 1.2;
  padding-top: 0;
  padding-bottom: 0;
  border-left: 1px solid #6E8C9F;
  min-height: 35px;
}

.navbar-nav > li > a  .menu-description {
  font-size: 12px;
  display: block;
  color: #6E8C9F;
  text-transform: lowercase;
}

.navbar-default .navbar-nav > li > a {
  color: #dddddd;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
  color: #ffffff;
  background: transparent;
}

.navbar-nav > li > a:hover .menu-description,
.navbar-nav > li > a:focus .menu-description,
.navbar-nav > li.active > a .menu-description {
  color: #ffffff;
}

.navbar-brand {
  height: auto;
}


/*!
 * CAROUSEL
 */

/* Carousel base class */
.carousel {
  height: 400px;
}
/* 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: 400px;
  background-color: #777;
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 400px;
}

.carousel-control.left,
.carousel-control.right {
  background: transparent;
}

.carousel-indicators {
  right: 30px;
  left: auto;
  width: auto;
}

.carousel-indicators li{
  height: 20px;
  width: 20px;
  border-width: 4px;
}

.carousel-indicators li.active {
  height: 22px;
  width: 22px;
}


/*!
 * CONTENT
 */

.content-wrapper {
  background: #ffffff;
  padding: 40px;
}

.content-header {
  background-color: #777; /* Old browsers */
  padding: 10px;
}

.content-header .col-md-9 {
  padding-right: 5px;
}

.content-header .col-md-3 {
  padding-left: 5px;
}

.content-header-thumb-1 {
  margin-bottom: 10px;
}

.client-list {
  margin-bottom: 30px;
}

.client-list .col-md-3 img {
  border-radius: 8px;
  margin-bottom: 30px;
}

.portfolio-list .col-md-4 {
  margin-bottom: 40px;
}

.portfolio-list .lead {
  font-size: 18px;
}

/*!
 * FOOTER
 */

 .footer {
  border-top: 1px solid #EEEEEE;
  margin-top: 60px;
  padding-top: 20px;
 }

 .footer p {
  color: #ccc;
  line-height: 1;
 }



/*!
 * HELPER
 */

hr {
  margin-top: 40px;
  margin-bottom: 40px;
}


/*!
 * RESPONSIVE
 */

 @media (min-width: 768px) {

  .container {
      max-width: 1020px;
  }
}

/* Small devices (tablets, 768px and up) */
@media screen and (min-width: 768px) {

}

/* Medium devices (desktops, 992px and up) */
@media screen and (min-width: 992px) { 

  .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
  }

}

/* Large devices (large desktops, 1200px and up) */
@media screen and (min-width: 1200px) {

}