/* jQuery Cycle2; version: 2.1.6 build: 20141007 */
/* SEE: http://jquery.malsup.com/cycle2/ */
/* ALLWEBCO DESIGN Ver VI-1.00 */

/***************
NOTE: FOR COLORS EDIT THE "style.css"
***************/




/* ANIMATE UNSTYLED SLIDESHOW WHEN LOADING */

div.cycle-slideshow {
	animation: 1s ease-out 0s 1 slideInFromLeft;
	}

@-webkit-keyframes slideInFromLeft {
	0%	{ transform: translateX(-100%); }
	50%	{ transform: translateX(-100%); }
	100%	{  transform: translateX(0); }
	}

@keyframes slideInFromLeft {
	0%	{ transform: translateX(-100%); }
	50%	{ transform: translateX(-100%); }
	100%	{  transform: translateX(0); }
	}




/* JQUERY SLIDESHOWS (HOME & SETS) (SEE ALSO responsive-slides.css IN FOLDER JQuery) */

.cycle-slideshow {
		background-color: transparent;
		width: 100%;
		max-width: 1200px;
		height: auto;
		position: relative;
		margin: 0 auto;
		padding: 0;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		overflow: hidden;
		font-size: 0px;
		line-height: 0px;
		border: solid #000000;
		border-width: 0px 0px 0px 0px;
		/* NOTE: BORDERs ABOVE ARE | top | right | bottom | left */
		}

.cycle-slideshow img.imgJQ {
		width: 100%; /* 102% PREVENTS SCROLLING GAP */
		height: auto;
		margin: 0 auto;
		padding: 0;
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		}

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




/* SLIDESHOW ROUND ACTIVE BUTTON STYLES (cycle-pager) */

.cycle-pager	{
		font-size: 0px;
		line-height: 0px;
		text-align: center;
		width: 100%;
		z-index: 101;
		position: absolute;
		bottom: 20px;
		overflow: hidden;
		}

/* NORMAL BUTTON STATE */

.cycle-pager span {
		font-size: 0px;
		line-height: 0px;
		background-color: transparent;
		background:rgba(255,255,255,0.25); /* SEMI-TRANSPARENT BACKGROUND */
		width: 16px;
		height: 12px;
    		display: inline-block;
		cursor: pointer;
		color: transparent;
		padding: 0;
		margin: 0px 3px 0px 3px;
		border: #FFFFFF 2px solid;
	/* CORNER ROUNDING */
		-webkit-border-radius: 7px;
		-moz-border-radius: 7px;
		border-radius: 7px;
		}

/* HOVER BUTTON STATE */

.cycle-pager span:hover {
		background-color: #FF0000;
		border: #FF0000 2px solid;
		}

/* ACTIVE BUTTON STATE */

.cycle-pager span.cycle-pager-active {
		color: transparent;
		background-color: #FFFFFF;
		border: #FFFFFF 2px solid;
		}




/* PREV / NEXT BUTTONS */

#NextPrev {
	display: block;  /* CHANGE TO none; TO HIDE BUTTONS */
	position: absolute;
	bottom: 20px;
	left: 20px;
	z-index: 104;
	}

#NextPrev a {
	display: inline-block;
	background-color: transparent;
	background:rgba(0,0,0,0.60); /* SEMI-TRANSPARENT BACKGROUND */
	vertical-align: bottom;
	margin: 0px 2px 0px 2px;
/* CORNER ROUNDING */
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	}

#NextPrev a:hover {
	background-color: #000000;
	}

#NextPrev img {
	vertical-align: bottom;
	}




/* SLIDE NUMBERING (cycle-caption) */

.cycle-caption	{
		font-size: 15px;
		color: #FFFFFF;
		position: absolute;
		bottom: 15px;
		right: 15px;
		z-index: 102;
		}




/* FADE-UP ALL ELEMENTS*/
.cycle-pager,
.cycle-caption,
#NextPrev
		{
		-moz-animation: fadeJQB 1.2s;
		-webkit-animation: fadeJQB 1.2s;
		-o-animation: fadeJQB 1.2s;
		animation: fadeJQB 1.2s;
		}

@-moz-keyframes fadeJQB { /* Firefox */
    0%{opacity:0}
    50%{opacity:0}
    100%{opacity:1}
}

@-webkit-keyframes fadeJQB { /* Safari & Chrome */
    0%{opacity:0}
    50%{opacity:0}
    100%{opacity:1}
}

@-o-keyframes fadeJQB { /* Opera */
    0%{opacity:0}
    50%{opacity:0}
    100%{opacity:1}
}

@keyframes fadeJQB { /* Default */
    0%{opacity:0}
    50%{opacity:0}
    100%{opacity:1}
}




/* CYCLE DEFAULTS */

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


/* UNUSED OPTIONS SEE http://jquery.malsup.com/cycle2/ */

.cycle-overlay {
		position: absolute; bottom: 0; width: 100%; z-index: 103;
		background: black; color: white; padding: 15px; opacity: .5;
		}
.cycle-prev,
.cycle-next	{ display: none; }
.cycle-prev	{ display: none; }
.cycle-next	{ display: none; }
.cycle-prev:hover, .cycle-next:hover { display: none; }
.disabled { opacity: .5; filter:alpha(opacity=50); }




/* UNUSED PAUSED TEXT LAYERED ON PAUSED SLIDESHOW (NOT IMPLEMENTED) */
.cycle-paused:after {
	content: 'Paused';
	color: #FFFFFF;
	background: #000000;
	padding: 10px;
	z-index: 105;
	position: absolute;
	top: 10px;
	right: 10px;
	border-radius: 10px;
	opacity: 0.50; filter: alpha(opacity=50);
	}




/***************
START Media Queries -  WHEN PAGE WIDTH LESS THAN 482 IS ACTIVE
***************/
@media handheld and (max-width: 482px),
   screen and (max-device-width: 482px),
   screen and (max-width: 482px) 
	{


.cycle-pager	 { display: none; }

.cycle-pager span {
		width: 10px;
		height: 10px;
		margin: 0px 1px 0px 1px;
	/* CORNER ROUNDING */
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		}

#NextPrev {
	top: auto;
	bottom: 5px;
	left: 6px;
	}

.cycle-caption	{ font-size: 12px; bottom: 4px; right: 5px; }

.cycle-overlay	{ padding: 4px; }




	}
/***************
END Media Queries
***************/