/*=======================/* SLIDESHOW
---------------------------------------------*/
.cycle-slideshow{
	position: relative;
	overflow: hidden;
	display: flex;
	align-items: center;
	background: #f7f7f7;
}

.hero-img{
	max-width: 800px;
	opacity: 0.2 !important;
}
.slide{
	width: 100%;
	display: block;
	box-sizing: border-box;
	
	
    top: 50% !important;
    transform: translateY(-50%) !important;
	
	
}
.bg-testimonials .slide{
	
    top: calc(50% - 45px) !important;
    transform: translateY(-50%) !important;
	
	
}
.bg-left{
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%) translateX(-4%);
	z-index: -1;
	opacity: 0;
	transition: ease-in all 0.5s;
	width: 50%;
}
.cycle-slide-active .bg-left{
	transform: translateY(-50%) translateX(0%);
	transition: ease-out all 1s;
	opacity: 1;
}

.hero-text{
	padding: 8%;	
	position: relative;
	width: 50%;
	left: 50%;
	right: 0;
    box-sizing: border-box;
	opacity: 0;
	text-transform: uppercase;
	font-family: bebas-neue-pro-expanded, sans-serif;
	transition: ease-out all 0.66s;
	z-index: 500;
	
    display: block;
	pointer-events: none;
}
.slide.cycle-slide-active .hero-text {
	opacity: 1;
	pointer-events: auto;
}
.hero-text h1{
	letter-spacing: 3px;
	font-size: 40px;
    line-height: 48px;
	font-weight: 700;
	color: #000;
	margin-bottom: 40px;	
}
.regular{
	font-weight: 400;
}


.cycle-pager { 
  text-align:right; width: 92%; z-index: 300; position: absolute; bottom: 20px; right:4%; left:4%; overflow: hidden;
}
.cycle-pager span { 
    font-family: arial; font-size: 50px; width: 24px; height: 24px; 
     color: #000; padding:6px; cursor: pointer; 
}
.cycle-pager span.cycle-pager-active { color: #c1101b !important;}
.cycle-pager > * { cursor: pointer;}