html.fancybox-active:not(.fancybox-allowscroll),
html.fancybox-active:not(.fancybox-allowscroll) body {
  touch-action:none;
  overscroll-behavior:none;
  -webkit-overflow-scrolling:auto;
  overflow:hidden;
}
html.fancybox-active:not(.fancybox-allowscroll) body {
  margin-right:var(--vertical-scrollbar);
  margin-bottom:var(--horizontal-scrollbar);
}
html.fancybox-active:not(.fancybox-allowscroll) body.rtl {
  margin-right:0;
  margin-left:var(--vertical-scrollbar);
}
#fancybox-loading,
#fancybox-loading div,
#fancybox-overlay,
#fancybox-wrap *,
#fancybox-wrap *::before,
#fancybox-wrap *::after {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}
#fancybox-overlay {
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color:rgba(0,0,0,.7);
  z-index:111100;
  display:none;
}
#fancybox-tmp {
  padding:0;
  margin:0;
  border:0;
  overflow:auto;
  display:none;
}
#fancybox-wrap {
  position:absolute;
  top:0;
  left:0;
  z-index:111101;
  display:none;
  outline:none!important;
}
#fancybox-outer {
  position:relative;
  width:100%;
  height:100%;
  box-shadow:0 0 20px #111;
  -moz-box-shadow:0 0 20px #111;
  -webkit-box-shadow:0 0 20px #111;
  background:#fff;
}
#fancybox-content {
  position:relative;
  width:100%;
  height:100%;
  overflow:hidden;
  z-index:111102;
  border:0 solid #fff;
  background:#fff;
  background-clip:padding-box;
}
#fancybox-content>* {
  max-width:100%;
  max-height:100%;
  -webkit-overflow-scrolling:touch;
}
#fancybox-error {
  color:#444;
  padding:14px;
  margin:0;
}
#fancybox-frame,
#fancybox-img {
  width:100%;
  height:100%;
  border:none;
}
#fancybox-img {
  padding:0;
  margin:0;
  line-height:0;
  vertical-align:top;
  max-width:none!important;
  max-height:none!important
}
#fancybox-frame {
  display:block;
  z-index:0
}
.fancy-ico {
  position:absolute;
  width:48px;
  height:48px;
  border-radius:50%;
}
.fancy-ico span {
  display:block;
  position:relative;
  left:12px;
  top:12px;
  width:24px;
  height:24px;
  border-radius:50%;
  background:#000;
  border:2px solid white;
  box-shadow:0 0 4px #000;
  transition:transform .25s ease-in-out;
}
#fancybox-close:hover span,
#fancybox-next:hover span,
body.rtl #fancybox-prev:hover span {
  transform:rotate(360deg);
}
#fancybox-prev:hover span,
body.rtl #fancybox-next:hover span {
  transform:rotate(-360deg);
}
#fancybox-close {
  top:-24px;
  right:-24px;
  cursor:pointer;
  z-index:111105;
  display:none;
}
#fancybox-close span::after,
#fancybox-close span::before {
  content:'';
  position:absolute;
  top:9px;
  left:4px;
  width:12px;
  height:2px;
  background-color:#fff;
}
#fancybox-close span::before {
  transform:rotate(45deg);
}
#fancybox-close span::after {
  transform:rotate(-45deg);
}
#fancybox-prev,
#fancybox-next {
  top:50%;
  margin-top:-24px;
  cursor:pointer;
  z-index:111102;
  display:none;
}
#fancybox-next,
body.rtl #fancybox-prev {
  left:auto;
  right:-24px;
}
#fancybox-prev,
body.rtl #fancybox-next {
  left:-24px;
  right:auto;
}
#fancybox-prev span::after,
#fancybox-next span::after {
  content:'';
  position:absolute;
  top:6px;
  width:8px;
  height:8px;
  border-top:2px solid #fff;
  border-right:2px solid #fff;
}
#fancybox-prev span::after,
body.rtl #fancybox-next span::after {
  transform:rotate(-135deg);
  left:7px;
}
#fancybox-next span::after,
body.rtl #fancybox-prev span::after {
  transform:rotate(45deg);
  left:initial;
  right:7px;
}
#fancybox-title-wrap {
  z-index:111104;
}
.fancybox-title-inside {
  padding-bottom:10px;
  text-align:center;
  color:#333;
  background-color:#fff;
  position:relative;
}
.fancybox-title-outside {
  padding-top:10px;
  color:#fff;
  font-weight:600;
}
.fancybox-title-over {
  position:absolute;
  width:100%;
  bottom:0;
  left:0;
  color:#fff;
  text-align:left;
}
body.rtl .fancybox-title-over {
  text-align:right
}
.fancybox-title-over #fancybox-title {
  padding:10px;
  background:rgba(0,0,0,.6);
  display:block;
}
.fancybox-title-float {
  text-align:center;
}
.fancybox-title-float #fancybox-title {
  display:table;
  margin:-12px auto;
  height:24px;
  padding:0 15px;
  line-height:20px;
  font-size:14px;
  color:#fff;
  background:#000;
  border:2px solid #fff;
  border-radius:12px;
  box-shadow:0 0 4px #000;
  position:relative;
  z-index:111104;
}
#fancybox-loading {
  position:fixed;
  top:50%;
  left:50%;
  width:40px;
  height:40px;
  margin-top:-20px;
  margin-left:-20px;
  background-color:rgba(0,0,0,.9);
  border-radius:5px;
  cursor:pointer;
  overflow:hidden;
  z-index:111104;
  display:none;
}
#fancybox-loading div {
  transform-origin:20px 20px;
  animation:fancybox-loading 1.2s linear infinite;
}
#fancybox-loading div::after {
  content:'';
  display:block;
  position:absolute;
  top:7px;
  left:19px;
  width:2px;
  height:7px;
  border-radius:20%;
  background:#fff;
}
#fancybox-loading div:nth-child(1) {
  transform:rotate(0deg);
  animation-delay:-1.1s;
}
#fancybox-loading div:nth-child(2) {
  transform:rotate(30deg);
  animation-delay:-1s;
}
#fancybox-loading div:nth-child(3) {
  transform:rotate(60deg);
  animation-delay:-.9s;
}
#fancybox-loading div:nth-child(4) {
  transform:rotate(90deg);
  animation-delay:-.8s;
}
#fancybox-loading div:nth-child(5) {
  transform:rotate(120deg);
  animation-delay:-.7s;
}
#fancybox-loading div:nth-child(6) {
  transform:rotate(150deg);
  animation-delay:-.6s;
}
#fancybox-loading div:nth-child(7) {
  transform:rotate(180deg);
  animation-delay:-.5s;
}
#fancybox-loading div:nth-child(8) {
  transform:rotate(210deg);
  animation-delay:-.4s;
}
#fancybox-loading div:nth-child(9) {
  transform:rotate(240deg);
  animation-delay:-.3s;
}
#fancybox-loading div:nth-child(10) {
  transform:rotate(270deg);
  animation-delay:-.2s;
}
#fancybox-loading div:nth-child(11) {
  transform:rotate(300deg);
  animation-delay:-.1s;
}
#fancybox-loading div:nth-child(12) {
  transform:rotate(330deg);
  animation-delay:0s;
}
@keyframes fancybox-loading {
  0% {
    opacity:1
  }
  100% {
    opacity:0
  }
}
.fancybox-hidden {
  display:none;
}
#fancybox-content .fancybox-hidden,
#fancybox-tmp .fancybox-hidden {
  display:revert;
}