/*Column*/
.zooportfolio_cl_holder{ margin-left:-3%; }

.zooportfolio_cl{ margin-left:3%; float:left; margin-bottom:3%; }

.zooportfolio_cl_2{ width:47%; }
.zooportfolio_cl_3{ width:30.33333%; }
.zooportfolio_cl_4{ width:22%; }
.zooportfolio_cl_5{ width:17%; }

.zooportfolio_clear{ margin:0; padding:0; height:1px; width:100%; clear:both; }



/*Grid
----------------------------------------------------------------------*/
.zooportfolio-grid{}
.zooportfolio_grid_item{ }
.zooportfolio_grid_item a{ text-decoration:none; }

.zooportfolio_grid_item .item-description {
	padding: 18px 20px 24px 20px;
	text-align: center;
	background-color: #f6f6f6;
	box-shadow: inset 0 -1px 0 0 rgba(0,0,0,0.05);
	border-radius: 0 0 4px 4px;
}
.zooportfolio_grid_item .item-description h5{ font-size:16px; margin:0; line-height:22px; color:#333; }
.zooportfolio_grid_item .item-description span{ font-size:14px; color:#666; }

.zooportfolio_grid_item:hover .item-description {background-color: #73b819;}
.zooportfolio_grid_item:hover .item-description h5{ color:#FFF; }
.zooportfolio_grid_item:hover .item-description span{ color:#FFF; }

.zooportfolio-grid .zooportfolio_grid_item .mediaholder{ line-height:0; position:relative; overflow:hidden; }
.zooportfolio-grid .zooportfolio_grid_item .mediaholder img{
	border-radius: 0px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0);	
	max-width: 100%;
	width: 100%;
	border-radius: 4px 4px 0 0;
}

.zooportfolio-grid .zooportfolio_grid_item .mediaholder .hovercover{ 
	position:absolute; 
	top:0px; 
	left:0; 
	height:101%; 
	width:100%; 
	background-color:rgba(255,255,255,0.50); 
	opacity: 0;
	background-position:center center;
	background-repeat:no-repeat;
}
.zooportfolio-grid .zooportfolio_grid_item .mediaholder .hovercover.icon-image{ background-image:url(../images/zooportfolio/img-hover-icon.png); }
.zooportfolio-grid .zooportfolio_grid_item .mediaholder .hovercover.icon-gallery{ background-image:url(../images/zooportfolio/gall-hover-icon.png); }
.zooportfolio-grid .zooportfolio_grid_item .mediaholder .hovercover.icon-video{ background-image:url(../images/zooportfolio/vide-hover-icon.png); }
.zooportfolio-grid .zooportfolio_grid_item .mediaholder .hovercover.icon-link{ background-image:url(../images/zooportfolio/link-hover-icon.png); }

.zooportfolio-grid .zooportfolio_grid_item:hover .mediaholder .hovercover{ opacity: 1; }


/*filter
----------------------------------------------------------------------*/
#zooportfolio-filter-grid .zooportfolio-mix{opacity: 0; display: none; }
#zooportfolio-filter{ list-style-type:none; margin:0; padding:0; margin-bottom:10px; }
#zooportfolio-filter .zooportfolio-filter{ 
	display:inline-block; 
	list-style-type:none; 
	margin:0; 
	padding:0; 
	cursor:pointer; 
	margin:5px 3px; 
	padding:3px 10px; 
	background:#73b819; 
	border-radius: 4px; 
	color:#FFF;
}
#zooportfolio-filter .zooportfolio-filter.active{ background:rgb(97, 97, 97); }
#zooportfolio-filter .zooportfolio-filter:hover{ opacity: .6; }



/*carousel
----------------------------------------------------------------------*/
.zooportfolio-carousel{ position:relative; }
.zooportfolio-carousel .cycle-prev,
.zooportfolio-carousel .cycle-next{ position:absolute; top:45%; background:url(../images/zooportfolio/arrows-large-ffffff.png) no-repeat; height:30px; width:30px; text-indent:-9999px; }
.zooportfolio-carousel .cycle-prev{ right:-20px; background-position:right;}
.zooportfolio-carousel .cycle-next{ left:-20px;  }
.zooportfolio-carousel .cycle-prev.disabled,
.zooportfolio-carousel .cycle-next.disabled{ opacity: .2; }


/*list
----------------------------------------------------------------------*/
.zooportfolio-list{  }
.zooportfolio-list .zooportfolio-list-item{ overflow:hidden; }
.zooportfolio-list .zooportfolio-list-item a{ text-decoration:none; }
.zooportfolio-list .zooportfolio-list-item img{ float:left; margin-right:10px; margin-bottom:15px; height:60px; width:60px; }
.zooportfolio-list .zooportfolio-list-item span{ overflow:hidden; }
.zooportfolio-list .zooportfolio-list-item span em{ color:#CCC; font-size:12px; }


/*Single
----------------------------------------------------------------------*/
/*Video*/
.zooportfolio-video{ position: relative; overflow: hidden; height: 0; padding-bottom: 56.25%; padding-top: 30px;  }
.zooportfolio-video iframe, 
.zooportfolio-video object, 
.zooportfolio-video embed{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/*Gallery*/
#zooportfolio-single-gallery{ position:relative; }
#zooportfolio-single-gallery img{ width:100%; max-width:100%; }
#zooportfolio-single-gallery .cycle-prev,
#zooportfolio-single-gallery .cycle-next{ 
	position:absolute; top:47%; 
	background:url(../images/zooportfolio/arrows-large-ffffff.png) no-repeat; 
	height:30px; 
	width:30px; 
	text-indent:-9999px; 
	z-index:999;
}
#zooportfolio-single-gallery .cycle-prev{ right:20px; background-position:right;}
#zooportfolio-single-gallery .cycle-next{ left: 20px;  }
#zooportfolio-single-gallery .cycle-prev.disabled,
#zooportfolio-single-gallery .cycle-next.disabled{ opacity: .2; }

/*Sidebar*/
.zooportfolio-single .zooportfolio_sidebar {}
.zooportfolio-single .zooportfolio_sidebar ul {}
.zooportfolio-single .zooportfolio_sidebar ul li {border-bottom:1px solid #e7e6e6;padding-bottom:15px;padding-top:15px;}
.zooportfolio-single .zooportfolio_sidebar ul li span {color:#333333; font-weight:bold; color:#000; margin-bottom:10px; display:inline-block;}
.zooportfolio-single .zooportfolio_sidebar ul li a{ text-decoration:none; }

/*Column*/
.zooportfolio-single {  }
.zooportfolio-single .zooportfolio_media{ float:left; width:70%; }
.zooportfolio-single .zooportfolio_sidebar{ float:left; width:27%; margin-left:3%; }
.zooportfolio-single .zooportfolio_content{ margin-top:40px; }


/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 959px) {		
	.zooportfolio_cl_2{ width:47%; }
	.zooportfolio_cl_3{ width:30.33333%; }
	.zooportfolio_cl_4{ width:30.33333%; }
	.zooportfolio_cl_5{ width:30.33333%; }
}

	
/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {
	.zooportfolio_cl_2{ width:97%; }
	.zooportfolio_cl_3{ width:97%; }
	.zooportfolio_cl_4{ width:97%; }
	.zooportfolio_cl_5{ width:97%; }
	.zooportfolio-single .zooportfolio_media{ float:left; width:100%; }
	.zooportfolio-single .zooportfolio_sidebar{ float:left; width:100%; margin-left:0; }
}
	

/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.zooportfolio_cl_2{ width:97%; }
	.zooportfolio_cl_3{ width:97%; }
	.zooportfolio_cl_4{ width:97%; }
	.zooportfolio_cl_5{ width:97%; }
	.zooportfolio-single .zooportfolio_media{ float:left; width:100%; }
	.zooportfolio-single .zooportfolio_sidebar{ float:left; width:100%; margin-left:0; }
}