/* 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: 100%; }

.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; }
.MagicToolboxSlides .MagicToolboxSlides-arrow.next { right: 0px; }
.MagicToolboxSlides .MagicToolboxSlides-arrow.prev:before { content: "\a002"; }
.MagicToolboxSlides .MagicToolboxSlides-arrow.next:before { content: "\a003"; }

.mobile-magic .MagicToolboxContainer {
  padding-left: 0px !important;
  padding-right: 0px !important;
  display: flex;
  flex-direction: column;
}
.mobile-magic .MagicToolboxSlides {
  order: 1;
}
.mobile-magic .MagicToolboxContainer .MagicToolboxSelectorsContainer {
  float: none !important;
  margin: 20px 0 !important;
  width: auto !important;
  order: 2;
}
.mobile-magic .MagicToolboxContainer.layout-right .MagicToolboxSelectorsContainer a,
.mobile-magic .MagicToolboxContainer.layout-left .MagicToolboxSelectorsContainer a {
  width: auto;
}