html,
body {
    height: 95%;
}

.carousel,
.item,
.active {
    height: 100%;
}

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

.carousel-caption {
    /* padding-bottom: 80px; */
    height: 60%;
}

.carousel-caption-newyear {
  /* padding-bottom: 80px; */
  height: 68%;
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
}

.carousel-caption-monitoring {
    /* padding-bottom: 80px; */
    height: 78%;
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
}

.carousel-caption-security {
    /* padding-bottom: 80px; */
    height: 43%;
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
}
.carousel-caption-backup {
    /* padding-bottom: 80px; */
    height: 45%;
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
}


.titlesize{font-size: 60px;}
.titlesize-newyear{font-size: 50px;}

.titletext{
    padding:10px;
    font-size: 20px;
}

.titletext-newyear{
  padding:10px;
  font-size: 30px;
}

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

.fill {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    opacity:0.6;
}




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

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

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

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

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100px, 0, 0);
    transform: translate3d(100px, 0, 0);
  }

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

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100px, 0, 0);
    transform: translate3d(100px, 0, 0);
  }

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

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






@media screen and (max-width:480px){

.btnbt-large {
    padding: 7px 20px;
    font-size: 15px;
}

.titlesize{font-size: 30px;}
.titlesize-newyear{font-size: 25px;}


.titletext{padding:10px}
.titletext-newyear{padding:10px;
  font-size: 20px;

}


.carousel-caption-monitoring {
    /* padding-bottom: 80px; */
    height: 75%;
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
}

.carousel-caption-security {
    /* padding-bottom: 80px; */
    height: 75%;
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
}
.carousel-caption-backup {
    /* padding-bottom: 80px; */
    height: 75%;
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
}


}