body{
  background-color:#b2c535;
  padding-top:0px;
  position:relative;
}

footer{
  background-color:#779531;
  padding-top:10px;
  padding-bottom:10px;
}
h1{color:#779531;}
h2{color:#779531;}
h3{color:#779531;}
.b1{color:#779531;
font-size:1.5em;}
.b2{color:#824f71;
font-size:1.5em;}

.beda{
background-color:#fff;
padding-left:0px;
padding-right:0px;
border-width:3px 3px 0px 3px;
border-color:#779531;
border-style:solid;

}

/* navbar */
.navbar-default {
    background-color: #779531;
    border-color: #fff;
    padding-top:0px;
    padding-left:0px;
    padding-bottom:0px;
    margin-top:0px;
    margin-bottom:0px;
}
/* Title */
.navbar-default .navbar-brand {
    color: #777;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #5E5E5E;
}
/* Link */
.navbar-default .navbar-nav > ul {margin-top:0px;padding-top:0px;}
.navbar-default .navbar-nav > li > a {
    color: #fff;
    background-color: #779531;
    font-size:1.2em;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #779531;
    background-color: #fff;
    font-size:1.2em;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #779531;
    font-size:1.2em;
    text-decoration:underline;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    color: #555;
    background-color: #D5D5D5;
}
/* Caret */
.navbar-default .navbar-nav > .dropdown > a .caret {
    border-top-color: #777;
    border-bottom-color: #777;
}
.navbar-default .navbar-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret {
    border-top-color: #333;
    border-bottom-color: #333;
}
.navbar-default .navbar-nav > .open > a .caret,
.navbar-default .navbar-nav > .open > a:hover .caret,
.navbar-default .navbar-nav > .open > a:focus .caret {
    border-top-color: #555;
    border-bottom-color: #555;
}
/* Mobile version */
.navbar-default .navbar-toggle {
    border-color: #DDD;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #DDD;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #CCC;
}

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  margin-bottom: 4rem;
  background-color:#fff;
  padding-top:50px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  bottom: 1rem;
  z-index: 10;
  color:#824F71;
  font-size:15.0em;
}

/* Declare heights because of positioning of img element */
.carousel-item {
  height: 20rem;
  background-color: #fff;
  color:#824F71;
}

 .img1 {
  position: absolute;
  top: 0;
  left: 0;
 /* min-width: 50%; */
  height:200px;
  width:auto;
}
 .img2 {
  position: absolute;
  top: 0;
  right: 0;
}

label.valid {
		  width: 24px;
		  height: 0px;
		  /*background: url(../images/imgvisage/valid.png) center center no-repeat;*/
		  display: inline-block;
		  text-indent: -9999px;
		}
label.error {
			font-weight: bold;
			color: red;
			padding: 2px 8px;
			margin-top: 2px;
		}


.form-group{margin-top:5px;margin-bottom:5px;padding-top:5px;margin-top:5px;display:inline-block;width:100%}
.vhidden{display:none;}
.carousel-control-prev{color:#824f71;}

.carousel-indicators li {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 10px;
    text-indent: 0;
    cursor: pointer;
    border: none;
    border-radius: 50%;
    background-color: #b2c535;
    box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,0.5);
}
.carousel-indicators .active {
    width: 20px;
    height: 20px;
    margin: 10px;
    background-color: #779531;
}
@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #777;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
          color: #333;
    }
}

@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }

}

@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 7rem;
  }
}