.popuptext p {
  line-height: 17px;
  margin: 8px 14px 4px;
  padding: 0;
  font-size: 16px; }

.button {
  margin: 4px auto;
  padding: 4px 8px; }

.button span {
  font-size: 22px;
  line-height: 22px;
  margin: auto 6px; }

.button .fa {
  font-size: 22px;
  top: 0px;
  -webkit-transform-origin: 10px 10px 0;
      -ms-transform-origin: 10px 10px 0;
          transform-origin: 10px 10px 0; }

.biobutton {
  margin: 6px; }

.menu-item, .share-item, .menu-open-button {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  top: 6px;
  line-height: 40px;
  transition: -webkit-transform ease-out 200ms;
  transition: transform ease-out 200ms;
  transition: transform ease-out 200ms, -webkit-transform ease-out 200ms; }

.hamburger {
  width: 27px;
  height: 3.5px;
  top: 50%;
  left: 50%;
  margin-left: -13.5px;
  margin-top: -1.75px;
  transition: -webkit-transform 200ms;
  transition: transform 200ms;
  transition: transform 200ms, -webkit-transform 200ms; }

.hamburger-1 {
  -webkit-transform: translate3d(0, -9px, 0);
          transform: translate3d(0, -9px, 0); }

.hamburger-2 {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0); }

.hamburger-3 {
  -webkit-transform: translate3d(0, 9px, 0);
          transform: translate3d(0, 9px, 0); }

.menu-open:checked + .menu-open-button {
  top: 8px; }
  .menu-open:checked + .menu-open-button .hamburger-1 {
    -webkit-transform: translate3d(0, 0, 0) rotate(45deg);
            transform: translate3d(0, 0, 0) rotate(45deg); }
  .menu-open:checked + .menu-open-button .hamburger-2 {
    -webkit-transform: translate3d(0, 0, 0) scale(0.1, 1);
            transform: translate3d(0, 0, 0) scale(0.1, 1); }
  .menu-open:checked + .menu-open-button .hamburger-3 {
    -webkit-transform: translate3d(0, 0, 0) rotate(-45deg);
            transform: translate3d(0, 0, 0) rotate(-45deg); }

.menu {
  right: 10px;
  margin-top: 4px;
  padding-top: 10px;
  font-size: 22px;
  width: 40px;
  height: 40px; }

.menu-open-button {
  z-index: 2; }

.menu-open:checked ~ .menu-item {
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.45, 1);
  top: 6px; }
  .menu-open:checked ~ .menu-item:nth-child(3) {
    transition-duration: 200ms;
    -webkit-transform: translate3d(0, 45px, 0);
            transform: translate3d(0, 45px, 0); }
  .menu-open:checked ~ .menu-item:nth-child(4) {
    transition-duration: 310ms;
    -webkit-transform: translate3d(0, 90px, 0);
            transform: translate3d(0, 90px, 0); }
  .menu-open:checked ~ .menu-item:nth-child(5) {
    transition-duration: 420ms;
    -webkit-transform: translate3d(0, 135px, 0);
            transform: translate3d(0, 135px, 0); }
  .menu-open:checked ~ .menu-item:nth-child(6) {
    transition-duration: 530ms;
    -webkit-transform: translate3d(0, 180px, 0);
            transform: translate3d(0, 180px, 0); }
  .menu-open:checked ~ .menu-item:nth-child(7) {
    transition-duration: 640ms;
    -webkit-transform: translate3d(0, 225px, 0);
            transform: translate3d(0, 225px, 0); }

#contain {
  background-size: 150% 120%;
  background-position: center 75%; }

#filmsite {
  height: 40px;
  line-height: 40px;
  font-size: 16px; }

.photo {
  max-width: 100%; }

.cycle-prev {
  left: 10%;
  z-index: 1000; }

.cycle-next {
  right: 10%;
  z-index: 1000; }

.cycle-pager {
  z-index: 1000;
  bottom: 20px; }

.cycle-prev {
  width: 40px;
  height: 40px;
  background: url("/folio/css/images/prev.png") 0px 0px/cover no-repeat;
  opacity: 0.9; }

.cycle-next {
  width: 40px;
  height: 40px;
  background-position: 0px 0px; }

.stage-img {
  bottom: 30px; }

#film {
  width: 80px;
  height: 50px; }

.custom .tooltipster-content, .customInfo .tooltipster-content {
  font-size: 12px;
  line-height: 14px;
  padding: 2px 4px; }

@media (max-height: 480px) {
  .popuptext p {
    font-size: 12px; }
  #button {
    margin-top: 3px; }
  .go {
    font-size: 14px; }
  .custom .tooltipster-content, .customInfo .tooltipster-content {
    font-size: 11px;
    line-height: 12px;
    padding: 3px 6px; }
  #nbsf {
    width: 105px;
    height: 110px; }
  .cycle-pager {
    bottom: 30px; }
  .junclicked, .judithclicked, .tunclicked, .tclicked, .camunclicked, .camclicked, .holunclicked, .holclicked {
    bottom: 15px; } }

#sign {
  width: 215px;
  height: 152px;
  background-size: 215px 608px;
  -webkit-animation: flash2 2s steps(4) infinite;
          animation: flash2 2s steps(4) infinite; }

@-webkit-keyframes flash2 {
  100% {
    background-position: 0 -608px; } }

@keyframes flash2 {
  100% {
    background-position: 0 -608px; } }

#button .fa {
  font-size: 16px; }

.socialmenu {
  width: auto; }

.doc {
  line-height: 10px;
  bottom: 10px; }

.doc img {
  height: 18px;
  -webkit-transform: translate(0, 4px);
      -ms-transform: translate(0, 4px);
          transform: translate(0, 4px); }

.coming-soon, .this-month {
  font-size: 16px; }

.channel {
  font-size: 17px;
  margin-top: 9px;
  margin-left: 4px; }
