/* ====MAIN============================*/
.parallax {
	background-image: url('/Images/MCI-site/Backgrounds/MCI-Background_1.jpg');
	height: 50rem; 
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
  } 


  @media (max-width: 500px) {
    .parallax {
    height: 64rem; 
    margin-top: -2rem;
    }
    }
  @media (min-width: 500px) {
  .parallax {
	height: 64rem; 
  }
  }
  @media (min-width: 1000px) {
  .parallax {
	height: 48rem; 
  }
  }
  @media (min-width: 1050px) {
  .parallax {
	height: 58rem; 
  }
  }
  @media (min-width: 1300px) {
  .parallax {
	height: 68rem; 
  }
  }
  @media (min-width: 1800px) {
  .parallax {
	height: 82rem; 
  }
  }

  /* ====HEADLINES============================*/
  .caption-upper {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
    color: var(--white);
  }
 
  .caption-upper h1{
    font-weight: 500;
    font-size: 2rem;
    letter-spacing: 8px;
    text-transform: uppercase;
    line-height: 2.2rem;
   /* transition: scale 1.5sec ease-in;*/
    color: #ffffff;
    text-shadow: rgba(0, 0, 0, 1) 2px 2px 10px;
    margin-top: -1rem;
  }
  .caption-upper h2{
    font-weight: 300;
    font-size: 1.5rem;
    letter-spacing: 4px;
    text-transform: uppercase;
    line-height: 2.2rem;
   /* transition: scale 1.5sec ease-in;*/
    color: #ffffff;
    text-shadow: rgba(0, 0, 0, 1) 2px 2px 10px;
    margin-top: -1rem;
  }

    .caption-lower {
      position: absolute;
      left: 0;
      width: 100%;
      text-align: center;
      color: var(--white);
    }
   
    .caption-lower h1{
      font-weight: 500;
      font-size: 2rem;
      letter-spacing: 8px;
      text-transform: uppercase;
      line-height: 2.2rem;
     /* transition: scale 1.5sec ease-in;*/
      color: #ffffff;
      text-shadow: rgba(0, 0, 0, 1) 2px 2px 10px;
      margin-top: -1rem;
    }
    .caption-lower h2{
      font-weight: 300;
      font-size: 1.5rem;
      letter-spacing: 4px;
      text-transform: uppercase;
      line-height: 2.2rem;
     /* transition: scale 1.5sec ease-in;*/
      color: #ffffff;
      text-shadow: rgba(0, 0, 0, 1) 2px 2px 10px;
      margin-top: -1rem;
    
  }
  @media (max-width: 500px) {
    .caption-upper {
      margin-top: 3rem;
    }
    .caption-lower {
     margin-top: 0rem;
    }

    .caption-upper h1{
      font-size: 1.5rem;
      line-height: 2rem;    
      }
      .caption-upper h2{
        font-size: 1rem;
        line-height: 1.5rem;    
        }
    .caption-lower h1{
      font-size: 1.5rem;
      line-height: 2rem; 
      letter-spacing: 2px;   
      }
      .caption-lower h2{
   font-size: 1rem;
        line-height: 1.5rem;   
        }
    
  }
  @media (min-width: 500px) {
    .caption-upper {
      margin-top: 10rem;
    }
    .caption-lower {
     margin-top: 6rem;
    }

    .caption-upper h1{
      font-size: 2rem;
      line-height: 2.2rem;    
      }
      .caption-upper h2{
        font-size: 1.5rem;
        line-height: 2.2rem;    
        }
    .caption-lower h1{
      font-size: 2rem;
      line-height: 2.2rem;    
      }
      .caption-lower h2{
        font-size: 1.5rem;
        line-height: 2.2rem;    
        }
  }
  @media (min-width: 1000px) {
    .caption-upper {
      margin-top: 8rem;
    }
    .caption-lower {
     margin-top: 2rem;
    }
  }
  @media (min-width: 1050px) {
    .caption-upper {
      margin-top: 10rem;
    }
    .caption-lower {
     margin-top: 3rem;
    }
  }
  @media (min-width: 1300px) {
    .caption-upper {
      margin-top: 10rem;
    }
    .caption-lower {
     margin-top: 6rem;
    }
  }
  @media (min-width: 1400px) {
    .caption-upper {
      margin-top: 10rem;
    }
    .caption-lower {
      margin-top: -2rem;
    }
  }
  @media (min-width: 1800px) {
    .caption-upper {
      margin-top: 10rem;
    }
    .caption-lower {
     margin-top: 2rem;
    }
    .caption-upper h1{
      font-size: 3rem;
      line-height: 3.5rem;    
      }
      .caption-upper h2{
        font-size: 2rem;
        line-height: 2.5rem;    
        }
    .caption-lower h1{
      font-size: 3rem;
      line-height: 4.5rem;    
      }
      .caption-lower h2{
        font-size: 2rem;
        line-height: 2.5rem;    
        }
  }
/* COMMUNICATIONS BOX===================*/
@media (max-width: 500px) {
  .industry-box {
   padding-top: 0rem;
   margin-left: 3rem;
 }
 }@media (min-width: 500px) {
  .industry-box {
   padding-top: 8rem;
   margin-left: 0rem;
 }
 }
@media (min-width: 800px) {
  .industry-box {
   padding-top: 8rem;
   margin-left: 2rem;
 }
 }
@media (min-width: 1000px) {
  .industry-box {
   padding-top: 2rem;
   margin-left: 1rem;
 }
 }
 @media (min-width: 1050px) {
  .industry-box {
    padding-top: 5rem;
    margin-left: 2rem;
  }
  }

  @media (min-width: 1300px) {
    .industry-box {
    padding-top: 8rem;
    margin-left: 2rem;
  }
  }
  @media (min-width: 1400px) {
    .industry-box {
    padding-top: 4rem;
    margin-left: 4rem;
  }
  }
  @media (min-width: 1800px) {
    .industry-box {
     padding-top: 8rem;
     margin-left: 0rem;
   }
   }

/*==CAROUSEL -1====================*/
.card-industry {
	margin:0;
	transition: .3s;
  	border: 5px solid var(--clr-2); 
  	height:16rem;
	width: 16rem;
	padding: 0;
	background-color:#00000030;
}

.card-industry:hover {
	box-shadow: 0px 4px 0px rgba(0, 0, 0, 0.05);
	transform: translateY(-10px);
}
  
.card-img-top-industry {
	width: 4rem ;
	display: block;
	margin-top: 1rem;
	margin-left: auto;
	margin-right: auto;
	}

	.card_text-industry {
		background-color:transparent;
		text-align: center;
	}
	
	.card_text-industry h4 {
	font-family: montserrat, sans-serif;
	  font-size: .9rem;
	  font-weight: 700;
	  text-transform: uppercase;
	  letter-spacing: 4px;
	  color: var(--clr-3);
	  margin-top: 1rem;
	  text-shadow: black 1px 1px 2px;
	
	}
	
	.card_text-industry p {
	font-family: raleway, sans-serif;
	  font-size: .8rem;
	  font-weight: 400;
	  line-height: 1.2rem;
	  text-transform: uppercase;
	  color:var(--white);
	  margin-top: .5rem;
	  padding: 0rem 1.5rem;
	  text-shadow: black 1px 1px 2px;
	}
	@media (min-width: 500px) {
		.card-industry {
		width: 14rem;
		height:14rem;
		}
		.card-img-top-industry {
			width: 5rem;
		}
		.card_text-industry h4 {
			  font-size: .8rem;
		}
		
	.card_text-industry p {
		  font-size: .6rem;
		  line-height: .8rem;
		  padding: 0rem 1rem;
	}
}
	@media (min-width: 1800px) {
		.card-industry {
		width: 24rem;
		height:24rem;
		}
		.card-img-top-industry {
			width: 10rem;
		}
		.card_text-industry h4 {
			  font-size: 1.5rem;
		}
		
	.card_text-industry p {
		  font-size: 1.2rem;
		  line-height: 1.8rem;
		  padding: 0rem 1rem;
	}
}
/*==MODAL=============================*/
.modal-header-industry {
  color: white;
background-color: var(--clr-1);
height: 4rem;
}
.card-img-top-modal-industry {
	width: 4rem;
  	filter: invert(92%) sepia(75%) saturate(1772%) hue-rotate(314deg) brightness(101%) contrast(101%);
	margin-left: 2.2rem;
	padding: 0;
  
	}

.modal-title-industry{
  color: white;
  text-transform: uppercase;
  font-weight: 500;
}

  /*CAROUSEL -1 PREVIOUS AND NEXT ==============================================*/
.slider_carousel-1 .owl-nav {
	position: absolute;
	top: 50%;
	width: 100%;
}
.slider_carousel-1{
	margin-top: 8rem;
	width: 100%;
	padding-top: 1rem;
}
.slider_carousel-1 .owl-prev, .slider_carousel-1 .owl-next {
	width: .8rem;
	font-size: 2rem;
	background: none;
	color: var(--clr-4);
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 50%;
	margin: 0;
	padding: 0;	
}

@media (max-width: 500px) {
  .slider_carousel-1 .owl-next {
  left: 18rem;
  top: 0rem;	
  }
  .slider_carousel-1 .owl-prev {
  right:24rem;
  top: 0rem;
  }
  }

@media (min-width: 500px) {
.slider_carousel-1 .owl-next {
left: 34rem;
top: 0rem;	
}
.slider_carousel-1 .owl-prev {
right:34rem;
top: -0rem;
}
}
@media (min-width: 800px) {
  .slider_carousel-1 .owl-next {
  left: 38rem;
  top: 0rem;	
  }
  .slider_carousel-1 .owl-prev {
  right:44rem;
  top: -0rem;
  }
  }

@media (min-width: 1000px) {
.slider_carousel-1 .owl-next {
left: 57rem;
top: 0rem;	
}
.slider_carousel-1 .owl-prev {
right:59rem;
top: 0rem;
}
}

@media (min-width: 1050px) {
.slider_carousel-1 .owl-next {
left: 59rem;
top: 0rem;	
}
.slider_carousel-1 .owl-prev {
right:60rem;
top: 0rem;
}
}

@media (min-width: 1300px) {
.slider_carousel-1 .owl-next {
left: 68rem;
top: -0rem;

}
.slider_carousel-1 .owl-prev {
right:73rem;
top: 0rem;
}
}
@media (min-width: 1400px) {
.slider_carousel-1 .owl-next {
left: 74rem;
top: -0rem;

}
.slider_carousel-1 .owl-prev {
right:83rem;
top: 0rem;
}
}

@media (min-width: 1800px) {
.slider_carousel-1 .owl-next {
left: 84rem;
top: 0rem;
}
.slider_carousel-1 .owl-prev {
right:85rem;
top: 0rem;
}

}