.element img{height:auto;}
#filter.portfolio-filter{margin-left:5px;margin-bottom:20px;list-style-type:none;}
#filter.portfolio-filter li{display:inline-block;padding-right:3px;}
#filter.portfolio-filter li a{display:inline-block;padding:2px 12px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;}
#filter.portfolio-filter li a:hover,
#filter.portfolio-filter li a.selected{color:#F33F3F;}
.portfolio-wrapper{position:relative;display:block;overflow:hidden;height:auto !important;}
.portfolio-wrapper #container-inner{max-width:100%;position:relative !important;}
.portfolio-wrapper .outer-link{margin:0 4px 0 0;padding:2px 15px;}
#filter.portfolio-filter li:after{color:#DDD;font-size:smaller;position:relative;top:-2px;content:"|";}
#filter.portfolio-filter li:last-child:after{content:"";}
.da-thumbs li ,
.da-thumbs li > a img{display:block;position:relative;}
.da-thumbs li{overflow:hidden;}
.da-thumbs li article{width:100%;height:100%;position:absolute;z-index:2;overflow:hidden;top:0;left:0;}
.da-thumbs li article::before{content:'';display:inline-block;height:100%;vertical-align:middle;}
.hover-excerpt{position:relative;margin:10px 10% 20px 10%;}
.hover-excerpt,
.hover-excerpt a{color:white;font-style:italic;}
.hover-excerpt a{text-decoration:underline;}
.da-thumbs{text-align:center;margin:0;}
.da-thumbs .entry-content{width:100%;display:inline-block;vertical-align:middle;position:relative;z-index:2}
.da-thumbs .hover-title{display:table;color:#fff;font-size:14px !important;text-transform:uppercase;width:100%;margin-bottom:10px;padding:6px 0;}
.da-thumbs .hover-title a{display:table-cell;vertical-align:middle;padding:0 15px;white-space:nowrap}
.da-thumbs .entry-content a ,
.da-thumbs .entry-content a:hover{color:white;}
.da-thumbs .entry-content em{display:block;color:#fff;margin-bottom:10px;}
.da-thumbs .entry-content img{display:inline-block;-webkit-box-shadow:none;-moz-box-shadow:none;-ms-box-shadow:none;-o-box-shadow:none;box-shadow:none;-webkit-border-radius:0px;-moz-border-radius:0px;-ms-border-radius:0px;-o-border-radius:0px;border-radius:0px;}
.da-thumbs .image-overlay{position:absolute;top:0px;left:0px;width:100%;height:100%;}
img.hover-link,
img.hover-zoom,
.da-thumbs a.prettyPhoto img{display:block;width:35px;height:35px;background-color:#333;cursor:pointer;background-repeat:no-repeat;background-position:center;}
img.hover-link:hover,
img.hover-zoom:hover,
.da-thumbs a.prettyPhoto img:hover{background-color:#F33F3F;}
img.hover-link{margin-right:5px;background-image:url('../lib/extentions/portfolio/images/link.png');}
img.hover-zoom{margin-left:5px;background-image:url('../lib/extentions/portfolio/images/zoom.png');}
.da-thumbs a.prettyPhoto{}
.da-thumbs a.prettyPhoto:hover{opacity:1;}
.port-tags{float:left;}
.da-thumbs li .wp-post-image,
.da-thumbs article{-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;}
.da-thumbs img.hover-link,
.da-thumbs img.hover-zoom{-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.da-thumbs:hover article,
article:hover img.hover-zoom,
.da-thumbs:hover img.hover-link,
.da-thumbs:hover img.hover-zoom{opacity:1;filter:alpha(opacity=100);-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";}
.da-thumbs li .wp-post-image{}
.da-thumbs:hover li .wp-post-image{}
.da-thumbs article{background:#222;background:rgba(0, 0 ,0, 0.2);-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%);}
.da-thumbs:hover article{-webkit-transform:translate(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);}
.da-thumbs:hover article{-webkit-animation:bounceX 0.3s linear;-moz-animation:bounceX 0.3s linear;-ms-animation:bounceX 0.3s linear;animation:bounceX 0.3s linear;}
@keyframes bounceX{0%{transform:translateX(-100%);}
100%{transform:translateX(0%);}
}
@-moz-keyframes bounceX{0%{-moz-transform:translateX(-100%);}
100%{-moz-transform:translateX(0%);}
}
@-webkit-keyframes bounceX{0%{-webkit-transform:translateX(-100%);}
100%{-webkit-transform:translateX(0%);}
}