body {
 /* padding-top: 3rem;
  padding-bottom: 3rem;
  color: #5a5a5a;*/
}


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

/* Carousel base class */
.carousel {
  margin-bottom:0;
/*  background:#009999;*/
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  left:6%;
  right:0;
  bottom:0;
  z-index: 99;
}
.carousel-caption p{
   width:95%;
}
/* Declare heights because of positioning of img element */
.carousel-item {
  height: 16rem;
  /*background-color: #c8c8c8;*/
  
}
.box-inner{
  /*border:1px solid #a5a5a5;*/
/*  background-color:#c8c8c8;*/
  width:90%;
  margin-left:5%;
}
.box-inner-bg{
  background-color:#c8c8c8;
}
.customer-carousel {
  background-color: #fff !important;
  height:auto !important;
}
.project-carousel {
  background:none;
  height:auto !important;
}
.customer-speak-carousel {
  background: none !important;
  height:auto !important;
}
.customer-speak-carousel h3{
  font-size:16px;
  font-weight:500;
}
.customer-speak-carousel p{
  font-size:16px;
  font-weight:300;
  float:left;
  line-height:1.8;
  padding:20px 65px 0px 65px !important;
}
.customer-speak-carousel h3{
  width:100%;
  font-size:16px;
  font-weight:500;
  float:left;
  padding:20px 25px 5px 65px !important;
}
.customer-speak-carousel h4{
  width:100%;
  font-size:16px;
  font-weight:300;
  float:left;
  padding:5px 25px 15px 65px!important;
}
.carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 32rem;
}
.carousel-indicators .active{
  background:#4a4a4a;
  border:#4a4a4a;
  color:#4a4a4a;
  text-align:center;
}
.carousel-indicators .active::after {
    display: block;
    margin-left: 122px;
    margin-top: 76px;
    position: absolute;
    content: "";
    border-top: 1.2em solid;
    border-right: 1.5em solid transparent;
    border-bottom: 0;
    border-left: 1.5em solid transparent;
}

.carousel-indicators{
  position:relative;
  text-align:center;
  margin:10px 0px 25px 0px;
}
.carousel-indicators li {
    position:relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 100%;
	font-size:18px;
	color:#d6d6d6;
    height:auto;
    margin-right:0px;
    margin-left: 0px;
	padding:15px 10px;
    border-right:1px solid #565656;
	cursor:pointer;
    background-color:#323232;
}
.carousel-indicators li img{
   width:20%;
   display:inline;
   text-align:center;
}
.slide a:link{
   background:none;
   border:none;
}
.slide h1{
  color:#333333;
}
.carousel-indicators h3{
   font-size:24px;
   font-weight:500;
   color:#f0ffff;
}
.carousel-indicators p{
   margin:0px;
   padding:0px;
   font-size:16px;
   color:#f0ffff;
}
.carousel-inner h3{
   color:#333333;
   font-size:27px;
   font-weight:400;
}
.carousel-inner p{
   margin:0px;
   padding:0px;
   color:#484848;
}
.carousel-control-next, .carousel-control-prev{
   top:167px;
   width:5%;
   margin-left:0px !important;
}
.carousel-control-next-speak{
   position:absolute;
   top:67px;
   width:4%;
   right:0;
}
.carousel-control-prev-speak{
   position:absolute;
   top:67px;
   width:4%;
}
/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}
.marketing h2 {
  font-weight: 400;
}
.marketing .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
}


/* 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-pro .active{
  background:#4a4a4a;
  border:#4a4a4a;
  color:#4a4a4a;
  text-align:center;
}
.carousel-indicators-pro .active::after {
    /*display: block;
    margin-left: 122px;
    margin-top: 76px;
    position: absolute;
    content: "";
    border-top: 1.2em solid;
    border-right: 1.5em solid transparent;
    border-bottom: 0;
    border-left: 1.5em solid transparent;*/
}

.carousel-indicators-pro{
  position:absolute;
  text-align:center;
  margin:10px 0px 25px 0px;
  z-index:2;
  display:flex;
  right:0;
  buttom:0;
}
.carousel-indicators-pro li {
    position:relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 100%;
	font-size:18px;
	color:#d6d6d6;
    height:auto;
    margin-right:0px;
    margin-left: 0px;
	padding:15px 10px;
    border-right:1px solid #565656;
	cursor:pointer;
    background-color:#323232;
}


/*Indicators 2 Look and Feel*/

.box-size {
    width:100%;
  height:auto !important;
 /* background-color: #c8c8c8;*/
  
}
.box-size > img{
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 52rem !important;
}

.carousel-caption-look {
  left:0;
  right:0;
  bottom:0;
  top:0;
  margin-bottom:50px;
/*  z-index: 99;*/
}
.carousel-caption-look img{
  width:90%;
  height:auto;
}
.carousel-caption-look p{
   width:95%;
   position:relative;
   top:37%;
   text-align:left;
   color:#FFFFFF;
   padding:0px 0px 0px 25px;
   margin:0px;
}
.carousel-caption-look h4{
  text-align:left;
  position:relative;
  padding:0px 0px 0px 25px;
  top:37%;
  color:#fff;
}
.carousel-indicators2{
  position:absolute;right:0;bottom:0;left:0;z-index:2;display:flex;justify-content:center;padding:0;margin-right:15%;margin-bottom:1rem;margin-left:15%;list-style:none}
.carousel-indicators2 [data-bs-target]{
  box-sizing:content-box;flex:0 1 auto;width:30px;height:3px;padding:0;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:#fff;background-clip:padding-box;border:0;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity .6s ease}
  @media (prefers-reduced-motion:reduce){
.carousel-indicators2 [data-bs-target]{transition:none}}
.carousel-indicators2 .active{opacity:1}
/*.carousel-caption-look{position:absolute;right:15%;bottom:1.25rem;left:15%;padding-top:1.25rem;padding-bottom:1.25rem;color:#fff;text-align:center}*/
.carousel-dark .carousel-control-next-icon,.carousel-dark .carousel-control-prev-icon{filter:invert(1) grayscale(100)}
.carousel-dark .carousel-indicators2 [data-bs-target]{background-color:#000}
.carousel-dark .carousel-caption-look{color:#000}

.carousel-indicators2{position:absolute;right:0;bottom:0;left:0;z-index:2;display:flex;justify-content:center;padding:0;margin-right:15%;margin-bottom:1rem;margin-left:15%;list-style:none}
.carousel-indicators2 [data-bs-target]{box-sizing:content-box;flex:0 1 auto;width:30px;height:3px;padding:0;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:#fff;background-clip:padding-box;border:0;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity .6s ease}
@media (prefers-reduced-motion:reduce){.carousel-indicators2 [data-bs-target]{transition:none}}
.carousel-indicators2 .active{opacity:1}
/*.carousel-caption-look{position:absolute;right:15%;bottom:1.25rem;left:15%;padding-top:1.25rem;padding-bottom:1.25rem;color:#fff;text-align:center}*/
.carousel-dark .carousel-control-next-icon,.carousel-dark .carousel-control-prev-icon{filter:invert(1) grayscale(100)}
.carousel-dark .carousel-indicators2 [data-bs-target]{background-color:#000}
.carousel-dark .carousel-caption-look{color:#000}
.spinner-border,.spinner-grow{display:inline-block;width:var(--bs-spinner-width);height:var(--bs-spinner-height);vertical-align:var(--bs-spinner-vertical-align);border-radius:50%;-webkit-animation:var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);animation:var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name)}
/*NEXT*/
.carousel-control-next2{
   right:0px;
   top:167px;
   width:5%;
   margin-left:0px !important;
}
.carousel-control-prev2{
   left:0px;
}
.carousel-control-next-icon2{
   background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}
.carousel-control-prev-icon2{
   background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")
}
.carousel-control-next2, .carousel-control-prev2 {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    padding: 0;
    color: #fff;
    text-align: center;
    background:0 0;
    border: 0;
    opacity: .5;
    transition: opacity .15s ease;
}
.carousel-control-next-icon2, .carousel-control-prev-icon2 {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100% 100%;
	background-color:#000000;
}




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

@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1rem;
    line-height: 1.8;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 7rem;
  }
}

@media only screen and (min-width: 1919px) {
   .carousel-indicators h3{
     font-size:30px;
	 padding:0px;
   }
   .carousel-indicators p{
     font-size:20px;
   }
   .carousel-indicators li{
    border-right:1px solid #c8c8c8;
   }
   .carousel-indicators li:last-child{
     border-right:none;
   }
   .carousel-inner h3{
     padding-left:0px; 
	 font-size:35px;
   }
   .carousel-caption p{
     font-size:20px;
   }
   .carousel-caption{
     left:10%;
   }
}