/* TABLE OF CONTENT:  

- #Site Styles
	-- body bg [footer bottom line] 
	-- content bg [main bg] 

- #Footer
	-- top part
	-- middle part
		--- latest post
		--- latest news
		--- social links
		--- back TOP
	-- bottom part
		--- menu
		--- copyrights

- #Header
	-- upper part 
	-- top part
	-- middle part
	-- bottom part
		--- search
		--- menu 
			---- Mobile 

- #Content
	-- slider
	-- slider slogan
	-- welcome
	-- Titles
	-- Recent  projects
	-- Recent Blog
	-- Services
	-- Testimonials
	-- Filter
	-- Portfolio
	-- Progress Bar
	-- Tab
	-- Items
	-- Info Page
	-- Accordion
	-- Jquery Toggle
	-- Pricing
	-- Map
	-- Portfolio detail
	-- BLOGs page
	-- Crumbs
	-- Page icons
	-- Inner Page
	-- Latest List
	-- Service
	-- Diagramm
	-- Comment
	-- Leave Comment
- #HTML Elements
	-- lists
	-- Buttons
	-- Blockquote
	-- Table
	-- Page Home enather
		--- slider
		--- items detail
		--- reсent posts
		--- blog-posts 
	-- Page 404
	-- slider type 2
- #Colored
	-- bg colors
	-- border colors
	-- images

- #Media Queries
	-- min-width: 959px
	-- min-width: 768px
	-- min-width: 768px and max-width: 959px
	-- max-width: 767px
	-- min-width: 480px and max-width: 767px
	-- max-width: 479px

/* #Site Styles
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	/* body bg [footer bottom line] */


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Portfolio~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.portf{margin:0 -15px 0 -10px;}
ul.block-filtered-items{
	list-style:none; position:relative; overflow:hidden;
	background:none; padding:0; margin:0;min-height:100px; margin-bottom:-10px;}

	ul.block-filtered-items li{
		float:left;position:relative;overflow:hidden;
		list-style:none;background:none;
		padding:0 0 16px 0; margin:0;
		border-left:transparent 10px solid; border-right:transparent 10px solid;}
	 	ul.block-filtered-items.portfolio-4c li{padding-bottom:7px;}
	
	ul.block-filtered-items li img{min-width:100%;max-width:auto;}
	
	ul.block-filtered-items.portfolio-2c li{width:460px;height:400px;}
		ul.block-filtered-items.portfolio-2c li img{height:287px;}	
	ul.block-filtered-items.portfolio-3c li{width:300px;height:300px;}
		ul.block-filtered-items.portfolio-3c li img{height:187px;}
	ul.block-filtered-items.portfolio-4c li{width:220px;height:110px; }
	ul.block-filtered-items.portfolio-4c li:hover{opacity:1; }
	ul.block-filtered-items.portfolio-4c li img{height:137px; }

.portfolio-page-link 		{margin:16px 0 15px 5px;max-height:51px;overflow:hidden;}
.portfolio-4c .portfolio-page-link{margin:11px 0 5px 5px;}
	.portfolio-page-link a	{display:block;}

	
ul.block-filtered-items li .rec_category{
	position:static;
	padding:5px;
	}

ul.block-filtered-items li a.fancybox,
ul.block-filtered-items li a.fancybox-media{
	display:block;position:relative; overflow:hidden;
	padding:0px;}
.portfolio-shadow{
	position:relative;
	}


	ul.block-filtered-items li a.fancybox img,
	ul.block-filtered-items li a.fancybox-media img{
		display:block;position:relative;}
	ul.block-filtered-items li a.fancybox span.over-bg-portfolio,
	ul.block-filtered-items li a.fancybox-media span.over-bg-portfolio,
	.gallery li a.fancybox span.over-bg-portfolio,
	.left-image span.over-bg-portfolio,
	.post-preview span.over-bg-portfolio,
	.inner-img span.over-bg-portfolio{
		position:absolute;left:0; top:0;width:100%; height:100%;
		background:url(../img/lente.png) no-repeat center center;
		opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
		-webkit-transition:opacity 0.25s ease-in-out 0s;
		-moz-transition:opacity 0.25s ease-in-out 0s;
		-ms-transition:opacity 0.25s ease-in-out 0s;
		-o-transition:opacity 0.25s ease-in-out 0s;
		transition:opacity 0.25s ease-in-out 0s;
		border-top:4px solid #0067B1;
		border-bottom:4px solid #0067B1;
		height:129px;
		
		}
	ul.block-filtered-items li a.fancybox-media span.over-bg-portfolio{
		background-image:url(../img/portfolio-over-media.png);}
	.left-image span.over-bg-portfolio{
		background-position:0 0;}
	ul.block-filtered-items li a.fancybox:hover span.over-bg-portfolio,
	ul.block-filtered-items li a.fancybox-media:hover span.over-bg-portfolio,
	.gallery li a.fancybox:hover span.over-bg-portfolio,
	.left-image:hover span.over-bg-portfolio,
	.post-preview:hover span.over-bg-portfolio,
	.inner-img:hover span.over-bg-portfolio{
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);opacity:1;}