.nav-bar {
  background: transparent !important;
  box-shadow: none !important;
}

.nav-bar .nav {
  background: rgba(255, 255, 255, 0.8);
  border-radius: 20px;
  padding: 5px 0;
}

.nav-bar.shrink-max {
  background: #FFF !important;
}

.nav-items .dropdown-menu {
  padding: 0 !important;
}

.nav-items .open .dropdown-menu {
  padding: 0 10px 10px !important;
}


#main {
  padding-top: 0 !important;
}


.hero-carousel {

}

.hero-carousel .item {
  position: relative;
}

.hero-carousel .item .bg {
  position: relative;
  height: 600px;
  -webkit-background-size: cover;background-size: cover;
  background-position: center 20%;
  background-repeat: no-repeat;
}

.hero-carousel .carousel-caption {
  font-size: 24px;
  text-align: left;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
}

.hero-carousel .carousel-caption dl {
  position: absolute;
  bottom: 30px;
  left: 0;
}

.hero-carousel .carousel-caption dt, .hero-carousel .carousel-caption dd {
  position: relative;
  opacity: 0;
  -webkit-transition: all 0s;-moz-transition: all 0s;-ms-transition: all 0s;-o-transition: all 0s;transition: all 0s;
}

.hero-carousel .carousel-caption dt span, .hero-carousel .carousel-caption dd span {
  /*background: rgba(255, 147, 32, 0.7);*/
  padding: 0 10px;
}

.hero-carousel .carousel-caption dt {
  font-size: 1.8em;
  font-weight: 700;
  margin-bottom: 3px;
  left: 30px;
}

.hero-carousel .carousel-caption dd {
  left: -30px;
}

.hero-carousel .carousel-inner .item[data-url] {
  cursor: pointer;
}

.hero-carousel .carousel-inner .item.active dt, .hero-carousel .carousel-inner .item.active dd {
  -webkit-transition: all 1s;-moz-transition: all 1s;-ms-transition: all 1s;-o-transition: all 1s;transition: all 1s;
}

.hero-carousel .carousel-inner .item.active dt {
  left: 0;
  top: 0;
  opacity: 1;
  -webkit-transform: scale(1, 1);-moz-transform: scale(1, 1);-ms-transform: scale(1, 1);-o-transform: scale(1, 1);transform: scale(1, 1);
}

.hero-carousel .carousel-inner .item.active dd {
  left: 0;
  top: 0;
  opacity: 1;
  -webkit-transition-delay: 0.3s;-moz-transition-delay: 0.3s;-ms-transition-delay: 0.3s;-o-transition-delay: 0.3s;transition-delay: 0.3s;
  -webkit-transform: scale(1, 1);-moz-transform: scale(1, 1);-ms-transform: scale(1, 1);-o-transform: scale(1, 1);transform: scale(1, 1);
}

.carousel-control {
  z-index: 10;
}

.hero-carousel ul.sly-pages {
  position: absolute;
  bottom: 20px;
  width: 100%;
}

.hero-carousel ul.sly-pages li {
  width: 16px;
  max-width: 16px;
  height: 16px;
  -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.7);
  background: rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
  border: 2px solid #555;
}

@media screen and (max-width: 992px) {
  .nav-bar .nav {
    border-radius: 0;
  }
}

@media screen and (max-width: 640px) {
  .hero-carousel .item .bg {
    height: 320px;
  }
  .hero-carousel .carousel-caption {
    font-size: 16px;
  }

  .hero-carousel .carousel-caption dl {
    width: 100%;
    padding: 0 20px;
    text-align: center;
  }

  .hero-carousel .carousel-caption dt {
    /*font-size: 1em;*/
    top: -10px;
    left: 30px;
    /*-webkit-transform: scale(1.5, 1.5);-moz-transform: scale(1.5, 1.5);-ms-transform: scale(1.5, 1.5);-o-transform: scale(1.5, 1.5);transform: scale(1.5, 1.5);*/
  }

  .hero-carousel .carousel-caption dd {
    top: 10px;
    left: -30px;
    /*-webkit-transform: scale(0.5, 0.5);-moz-transform: scale(0.5, 0.5);-ms-transform: scale(0.5, 0.5);-o-transform: scale(0.5, 0.5);transform: scale(0.5, 0.5);*/
  }

  .hero-carousel .carousel-caption dt span, .hero-carousel .carousel-caption dd span {
    background: transparent;
  }
}