/* aSlider css style */
a,
button {
	cursor: pointer;
	outline: none;
}
/*
	---------------------------------------------------
	CONTAINER
	---------------------------------------------------
*/

.aslider { position: relative;width:705px;height:480px;max-width: 705px; margin: 0 auto; overflow: hidden; }

/*
	---------------------------------------------------
	SINGLE SLIDE
	---------------------------------------------------
*/

.slide { position: absolute;height:480px;width:705px;overflow: hidden;  color: #fff; }

.slide img {position: relative;display: block;opacity: 1;width:705px;height:480px;}


.slide a {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1000;text-indent: 200%;white-space: nowrap;font-size: 0;opacity: 0;}

.slide > .caption { top: auto;bottom: 0;text-align: left;position: absolute;left: 0;padding: 2em;text-shadow: 0 1px 3px rgba(0, 0, 0, 0.7); }

.caption h2 { text-align: left; font-size: 56px; font-weight: 200; margin-bottom: 5px;position: relative;}
.caption h2:after {content: '';position:absolute;width: 100%; height: 1px;background: #fff;left: 0;bottom: -6px;
-webkit-transition-delay: 0.05s;transition-delay: 0.05s;-webkit-transition-duration: 0.35s;transition-duration: 0.35s;transform-origin:left;-webkit-transform:scaleX(0);}

.caption p {font-size: 25px;opacity: 0;padding-bottom: 0;margin-bottom: 0; }

.caption h2, .caption p { -webkit-transform: translate3d(0,40px,0); transform: translate3d(0,40px,0); }

.slide:hover .caption p {-webkit-transition-delay: 0.05s;transition-delay: 0.05s;-webkit-transition-duration: 0.35s;transition-duration: 0.35s;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);opacity: 1;}
.slide:hover .caption h2 {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
.slide:hover .caption h2:after {-webkit-transform:scaleX(1);}

/*
	---------------------------------------------------
	NAVIGATION
	---------------------------------------------------
*/

.aslider-nav {position: absolute;top:50%;margin-top: -1em;z-index: 9999;color: #fff;text-shadow: 0 1px 3px rgba(0, 0, 0, 0.7);font-size: 40px;display: block; padding: 10px 0; width: 10%;}
.aslider-nav:hover {color: #fff;background: rgba(0,0,0,0.5);}


/*
	---------------------------------------------------
	DOTS
	---------------------------------------------------
*/

.dots {display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;justify-content:center;margin-top: 10px;}

.dot {position:relative;width: 10px;height: 10px;margin: 1px 5px;cursor: pointer;background-color: rgba(0, 0, 0, 0);border-radius: 10px;}

.dot:before {content: '';position:absolute;left:0;top:0;width: 10px;height: 10px;border: 1px solid #C2C2C2;border-radius: 10px;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;-webkit-transform: translate3d(-1px,-1px,0);transform: translate3d(-1px,-1px,0);}
.dot:hover:before {border: 2px solid #fff;-webkit-transform: translate3d(-2px,-2px,0);transform: translate3d(-2px,-2px,0);}

.dot.active { background:#fff; }
.dot.active:hover:before, .dot.active:before {border: 2px solid #fff;-webkit-transform: translate3d(-2px,-2px,0);transform: translate3d(-2px,-2px,0);box-shadow: 0 0px 5px rgba(0, 0, 0, 0.1);}

/*
	---------------------------------------------------
	ANIMATION
	---------------------------------------------------
*/

.caption p, .caption h2, .caption h2:after, a, .dot
{-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}

.slide img {-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;}

/*
	---------------------------------------------------
	MEDIA QUERIES
	---------------------------------------------------
*/