/************ Thumbnail Gallery **********************/

.gm-thumbnail-description
{
	margin: 0 10px;
	border-top: 1px solid #F1F1F1;
	font-size:11px;
	line-height: 1.5em !important;
	direction: ltr !important;
	text-align: center !important;
	font-family: inherit !important;
	font-size: inherit !important;
}
.gm-thumbnail-description h2
{
	line-height: 1.5em !important;
	direction: ltr !important;
	text-align: center !important;
	font-family: inherit !important;
	font-size: inherit !important;
}

.gm-thumbnail-description p
{
	line-height: 1.5em !important;
	direction: ltr !important;
	text-align: center !important;
	font-family: inherit !important;
	font-size: inherit !important;
}


.gm-thumbnail-container
{
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.6);
	overflow: hidden;
	background-color: #FFFFFF;
	width: 100%;
	max-width: 200px;
	box-sizing: border-box !important;
	vertical-align: text-top !important;
}

.gm-thumbnail-container a
{
	text-decoration: none !important;
}

/********************************** End of Thumbnail Gallery ****************************/

/********************************** Masonry Gallery ****************************/

.masonry-background
{
	background-color:#ffffff;
	box-shadow: 0 0 5px #888888;
	border-radius: 5px;
}
.masonry-background a
{
	text-decoration: none !important;
}

.gm-thumbnail-text > h2
{
	margin-top:10px !important;
	padding: 0 10px 0 10px !important;
	line-height: 1.5em !important;
	direction: ltr !important;
	text-align: center !important;
	font-family: inherit !important;
	font-size: inherit !important;
}

.gm-thumbnail-text > p
{
	padding: 10px 10px 0 10px !important;
	line-height: 1.5em !important;
	direction: ltr !important;
	text-align: center !important;
	font-family: inherit !important;
	font-size: inherit !important;
}

.masonry-content
{
	padding: 10px 10px 10px 10px;
}

/********************************** End of Masonry Gallery ****************************/

/********************************** Fold Over Gallery *********************************/

div.gm-gallery-fold-over
{
	display: inline-block !important;
	position: relative;
	text-align: center;
	text-decoration: none !important;
	width: 100%;
	box-sizing: border-box !important;
	cursor: pointer;
	margin: 0 20px 30px 0 !important;
	padding-top: 180px !important;
}

div.gm-gallery-fold-over div.gm-gallery-fold-over-outer
{
	display: block !important;
	position: absolute;
	top: 0;
	left: 0;
	padding: 5px !important;
	background: -webkit-linear-gradient(#fff,#ccc) !important;
	background: -o-linear-gradient(#fff,#ccc) !important;
	background: -moz-linear-gradient(#fff,#ccc) !important;
	background: linear-gradient(#fff,#ccc) !important;
	box-shadow: 0 0 8px #888888 !important;
	-moz-box-shadow: 0 0 8px #888888 !important;
	-webkit-box-shadow: 0 0 8px #888888 !important;
	-ms-box-shadow: 0 0 8px #888888 !important;
	transition: .4s cubic-bezier(0.860, 0.000, 0.070, 1.000) !important;
	-webkit-transition: .4s cubic-bezier(0.860, 0.000, 0.070, 1.000) !important;
	-ms-transition: .4s cubic-bezier(0.860, 0.000, 0.070, 1.000) !important;
	-webkit-moz-transition: .4s cubic-bezier(0.860, 0.000, 0.070, 1.000) !important;
	-moz-moz-transition: .4s cubic-bezier(0.860, 0.000, 0.070, 1.000) !important;
	-ms-moz-transition: .4s cubic-bezier(0.860, 0.000, 0.070, 1.000) !important;
	-o-moz-transition: .4s cubic-bezier(0.860, 0.000, 0.070, 1.000) !important;
	moz-transition: .4s cubic-bezier(0.860, 0.000, 0.070, 1.000) !important;
	-webkit-transition: .4s cubic-bezier(0.860, 0.000, 0.070, 1.000) !important;
	-moz-transition: .4s cubic-bezier(0.860, 0.000, 0.070, 1.000) !important;
	-o-transition: .4s cubic-bezier(0.860, 0.000, 0.070, 1.000) !important;
}

div.gm-gallery-fold-over div.gm-gallery-fold-over-outer div
{
	background-size:cover;
}
div.gm-gallery-fold-over div.gm-gallery-fold-over-outer:nth-child(3)
{
	transform: rotate(5deg) !important;
	-webkit-transform: rotate(5deg) !important;
	-ms-transform: rotate(5deg) !important;
	-webkit-moz-transform: rotate(5deg) !important;
	-moz-moz-transform: rotate(5deg) !important;
	-ms-moz-transform: rotate(5deg) !important;
	-o-moz-transform: rotate(5deg) !important;
	moz-transform: rotate(5deg) !important;
	-moz-transform: rotate(5deg) !important;
	-o-transform: rotate(5deg) !important;
}
div.gm-gallery-fold-over div.gm-gallery-fold-over-outer:nth-child(2)
{
	transform: rotate(10deg) !important;
	-webkit-transform: rotate(10deg) !important;
	-ms-transform: rotate(10deg) !important;
	-webkit-moz-transform: rotate(10deg) !important;
	-moz-moz-transform: rotate(10deg) !important;
	-ms-moz-transform: rotate(10deg) !important;
	-o-moz-transform: rotate(10deg) !important;
	moz-transform: rotate(10deg) !important;
	-moz-transform: rotate(10deg) !important;
	-o-transform: rotate(10deg) !important;
}

div.gm-gallery-fold-over-outer img
{
	width: 100%;
	height: auto;
}

/********************************** End of Fold Over Gallery *********************************/

/********************************** CSS for Hover Effect *************************************/
.gm_image_overlay
{
	position: relative !important;
	cursor: pointer !important;
}
.gm_image_overlay div
{
	border: none;
}
.gm_image_overlay .gallery_content_overlay_txt
{
	position: absolute !important;
	top: 0px !important;
	width: 100% !important;
	height: 100% !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0) !important;
	opacity: 0 !important;
	-webkit-transition: opacity .4s ease-in !important;
	-moz-transition: opacity .4s ease-in !important;
	-o-transition: opacity .4s ease-in !important;
	-ms-transition: opacity .4s ease-in !important;
	transition: opacity .4s ease-in !important;
	background-color: rgba(0, 0, 0, 0.4) !important;
}
.gm_image_overlay:hover .gallery_content_overlay_txt
{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1 !important;
}
.gm-image-div
{
	display: table !important;
	width: 100% !important;
}
.gm-section
{
	display: table-cell !important;
	vertical-align: middle !important;
}
.gallery_content_overlay_txt .gm-image-div
{
	vertical-align: middle !important;
	height: 100% !important;
}
.gallery_content_overlay_txt .gm-image-div,
.gallery_content_overlay_txt .gm-section
{
	width: 100% !important;
	text-align: center !important;
}
.hover-thumbnails
{
	-webkit-transition:	all 450ms ease !important;
	-moz-transition:	all 450ms ease !important;
	-ms-transition:		all 450ms ease !important;
	-o-transition:		all 450ms ease !important;
	transition:			all 450ms ease !important;
}
.hover-thumbnails
{
	position: absolute !important;
	top: 50% !important;
	left: 50% !important;
	margin: -32px 0 0 -70px !important;
	width: 140px !important;
	height: 140px !important;
	z-index: 100 !important;
	opacity: 0 !important;
	filter: alpha(opacity=0);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.gallery_content_overlay_txt .hover-thumbnails
{
	position: relative !important;
	display: block !important;
	height: 115px !important;
	margin-top: 5px !important;
	margin-bottom: 5px !important;
	opacity: 1 !important;
}
.hover-thumbnails span
{
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	width: 90px;
	height: 90px;
	-webkit-box-shadow:  0px 0px 5px 1px rgba(0, 0, 0, 0.15) !important;
	box-shadow:  0px 0px 5px 1px rgba(0, 0, 0, 0.15) !important;
}
.hover-thumbnails span,
.hover-thumbnails span img
{
	-webkit-border-radius:	50% !important;
	-moz-border-radius:		50% !important;
	-ms-border-radius:		50% !important;
	-o-border-radius:		50% !important;
	border-radius:			50% !important;
}
.gallery_content_overlay_txt:hover .hover-thumbnails
{
	opacity: 1 !important;
	filter: alpha(opacity=100) !important;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.hover-thumbnails .first-thumbnail
{
	top: 0px !important;
	left: 49px !important;
	z-index: 102 !important;
}
.hover-thumbnails .second-thumbnail
{
	top: -25px !important;
	left: 42px !important;
	width: 50px;
	height: 50px;
	z-index: 100 !important;
}
.hover-thumbnails .third-thumbnail
{
	top: 4px !important;
	left: 0px !important;
	width: 70px;
	height: 70px;
	z-index: 101 !important;
}
.gallery_content_overlay_txt .hover-thumbnails .first-thumbnail
{
	top: 25px !important;
}
.gallery_content_overlay_txt .hover-thumbnails .second-thumbnail
{
	top: 0px !important;
}
.gallery_content_overlay_txt .hover-thumbnails .third-thumbnail
{
	top: 29px !important;
}

.gallery_content_overlay_txt .hover-thumbnails .first-thumbnail img
{
	width: 100%;
	height: 100%;
}
.gallery_content_overlay_txt .hover-thumbnails .second-thumbnail img
{
	width: 100%;
	height: 100%;
}
.gallery_content_overlay_txt .hover-thumbnails .third-thumbnail img
{
	width: 100%;
	height: 100%;
}

/*******************************End of CSS for Hover Effect *************************************/

.btn-back-to-overview {
	margin-top: 10px !important;
	border-radius: 8px !important;
	padding: 10px 10px !important;
	border: none !important;
	clear: both;
	cursor: pointer !important;
	/*background: #000000 linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.1) 100%) !important;
	background: #000000 -webkit-linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.1) 100%) !important;
	background: #000000 -moz-linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.1) 100%) !important;
	background: #000000 -o-linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.1) 100%) !important;
	background: #000000 -ms-linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.1) 100%) !important;
	background: #000000 -webkit-gradient(linear, left bottom, left top, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, rgba(255, 255, 255, 0))) !important;*/
}
.btn-back-to-overview:hover {
	cursor: pointer !important;
/*background: #000000 linear-gradient(to top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.1) 100%) !important;
background: #000000 -webkit-linear-gradient(to top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.1) 100%) !important;
background: #000000 -moz-linear-gradient(to top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.1) 100%) !important;
background: #000000 -o-linear-gradient(to top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.1) 100%) !important;
background: #000000 -ms-linear-gradient(to top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.1) 100%) !important;
background: #000000 -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, rgba(255, 255, 255, 0))) !important;*/
}