/******* START FILTER ********/
#filters { 
	list-style: none; 
	position: relative; 
	left: -10px; 
	margin-top: 15px; 
	display: block;
}
#filters .filter-cat {
	display: block;
	text-decoration: none;
	float: left;
	margin-left: 10px;
	text-transform: uppercase;
	margin-bottom: 30px;
	background: #f0efef;
}

#filters .filter-cat li {
    display: inline;
    float: left;
    margin: 0 20px 5px 0;
}
#filters .filter-cat a {	
	color: #444444;
    float: left;
    font-size: 12px;
    font-weight: normal;
    padding: 2px 8px;
    text-decoration: none;
	/* font-family: 'Droid Sans', sans-serif;  */ 	
	text-transform: uppercase;
	letter-spacing: -0.5px;
}
#filters .filter-cat  a:hover,
#filters .filter-cat  a.selected {
	background-color: #444444;    
    color: #fff;	
	/*border-radius: 20px 20px 20px 20px;
	text-shadow: 1px 1px 1px #000;*/
}		

/******* END FILTER ********/
/********************** FOR PORTFOLIOS HOVER **********************************************/
.sh-folios {
	margin-left: -20px;
}

.folios-wrapper, .folios-wrapper3, .folios-wrapper2, .folios-wrapper-style2, .folios-wrapper-style2-3col, .folios-wrapper-style2-2col {
	margin-left: -20px;
	width:980px;
}


.folio-item, .folio-item-style2 {
    float: left;
    height: auto;
    margin-bottom: 30px;
    width: 220px;
	margin-left: 20px;
}
.folio-item3, .folio-item-style2-3col {
    float: left;
    height: auto;
    margin-bottom: 30px;
    width: 300px;
	padding-bottom: 10px;
	margin-left: 20px;
}
.folio-item2, .folio-item-style2-2col {
    float: left;
    height: auto;
    margin-bottom: 30px;
    width: 460px;
	padding-bottom: 10px;
	margin-left: 20px;
}
.folio-item img.folio-featured,.folio-item-style2 img.folio-featured, .folio-item3 img.folio-featured, .folio-item2 img.folio-featured, .folio-item-style2-3col  img.folio-featured, .folio-item-style2-2col  img.folio-featured
	{ display: block; margin-bottom: 0px; }
.folio-item img.folio-featured, .folio-item-style2 img.folio-featured  {width:220px; height:auto;}
.folio-item3 img.folio-featured, .folio-item-style2-3col img.folio-featured  {width:300px; height:auto;}

/*
	STYLE 1 - 4 col
*/
.folio-item .folio-desc, .folio-item2 .folio-desc, .folio-item3 .folio-desc  {
	background: #fff;
	border-top:1px solid #ffffff;
	border-bottom: 1px solid #E6E1E3;
	border-left: 1px solid #E6E1E3;
	border-right: 1px solid #E6E1E3;
	margin-top:-1px;
	
}
.folio-item:hover .folio-desc, .folio-item2:hover .folio-desc, .folio-item3:hover .folio-desc  {
	background: #0095D4;
	border-top:1px solid #0095D4;
	border-bottom: 1px solid #0095D4;
	border-left: 1px solid #0095D4;
	border-right: 1px solid #0095D4;
}
.folio-item .folio-desc h1, .folio-item2 .folio-desc h1 , .folio-item3 .folio-desc h1  {
	margin: 5px 0 0 0;
	padding: 0;
	font-size: 14px;
	text-align: center;
	line-height:1.6;
	color: #444444;
	text-transform:none;
	letter-spacing:0;
}
.folio-item .folio-desc h1 a, .folio-item2 .folio-desc h1 a, .folio-item3 .folio-desc h1 a {
	/* font-family: 'Droid Sans', sans-serif;  */ 	
	font-size: 14px;
	font-weight: 700;
	color: #444444;
}
.folio-item:hover .folio-desc h1 a, .folio-item2:hover .folio-desc h1 a, .folio-item3:hover .folio-desc h1  a{
	color:#ffffff;
 }
.folio-item .folio-desc h3, .folio-item2 .folio-desc h3, .folio-item3 .folio-desc h3 {
	margin: 0 0 3px 0;
	padding: 0;
	font-size: 13px;
	text-align: center;
	color: #6b6a6a;
	line-height:1.6;
	/* font-family: Arial,Helvetica,sans-serif; */
	font-weight:normal;
	text-transform: none;
}
.folio-item .folio-desc h3 a, .folio-item2 .folio-desc h3 a, .folio-item3 .folio-desc h3 a {
	color: #797878;
}
.folio-item:hover .folio-desc h3, .folio-item2:hover .folio-desc h3, .folio-item3:hover .folio-desc h3 {
	color: #ffffff;
}
.folio-item .view {
   width: 220px;
   height:124px; /*height: 173px;*/
   overflow: hidden;
   position: relative;
   text-align: center;
   cursor: default;
   
}
.folio-item .view .mask,.view .content {
   width: 220px;
   height:124px; /*height: 173px;*/
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.folio-item .view a.info, .folio-item2 .view a.info, .folio-item3 .view a.info {
   display: inline-block;
}
/* for effect */
.folio-item .view-third .mask {
   background-color: rgba(0,0,0,0.6);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: translate(220px, -100px) rotate(180deg);
   -moz-transform: translate(220px, -100px) rotate(180deg);
   -o-transform: translate(220px, -100px) rotate(180deg);
   -ms-transform: translate(220px, -100px) rotate(180deg);
   transform: translate(220px, -100px) rotate(180deg);
   -webkit-transition: all 0.2s 0.4s ease-in-out;
   -moz-transition: all 0.2s 0.4s ease-in-out;
   -o-transition: all 0.2s 0.4s ease-in-out;
   -ms-transition: all 0.2s 0.4s ease-in-out;
   transition: all 0.2s 0.4s ease-in-out;
}
.folio-item .view-third a.info {
   -webkit-transform: translateY(-124px);
   -moz-transform: translateY(-124px);
   -o-transform: translateY(-124px);
   -ms-transform: translateY(-124px);
   transform: translateY(-124px);
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.folio-item:hover .view-third .mask {
/*
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
 */
 
   opacity: 1;
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   -ms-transition-delay: 0s;
   transition-delay: 0s;
   -webkit-transform: translate(0px, 0px);
   -moz-transform: translate(0px, 0px);
   -o-transform: translate(0px, 0px);
   -ms-transform: translate(0px, 0px);
   transform: translate(0px, 0px);
}
.folio-item:hover .view-third a.info {
   -webkit-transform: translateY(30px);
   -moz-transform: translateY(30px);
   -o-transform: translateY(30px);
   -ms-transform: translateY(30px);
   transform: translateY(30px);
   -webkit-transition-delay: 0.3s;
   -moz-transition-delay: 0.3s;
   -o-transition-delay: 0.3s;
   -ms-transition-delay: 0.3s;
   transition-delay: 0.3s;
}

/*
	STYLE 1 - 3 col
*/


.folio-item3 .view {
   width: 300px;
   height:169px; 
   overflow: hidden;
   position: relative;
   text-align: center;
   cursor: default;
}
.folio-item3 .view .mask,.view .content {
   width: 300px;
   height:169px; 
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
/* for effect */
.folio-item3 .view-third .mask {
   background-color: rgba(0,0,0,0.6);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: translate(300px, -100px) rotate(180deg);
   -moz-transform: translate(300px, -100px) rotate(180deg);
   -o-transform: translate(300px, -100px) rotate(180deg);
   -ms-transform: translate(300px, -100px) rotate(180deg);
   transform: translate(300px, -100px) rotate(180deg);
   -webkit-transition: all 0.2s 0.4s ease-in-out;
   -moz-transition: all 0.2s 0.4s ease-in-out;
   -o-transition: all 0.2s 0.4s ease-in-out;
   -ms-transition: all 0.2s 0.4s ease-in-out;
   transition: all 0.2s 0.4s ease-in-out;
}
.folio-item3 .view-third a.info {
   -webkit-transform: translateY(-169px);
   -moz-transform: translateY(-169px);
   -o-transform: translateY(-169px);
   -ms-transform: translateY(-169px);
   transform: translateY(-169px);
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.folio-item3:hover .view-third .mask {
   opacity: 1;
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   -ms-transition-delay: 0s;
   transition-delay: 0s;
   -webkit-transform: translate(0px, 0px);
   -moz-transform: translate(0px, 0px);
   -o-transform: translate(0px, 0px);
   -ms-transform: translate(0px, 0px);
   transform: translate(0px, 0px);
}
.folio-item3:hover .view-third a.info {
   -webkit-transform: translateY(50px);
   -moz-transform: translateY(50px);
   -o-transform: translateY(50px);
   -ms-transform: translateY(50px);
   transform: translateY(50px);
   -webkit-transition-delay: 0.3s;
   -moz-transition-delay: 0.3s;
   -o-transition-delay: 0.3s;
   -ms-transition-delay: 0.3s;
   transition-delay: 0.3s;
}				

/*
	STYLE 1 - 2 col
*/
.folio-item2 .view {
   width: 460px;
   height:259px; 
   overflow: hidden;
   position: relative;
   text-align: center;
   cursor: default;
}
.folio-item2 .view .mask,.view .content {
   width: 460px;
   height:259px; /*height: 362px;*/
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
/* for effect */
.folio-item2 .view-third .mask {
   background-color: rgba(0,0,0,0.6);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: translate(460px, -100px) rotate(180deg);
   -moz-transform: translate(460px, -100px) rotate(180deg);
   -o-transform: translate(460px, -100px) rotate(180deg);
   -ms-transform: translate(460px, -100px) rotate(180deg);
   transform: translate(460px, -100px) rotate(180deg);
   -webkit-transition: all 0.2s 0.4s ease-in-out;
   -moz-transition: all 0.2s 0.4s ease-in-out;
   -o-transition: all 0.2s 0.4s ease-in-out;
   -ms-transition: all 0.2s 0.4s ease-in-out;
   transition: all 0.2s 0.4s ease-in-out;
}
.folio-item2 .view-third a.info {
   -webkit-transform: translateY(-259px);
   -moz-transform: translateY(-259px);
   -o-transform: translateY(-259px);
   -ms-transform: translateY(-259px);
   transform: translateY(-259px);
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.folio-item2:hover .view-third .mask {
   opacity: 1;
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   -ms-transition-delay: 0s;
   transition-delay: 0s;
   -webkit-transform: translate(0px, 0px);
   -moz-transform: translate(0px, 0px);
   -o-transform: translate(0px, 0px);
   -ms-transform: translate(0px, 0px);
   transform: translate(0px, 0px);
}
.folio-item2:hover .view-third a.info {
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   -webkit-transition-delay: 0.3s;
   -moz-transition-delay: 0.3s;
   -o-transition-delay: 0.3s;
   -ms-transition-delay: 0.3s;
   transition-delay: 0.3s;
}				

/*
	STYLE 2 - 4 col
*/			
		
		
.folio-item-style2 .folio-desc, .folio-item-style2-2col .folio-desc , .folio-item-style2-3col .folio-desc  {
	background: #fff;
	border-top: 1px solid #444444;
	border-bottom: 1px solid #444444;
}
.folio-item-style2 .folio-desc h1, .folio-item-style2-2col .folio-desc h1, .folio-item-style2-3col .folio-desc h1 {
	margin: 5px 0 0 0;
	padding: 0;
	font-size: 14px;
	text-align: center;
	line-height:1.6;
	color: #444444;
}
.folio-item-style2 .folio-desc h1 a, .folio-item-style2-2col .folio-desc h1 a, .folio-item-style2-2col .folio-desc h1 a {	
	font-size: 14px;
	font-weight: 700;
	color: #444444;	
}
.folio-item-style2 .folio-desc h3, .folio-item-style2-3col .folio-desc h3 , .folio-item-style2-3col .folio-desc h3  {
	margin: 0 0 3px 0;
	padding: 0;
	font-size: 12px;
	text-align: center;
	color: #6b6a6a;
	line-height:1.6;
	font-weight:normal;
	text-transform: none;
}
.folio-item-style2 .folio-desc h3 a, .folio-item-style2-2col .folio-desc h3 a, .folio-item-style2-3col .folio-desc h3 a {
	color: #797878;
}
.folio-item-style2 .view {
   width: 220px;
   height: 124px;
   overflow: hidden;
   position: relative;  
   cursor: default;
}
.folio-item-style2 .view .mask,.view .content {
   width: 220px;
   height: 124px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.folio-item-style2 .view a.info, .folio-item-style2-2col .view a.info, .folio-item-style2-3col .view a.info {
   display: inline-block;
   background: #fff;
   width: 100%;
}

.folio-item-style2 .view a.info .hover-desc {
	width:140px;
	margin: 0 10px 0 15px;
	padding: 10px 0;
}
.folio-item-style2 .view a.info .hover-desc h1, .folio-item-style2-2col .view a.info .hover-desc h1 ,.folio-item-style2-3col .view a.info .hover-desc h1  {
	/* font-family: 'Droid Sans', sans-serif;  */ 	
	font-size: 14px;
	font-weight: bold;
	letter-spacing: -0.5px;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
	line-height:1.6;
	color: #444444;
}
.folio-item-style2 .view a.info .hover-desc h3, .folio-item-style2-2col .view a.info .hover-desc h3, .folio-item-style2-3col .view a.info .hover-desc h3 {
	font-size: 12px;
	margin: 0;
	padding: 0;
	line-height:1.6;
	/* font-family: Arial,Helvetica,sans-serif; */
	font-weight:normal;
	color: #444444;
	text-transform: none;
}
.folio-item-style2 .view a.info .hover-desc h3:before, .folio-item-style2-2col .view a.info .hover-desc h3:before, .folio-item-style2-3col .view a.info .hover-desc h3:before {
	content:"\2014 \0020";
}
.folio-item-style2 .view a.info img, .folio-item-style2-2col .view a.info img, .folio-item-style2-3col .view a.info img {
	margin-top: 9px;
}

/* for effect */
.folio-item-style2 .view-third .mask {
   background-color: rgba(0,0,0,0.6);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: translate(220px, -100px) rotate(180deg);
   -moz-transform: translate(220px, -100px) rotate(180deg);
   -o-transform: translate(220px, -100px) rotate(180deg);
   -ms-transform: translate(220px, -100px) rotate(180deg);
   transform: translate(220px, -100px) rotate(180deg);
   -webkit-transition: all 0.2s 0.4s ease-in-out;
   -moz-transition: all 0.2s 0.4s ease-in-out;
   -o-transition: all 0.2s 0.4s ease-in-out;
   -ms-transition: all 0.2s 0.4s ease-in-out;
   transition: all 0.2s 0.4s ease-in-out;
}
.folio-item-style2 .view-third a.info {
   -webkit-transform: translateY(-124px);
   -moz-transform: translateY(-124px);
   -o-transform: translateY(-124px);
   -ms-transform: translateY(-124px);
   transform: translateY(-124px);
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.folio-item-style2 .view-third:hover .mask, .folio-item-style2-2col .view-third:hover .mask, .folio-item-style2-3col .view-third:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   -ms-transition-delay: 0s;
   transition-delay: 0s;
   -webkit-transform: translate(0px, 0px);
   -moz-transform: translate(0px, 0px);
   -o-transform: translate(0px, 0px);
   -ms-transform: translate(0px, 0px);
   transform: translate(0px, 0px);
}
.folio-item-style2 .view-third:hover a.info {
   -webkit-transform: translateY(32px);
   -moz-transform: translateY(32px);
   -o-transform: translateY(32px);
   -ms-transform: translateY(32px);
   transform: translateY(32px);
   -webkit-transition-delay: 0.3s;
   -moz-transition-delay: 0.3s;
   -o-transition-delay: 0.3s;
   -ms-transition-delay: 0.3s;
   transition-delay: 0.3s;
}


.main_inside.portfolio_page {
	margin-left:0px;
}


/*
	STYLE 2 - 3 col
*/			
.folio-item-style2-3col .view {
   width: 300px;
   height: 169px;
   overflow: hidden;
   position: relative;  
   cursor: default;
}
.folio-item-style2-3col .view .mask,.view .content {
   width: 300px;
   height: 169px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.folio-item-style2-3col .view a.info .hover-desc {
	width:220px;
	margin: 0 10px 0 15px;
	padding: 10px 0;
}
/* for effect */
.folio-item-style2-3col .view-third .mask {
   background-color: rgba(0,0,0,0.6);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: translate(300px, -100px) rotate(180deg);
   -moz-transform: translate(300px, -100px) rotate(180deg);
   -o-transform: translate(300px, -100px) rotate(180deg);
   -ms-transform: translate(300px, -100px) rotate(180deg);
   transform: translate(300px, -100px) rotate(180deg);
   -webkit-transition: all 0.2s 0.4s ease-in-out;
   -moz-transition: all 0.2s 0.4s ease-in-out;
   -o-transition: all 0.2s 0.4s ease-in-out;
   -ms-transition: all 0.2s 0.4s ease-in-out;
   transition: all 0.2s 0.4s ease-in-out;
}
.folio-item-style2-3col .view-third a.info {
   -webkit-transform: translateY(-169px);
   -moz-transform: translateY(-169px);
   -o-transform: translateY(-169px);
   -ms-transform: translateY(-169px);
   transform: translateY(-169px);
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.folio-item-style2-3col .view-third:hover a.info {
   -webkit-transform: translateY(55px);
   -moz-transform: translateY(55px);
   -o-transform: translateY(55px);
   -ms-transform: translateY(55px);
   transform: translateY(55px);
   -webkit-transition-delay: 0.3s;
   -moz-transition-delay: 0.3s;
   -o-transition-delay: 0.3s;
   -ms-transition-delay: 0.3s;
   transition-delay: 0.3s;
}

/*
	STYLE 2 - 2 col
*/	
.folio-item-style2-2col .view {
   width: 460px;
   height: 259px;
   overflow: hidden;
   position: relative;  
   cursor: default;
}
.folio-item-style2-2col .view .mask,.view .content {
   width: 460px;
   height: 259px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.folio-item-style2-2col .view a.info .hover-desc {
	width:380px;
	margin: 0 10px 0 15px;
	padding: 10px 0;
}
/* for effect */
.folio-item-style2-2col .view-third .mask {
   background-color: rgba(0,0,0,0.6);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: translate(460px, -100px) rotate(180deg);
   -moz-transform: translate(460px, -100px) rotate(180deg);
   -o-transform: t
ranslate(460px, -100px) rotate(180deg);
   -ms-transform: translate(460px, -100px) rotate(180deg);
   transform: translate(460px, -100px) rotate(180deg);
   -webkit-transition: all 0.2s 0.4s ease-in-out;
   -moz-transition: all 0.2s 0.4s ease-in-out;
   -o-transition: all 0.2s 0.4s ease-in-out;
   -ms-transition: all 0.2s 0.4s ease-in-out;
   transition: all 0.2s 0.4s ease-in-out;
}
.folio-item-style2-2col .view-third a.info {
   -webkit-transform: translateY(-259px);
   -moz-transform: translateY(-259px);
   -o-transform: translateY(-259px);
   -ms-transform: translateY(-259px);
   transform: translateY(-259px);
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.folio-item-style2-2col .view-third:hover a.info {
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   -webkit-transition-delay: 0.3s;
   -moz-transition-delay: 0.3s;
   -o-transition-delay: 0.3s;
   -ms-transition-delay: 0.3s;
   transition-delay: 0.3s;
}

/*
	FOLIO ITEMS for pages with sidebar
*/	
/* 4 col */
.main_inside_with_sidebar_right .folio-item, 
.main_inside_with_sidebar_left .folio-item, 
.main_inside_with_sidebar_right .folio-item-style2, 
.main_inside_with_sidebar_left .folio-item-style2, 
.main_inside_with_sidebar_right .folio-item img.folio-featured, 
.main_inside_with_sidebar_left .folio-item img.folio-featured, 
.main_inside_with_sidebar_right .folio-item-style2 img.folio-featured, 
.main_inside_with_sidebar_left .folio-item-style2 img.folio-featured 
{
    width: 157.5px;
	height:auto;
}
.main_inside_with_sidebar_right  .folio-item .view, 
.main_inside_with_sidebar_left  .folio-item .view,
.main_inside_with_sidebar_left .folio-item .view, .main_inside_with_sidebar_left .folio-item .view .mask,.view .content,
.main_inside_with_sidebar_right .folio-item .view, .main_inside_with_sidebar_right .folio-item .view .mask,.view .content,
.main_inside_with_sidebar_right .folio-item-style2 .view .mask, .view .content,
.main_inside_with_sidebar_left .folio-item-style2 .view .mask, .view .content,
.main_inside_with_sidebar_right .folio-item-style2 .view,
.main_inside_with_sidebar_left .folio-item-style2 .view
 {
   width: 157.5px;
   height: 88px;
}
.main_inside_with_sidebar_left  .folio-item-style2 .view a.info .hover-desc,
.main_inside_with_sidebar_right  .folio-item-style2 .view a.info .hover-desc 
{ 
	width:77.5px;
}

.main_inside_with_sidebar_right .folio-item .view-third:hover a.info,
.main_inside_with_sidebar_left .folio-item .view-third:hover a.info {
   -webkit-transform: translateY(10px);
   -moz-transform: translateY(10px);
   -o-transform: translateY(10px);
   -ms-transform: translateY(10px);
   transform: translateY(10px);
   -webkit-transition-delay: 0.3s;
   -moz-transition-delay: 0.3s;
   -o-transition-delay: 0.3s;
   -ms-transition-delay: 0.3s;
   transition-delay: 0.3s;
}
/* 3 col */
.main_inside_with_sidebar_right .folio-item3, 
.main_inside_with_sidebar_left .folio-item3, 
.main_inside_with_sidebar_right .folio-item-style2-3col, 
.main_inside_with_sidebar_left .folio-item-style2-3col, 
.main_inside_with_sidebar_right .folio-item3 img.folio-featured, 
.main_inside_with_sidebar_left .folio-item3 img.folio-featured, 
.main_inside_with_sidebar_right .folio-item-style2-3col img.folio-featured, 
.main_inside_with_sidebar_left .folio-item-style2-3col img.folio-featured   {
    width: 216px;
	height:auto;
}
.main_inside_with_sidebar_right  .folio-item3 .view, 
.main_inside_with_sidebar_left  .folio-item3 .view,
.main_inside_with_sidebar_left .folio-item3 .view, .main_inside_with_sidebar_left .folio-item3 .view .mask,.view .content,
.main_inside_with_sidebar_right .folio-item3 .view, .main_inside_with_sidebar_right .folio-item3 .view .mask,.view .content,
.main_inside_with_sidebar_right .folio-item-style2-3col .view .mask, .view .content,
.main_inside_with_sidebar_left .folio-item-style2-3col .view .mask, .view .content,
.main_inside_with_sidebar_right .folio-item-style2-3col .view,
.main_inside_with_sidebar_left .folio-item-style2-3col .view
 {
   width: 216px;
   height: 121px;
}

.main_inside_with_sidebar_left  .folio-item-style2-3col .view a.info .hover-desc,
.main_inside_with_sidebar_right  .folio-item-style2-3col .view a.info .hover-desc 
{ 
	width:136px;
}

.main_inside_with_sidebar_right .folio-item3 .view-third:hover a.info,
.main_inside_with_sidebar_left .folio-item3 .view-third:hover a.info {
   -webkit-transform: translateY(25px);
   -moz-transform: translateY(25px);
   -o-transform: translateY(25px);
   -ms-transform: translateY(25px);
   transform: translateY(25px);
   -webkit-transition-delay: 0.3s;
   -moz-transition-delay: 0.3s;
   -o-transition-delay: 0.3s;
   -ms-transition-delay: 0.3s;
   transition-delay: 0.3s;
}
.main_inside_with_sidebar_right .folio-item-style2 .view-third:hover a.info,
.main_inside_with_sidebar_left .folio-item-style2 .view-third:hover a.info {
   -webkit-transform: translateY(15px);
   -moz-transform: translateY(15px);
   -o-transform: translateY(15px);
   -ms-transform: translateY(15px);
   transform: translateY(15px);
   -webkit-transition-delay: 0.3s;
   -moz-transition-delay: 0.3s;
   -o-transition-delay: 0.3s;
   -ms-transition-delay: 0.3s;
   transition-delay: 0.3s;
}
.main_inside_with_sidebar_right .folio-item-style2-3col .view-third:hover a.info,
.main_inside_with_sidebar_left .folio-item-style2-3col .view-third:hover a.info {
   -webkit-transform: translateY(30px);
   -moz-transform: translateY(30px);
   -o-transform: translateY(30px);
   -ms-transform: translateY(30px);
   transform: translateY(30px);
   -webkit-transition-delay: 0.3s;
   -moz-transition-delay: 0.3s;
   -o-transition-delay: 0.3s;
   -ms-transition-delay: 0.3s;
   transition-delay: 0.3s;
}
/* 2 col */
.main_inside_with_sidebar_right .folio-item2, 
.main_inside_with_sidebar_left .folio-item2, 
.main_inside_with_sidebar_right .folio-item-style2-2col, 
.main_inside_with_sidebar_left .folio-item-style2-2col, 
.main_inside_with_sidebar_right .folio-item2 img.folio-featured, 
.main_inside_with_sidebar_left .folio-item2 img.folio-featured, 
.main_inside_with_sidebar_right .folio-item-style2-2col img.folio-featured, 
.main_inside_with_sidebar_left .folio-item-style2-2col img.folio-featured  {
    width: 335px;
	height:auto;
}
.main_inside_with_sidebar_right  .folio-item2 .view, 
.main_inside_with_sidebar_left  .folio-item2 .view,
.main_inside_with_sidebar_left .folio-item2 .view, .main_inside_with_sidebar_left .folio-item2 .view .mask,.view .content,
.main_inside_with_sidebar_right .folio-item2 .view, .main_inside_with_sidebar_right .folio-item2 .view .mask,.view .content,
.main_inside_with_sidebar_right .folio-item-style2-2col .view .mask, .view .content,
.main_inside_with_sidebar_left .folio-item-style2-2col .view .mask, .view .content,
.main_inside_with_sidebar_right .folio-item-style2-2col .view,
.main_inside_with_sidebar_left .folio-item-style2-2col .view {
   width: 335px;
   height: 188px;
}

.main_inside_with_sidebar_left  .folio-item-style2-2col .view a.info .hover-desc,
.main_inside_with_sidebar_right  .folio-item-style2-2col .view a.info .hover-desc 
{ 
	width:255px;
}

.main_inside_with_sidebar_right .folio-item2 .view-third:hover a.info,
.main_inside_with_sidebar_left .folio-item2 .view-third:hover a.info {
   -webkit-transform: translateY(70px);
   -moz-transform: translateY(70px);
   -o-transform: translateY(70px);
   -ms-transform: translateY(70px);
   transform: translateY(70px);
   -webkit-transition-delay: 0.3s;
   -moz-transition-delay: 0.3s;
   -o-transition-delay: 0.3s;
   -ms-transition-delay: 0.3s;
   transition-delay: 0.3s;
}

.main_inside_with_sidebar_right .folio-item-style2-2col .view-third:hover a.info,
.main_inside_with_sidebar_left .folio-item-style2-2col .view-third:hover a.info {
   -webkit-transform: translateY(60px);
   -moz-transform: translateY(60px);
   -o-transform: translateY(60px);
   -ms-transform: translateY(60px);
   transform: translateY(60px);
   -webkit-transition-delay: 0.3s;
   -moz-transition-delay: 0.3s;
   -o-transition-delay: 0.3s;
   -ms-transition-delay: 0.3s;
   transition-delay: 0.3s;
}


.main_inside_with_sidebar_right  .folios-wrapper,.main_inside_with_sidebar_right  .folios-wrapper3,.main_inside_with_sidebar_right  .folios-wrapper2,.main_inside_with_sidebar_right  .folios-wrapper-style2, 
.main_inside_with_sidebar_right  .folios-wrapper-style2-3col,.main_inside_with_sidebar_right  .folios-wrapper-style2-2col, .main_inside_with_sidebar_left  .folios-wrapper,.main_inside_with_sidebar_left  .folios-wrapper3,.main_inside_with_sidebar_left  .folios-wrapper2,.main_inside_with_sidebar_left  .folios-wrapper-style2, 
.main_inside_with_sidebar_left  .folios-wrapper-style2-3col,.main_inside_with_sidebar_left  .folios-wrapper-style2-2col {
	margin-left: -20px;
	width:730px;
}




.mr10 {
	margin-right:10px;
}

.ml0 {
	margin-left:0px;
}




/* START BLOG SHORTCODES */
/* STYLE 1 */
.post-wrapper {
	margin-left:-20px;
}

.sh-post-style1 {
    float: left;
    height: auto;
    margin-bottom: 30px;
	margin-left:20px;
}
.post4col {
	width: 220px;
}
.post3col {
	width: 300px;
}
.post2col {
	width: 460px;
}
.sh-post-style1 .date p {
	background: #444444;
	color: #fff;
	font-size: 22px; 
	text-align: center;
	text-transform: uppercase;
	letter-spacing: -1px;
	padding: 3px 5px;
	font-weight: 700;
	margin-right: 10px;
	width: 50px;
	border-top: 3px solid #0088c2;
	margin-top: -2px;
}


.sh-post-style1 .date {
    display: block;
    float: left;
    margin-right: 10px;
    width: 50px;
}
	
.sh-post-style1 .date p span {
	display: block;
	font-size: 12px;
	font-weight: normal;
	margin-top: -5px;
	color: #bcbdbd;
	letter-spacing: none;
}

.sh-post-style1  h1 {
	font-size: 14px; 
	margin: 0;
	padding: 0;	
	margin-left:70px;
	margin-top: -15px;
	letter-spacing:0;
	line-height:1.6;
	text-transform:none;
}
.sh-post-style1  h1 a {
	font-size: 15px; 
	font-weight: 700;
	color: #444444;
}
.sh-post-style1 p.summary {
	font-size: 13px; 
	color: #444444;
	margin-left:70px;
}
.sh-post-style1  p a {
	font-size: 13px; 
	color: #777777;
}
.sh-post-style1  p a:hover,
.sh-post-style1  h1 a:hover {
	color: #0088c2;
}

/* STYLE 2 */
.sh-post-style2 {
	position: relative;
	margin-left:20px;
	margin-bottom:20px;
}
.sh-post-style2 .date-content {
	margin-top: -40px;
}
.sh-post-style2 .date-content p.date {
	background: #0095d4;
	font-size: 13px; 
	color: #fff;
	padding: 2px 10px 2px 10px;
	text-transform: uppercase;
	display: inline-block;
	font-weight: bold;
	margin-right: -5px;
	margin: 0 0 20px;
}
.sh-post-style2 .date-content p.num-comm {
	background: #fff; 
	font-size: 13px; 
	color: #444444;
	padding: 2px 10px 2px 10px;
	text-transform: uppercase;
	display: inline-block;
	font-weight: bold;
}
.sh-post-style2 .date-content p.num-comm img {
	vertical-align: middle;
	max-width:none;
	width:18px; 
	height:17px;	
}
.sh-post-style2 .post-content h1 {
	font-size: 14px; 
	margin: 0;
	padding: 0;	
	margin-bottom: 3px;
	margin-top: 0px;
	letter-spacing:0;
	line-height:1.6;
	text-transform:none;
}
.sh-post-style2 .post-content h1 a {
	font-size: 15px; 
	font-weight: 700;
	color: #444444;
	
}
.sh-post-style2 .post-content p {
	color: #777777;
	font-size: 13px;
	line-height: 1.6;	
}

.post-image{
	max-width:100%;
	height:auto;
}

.main_inside_with_sidebar_right .post4col, 
.main_inside_with_sidebar_left .post4col
{
    width: 157.5px;
}

.main_inside_with_sidebar_right .post3col, 
.main_inside_with_sidebar_left .post3col
{
    width: 216px;
}

.main_inside_with_sidebar_right .post2col, 
.main_inside_with_sidebar_left .post2col
{
    width: 335px;
}


/* END BLOG SHORTCODES */

/* START POST TYPE 1 */

.post-wrapper-template {
	margin-left:10px;
	width:940px;
}

.post {
	width: 100%;
	margin-bottom:30px;
}

.post .post-image {
	margin-bottom: 20px;
	position:relative;
}
.post .post-image img {
	display: block;
	max-width:100%;
	height:auto;
	width:inherit;
}
.post .post-type {
	width: 60px;
	float: left;
	margin-right: 30px;
}
.post .post-desc {
	width: 850px;
	float: left;
}
.post .post-desc h1 {
	line-height: 1;
	margin-bottom: 10px;
	text-transform:none;
}
.post .post-desc h1 a {
	color: #444444; 
	font-size: 24px;
	font-weight: bold;
	letter-spacing: -1px;
}
.post .post-desc p {
	color: #444444; 
	font-size: 13px;
	font-weight: normal;
	margin-bottom: 20px;
}
.post ul.post-details {
	background: #f5f5f5;
	border-left: 5px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4;
	padding: 10px 20px;
	margin-left: 0;
	margin-bottom: 30px;
}
.post ul.post-details li { 
	list-style: none !important;
	display: inline;
	margin-right: 20px;
	color: #444444; 
	font-size: 13px;
}
.post ul.post-details li a { 
	color: #444444; 
}
.post ul.post-details li a:hover { 
	color: #0088c2; 
}
.post ul.post-details li img { 
	vertical-align: middle;
	margin-right: 8px;
}
.post a.post-read-more {
	background: #444444;
	color: #ffffff !important;
	font-size: 15px;	
	font-weight: bold;
	padding: 6px 25px;
}
.post a:hover.post-read-more {
	background: #0088c2;
}
.post .post-separator {
	border-bottom: 1px solid #e2e0e0;
	margin-top: 30px;
}

.main_inside_with_sidebar_right  .post-wrapper-template,
.main_inside_with_sidebar_left .post-wrapper-template {
	width:690px;
}

.main_inside_with_sidebar_right  .post-wrapper-template .post .post-desc,
.main_inside_with_sidebar_left .post-wrapper-template .post .post-desc {
	width:600px;
}

/* END POST TYPE 1 */

/* START POST TYPE 2 */

.post-small {
	width:100%;
	margin-bottom:30px;
}
.post-small .post-image {
	position:relative;
	width: 300px;
	height:auto;
	display: block;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;	
}
.post-small .post-image img {
	display:block;
	height:auto;
	max-width:100%;
	width:inherit;
}
.post-small .post-type {
	width: 60px;
	float: left;
	margin-right: 30px;
}
.post-small .post-desc {
	width: 620px;
	float: left;
}

.post-small .post-desc img.post-type-image{
	float: left; 
	margin-right: 15px;
	width:60px;
	height:35px;
}


.post-small .post-desc h1 {
	line-height: 1.2;
	margin-bottom: 10px;
	text-transform:none;
}
.post-small .post-desc h1 a {
	color: #444444; 
	font-size: 24px;
	font-weight: bold;
	letter-spacing: -1px;
}
.post-small .post-desc p {
	color: #444444; 
	font-size: 13px;
	font-weight: normal;
	margin-bottom: 20px;
	margin-top:20px;
}

.post-small ul.post-details {
	background: #f5f5f5;
	border-left: 5px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4;
	padding: 10px 20px;
	margin-left: 0;
	margin-bottom: 30px;
}
.post-small ul.post-details li { 
	list-style: none !important;
	display: inline;
	margin-right: 20px;
	color: #444444; 
	font-size: 13px;	
}
.post-small ul.post-details li a { 
	color: #444444; 
}
.post-small ul.post-details li a:hover { 
	color: #0088c2; 
}
.post-small ul.post-details li img { 
	vertical-align: middle;
	margin-right: 8px;
}
.post-small a.post-read-more {
	background: #444444;
	color: #fff !important;
	font-size: 15px;
	font-weight: bold;
	padding: 6px 25px;
}
.post-small a:hover.post-read-more {
	background: #0088c2;
}
.post-small .post-separator {
	border-bottom: 1px solid #e2e0e0;
	margin-top: 30px;
}


.main_inside_with_sidebar_right  .post-wrapper-template .post-small .post-desc,
.main_inside_with_sidebar_left .post-wrapper-template .post-small .post-desc{
	width:370px;
}


.builderContentPost {
	width:870px; 
	margin-left:-10px
}

.main_inside_with_sidebar_right  .post-wrapper-template .builderContentPost,
.main_inside_with_sidebar_left .post-wrapper-template .builderContentPost{
	width:620px;
}

.main_inside_with_sidebar_right  .post-wrapper-template .author-bio .author-info ,
.main_inside_with_sidebar_left .post-wrapper-template .author-bio .author-info {
	width:470px;	
}

.main_inside_with_sidebar_right  #comments .post-desc,
.main_inside_with_sidebar_left #comments .post-desc {
	width:600px;
}

.main_inside_with_sidebar_right #comments textarea,
.main_inside_with_sidebar_left #comments textarea {
	width:588px;
}

.main_inside_with_sidebar_right .form-allowed-tags,
.main_inside_with_sidebar_left .form-allowed-tags {
	margin-left:0px !important;
}

.main_inside_with_sidebar_right p.form-submit input#submit,
.main_inside_with_sidebar_left p.form-submit input#submit {
	margin-left:0px !important;
}
/* START SINGLE FOLIO TYPE 1 - 3/4 OF IMAGE */
.single-folio-type1 img {
	max-width:100%;
	height:auto;
}
.project-details {
	clear: both;
	display: inline-block;
	border-bottom: 1px dashed #eaeaea;
	padding-bottom: 5px;
	width:100%;
}
.project-details h4 {
	color: #444444; 
	font-size: 13px;	
	width: 30%;
    float: left;
	margin: 0;
	margin-right: 10%;	
	line-height:1.6;
	text-transform:none;
}
.project-details span {
	float: left;
	color: #606060; 
	font-size: 13px;	
	width: 60%;
}
.project-details span a {
	color: #606060;
}
.project-details span a:hover {
	color: #0088c2;
}
/* END SINGLE FOLIO TYPE 1 - 3/4 OF IMAGE */
/* START SINGLE FOLIO TYPE 2 - FULLWIDTH IMAGE */
.single-folio-type2 .img {
	margin-bottom:30px;
}

.single-folio-type2 img {
	max-width:100%;
	height:auto;
}
/* END SINGLE FOLIO TYPE 2 - FULLWIDTH IMAGE */

.folio-item .mask .info img, .folio-item2 .mask .info img, .folio-item3 .mask .info img {  width:76px; height:76px;} 
.folio-item-style2 .view a.info img, .folio-item-style2-2col .view a.info img, .folio-item-style2-3col .view a.info img { width:47px; height:47px; }

img.post-date-img { width:17px; height:16px; }
img.post-author-img { width:15px; height:16px; }
img.post-cat-img { width:16px; height:16px; }
img.post-comment-img { width:16px; height:15px; }

#comments .post-type img {  width:60px; height:35px;}


/* search results */

.single-search-item { 
	width: 100%; 
	height :auto; 
	margin-bottom: 20px; 
}
.single-search-item h1 a { 
	color: #141414; 
}
.single-search-item h1 a:hover {
	color: #0088C2; 
 }
.single-search-item .post-details {
	background: none repeat scroll 0 0 #F5F5F5;
	border-bottom: 1px solid #E4E4E4;
	border-left: 5px solid #E4E4E4;
	margin-bottom: 30px;
	margin-left: 0;
	padding: 10px 20px;
}
.single-search-item .post-details li {
	color: #444444;
	display: inline;
	font-size: 13px;
	list-style: none outside none !important;
	margin-right: 20px;
}
.single-search-item ul.post-details li img {
	margin-right: 8px;
	vertical-align: middle;
}
.single-search-item ul.post-details li a {
	color: #444444;
}
.single-search-item ul.post-details li a:hover {
	color: #0088C2;
}