.progress {
	margin-bottom: 5px;
	
  margin: 15px auto;
   text-align: center;
}

.progress-value {
  position: absolute;
  right: 0;
  left: 0;

}

#menu a {
  position: relative;
  font-size: 15px;
}


#menu a:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 100%;
  width: 0%;
  border-bottom: 2px solid grey;
  transition: 0.4s;
}


#menu a:hover:after {
left: 0;
width: 100%;
}



#progbar {
	//width: 80%;
}

#map {
        height: 500px;
		width: 100%;
		//border: 1px solid black;
		//margin-top: 40px;
        margin-left: auto;
        margin-right: auto;
		margin-bottom: -60px;
}

    #navbar {
           text-decoration: none;

        //transition: height 0.3s;
		margin-top: 50px;
		
	}
	
		.navbar-default {
            height: 100px;
			
		}
        .navbar-shrink {
            //height: 70px;
			//font-weight: bold;
			
        }

		
		.mrg {
			margin-top: 90px;
		
	}
		
		.carousel-fade .carousel-item {
 opacity: 0;
 transition-duration: .8s;
 transition-property: opacity;
}

.carousel-fade  .carousel-item.active,
.carousel-fade  .carousel-item-next.carousel-item-left,
.carousel-fade  .carousel-item-prev.carousel-item-right {
  opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-right {
 opacity: 0;
}

.carousel-fade  .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-prev {
 transform: translateX(0);
 transform: translate3d(0, 0, 0);
}
		
		
#topLeft {
  width:300px; /*or something*/
  height:150px;
  position:relative;
  top:20px;
  left:20px;
  background: white;
}		
		
.hr {
	width: 100%;
	margin-bottom: 0px;
	margin-top: 60px;
	}
		
	.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
        text-decoration: underline;

    border-bottom: 2px solid #1a242f;
    background: none;
}	
		
		
		.outsite {
		
		margin-bottom: 20px;
		
	
		}
		
		
		.outsite .insite {
			 position: absolute; /* Position the background text */
	
   top: 0;
    background: rgba(0, 0, 0, 0.5); /* Black background with 0.5 opacity */
    //color: #f1f1f1; /* Grey text */
    width: 300px; /* Full width */
	height: 100%;
    padding-top: 20%;
	
	//line-height: 100px;
			
		}
		
	#menu .active:after {

left: 0;
  width: 100%;
bottom: 0;
  border-bottom: 2px solid green;
  
  }
  
  .carousel-caption {
	   text-shadow: 1px 1px 10px #000000;
  }