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

.hero-img{
	max-width: 1000px;
	opacity: 0.2 !important;
}
.slide{
	width: 100%;
	display: block;
	box-sizing: border-box;
	
	
    top: 50% !important;
    transform: translateY(-50%) !important;
	
	
}.hero-text {
	pointer-events: none;
}
.slide.cycle-slide-active .hero-text {
	opacity: 1;
	pointer-events: auto;
}
.bg-right{
	width: 50%;
	position: absolute;
	right: 8%;
	top: 50%;
	transform: translateY(-50%) translateX(0%);
	z-index: -1;
	opacity: 0;
	transition: ease-in all 0.5s;
}



.cycle-slide-active .bg-right{
	transform: translateY(-50%) translateX(-4%);
	transition: ease-out all 1s;
	opacity: 1;
}

.hero-text{
	padding: 8%;	
	
	opacity: 0;
	text-transform: uppercase;
	font-family: "bai jamjuree", sans-serif;
	transition: ease-out all 0.66s;
	z-index: 500;
	
	
    max-width: 1300px;
    display: block;
    margin: 0 auto;
}
.hero-text h1{

	letter-spacing: 4px;
	font-size: 150px;
    line-height: 72px;
	font-weight: 700;
	text-shadow: 1px 0 0 #000;
	color: #000;
	margin-bottom: 30px
	
}
.hero-text h2{

	letter-spacing: 4px;
	font-size: 90px;
    line-height: 72px;
	font-weight: 700;
	text-shadow: 1px 0 0 #000;
	color: #000;
	margin-bottom: 30px
	
}
.hero-text h2 + .subtitle{

	letter-spacing: 2px;
	font-size: 48px;
	line-height: 56px;
	font-weight: 299;
	text-shadow: none;
	color: #000;
	margin-bottom: 30px
	
}
.hero-text h1 span{

	letter-spacing: 2px;
	font-size: 48px;
	line-height: 56px;
	font-weight: 299;
	text-shadow: none;
	color: #000;
	
}
.corner-flourish{
	position: absolute;
	right: 0;
	bottom: -4px;
    z-index: 399;
}
.cycle-pager { 
  text-align:center; 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: 16px; height: 16px; 
     color: #a7c9e9; padding:3px; cursor: pointer; 
}
.cycle-pager span.cycle-pager-active { color: #224ed3;}
.cycle-pager > * { cursor: pointer;}