html,
body {
    height: 100%;
}
.carousel_outer
{
  height: 100%;
}
.carousel,
.item,
.active {
    height: 100vh;
}

.carousel-inner {
  height: 100%;
  background: #000;
}

.carousel-caption{
 text-shadow:none;
  position: absolute;
    text-align: center;
    height: 100%;
    width: 100%;
    display: table;
    margin: auto;
    bottom: 0;
    left: 0;
    z-index: 0;
    padding-bottom: 38px;
    color: #d2dadc;
    background: rgba(0,0,0,0.25);
}

.carousel-caption h2{font-size: 50px;
vertical-align: middle;
padding: 0px 33px;
color: #fff;
}
.carousel-caption h2 span{font-size: 40px;

}
p{padding:10px}
.carousel-indicators li
{
height:3px!important;
width:20px!important;
}
.carousel-indicators .active
{
height:4px!important;
width:20px!important;
}
.carousel-control
{
  color: rgba(255, 255, 255, 0.41);
}
.carousel-control:hover, .carousel-control:focus
{
  color: rgba(255, 255, 255, 0.61);
}
.carousel-inner > .item > img, .carousel-inner > .item > a > img
{
   height: 100%;
}


/* Background images are set within the HTML using inline CSS, not here */


/**
 * Button
 */
.btn-transparent {
  background: transparent;
  color: #fff;
  border: 2px solid #A9D01F;
}
.btn-transparent:hover {
  background-color: #A9D01F;
  color:#fff;
}

.btn-rounded {
  border-radius: 70px;
}

.btn-large {
  padding: 11px 45px;
  font-size: 18px;
}

/**
 * Change animation duration
 */
.animated {
  -webkit-animation-duration: 4s;
  animation-duration: 4s;
  
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
     -webkit-transform: none;
    transform: none;
  }
10% {
    opacity: 0;
    -webkit-transform: translate3d(-5%, 0, 0);
    transform: translate3d(-5%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
     -webkit-transform: none;
    transform: none;
  }
10% {
    opacity: 0;
    -webkit-transform: translate3d(-5%, 0, 0);
    transform: translate3d(-5%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}


@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: none;
    transform: none;
  }
    10% {
    opacity: 0;
    -webkit-transform:  translate3d(0,10%,0);
    transform:  translate3d(0,10%,0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
 from {
    opacity: 0;
    -webkit-transform: none;
    transform: none;
  }
    10% {
    opacity: 0;
    -webkit-transform:  translate3d(0,10%,0);
    transform:  translate3d(0,10%,0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
  }

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}