/* popup */
.mgGallery { max-height: 100%; } /* беше само height: 100%; */

.mgGallery .slider { height: 100%; }

.mgGallery .slider .slide {
    position: relative;
    box-sizing: border-box;
    float: left;
    width: 100%;
    height: 100%;
    text-align: center;
}

.mgGallery .slider .slide img {
    max-width: 100%;
    display: inline-block;
    vertical-align: middle;
    min-height: 100%;
}

.mgGallery .slider .slide span {
    height: 100%;
    display: inline-block;
    vertical-align: middle;
}

.mgGallery .slider .slide.fade {
    position: absolute;
    top: 0;
    left: 0;
}

/* *** */

/* !!! ako ima frame w .mgGallery ne e neobhodimo da ima position: relative; overflow: hidden; */
.mgGallery .frame {
    /* height: 100%; !!! bug safari */
    position: relative;
    overflow: hidden;

}



/* dots  - flex ne raboti v Safari*/
.mgGallery .items {
    display: inline-flex;
    margin-top: 6px;
    flex-wrap: wrap;
    overflow: hidden;
    max-height: 20px;
   
}

.mgGallery .items a {
    display: inline-block;
    height: 20px;
    width: 74px;
    border-top: 4px solid #FFF;
    margin-right: 8px;
    padding-bottom: 20px;
}

.mgGallery .items a:last-child {
    margin-right: 0;
}

.mgGallery .items a.current,
.mgGallery .items a:hover {
    border-color: #53524d;
}

.mgGallery .arrow {
    position: absolute;
    top: calc(50% - 20px);
    border: 1px solid #f5f0;
    padding: 15px 25px 15px 11px;
    border-radius: 50%;
    font-family: sans-serif;
    background: rgba( 245, 240, 218, 0.7);

}

/*.mgGallery .arrow {
    border: solid black;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 5px;
}*/

.mgGallery .arrow.left {
    left: -25px;
    padding: 15px 11px 15px 30px;
    z-index: 1;
}

.mgGallery .arrow.right {
    right: -25px;
    padding: 15px 30px 15px 11px;
    z-index: 1;
}

.restaurant .page .mgGallery .items a { border-color: #f5f0da;}

.restaurant .mgGallery .items a.current,
.restaurant .mgGallery .items a:hover {
    border-color: #9c9686;
}


/*.arrow {
  border: solid black;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 5px;
}

.right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.left {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}
*/