/** title featured portfolio **/
/*section#featured {display:block; width:940px; overflow:hidden; }*/
#featured div.f_item {position:relative; overflow:hidden; width:100%; /*height:293px;*/ float:left; margin:10px 0;  font-size:16px; /*border:solid #ddd 1px; padding:10px;*/}
#featured div.f_item.type1 {margin-right:20px;}
#featured b {font-weight:bold; color:#333; text-transform: uppercase; display:block; border-top:1px solid #ccc; border-bottom:1px solid #ccc; font-size:0.8em; padding: 5px 0; margin:0 0 20px 0; }
#featured div.f_item h2 {font-size:20px; text-transform: uppercase; font-weight:500;}
#featured div.f_item p {font-size:13px;} 
#featured div.f_item img {width:100%;}


#featured .f_item a {text-decoration:none;}
#featured article {
	word-spacing: 1px;
	/*font: normal 0.8em/1.3 Helvetica, sans-serif;*/
	display:block;
	color:#aaa;
	padding:23% 20px;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color: rgba(0,0,0,0.65);
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	transition: all 0.5s linear;
	opacity: 0;
	cursor:pointer;
	text-align:center;
}

#featured article h2 {  color:#fff; font-weight:bold; margin-top:0; font-size:1.6em; line-height:1em;
-webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(1.2);
   -moz-transform: scale(1.2);
   -o-transform: scale(1.2);
   -ms-transform: scale(1.2);
   transform: scale(1.2);
   }
   
#featured article p { color:#fff;
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(1.2);
   -moz-transform: scale(1.2);
   -o-transform: scale(1.2);
   -ms-transform: scale(1.2);
   transform: scale(1.2);
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;

}

#featured .f_item:hover article {
 //filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}

#featured .f_item img {
	display: block;
    position: relative;
    -webkit-transform: scaleY(1);
   -moz-transform: scaleY(1);
   -o-transform: scaleY(1);
   -ms-transform: scaleY(1);
   transform: scaleY(1);
   -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   -ms-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;

}



#featured .f_item:hover article p, #featured .f_item:hover article h2 {
	-webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;

}

#featured div.f_item:hover img {
   -webkit-transform: scale(1.2);
   -moz-transform: scale(1.2);
   -o-transform: scale(1.2);
   -ms-transform: scale(1.2);
   transform: scale(1.2);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}

#featured .f_tags {color:#777; margin-top:48px; font-size:0.8em; background: url(/i/tech.png) top left no-repeat; padding-left:20px;}

.linkbtn {margin:0 2px; padding:8px 10px; display:inline-block; width:40px; height:40px; border:solid #fff 2px; border-radius:100px; text-align:center; font-size:18px; color:#fff;}
.linkbtn:hover {color:#ee8742; border-color:#ee8742;}
.linkbtn:focus {color:#fff; border-color:#fff;}


/** title portfolio **/