/* Contaner with main image and selectors container */
div.MagicToolboxContainer {
    text-align: center;
}

/* Main image styles */
div.MagicToolboxContainer a {
    margin: 0 auto;
}
/* Container with selectors*/
div.MagicToolboxSelectorsContainer {
    clear: both;
}

/* Selectors styles */
div.MagicToolboxSelectorsContainer a {
    display: inline-block;
    margin: 4px;
    line-height: 0px;
}

/* Align images */
.MagicToolboxSelectorsContainer a {
    text-align: center;
    /* line-height: 100%; */
}
.MagicToolboxSelectorsContainer a:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.MagicToolboxSelectorsContainer a > img {
    max-height: 100%;
    max-width: 100%;
    vertical-align: middle;
}

.MagicToolboxContainer.layout-left.thumbnail-size-pico { padding-left: 16px; }
.MagicToolboxContainer.layout-left.thumbnail-size-icon { padding-left: 32px; }
.MagicToolboxContainer.layout-left.thumbnail-size-thumb { padding-left: 50px; }
.MagicToolboxContainer.layout-left.thumbnail-size-small { padding-left: 100px; }
.MagicToolboxContainer.layout-left.thumbnail-size-compact { padding-left: 160px; }
.MagicToolboxContainer.layout-left.thumbnail-size-medium { padding-left: 240px; }
.MagicToolboxContainer.no-thumbnails { padding-left: 0px; }
.MagicToolboxContainer.layout-left.thumbnail-size-pico .MagicToolboxSelectorsContainer { width: 16px; margin-left: -16px; }
.MagicToolboxContainer.layout-left.thumbnail-size-icon .MagicToolboxSelectorsContainer { width: 32px; margin-left: -32px; }
.MagicToolboxContainer.layout-left.thumbnail-size-thumb .MagicToolboxSelectorsContainer { width: 50px; margin-left: -50px; }
.MagicToolboxContainer.layout-left.thumbnail-size-small .MagicToolboxSelectorsContainer { width: 100px; margin-left: -100px; }
.MagicToolboxContainer.layout-left.thumbnail-size-compact .MagicToolboxSelectorsContainer { width: 160px; margin-left: -160px; }
.MagicToolboxContainer.layout-left.thumbnail-size-medium .MagicToolboxSelectorsContainer { width: 240px; margin-left: -240px; }
.MagicToolboxContainer.layout-left .MagicToolboxSelectorsContainer { float: left; }
.MagicToolboxContainer.layout-left .MagicToolboxSlides { margin-left: 10px; }
.MagicToolboxContainer.layout-left .MagicToolboxSelectorsContainer a { width: 100%; }

.MagicToolboxContainer.layout-right.thumbnail-size-pico { padding-right: 16px; }
.MagicToolboxContainer.layout-right.thumbnail-size-icon { padding-right: 32px; }
.MagicToolboxContainer.layout-right.thumbnail-size-thumb { padding-right: 50px; }
.MagicToolboxContainer.layout-right.thumbnail-size-small { padding-right: 100px; }
.MagicToolboxContainer.layout-right.thumbnail-size-compact { padding-right: 160px; }
.MagicToolboxContainer.layout-right.thumbnail-size-medium { padding-right: 240px; }
.MagicToolboxContainer.no-thumbnails { padding-right: 0px; }
.MagicToolboxContainer.layout-right.thumbnail-size-pico .MagicToolboxSelectorsContainer { width: 16px; margin-right: -16px; }
.MagicToolboxContainer.layout-right.thumbnail-size-icon .MagicToolboxSelectorsContainer { width: 32px; margin-right: -32px; }
.MagicToolboxContainer.layout-right.thumbnail-size-thumb .MagicToolboxSelectorsContainer { width: 50px; margin-right: -50px; }
.MagicToolboxContainer.layout-right.thumbnail-size-small .MagicToolboxSelectorsContainer { width: 100px; margin-right: -100px; }
.MagicToolboxContainer.layout-right.thumbnail-size-compact .MagicToolboxSelectorsContainer { width: 160px; margin-right: -160px; }
.MagicToolboxContainer.layout-right.thumbnail-size-medium .MagicToolboxSelectorsContainer { width: 240px; margin-right: -240px; }
.MagicToolboxContainer.layout-right .MagicToolboxSelectorsContainer { float: right; }
.MagicToolboxContainer.layout-right .MagicToolboxSlides { margin-right: 10px; }
.MagicToolboxContainer.layout-right .MagicToolboxSelectorsContainer a {width: 70%;}

.MagicToolboxSlide { display: none; }
.MagicToolboxSlide.active-magic-slide { display: block; }

.mz-thumb:hover:not(.mz-thumb-selected) img {
    -webkit-filter: none;
            filter: none;
}
.mz-thumb-selected img {
    -webkit-filter: none;
            filter: none;
}
.no-cssfilters-magic .mz-thumb {
    background: none;
}
.no-cssfilters-magic .mz-thumb:hover:not(.mz-thumb-selected) img {
    opacity: 1;
    filter: none;
}
.no-cssfilters-magic .mz-thumb-selected img {
    opacity: 1;
    filter: none;
}

.active-magic-selector img {
    -webkit-filter: brightness(60%);
            filter: brightness(60%);
}
.no-cssfilters-magic .mz-thumb:hover:not(.active-magic-selector) img {
    opacity: .75;
    filter: alpha(opacity=75);
}
.no-cssfilters-magic .active-magic-selector img {
    opacity: .6;
    filter: alpha(opacity=60);
}

.MagicToolboxSlides { position: relative; }
.MagicToolboxSlides .MagicToolboxSlides-arrow {
  	text-decoration: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    z-index: 100000; 
    font: 900 18px/32px 'magictoolbox-thin' !important;
    background: rgba(255,255,255,0.3);
    color: rgba(0,0,0,0.5);
    width: 32px;
    height: 32px;
}
.MagicToolboxSlides .MagicToolboxSlides-arrow.prev { left: 0px;visibility: hidden; }
.MagicToolboxSlides .MagicToolboxSlides-arrow.next {right: 0px;visibility: hidden;}
.MagicToolboxSlides .MagicToolboxSlides-arrow.prev:before { content: "\a002"; }
.MagicToolboxSlides .MagicToolboxSlides-arrow.next:before { content: "\a003"; }