.carousel {
  margin: 0 auto 50px auto;
  position: relative;
}
.carousel-slide:last-child .carousel-text {
    top: 20% !important;
}
.carousel.mob-res .carousel-slide {
  width: 100%;
  height: auto;
  margin-right: 10px;
  position: relative;
  background: none;
}
h3.slide-title {
    max-width: 330px;
}
.carousel.mob-res .carousel-slide:after {
position: absolute;
    content: "";
    width: 45%;
    height: calc(100% - 5px);
    top: 0;
    opacity: 0.75;
    left: 0;
    background: linear-gradient(to right, black 0%, transparent 100%);
    z-index: 1;
}


.carousel.mob-res .flickity-slider .carousel-slide:first-child:after,
.carousel.mob-res .flickity-slider .carousel-slide:nth-child(2):after,
.carousel.mob-res .flickity-slider .carousel-slide:nth-child(3):after
/*.carousel.mob-res .flickity-slider .carousel-slide:last-child:after*/{
	background: transparent
}


/*
.carousel.mob-res .flickity-slider .carousel-slide:last-child .carousel-text {
	display: none;
}
.carousel.mob-res .flickity-slider .carousel-slide:first-child .carousel-text h2 {
	color: #f18a2d;
}
.carousel.mob-res .flickity-slider .carousel-slide:first-child .carousel-text h3 {
	color: #00263D;
}
*/


.carousel.mob-res .flickity-page-dots {bottom: 45px;}

.carousel.mob-res .carousel-slide img {
  width: 100%;
}
.carousel.mob-res .carousel-text {
  background: transparent;
  padding: 10px;
  width: 100%;
  max-width:520px;
  position: absolute;
  left: 4%;
  top: 20%;
  bottom: inherit;
  content: "";
  z-index: 10;
}
.carousel.mob-res .carousel-text .button {
  margin: 10px 0 0 0;
}

.carousel.mob-res .carousel-text h2 {
  color: #FFDC00;
  font-size: 27px;
}
.carousel.mob-res .carousel-text h3,
.carousel.mob-res .carousel-text p {
  color: #ffffff;
}


.carousel.mob-res .split-list {
	display: flex;
	justify-content: space-between;
}

.carousel.mob-res .split-list--column {
	width: 48%;
	margin: 20px 0 0 0;
}

.carousel.mob-res .split-list--column h3 {
	display: block;
	margin-bottom: 5px;
}

.carousel.mob-res .split-list--column ul {
	width: 100%;
	margin: 0 10px 0 0;
}

.carousel.mob-res .split-list--column ul li {
	list-style: none;
	color: #fff;
    display: flex;
    justify-content: space-between;
}
@media all and (max-width: 1400px){
.carousel.mob-res .carousel-text {
  max-width: 550px;
}
}
@media all and (max-width: 1320px) {
	.carousel.mob-res .carousel-text {
		top: 0%;
	}
}

@media all and (max-width: 1095px) {
    .carousel.mob-res {
        margin-bottom: 0;
    }
	.carousel.mob-res .carousel-text {
        position:relative; 
        display:block; 
        height:auto; 
        text-align:center; 
        background:#fff; 
        padding:25px; 
        clear:both; 
        margin:0 auto;
        box-shadow:10px 5px 45px rgba(25,33,67,.35); 
        max-width:90%; 
        border:3px solid #fff; 
        width:100%; 
        left:0;
        top:-40px; 
        bottom:0;
    }
	.carousel.mob-res .carousel-slide:after {
        opacity: 0; 
        display: none; 
        height: 0;
    }
	.carousel.mob-res .carousel-text h2 {
        color: #00263D;
    }
    .carousel.mob-res .carousel-text h3, 
    .carousel.mob-res .carousel-text p {
        color: #00263D;
		max-width:100%;
    }
	.carousel.mob-res .flickity-page-dots {
        display: none;
    }
	.carousel.mob-res .split-list {
        flex-wrap: wrap;
    }
    .carousel.mob-res .split-list--column {
        text-align: left;
        margin-top: 0;
    }
    .carousel.mob-res .split-list--column h3 {
        font-size: 18px;
    }
    .carousel.mob-res .split-list ul li,
    .carousel.mob-res .split-list p {
        font-size: 14px;
    }
	.carousel.mob-res .split-list ul {
        width: 100%; margin: 0;
    }
	.carousel.mob-res .split-list ul li {
        color: #00263D;
    }
}

@media all and (max-width: 650px) {
	.carousel.mob-res .carousel-slide {
        background: none !important;
    }	
    .carousel.mob-res .split-list--column {
        width: 100%;
    }
    .carousel.mob-res .split-list--column:last-child {
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 450px) {
    .carousel.mob-res {
        height: auto;
    }
}

/* Halloween Carousal On Homepage Changes - Partial Views > page-carousel-v2.cshtml */

/*
h3.slide-title {
	color:#000000 !important;
}


.orange {
	background-color:#f0892a;
	color:#000000;
}

.orange:hover {
	background-color:#000000;
	color:#FFFFFF;
}

.survey-text {
	color:#FFFFFF;

}

.survey-subheading {
	font-size: 28px;
    font-weight: bold;
}

@media (max-width: 959px) {
	.survey-text {
		color:#000000;
	}

	.survey-subheading {
		font-size: 24px;
	}
}

*/