/* #Portfolio Styles
	================================================== */
	
	/* ------------------*/
	/* PORTFOLIO in homepage*/
	/* ------------------*/

	.HomePortfolioSection .portfolio figure.portfolio-item {
        padding:5px;
        /*padding:3px 3px 0 0;*/
        margin:0;
    }

	.homePinterest {background-color: #efefef; padding: 0px;}
	.homeAsidePageControl {list-style: none outside none; margin:0px auto; padding: 0;text-align: center; width: 65px;}
	.homeAsidePageControl li {float: left; margin-right:15px; }
	.homeAsidePageControl li:last-child {float: left; margin-right:0px; }
	.asideCircle { background-color: #525D61; display: block;height: 25px;margin: 0 auto ; width: 25px;cursor: pointer;}
	.asideCircle i {font-size: 10px;line-height: 24px; margin: 0 8px; color: #fff;}
	.asideCircle:hover {background-color: #5DBA7A;}
	.homePinterest .btn {display: block; padding: 5px 15px;}
	.portfolioItems {padding: 0px;min-height: 390px; overflow: hidden;}


	nav.primary { padding: 10px;}
	nav.primary .portfolioFilters a.selected,   nav.primary ul li a:active {    background: none repeat scroll 0 0 #E04B23;
	color: #FFFFFF; font-weight: normal; margin-top: 0 !important; padding: 7px 15px; text-align: center;width: auto; padding: 7px 15px;font-size: 14px;line-height: 1.2;}
	nav.primary .portfolioFilters .portf {color: #61A300; font-weight: bold; margin-right: 10px; padding-top: 5px;}
	nav.primary .portfolioFilters {text-align:center;clear: both;list-style: none outside none; margin: 0 auto 50px; min-width: 300px; }
	nav.primary .portfolioFilters {margin-right: 10px;  }
	nav.primary .portfolioFilters a {font-style:italic;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;padding: 7px 15px;font-size: 14px;line-height: 1.2; color: #FFFFFF; font-weight: normal; margin-top: 0 !important; padding: 7px 15px; text-align: center; width: auto;}
	nav.primary .portfolioFilters a:hover {background: #E04B23;}

	.portfolio figure.portfolio-item figcaption {background: #efefef; }
	.portfolio figure.portfolio-item figcaption a{color: #555;}
	.portfolio figure.portfolio-item figcaption a:hover{color: #2376de;}
	.portfolio figure.portfolio-item figcaption p {font-family: open sans;font-size: 13px; border-bottom: 3px solid #ddd;}
	.portfolio figure.portfolio-item figcaption h4 {font-size: 18px; margin: 16px auto 10px auto;}


    .portfolio figure.portfolio-item .img-item img{  opacity: 1;
        max-width: 100%;
        max-height: 100%;
        -webkit-transform: scale(1,1);
        -webkit-transition-timing-function: ease-out;
        -webkit-transition-duration: 250ms;
        -moz-transform: scale(1,1);
        -moz-transition-timing-function: ease-out;
        -moz-transition-duration: 250ms;
        blur:2;
    }
	.portfolio .portfolio-item:hover .img-item img {cursor: pointer;
		-webkit-transform: scale(1.2,1.2);
		-webkit-transition-timing-function: ease-out;
		-webkit-transition-duration: 250ms;
		-moz-transform: scale(1.2,1.2);
		-moz-transition-timing-function: ease-out;
		-moz-transition-duration: 250ms;
		position: relative;}
	.portfolio .portfolio-item:hover figcaption p {}
	.portfolio .portfolio-item:hover figcaption { }
	.portfolio .zoomex { background: none no-repeat scroll center center rgba(0, 0, 0, 0.35);}
	.portfolio .portfolio-item:hover .ll, .portfolio .portfolio-item:hover .ff {display: block;}
	.portfolio .portfolio-item .ll:hover ,  .portfolio .portfolio-item .ff:hover {background: #333; color: #fff;}
	.portfolio .portfolio-item .ll i,  .portfolio .portfolio-item .ff i {color: #FFFFFF;display: block;
	font-size: 18px; height: 40px; padding: 10px 10px 10px 11px;}

	.portfolio .portfolio-item .ll {display:none;background: none repeat scroll 0 0 #FF5C30;border-radius: 50%;height: 40px;position: absolute;top: 50%;width: 40px; left: 50%; margin-top:-20px; margin-left:10px;}
	.portfolio .portfolio-item .ff {display:none;background: none repeat scroll 0 0 #FF5C30;border-radius: 50%;height: 40px;position: absolute;top: 50%;width: 40px; left: 50%; margin-top:-20px; margin-left:-50px;}

	.zoomex, .zoomex2 { 
		width: 100%;	
		-webkit-transition:all .3s ease-in-out;	
		-moz-transition:all .3s ease-in-out;	
		-ms-transition:all .3s ease-in-out;	
		-o-transition:all .3s ease-in-out;	
		transition:all .3s ease-in-out;	
		color: transparent;	
		display: block;	
		left: 0;	
		filter: alpha(opacity=0); 	
		position: absolute;	
		top: 0;	
		bottom:0;
        opacity: 0;
		}

    .zoomex2 a:hover { text-decoration: none; }
	.zoomex2:hover {background:rgba(0,0,0,.42) ;  }
	.zoomex2 * { filter: alpha(opacity=0)\9;}
	.zoomex2 i { color: inherit; font-size:11px; padding:10px; border:2px solid #fff; border-radius:50%;}
	.zoomex2 a.zoomlink1, .zoomex2 a.zoomlink2 { position:absolute; bottom:14%; left:50%; color:#fff; margin-left:-45px; }
	.zoomex2 a.zoomlink2 { margin-left:12px; }
	.zoomex2 a:hover i {color:#ed4214; border-color:#ed4214;}
	.zoomex2 h6 { 
		color:#fff; 
		font-size:22px; 
		text-transform: uppercase;
		text-align:center; 
		position:absolute; 
		bottom:44%; 
		left:auto; 
		width:100%;
		}
	.zoomex2 h6 small { font-size:13px; font-weight:400; display:block; margin-top:16px;}

	.img-item:hover .zoomex, .prettyPhoto:hover .zoomex, .img-item:hover .zoomex2, .img-item:hover .zoomex2 * { opacity:1; filter: alpha(opacity=100); }

	.portfolio-item-dets { width:290px; float:right; border-bottom:2px solid #e5e5e5; margin-top:20px;}
	.portfolio-item-dets i { margin-left: -5px;font-size:32px; color:#ddd;}
	.portfolio-item-dets i.liked, .portfolio-item-dets i:hover { color:#e53f51; cursor:pointer;}
	.portfolio-item-like-box { width:36px; text-align:center; float:left; padding-bottom:10px; color:#c3c3c3; padding-left:25px; margin-right:40px;}
	.portfolio-item-detail-box { width:193px; float:left; padding:7px 0 10px 20px; color:#c3c3c3; border-left:1px solid #e5e5e5; line-height:1; }
	.portfolio-item-detail-box a { color:#bbb;}
	.portfolio-item-detail-box a:hover { text-decoration:underline;}
	.portfolio-item-like-box span { padding-left:5px;}
	.portfolio-item-detail-box hr { margin:10px 0;}
	.portfolio-item i.icomoon-heart-7 { color:#ef7c88; margin-top:3px;}

	.related-works p {
		font-size: 12px;
		text-transform: uppercase;
	}
	.related-works .portfolio-item {
		margin-right: 30px;
		width: 260px;
	}
	
	
	
	/* -------------------------------------------------------*/
	/* PORTFOLIO PAGE*/
	/* -------------------------------------------------------*/

	.PortfolioSection .full-width.orange { background-color: #FF5C30;}
	.PortfolioSection .full-width.orange h2 {color: #fff;}

	.PortfolioSection .portfolioDetails h4 {border-bottom: 3px solid #ddd; padding-bottom: 5px;text-align: left;letter-spacing: 2px;}
	.PortfolioSection .portfolioDetails .list-group-item:first-child {border-top-left-radius: 0px;border-top-right-radius: 0px;
	-webkit-border-top-left-radius: 0px;-webkit-border-top-right-radius: 0px;
	-moz-border-top-left-radius: 0px;-moz-border-top-right-radius: 0px;}
	.PortfolioSection .portfolioDetails .list-group-item { border: none;display: block; margin-bottom: 0px; padding: 13px 0px;position: relative;color: #555;font-size: 14px;}

	.PortfolioSection {background-color: #efefef !important;}
	.PortfolioSection .carousel { border: 4px solid #DDDDDD;}
	.PortfolioSection .portfolioCarousel {min-height: 50px;}
	.PortfolioSection nav.primary { padding: 10px;}
	.PortfolioSection  nav.primary .portfolioFilters a.selected,.PortfolioSection   nav.primary ul li a:active {    background: none repeat scroll 0 0 #E04B23;
	color: #FFFFFF; font-weight: normal; margin-top: 0 !important; padding: 7px 15px; text-align: center;width: auto; padding: 7px 15px;font-size: 14px;line-height: 1.2;}
	.PortfolioSection   nav.primary .portfolioFilters .portf {color: #61A300; font-weight: bold; margin-right: 10px; padding-top: 5px;}
	.PortfolioSection nav.primary .portfolioFilters {text-align:center;clear: both;list-style: none outside none; margin: 0 auto 50px; min-width: 300px; }
	.PortfolioSection   nav.primary .portfolioFilters {margin-right: 10px;  }
	.PortfolioSection   nav.primary .portfolioFilters a {font-style:italic;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;padding: 7px 15px;font-size: 14px;line-height: 1.2; color: #333; font-weight: normal; margin-top: 0 !important; padding: 7px 15px; text-align: center; width: auto;}
	.PortfolioSection   nav.primary .portfolioFilters a:hover {background: #E04B23; color: #fff;}


		/* ISOTOPE */

	.portfolio { display:block; margin: 0 -5px 20px -5px; float: left; width: 100%; }
	.portfolio h4, .recent-works-items h4, .shop-item h4, .side-list h5 { font-weight:400; margin:10px 0 7px; font-size:18px;}
	.portfolio h4 a, .recent-works-items h4 a, .shop-item h4 a, .side-list h5 a { color:#fff; }
	.portfolio h4 a:hover, .recent-works-items h4 a:hover, .shop-item h4 a:hover, .side-list h5 a:hover { text-decoration:underline;}
	.portfolio p, .recent-works-items p { color:#909090; margin-bottom:40px; padding-bottom:20px; border-bottom:4px solid #ededed; text-transform:uppercase;}
	.portfolio-item h3 { color:#696969;}
	.portfolio-item h5 { margin-top:8px;}

	.img-item { position:relative; overflow:hidden;}
	.zoomex { width: 100%;	background:rgba(0,0,0,.35) url(../images/fancy-big-ico.png) no-repeat center;	opacity:0;	-webkit-transition:all .3s ease-in-out;	-moz-transition:all .3s ease-in-out;	-ms-transition:all .3s ease-in-out;	-o-transition:all .3s ease-in-out;	transition:all .3s ease-in-out;	color: transparent;	display: block;	left: 0;	filter: alpha(opacity=0); 	position: absolute;	top: 0;	bottom:0; } 

	.img-item:hover .zoomex { opacity:1; }
	.Single-Item:hover .prt-img-hov-bg, .prettyPhoto:hover .zoomex{ opacity:1; filter: alpha(opacity=100); }
	#Iframe-Item .zoomex { background:rgba(0,0,0,.5) url(../images/fancy-big-ico2.png) no-repeat center; }
	#Iframe-Item:hover .zoomex { opacity:1; }

	.portfolio  h4 { font-size:21px; margin:16px 0 10px;}
	.portfolio  h4 { font-size:16px;}
	.portfolio  p { font-size:12px; border-bottom-width:3px;}


	.col2-item img { width:420px; height:150px; margin-bottom:10px; }
	.col2-item .prt-img-hov-bg { bottom:114px; }
	.proj-det { padding-left:10px;}

	.recent-works-items h4 { font-size:20px; }
	.recent-works-items p { border:0 none; padding-bottom:2px; }


	.isotope-item { z-index: 2; }
	.isotope-hidden.isotope-item {  pointer-events: none;  z-index: 1;}
	.isotope,
	.isotope .isotope-item {-webkit-transition-duration: 0.8s;   -moz-transition-duration: 0.8s;  transition-duration: 0.8s;}
	.isotope {-webkit-transition-property: height, width;   -moz-transition-property: height, width;        transition-property: height, width;}
	.isotope .isotope-item {-webkit-transition-property: -webkit-transform, opacity;   -moz-transition-property: -moz-transform, opacity;  transition-property: transform, opacity; }


	
	

    /* PORTFOLIO - MASONRY */
    .portfolio-item .img-item { position:relative; overflow:hidden; }
    .request-item{
        position: absolute;
        overflow: hidden;
        top: 0px;
        left: 0px;
        height: 100%;
        width: 100%;
    }
	.zoomex { width: 100%;	background:rgba(0,0,0,.35) url(../images/fancy-big-ico.png) no-repeat center;	opacity:0;	-webkit-transition:all .3s ease-in-out;	-moz-transition:all .3s ease-in-out;	-ms-transition:all .3s ease-in-out;	-o-transition:all .3s ease-in-out;	transition:all .3s ease-in-out;	color: transparent;	display: block;	left: 0;	filter: alpha(opacity=0); 	position: absolute;	top: 0;	bottom:0; } 

	.img-item:hover .zoomex { opacity:1; }
	.Single-Item:hover .prt-img-hov-bg, .prettyPhoto:hover .zoomex{ opacity:1; filter: alpha(opacity=100); }
	#Iframe-Item .zoomex { background:rgba(0,0,0,.5) url(../images/fancy-big-ico2.png) no-repeat center; }
	#Iframe-Item:hover .zoomex { opacity:1; }