/* Start of Carousel CSS classes */
@keyframes ccCarouselFadeInAnimationKeyFrame {
	
    from {
     
		visibility: hidden;
    	 
    	opacity: 0; 
    }
    
    to {
     
    	visibility: visible;
    	 
    	opacity: 1;
    	
/*    	translate: 0px 0px;*/
    }
}

.cc-carousel-fade-in-animation {
	
	animation-name: ccCarouselFadeInAnimationKeyFrame;
	animation-duration: 1s;
	animation-timing-function: ease-out;
	animation-fill-mode: forwards;
	animation-iteration-count: 1;
}

@keyframes ccCarouselFadeOutAnimationKeyFrame {
	
    from { 
    	
    	visibility: visible; 
    	
    	opacity: 1;
    }
    
    to { 
    
    	visibility: hidden;
    	
    	opacity: 0;
    }
}

.cc-carousel-fade-out-animation {
	
	animation: ccCarouselFadeOutAnimationKeyFrame 1s;
	animation-timing-function: ease-out;
	animation-fill-mode: forwards;
	animation-iteration-count: 1;
}

.cc-ui-carousel__item {

	opacity: 0;
	
	overflow: hidden;
	
	visibility: hidden;
	
	position: absolute;
	
	line-height: 0px;
	
	width: 100%;
	
	box-sizing: border-box;
}

/*.cc-ui-carousel__selectors-container {*/
	
/*	position: absolute;*/
	
/*	z-index: 101;*/
	
/*	transform: translate(-50%, 280px); */
/*	left: 50%;*/
/*}*/

.ccCarouselItemSelector {
	
	width: 14px;
	height: 14px;
	
	border: 4px solid transparent;
	border-radius: 100%;
	
	font-size: 0px;
	line-height: 0px;
	
	background-color: #FFFFFF;
	background-clip: padding-box;
	
	transition: all .5s ease-in-out;
	
	cursor: pointer;	
}

.ccCarouselItemSelector:hover {
	
	border-color: rgba(127, 138, 146, 0.4);
}

.ccCarouselItemSelectorSelected {
	
	width: 14px;
	height: 14px;
	
	border-width: 4px;
	border-style: solid;
	border-color: rgba(127, 138, 146, 0.4);
	
	border-radius: 100%;
	
	font-size: 0px;
	line-height: 0px;
	
	background-clip: padding-box;
	background-color: #8594A0;
	
	cursor: pointer;
}


.ccUICarouselText01  {
	
	font-family: var(--ccUIFontFamily);
	
	translate: 0px 300px;
	
	opacity: 0;

	visibility: hidden;
	
	word-break: break-word;
}

.ccUICarouselText02 {
	
	font-family: var(--ccUIFontFamily);
	
	translate: 0px 600px;
	
	opacity: 0;

	visibility: hidden;
	
	word-break: break-word;
}

.ccUICarouselText03 {
	
	font-family: var(--ccUIFontFamily);
	
	translate: 0px 1200px;
	
	opacity: 0;

	visibility: hidden;
	
	word-break: break-word;
}


/* End of User Interface Carousel */

/* Start of the animation CSS classes */
@keyframes ccSlideAnimationKeyFrame {
	
    from { 
		
		visibility: hidden;
		
		opacity: 0;
	}
    to { 
		
		visibility: visible;
		
		opacity: 1;
		
		transform: translate(0px, 0px);
	}
}

.cc-animation {
	
	visibility: hidden;
}

.cc-animation--after {

	animation-name: ccSlideAnimationKeyFrame;
	animation-duration: 1.0s;
	animation-fill-mode: forwards;
	animation-iteration-count: 1;
	animation-timing-function: ease-out;
}
/* End of animation CSS classes */