@charset "utf-8";/* CSS Document */
.ccm-image-slider-container {opacity: 0;transition: opacity 0.3s ease;}
.ccm-image-slider {}
.ccm-image-slider-inner {}
.ccm-image-slider-inner ul {display:block;}
.ccm-image-slider-inner ul li {display:inline;}


.ccm-image-slider-title {margin-top:auto;}	
.ccm-image-slider-container a.mega-link-overlay {width: 100%;height: 100%;position: absolute;left: 0px;z-index: 20;}
.rslides {margin: 0 auto;}
.rslides_nav {width: clamp(24px, 3vw, 40px) !important;height: clamp(50px, 7vw, 101px) !important;font-size: 0;background-image: url("arrows.png") !important;background-size: 200% 100%;background-repeat: no-repeat;position: absolute;top: 25%;transform: translateY(-25%);}
.rslides_nav.prev { background-position: left center;}
.rslides_nav.next {background-position: right center;}
.ccm-image-slider-text {width: 90%;max-width: 1200px;padding-right: 25%;font-family: 'Raleway', sans-serif;font-size: clamp(0.8em, 1.5vw + 0.5rem, 1.7em);font-weight: 300;line-height: 1.3;position: absolute;top: 5%;left: 50%;transform: translateX(-50%);color: #404041;z-index: 10;box-sizing: border-box;overflow: visible;}
.ccm-image-slider-text span {display: block;font-size: clamp(1em, 1.5vw + 0.5rem, 1.1em);font-weight: 700;color: #000000;text-transform: uppercase;}
.ccm-image-slider-text p {margin: 0 0 1em 0;}

/* Hide all slides by default */
.rslides > li {
  display: none;
}

/* Show the first slide only once the page loads */
.rslides > li:first-child {
  display: list-item;
}

@media only screen and (max-width:768px) {
	.ccm-image-slider-text {width: 85%;}
	.rslides_nav {top: 50%;transform: translateY(-50%);}	
}
@media only screen and (max-width: 400px) {
	.rslides_nav {display:none;}
	.rslides > li {position: relative;color: #fff;width: 100%;box-sizing: border-box;}
	.rslides > li::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.75);z-index: 1;}
	.rslides > li .ccm-image-slider-text, .rslides > li .ccm-image-slider-text span, .rslides > li .ccm-image-slider-text p, .rslides > li .ccm-image-slider-text a {color: #fff;z-index: 2;}
	.ccm-image-slider-text a.customButton {background-color: rgb(141, 230, 213);color: #000 !important;}
	.rslides > li .ccm-image-slider-text {width: 100%;padding: 10px;font-size: 1em;line-height: 1.4;text-align: center;left: 0;transform: none;top: auto;bottom: 0;}}