body {
  font-family: 'Lato', sans-serif;
}

.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

@media all and (transform-3d),
(-webkit-transform-3d) {

  .carousel-fade .carousel-inner>.item.next,
  .carousel-fade .carousel-inner>.item.active.right {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  .carousel-fade .carousel-inner>.item.prev,
  .carousel-fade .carousel-inner>.item.active.left {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  .carousel-fade .carousel-inner>.item.next.left,
  .carousel-fade .carousel-inner>.item.prev.right,
  .carousel-fade .carousel-inner>.item.active {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.carousel-caption {
  text-shadow: 0 1px 4px rgba(0, 0, 0, .9);
  font-size: 17px
}

.carousel-caption h3 {
  font-size: 30px;
  font-family: 'Lato', sans-serif;
}

html,
body,
.carousel,
.carousel-inner,
.carousel-inner .item {

  height: 100%;
}

@media (max-width: 767px) {

  html,
  body,
  .carousel,
  .carousel-inner,
  .carousel-inner .item {
    height: 100%!important;
  }
}

.item:nth-child(1) {
  /*background: url('../img/banner/logo1_1920x1080.png');*/
  background: url('../img/banner/logo1_800x450.png');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.item:nth-child(2) {
  background: url('../img/banner/logo2_800x450.png');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.item:nth-child(3) {
  background: url('../img/banner/logo3_800x450.png');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.item:nth-child(4) {
  background: url('../img/banner/logo4_800x450.png');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}