/* gallery page slider */
.mg_gallery .mg_gallery_frame {
/*    border: #CCC 1px solid;*/
    overflow: hidden;
    position: relative;
    height: 925px; /* wisochinata trqbwa da e ednakwa za wsichki stranici */
}

.mg_gallery .mg_gallery_slide {
    width: 100%; /* shirinata e 2 stranici */
    height: 925px;
    position: absolute;
}

.mg_gallery .mg_gallery_page {
    width: 100%;
    height: 925px;
    float: left;
}
/* <<-- gallery page slider */

.mg_gallery a.arrow {
    height: 50px;
    width: 25px;
    position: absolute;
    top: 355px;
    /* background-color: rgba(255, 255, 255, 0.5); */
    background-color: #FFF;
    opacity: 0.5;
    cursor: pointer;

    background-repeat: no-repeat;
    background-position: center;

    -webkit-transition: opacity 0.5s ease;
    -moz-transition: opacity 0.5s ease;
    -o-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
}

.mg_gallery a.arrow.left {
    display: none;
    left: 0;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 3px 0 2px rgba(1, 1, 1, 0.3);
    border-radius: 0 25px 25px 0;
    background-image: url(../img/arrow_left.png);
}

.mg_gallery a.arrow.right {
    display: none;
    right: 0;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), -3px 0 2px rgba(1, 1, 1, 0.3);
    border-radius: 25px 0 0 25px;
    background-image: url(../img/arrow_right.png);
}

.mg_gallery a.gallery_close {
    background-repeat: no-repeat;
    background-position: center;
    background-color: #FFF;
    opacity: 0.5;
    cursor: pointer;
    border-radius: 8px;
    background-image: url(../img/close.png);
    height: 40px;
    width: 40px;

    position: absolute;
    /*top: 60px;*/
    top: 5px;
    right: 20px;

    -webkit-transition: opacity 0.5s ease;
    -moz-transition: opacity 0.5s ease;
    -o-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;

    box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.5);
}

.mg_gallery .arrow:hover,
.mg_gallery .gallery_close:hover {
    /* background-color: rgba(255, 255, 255, 1) !important; */
    opacity: 0.8;
}

.mg_gallery .mg_gallery_nav { /* pages */
    display: none;
}

/* gallery details link arrow */
.galdetails {
    text-align: center;
    padding: 20px 0 0 0;
}

.galdetails a {
    display: inline-block;
    padding: 30px 30px 15px 30px;
    line-height: 15px;
    color: #FFF;
    text-decoration: none;

/*    background-image: url(../img/arrow_gallery_down.png);
    background-repeat: no-repeat;
    background-position: center bottom;*/
}
/* <<-- gallery details link arrow */

/* loading */
.gal_frame .loading {
    background-image: url(../img/loading.gif);
    background-repeat: no-repeat;
    background-position: center;

    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
/* <<-- loading */

@media all and (max-height: 899px) {
    .mg_gallery .mg_gallery_frame { height: 805px; }
    .mg_gallery .mg_gallery_slide { height: 805px; }
    .mg_gallery .mg_gallery_page { height: 805px; }
    .mg_gallery a.arrow { top: 305px; }
}

@media all and (max-height: 799px) {
    .mg_gallery .mg_gallery_frame { height: 650px; }
    .mg_gallery .mg_gallery_slide { height: 650px; }
    .mg_gallery .mg_gallery_page { height: 650px; }
    .mg_gallery a.arrow { top: 255px; }
    .galdetails { padding: 10px 0 0 0; }
    .galdetails a { padding: 25px 30px 15px 30px; }
}

@media all and (max-height: 699px) {
    .mg_gallery .mg_gallery_frame { height: 510px; }
    .mg_gallery .mg_gallery_slide { height: 510px; }
    .mg_gallery .mg_gallery_page { height: 510px; }
    .mg_gallery a.arrow { top: 185px; }
}