/* Latest Projects */


.latest-project {
	overflow:hidden;
	position:relative;
	
	
	-moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.12);
    -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.12);
    box-shadow: 0px 1px 1px rgba(0,0,0,0.12);
    -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#1f000000,Positive=true)";
    filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#1f000000);
    
    margin-bottom:30px;
}

#wrapper .latest-project img.img-portfolio {
	margin-bottom:0;
}

.latest-project img {
	
	position:relative;
	top:0;
	left:0;
	right:0;
	transition: all 0.2s 0.1s ease-in-out;
	-webkit-transition: all 0.2s 0.1s ease-in-out;
	-moz-transition: all 0.2s 0.1s ease-in-out;
	-o-transition: all 0.2s 0.1s ease-in-out;
	-ms-transition: all 0.2s 0.1s ease-in-out;
	z-index: 1;
}

.latest-project:hover img {
	top:0;
	left:0;
	right:0;
	
	-o-transform: translateY(-55%); 
	-moz-transform: translateY(-55%); 
	-ms-transform: translateY(-55%); /* IE 9 */
   	-webkit-transform: translateY(-55%); /* Safari */
    transform: translateY(-55%);
    
    -webkit-filter: blur(1px); /* Chrome, Safari, Opera */
    filter: blur(1px);
    
    
}

.latest-project h2 {
	position:absolute;
	width:100%;
    text-align: center;
    vertical-align: middle;
    margin: 0 auto;
    font-weight: 600;
    color: #fff;
    font-size: 1.0em;
    text-transform: uppercase;
    text-shadow: 1px 1px 2px #000000;
    z-index: 2;
    left:0;
    right:0;
    top:40%;
    -webkit-transition: all 0.2s 0.2s ease-in-out;
	-moz-transition: all 0.2s 0.2s ease-in-out;
	-o-transition: all 0.2s 0.2s ease-in-out;
	-ms-transition: all 0.2s 0.2s ease-in-out;
	transition: all 0.2s 0.2s ease-in-out;
	line-height:80%;
  
}

.latest-project small {
	color:#fff;
	font-size: 60% !important;
	text-transform: capitalize;
}


.latest-project:hover h2 {
	font-size: 1.5em;
	-o-transform: translate(0,-80%); 
	-moz-transform: translate(0,-80%); 
	-ms-transform: translate(0,-80%); /* IE 9 */
   	-webkit-transform: translate(0,-80%); /* Safari */
    transform: translate(0,-80%);
    
    -webkit-filter: brightness(120%); /* Chrome, Safari, Opera */
    filter:  brightness(120%);
}

.latest-project h3 {
	
	font-size: 95%;
	text-transform: capitalize;
	font-weight: bold;
	position:absolute;
	top:45%;
	-webkit-transition: all 0.1s  0.4s ease-in-out;
	-moz-transition: all 0.1s 0.4s ease-in-out;
	-o-transition: all 0.1s 0.4s ease-in-out;
	-ms-transition: all 0.1s 0.4s ease-in-out;
	transition: all 0.1s 0.4s ease-in-out;
	
	
	-o-transform: translateX(-100%); 
	-moz-transform: translateX(-100%); 
	-ms-transform: translateX(-100%); /* IE 9 */
   	-webkit-transform: translateX(-100%); /* Safari */
    transform: translateX(-100%);
}

.latest-project a {
	color:rgb(85,85,85);
}


.latest-project:hover h3 {
	
	
	-o-transform: translateX(10px); 
	-moz-transform: translateX(10px); 
	-ms-transform: translateX(10px); /* IE 9 */
   	-webkit-transform: translateX(10px); /* Safari */
    transform: translateX(10px);
} 

.latest-project ul {
	position:absolute;
	top:70%;
	list-style-type:none;
}


.latest-project ul li:nth-child(1),
.latest-project ul li:nth-child(2),
.latest-project ul li:nth-child(3) {
	
	text-transform:uppercase;
	font-size:0.8em;
	font-weight:400;
	
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
	
	
	-o-transform: translateX(-100%); 
	-moz-transform: translateX(-100%); 
	-ms-transform: translateX(-100%); /* IE 9 */
   	-webkit-transform: translateX(-100%); /* Safari */
    transform: translateX(-100%);
}


.latest-project:hover ul li:nth-child(1),
.latest-project:hover ul li:nth-child(2),
.latest-project:hover ul li:nth-child(3)  {
	
	-o-transform: translateX(10px); 
	-moz-transform: translateX(10px); 
	-ms-transform: translateX(10px); /* IE 9 */
   	-webkit-transform: translateX(10px); /* Safari */
    transform: translateX(10px);
}


.latest-project ul li:nth-child(1) {
	-webkit-transition-delay: 0.5s;
	-moz-transition-delay: 0.5s;
	-o-transition-delay: 0.5s;
	-ms-transition-delay: 0.5s;
	transition-delay: 0.5s;
}

.latest-project ul li:nth-child(2) {
	-webkit-transition-delay: 0.6s;
	-moz-transition-delay: 0.6s;
	-o-transition-delay: 0.6s;
	-ms-transition-delay: 0.6s;
	transition-delay: 0.6s;
}

.latest-project ul li:nth-child(3) {
	-webkit-transition-delay: 0.7s;
	-moz-transition-delay: 0.7s;
	-o-transition-delay: 0.7s;
	-ms-transition-delay: 0.7s;
	transition-delay: 0.7s;
}

.latest-project em {
	position:absolute;
	right:10px;
	bottom:10px;
	opacity: 0;
	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
	-ms-transition: opacity 1s ease-in-out;
	transition: opacity 1s ease-in-out;
}

.latest-project:hover em {
	opacity: 1;
}


.latest-project-container .category_belt {
    position: absolute;
    top: 9px;
    left: 10px;
    height: 26px;
    padding: 0 12px;
    z-index: 4;
    line-height: 26px;
    color:#fff;
    
}

.latest-project-container .category_belt .beak {
    position: absolute;
    left: 0px;
    top: 26px;
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-left: 6px solid transparent;
    -moz-background-clip: border;
    -webkit-background-clip: border;
    background-clip: border-box;
    opacity: 0.5;
   
}

.latest-project-container {
	position:relative;
}


/*.cat-3d-vision {
	background: #b5b5b7;
}*/



.latest-project-container .cat-3d-vision .beak {
	 border-top-color: #b5b5b7;
	 background:transparent;
}

/*.cat-advanced-web-applications{
	background: #b0aac2;
}*/

.latest-project-container .cat-advanced-web-applications .beak {
	 border-top-color: #b0aac2;
	 background:transparent;
}

/*.cat-computer-vision {
	background: #30231d;
}*/

.latest-project-container .cat-3d-imaging-and-vision .beak {
	 border-top-color: #e6af4b;
	 background:transparent;
}

.latest-project-container .cat-web-and-multimedia .beak {
	 border-top-color: #e05038;
	 background:transparent;
}

.latest-project-container .cat-computer-vision .beak {
	/* border-top-color: #30231d;*/
	 border-top-color: #3fb0ac;
	 background:transparent;
}

/*.cat-image-processing {
	background: #e6af4b;
}*/

.latest-project-container .cat-image-processing .beak {
	 border-top-color: #e6af4b;
	 background:transparent;
}

/*.cat-media-security {
	background: #3fb0ac;
}*/

.latest-project-container .cat-media-security .beak {
	 border-top-color: #3fb0ac;
	 background:transparent;
}

/*.cat-natural-interaction {
	background: #e05038;
}*/

.latest-project-container .cat-natural-interaction .beak {
	 border-top-color: #e05038;
	 background:transparent;
}

/*.cat-smart-environments {
	background: #935347;
}*/

.latest-project-container .cat-smart-environments .beak {
	 border-top-color: #935347;
	 background:transparent;
}

/*.cat-web-media-search-and-retrieval {
	background: #ba9077;
}*/

.latest-project-container .cat-web-media-search-and-retrieval .beak {
	 border-top-color: #ba9077;
	 background:transparent;
}

.latest-project-container .latest-year {
	background: rgba(0, 0, 0, 0.2);
    width: 40px;
    text-align: center;
    float: left;
    margin-right: 10px;
	height:16px;
	margin-top: 5px;
	border-radius: 2px;
	line-height: 16px;
	font-size: 90%;
}