/*portfolio list start **************************************************************************************************************************************************************************************************************************************/
#select-service select{
	width: 100%;
	max-width:300px;
	margin: auto;
	display: block;
}
#portfolio-list-block{
	overflow:hidden;
}
.album{
	display: inline-block;
    position: relative;
	overflow:hidden;
}
.album-link {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
	margin-top: 2px;
	margin-left: 2px;
	overflow: hidden;
}
.invisible-album-title{
	display:table;
	position:absolute;
	top:0;
	left:0;
	background-color:#000;
	opacity:0;
	filter: alpha(opacity=0);
	color:#fff;
	width:100%;
	height:100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding:20px;
    -webkit-transition: opacity 0.5s ease-out;                  
    -moz-transition: opacity 0.5s ease-out;                 
    -o-transition: opacity 0.5s ease-out;   
    -ms-transition: opacity 0.5s ease-out;          
    transition: opacity 0.5s ease-out;
}
.verticle-align{
	text-align: center;
	display: table-cell;
	vertical-align: middle;
}
.hover-title{
	font-size:20px;
}
.hover-subtitle{
	font-size:14px;
}

@media only screen and (max-width: 767px){
	.album{
		width:100%;
	}
	.album .keep-ratio{
		margin-top: 53%;
	}
	.album .album-list-img{
		width: 100%;
	}	
}
@media only screen and (min-width: 768px){
	.album-1n,
	.album-2n,
	.album-3n,
	.album-4n{
		float:left;
	}
	.album-5n,
	.album-6n,
	.album-7n,
	.album-8n{
		float:right;
	}
	.album-1n,
	.album-2n,
	.album-5n,
	.album-6n{
		width:50%;
	}
	.album-3n,
	.album-4n,
	.album-7n,
	.album-8n{
		width:25%;
	}
	.album-1n .keep-ratio,
	.album-3n .keep-ratio,
	.album-4n .keep-ratio,
	.album-5n .keep-ratio,
	.album-7n .keep-ratio,
	.album-8n .keep-ratio{
		margin-top: 80%;
	}
	.album-2n .keep-ratio,
	.album-6n .keep-ratio{
		margin-top: 40%;
	}
	.album-1n .album-list-img,
	.album-3n .album-list-img,
	.album-4n .album-list-img,
	.album-5n .album-list-img,
	.album-7n .album-list-img,
	.album-8n .album-list-img{
		height:100%;
		margin-left: -25%;
	}	
	.album-2n .album-list-img,
	.album-6n .album-list-img{
		width:100%;
		margin-top:-8%;
	}	
}
@media only screen and (min-width: 1200px){/*hover inside media query will not work for all IEs, we have made an IE only css in this section*/
	.album-1n:hover .album-list-img,
	.album-3n:hover .album-list-img,
	.album-4n:hover .album-list-img,
	.album-5n:hover .album-list-img,
	.album-7n:hover .album-list-img,
	.album-8n:hover .album-list-img{
		height:110%;
		margin-top: -4%;
		margin-left: -33%;/*these little ajustments are to compansate the enlargement of image, images will be pushed to bottom right when hover without them*/
	}	
	.album-2n:hover .album-list-img,
	.album-6n:hover .album-list-img{
		width:110%;
		margin-top: -11%;
		margin-left: -5%;/*these little ajustments are to compansate the enlargement of image, images will be pushed to bottom right when hover without them*/
	}
	.album:hover .invisible-album-title{
		opacity:0.7;
		filter: alpha(opacity=70);
	}	
}
/*portfolio list end **************************************************************************************************************************************************************************************************************************************/

/*portfolio album start **************************************************************************************************************************************************************************************************************************************/
#portfolio-album-block{
	background-color: #f2f2f2;
}
.album-top-bar{
	display: table;
	margin: auto;
}
.previous-album{
	width:52px;
	height:49px;
	background-image:url(/image/portfolio/portfolio-album-previous.gif);
	background-repeat:no-repeat;
	float:left;
}
.menu-album{
	width:110px;
	height:49px;
	background-image:url(/image/portfolio/portfolio-album-menu.gif);
	background-repeat:no-repeat;
	float:left;	
}
.next-album{
	width:52px;
	height:49px;
	background-image:url(/image/portfolio/portfolio-album-next.gif);
	background-repeat:no-repeat;
	float:left;
}
.album-title{
	margin:50px;
}
.album-subtitle{
	text-align:center;
	font-size: 18px;
	margin-bottom: 0;
}
.bx-wrapper{
	max-width:908px !important;
}
.image-listing{
	padding:0;
	margin-top:0;
	margin-bottom:30px;
}
.image-listing img{
	width:100%;
}
#sharethis{
	text-align:center;
}
.back-to-portfolio{
	text-align: center;
}
/*portfolio album end **************************************************************************************************************************************************************************************************************************************/