/* Loading
***********************/
.loading aside {opacity: 0;}
aside {width: 100%; float: left; opacity: 1; -webkit-transition: opacity 1s ease;}
aside h3 {float: left;}

 /* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0; }
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flex-pauseplay span {text-transform: capitalize;}
.flexslider li{list-style:none;	 text-align:center}
 
.flexslider li p{ width:100%; text-align:center; font-size:15px; margin: 8px 0 15px 0 }
.slides-gallery{display: flex; align-items: center; flex-direction: column-reverse; align-content: center; justify-content: center;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%; background-color:#0C3}
 
 
/* FlexSlider Default Theme
*********************************/
.flexslider {  position: relative;  }
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; }
.project-gallery .flex-viewport {overflow: visible!important; border-left: 0px; border-right: 0px; margin: 0 0 80px 0}
.project-gallery .flex-direction-nav a {top: 36%;}
.project-gallery .flex-direction-nav .flex-next{right: 0;}
.project-gallery .flex-direction-nav .flex-prev{left: 0;}
 
 .flexslider .slides {zoom: 1;}

.carousel li {margin-right: 5px}

   
 

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a { width: 40px; height: 50px;  display: block;  position: absolute; top: 40%; z-index: 2; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease; }
.flex-direction-nav .flex-next {background: url(../images/icon-next.svg) no-repeat center center; background-size: 23px;  right: 1px; border-radius: 4px 0 0 4px; background-color: rgba(255, 255, 255, .7) }
.flex-direction-nav .flex-prev {background: url(../images/icon-previous.svg) no-repeat center center; background-size: 23px; left: 1px;border-radius: 0 4px 4px 0;  background-color: rgba(255, 255, 255, .7)}
.flexslider:hover .flex-next {opacity: 0.7;}
.flexslider:hover .flex-prev {opacity: 0.7;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}


/* Control Nav */
.flex-control-nav {width: 100%; margin: 20px 0 0 0;  text-align: center; }
.flex-control-nav li {margin: 0 5px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 12px; height: 12px; display: block; background: rgba(0,0,0,0.15); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; }
.flex-control-paging li a:hover { background: #34b379; }
.flex-control-paging li a.flex-active { background: #34b379; cursor: default; }


.flex-direction-nav .flex-disabled {opacity: .0!important; filter:alpha(opacity=0); cursor: default;}
@media only screen 
and (min-device-width : 768px)
and (max-device-width : 1024px) {
 .flexslider:hover .flex-next {opacity: 0; right: 15px;}
 .flexslider:hover .flex-prev {opacity: 0; left: 15px;}
 .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 0;}
 .flex-control-nav {width: 100%; margin: 0 0 0 0;  text-align: center; }
 	}