.bg {
  background: url(../Photos/workers-1082467_1920.jpg) no-repeat center center;
  position: fixed;
  width: 100%;
  height: 500px; /*same height as jumbotron */
  top:0;
  left:0;
  bottom : 0;
  z-index: -1;
}

.jumbotron {
  height: 500px;
  color: white;
  text-shadow: #444 0 1px 1px;
  background:transparent;
  margin-bottom:0%;
}

.w3-quarter img{margin-bottom: -6px; cursor: pointer}
.w3-quarter img:hover{opacity: 0.6; transition: 0.3s}

@import url(https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css);

/* To mantain the navbar at the bottom*/
body {
      position: relative; 
  }
  .affix {
      top:0;
      width: 100%;
      z-index: 9999 !important;
  }
  .navbar {
      margin-bottom: 0px;
  }

  .affix + .container-fluid {
     position: relative;
     top: 50px;
  }
.ft-affix {
  width: 200px;
}

#nav.affix {
  position: fixed;
  top: 0px;
  width: 100%;
}
#nav {
  background: #24c0eb;
}
#nav > .navbar-collapse > ul > li > a {
  color: #f1ebeb;  
}
#nav > .navbar-collapse > ul > .active > a {
  background: #cacaca;
  color: #24c9eb;
}
#nav > .navbar-collapse > ul > li > a:focus {
  background: #cacaca;
  color: #24c9eb;
}
#nav > .navbar-header > .navbar-brand {
  color: white;
}
#nav > .navbar-header > .navbar-toggle {
  border-color: white;
}
#nav > .navbar-header > .navbar-toggle:hover {
 background-color: blue;
}


.nav-tabs{
  border-color: #e74c3c;
}
.nav-tabs > li > a{
  border: medium none;
}
.nav-tabs > ul > li{
  background-color: #e74c3c;
}
.nav-tabs > li > a:hover{
  background-color: #e74c3c !important;
  	border-color : #e74c3c;
    border: medium none;
    border-radius: 0;
    color:#fff;
}

.latest-blog-posts {
  position: relative;
}
.latest-blog-posts .container-fluid {
  padding: 60px;
  position: relative;
  max-width: 1000px;
}
.latest-blog-posts .thumbnail {
  margin: 0 15px;
}
.latest-blog-posts .customNavigation {
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  top: calc(50% - 37px);
  position: absolute;
  width: 100%;
  left: 0;
}
.latest-blog-posts .customNavigation > span {
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  top: 50%;
  position: absolute;
}
.latest-blog-posts .pager-left {
  left: calc(0% + 15px);
}
.latest-blog-posts .pager-right {
  right: calc(0% + 15px);
}
.latest-blog-posts .next, .latest-blog-posts .prev {
  font-size: 28px;
  color: #ccc;
}