.fancybox-outer, .fancybox-inner, .fancybox-bg, .fancybox-stage { position: fixed; top: 0; right: 0; bottom: 0; left: 0; }  /* poz vsplyv okna*/
/*.fancybox-outer { overflow-y: auto; -webkit-overflow-scrolling: touch; } */

.fancybox-bg { background: #333333; opacity: 0; -webkit-transition-duration: inherit; transition-duration: inherit; }
/*-webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); */

.fancybox-is-open .fancybox-bg { opacity: 0.85; }
 /* -webkit-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); */
 
.fancybox-infobar, .fancybox-toolbar, .fancybox-caption-wrap {
  position: absolute; direction: ltr; z-index: 99997; opacity: 0; visibility: hidden;
  -webkit-transition: opacity .25s, visibility 0s linear .25s; transition: opacity .25s, visibility 0s linear .25s; }
/*  -webkit-box-sizing: border-box; box-sizing: border-box;*/

/* goriz poz vsplyv okna*/
.fancybox-slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; overflow: auto; outline: none; white-space: normal;
                           -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; z-index: 99994; -webkit-overflow-scrolling: touch;
                           display: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition-property: opacity, -webkit-transform;
                           -webkit-transition-property: opacity, -webkit-transform; transition-property: transform, opacity;
						   transition-property: transform, opacity, -webkit-transform; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }
						   
/*  vert poz  vsplyv okna*/
.fancybox-slide::before { content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0; }

/*  vidimost okna*/
.fancybox-is-sliding .fancybox-slide, .fancybox-slide--previous, .fancybox-slide--current, .fancybox-slide--next { display: block; }
/*
.fancybox-slide--next { z-index: 99995; }
*/

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++ vsplyv okna box */
.fancybox-slide > div { display: inline-block; position: relative; padding: 10px; border-width: 0; vertical-align: middle; background-color: #ddd; 
                                   overflow: auto; -webkit-box-sizing: border-box; box-sizing: border-box; }
								   
/*vert poz foto vnutri vsplyv okna*/
.fancybox-close-small { position: absolute; top: 0; right: 0; width: 44px; height: 44px; padding: 0; margin: 0; border: 0; border-radius: 0; outline: none;
                                    background: transparent; z-index: 10; cursor: pointer; }
									
/* ----------------------------------------------  knopka zakrytia vsplyv okna  ------------------------------------
.fancybox-close-small:after { content: '×'; position: absolute; top: 5px; right: 5px; width: 30px; height: 30px; font: 20px/30px Arial; color: #888;font-weight: 300;
                                            text-align: center; border-radius: 50%; border-width: 0; background: #fff; 
											-webkit-transition: background .25s; transition: background .25s; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 2; }
*/

/*
.fancybox-close-small:focus:after { outline: 1px dotted #888; }
.fancybox-close-small:hover:after { color: #555; background: #eee; }
.fancybox-slide--iframe .fancybox-close-small { top: 0; right: -44px; }
.fancybox-slide--iframe .fancybox-close-small:after { background: transparent; font-size: 35px; color: #aaa; }
.fancybox-slide--iframe .fancybox-close-small:hover:after { color: #fff; }
*/

/* Navigation arrows */
.fancybox-arrow { position: absolute; top: 50%; margin: -50px 0 0 0; height: 100px; width: 54px; padding: 0; border: 0; outline: none; background: none;
                            cursor: pointer; z-index: 99995; opacity: 0; -webkit-transition: opacity .5s; transition: opacity .25s; }
  /*-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;*/

/*-----------------------------------------------------------------ARROWs-----------------------------------------------*/
.fancybox-arrow::after { content: ''; position: absolute; top: 28px; width: 50px; height: 50px;
  background-color: #898989; background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNMTIgNGwtMS40MSAxLjQxTDE2LjE3IDExSDR2MmgxMi4xN2wtNS41OCA1LjU5TDEyIDIwbDgtOHoiLz48L3N2Zz4=); }
/* background-color: #666; background-color: rgba(30, 30, 30, 0.8); background-size: 50px 50px; background-position: center ; background-repeat: no-repeat;  */

.fancybox-arrow--right { right: 0; }
.fancybox-arrow--left { left: 0; -webkit-transform: scaleX(-1); transform: scaleX(-1); }
.fancybox-arrow--right::after, .fancybox-arrow--left::after { left: 0; }
.fancybox-show-nav .fancybox-arrow { opacity: 0.6; }
/* .fancybox-show-nav .fancybox-arrow[disabled] { opacity: 1; } */


/* transitionEffect: fade */
.fancybox-fx-fade.fancybox-slide--previous, .fancybox-fx-fade.fancybox-slide--next { opacity: 0; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
                                                                                                                                transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
/*prozracn foto*/
.fancybox-fx-fade.fancybox-slide--current { opacity: 1; }

/* transitionEffect: zoom-in-out ++++++++++++++++++++*/
.fancybox-fx-zoom-in-out.fancybox-slide--previous { -webkit-transform: scale3d(1.5, 1.5, 1.5); transform: scale3d(1.5, 1.5, 1.5); opacity: 0; }
.fancybox-fx-zoom-in-out.fancybox-slide--next { -webkit-transform: scale3d(0.5, 0.5, 0.5); transform: scale3d(0.5, 0.5, 0.5); opacity: 0; }
.fancybox-fx-zoom-in-out.fancybox-slide--current { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; }


/* Styling for Small-Screen Devices */
@media all and (max-width: 800px) {
  .fancybox-infobar {
    left: 0;
    margin-left: 0; }

  .fancybox-button--left,
  .fancybox-button--right {
    display: none !important; }

  .fancybox-caption {
    padding: 20px 0;
    margin: 0; } }
/* Fullscreen  */
.fancybox-button--fullscreen::before {
  width: 15px;
  height: 11px;
  left: calc(50% - 7px);
  top: calc(50% - 6px);
  border: 2px solid;
  background: none; }

/* Slideshow button */
.fancybox-button--play::before,
.fancybox-button--pause::before {
  top: calc(50% - 6px);
  left: calc(50% - 4px);
  background: transparent; }

.fancybox-button--play::before {
  width: 0;
  height: 0;
  border-top: 6px inset transparent;
  border-bottom: 6px inset transparent;
  border-left: 10px solid;
  border-radius: 1px; }

.fancybox-button--pause::before {
  width: 7px;
  height: 11px;
  border-style: solid;
  border-width: 0 2px 0 2px; }

/* Thumbs */
.fancybox-thumbs {
  display: none; }

.fancybox-button--thumbs {
  display: none; }

@media all and (min-width: 800px) {
  .fancybox-button--thumbs {
    display: inline-block; }

  .fancybox-button--thumbs span {
    font-size: 23px; }

  .fancybox-button--thumbs::before {
    width: 3px;
    height: 3px;
    top: calc(50% - 2px);
    left: calc(50% - 2px);
    -webkit-box-shadow: 0 -4px 0, -4px -4px 0, 4px -4px 0, 0 0 0 32px inset, -4px 0 0, 4px 0 0, 0 4px 0, -4px 4px 0, 4px 4px 0;
            box-shadow: 0 -4px 0, -4px -4px 0, 4px -4px 0, 0 0 0 32px inset, -4px 0 0, 4px 0 0, 0 4px 0, -4px 4px 0, 4px 4px 0; }

  .fancybox-thumbs {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    width: 220px;
    margin: 0;
    padding: 5px 5px 0 0;
    background: #fff;
    word-break: normal;
    -webkit-tap-highlight-color: transparent;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    z-index: 99995; }

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

  .fancybox-show-thumbs .fancybox-inner {
    right: 220px; }

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

  .fancybox-thumbs > ul > li {
    float: left;
    overflow: hidden;
    max-width: 50%;
    padding: 0;
    margin: 0;
    width: 105px;
    height: 75px;
    position: relative;
    cursor: pointer;
    outline: none;
    border: 5px solid transparent;
    border-top-width: 0;
    border-right-width: 0;
    -webkit-tap-highlight-color: transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }

  li.fancybox-thumbs-loading {
    background: rgba(0, 0, 0, 0.1); }

  .fancybox-thumbs > ul > li > img {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    max-width: none;
    max-height: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }

  .fancybox-thumbs > ul > li:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 2px;
    border: 4px solid #4ea7f9;
    z-index: 99991;
    opacity: 0;
    -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

  .fancybox-thumbs > ul > li.fancybox-thumbs-active:before { opacity: 1; } }

.galerei .img { height: 171px; float: left; padding:8px}
.galerei .img a { display: inline-block; border: 2px solid #ddd; padding: 1px; }
.galerei .img a:hover { border-color: #898989; }
.galerei img { border: none; }