#main-slide {
	max-width:1250px;
	margin:auto;
	height:auto;
	margin-top:0;
}

#main-slide.mobile {
	margin-top:70px;
}

.cycle-slideshow img {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	padding:0;
	display:block;
}

/* set border-box so that percents can be used for width, padding, etc (personal preference) */
.cycle-slideshow,.cycle-slideshow * {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

.cycle-slideshow img:first-child {
	position:static;
	z-index:100;
}

/* pager */
.cycle-pager {
	text-align:right;
	width:auto;
	z-index:500;
	position:absolute;
	bottom:10px;
	right:20px;
	overflow:hidden;
}

.cycle-pager span {
	font-family:arial;
	font-size:30px;
	width:16px;
	height:16px;
	display:inline-block;
	color:#ccc;
	cursor:pointer;
}

.cycle-pager span.cycle-pager-active {
	color:#fff;
}

.cycle-pager > * {
	cursor:pointer;
}

/* caption */
.cycle-caption {
	position:absolute;
	color:#fff;
	bottom:15px;
	right:15px;
	z-index:700;
}

/* overlay */
.cycle-overlay {
	position:absolute;
	bottom:0;
	width:100%;
	z-index:600;
	background:rgba(0,0,0,.25);
	color:#fff;
	padding:15px;
}

/*
.cycle-overlay {
	position:absolute;
	top:130px;
	left:55%;
	width:100%;
	z-index:600;
	animation-name: animate_1;
    animation-duration: 2s;
}

@keyframes animate_1 {
    0%   {opacity: 0; left:0px; top:0px;}
    100%  {opacity: 1; left:55%; top:130px;}
}
*/
/*
@keyframes animate_0 {
    0%   {opacity: 0;}
    100%  {opacity: 1;}
}


.overlay_1 {
	position: absolute;
	width: 42%;
	top: 130px;
	left: 55%;
	z-index: 101;
	animation-name: animate_1;
    animation-duration: 2s;
}

@keyframes animate_1 {
    0%   {opacity: 0; left:0px; top:0px;}
    100%  {opacity: 1; left:55%; top:130px;}
}

.overlay_2 {
	position: absolute;
	width: 42%;
	top: 30px;
	left: 25%;
	z-index: 101;
	animation-name: animate_2;
    animation-duration: 2s;
}

@keyframes animate_2 {
    0%   {opacity: 0; left:0px; top:0px;}
    100%  {opacity: 1; left:25%; top:30px;}
}

.overlay_3 {
	position: absolute;
	width: 42%;
	top: 100px;
	right: 25%;
	z-index: 101;
	animation-name: animate_3;
    animation-duration: 2s;
}

@keyframes animate_3 {
    0%   {opacity: 0; left:0px; top:0px;}
    100%  {opacity: 1; right:25%; top:100px;}
}
*/
div.cycle-overlay div:first-child {
	font-size:2em;
	font-weight:700;
	line-height:1em;
	margin:0 0 20px;
	color:#fff;
	text-shadow:1px 1px 6px #000;
}