html, body { height: 100%; }
body { padding-top: 50px; }

body { position: relative; }

div.firstbox {padding-top:20px; }
div.firstbox div {  margin-bottom:30px; }

.jumbotron {background-color:#003399;}
.container {padding-bottom:30px;}

.btn-circle {
  width: 70px;
  height: 70px;
  margin-top: 15px;
  padding: 7px 16px;
  border: 2px solid white;
  border-radius: 100% !important;
  font-size: 40px;
  color: white;
  background: transparent;
  -webkit-transition: background 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
}
.btn-circle:hover,
.btn-circle:focus {
  outline: none;
  color: white;
  background: rgba(255, 255, 255, 0.1);
}
.btn-circle i.animated {
  -webkit-transition-property: -webkit-transform;
  -webkit-transition-duration: 1s;
  -moz-transition-property: -moz-transform;
  -moz-transition-duration: 1s;
}
.btn-circle:hover i.animated {
  -webkit-animation-name: pulse;
  -moz-animation-name: pulse;
  -webkit-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
}

@media print {
	footer {display:none;}
	#myScrollspy {display:none;}
	
	.noprint {display:none;}
	
	div.myScrollContent div {margin-bottom:30px;}

	a, a:visited { text-decoration: underline; }
	a[href]:after { content: ""; }
	abbr[title]:after { content: ""; }
	a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; }
  
}

section { padding: 100px 0; }
aside { padding: 50px 0; }

.content-section{padding: 50px 0px 10px 0px;}

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

header {
  position: relative;
  width: 100%;
  min-height: auto;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  background-position: center;
  background-image: url('../img/notebook-1280538_1920-b.jpg');
  text-align: center;
  color: white;
}
header .header-content {
  position: relative;
  text-align: center;
  padding: 100px 15px 100px;
  width: 100%;
}
header .header-content .header-content-inner h1 {
  font-weight: 700;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 30px;
}
header .header-content .header-content-inner hr {
  margin: 30px auto;
}
header .header-content .header-content-inner p {
  font-weight: 300;
  color: rgba(255, 255, 255, 0.7);
  font-size: 16px;
  margin-bottom: 50px;
}


.featurette-divider {
    margin: 40px 0;
}

.featurette {
    overflow: hidden;
}

.featurette-image.pull-left {
    margin-right: 40px;
}

.featurette-image.pull-right {
    margin-left: 40px;
}

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

@media(max-width:767px) {
	.featurette-heading { font-size: 30px; }
	.featurette-image.pull-right { margin-left: 20px; }
	.featurette-image.pull-left { margin-right: 20px; }
	.featurette-divider { margin: 20px 0; }

	header {
	  position: relative;
	  width: 100%;
	  min-height: auto;
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  background-size: cover;
	  -o-background-size: cover;
	  background-position: center;
	  background-image: url('../img/notebook-1280538_1920-b-mobile.jpg');
	  text-align: center;
	  color: white;
	}
}

@media (min-width: 768px) {
  header {
    min-height: 100%;
  }
  header .header-content {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 50px;
  }
  header .header-content .header-content-inner {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
  }
  header .header-content .header-content-inner h1 {
    font-size: 50px;
  }
  header .header-content .header-content-inner p {
    font-size: 18px;
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
}


.section-heading {
  margin-top: 0;
}
.service-box {
  max-width: 400px;
  margin: 50px auto 0;
}
@media (min-width: 992px) {
  .service-box {
    margin: 20px auto 0;
  }
}
.service-box p {
  margin-bottom: 0;
}

/* Footer Styles */

footer {
    margin: 50px 0;
}

/* 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%;
    }
	
	.nomobile { display:none; }
}

/* NAVBAR */
.navbar-inverse {
  background-color: #00004d;
  border-color: #080808;
  color:#fff;
}

.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
}
.navbar-fixed-top {top:0px;}

nav { height:50px; } 

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form
{
  /*border-color: #0000cc;*/
  background: #00004d;
}
a.navbar-brand { 
	top:-10px;
	font-size:0px;
	position:relative;
	z-index:1040;
} 



.navbar-inverse li > a:hover, 
button.navbar-toggle { background: #00004d;; color:#fff; }

.navbar-inverse .navbar-nav > li > a {color:#fff;}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #c0c0c0;
  background-color: #00004d;
}

.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  background-color: #00004d;
  color: #c0c0c0;
}

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #ff0000;
}

.navbar-inverse .navbar-nav > .dropdown > ul {
  background-color: #00004d;
  color:#fff;
}

.navbar-inverse .navbar-nav > .dropdown > ul a  {
  /*background-color: #00004d;*/
  color:#fff;
}


.navbar-inverse .navbar-nav > .dropdown > ul a:hover {
  background-color: #00004d;
  color:#c0c0c0;
}


ul.lead  {margin:0px; padding:0px;}

/*navbar custom */

.navbar-custom {
  background-color: #00004d;
  border-color: #00002c;
}
.navbar-custom .navbar-brand {
  color: #ffffff;
  background-color: #00004d;
}
.navbar-custom .navbar-brand:hover,
.navbar-custom .navbar-brand:focus {
  color: #e6e6e6;
  background-color: transparent;
  background-color: #00004d;
}
.navbar-custom .navbar-text {
  color: #ffffff;
  background-color: #00004d;
}
.navbar-custom .navbar-nav > li:last-child > a {
  border-right: 1px solid #00002c;
}
.navbar-custom .navbar-nav > li > a {
  color: #ffffff;
  border-left: 1px solid #00002c;
  background-color: #00004d;
}
.navbar-custom .navbar-nav > li > a:hover,
.navbar-custom .navbar-nav > li > a:focus {
  color: #c0c0c0;
  background-color: transparent;
  background-color: #00004d;
  
}
.navbar-custom .navbar-nav > .active > a,
.navbar-custom .navbar-nav > .active > a:hover,
.navbar-custom .navbar-nav > .active > a:focus {
  color: #c0c0c0;
  background-color: #00002c;
}
.navbar-custom .navbar-nav > .disabled > a,
.navbar-custom .navbar-nav > .disabled > a:hover,
.navbar-custom .navbar-nav > .disabled > a:focus {
  color: #cccccc;
  background-color: transparent;
  background-color: #00004d;
}
.navbar-custom .navbar-toggle {
  border-color: #dddddd;
  
}
.navbar-custom .navbar-toggle:hover,
.navbar-custom .navbar-toggle:focus {
  background-color: #dddddd;
  background-color: #00004d;
}
.navbar-custom .navbar-toggle .icon-bar {
  background-color: #cccccc;
  
}
.navbar-custom .navbar-collapse,
.navbar-custom .navbar-form {
  border-color: #000029;
}
.navbar-custom .navbar-nav > .dropdown > a:hover .caret,
.navbar-custom .navbar-nav > .dropdown > a:focus .caret {
  border-top-color: #c0c0c0;
  border-bottom-color: #c0c0c0;
  background-color: #00004d;
}
.navbar-custom .navbar-nav > .open > a,
.navbar-custom .navbar-nav > .open > a:hover,
.navbar-custom .navbar-nav > .open > a:focus {
  background-color: #00004d;
  color: #c0c0c0;
}
.navbar-custom .navbar-nav > .open > a .caret,
.navbar-custom .navbar-nav > .open > a:hover .caret,
.navbar-custom .navbar-nav > .open > a:focus .caret {
  border-top-color: #c0c0c0;
  border-bottom-color: #c0c0c0;
  background-color: #00004d;
}
.navbar-custom .navbar-nav > .dropdown > a .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}

.footer-links {
	float:right;
	padding: 0px 5px;
}

.footer-links a {
	color:#fff;
}