/*! Flickity v2.2.1
https://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
  position: relative; }

.flickity-enabled:focus {
  outline: 0; }

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%; }

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%; }

.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab; }

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing; }

.flickity-button {
  position: absolute;
  background: rgba(255, 255, 255, 0.75);
  border: none;
  color: #333; }

.flickity-button:hover {
  background: #fff;
  cursor: pointer; }

.flickity-button:focus {
  outline: 0;
  box-shadow: 0 0 0 5px #19f; }

.flickity-button:active {
  opacity: .6; }

.flickity-button:disabled {
  opacity: .3;
  cursor: auto;
  pointer-events: none; }

.flickity-button-icon {
  fill: currentColor; }

.flickity-prev-next-button {
  top: 50%;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  transform: translateY(-50%); }

.flickity-prev-next-button.previous {
  left: 10px; }

.flickity-prev-next-button.next {
  right: 10px; }

.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px; }

.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px; }

.flickity-prev-next-button .flickity-button-icon {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%; }

.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1; }

.flickity-rtl .flickity-page-dots {
  direction: rtl; }

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #333;
  border-radius: 50%;
  opacity: .25;
  cursor: pointer; }

.flickity-page-dots .dot.is-selected {
  opacity: 1; }

@font-face {
  font-family: 'icomoon';
  src: url("fonts/icomoon.eot?yxp938");
  src: url("fonts/icomoon.eot?yxp938#iefix") format("embedded-opentype"), url("fonts/icomoon.ttf?yxp938") format("truetype"), url("fonts/icomoon.woff?yxp938") format("woff"), url("fonts/icomoon.svg?yxp938#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block; }

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-enlarge:before {
  content: "\e900";
  color: #fff; }

.icon-minimize:before {
  content: "\e901";
  color: #fff; }

html, body, .container, .content.content_body, .zen-full.placeholder {
  height: 100%; }

.largeimageviewer {
  height: 100%;
  width: 100%;
  padding: 0 3em; }

.largeimageviewer-fullscreen .largeimage-viewer {
  padding-top: 74px; }

.container {
  padding-top: 4em; }

.zen-full > * {
  padding: 0 3em; }

.flicktiy-viewport .slide-label {
  position: absolute;
  top: 100%; }

.largeimage-intro img {
  width: 100%;
  height: auto; }

body {
  background-image: none;
  background-color: #eeeeee;
  color: #333333;
  overflow-x: hidden; }

.plugin_full_screen :focus, *:focus {
  border: 1px solid #ffffff;
  outline: none;
  box-shadow: 0 0 2px 3px #333333; }

.placeholder:focus {
  border: none;
  box-shadow: none; }

.container {
  background-color: #eeeeee;
  font-size: 1.25em;
  line-height: 1.5em; }

.primary-border {
  border: none; }

.primary-background {
  background-color: #4A4A4A; }

header.content {
  background-color: transparent;
  padding: 0 23px;
  height: auto;
  position: relative; }

.header-container {
  background-color: #4A4A4A;
  color: #ffffff; }

#language_menu {
  display: none; }

.lesson-title {
  font-weight: 200;
  font-size: 2em;
  line-height: 2em; }

.largeimage-intro .instance-name {
  display: none; }

.largeimageviewer-fullscreen header {
  height: 66px;
  position: absolute;
  z-index: 1000; }
  .largeimageviewer-fullscreen header h1 {
    font-weight: 500;
    color: #ffffff;
    line-height: 1.75em; }
  .largeimageviewer-fullscreen header .instructions {
    display: none; }
  .largeimageviewer-fullscreen header .deactivate_btn {
    margin-right: 10px;
    margin-top: 8px; }

.largeimageviewer-fullscreen .menu {
  top: 74px; }

.largeimage-information-modal {
  overflow: hidden;
  /* Enable scroll if needed */ }

.navigator .displayregion.active {
  border-color: #ffffff !important;
  box-shadow: 0 0 2px 4px #333333; }

button.largeimage-trigger.inline_plugin_btn {
  display: none; }

.admin .footer .zen-left.zen-half {
  top: 7.65em; }

.admin .footer .zen-right.zen-half {
  top: 7.3em; }

.footer .zen-left.zen-half {
  position: fixed;
  right: 9.4em;
  top: -0.5em;
  z-index: 299;
  float: none;
  margin: 0;
  width: auto;
  padding: 0;
  clear: none;
  color: #C4C4C4;
  text-transform: uppercase;
  font-weight: 700;
  display: none; }

.footer .zen-right.zen-half {
  position: fixed;
  right: 4.4em;
  top: -0.5em;
  z-index: 299;
  float: none;
  margin: 0;
  width: auto;
  padding: 0;
  clear: none;
  color: #C4C4C4;
  text-transform: uppercase;
  font-weight: 700; }
  .footer .zen-right.zen-half img {
    height: 45px; }

.next-previous {
  visibility: hidden; }

.pagination {
  display: none; }

.menuthingy {
  display: none; }

button.my_work_btn {
  display: none; }

/*
.content.content-body {
	overflow-y: hidden;
}

.flickity-button {
	position:absolute;
	top:50%;
}
*/
.flickity-viewport {
  overflow: visible; }

.flickity-prev-next-button {
  z-index: 100;
  border-radius: 0;
  background-color: rgba(255, 255, 255, 0.3);
  border: 5px solid #333333;
  color: #333333;
  border-radius: 50%;
  height: 76px;
  width: 50px; }
  .flickity-prev-next-button:hover {
    background-color: rgba(200, 200, 200, 0.3); }
  .flickity-prev-next-button:disabled:hover {
    background-color: rgba(255, 255, 255, 0.3); }

.flickity-button-icon {
  fill: #333333; }

.button-container {
  z-index: 200;
  width: 110%;
  transform: translate(-50%);
  position: absolute;
  left: 50%;
  top: 50%; }

.click-block {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0; }

.slide-label {
  position: absolute;
  top: 100%;
  font-weight: 700;
  font-size: 1.25em;
  transition: all 0.5s linear; }

.slide-enlarge {
  position: absolute;
  right: 0.8em;
  padding-right: 1.0em;
  color: #ffffff;
  text-transform: uppercase;
  background-color: #333333;
  bottom: 0.5em;
  font-size: 1.25em; }
  .slide-enlarge:hover {
    background-color: #9B9B9B; }
  .slide-enlarge .icon {
    padding: 0 0.5em; }
    .slide-enlarge .icon:before {
      position: absolute;
      bottom: 0.35em; }