/* recent work carousel */
/* hover delicato
.recentwork_carousel li a:hover .details > .bg,
.recentwork_carousel li .hover .hov,
.recentwork_carousel.style2 li .details {
-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
.recentwork_carousel li a:hover .hov {top:0;}*/
.recentwork_carousel h5.title {font-weight:500; margin-top:0; text-shadow:1px 1px 0 #fff}
.recentwork_carousel ul { margin:0; padding:0; list-style:none; height:auto;}
.recentwork_carousel li {	float: left; text-align:center; margin:0; padding:0 0 0 20px; }
.recentwork_carousel li a { display:block; padding: 0; margin:0px;}
.recentwork_carousel li .hover {display:block; position:relative; overflow:hidden;}
.recentwork_carousel li .hover .hov {position:absolute; left:0; right:0; bottom:0; top:100%; background-image:url(../images/plus01.png); background-repeat: no-repeat; background-position: center center; background-color: rgba(35,35,35,0.8); display: block;}
.recentwork_carousel li .details {display:block; position:relative;}
.recentwork_carousel li .details > .bg {position:absolute; top:0; height:0; background:#cd2122; width:100%;left: 0;}
.recentwork_carousel li .details h4 {font-size:14px; color:#cd2122; padding:10px 0; margin:0; position:relative; z-index:1;}
.recentwork_carousel li .details h4 + span {font-size:11px; display:block; color:#343434; line-height:1;  padding-bottom:15px; position:relative; z-index:1;}
/*.recentwork_carousel li a:hover .details > .bg {height:100%;}
.recentwork_carousel li a:hover .details h4,
.recentwork_carousel li a:hover .details h4 + span { color:#fff;}
.recentwork_carousel .controls > a {opacity:0.5; filter:alpha(opacity=50);}
.recentwork_carousel .controls > a:hover {opacity:1; filter:alpha(opacity=100);}*/

/* recent work carousel - style2 */
.recentwork_carousel.style2 {position:relative;}
.recentwork_carousel.style2 .controls {position:absolute; right:20px; top:12px;}
.recentwork_carousel.style2 li {padding:0 20px 0 0; }
.recentwork_carousel.style2 li > a {position: relative; display: inline-block; overflow: hidden; }
.recentwork_carousel.style2 li .details {position:absolute; left:0; right:0; bottom:0; top:0; opacity:0; filter:alpha(opacity=0);
background: -moz-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.25) 0%, rgba(0,0,0,0.25) 1%, rgba(0,0,0,0.65) 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(0,0,0,0.25)), color-stop(1%,rgba(0,0,0,0.25)), color-stop(100%,rgba(0,0,0,0.65))); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.25) 0%,rgba(0,0,0,0.25) 1%,rgba(0,0,0,0.65) 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.25) 0%,rgba(0,0,0,0.25) 1%,rgba(0,0,0,0.65) 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.25) 0%,rgba(0,0,0,0.25) 1%,rgba(0,0,0,0.65) 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  rgba(0,0,0,0.25) 0%,rgba(0,0,0,0.25) 1%,rgba(0,0,0,0.65) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40000000', endColorstr='#a6000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.recentwork_carousel.style2 li a:hover .details {opacity:1; filter:alpha(opacity=100);}
.recentwork_carousel.style2 li a .details .plus {position:absolute; display:block; width:24px; height:24px; background:#cd2122; font-size: 16px; color:#fff; top:50%; margin-top:-12px; left:50%; margin-left: -12px;font-weight: bold;line-height: 24px;text-align: center; text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.3); -moz-box-shadow: 0 0 6px rgba(0,0,0,0.3); box-shadow: 0 0 6px rgba(0,0,0,0.3);}
.recentwork_carousel.style2 li a .details h4 {position:absolute; font-size:14px; top: 65%; left: 0; right: 0;margin: 0;padding: 0; text-shadow: -1px -1px 0 rgba(0,0,0,0.3); color:#fff;}
.recentwork_carousel.style2 li a .details h4 + span {position:absolute; font-size:11px; top: 80%; left: 0; right: 0;padding: 0; text-shadow: -1px -1px 0 rgba(0,0,0,0.3); color:#fff;}