/* Interactive SVGs
***************************************************/
.content .svg a:hover,
.content .svg .click:hover { cursor: pointer; }
.content .svg .target:hover g,
.content .svg .correct:hover g { cursor: default !important; }

.content .svg .target .inplace {
  opacity: 0;
}
.content .svg .target.hilite .box .line {
  stroke: black;
  fill: transparent;
}
.content .svg .correct .box,
.content .svg .correct .marker {
  opacity: 0.2;
}
.content .svg .active .plate {
  stroke: orange;
  stroke-width: 1
}
.content .svg .play:hover .light {
  fill: black;
}
.content .svg .play:hover .dark {
  fill: white;
}

/* Slideshow
***************************************************/
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  height: inherit; 
  padding: 0;
  margin: 0 auto;
  display: table;
}
.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
}
.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
}
.rslides img {
  display: block;
  float: left;
  width: 100%;
  height: auto !important;
  border: 0;
}

/* Arrow nav in image area */
ul.centered-btns_tabs.centered-btns2_tabs {
  display: none;
}
.centered-btns_nav {
  z-index: 3;
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 52%;
  left: 0;
  opacity: 0.6;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  background: transparent url("/assets/responsiveslider/themes-ee3201e4.gif") no-repeat left top;
  margin-top: -45px;
}
.centered-btns_nav:active {
  opacity: 1.0;
}
.centered-btns_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
}
.transparent-btns_nav {
  z-index: 3;
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 0;
  left: 0;
  display: block;
  background: #fff; /* Fix for IE6-9 */
  opacity: 0;
  filter: alpha(opacity=1);
  width: 48%;
  text-indent: -9999px;
  overflow: hidden;
  height: 91%;
}
.transparent-btns_nav.next {
  left: auto;
  right: 0;
}
.large-btns_nav {
  z-index: 3;
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  opacity: 0.6;
  text-indent: -9999px;
  overflow: hidden;
  top: 0;
  bottom: 0;
  left: 0;
  background: #000 url("/assets/responsiveslider/themes-ee3201e4.gif") no-repeat left 50%;
  width: 38px;
}
.large-btns_nav:active {
  opacity: 1.0;
}
.large-btns_nav.next {
  left: auto;
  background-position: right 50%;
  right: 0;
}
.centered-btns_nav:focus,
.transparent-btns_nav:focus,
.large-btns_nav:focus {
  outline: none;
}

/* Nav below image */
.centered-btns_tabs {
  margin-top: 0 !important;
  text-align: right;
}

/* current */
.content .centered-btns_tabs {
  counter-reset: slides;
  margin: 0;
  display: inline-grid;
  grid-auto-flow: column;
  background: #2d2d2d96;
  padding: 4px 4px 4px 6px;
  border-radius: 4px;
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 40;
}
.content .centered-btns_tabs > li {
  counter-increment: slides;
  list-style: none;
  font-size: initial;
  line-height: normal;
}
.content .centered-btns_tabs > li:last-of-type:after {
  content: "/" counter(slides);
  color: #fff;
  padding-left: 2px;
  letter-spacing: 2px;
}
.content .centered-btns_tabs li:not(.centered-btns_here) a {
  display: none;
}
.content .centered-btns_tabs a {
  color: #fff !important;
  font-size: inherit;
}
.content .centered-btns_tabs li a:hover {
  cursor: default;
  text-decoration: none;
}

/* Magnify
***************************************************/
.magnify:after {
  content: '';
  background: url("/assets/icon_zoom-fe022516.svg") no-repeat;
  background-size: contain;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
}