.gallerybox-frame .gallerybox-close:focus, .gallerybox-next:focus, .gallerybox-prev:focus {
	outline: 0
}
.gallerybox-overlay {
	margin: 0;
	padding: 0;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #333;
	background: rgba(20,20,20,.8);
	z-index: 1000;
	opacity: 0;
	transition: opacity .4s;
	-webkit-transition: opacity .4s
}
.gallerybox-overlay.opened {
	opacity: 1
}
.gallerybox-frame {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 0;
	height: 0;
	margin-left: 0;
	margin-top: 0;
	background: #fff;
	box-shadow: 0 3px 14px rgba(0,0,0,.5);
	transition: width .5s, height .5s, margin .5s;
	-webkit-transition: width .5s, height .5s, margin .5s
}
.gallerybox-container {
	position: relative;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: 0;
	cursor: pointer;
	overflow: hidden;
	transition: opacity .3s;
	-webkit-transition: opacity .3s
}
.gallerybox-frame.loaded .gallerybox-container {
	opacity: 1
}
.gallerybox-container img {
	max-width: 100%;
	cursor: pointer
}
.gallerybox-frame .gallerybox-close {
	position: absolute;
	right: -18px;
	top: -18px;
	width: 36px;
	height: 36px;
	padding: 7px;

	border: 0;
	border-radius: 36px;
	cursor: pointer;
	box-shadow: 0 2px 8px rgba(0,0,0,.2);
	transition: background .2s, box-shadow .2s;
	-webkit-transition: background .2s, box-shadow .2s
}
.gallerybox-frame .gallerybox-close:hover {
	background: #D32F2F;
	box-shadow: 0 4px 12px rgba(0,0,0,.4)
}
.gallerybox-frame .gallerybox-close svg {
	width: 24px;
	height: 24px;
	fill: #aaa;
	transition: fill .2s;
	-webkit-transition: fill .2s
}
.gallerybox-frame .gallerybox-close:hover svg {
	fill: #fff
}
.gallerybox-title {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding:12px;
	line-height: 14px;
	font-size: 14px;
	font-weight: 300;

	background:#276fa2;
	color: #fff;
	opacity: 0;
	transition: opacity .3s, padding .3s;
	-webkit-transition: opacity .3s, padding .3s
}
.gallerybox-frame.loaded.has-title .gallerybox-title {
padding: 12px;
	opacity: 1
}
.gallerybox-frame .gallerybox-open {
	position: absolute;
	right: 10px;
	bottom: 2px;
	padding: 4px;
	display: none;
	opacity: 0;
	z-index: 20;
	cursor: pointer;
	background: #fff;
	border: 0;
	border-radius: 2px;
	transition: opacity .3s;
	-webkit-transition: opacity .3s
}
.gallerybox-frame .gallerybox-open svg {
	width: 24px;
	height: 24px;
	fill: #333
}
.gallerybox-frame.can-open-in-new .gallerybox-open {
	display: block
}
.gallerybox-frame.can-open-in-new:hover .gallerybox-open {
	opacity: .4
}
.gallerybox-frame.can-open-in-new:hover .gallerybox-open:hover {
	opacity: 1
}
.gallerybox-next, .gallerybox-prev {
	position: absolute;
	top: 50%;
	width: 74px;
	height: 74px;
	padding: 5px;
	margin-top: -32px;
	border: 0;
	background: 0 0;
	cursor: pointer;
	opacity: 0;
	transition: opacity .3s;
	-webkit-transition: opacity .3s
}
.gallerybox-prev {
	left: -80px
}
.gallerybox-next {
	right: -80px
}
.gallerybox-frame.has-next .gallerybox-next, .gallerybox-frame.has-prev .gallerybox-prev {
	opacity: 1
}
.gallerybox-next svg, .gallerybox-prev svg {
	width: 64px;
	height: 64px;
	fill: #999;
	transition: fill .2s;
	-webkit-transition: fill .2s
}
.gallerybox-next:hover svg, .gallerybox-prev:hover svg {
	fill: #fff
}
@media all and (max-width:479px) {
.gallerybox-prev {
	left: -40px
}
.gallerybox-next {
	right: -40px
}
.gallerybox-next, .gallerybox-prev {
	width: 42px;
	height: 42px;
	margin-top: -21px
}
.gallerybox-next svg, .gallerybox-prev svg {
	width: 32px;
	height: 32px
}
}
.gallerybox-preloader {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 64px;
	height: 64px;
	margin-left: -32px;
	margin-top: -32px;
	opacity: 1;
	transition: opacity .5s;
	-webkit-transition: opacity .5s
}
.gallerybox-preloader.hidden {
	opacity: 0
}
.gallerybox-preloader .gallerybox-preloader-wrap {
	box-sizing: border-box;
	position: relative;
	display: inline-block;
	width: 64px;
	height: 64px;
	-webkit-animation: gallerybox-preloader-container-rotate 1568ms linear infinite;
	animation: gallerybox-preloader-container-rotate 1568ms linear infinite
}
.gallerybox-preloader .gallerybox-preloader-spinner {
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 1;
	border-color: #2196F3;
	-webkit-animation: gallerybox-preloader-fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both;
	animation: gallerybox-preloader-fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both;
	box-sizing: inherit
}
.gallerybox-preloader .gallerybox-preloader-clipper {
	display: inline-block;
	position: relative;
	width: 50%;
	height: 100%;
	overflow: hidden;
	border-color: inherit;
	box-sizing: inherit
}
.gallerybox-preloader .gallerybox-preloader-clipper.left {
	float: left
}
.gallerybox-preloader .gallerybox-preloader-clipper.right {
	float: right
}
.gallerybox-preloader .gallerybox-preloader-clipper .gallerybox-preloader-circle {
	width: 200%;
	height: 100%;
	border-width: 5px;
	border-style: solid;
	border-color: inherit;
	border-bottom-color: transparent!important;
	border-radius: 50%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	box-sizing: inherit
}
.gallerybox-preloader .gallerybox-preloader-clipper.left .gallerybox-preloader-circle {
	left: 0;
	border-right-color: transparent!important;
	-webkit-transform: rotate(129deg);
	transform: rotate(129deg);
	-webkit-animation: gallerybox-preloader-left-spin 1333ms cubic-bezier(.4, 0, .2, 1) infinite both;
	animation: gallerybox-preloader-left-spin 1333ms cubic-bezier(.4, 0, .2, 1) infinite both
}
.gallerybox-preloader .gallerybox-preloader-clipper.right .gallerybox-preloader-circle {
	left: -100%;
	border-left-color: transparent!important;
	-webkit-transform: rotate(-129deg);
	transform: rotate(-129deg);
	-webkit-animation: gallerybox-preloader-right-spin 1333ms cubic-bezier(.4, 0, .2, 1) infinite both;
	animation: gallerybox-preloader-right-spin 1333ms cubic-bezier(.4, 0, .2, 1) infinite both
}
.gallerybox-preloader .gallerybox-preloader-patch {
	position: absolute;
	top: 0;
	left: 45%;
	width: 10%;
	height: 100%;
	overflow: hidden;
	border-color: inherit
}
.gallerybox-preloader .gallerybox-preloader-patch .gallerybox-preloader-circle {
	width: 1000%;
	left: -450%
}
@-webkit-keyframes gallerybox-preloader-container-rotate {
to {
-webkit-transform:rotate(360deg)
}
}
@keyframes gallerybox-preloader-container-rotate {
to {
transform:rotate(360deg)
}
}
@-webkit-keyframes gallerybox-preloader-fill-unfill-rotate {
12.5% {
-webkit-transform:rotate(135deg)
}
25% {
-webkit-transform:rotate(270deg)
}
37.5% {
-webkit-transform:rotate(405deg)
}
50% {
-webkit-transform:rotate(540deg)
}
62.5% {
-webkit-transform:rotate(675deg)
}
75% {
-webkit-transform:rotate(810deg)
}
87.5% {
-webkit-transform:rotate(945deg)
}
to {
	-webkit-transform: rotate(1080deg)
}
}
@keyframes gallerybox-preloader-fill-unfill-rotate {
12.5% {
transform:rotate(135deg)
}
25% {
transform:rotate(270deg)
}
37.5% {
transform:rotate(405deg)
}
50% {
transform:rotate(540deg)
}
62.5% {
transform:rotate(675deg)
}
75% {
transform:rotate(810deg)
}
87.5% {
transform:rotate(945deg)
}
to {
	transform: rotate(1080deg)
}
}
@-webkit-keyframes gallerybox-preloader-blue-fade-in-out {
100%, 25%, 90%, from {
opacity:1
}
26%, 89% {
opacity:0
}
}
@keyframes gallerybox-preloader-blue-fade-in-out {
100%, 25%, 90%, from {
opacity:1
}
26%, 89% {
opacity:0
}
}
@-webkit-keyframes gallerybox-preloader-left-spin {
from, to {
-webkit-transform:rotate(130deg)
}
50% {
-webkit-transform:rotate(-5deg)
}
}
@keyframes gallerybox-preloader-left-spin {
from, to {
transform:rotate(130deg)
}
50% {
transform:rotate(-5deg)
}
}
@-webkit-keyframes gallerybox-preloader-right-spin {
from, to {
-webkit-transform:rotate(-130deg)
}
50% {
-webkit-transform:rotate(5deg)
}
}
@keyframes gallerybox-preloader-right-spin {
from, to {
transform:rotate(-130deg)
}
50% {
transform:rotate(5deg)
}
}