/* Custom Carousel Slider */
.programs-section{
	position:relative;
	z-index:2;
	top:0px;
}
.pentagon-container{
	position:absolute;
	overflow:hidden;
	width:100%;
	height:750px;
	z-index:1;
	top:842px;
}
.pentagon1{
	fill: rgba(150,12,34,0.1);
    position:absolute;
    top:20px;
    right:-10px;
    width:100px;
    height:100px; 
	z-index:8;
}
.pentagon2{
	fill: rgba(100,8,23,0.1);
    position:absolute;
    top:90px;
    right:-79px;
    width:100px;
    height:100px; 
	z-index:8;
}
.pentagon3{
	fill: rgba(150,12,34,0.1);
    position:absolute;
    top:160px;
    right:-10px;
    width:100px;
    height:100px; 
	z-index:8;
}
.pentagon4{
	fill: rgba(200,16,46,0.1);
    position:absolute;
    top:90px;
    right:60px;
    width:100px;
    height:100px;  
	z-index:8;
}
.pentagon5{
	
	fill: rgba(150,12,34,0.1);
    position:absolute;
    top:300px;
    right:-10px;
    width:100px;
    height:100px;  
	z-index:8;
}
.pentagon6{
	fill: rgba(200,16,46,0.1);
    position:absolute;
    top:230px;
    right:60px;
    width:100px;
    height:100px;
	z-index:8;
}
.pentagon7{
	fill: rgba(100,8,23,0.1);
    position:absolute;
    top:230px;
    right:-79px;
    width:100px;
    height:100px;
	z-index:8;
}
.pentagon8{
	fill: rgba(200,16,46,0.1);
    position:absolute;
    top:370px;
    right:60px;
    width:100px;
    height:100px; 
	z-index:8;
}

.pentagon9{
	fill: rgba(150,12,34,0.1);
    position:absolute;
    top:440px;
    right:-10px;
    width:100px;
    height:100px; 
	z-index:8;
}

.pentagon10{
	fill: rgba(100,8,23,0.1);
    position:absolute;
    top:370px;
    right:-79px;
    width:100px;
    height:100px;
	z-index:8;
}

.pentagon11{
	fill: rgba(100,8,23,0.1);
    position:absolute;
    top:510px;
    right:-79px;
    width:100px;
    height:100px;
	z-index:8;
}

.pentagon12{
	fill: rgba(150,12,34,0.1);
    position:absolute;
    top:580px;
    right:-10px;
    width:100px;
    height:100px;
	z-index:8;
}

.pentagon13{
	fill: rgba(200,16,46,0.1);
    position:absolute;
    top:510px;
    right:60px;
    width:100px;
    height:100px;
	z-index:8;
}

.pentagon14{
	fill: rgba(200,16,46,0.1);
    position:absolute;
    top:650px;
    right:60px;
    width:100px;
    height:100px;
	z-index:8;
}

.pentagon15{
	fill: rgba(200,16,46,0.1);
    position:absolute;
    top:-50px;
    right:60px;
    width:100px;
    height:100px;
	z-index:8;
}

.index-carousel{
	margin-bottom:0px;
}

.index-carousel .carousel-item{
	overflow:hidden;
	margin-bottom:0px !important;
	max-height:unset;
	
}
.index-carousel .carousel-item img {
    width: 100vw;
    max-height:unset;
	height: auto;
    object-fit: cover;
	border-bottom:5px solid #c8102e;
	margin-bottom:15px;
}

.index-carousel .carousel-item .videoContainer{	
	width:100vw;
	height:100vh;
	position:relative;
	overflow:hidden;
	top:-16px;
	border-bottom:5px solid #c8102e;
	background:black;
}

.index-carousel .carousel-item .vidImage{
	display:none;
}
.index-carousel .carousel-item video{
	width:100vw;
	position:relative;
}

.index-carousel a;
.index-carousel a:hover{
	text-decoration:none;
	color: rgba(255,255,255,0.6) !important;
}

.index-carousel .caption-inner {
    position: absolute;
    text-align: left;
	top:200px;
    left: 40px;
	height:auto;
	width:800px;
    line-height: 15px;
    z-index: 4;
    border: none;
    padding: 24px 24px 24px 50px;
    background: rgba(255,255,255,0);
    font-weight: 600;
}

.index-carousel .caption-inner h1{
	font-size:6.1rem;
	margin:0px;
	color: rgba(200,16,46,1);
}
.index-carousel .caption-inner p{
	font-size:1.5rem;
	margin:10px 0px 0px 0px;
	width:100%;
	color: #fff;
	line-height:1.5rem;
	padding:10px;
	max-height:45%;
	text-shadow: 3px 3px 2px rgba(84,88,90,0.7);
	background: rgba(84,88,90,0.7);
}

.carousel-control-next{
	top:-16px;
  	z-index: 5;
	width:65px;
	height:100%;
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	-ms-transition: 0.2s linear;
	-o-transition: 0.2s linear;
	transition: 0.2s linear;
}	
.carousel-control-prev {
  	top:-16px;
  	z-index: 5;
  	width:65px;
	height:100%;
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	-ms-transition: 0.2s linear;
	-o-transition: 0.2s linear;
	transition: 0.2s linear;
	background: rgb(255,255,255,0);
}
.carousel-control-next:hover{
	background: rgb(255,255,255,0.1);
	background: linear-gradient(90deg, rgba(255,255,255,0) 10%, rgba(238,238,238,0.4) 100%);
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	-ms-transition: 0.2s linear;
	-o-transition: 0.2s linear;
	transition: 0.2s linear;
}
.carousel-control-prev:hover{
	background: rgb(255,255,255,0.1);
	background: linear-gradient(90deg, rgba(238,238,238,0.4) 10%, rgba(255,255,255,0) 100%);
	
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	-ms-transition: 0.2s linear;
	-o-transition: 0.2s linear;
	transition: 0.2s linear;
}
.carousel-control-next .carousel-control-next-icon,
.carousel-control-prev .carousel-control-prev-icon{
	color:#ffffff;
}


.carousel-control-next:hover .carousel-control-next-icon,
.carousel-control-prev:hover .carousel-control-prev-icon{
	filter: invert(18%) sepia(73%) saturate(4396%) hue-rotate(341deg) brightness(78%) contrast(102%);
}
.home-banner h1{
	font-size:3rem
}

 .home-banner.section {
        padding: 120px 0;
	 position:relative;
	 z-index:2;
    }

@media only screen and (max-width: 767px) {
    .home-banner.section {
        padding: 80px 0;
    }
	.home-banner h1{
		font-size:2.6rem
	}
}

@media only screen and (max-width: 997px) {
	
	.main-header .navbar-brand {
    	font-size: unset;
	}
	.index-carousel .carousel-item img {
		width: 100vw;
		max-height:unset;
		height: 100vh;
		object-fit: cover;
	}
	.index-carousel .carousel-item .vidImage{
		display:block;
	}
	.index-carousel .carousel-item .videoContainer{	
		display:none;
	}

	.index-carousel .carousel-item video{
		display:none;
	}
	
	.index-carousel .carousel-inner{
		height:100vh;
	}

	.index-carousel .carousel-item{
		height:100vh;	
	}

	.index-carousel .caption-inner {
		position: absolute;
		text-align: left;
		top:275px;
		height:640px;
		width:100%;
		line-height: 15px;
		z-index: 4;
		left:10px;
		border: none;
		padding: 24px 24px 24px 24px;
		background: rgba(255,255,255,0);
		font-weight: 600;
	}

	.index-carousel .caption-inner h1{
		font-size:4rem;
		margin:0px;
		color: rgba(200,16,46,1);
		line-height:1em;
	}

	.index-carousel .caption-inner p{
		font-size:1rem;
		margin:10px 0px 0px 0px;
		width:100%;
		color: #000;
		line-height:1.5rem;
		padding:20px 10px 10px 10px;
		max-height:40%;
		background: rgba(84,88,90,0.7);
	}
}