.gallery-wrapper {
    overflow: hidden;

    position: absolute;
    left: 0; top: 0;

    width: 100%;
    height: 100%;

    background-color: rgba(28, 28, 28, 0.9);

    z-index: 65535;
}

.gallery-wrapper * {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

.gallery-transision {
    -webkit-transition: all ease 0.4s;
       -moz-transition: all ease 0.4s;
         -o-transition: all ease 0.4s;
            transition: all ease 0.4s;
}
.gallery-border-left { border-left: 1px solid rgba(255, 255, 255, 0.2); }
.gallery-border-bottom { border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
.gallery-title-color { color: #fff; }
.gallery-album-title-color { color: #fff; }
.gallery-desc-color { color: #7a7a7a; }


/* KÉP MEGJELENÍTÉS */
.gallery-left {
    position: relative;

    margin-right: 380px;
    height: 100%;
}
.gallery-wrapper.close-control .gallery-left { margin-right: 0; }

.gallery-flexslider {
    width: 100%;
    height: 100%;
}

.gallery-flexslider .flex-viewport,
.gallery-flexslider .slides,
.gallery-flexslider .slides > li { height: 100%; }

.gallery-slide-content { display: table; height: 100%; margin: 0 auto; padding: 0 88px; }
.gallery-slide-content > div { display: table-cell; vertical-align: middle; }

.gallery-slide-content img {
    display: block;
    width: 100%;
    height: auto;
    max-height: 1000px;
}

.gallery-flexslider ul.flex-direction-nav a {
    position: absolute;
    top: 50%;

    display: block;
    margin-top: -25px;
    width: 51px;
    height: 51px;

    background: url('gallery-nav.png') no-repeat 0 0;
}
.gallery-flexslider ul.flex-direction-nav a:after {
    content: '';
    position: absolute;
    left: -10px; top: -10px; right: -10px; bottom: -10px;
}

.gallery-flexslider ul.flex-direction-nav a.flex-prev { left: 24px; }
.gallery-flexslider ul.flex-direction-nav a.flex-next { right: 24px; background-position: 0 -51px; }


/* VEZÉRTLÉS */
.gallery-right {
    position: absolute;
    right: 0; top: 0;

    width: 380px;
    height: 100%;
    padding: 0 20px;
}
.gallery-wrapper.close-control .gallery-right { right: -380px; }

.gallery-controls {
    position: absolute;
    right: 0; top: 0;

    width: 380px;
    height: 62px;
    padding: 20px;
}

.gallery-controls .gallery-button {
    position: absolute;
    top: 20px;
    display: block;

    width: 42px;
    height: 42px;

    background-position: 0 0;
    background-repeat: no-repeat;
}
.gallery-controls .gallery-button:after {
    content: '';
    position: absolute;
    left: -8px; top: -12px; right: -8px; bottom: -12px;
}

.gallery-controls #close-control {
    left: 20px;

    background-image: url('close-control.png');

    -webkit-transform-style: preserve-3d;
       -moz-transform-style: preserve-3d;
         -o-transform-style: preserve-3d;
            transform-style: preserve-3d;
}
.gallery-wrapper.close-control #close-control { transform: translate3d(244px, 0, 0) rotateY(180deg); }

.gallery-controls #close-gallery { right: 20px; background-image: url('close-gallery.png'); }

.gallery-right > div,
.gallery-thumbnails > p {
    margin: 20px 0;
    padding: 0 0 20px;
}

.gallery-right .gallery-header {
    margin-top: 0;
    padding: 24px 56px 32px;
}

.gallery-desc-container > p { margin: 20px 0; }

.gallery-thumbnails p.gallery-thumbnail-pagenumer { margin-bottom: 12px; }

div.gallery-thumbnails {
    overflow: hidden;

    position: absolute;
    left: 0; bottom: 0;

    margin: 0 20px 20px;
    width: 340px;
    height: 540px;
    padding: 0;
}

.gallery-thumbnail-slider .slides a {
    position: relative;
    display: block;
    float: left;

    margin: 0 8px 8px 0;
    width: 108px;
    height: 108px;
}

.gallery-thumbnail-slider .slides a:nth-child(3n) { margin-right: 0; }
.gallery-thumbnail-slider .slides a:after {
    content: '';
    position: absolute;
    left: 0; top: 0;

    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;

    width: 100%;
    height: 100%;

    border: 2px solid transparent;
    transition: all ease 0.2s;
}
.gallery-thumbnail-slider .slides a.current:after { border: 2px solid #0ccade;  }


.gallery-thumbnail-slider ul.flex-direction-nav a {
    position: absolute;
    bottom: 0;

    display: block;
    margin-top: -21px;
    width: 42px;
    height: 42px;

    background: url('gallery-thumbnail-nav.png') no-repeat 0 0;
}
.gallery-thumbnail-slider ul.flex-direction-nav a:after {
    content: '';
    position: absolute;
    left: -12px; top: -10px; right: -12px; bottom: -10px;
}
.gallery-thumbnail-slider ul.flex-direction-nav a.flex-prev { left: 24px; }
.gallery-thumbnail-slider ul.flex-direction-nav a.flex-next { right: 24px; background-position: 0 -42px; }

.gallery-thumbnail-slider .flex-control-nav {
    position: absolute;
    left: 0; bottom: 18px;
    width: 100%;
    height: 10px;

    text-align: center;
}

.gallery-thumbnail-slider .flex-control-nav li {
    display: inline;
    margin: 0 4px;
}

.gallery-thumbnail-slider .flex-control-nav li a {
    display: inline-block;
    width: 10px;
    height: 10px;

    text-indent: -4096px;

    background-color: #fff;
    border-radius: 5px;

    transition: all ease 0.2s;
}
.gallery-thumbnail-slider .flex-control-nav li a.flex-active { background-color: #0ccade; }

.gallery-thumbnail-slider .flex-direction-nav a.flex-disabled {
    pointer-events: none;
    opacity: 0.2;
}