html, body {
  margin: 0;
  height: 100%;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  /* For some Androids */ }

* {
  border-radius: 0; }

.ssb {
  font-family: Verdana;
  font-size: 13px;
  line-height: 19px;
  color: #fff;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  background-color: #aca7a3;
  box-sizing: border-box;
  -moz-box-sizing: border-box; }
  .ssb.ssb-info-expanded .ssb-info {
    right: 0; }
  .ssb .ssb-banner {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0; }
  .ssb .ssb-hotspot {
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border-style: solid;
    border-width: 3px;
    border-color: #fff;
    border-color: rgba(255, 255, 255, 0.5);
    cursor: pointer;
    position: relative; }
    .ssb .ssb-hotspot.is-active, .ssb .ssb-hotspot:hover {
      border-color: rgba(255, 255, 255, 0.7); }
      .ssb .ssb-hotspot.is-active:before, .ssb .ssb-hotspot:hover:before {
        content: ' ';
        display: block;
        border-radius: 50%;
        background-color: rgba(255, 255, 255, 0.4);
        height: 90%;
        width: 90%;
        margin: 5%; }
    .ssb .ssb-hotspot:hover {
      border-color: #fff; }
    .ssb .ssb-hotspot.is-viewed {
      background-color: rgba(255, 255, 255, 0.4);
      border-color: transparent; }
    .ssb .ssb-hotspot.is-active {
      border-color: rgba(255, 255, 255, 0.9);
      background-color: transparent; }
    .ssb .ssb-hotspot.is-hidden {
      display: none !important; }
  .ssb .ssb-info {
    -webkit-transition: all .3s;
    transition: all .3s;
    background-color: #2f2f35;
    position: absolute;
    z-index: 3;
    top: 0;
    bottom: 0;
    right: -100%;
    width: 100%; }
    .ssb .ssb-info .ssb-info-inner {
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      height: 100%; }
      .ssb .ssb-info .ssb-info-inner.scroll {
        overflow: scroll;
        padding: 0 0 40px 0; }
    .ssb .ssb-info .ssb-info-container {
      display: none;
      position: relative;
      color: #fff;
      height: 100%; }
      .ssb .ssb-info .ssb-info-container .ssb-info-description {
        margin: 15px;
        font: 15px/19px Verdana, sans-serif;
        padding-bottom: 15px; }
      .ssb .ssb-info .ssb-info-container .ssb-info-img-container {
        overflow: hidden;
        background: transparent url("../_images/ajax-loader.gif") no-repeat center;
        height: 285px;
        width: 320px;
        max-width: 100%; }
      .ssb .ssb-info .ssb-info-container .ssb-info-img {
        display: block;
        width: 100%; }
    .ssb .ssb-info .ssb-info-toggle-button {
      position: absolute;
      display: none;
      color: #fff;
      padding: .5em;
      bottom: 45px;
      z-index: 5;
      left: 0;
      text-align: center;
      color: #cac7c4;
      color: rgba(202, 199, 196, 0.6); }
  .ssb .ssb-controls {
    position: absolute;
    color: #fff;
    width: 255px;
    left: -225px;
    z-index: 2;
    bottom: 16px;
    -webkit-transition: all .3s;
    transition: all .2s;
    cursor: pointer; }
    .ssb .ssb-controls.is-expanded {
      left: 0; }
    .ssb .ssb-controls .ssb-controls-buttons {
      float: left;
      width: 200px;
      height: 36px;
      padding: 12px 10px 12px 14px;
      background-color: rgba(24, 24, 27, 0.8); }
    .ssb .ssb-controls .ssb-controls-button {
      float: left;
      width: 25px;
      height: 36px;
      text-align: center;
      margin-right: 6px;
      font-size: 26px;
      line-height: 36px;
      color: #d2d2d2;
      color: rgba(210, 210, 210, 0.9); }
      .ssb .ssb-controls .ssb-controls-button:last-child {
        margin-right: 0; }
      .ssb .ssb-controls .ssb-controls-button:hover, .ssb .ssb-controls .ssb-controls-button:active {
        color: #fff;
        color: rgba(255, 255, 255, 0.9); }
    .ssb .ssb-controls .ssb-controls-button-large {
      background-color: #d2d2d2;
      background-color: rgba(210, 210, 210, 0.9);
      width: 42px;
      font-size: 30px;
      color: #222 !important;
      color: rgba(24, 24, 27, 0.8) !important; }
      .ssb .ssb-controls .ssb-controls-button-large:hover, .ssb .ssb-controls .ssb-controls-button-large:active {
        background-color: #fff;
        background-color: rgba(255, 255, 255, 0.9); }
    .ssb .ssb-controls .ssb-controls-toggle {
      float: left;
      width: 11px;
      padding: 0 5px;
      font-size: 11px;
      height: 60px;
      line-height: 60px;
      border-radius: 0 10px 10px 0;
      color: #cac7c4;
      color: rgba(202, 199, 196, 0.6);
      background-color: rgba(24, 24, 27, 0.9); }
  .ssb .ssb-welcome {
    padding: 15px;
    text-align: center;
    color: #fff; }
    .ssb .ssb-welcome .ssb-welcome-title {
      font-size: 28px;
      font-weight: normal;
      font-family: "Palantino Linotype", serif;
      line-height: 35px;
      margin: 0 0 18px 0; }
    .ssb .ssb-welcome .ssb-welcome-intro {
      text-align: left;
      margin: 0 0 17px 0; }
    .ssb .ssb-welcome .ssb-start, .ssb .ssb-welcome .ssb-touch-to-begin, .ssb .ssb-welcome .ssb-teachers-resources {
      font-size: 12px;
      text-transform: uppercase;
      margin: 10px 0; }
      .ssb .ssb-welcome .ssb-start a, .ssb .ssb-welcome .ssb-touch-to-begin a, .ssb .ssb-welcome .ssb-teachers-resources a {
        color: #fff;
        text-decoration: none; }
    .ssb .ssb-welcome .ssb-touch-to-begin {
      background: #b5b5b5;
      /* Old browsers */
      background: -webkit-gradient(linear, 0 0, 100% 0, from(#b5b5b5), color-stop(0.52, white), to(#8f8f8f));
      background: -webkit-linear-gradient(left, #b5b5b5 0%, white 52%, #8f8f8f 100%);
      background: -moz-linear-gradient(left, #b5b5b5 0%, white 52%, #8f8f8f 100%);
      background: -o-linear-gradient(left, #b5b5b5 0%, white 52%, #8f8f8f 100%);
      background: linear-gradient(left, #b5b5b5 0%, white 52%, #8f8f8f 100%);
      /* FF3.6+ */
      /* Chrome,Safari4+ */
      /* Chrome10+,Safari5.1+ */
      /* Opera 11.10+ */
      /* IE10+ */
      /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b5b5b5', endColorstr='#8f8f8f',GradientType=1 );
      /* IE6-9 */
      border: 1px solid #808080;
      color: #333;
      padding: 3px 0; }
    .ssb .ssb-welcome .ssb-start {
      cursor: pointer; }
      @media (min-width: 650px) {
        .ssb .ssb-welcome .ssb-start {
          border: 1px solid #232328;
          border-width: 1px 0; } }
    @media (min-width: 650px) {
      .ssb .ssb-welcome .ssb-teachers-resources {
        border-bottom: 1px solid #232328; } }
    .ssb .ssb-welcome .ssb-logo {
      padding-top: 10px;
      font-size: 110px; }
      .ssb .ssb-welcome .ssb-logo a {
        color: #fff;
        text-decoration: none; }

@media (min-width: 650px) {
  .ssb .ssb-info {
    display: block;
    width: 370px;
    left: auto;
    right: -345px; }
    .ssb .ssb-info:before {
      position: absolute;
      left: -10px;
      top: 0;
      bottom: 2px;
      width: 10px;
      background: transparent url("../_images/img_shadow.png") no-repeat bottom;
      content: ""; }
    .ssb .ssb-info .ssb-welcome-title {
      font-size: 38px;
      line-height: 45px; }
    .ssb .ssb-info .ssb-info-container {
      padding: 25px;
      position: relative;
      height: 100%;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
      .ssb .ssb-info .ssb-info-container .ssb-info-img {
        margin: 0; }
      .ssb .ssb-info .ssb-info-container .ssb-info-img-container {
        border: 1px solid #b6b8ba; }
      .ssb .ssb-info .ssb-info-container .ssb-info-description {
        margin: 25px 0 0 0; }
      .ssb .ssb-info .ssb-info-container .ssb-info-close {
        display: none; }
    .ssb .ssb-info .ssb-welcome {
      padding: 48px 36px 0 36px; }
      .ssb .ssb-info .ssb-welcome .ssb-welcome-intro {
        margin: 0 0 28px 0; }
      .ssb .ssb-info .ssb-welcome .ssb-touch-to-begin {
        display: none; }
      .ssb .ssb-info .ssb-welcome .ssb-start, .ssb .ssb-info .ssb-welcome .ssb-touch-to-begin, .ssb .ssb-info .ssb-welcome .ssb-teachers-resources {
        padding: 10px 0;
        margin: 0; }
    .ssb .ssb-info .ssb-info-toggle-button {
      display: block;
      cursor: pointer; }
  .ssb .ssb-hotspot {
    border-width: 5px; }
  .ssb.ssb-info-expanded .ssb-banner {
    right: 370px; } }
@font-face {
  font-family: 'icomoon';
  src: url("../_fonts/icomoon.eot");
  src: url("../_fonts/icomoon.svg#icomoon") format("svg"), url("../_fonts/icomoon.eot?#iefix") format("embedded-opentype"), url("../_fonts/icomoon.ttf") format("truetype"), url("../_fonts/icomoon.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

[class*="icon-"] {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-reset:before {
  content: "\e60b"; }

.icon-zoom-in:before {
  content: "\e60d"; }

.icon-logo:before {
  content: "\e600"; }

.icon-left:before {
  content: "\e601"; }

.icon-right:before {
  content: "\e602"; }

.icon-hide-hotspots:before {
  content: "\e605"; }

.icon-info:before {
  content: "\e606"; }

.icon-show-hotspots:before {
  content: "\e607"; }

.icon-zoom-out:before {
  content: "\e609"; }