.page-section{
	padding:30px 0;    
	display: block;
    overflow: hidden;
    position: relative;
    width: 100%;
}

/******************************************************************************
  Portfolio / Work
*******************************************************************************/

.work-section .nav li,
.mixed-grid .nav li{
	padding:7px 15px;
	margin:0 20px 30px 20px;
	border-radius: 3px;
	border:1px solid transparent;
	color:#ffffff;
	text-transform:capitalize;
}
.work-section .nav.black li,
.mixed-grid .nav.black li{
	color:#171717;
}
.work-section .nav li.active,
.work-section .nav li:hover,
.mixed-grid .nav li.active,
.mixed-grid .nav li:hover{
	border:1px solid #ffffff;
	cursor:pointer;
	color:#ffffff;
}
.work-section .nav.black li.active,
.work-section .nav.black li:hover,
.mixed-grid .nav.black li.active,
.mixed-grid .nav.black li:hover{
	border:1px solid #171717;
	cursor:pointer;
	color:#171717;
}
.work-section .nav-pills{
	text-align:center;
}
.work-section .portfolio-grid .grid{
	max-width:400px;
}
.portfolio-grid .grid img{
	margin:0px auto;
}
.work-section .nav > li,
.mixed-grid .nav  > li{
	float:none;
	display:inline-block;
}
#mix-container .mix{
	display: none;
	padding:10px;
}
.figcaption{
	width:100%;
}
.figcaption{
	position:absolute;
	top: 50%;
    transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	opacity:0;
	text-align:center;
	color:#ffffff;
	padding:20px;
	width:100%;	
	left:0;
	right:0;
}
.figcaption i{
	color:#ffffff;
	padding:10px;
	background:rgba(0,0,0,.8);
	border-radius:50%;
}
.portfolio-grid .grids:hover .figcaption{
	position:absolute;
	opacity:1;
}
.portfolio-grid .grids:hover img{
	opacity:.2;
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out;	
}
.portfolio-grid .grid {
	position:relative;
	background-color:#000000;
}
.img-overlay{
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
    bottom: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 0.2s ease-out 0s;
}
.widget .img-overlay{
	display:none;
}
.grid-item:hover .img-overlay,
.grid-item:hover .figcaption{
	 opacity: 1;
}
.project-meta{
	margin-bottom:20px;
}
.grid-list .grids{
	border-bottom:1px solid rgba(0,0,0,.2);
	padding-bottom:40px !important;
	margin-bottom:30px !important;
}
.grid-list .title{
	margin-bottom:8px;
}
.grid-list .description{
	margin-bottom:15px;
	font-style:italic;
	font-size:12px;
}



/* Zoom Product */
.single-product{
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0;
    overflow: hidden;
    position: relative;   
}
.zoom-product-thumb {
	text-align:center;	
	 border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.zoom-product-thumb img{
	display: inline-block;
	width:80px;
}
.zoomWrapper img,
.zoomContainer img{
	width:100%;
}
.zoomWindow{
	border:none !important;
	box-shadow:0 0 5px rgba(0, 0, 0, 0.15);
	z-index:99 !important;
}
.product-regulator{
	 display: inline-block;
    margin-bottom: 40px;
    vertical-align: top;
}
.product-regulator button{
	border: 1px solid #e1e1e1;
	border-radius: 0;
	color: #1e1e1e;
	height: 54px;
	padding: 15px 12px;
	display:inline-block;
}
.product-regulator #output{
	color: #7f7f7f;
    display: inline-block;
    height: 54px;
    padding: 15px 12px;
    text-align: center;
    vertical-align: top;
    width: 80px;    
	border: 1px solid #e1e1e1;
}
.product-meta-details{
	border-top:1px solid rgba(0, 0, 0, 0.1);
	padding-top:15px;
	font-size:14px;
}

/* Masonry Grid */

.grid-col-2 .grid-item ,
.grid-col-2 .grid-sizer{
	margin:0px 0px;
	padding:0px 0;
	width:50%;
}
.grid-col-2 .grid-item .post {
	padding:0 30px 0 0;
}
.grid-col-3 .grid-item,
.grid-col-3 .grid-sizer {
	margin:0px 0px;
	padding:0px 0;
	width:33.3%;
}
.grid-col-4 .grid-item,
.grid-col-4 .grid-sizer {
	margin:0px 0px;
	width:25%;
}
.grid-col-5 .grid-item,
.grid-col-5 .grid-sizer {
	margin:0px 0px;
	width:20%;
}
.grid-col-6 .grid-item,
.grid-col-6 .grid-sizer {
	margin:0px 0px;
	width:16%;
}
.pad.mixed-grid  .grid-col-6 .img-overlay{
    margin: 14px;
}
.pad.mixed-grid .grid-col-6 .item .img-overlay{
    margin: 7px;
}
.pad.mixed-grid .grid-col-6 .figcaption{
    padding: 15px 26px;
}
.grid-col-6 .grid-item h4,
.grid-col-6 .grid-sizer h4{
	font-size:13px;	
	margin-bottom:5px;
}

/* Masonry With Gap */

.pad.mixed-grid{
	margin:0 -15px;
}
.pad.mixed-grid .grid-item{
	padding:8px;
}
.pad.mixed-grid .img-overlay{
	margin:25px;
}
.pad.mixed-grid  .item .img-overlay{
	margin:17px;
}
.pad.mixed-grid .figcaption{
	padding:15px 30px;
}
.figcaption h4 {
    font-size: 20px;
    color: #fff;
}