.gallery{
	top: 0;
	left: 0;
	width: 100%;
    height: 100%;
    background-color: rgba(20,20,20,0.9);
    -ms-touch-action: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
	overflow: hidden;
    position: fixed;
	z-index: 1000;
}
.gallery-title {
	z-index: 101;
    text-align: center;
    position: absolute;
    bottom: 50px;
	width: 100%;
}
.gallery-title span{
	color: white;
	border-radius: 3px;
    background-color: rgba(30,30,30,0.6);
	display: inline-block;
	padding: 0px 15px;
    line-height: 36px;
    height: 36px;
}
.gallery-count{
	top: 30px;
    left: 30px;
	position: absolute;
    color: #ffffff;
    z-index: 102;
    opacity: 0.4;
}
.gallery-button-close{
	top: 0px;
    right: 0px;
	width: 100px;
    height: 100px;
    cursor: pointer;
    position: absolute;
    background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMzBweCIgaGVpZ2h0PSIzMHB4IiB2aWV3Qm94PSIwIDAgMzAgMzAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMwIDMwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMTcsMTVMMjkuNiwyLjVjMC42LTAuNiwwLjYtMS41LDAtMmMtMC42LTAuNi0xLjUtMC42LTIsMEwxNSwxM0wyLjUsMC40Yy0wLjYtMC42LTEuNS0wLjYtMiwwcy0wLjYsMS41LDAsMiBMMTMsMTVMMC40LDI3LjVjLTAuNiwwLjYtMC42LDEuNSwwLDJjMC4zLDAuMywwLjYsMC40LDEsMC40czAuNy0wLjEsMS0wLjRMMTUsMTdsMTIuNSwxMi41YzAuMywwLjMsMC42LDAuNCwxLDAuNCBjMC40LDAsMC43LTAuMSwxLTAuNGMwLjYtMC42LDAuNi0xLjUsMC0yTDE3LDE1eiIvPjwvc3ZnPg==') center no-repeat;
    z-index: 102;
    opacity: 0.4;
}
.gallery-button-prev{
	top: 50%;
    left: 0px;
	width: 100px;
    height: 100px;
    cursor: pointer;
    margin-top: -50px;
    position: absolute;
    background: rgba(0,0,0,0.1) url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTBweCIgaGVpZ2h0PSI1MHB4IiB2aWV3Qm94PSIwIDAgNTAgNTAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUwIDUwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNMzQuMyw0N2MwLjMsMC4zLDAuNywwLjUsMS4xLDAuNWMwLjQsMCwwLjgtMC4yLDEuMS0wLjVjMC42LTAuNiwwLjYtMS42LDAtMi4yTDE2LjgsMjVMMzYuNiw1LjIgYzAuNi0wLjYsMC42LTEuNiwwLTIuMlMzNSwyLjQsMzQuMywzTDEzLjQsMjMuOWMtMC42LDAuNi0wLjYsMS42LDAsMi4yTDM0LjMsNDd6Ii8+PC9zdmc+') center no-repeat;
    z-index: 102;
    opacity: 0.4;
}
.gallery-button-next{
	top: 50%;
    right: 0px;
	width: 100px;
    height: 100px;
    cursor: pointer;
    margin-top: -50px;
    position: absolute;
    background: rgba(0,0,0,0.1) url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTBweCIgaGVpZ2h0PSI1MHB4IiB2aWV3Qm94PSIwIDAgNTAgNTAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUwIDUwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNMTUuNyw0N2MtMC4zLDAuMy0wLjcsMC41LTEuMSwwLjVjLTAuNCwwLTAuOC0wLjItMS4xLTAuNWMtMC42LTAuNi0wLjYtMS42LDAtMi4yTDMzLjIsMjVMMTMuNCw1LjIgYy0wLjYtMC42LTAuNi0xLjYsMC0yLjJzMS42LTAuNiwyLjIsMGwyMC45LDIwLjljMC42LDAuNiwwLjYsMS42LDAsMi4yTDE1LjcsNDd6Ii8+PC9zdmc+') center no-repeat;
    z-index: 102;
    opacity: 0.4;
}
.gallery-button-prev:hover,
.gallery-button-next:hover,
.gallery-button-close:hover{
    opacity: 0.8;
}
.gallery-placeholder{
	background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTBweCIgaGVpZ2h0PSI1MHB4IiB2aWV3Qm94PSIwIDAgNTAgNTAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUwIDUwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBmaWxsPSIjNjY2NjY2IiBkPSJNMzksMTEuNGMwLTUuMywwLTUuOSwwLTUuOWMwLTItNi4zLTUuNi0xNC01LjZjLTcuNywwLTE0LDMuNi0xNCw1LjZjMCwwLDAsMC41LDAsNS45IGMwLDUuMyw5LjcsOS44LDkuNywxMy42UzExLDMzLjIsMTEsMzguNnMwLDUuOSwwLDUuOWMwLDIsNi4zLDUuNiwxNCw1LjZjNy43LDAsMTQtMy42LDE0LTUuNmMwLDAsMC0wLjUsMC01LjlzLTkuNy05LjgtOS43LTEzLjYgUzM5LDE2LjgsMzksMTEuNHogTTE0LjksNS44YzEuNy0xLjEsNS0yLjcsMTAuMy0yLjdjNS4zLDAsMTAsMi43LDEwLDIuN2MwLjQsMC4yLDEuNywxLDAuOCwxLjVDMzMuOCw4LjYsMjkuNyw5LjksMjUsOS45IHMtOC43LTEuNC0xMC44LTIuN0MxMy4yLDYuNiwxNC45LDUuOCwxNC45LDUuOHogTTI2LjMsMjVjMCwzLDIuNSw0LjksNS4xLDcuNWMxLjksMS45LDQuNiw0LjQsNC42LDYuMXYzLjMgYy0yLjQtMS4yLTkuNy0yLjQtOS43LTYuM2MwLTItMi41LTItMi41LDBjMCwzLjktNy4zLDUuMS05LjcsNi4zdi0zLjNjMC0xLjcsMi42LTQuMiw0LjYtNi4xYzIuNi0yLjYsNS4xLTQuNSw1LjEtNy41IHMtMi41LTQuOS01LjEtNy41Yy0xLjktMS45LTQuNi00LjQtNC42LTYuMWwtMC4xLTIuNWMyLjYsMS40LDYuNiwyLjcsMTEuMSwyLjdzOC41LTEuMywxMS4xLTIuN2wtMC4xLDIuNWMwLDEuNy0yLjYsNC4yLTQuNiw2LjEgQzI4LjcsMjAuMSwyNi4zLDIyLDI2LjMsMjV6Ii8+PC9zdmc+') center no-repeat;
    display: inline-block;
	overflow: hidden;
	position: relative;
	height: 100%;
    width: 100%;
}
.gallery-placeholder img{
	margin: auto 0;
	max-width: 100%;
	max-height: 100%;
	position: absolute;
    display: block;
    left: 0px;
}
.gallery-wrapper{
	left: 0;
	width: 100%;
    height: 100%;
	white-space: nowrap;
    position: absolute;
}
.gallery-wrapper.animate{-webkit-transition: all 300ms;}