/*-------------------------------- FACEBOOK ALBUM BUTTONS --------------------------------------------*/
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#albumButtons a {
	display: block;
	float: left;
	overflow: hidden;
	position: relative;
	cursor: pointer;
	box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.39);
}
.lgthumb#albumButtons a {
	width: 215px;
	height: 180px;
	margin: 5px;
}
.smthumb#albumButtons a {
	width: 150px;
	height: 110px;
	margin: 3px;
}
#albumButtons a div {
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: 50% 50%;
	transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.2s ease;
}
#albumButtons a:hover div {
	transform: scale(1.2);
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2); /* IE 9 */
}
#albumButtons a span {
	display: block;
	background: rgba(0, 0, 0, 0.5);
	color: #fff;
	width: 100%;
	padding: 3%;
	position: absolute;
	transition: 0.2s linear;
	font-weight:bold;
	font-size: 14px;
}
.lgthumb#albumButtons a span {
	bottom: 0px;
}
.smthumb#albumButtons a span {
	font-weight: normal;
	font-size: 12px;
	top: 0px;
}
#albumButtons a:hover span {
	color: #DEDEDE;
	background: rgb(23, 23, 23);
	background: rgba(0, 0, 0, 0.6);
}

/*------------------------------- FACEBOOK ALBUM STYLE ------------------------- */
#FBalbum {}
#FBalbum ul {padding:0; margin:0;}
#FBalbum:after {
	content: "";
	display: table;
	clear: both;
	
}
#FBalbum .fbThumb a {
	display: block;
	float: left;
	overflow: hidden;
	position: relative;
	cursor: pointer;
	box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.39);
	width: 215px;
	height: 180px;
}
.lgthumb#FBalbum .fbThumb a {
	width: 100%;
	height: 100%;
}
.smthumb#FBalbum .fbThumb a {
	width: 100%;
	height: 100%;
}
#FBalbum .fbThumb {
	width: 215px;
	height: 180px;
	margin: 5px;
	float: left;
	display: block;
}
.lgthumb#FBalbum .fbThumb {
	width: 215px;
	height: 180px;
	margin: 5px;
}
.smthumb#FBalbum .fbThumb {
	width: 80px;
	height: 70px;
	margin: 3px;
}
#FBalbum .fbThumb a span{
	display: block;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: 50% 50%;
	transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.2s ease;
}
#FBalbum a:hover span {
	transform: scale(1.2);
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2); /* IE 9 */
}
#FBalbum .albumTitle h2 {
	float:left; 
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 5px 0px;
	width: 100%;
	display: block;
	border-bottom: 1px solid rgba(117, 117, 117, 0.5);
}
#FBalbum .albumTitle button {
	float: left;
	background: rgb(78, 78, 78);
	background: rgba(6, 6, 6, 0.66);
	color: #fff;
	border: none;
	padding: 10px 30px;
	border-radius: 5px;
	text-transform: uppercase;
	cursor: pointer;
}
#FBalbum .albumTitle button:hover {
	background: rgb(14, 14, 14,);
	background: rgba(14, 14, 14, 0.79);
	color: #fff;
}
#FBalbum div.albumTitle:after {
	content: "";
	display: table;
	clear: both;
}
#FBalbum .album:after {
	content: "";
	display: table;
	clear: both;
}
#albumButtons div:after {
	content: "";
	display: table;
	clear: both;
}

@media (max-width: 991px) {
	.smthumb#albumButtons a {
		width: 19%;
	}
	.smthumb#FBalbum .fbThumb a,.smthumb#FBalbum li {
		width: 19%;
	}
}

@media (max-width: 767px) {
	.lgthumb#albumButtons a {
		width: 31%;
		margin: 5px 1%;
	}
	.lgthumb#albumButtons a span {
		font-weight: normal;
		font-size: 12px;
	}
	.smthumb#albumButtons a {
		width: 23%;
	}
	.lgthumb#FBalbum .fbThumb {
		width: 31%;
		margin: 5px 1%;
	}
	.lgthumb#FBalbum .fbThumb a span {
		font-weight: normal;
		font-size: 12px;
	}
	.smthumb#FBalbum .fbThumb {
		width: 23%;
	}
}

@media (max-width: 500px) {
	.lgthumb#albumButtons a {
		width: 48%;
	}
	.smthumb#albumButtons a {
		width: 31%;
	}	
	.lgthumb#FBalbum .fbThumb {
		width: 48%;
	}
	.smthumb#FBalbum .fbThumb {
		width: 31%;
	}	
}

@media (max-width: 340px) { 
	.smthumb#albumButtons a {
		width: 48%;
		margin: 3px 1%;
	}	
	.smthumb#FBalbum .fbThumb {
		width: 48%;
		margin: 3px 1%;
	}	
}