﻿body { padding-top: 50px; }

.nav-pills a { color: black; text-shadow: none; }

.nav-pills > li.active > a { background-color: black !important; }

	.nav-pills > li.active > a:hover { background-color: black !important; }
.nav > li.active { font-weight: bold; font-size: inherit; }
.nav > li > a { font-size: 18px; padding: 8px 15px; }
	.nav > li > a:hover,
	.nav > li > a:focus { text-decoration: none; background-color: rgba(70,70,70,.25); cursor: pointer; }
.carousel-indicators { top:620px;bottom:inherit;}
.carousel-indicators li { /* visibility: hidden; bottom: 30px;*/  position: relative; background-color: #999; background-color: rgba(70,70,70,.25); }

.carousel-indicators .active { background-color: #444; }

.carousel-inner .item { font-size: 10px; color: #0404B4; }

/*#myCarousel { height: 700px; }*/
	#myCarousel .carousel-caption > div { font-size: 18px; line-height: 1.45; }

.carousel-inner .item ol { margin: 10px 0; }
	.carousel-inner .item ol li { margin: 15px 0; }

.carousel-control { z-index: 10; top: 2%; width: 30px; /* no more gray thing */ font-family: 'Helvetica Neue', Arial, sans-serif; }

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

	.carousel-control.left { left: 20px; }
	.carousel-control.right { right: 20px; }

.carousel { background: rgba(255,255,255,0); position: relative; padding: 10px; /* Shows as a border around the carousel */ }

#myCarousel .carousel-caption { left: auto; right: auto; bottom: 0; text-align: left; padding: 10px; background: rgba(255,255,255,0); color: rgba(0,0,0,1); text-shadow: none; position: relative; }
.navbar-toggle .icon-bar { background-color: #000; }
#currentSectionTitle { display: none; }
.carousel-control{top:10px;}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev{top:350px;}
@media (max-width:991px) {
	#myCarousel { width: auto!important; }
}

@media (max-width:767px) {
	body { padding-top: 25px; }
	#currentSectionTitle { display: block; }
	/*#myCarousel { height: 555px; }*/
}

@media (min-width: 901px) {
	/* #myCarousel {padding-left:20%;} */
	#myCarousel .carousel-controls { display: show; }
}

@media (max-width: 900px) {
	.carousel-caption p,
	#myCarousel .list-group { display: none; }
}
