/* Start: Recommended Isotope styles */
/**** Isotope Filtering ****/
.isotope-item{z-index: 2;}
.isotope-hidden.isotope-item{pointer-events: none; z-index: 1;}
/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item{-webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s;}
.isotope{-webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width;}
.isotope .isotope-item{-webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity;}

/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition{-webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s;}
/* End: Recommended Isotope styles */
/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling{-webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none;}
/**** Isotope styles ****/
.element{margin:5px; float: left; overflow: hidden; position: relative; color: #222;}
.element2{ min-width:240px; min-height:180px;margin:5px; float: left; overflow: hidden; position: relative; color: #222;}

.isotope_img img{position: relative;height: auto; width: 100%;opacity: 0.88;}
.isotope_img img:hover{opacity:1;}
.strip{display: block;background: none repeat scroll 0 0 #FF6812; height: 3px; width: 50px;}
/**** Example Options ****/
#options ul{padding-top:15px; list-style: none outside none; margin: 0 20% 30px; max-width: 100% !important; position: relative; text-align: center;}
#options ul li{display: inline-block;background:#bfbfbf;border-radius:5px;margin:5px 0;}
#options ul li a{border-bottom: medium none !important; color: #fff; display: inline-block; font-size: 14px; line-height: 20px; margin: 0 auto; padding:10px 15px; text-align: center;}
#options ul li a.last{border-right:none;}
#options ul li a{text-decoration:none;}
#options a{display: block; font-size: 12px; line-height: 22px; padding: 0 5px; text-transform: uppercase;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
#options a:hover{background:#58585a;border-radius:5px;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
/*---------- Project style -------------- */
.project_inner{position:relative;overflow:hidden;}
.project_inner figure{width:100%;height:0;padding:0 0 100%;margin:0;}
.project_inner .project_rollover{position:absolute; width: 470px;left:0;bottom:0;display:block;padding:8px 5px 9px 5px;height:25%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:height 0.3s ease-in-out 0s;-moz-transition:height 0.3s ease-in-out 0s;-ms-transition:height 0.3s ease-in-out 0s;-o-transition:height 0.3s ease-in-out 0s;transition:height 0.3s ease-in-out 0s;color:#fff; background:#63adca;}
.project_inner:hover .project_rollover{height:100%; width:470px;}
.project_inner .entry-content p{display:block;}
.project_inner .entry-title a{color:#fff!important;font-size:16px;}
.project_inner a{color:#fff!important;}
@media handheld, only screen and (max-width: 767px){.element{width:265px;}}