.gallery {}
.gallery:after {
	display:block;
	height:0;
	clear:both;
}
.gallery .data {
	display:none;
}

.gallery .gallerycell {
	position:relative;
}

.gallery img {
	display:none;
}

.gallery .cover {
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	cursor:pointer;
}


.gallery .gallerycell .imgcontainer {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}

.gallery .cover .bg {
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	opacity:0.2;
	background:top center no-repeat;
	background-size:cover;
	transition:top 0.5s,left 0.5s,right 0.5s,bottom 0.5s,opacity 0.5s;
}


/*
.gallery .cover .bg[data-opacity="1"] {
	opacity:1;
}
.gallery .cover .bg[data-opacity="0.8"] {
	opacity:0.8;
}
.gallery .cover .bg[data-opacity="0.5"] {
	opacity:0.5;
}
.gallery .cover .bg[data-opacity="0.2"] {
	opacity:0.2;
}
*/

.gallery .cover:hover .bg {
	top:-10%;
	left:-10%;
	right:-10%;
	bottom:-10%;
	opacity:1;
}

.gallery .text {
	position:absolute;
	top:20px;
	bottom:20px;
	left:20px;
	right:20px;
	text-align:center;
	opacity:1;
	transition:opacity 1s;
}

.gallery .cover:hover .text {
	opacity:0;
//	top:100%;
}

.gallery .cover .table {
	height:100%;
}

.gallery .cover .table .row {
	display:table-row;
	margin:0;
}

.gallery .cover .cell {
	vertical-align:middle;
	display:table-cell;
}

.gallery .gallery_cover_message {
	display:inline-block;
}

.galleryscreen {
	display:block;
	position:fixed;
	background:#000000;
	left:0;
	top:0;
	width:100%;
	height:100%;
	opacity:0;
	transition:opacity 0.5s;
	-webkit-transition:opacity 0.5s;
	-moz-transition:opacity 0.5s;
	-ms-transition:opacity 0.5s;
	-o-transition:opacity 0.5s;
	z-index:1001;
}

.galleryscreen[data-golive] {
	opacity:1;
}

.galleryscreen a.close {
	display:block;
	width:72px;
	height:72px;
	position:absolute;
	right:0;
	top:0;
}

.galleryscreen a.close i {
	display:block;
	position:absolute;
	right:0;
	top:0;
	left:0;
	bottom:0;
	line-height:72px;
	text-align:center;
}

.galleryscreen a.prev {
	display:block;
	width:72px;
	position:absolute;
	left:0;
	top:72px;
	bottom:72px;
	width:72px;
}

.galleryscreen a.prev i {
	display:block;
	position:absolute;
	right:0;
	top:50%;
	left:0;
}

.galleryscreen a.prev i::before {
	display:block;
	line-height:72px;
	width:72px;
	text-align:center;
	position:absolute;
	top:-36px;
	left:0;	
}

.galleryscreen a.next {
	display:block;
	width:72px;
	position:absolute;
	right:0;
	top:72px;
	bottom:72px;
}

.galleryscreen a.next i {
	display:block;
	position:absolute;
	right:0;
	top:50%;
	left:0;
}

.galleryscreen a.next i::before {
	display:block;
	line-height:72px;
	width:72px;
	text-align:center;
	position:absolute;
	top:-36px;
	left:0;	
}


.galleryscreen > a {
	color:#ffffff;
	cursor:pointer;
	text-decoration:none;
}

.galleryscreen[data-mode='empty'] a.next,
.galleryscreen[data-mode='empty'] a.prev,
.galleryscreen[data-mode='single'] a.next,
.galleryscreen[data-mode='single'] a.prev {
	display:none;
}

.galleryscreenmenu {
	position:fixed;
	width:100%;
	height:72px;
	background:#000000;
	left:0px;
	bottom:-72px;
	transition:bottom 0.5s;
	-webkit-transition:bottom 0.5s;
	-moz-transition:bottom 0.5s;
	-ms-transition:bottom 0.5s;
	-o-transition:bottom 0.5s;
	z-index:1002;
	text-align:center;
}

.galleryscreenmenu[data-golive] {
	bottom:0px;
}


.galleryscreenmenu .icon-spin5 {
	position:relative;
	display:none;
	line-height:72px;
	text-align:center;
	z-index:1005;
	color:#ffffff;
}

.galleryscreenmenu .container {
	position:absolute;
	display:block;
	bottom:0;
	left:0;
	right:0;
	padding:0px 72px; 
	background:#000000;
	opacity:1;
	transition:opacity 0.2s;
}

.galleryscreenmenu[data-loading] .container {
	opacity:0;
}

.galleryscreenmenu[data-loading] .icon-spin5 {
	display:block;
}


.galleryscreenmenu .table {
	min-height:72px;
}

.galleryscreenmenu .cell {
	text-align:center;
	color:#ffffff;
	vertical-align:middle;
	line-height:1.2em;
	font-size:11pt;
	padding:8pt 0;
}

.galleryscreenmenu .cell .note {
	font-size:10pt;
}

.galleryscreenmenu .cell p {
	margin:0.2em 0;
}

.galleryscreenmenu .cell p:first-child {
	margin-top:0;
}
.galleryscreenmenu .cell p:last-child {
	margin-bottom:0;
}

.galleryscreen .viewport {
	position:absolute;
	top:72px;
	left:72px;
	bottom:0px;
	right:72px;
	overflow:hidden;
}

.galleryscreen .viewport .content {
	position:absolute;
	top:0;
	left:0;
	bottom:72px;
	width:100%;
}

.galleryscreen .viewport .content[data-animated] {
	transition:transform 0.5s;
	-webkit-transition:-webkit-transform 0.5s;
	-moz-transition:-moz-transform 0.5s;
	-ms-transition:-ms-transform 0.5s;
	-o-transition:-o-transform 0.5s;
}

.galleryscreen .viewport .slide {
	position:absolute;
	top:0;
	bottom:0;
	width:100%;
	background:center center no-repeat;
	background-size:contain;
	opacity:0;
	transition:opacity 0.5s;
}

.galleryscreen .slide_note {
	display:none;
}

.galleryscreen .viewport .slide .text {
	display:none;
}


.galleryscreen .viewport .slide[data-loaded] {
	opacity:1;
}

.galleryscreen iframe {
	width:100%;
	height:100%;
	border:0;
	margin:0;
	padding:0;
}

@media screen and (max-width: 1460px){
}

@media screen and (max-width: 720px){
}

@media screen and (max-width: 380px){
	.gallery .cover[data-block-width="3"],
	.gallery .cover[data-block-width="2"] {
		max-height:50vh;
		width:100%;
		float:none;
	}
}