.block-gallery.slider {
    height: 120px;
    margin-right: 0;
}

.block-gallery.slider .images {
    height: 120px;
    overflow-x: hidden;
}

.block-gallery.slider .images > div {
    font-size: 0;
    white-space: nowrap;
    display: inline-block;
}

.block-gallery .container {
    padding: 0;
    float: left;
    margin-bottom: 20px;
}

.block-gallery.slider .container {
    margin-bottom: 0;
}

.block-gallery.slider .container {
    float: none;
    display: inline-block;
}

.block-gallery .container .inner {
    display: block;
    position: relative;
    overflow: hidden;
}

.block-gallery.c02 .container,
.block-gallery.c03 .container,
.block-gallery.c04 .container,
.block-gallery.c06 .container {
    width: 100%;
}

.block-gallery.slider .container {
    width: 200px;
}

.block-gallery.c02 .container .inner,
.block-gallery.c03 .container .inner,
.block-gallery.c04 .container .inner,
.block-gallery.c06 .container .inner {
    height: 160px;
}

.block-gallery.slider .container .inner {
    margin: 4px;
    height: 100px;
}

.block-gallery .container img {
    width: 100%;
    position: absolute;
    padding: inherit;
}

.block-gallery .container .portrait img {
    top: -50%;
}

.block-gallery .container .square img {
    top: -25%;
}

.block-gallery .container .landscape img {
    top: -10%;
    left: -10%;
    width: 120%;
}

.block-gallery .container .landscape.x2 img {
    width: 200%;
}

.block-gallery .container .landscape.x3 img {
    width: 300%;
}

.block-gallery.no-trim .container picture {
    width: 100%;
    height: 100%;
    text-align: center;
    display: inline-block;
}

.block-gallery.no-trim .container img {
    top: auto;
    left: auto;
    width: auto;
    max-width: 100%;
    max-height: 100%;
    position: relative;
}

.block-gallery .empty-image {
    width: 100%;
    height: 114px;
    display: block;
    background-image: url('/pub/theme/mango/skin/styles/images/placeholder-image.png');
    background-color: rgb(233, 238, 241);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.block-gallery .nav-button {
    float: left;
    width: 40px;
    height: 40px;
    margin: 34px 20px;
    opacity: .25;

    background-size: 30px 30px;
    background-repeat: no-repeat;
    background-position: 5px 5px;
    background-color: rgb(0, 55, 100);
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iRWJlbmVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyMHB4IiBoZWlnaHQ9IjIwcHgiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjAgMjAiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik04LjA3MywxNi40ODJjLTAuMjcsMC0wLjU0LTAuMTAzLTAuNzQ2LTAuMzA5Yy0wLjQxMi0wLjQxMi0wLjQxMi0xLjA3OSwwLTEuNDkxbDQuNDMzLTQuNDMzTDcuMzI4LDUuODE3Yy0wLjQxMi0wLjQxMS0wLjQxMi0xLjA3OSwwLTEuNDkxYzAuNDExLTAuNDEyLDEuMDc5LTAuNDEyLDEuNDkxLDBsNS4xNzgsNS4xNzljMC40MTIsMC40MTEsMC40MTIsMS4wNzgsMCwxLjQ5bC01LjE3OCw1LjE3OUM4LjYxMywxNi4zOCw4LjM0MywxNi40ODIsOC4wNzMsMTYuNDgyeiIvPjwvc3ZnPg==);
}

.block-gallery .nav-button.active {
    opacity: .8;
    cursor: pointer;
}

.block-gallery .back {
    margin-left: 0;
    transform: rotate(180deg);
}

.block-gallery .forward {
    float: right;
    margin-right: 0;
}