body.compensate-for-scrollbar {
overflow:hidden
}
.fancybox-active {
height:auto
}
.fancybox-is-hidden {
left: -9999px;
margin: 0;
position: absolute !important;
top: -9999px;
visibility:hidden
}
.fancybox-container {
-webkit-backface-visibility: hidden;
height: 100%;
left: 0;
outline: 0;
position: fixed;
-webkit-tap-highlight-color: transparent;
top: 0;
-ms-touch-action: manipulation;
touch-action: manipulation;
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: .95;
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 ease, visibility 0s ease .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 ease 0s, visibility 0s ease 0s;
visibility: visible;
}
.fancybox-infobar {
color: #ccc;
font-size: 13px;
-webkit-font-smoothing: subpixel-antialiased;
height: 44px;
left: 0;
line-height: 44px;
min-width: 44px;
mix-blend-mode: difference;
padding: 0 10px;
pointer-events: none;
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;
transform: translateZ(0);
z-index: 99994
}
.fancybox-is-open .fancybox-stage {
overflow:hidden
}
.fancybox-slide {
-webkit-backface-visibility: hidden;
display: none;
height: 100%;
left: 0;
outline: 0;
overflow: auto;
-webkit-overflow-scrolling: touch;
padding: 44px;
position: absolute;
text-align: center;
top: 0px;
transition-property: transform, opacity;
white-space: normal;
width: 100%;
z-index:99994
}
.fancybox-slide::before {
content: '';
display: inline-block;
font-size: 0;
height: 100%;
vertical-align: middle;
width:0
}
.fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous {
display:block
}
.fancybox-slide--image {
overflow: hidden;
padding:44px 0
}
.fancybox-slide--image::before {
display:none
}
.fancybox-slide--html {
padding:6px
}
.fancybox-content {
background: #fff;
display: inline-block;
margin: 0;
max-width: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch;
padding: 44px;
position: relative;
text-align: left;
vertical-align:middle
}
.fancybox-slide--image .fancybox-content {
animation-timing-function: cubic-bezier(.5, 0, .14, 1);
-webkit-backface-visibility: hidden;
background: 0 0;
background-repeat: no-repeat;
background-size: 100% 100%;
left: 0;
max-width: none;
overflow: visible;
padding: 0;
position: absolute;
top: 0;
-ms-transform-origin: top left;
transform-origin: top left;
transition-property: transform, opacity;
-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-pan .fancybox-content, .fancybox-can-swipe .fancybox-content {
cursor: -webkit-grab;
cursor:grab
}
.fancybox-is-grabbing .fancybox-content {
cursor: -webkit-grabbing;
cursor:grabbing
}
.fancybox-container [data-selectable=true] {
cursor:text
}
.fancybox-image, .fancybox-spaceball {
background: 0 0;
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--iframe .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--video .fancybox-content {
height: 100%;
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
}
.fancybox-iframe, .fancybox-video {
background: 0 0;
border: 0;
display: block;
height: 100%;
margin: 0;
overflow: hidden;
padding: 0;
width:100%
}
.fancybox-iframe {
left: 0;
position: absolute;
top:0
}
.fancybox-error {
background: #fff;
cursor: default;
max-width: 400px;
padding: 40px;
width:100%
}
.fancybox-error p {
color: #444;
font-size: 16px;
line-height: 20px;
margin: 0;
padding:0
}
.fancybox-button {
background: rgba(255, 255, 255, 0);
border: 0;
border-radius: 0;
box-shadow: none;
cursor: pointer;
display: inline-block;
height: 44px;
margin: 0;
padding: 10px;
position: relative;
transition: color .2s;
vertical-align: top;
visibility: inherit;
width:44px
}
.fancybox-button, .fancybox-button:link, .fancybox-button:visited {
color:#ccc
}
.fancybox-button:hover {
color:#fff
}
.fancybox-button:focus {
outline:0
}
.fancybox-button.fancybox-focus {
outline:1px dotted
}
.fancybox-button[disabled], .fancybox-button[disabled]:hover {
color: #888;
cursor: default;
outline:0
}
.fancybox-button div {
height:100%
}
.fancybox-button svg {
display: block;
height: 100%;
overflow: visible;
position: relative;
width:100%
}
.fancybox-button svg path {
fill: currentColor;
stroke-width:0
}
.fancybox-button--fsenter svg:nth-child(2), .fancybox-button--play svg:nth-child(2) {
display:none
}
.fancybox-button--fsexit svg:nth-child(1), .fancybox-button--pause svg:nth-child(1) {
display:none
}
.fancybox-progress {
background: #ff5268;
height: 2px;
left: 0;
position: absolute;
right: 0;
top: 0;
-ms-transform: scaleX(0);
transform: scaleX(0);
-ms-transform-origin: 0;
transform-origin: 0;
transition-property: transform;
transition-timing-function: linear;
z-index:99998
}
.fancybox-close-small {
background: 0 0;
border: 0;
border-radius: 0;
color: #ccc;
cursor: pointer;
opacity: .8;
padding: 8px;
position: absolute;
right: -12px;
top: -44px;
z-index:401
}
.fancybox-close-small:hover {
color: #fff;
opacity:1
}
.fancybox-slide--html .fancybox-close-small {
color: currentColor;
padding: 10px;
right: 0;
top:0
}
.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
overflow:hidden
}
.fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
display:none
}
.fancybox-navigation .fancybox-button {
background-clip: content-box;
height: 100px;
opacity: 0;
position: absolute;
top: calc(50% - 50px);
width:70px
}
.fancybox-navigation .fancybox-button div {
padding:7px
}
.fancybox-navigation .fancybox-button--arrow_left {
left: 0;
left: env(safe-area-inset-left);
padding:31px 26px 31px 6px
}
.fancybox-navigation .fancybox-button--arrow_right {
padding: 31px 6px 31px 26px;
right: 0;
right:env(safe-area-inset-right)
}
.fancybox-caption {
background: rgba(0, 0, 0, 0);
bottom: 0;
color: #eee;
font-size: 14px;
font-weight: 400;
left: 0;    padding: 75px 44px 25px 44px;
pointer-events: none;
right: 0;
text-align: center;
z-index: 99996;
} @supports (padding: max(0px)) {
.fancybox-caption{
padding: 75px max(44px, env(safe-area-inset-right)) max(75px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left))
}   
}
.fancybox-caption--separate {
margin-top: -50px
}
.fancybox-caption__body {
max-height: 50vh;
overflow: auto;
pointer-events: all;
padding-top:30px !important;
}
.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 {
animation: fancybox-rotate 1s linear infinite;
background: 0 0;
border: 4px solid #888;
border-bottom-color: #fff;
border-radius: 50%;
height: 50px;
left: 50%;
margin: -25px 0 0 -25px;
opacity: .7;
padding: 0;
position: absolute;
top: 50%;
width: 50px;
z-index:99999
}
@keyframes fancybox-rotate {
100% {
transform:rotate(360deg)
}
}
.fancybox-animated {
transition-timing-function:cubic-bezier(0, 0, .25, 1)
}
.fancybox-fx-slide.fancybox-slide--previous {
opacity: 0;
transform:translate3d(-100%, 0, 0)
}
.fancybox-fx-slide.fancybox-slide--next {
opacity: 0;
transform:translate3d(100%, 0, 0)
}
.fancybox-fx-slide.fancybox-slide--current {
opacity: 1;
transform:translate3d(0, 0, 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;
transform:scale3d(1.5, 1.5, 1.5)
}
.fancybox-fx-zoom-in-out.fancybox-slide--next {
opacity: 0;
transform:scale3d(.5, .5, .5)
}
.fancybox-fx-zoom-in-out.fancybox-slide--current {
opacity: 1;
transform:scale3d(1, 1, 1)
}
@media all and (max-height: 576px) {
.fancybox-slide {
padding-left: 6px;
padding-right:6px
}
.fancybox-slide--image {
padding:6px 0
}
.fancybox-close-small {
right:-6px
}
.fancybox-slide--image .fancybox-close-small {
background: #4e4e4e;
color: #f2f4f6;
height: 36px;
opacity: 1;
padding: 6px;
right: 0;
top: 0;
width:36px
}
.fancybox-caption {
padding-left: 12px;
padding-right:12px
}
@supports (padding: max(0px)) {
.fancybox-caption {
padding-left: max(12px, env(safe-area-inset-left));
padding-right:max(12px, env(safe-area-inset-right))
}
}
}
.fancybox-share {
background: #f4f4f4;
border-radius: 3px;
max-width: 90%;
padding: 30px;
text-align:center
}
.fancybox-share h1 {
color: #222;
font-size: 35px;
font-weight: 700;
margin:0 0 20px 0
}
.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 5px;
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:#0d95e8
}
.fancybox-share__button svg {
height: 25px;
margin-right: 7px;
position: relative;
top: -1px;
vertical-align: middle;
width:25px
}
.fancybox-share__button svg path {
fill:#fff
}
.fancybox-share__input {
background: 0 0;
border: 0;
border-bottom: 1px solid #d7d7d7;
border-radius: 0;
color: #5d5b5b;
font-size: 14px;
margin: 10px 0 0 0;
outline: 0;
padding: 10px 15px;
width:100%
}
.fancybox-thumbs {
background: #ddd;
bottom: 0;
display: none;
margin: 0;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
padding: 2px 2px 4px 2px;
position: absolute;
right: 0;
-webkit-tap-highlight-color: transparent;
top: 0;
width: 212px;
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:212px
}
.fancybox-thumbs__list {
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 .fancybox-thumbs__list {
overflow:hidden
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
width:7px
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
background: #fff;
border-radius: 10px;
box-shadow:inset 0 0 6px rgba(0, 0, 0, .3)
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
background: #2a2a2a;
border-radius:10px
}
.fancybox-thumbs__list a {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background-color: rgba(0, 0, 0, .1);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
cursor: pointer;
float: left;
height: 75px;
margin: 2px;
max-height: calc(100% - 8px);
max-width: calc(50% - 4px);
outline: 0;
overflow: hidden;
padding: 0;
position: relative;
-webkit-tap-highlight-color: transparent;
width:100px
}
.fancybox-thumbs__list a::before {
border: 6px solid #ff5268;
bottom: 0;
content: '';
left: 0;
opacity: 0;
position: absolute;
right: 0;
top: 0;
transition: all .2s cubic-bezier(.25, .46, .45, .94);
z-index:99991
}
.fancybox-thumbs__list a:focus::before {
opacity:.5
}
.fancybox-thumbs__list a.fancybox-thumbs-active::before {
opacity:1
}
@media all and (max-width: 576px) {
.fancybox-thumbs {
width:110px
}
.fancybox-show-thumbs .fancybox-inner {
right:110px
}
.fancybox-thumbs__list a {
max-width:calc(100% - 10px)
}
}
@media only screen and (min-width: 600px) {
body.admin-bar .fancybox-container:not(.fancybox-is-fullscreen) .fancybox-toolbar {
top: 32px
}
body.admin-bar .fancybox-container:not(.fancybox-is-fullscreen) .fancybox-infobar {
top:38px
}
}
.fancybox-video {
visibility:visible
}
.fancybox-bg {
background-color:#000
}
body.compensate-for-scrollbar, html.compensate-for-scrollbar {
margin-right:0 !important
}
html.compensate-for-scrollbar {
overflow-y:scroll !important
}
button.fancybox-button {
background-color: rgba(255, 255, 255, 0);
}
body[data-button-style * =slightly_rounded] button.fancybox-button, body[data-button-style^=rounded] button.fancybox-button {
border-radius:0 !important
}
button.fancybox-button--fsenter, button.fancybox-button--fsexit, html body[data-button-style * =slightly_rounded] button.fancybox-button--fsenter, html body[data-button-style^=rounded] button.fancybox-button--fsenter {
border-radius:0 0 0 5px !important
}
.fancybox-navigation button {
color: #fff;
background-color:transparent
}
.fancybox-navigation button:before {
content: "";
position: absolute;
top: 30px;
right: 25px;
width: 40px;
height: 40px;
border-radius: 50px;
background-color: rgba(25, 25, 25, .45);
z-index: -1;
transform: scale(.9);
transition:all .25s cubic-bezier(.15, .2, .1, 1)
}
.fancybox-navigation button.fancybox-button--arrow_right:before {
right:5px
}
@media only screen and (min-width: 690px) {
.fancybox-navigation button:hover:before {
transform: scale(1.1);
box-shadow:0 7px 18px rgba(0, 0, 0, .25)
}
}
.fancybox-navigation .fancybox-button--arrow_left {
left:20px
}
.fancybox-navigation .fancybox-button--arrow_right {
right:20px
}
@media only screen and (max-width: 690px) {
.fancybox-navigation button:before {
transition:none
}
.fancybox-navigation .fancybox-button--arrow_left {
left:0;
display:none;
}
.fancybox-navigation .fancybox-button--arrow_right {
right: 0;
display:none;
}
}