/* CSS Document */

/* ======= Promo Section ======= */
.promo-section {
  position: relative;
}
.hero-carousel {
  height: 520px;
  color: #fff;
  background-color: #343E49;
}
.hero-carousel .carousel-inner .item {
  height: 520px;
  background-position: center center;
  padding-top: 160px;
}
.hero-carousel .carousel-inner .item-1 {
  background-image:  url(../photos/hero/319106587-55-fill.jpg);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.hero-carousel .carousel-inner .item-2 {
  background-image:  url(../photos/hero/141946016-35-fill.jpg);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.hero-carousel .carousel-inner .item-3 {
  background-image:  url(../photos/hero/158696681-55-fill.jpg);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.hero-carousel .carousel-inner .item-4 {
  background-image:  url(../images/hero-1-35-fill.jpg);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.hero-carousel .carousel-inner .item-5 {
  background-image:  url(../images/hero-3.jpg);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.hero-carousel .carousel-inner .item-content-inner {
  max-width: 680px;
  margin: 0 auto;
}
.hero-carousel .carousel-inner .heading {
  font-size: 32px;
  color: #fff;
  line-height: 1.2;
  font-weight: 900;
  margin-top: 0;
  margin-bottom: 15px;
}
.hero-carousel .carousel-inner .intro {
  font-size: 18px;
  margin-bottom: 30px;
}
/* Hack - http://stackoverflow.com/questions/33494764/owl-carousel-2-resize-window-bug */
.owl-carousel .owl-item img {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* ======= Promo Section ======= */



/* Bootstrap 4 carousel-fade */
.carousel-fade .carousel-item {
  opacity: 0.5;
  transition: opacity 0.75s ease-in-out;
}
.carousel-fade .carousel-item.active {
  opacity: 1;
  display: block;
}
.carousel-indicators {
  bottom: 30px;
  margin-bottom: 0;
}
.carousel-indicators li {
  background-color: rgba(255, 255, 255, 0.2);
  border: none;
  width: 10px;
  height: 10px;
  margin: 0;
  margin-right: 10px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.carousel-indicators li.active {
  background-color: rgba(0, 0, 0, 0.5);
  width: 11px;
  height: 11px;
  margin: 0;
  margin-right: 10px;
}
.carousel-indicators li:last-child {
  margin-right: 0;
}
.delayp1 {
  animation-delay: .1s;
  -moz-animation-delay: .1s;
  -webkit-animation-delay: .1s;
  -o-animation-delay: .1s;
  transition-delay: .1s;
  -webkit-transition-delay: .1s;
  -moz-transition-delay: .1s;
  -o-transition-delay: .1s;
}
.delayp2 {
  animation-delay: .2s;
  -moz-animation-delay: .2s;
  -webkit-animation-delay: .2s;
  -o-animation-delay: .2s;
  transition-delay: .2s;
  -webkit-transition-delay: .2s;
  -moz-transition-delay: .2s;
  -o-transition-delay: .2s;
}
.delayp3 {
  animation-delay: .3s;
  -moz-animation-delay: .3s;
  -webkit-animation-delay: .3s;
  -o-animation-delay: .3s;
  transition-delay: .3s;
  -webkit-transition-delay: .3s;
  -moz-transition-delay: .3s;
  -o-transition-delay: .3s;
}
.delayp4 {
  animation-delay: .4s;
  -moz-animation-delay: .4s;
  -webkit-animation-delay: .4s;
  -o-animation-delay: .4s;
  transition-delay: .4s;
  -webkit-transition-delay: .4s;
  -moz-transition-delay: .4s;
  -o-transition-delay: .4s;
}
.delayp5 {
  animation-delay: .5s;
  -moz-animation-delay: .5s;
  -webkit-animation-delay: .5s;
  -o-animation-delay: .5s;
  transition-delay: .5s;
  -webkit-transition-delay: .5s;
  -moz-transition-delay: .5s;
  -o-transition-delay: .5s;
}
.delayp6 {
  animation-delay: .6s;
  -moz-animation-delay: .6s;
  -webkit-animation-delay: .6s;
  -o-animation-delay: .6s;
  transition-delay: .6s;
  -webkit-transition-delay: .6s;
  -moz-transition-delay: .6s;
  -o-transition-delay: .6s;
}
/* Bootstrap 4 carousel-fade */