body, html {
  height: 100%;
  margin: 0;
  font: 400 15px/1.8 "Lato", sans-serif;
  color: #777;
}

.bgimg-1, .bgimg-2, .bgimg-3 {
  position: relative;
  opacity: 0.65;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

}
.bgimg-1 {
  background-image: url("../img/1.jpg");
  min-height: 100vh !important;
}
.active {
  color: red; 
}
.gap-left {
    margin-right: 10px;
}
.bgimg-2 {
  background-image: url("../img/2.jpg");
  min-height: 400px;
}

.bgimg-3 {
  background-image: url("../img/3.jpg");
  min-height: 400px;
}

.go-down {
  position: absolute;
  left: 0;
  bottom: 10%;
  width: 100%;
  text-align: center;
}

.caption {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  color: #000;
}

.caption span.border {
  /*background-color: #111;*/
  color: #fff;
  padding: 18px;
  font-size: 25px;
  letter-spacing: 10px;
}

h3 {
  letter-spacing: 5px;
  text-transform: uppercase;
  font: 20px "Lato", sans-serif;
  color: #111;
}

footer {
  display: block;
  height: 40px;
  width: 100%;
  text-align: right;
  margin-right: 5px;
  width: 100%;
  background-color: rgba(10, 10, 10, 0.0) !important;
  position: fixed;
  bottom :0;
  left: 0; 
}
.footer-text {
  margin-right: 5px !important;
  margin-top: -10px !important;
}

.main-contant {
  padding-top: 65px;
  min-height: 100vh !important;
}

.panel-default > .panel-heading{
  background-color: rgb(26, 30, 35);
  color :#ddd !important;
}

.panel-default > .panel-heading > h3{
  color : #ddd !important;
}

.panel-body {
  background-color: #777;
  color : #ddd;
}

.panel-body  a {
  color : #ddd;
  text-decoration: underline;
}

.panel-default > .panel-footer{
  background-color: rgb(26, 30, 35);
  color :#ddd !important;
}

.carousel-inner > .item > img,
  .carousel-inner > .item > a > img {
      height: 300px !important;
      margin: auto;
  }

a.list-group-item {
  background-color: #777;
  color: #ddd;
}

a.list-group-item .list-group-item-heading {
  color: #EEE;
}

a.list-group-item:hover, a.list-group-item:focus {
  text-decoration: none;
  background-color: rgb(68, 68, 68);
}