/* CAROUSEL SETTINGS */
/* Carousel Styles */

/*.carousel-caption h1 span {color: #fe821d}*/

/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */



/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  /*margin-bottom: 4rem;*/
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  bottom: 3rem;
  z-index: 10;
}

/* Declare heights because of positioning of img element */
/*.carousel-item {
  height: 22rem;
}*/

.carousel-inner-height {
  height: 28rem;
}
.carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 28rem;
}


/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */

.carousel-caption .hs-text {
  display: table-cell;
  vertical-align: middle;
}

.carousel-caption .hs-text h1 {
  color: #fff;
  font-weight: 400;
  
  margin-bottom: 20px;
  position: relative;
  top: 30px;
  opacity: 0;
}

/*.carousel-caption .hs-text h1 span {
  color: #fe821d;
}*/

.carousel-caption .hs-text p {
  color: #fff;
  
  margin-bottom: 10px;
  position: relative;
  top: 20px;
  opacity: 0;
}

.btn-mobile {background-color:#ef7f1a;border-color:#fe821d;box-shadow:none;color:#fff;width: 10em;height: 1.5em;font-size:8px;padding-bottom: 20px;}
.btn-mobile:hover{color:#fff;background-color:#e76901;border-color:#fe821d;box-shadow:0 5px 15px rgba(0,0,0,.05),0 4px 10px rgba(255,161,0,0.5)}
.btn-mobile.focus,.btn-mobile:focus{color:#fff;box-shadow:0 0 0 3px rgba(0,123,255,.15),0 3px 15px rgba(0,123,255,.2),0 2px 5px rgba(0,0,0,.1)}
.btn-mobile.disabled,.btn-mobile:disabled{color:#fff;background-color:#ef7f1a;border-color:#007bff;box-shadow:none;cursor:not-allowed}

.btn-mobile .h7 {
      vertical-align: middle;
      text-align: center;
    }

/* Featurettes
------------------------- */

.featurette-divider {
  margin: 5rem 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -.05rem;
}

/*-------------------------*/
/*.carousel-indicators .active {
    background-color: #fe821d;
}*/

.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .fa-chevron-left,
.carousel-control .fa-chevron-right {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
  margin-top: -10px;
}
.carousel-control .icon-prev,
.carousel-control .fa-chevron-left {
  left: 50%;
  margin-left: -10px;
}
.carousel-control .icon-next,
.carousel-control .fa-chevron-right {
  right: 50%;
  margin-right: -10px;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  font-family: serif;
  line-height: 1;
}


.left-arrow{
  position:absolute;
  left:0px;
  top:50%;
  margin-top: 0;
  width: 50px;
  height: 50px;
  line-height: 55px;
  text-align:center;
  background-color: rgba(255, 255, 255, 0.3);
  border-radius:0px 5px 5px 0px;
  
  font-size: 20px;
  z-index:10;
  cursor:pointer;
}
.left-arrow:hover{
  color:#ffffff;
  background:#07070f;
}
.right-arrow{
  position:absolute;
  right:0px;
  top:50%;
  margin-top: 0;
  width: 50px;
  height: 50px;
  line-height: 54px;
  text-align:center;
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 5px 0px 0px 5px;
  
  font-size: 20px;
  z-index:10;
  cursor:pointer;
}
.right-arrow:hover{
  color:#ffffff;
  background:#07070f;
}


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 1200px) {
  /* Bump up size of carousel content */


 .carousel-caption .hs-text {
  display: table-cell;
  vertical-align: middle;
}

.carousel-caption .hs-text h1 {
  color: #fff;
  font-weight: 400;
  font-size: 70px;
  margin-bottom: 30px;
  position: relative;
  top: 0px;
  opacity: 0;
}

/*.carousel-caption .hs-text h1 span {
  color: #fe821d;
}*/

.carousel-caption .hs-text p {
  color: #fff;
  
  margin-bottom: 30px;
  position: relative;
  top: 0px;
  opacity: 0;
}


.btn-mobile {background-color:#ef7f1a;border-color:#fe821d;box-shadow:none;color:#fff;height: 40px}
.btn-mobile:hover{color:#fff;background-color:#e76901;border-color:#fe821d;box-shadow:0 5px 15px rgba(0,0,0,.05),0 4px 10px rgba(255,161,0,0.5)}
.btn-mobile.focus,.btn-mobile:focus{color:#fff;box-shadow:0 0 0 3px rgba(0,123,255,.15),0 3px 15px rgba(0,123,255,.2),0 2px 5px rgba(0,0,0,.1)}
.btn-mobile.disabled,.btn-mobile:disabled{color:#fff;background-color:#ef7f1a;border-color:#007bff;box-shadow:none;cursor:not-allowed}
.btn-mobile .h7 {
      vertical-align: middle;
      text-align: center;
    }
}



@media (min-width: 768px) {

/*  .carousel-item {
  height: 42rem;
}*/

.carousel-inner-height {
  height: 55rem;
}

.carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 55rem;
}
  
.carousel-caption {
  background-color: rgba(255, 255, 255, 0.125);
  height: 200px;
  
  margin-bottom: 120px;
  padding: 10px;

width:50%;
    min-width: 200px;
    
    position: relative;
    float: right;
}

 .carousel-caption .hs-text {
  display: table-cell;
  vertical-align: middle;
}

.carousel-caption .hs-text h1 {
  color: #fff;
  font-weight: 400;
  
  margin-bottom: 0px;
  position: relative;
  top: 0px;
  opacity: 0;
}

/*.carousel-caption .hs-text h1 span {
  color: #fe821d;
}*/

.carousel-caption .hs-text p {
  color: #fff;
  font-size: 20px;
  margin-bottom: 0px;
  position: relative;
  top: 0px;
  opacity: 0;
}


.btn-mobile {background-color:#ef7f1a;border-color:#fe821d;box-shadow:none;color:#fff;width: 10em;height: 3em;font-size:14px;padding-bottom: 20px;}
.btn-mobile:hover{color:#fff;background-color:#e76901;border-color:#fe821d;box-shadow:0 5px 15px rgba(0,0,0,.05),0 4px 10px rgba(255,161,0,0.5)}
.btn-mobile.focus,.btn-mobile:focus{color:#fff;box-shadow:0 0 0 3px rgba(0,123,255,.15),0 3px 15px rgba(0,123,255,.2),0 2px 5px rgba(0,0,0,.1)}
.btn-mobile.disabled,.btn-mobile:disabled{color:#fff;background-color:#ef7f1a;border-color:#007bff;box-shadow:none;cursor:not-allowed}

.btn-mobile .h7 {
      vertical-align: middle;
      text-align: center;
    }
}