/* :: 6.0 Welcome Area CSS for 2nd - 5th Slide*/

/*.hero-slides .second-hero-slide {
	width: 100%;
	height: 350px;
	position: relative;
	z-index: 1;	
	background: #0d104d;
    background: -webkit-linear-gradient(to right, #0d104d, #28408b); 
	background: linear-gradient(to right, #0d104d, #28408b);
	background-image: url("../img/hm-slider/DownHillRoad.jpg");
	background-position: center;
}
.hero-slides .second-hero-slide h2 span {
	color: -webkit-linear-gradient(to right, #0d104d, #28408b);
	color:  linear-gradient(to right, #0d104d, #28408b);
    color: #ffffff;
  
}
.hero-slides .second-hero-slide .hero-slides-thumb img {
	width: 100%;	
}*/

.hero-slides .second-hero-slide {
	width: 100%;
	/*height: 550px;*/
	height: 370px;
	position: relative;
	z-index: 1;	
	background: #0d104d;
    background: -webkit-linear-gradient(to right, #0d104d, #28408b); /* -webkit is used for Chrome, Safarai, and Opera browsers */
	background: linear-gradient(to right, #0d104d, #28408b);
	background-image: url("../img/hm-slider/IvyDesignbuild.jpg");
	background-position: center;
}
/*.hero-slides .second-hero-slide h2 span {
	color: -webkit-linear-gradient(to right, #0d104d, #28408b);
	color:  linear-gradient(to right, #0d104d, #28408b);
  color: #ffffff;
  
}*/
.hero-slides .second-hero-slide h2 span {
	color: #FFAF02;
}
.hero-slides .second-hero-slide h2 {
	text-shadow: black 0px 0px 10px;

}

.hero-slides .second-hero-slide .hero-slides-thumb img {
	width: 100%;	
}
.hero-slides .third-hero-slide {
	width: 100%;
	/*height: 550px;*/
	height: 370px;
	position: relative;
	z-index: 1;	
	background: #0d104d;
    background: -webkit-linear-gradient(to right, #0d104d, #28408b);
	background: linear-gradient(to right, #0d104d, #28408b);
	background: url("../img/hm-slider/WorkZoneSafety.jpg");	
}
.hero-slides .third-hero-slide h2 span {
	color: #FFAF02;
}

.hero-slides .second-hero-slide h2, .hero-slides .third-hero-slide h2 {
	font-size: 68px;
	color: #ffffff;
	margin-bottom: 30px;
	font-weight: 600;
}
 .hero-slides .second-hero-slide h6,  .hero-slides .third-hero-slide h6 {
	color: #ffffff;
	margin-bottom: 60px;
	line-height: 2;
	font-weight: 400;
}

.hero-slides .fourth-hero-slide {
	width: 100%;
	height: 370px;
	position: relative;
	z-index: 1;	
	background: #0d104d;
    background: -webkit-linear-gradient(to right, #0d104d, #28408b);
	background: linear-gradient(to right, #0d104d, #28408b);
	background-image: url("../img/hm-slider/interstateCrossing.jpg");	
	
	background-position: center;
}
.hero-slides .fourth-hero-slide h2 { 
	font-size: 50px;
	font-weight: 600;
	margin-bottom: 30px;
	color: -webkit-linear-gradient(to right, #0d104d, #28408b);
	color:  linear-gradient(to right, #0d104d, #28408b);
	color: #28408b;
}
.hero-slides .fourth-hero-slide h1 span {
	color: #FFF;
}
.hero-slides .fourth-hero-slide h2 span.font-gold {
	color: #ffaf02;
}
.hero-slides .fourth-hero-slide h6 {
	color: #FFF;
	margin-bottom: 60px;
	line-height: 2;
	font-weight: 400;
}
.hero-slides .procurement-hero-slide {
	width: 100%;
	height: 370px;
	position: relative;
	z-index: 1;	
	background: #0d104d;
    background: -webkit-linear-gradient(to right, #0d104d, #28408b);
	background: linear-gradient(to right, #0d104d, #28408b);
	background-image: url("../img/hm-slider/procurementSlider.jpg");	/* CHANGE THE IMAGE URL */
	background-position: center;
}
.hero-slides .procurement-hero-slide h2 { 
	font-size: 50px;
	font-weight: 600;
	margin-bottom: 30px;
	color: -webkit-linear-gradient(to right, #0d104d, #28408b);
	color:  linear-gradient(to right, #0d104d, #28408b);
	color: #28408b;
}
.hero-slides .procurement-hero-slide h2 span {
	color: #FFF;
}
.hero-slides .procurement-hero-slide h2 span.font-gold {
	color: #ffaf02;
}
.hero-slides .procurement-hero-slide h6 {
	color: #FFF;
	margin-bottom: 60px;
	line-height: 2;
	font-weight: 400;
}

.hero-slides .fifth-hero-slide {
	width: 100%;
	height:360px;
	position: relative;
	z-index: 1;	
	/*background: #0d104d;
    background: -webkit-linear-gradient(to right, #0d104d, #28408b);	
	background: linear-gradient(to right, #0d104d, #28408b);*/
	background-image: url("../img/hm-slider/cutredtapebanner.webp");	/* CHANGE THE IMAGE URL */
	background-position: center;
}

.hero-slides .sixth-hero-slide {
	width: 100%;
	height:370px;
	position: relative;
	z-index: 1;	
	background: #0d104d;
    background: -webkit-linear-gradient(to right, #0d104d, #28408b);
	background: linear-gradient(to right, #0d104d, #28408b);
	background-image: url("../img/hm-slider/ADECAElectricVehicleInfrastructure.jpg");	/* CHANGE THE IMAGE URL */
	background-position: center;
}

/*.hero-slides .second-hero-slide h2 span {
	color: -webkit-linear-gradient(to right, #0d104d, #28408b);
	color:  linear-gradient(to right, #0d104d, #28408b);
  color: #ffffff;
  
}*/

.hero-slides .sixth-hero-slide h2 { 
	font-size: 50px;
	font-weight: 600;
	margin-bottom: 30px;
	color: -webkit-linear-gradient(#FFF);
	color:  linear-gradient(#FFF);
	color: #FFF;
}
.hero-slides .sixth-hero-slide h2 span {
	color: #FFF;
}
.hero-slides .sixth-hero-slide h2 {
	text-shadow: black 10px 10px 10px;

}

/*.hero-slides .sixth-hero-slide h2 span.font-gold {
	color: #FFF;
}*/
.hero-slides .sixth-hero-slide h6 {
	color: #FFF;
	margin-bottom: 60px;
	line-height: 2;
	font-weight: 400;
}


/**********   MEDIA QUERIES FOR DEVICE SIZING  **********/
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.hero-slides .second-hero-slide, .hero-slides .third-hero-slide, .hero-slides .fourth-hero-slide {
		height: 350px;
	}
	/* ------------------------------------------------------------------------------------------------
	IF USING ACTUAL Pictures as the background images, this keeps them centered as the page SHRINKS.
	This has to be repeated in the next 2 media query blocks! 
	*/
	.hero-slides .second-hero-slide {		
		background: url("../img/hm-slider/IvyDesignbuild.jpg") center;
	}
	.hero-slides .third-hero-slide {		
		background: url("../img/hm-slider/WorkZoneSafety.jpg")  center;
	}
	.hero-slides .fourth-hero-slide {		
		background: url("../img/hm-slider/AldotCareerBanner.png")  center;
	}
	.hero-slides .fifth-hero-slide {		
		background: url("../img/hm-slider/cutredtapebanner.webp")  center;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.hero-slides .second-hero-slide, .hero-slides .third-hero-slide, .hero-slides .fourth-hero-slide {	
		height: 300px;
	}
	.hero-slides .second-hero-slide {		
		background: url("../img/hm-slider/IvyDesignbuild.jpg") center;
	}
	.hero-slides .third-hero-slide {		
		background: url("../img/hm-slider/WorkZoneSafety.jpg")  center;
	}
	.hero-slides .fourth-hero-slide {		
		background: url("../img/hm-slider/AldotCareerBanner.png")  center;
	}
	.hero-slides .fifth-hero-slide {		
		background: url("../img/hm-slider/cutredtapebanner.webp")  center;
	}
}

@media only screen and (max-width: 767px) {
	.hero-slides .second-hero-slide, .hero-slides .third-hero-slide, .hero-slides .fourth-hero-slide {		
		height: 550px;	
	}
	.hero-slides .second-hero-slide {		
		background: url("../img/hm-slider/IvyDesignbuild.jpg") center;
	}
	.hero-slides .third-hero-slide {		
		background: url("../img/hm-slider/WorkZoneSafety.jpg")  center;
	}
	.hero-slides .fourth-hero-slide {		
		background: url("../img/hm-slider/AldotCareerBanner.png")  center;
	}
	.hero-slides .fifth-hero-slide {		
		background: url("../img/hm-slider/cutredtapebanner.webp")  center;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.hero-slides .second-hero-slide h2, .hero-slides .third-hero-slide {
		font-size: 48px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.hero-slides .second-hero-slide h2 {
		font-size: 42px;
	}
}

@media only screen and (max-width: 767px) {
	.hero-slides .second-hero-slide h2 {
		font-size: 30px;
	}
}




@media only screen and (max-width: 767px) {
	.hero-slides .second-hero-slide .hero-slides-thumb img {
		width: 60%;
		margin: 0 auto;
	}
}