body.compensate - for -scrollbar {
	overflow: hidden
}

.fancybox - active {
	height: auto
}

.fancybox - is - hidden {
	left: -9999 px;
	margin: 0;
	position: absolute !important;
	top: -9999 px;
	visibility: hidden
}

.fancybox - container {
	-webkit - backface - visibility: hidden;
	backface - visibility: hidden;
	font - family: -apple - system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans - serif;
	height: 100 %;
	left: 0;
	position: fixed;
	- webkit - tap - highlight - color: transparent;
	top: 0;
	- webkit - transform: translateZ(0);
	transform: translateZ(0);
	width: 100 %;
	z - index: 99992
}

.fancybox - container * {
	box - sizing: border - box
}

.fancybox - bg,
.fancybox - inner,
.fancybox - outer,
.fancybox - stage {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0
}

.fancybox - outer {
	-webkit - overflow - scrolling: touch;
	overflow - y: auto
}

.fancybox - bg {
	background: #1e1e1e;
	opacity: 0;
	transition-duration: inherit;
	transition-property: opacity;
	transition-timing-function: cubic-bezier(.47, 0, .74, .71)
}

.fancybox-is-open .fancybox-bg {
	opacity: .87;
	transition-timing-function: cubic-bezier(.22, .61, .36, 1)
}

.fancybox-caption,
.fancybox-infobar,
.fancybox-navigation .fancybox-button,
.fancybox-toolbar {
	direction: ltr;
	opacity: 0;
	position: absolute;
	transition: opacity .25s, visibility 0s linear .25s;
	visibility: hidden;
	z-index: 99997
}

.fancybox-show-caption .fancybox-caption,
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-nav .fancybox-navigation .fancybox-button,
.fancybox-show-toolbar .fancybox-toolbar {
	opacity: 1;
	transition: opacity .25s, visibility 0s;
	visibility: visible
}

.fancybox-infobar {
	color: # ccc;
	font - size: 13 px;
	- webkit - font - smoothing: subpixel - antialiased;
	height: 44 px;
	left: 0;
	line - height: 44 px;
	min - width: 44 px;
	mix - blend - mode: difference;
	padding: 0 10 px;
	pointer - events: none;
	text - align: center;
	top: 0;
	- webkit - touch - callout: none;
	- webkit - user - select: none;
	- moz - user - select: none;
	- ms - user - select: none;
	user - select: none
}

.fancybox - toolbar {
	right: 0;
	top: 0
}

.fancybox - stage {
	direction: ltr;
	overflow: visible;
	- webkit - transform: translateZ(0);
	z - index: 99994
}

.fancybox - is - open.fancybox - stage {
	overflow: hidden
}

.fancybox - slide {
	-webkit - backface - visibility: hidden;
	backface - visibility: hidden;
	display: none;
	height: 100 %;
	left: 0;
	outline: none;
	overflow: auto;
	- webkit - overflow - scrolling: touch;
	padding: 44 px;
	position: absolute;
	text - align: center;
	top: 0;
	transition - property: opacity, -webkit - transform;
	transition - property: transform, opacity;
	transition - property: transform, opacity, -webkit - transform;
	white - space: normal;
	width: 100 %;
	z - index: 99994
}

.fancybox - slide: before {
	content: "";
	display: inline - block;
	height: 100 %;
	margin - right: -.25 em;
	vertical - align: middle;
	width: 0
}

.fancybox - is - sliding.fancybox - slide,
.fancybox - slide--current,
.fancybox - slide--next,
.fancybox - slide--previous {
	display: block
}

.fancybox - slide--next {
	z - index: 99995
}

.fancybox - slide--image {
	overflow: visible;
	padding: 44 px 0
}

.fancybox - slide--image: before {
	display: none
}

.fancybox - slide--html {
	padding: 6 px 6 px 0
}

.fancybox - slide--iframe {
	padding: 44 px 44 px 0
}

.fancybox - content {
	background: #fff;
	display: inline - block;
	margin: 0 0 6 px;
	max - width: 100 %;
	overflow: auto;
	padding: 0;
	padding: 24 px;
	position: relative;
	text - align: left;
	vertical - align: middle
}

.fancybox - slide--image.fancybox - content {
	-webkit - animation - timing - function: cubic - bezier(.5, 0, .14, 1);
	animation - timing - function: cubic - bezier(.5, 0, .14, 1);
	- webkit - backface - visibility: hidden;
	backface - visibility: hidden;
	background: transparent;
	background - repeat: no - repeat;
	background - size: 100 % 100 %;
	left: 0;
	margin: 0;
	max - width: none;
	overflow: visible;
	padding: 0;
	position: absolute;
	top: 0;
	- webkit - transform - origin: top left;
	transform - origin: top left;
	transition - property: opacity, -webkit - transform;
	transition - property: transform, opacity;
	transition - property: transform, opacity, -webkit - transform;
	- webkit - user - select: none;
	- moz - user - select: none;
	- ms - user - select: none;
	user - select: none;
	z - index: 99995
}

.fancybox - can - zoomOut.fancybox - content {
	cursor: zoom - out
}

.fancybox - can - zoomIn.fancybox - content {
	cursor: zoom - in
}

.fancybox - can - drag.fancybox - content {
	cursor: -webkit - grab;
	cursor: grab
}

.fancybox - is - dragging.fancybox - content {
	cursor: -webkit - grabbing;
	cursor: grabbing
}

.fancybox - container[data - selectable=true] {
	cursor: text
}

.fancybox - image,
.fancybox - spaceball {
	background: transparent;
	border: 0;
	height: 100 %;
	left: 0;
	margin: 0;
	max - height: none;
	max - width: none;
	padding: 0;
	position: absolute;
	top: 0;
	- webkit - user - select: none;
	- moz - user - select: none;
	- ms - user - select: none;
	user - select: none;
	width: 100 %
}

.fancybox - spaceball {
	z - index: 1
}

.fancybox - slide--html.fancybox - content {
	margin - bottom: 6 px
}

.fancybox - slide--iframe.fancybox - content,
.fancybox - slide--map.fancybox - content,
.fancybox - slide--video.fancybox - content {
	height: 100 %;
	margin: 0;
	overflow: visible;
	padding: 0;
	width: 100 %
}

.fancybox - slide--video.fancybox - content {
	background: #000
}

.fancybox-slide--map .fancybox-content {
	background: # e5e3df
}

.fancybox - slide--iframe.fancybox - content {
	background: #fff;
	height: calc(100 % -44 px);
	margin - bottom: 44 px
}

.fancybox - iframe,
.fancybox - video {
	background: transparent;
	border: 0;
	height: 100 %;
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 100 %
}

.fancybox - iframe {
	vertical - align: top
}

.fancybox - error {
	background: #fff;
	cursor: default;
	max - width: 400 px;
	padding: 40 px;
	width: 100 %
}

.fancybox - error p {
	color: #444;
	font-size: 16px;
	line-height: 20px;
	margin: 0;
	padding: 0
}

.fancybox-button {
	background: rgba(30, 30, 30, .6);
	border: 0;
	border-radius: 0;
	cursor: pointer;
	display: inline-block;
	height: 44px;
	margin: 0;
	outline: none;
	padding: 10px;
	transition: color .2s;
	vertical-align: top;
	width: 44px
}

.fancybox-button,
.fancybox-button:link,
.fancybox-button:visited {
	color: # ccc
}

.fancybox - button: focus,
.fancybox - button: hover {
	color: #fff
}

.fancybox - button.disabled,
.fancybox - button.disabled: hover,
.fancybox - button[disabled],
.fancybox - button[disabled]: hover {
	color: #888;
	cursor: default
}

.fancybox-button svg {
	display: block;
	overflow: visible;
	position: relative;
	shape-rendering: geometricPrecision
}

.fancybox-button svg path {
	fill: transparent;
	stroke: currentColor;
	stroke-linejoin: round;
	stroke-width: 3
}

.fancybox-button--pause svg path:nth-child(1),
.fancybox-button--play svg path:nth-child(2) {
	display: none
}

.fancybox-button--play svg path,
.fancybox-button--share svg path,
.fancybox-button--thumbs svg path {
	fill: currentColor
}

.fancybox-button--share svg path {
	stroke-width: 1
}

.fancybox-navigation .fancybox-button {
	height: 38px;
	opacity: 0;
	padding: 6px;
	position: absolute;
	top: 50%;
	width: 38px
}

.fancybox-show-nav .fancybox-navigation .fancybox-button {
	transition: opacity .25s, visibility 0s, color .25s
}

.fancybox-navigation .fancybox-button:after {
	content: "";
	left: -25px;
	padding: 50px;
	position: absolute;
	top: -25px
}

.fancybox-navigation .fancybox-button--arrow_left {
	left: 6px
}

.fancybox-navigation .fancybox-button--arrow_right {
	right: 6px
}

.fancybox-close-small {
	background: transparent;
	border: 0;
	border-radius: 0;
	color: # 555;
	cursor: pointer;
	height: 44 px;
	margin: 0;
	padding: 6 px;
	position: absolute;
	right: 0;
	top: 0;
	width: 44 px;
	z - index: 10
}

.fancybox - close - small svg {
	fill: transparent;
	opacity: .8;
	stroke: currentColor;
	stroke - width: 1.5;
	transition: stroke .1 s
}

.fancybox - close - small: focus {
	outline: none
}

.fancybox - close - small: hover svg {
	opacity: 1
}

.fancybox - slide--iframe.fancybox - close - small,
.fancybox - slide--image.fancybox - close - small,
.fancybox - slide--video.fancybox - close - small {
	color: #ccc;
	padding: 5 px;
	right: -12 px;
	top: -44 px
}

.fancybox - slide--iframe.fancybox - close - small: hover svg,
.fancybox - slide--image.fancybox - close - small: hover svg,
.fancybox - slide--video.fancybox - close - small: hover svg {
	background: transparent;
	color: #fff
}

.fancybox - is - scaling.fancybox - close - small,
.fancybox - is - zoomable.fancybox - can - drag.fancybox - close - small {
	display: none
}

.fancybox - caption {
	bottom: 0;
	color: #fff;
	font - size: 14 px;
	font - weight: 400;
	left: 0;
	line - height: 1.5;
	padding: 25 px 44 px;
	right: 0
}

.fancybox - caption: before {
	background - image: url(data: image / png; base64, iVBORw0KGgoAAAANSUhEUgAAAAEAAAEtCAQAAABjBcL7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUKM + Vk8EOgDAIQ0vj / 3 + xBw8qIZZueFnIKC90MCAI8DlrkHGeqqGIU6lVigrBtpCWqeRWoHDNqs0F7VNVBVxmHRlvoVqjaYkdnDIaivH2HqZ5 + oZj3JUzWB + cOz4G48Bg + tsJ / tqu4dLC / 4 Xb + 0 GcF5BwBC0AA53qAAAAAElFTkSuQmCC);
	background - repeat: repeat - x;
	background - size: contain;
	bottom: 0;
	content: "";
	display: block;
	left: 0;
	pointer - events: none;
	position: absolute;
	right: 0;
	top: -25 px;
	z - index: -1
}

.fancybox - caption: after {
	border - bottom: 1 px solid hsla(0, 0 %, 100 %, .3);
	content: "";
	display: block;
	left: 44 px;
	position: absolute;
	right: 44 px;
	top: 0
}

.fancybox - caption a,
.fancybox - caption a: link,
.fancybox - caption a: visited {
	color: #ccc;
	text - decoration: none
}

.fancybox - caption a: hover {
	color: #fff;
	text - decoration: underline
}

.fancybox - loading {
	-webkit - animation: a .8 s infinite linear;
	animation: a .8 s infinite linear;
	background: transparent;
	border: 6 px solid hsla(0, 0 %, 39 %, .5);
	border - radius: 100 %;
	border - top - color: #fff;
	height: 60 px;
	left: 50 %;
	margin: -30 px 0 0 - 30 px;
	opacity: .6;
	padding: 0;
	position: absolute;
	top: 50 %;
	width: 60 px;
	z - index: 99999
}

@ - webkit - keyframes a {
	0 % {
		-webkit - transform: rotate(0 deg);
		transform: rotate(0 deg)
	}

	to {
		-webkit - transform: rotate(359 deg);
		transform: rotate(359 deg)
	}
}

@keyframes a {
	0 % {
		-webkit - transform: rotate(0 deg);
		transform: rotate(0 deg)
	}

	to {
		-webkit - transform: rotate(359 deg);
		transform: rotate(359 deg)
	}
}

.fancybox - animated {
	transition - timing - function: cubic - bezier(0, 0, .25, 1)
}

.fancybox - fx - slide.fancybox - slide--previous {
	opacity: 0;
	- webkit - transform: translate3d(-100 %, 0, 0);
	transform: translate3d(-100 %, 0, 0)
}

.fancybox - fx - slide.fancybox - slide--next {
	opacity: 0;
	- webkit - transform: translate3d(100 %, 0, 0);
	transform: translate3d(100 %, 0, 0)
}

.fancybox - fx - slide.fancybox - slide--current {
	opacity: 1;
	- webkit - transform: translateZ(0);
	transform: translateZ(0)
}

.fancybox - fx - fade.fancybox - slide--next,
.fancybox - fx - fade.fancybox - slide--previous {
	opacity: 0;
	transition - timing - function: cubic - bezier(.19, 1, .22, 1)
}

.fancybox - fx - fade.fancybox - slide--current {
	opacity: 1
}

.fancybox - fx - zoom - in - out.fancybox - slide--previous {
	opacity: 0;
	- webkit - transform: scale3d(1.5, 1.5, 1.5);
	transform: scale3d(1.5, 1.5, 1.5)
}

.fancybox - fx - zoom - in - out.fancybox - slide--next {
	opacity: 0;
	- webkit - transform: scale3d(.5, .5, .5);
	transform: scale3d(.5, .5, .5)
}

.fancybox - fx - zoom - in - out.fancybox - slide--current {
	opacity: 1;
	- webkit - transform: scaleX(1);
	transform: scaleX(1)
}

.fancybox - fx - rotate.fancybox - slide--previous {
	opacity: 0;
	- webkit - transform: rotate(-1 turn);
	transform: rotate(-1 turn)
}

.fancybox - fx - rotate.fancybox - slide--next {
	opacity: 0;
	- webkit - transform: rotate(1 turn);
	transform: rotate(1 turn)
}

.fancybox - fx - rotate.fancybox - slide--current {
	opacity: 1;
	- webkit - transform: rotate(0 deg);
	transform: rotate(0 deg)
}

.fancybox - fx - circular.fancybox - slide--previous {
	opacity: 0;
	- webkit - transform: scale3d(0, 0, 0) translate3d(-100 %, 0, 0);
	transform: scale3d(0, 0, 0) translate3d(-100 %, 0, 0)
}

.fancybox - fx - circular.fancybox - slide--next {
	opacity: 0;
	- webkit - transform: scale3d(0, 0, 0) translate3d(100 %, 0, 0);
	transform: scale3d(0, 0, 0) translate3d(100 %, 0, 0)
}

.fancybox - fx - circular.fancybox - slide--current {
	opacity: 1;
	- webkit - transform: scaleX(1) translateZ(0);
	transform: scaleX(1) translateZ(0)
}

.fancybox - fx - tube.fancybox - slide--previous {
	-webkit - transform: translate3d(-100 %, 0, 0) scale(.1) skew(-10 deg);
	transform: translate3d(-100 %, 0, 0) scale(.1) skew(-10 deg)
}

.fancybox - fx - tube.fancybox - slide--next {
	-webkit - transform: translate3d(100 %, 0, 0) scale(.1) skew(10 deg);
	transform: translate3d(100 %, 0, 0) scale(.1) skew(10 deg)
}

.fancybox - fx - tube.fancybox - slide--current {
	-webkit - transform: translateZ(0) scale(1);
	transform: translateZ(0) scale(1)
}

.fancybox - share {
	background: #f4f4f4;
	border - radius: 3 px;
	max - width: 90 %;
	padding: 30 px;
	text - align: center
}

.fancybox - share h1 {
	color: #222;
	font-size: 35px;
	font-weight: 700;
	margin: 0 0 20px
}

.fancybox-share p {
	margin: 0;
	padding: 0
}

.fancybox-share__button {
	border: 0;
	border-radius: 3px;
	display: inline-block;
	font-size: 14px;
	font-weight: 700;
	line-height: 40px;
	margin: 0 5px 10px;
	min-width: 130px;
	padding: 0 15px;
	text-decoration: none;
	transition: all .2s;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	white-space: nowrap
}

.fancybox-share__button:link,
.fancybox-share__button:visited {
	color: # fff
}

.fancybox - share__button: hover {
	text - decoration: none
}

.fancybox - share__button--fb {
	background: #3b5998
}

.fancybox-share__button--fb:hover {
	background: # 344e86
}

.fancybox - share__button--pt {
	background: #bd081d
}

.fancybox - share__button--pt: hover {
	background: #aa0719
}

.fancybox - share__button--tw {
	background: #1da1f2
}

.fancybox-share__button--tw:hover {
	background: # 0 d95e8
}

.fancybox - share__button svg {
	height: 25 px;
	margin - right: 7 px;
	position: relative;
	top: -1 px;
	vertical - align: middle;
	width: 25 px
}

.fancybox - share__button svg path {
	fill: #fff
}

.fancybox - share__input {
	background: transparent;
	border: 0;
	border - bottom: 1 px solid #d7d7d7;
	border - radius: 0;
	color: #5d5b5b;
	font-size: 14px;
	margin: 10px 0 0;
	outline: none;
	padding: 10px 15px;
	width: 100%
}

.fancybox-thumbs {
	background: # fff;
	bottom: 0;
	display: none;
	margin: 0;
	- webkit - overflow - scrolling: touch;
	- ms - overflow - style: -ms - autohiding - scrollbar;
	padding: 2 px 2 px 4 px;
	position: absolute;
	right: 0;
	- webkit - tap - highlight - color: transparent;
	top: 0;
	width: 212 px;
	z - index: 99995
}

.fancybox - thumbs - x {
	overflow - x: auto;
	overflow - y: hidden
}

.fancybox - show - thumbs.fancybox - thumbs {
	display: block
}

.fancybox - show - thumbs.fancybox - inner {
	right: 212 px
}

.fancybox - thumbs>ul {
	font - size: 0;
	height: 100 %;
	list - style: none;
	margin: 0;
	overflow - x: hidden;
	overflow - y: auto;
	padding: 0;
	position: absolute;
	position: relative;
	white - space: nowrap;
	width: 100 %
}

.fancybox - thumbs - x>ul {
	overflow: hidden
}

.fancybox - thumbs - y>ul::-webkit - scrollbar {
	width: 7 px
}

.fancybox - thumbs - y>ul::-webkit - scrollbar - track {
	background: #fff;
	border - radius: 10 px;
	box - shadow: inset 0 0 6 px rgba(0, 0, 0, .3)
}

.fancybox - thumbs - y>ul::-webkit - scrollbar - thumb {
	background: #2a2a2a;
	border-radius: 10px
}

.fancybox-thumbs>ul>li {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	cursor: pointer;
	float: left;
	height: 75px;
	margin: 2px;
	max-height: calc(100% - 8px);
	max-width: calc(50% - 4px);
	outline: none;
	overflow: hidden;
	padding: 0;
	position: relative;
	-webkit-tap-highlight-color: transparent;
	width: 100px
}

.fancybox-thumbs-loading {
	background: rgba(0, 0, 0, .1)
}

.fancybox-thumbs>ul>li {
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover
}

.fancybox-thumbs>ul>li:before {
	border: 4px solid # 4 ea7f9;
	bottom: 0;
	content: "";
	left: 0;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
	transition: all .2 s cubic - bezier(.25, .46, .45, .94);
	z - index: 99991
}

.fancybox - thumbs.fancybox - thumbs - active: before {
	opacity: 1
}

@media(max - width: 800 px) {
	.fancybox - thumbs {
		width: 110 px
	}

	.fancybox - show - thumbs.fancybox - inner {
		right: 110 px
	}

	.fancybox - thumbs>ul>li {
		max - width: calc(100 % -10 px)
	}
}