/* aSlider css style */







/*



	---------------------------------------------------



	CONTAINER



	---------------------------------------------------



*/







.aslider { margin: 0 auto;width: 100%;height: 0;padding-bottom: 30%;position: relative; }







/*



	---------------------------------------------------



	SINGLE SLIDE



	---------------------------------------------------



*/







.slide { position: absolute;height: 100%;width: 100%;overflow: hidden; background-position: center center;background-repeat: no-repeat; background-size: 100% auto; color: #fff; }







.slide img {position: relative;display: block;opacity: 1;width: 100%; max-width:100%;height: auto;-webkit-transform: translate3d(0,-30px,0);transform: translate3d(0,-30px,0);}







/*.slide:hover img {opacity: 0.7;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}*/







.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: 30px;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);}







.aslider-prev {left:0;}



.aslider-prev .fa {margin-left: 15px;}



.aslider-next {right:0;text-align: right;}



.aslider-next .fa {margin-right: 15px;}







.slide-preview {position: absolute;top: 0;z-index: 9;width: 100%;}



.preview-prev {right: 100%;}



.preview-next {left: 100%;}







/*



	---------------------------------------------------



	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



	---------------------------------------------------



*/







@media(max-width:720px){



	.slide img {height: 100%;height:calc(100% + 200px);width: 100%;}



	.slide-preview {height: 100%;width: auto;}



}



/* responsive text queries */

@media screen and (max-width: 992px) {

  .slider_center_text h2 span { text-align: left; font-size: 18px; font-weight: 200; margin-bottom: 5px;position: relative;}

}



@media screen and (max-width: 768px) {

  .slider_center_text h2 span { text-align: left; font-size: 18px; font-weight: 200; margin-bottom: 5px;position: relative;}

  .aslider{

	  padding-bottom:50%;

  }

}