.page-template-gallery-php .page-background {
	background-size: auto!important;
}

.page-inner.gallery-page {
	margin: 0 !important;
	padding: 0;
	width: 100% !important;
	height: 100%;
	max-width: 100%;
}

.thumbnails {
	position: absolute !important;
	top: 0;
	right: 0;
	left: auto;
	bottom: 0;
	width: 150px;
}

.gallery-thumbnails-wrapper {
	position: absolute !important;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.gallery-thumbnails {
	position: absolute !important;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;

	-webkit-transition: opacity .25s ease-in;
	-moz-transition: opacity .25s ease-in;
	-o-transition: opacity .25s ease-in;
	-ms-transition: opacity .25s ease-in;
	transition: opacity .25s ease-in;
	z-index: 99;
}

.gallery-thumbnails ul {
	position: absolute;
	margin: 0;
	bottom: 0;
	left: 0;
	overflow: hidden;
	max-height: 100%;
	width: 100%;
	box-sizing: content-box;
}

.gallery-thumbnails li {
	height: 150px;
	width: 150px;
	list-style: none;
	cursor: pointer;

	-webkit-transition: opacity .25s ease-in;
	-moz-transition: opacity .25s ease-in;
	-o-transition: opacity .25s ease-in;
	-ms-transition: opacity .25s ease-in;
	transition: opacity .25s ease-in;
	position: relative !important;
	border-left: 6px solid rgba(0, 0, 0, .5);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	filter: alpha(opacity=75);
	opacity: .75;
}

.gallery-thumbnails li:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	filter: alpha(opacity=90);
	opacity: .90;
}

.gallery-thumbnails li.active {
	border-color: #76c2bb;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

.gallery-thumbnails li img {
	display: block;
}

.gallery-image {
	height: 100%;
	width: 100%;
	background-position: center center;
	background-repeat: no-repeat;

	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	position: absolute;
	left: 0;
}

.gallery-image.from-down {
	top: 100% !important;
}

.gallery-image.from-up {
	top: -100% !important;
}

.gallery-image-1.transition,.gallery-image-2.transition {
	-webkit-transition: top .25s ease-in;
	-moz-transition: top .25s ease-in;
	-o-transition: top .25s ease-in;
	-ms-transition: top .25s ease-in;
	transition: top .25s ease-in;
}

.gallery-image-1.active,.gallery-image-2.active {
	top: 0% !important;
}


.gallery-image .info {
	position: absolute;
	bottom: 40px;
	right: 190px;
	width: 370px;
	height: auto;
	padding: 25px;
}
.gallery-image .info .title { font-size: 26px; line-height: 32px; }


.button-show-info { display: none; }
@media all and (max-width: 760px) {
	.thumbnails {
		top: auto;
		bottom: 0;
		left:0;
		width: 100%;
		height: 100px;
	}
	.thumbnails li { height: 100%; width: 100px; height: 94px; display: inline-block; border:none; border-top: 6px solid rgba(0, 0, 0, .5); box-sizing: border-box; margin: 0; }
	.thumbnails ul { white-space: nowrap; padding: 0; font-size: 0; line-height: 0; overflow-x: scroll; overflow-y: hidden; }
	.thumbnails li img { height: 100%; width: 100%; }
	
	.gallery-image .info {
		position: absolute;
		bottom: 101px;
		right: 10px;
		left: 10px;
		width: auto;
		height: auto;
		transition: opacity .25s ease-in;
		-webkit-transition: opacity .25s ease-in;
		-moz-transition: opacity .25s ease-in;
		-ms-transition: opacity .25s ease-in;
	}
	.gallery-image .info.mobile-inactive {
		opacity: 0;
	}
	.gallery-image .info.hidden { display: none; }
	
	.button-show-info {
		display: block;
		position: absolute;
		bottom: 101px;
		right: 10px;
		border: none;
		color: white;
		font-size: 30px;
		font-weight: 300;
		background-color:transparent;
		height: 30px; width: 30px;
		padding: 0; margin: 0;
	}
	.button-show-info.hidden { display: none; }
	.button-show-info span {
		display: block;
	
		transition: all .25s ease-in;
		-webkit-transition: all .25s ease-in;
		-moz-transition: all .25s ease-in;
		-ms-transition: all .25s ease-in;
		
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);  
    -ms-transform: rotate(45deg);  
    -o-transform: rotate(45deg);  
    transform: rotate(45deg);
	}
	
	.button-show-info.mobile-inactive span {
		-webkit-transform: rotate(0deg);
	  -moz-transform: rotate(0deg);  
	  -ms-transform: rotate(0deg);  
	  -o-transform: rotate(0deg);  
	  transform: rotate(0deg);
	}
	
	.gallery-image .info .title { font-size: 20px; line-height: 24px; }
	
	.gallery-image .info { max-height: 210px; overflow-y: scroll; }
}