@font-face {
  font-family: 'AmericanPurpose';
  src: url("../fonts/american_purpose.eot");
  src: local("☺"), url("../fonts/american_purpose.woff") format("woff"), url("../fonts/american_purpose.ttf") format("truetype"), url("../fonts/american_purpose.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'BureauEagleFB';
  src: url("../fonts/bureau_eagle_fb.eot");
  src: local("☺"), url("../fonts/bureau_eagle_fb.woff") format("woff"), url("../fonts/bureau_eagle_fb.ttf") format("truetype"), url("../fonts/bureau_eagle_fb.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

/* Old browsers */
/* FF3.6+ */
/* Chrome,Safari4+ */
/* Chrome10+,Safari5.1+ */
/* Opera 11.10+ */
/* IE10+ */
/* W3C */
/* IE6-9 */
/* Old browsers */
/* FF3.6+ */
/* Chrome,Safari4+ */
/* Chrome10+,Safari5.1+ */
/* Opera 11.10+ */
/* IE10+ */
/* W3C */
/* IE6-9 */
/* Old browsers */
/* FF3.6+ */
/* Chrome,Safari4+ */
/* Chrome10+,Safari5.1+ */
/* Opera 11.10+ */
/* IE10+ */
/* W3C */
/* IE6-9 */
/* Old browsers */
/* FF3.6+ */
/* Chrome,Safari4+ */
/* Chrome10+,Safari5.1+ */
/* Opera 11.10+ */
/* IE10+ */
/* W3C */
/* IE6-9 */
/* Old browsers */
/* FF3.6+ */
/* Chrome,Safari4+ */
/* Chrome10+,Safari5.1+ */
/* Opera 11.10+ */
/* IE10+ */
/* W3C */
/* IE6-9 */
.main-content {
  position: absolute;
  float: left;
  width: 100%;
  height: 100%;
  left: 2500px;
  z-index: 9999; }
  .main-content .get-tickets {
    position: relative;
    float: left;
    width: 23%;
    height: 100%;
    margin-right: .5%;
    cursor: pointer;
    overflow: hidden; }
    .main-content .get-tickets img {
      width: 100%;
      height: auto; }
    .main-content .get-tickets .get-tickets-hit {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0; }
    .main-content .get-tickets .get-tickets-button {
      position: absolute;
      width: 61%;
      height: 11%;
      bottom: 3%;
      left: 50%;
      margin-left: -30%; }
      .main-content .get-tickets .get-tickets-button img {
        width: 100%;
        height: auto; }
  .main-content .page-content {
    float: left;
    width: 76.5%;
    height: 100%;
    overflow: hidden;
    background: #4589de;
    background: -moz-linear-gradient(top, #4589de 0%, #7fb9e7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4589de), color-stop(100%, #7fb9e7));
    background: -webkit-linear-gradient(top, #4589de 0%, #7fb9e7 100%);
    background: -o-linear-gradient(top, #4589de 0%, #7fb9e7 100%);
    background: -ms-linear-gradient(top, #4589de 0%, #7fb9e7 100%);
    background: linear-gradient(to bottom, #4589de 0%, #7fb9e7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4589de', endColorstr='#7fb9e7',GradientType=0 );
    /*NOW TROT*/
    /*NOW PARTNERS*/ }
    .main-content .page-content .characters-content {
      float: left;
      position: relative;
      width: 100%;
      height: 100%;
      background-image: url("../images/character-back-blue.png");
      background-size: 100%; }
      .main-content .page-content .characters-content .character-main-close {
        position: absolute;
        width: 4%;
        height: 10%;
        top: 2%;
        left: 0.5%;
        background: url(../images/close-button.png);
        background-repeat: no-repeat;
        background-size: 100%;
        cursor: pointer;
        z-index: 1001; }
      .main-content .page-content .characters-content .arrow-container-left {
        float: left;
        position: absolute;
        width: 3%;
        height: 100%;
        left: .5%;
        z-index: 1000; }
        @media only screen and (min-width: 800px) and (max-width: 1280px) {
          .main-content .page-content .characters-content .arrow-container-left {
            left: 1%; } }
        .main-content .page-content .characters-content .arrow-container-left .arrow-left {
          float: left;
          position: relative;
          width: 100%;
          height: 143px;
          top: 50%;
          margin-top: -72px;
          cursor: pointer; }
          .main-content .page-content .characters-content .arrow-container-left .arrow-left img {
            width: 100%; }
          @media only screen and (min-width: 800px) and (max-width: 1280px) {
            .main-content .page-content .characters-content .arrow-container-left .arrow-left {
              margin-top: -35px; } }
      .main-content .page-content .characters-content .arrow-container-right {
        float: left;
        position: absolute;
        width: 3%;
        height: 100%;
        right: .5%;
        z-index: 1000; }
        @media only screen and (min-width: 800px) and (max-width: 1280px) {
          .main-content .page-content .characters-content .arrow-container-right {
            right: 4%; } }
        @media only screen and (min-device-width: 768px) and (max-device-width: 768px) and (orientation: portrait) {
          .main-content .page-content .characters-content .arrow-container-right {
            right: 1%; } }
        .main-content .page-content .characters-content .arrow-container-right .arrow-right {
          float: left;
          position: relative;
          width: 100%;
          height: 143px;
          top: 50%;
          margin-top: -72px;
          cursor: pointer; }
          .main-content .page-content .characters-content .arrow-container-right .arrow-right img {
            width: 100%; }
          @media only screen and (min-width: 800px) and (max-width: 1280px) {
            .main-content .page-content .characters-content .arrow-container-right .arrow-right {
              margin-top: -35px; } }
      .main-content .page-content .characters-content .character-front {
        position: absolute;
        float: left;
        left: 4%;
        z-index: 100;
        width: 65%;
        height: 100%; }
      .main-content .page-content .characters-content .character-right {
        position: absolute;
        float: left;
        left: 60%;
        z-index: 30;
        width: 18%;
        height: 100%;
        top: 40%; }
      .main-content .page-content .characters-content .character-back {
        position: absolute;
        float: left;
        left: 65%;
        z-index: 10;
        width: 12%;
        height: 100%; }
      .main-content .page-content .characters-content .character-left {
        position: absolute;
        float: left;
        left: -20%;
        z-index: 30;
        width: 18%;
        height: 100%; }
      .main-content .page-content .characters-content .character {
        position: relative;
        width: 100%;
        height: 100%; }
        .main-content .page-content .characters-content .character .character-image {
          float: left;
          position: absolute;
          width: 51.5%;
          height: 100%;
          top: 3%;
          left: 0; }
          .main-content .page-content .characters-content .character .character-image img {
            width: 100%;
            background: transparent; }
        .main-content .page-content .characters-content .character #character-reggie {
          top: 1%; }
        .main-content .page-content .characters-content .character #character-jake {
          width: 58%;
          top: -6%;
          z-index: 1; }
          .main-content .page-content .characters-content .character #character-jake img {
            width: 95%; }
        .main-content .page-content .characters-content .character #character-jenny {
          top: 0%; }
        .main-content .page-content .characters-content .character .character-desc {
          float: left;
          position: absolute;
          width: 50%;
          left: 50%;
          top: 2%;
          opacity: 0;
          background-size: 100%;
          background-image: url("../images/character-description-back.png");
          background-repeat: no-repeat; }
          .main-content .page-content .characters-content .character .character-desc #character-name-reggie {
            width: 55%;
            margin-top: 22%;
            margin-left: 22.5%; }
            .main-content .page-content .characters-content .character .character-desc #character-name-reggie img {
              width: 100%; }
          .main-content .page-content .characters-content .character .character-desc #character-name-jake {
            width: 50%;
            margin-top: 20%;
            margin-left: 25%; }
            .main-content .page-content .characters-content .character .character-desc #character-name-jake img {
              width: 100%; }
          .main-content .page-content .characters-content .character .character-desc #character-name-jenny {
            width: 70%;
            margin-top: 21%;
            margin-left: 15%; }
            .main-content .page-content .characters-content .character .character-desc #character-name-jenny img {
              width: 100%; }
          .main-content .page-content .characters-content .character .character-desc .character-paragraph {
            float: left;
            font-family: "AmericanPurpose", Sans-Serif;
            color: #023979;
            width: 100%;
            text-align: center; }
            .main-content .page-content .characters-content .character .character-desc .character-paragraph h1 {
              letter-spacing: 0.1em;
              color: white;
              text-shadow: 3px 3px rgba(0, 0, 0, 0.3); }
              @media only screen and (min-width: 2000px) {
                .main-content .page-content .characters-content .character .character-desc .character-paragraph h1 {
                  font-size: 40px; } }
              @media only screen and (min-width: 1600px) and (max-width: 1999px) {
                .main-content .page-content .characters-content .character .character-desc .character-paragraph h1 {
                  font-size: 35px; } }
              @media only screen and (min-width: 1280px) and (max-width: 1600px) {
                .main-content .page-content .characters-content .character .character-desc .character-paragraph h1 {
                  font-size: 32px; } }
              @media only screen and (min-width: 800px) and (max-width: 1280px) {
                .main-content .page-content .characters-content .character .character-desc .character-paragraph h1 {
                  font-size: 29px; } }
              @media only screen and (min-width: 800px) and (max-width: 1025px) {
                .main-content .page-content .characters-content .character .character-desc .character-paragraph h1 {
                  font-size: 22px; } }
              @media only screen and (min-device-width: 768px) and (max-device-width: 768px) and (orientation: portrait) {
                .main-content .page-content .characters-content .character .character-desc .character-paragraph h1 {
                  font-size: 23px; } }
            .main-content .page-content .characters-content .character .character-desc .character-paragraph p {
              font-family: "BureauEagleFB", Sans-Serif;
              font-size: 19px;
              line-height: 1.2em;
              margin-bottom: 36%;
              color: white;
              letter-spacing: 0.1em;
              text-shadow: 3px 3px rgba(0, 0, 0, 0.2); }
              @media only screen and (min-width: 2000px) {
                .main-content .page-content .characters-content .character .character-desc .character-paragraph p {
                  font-size: 25px !important; } }
              @media only screen and (min-width: 1600px) and (max-width: 1999px) {
                .main-content .page-content .characters-content .character .character-desc .character-paragraph p {
                  font-size: 21px !important; } }
              @media only screen and (min-width: 1280px) and (max-width: 1600px) {
                .main-content .page-content .characters-content .character .character-desc .character-paragraph p {
                  font-size: 15px !important; } }
              @media only screen and (min-width: 800px) and (max-width: 1280px) {
                .main-content .page-content .characters-content .character .character-desc .character-paragraph p {
                  font-size: 14px !important; } }
              @media only screen and (min-width: 800px) and (max-width: 1025px) {
                .main-content .page-content .characters-content .character .character-desc .character-paragraph p {
                  font-size: 12px !important; } }
              @media only screen and (min-device-width: 768px) and (max-device-width: 768px) and (orientation: portrait) {
                .main-content .page-content .characters-content .character .character-desc .character-paragraph p {
                  font-size: 11px !important; } }
              @media only screen and (min-device-width: 768px) and (max-device-width: 768px) and (orientation: portrait) {
                .main-content .page-content .characters-content .character .character-desc .character-paragraph p {
                  font-size: 11px !important;
                  line-height: 1.2em; } }
        .main-content .page-content .characters-content .character #character-desc-reggie {
          left: 40%; }
          .main-content .page-content .characters-content .character #character-desc-reggie .character-paragraph h1 {
            margin: 4% 0 6% 0; }
        .main-content .page-content .characters-content .character #character-desc-jenny {
          left: 40%; }
          .main-content .page-content .characters-content .character #character-desc-jenny .character-paragraph h1 {
            margin: 4% 0 6% 0; }
          @media only screen and (min-width: 2000px) {
            .main-content .page-content .characters-content .character #character-desc-jenny .character-paragraph p {
              font-size: 33px !important; } }
          @media only screen and (min-width: 1600px) and (max-width: 1999px) {
            .main-content .page-content .characters-content .character #character-desc-jenny .character-paragraph p {
              font-size: 25px !important; } }
          @media only screen and (min-width: 1280px) and (max-width: 1600px) {
            .main-content .page-content .characters-content .character #character-desc-jenny .character-paragraph p {
              font-size: 22px !important; } }
          @media only screen and (min-width: 800px) and (max-width: 1280px) {
            .main-content .page-content .characters-content .character #character-desc-jenny .character-paragraph p {
              font-size: 18px !important; } }
          @media only screen and (min-width: 800px) and (max-width: 1025px) {
            .main-content .page-content .characters-content .character #character-desc-jenny .character-paragraph p {
              font-size: 16px !important; } }
          @media only screen and (min-device-width: 768px) and (max-device-width: 768px) and (orientation: portrait) {
            .main-content .page-content .characters-content .character #character-desc-jenny .character-paragraph p {
              font-size: 13px !important; } }
          @media only screen and (min-device-width: 768px) and (max-device-width: 768px) and (orientation: portrait) {
            .main-content .page-content .characters-content .character #character-desc-jenny .character-paragraph p {
              font-size: 11px !important;
              line-height: 1.2em; } }
        .main-content .page-content .characters-content .character #character-desc-jake {
          left: 47%; }
          .main-content .page-content .characters-content .character #character-desc-jake .character-paragraph h1 {
            margin: 4% 0 12% 0; }
          @media only screen and (min-width: 2000px) {
            .main-content .page-content .characters-content .character #character-desc-jake .character-paragraph p {
              font-size: 33px !important; } }
          @media only screen and (min-width: 1600px) and (max-width: 1999px) {
            .main-content .page-content .characters-content .character #character-desc-jake .character-paragraph p {
              font-size: 25px !important; } }
          @media only screen and (min-width: 1280px) and (max-width: 1600px) {
            .main-content .page-content .characters-content .character #character-desc-jake .character-paragraph p {
              font-size: 22px !important; } }
          @media only screen and (min-width: 800px) and (max-width: 1280px) {
            .main-content .page-content .characters-content .character #character-desc-jake .character-paragraph p {
              font-size: 18px !important; } }
          @media only screen and (min-width: 800px) and (max-width: 1025px) {
            .main-content .page-content .characters-content .character #character-desc-jake .character-paragraph p {
              font-size: 16px !important; } }
          @media only screen and (min-device-width: 768px) and (max-device-width: 768px) and (orientation: portrait) {
            .main-content .page-content .characters-content .character #character-desc-jake .character-paragraph p {
              font-size: 13px !important; } }
          @media only screen and (min-device-width: 768px) and (max-device-width: 768px) and (orientation: portrait) {
            .main-content .page-content .characters-content .character #character-desc-jake .character-paragraph p {
              font-size: 11px !important;
              line-height: 1.2em; } }
    .main-content .page-content .activities-content {
      float: left;
      position: relative;
      width: 100%;
      height: 100%;
      background-image: url("../images/activites-bg.png");
      background-size: 100%; }
      .main-content .page-content .activities-content #ActivityClose {
        position: absolute;
        width: 4%;
        height: 10%;
        top: 2%;
        left: 0.5%;
        background: url(../images/close-button.png);
        background-repeat: no-repeat;
        background-size: 100%;
        cursor: pointer; }
      .main-content .page-content .activities-content #activities_nav {
        position: absolute;
        /*width: 90%;*/
        width: 95%;
        height: 10%;
        top: 2%;
        left: 5%;
        font-family: "AmericanPurpose", Sans-Serif;
        text-shadow: 3px 2px 4px rgba(0, 0, 0, 0.6); }
        .main-content .page-content .activities-content #activities_nav .activity-nav-option {
          /*width:28%;
          width:20%;*/
          width: 15%;
          font-size: 24px;
          text-align: center;
          float: left;
          height: 100%;
          margin-top: 1%;
          cursor: pointer;
          color: white;
          letter-spacing: 0.1em; }
          @media only screen and (min-width: 800px) and (max-width: 1280px) {
            .main-content .page-content .activities-content #activities_nav .activity-nav-option {
              font-size: 19px; } }
          .main-content .page-content .activities-content #activities_nav .activity-nav-option.selected {
            color: #f1ac56; }
        .main-content .page-content .activities-content #activities_nav .feather {
          /*width:8%;*/
          width: 5%;
          height: 100%;
          background: url(../images/feather.png);
          background-repeat: no-repeat;
          background-size: 100%;
          float: left;
          background-position: center; }
          @media only screen and (min-width: 800px) and (max-width: 1280px) {
            .main-content .page-content .activities-content #activities_nav .feather {
              background-size: 90%; } }
      .main-content .page-content .activities-content .activity-container {
        height: 89%;
        width: 100%;
        margin-top: 5%;
        position: relative; }
        .main-content .page-content .activities-content .activity-container#Maze-Activity .maze-activity-desc-container, .main-content .page-content .activities-content .activity-container#Cutouts-Activity .maze-activity-desc-container {
          position: relative;
          float: left;
          width: 24%;
          height: auto;
          top: 8%;
          left: 9%; }
          .main-content .page-content .activities-content .activity-container#Maze-Activity .maze-activity-desc-container h1, .main-content .page-content .activities-content .activity-container#Cutouts-Activity .maze-activity-desc-container h1 {
            font-family: "AmericanPurpose", Sans-Serif;
            font-size: 60px;
            color: white;
            text-shadow: 3px 2px 4px rgba(0, 0, 0, 0.6);
            letter-spacing: 0.04em;
            margin-bottom: 11%; }
            @media only screen and (min-width: 800px) and (max-width: 1280px) {
              .main-content .page-content .activities-content .activity-container#Maze-Activity .maze-activity-desc-container h1, .main-content .page-content .activities-content .activity-container#Cutouts-Activity .maze-activity-desc-container h1 {
                font-size: 30px !important; } }
            @media only screen and (min-device-width: 768px) and (max-device-width: 768px) and (orientation: portrait) {
              .main-content .page-content .activities-content .activity-container#Maze-Activity .maze-activity-desc-container h1, .main-content .page-content .activities-content .activity-container#Cutouts-Activity .maze-activity-desc-container h1 {
                font-size: 30px !important; } }
          .main-content .page-content .activities-content .activity-container#Maze-Activity .maze-activity-desc-container p, .main-content .page-content .activities-content .activity-container#Cutouts-Activity .maze-activity-desc-container p {
            font-family: "BureauEagleFB", Sans-Serif;
            font-size: 20px;
            color: white;
            line-height: 25px;
            letter-spacing: 0.1em;
            text-shadow: 3px 2px 4px rgba(0, 0, 0, 0.6);
            margin-bottom: 16%; }
            @media only screen and (min-width: 800px) and (max-width: 1280px) {
              .main-content .page-content .activities-content .activity-container#Maze-Activity .maze-activity-desc-container p, .main-content .page-content .activities-content .activity-container#Cutouts-Activity .maze-activity-desc-container p {
                font-size: 12px !important;
                line-height: 15px;
                margin-bottom: 15%; } }
            @media only screen and (min-device-width: 768px) and (max-device-width: 768px) and (orientation: portrait) {
              .main-content .page-content .activities-content .activity-container#Maze-Activity .maze-activity-desc-container p, .main-content .page-content .activities-content .activity-container#Cutouts-Activity .maze-activity-desc-container p {
                font-size: 12px !important;
                line-height: 15px;
                margin-bottom: 15%; } }
          .main-content .page-content .activities-content .activity-container#Maze-Activity .maze-activity-desc-container .maze-download, .main-content .page-content .activities-content .activity-container#Cutouts-Activity .maze-activity-desc-container .maze-download {
            width: 100%;
            height: 14%;
            left: 30%;
            box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.5);
            -moz-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.5);
            -webkit-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.5); }
            .main-content .page-content .activities-content .activity-container#Maze-Activity .maze-activity-desc-container .maze-download img, .main-content .page-content .activities-content .activity-container#Cutouts-Activity .maze-activity-desc-container .maze-download img {
              width: 100%;
              margin-bottom: -0.4%; }
        .main-content .page-content .activities-content .activity-container#Maze-Activity .maze-page-container, .main-content .page-content .activities-content .activity-container#Cutouts-Activity .maze-page-container {
          position: relative;
          float: left;
          width: 27%;
          height: 85.1%;
          top: 7%;
          left: 16%; }
          @media only screen and (min-width: 800px) and (max-width: 1280px) {
            .main-content .page-content .activities-content .activity-container#Maze-Activity .maze-page-container, .main-content .page-content .activities-content .activity-container#Cutouts-Activity .maze-page-container {
              height: 87%; } }
          @media only screen and (min-device-width: 768px) and (max-device-width: 768px) and (orientation: portrait) {
            .main-content .page-content .activities-content .activity-container#Maze-Activity .maze-page-container, .main-content .page-content .activities-content .activity-container#Cutouts-Activity .maze-page-container {
              height: 86%; } }
          .main-content .page-content .activities-content .activity-container#Maze-Activity .maze-page-container .maze-page, .main-content .page-content .activities-content .activity-container#Cutouts-Activity .maze-page-container .maze-page {
            width: 100%;
            height: 100%;
            transform: rotate(-3deg);
            -ms-transform: rotate(-3deg);
            -webkit-transform: rotate(-3deg);
            box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.5);
            -moz-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.5);
            -webkit-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.5);
            -webkit-backface-visibility: hidden; }
            @media only screen and (min-width: 800px) and (max-width: 1280px) {
              .main-content .page-content .activities-content .activity-container#Maze-Activity .maze-page-container .maze-page, .main-content .page-content .activities-content .activity-container#Cutouts-Activity .maze-page-container .maze-page {
                height: 87%; } }
            @media only screen and (min-device-width: 768px) and (max-device-width: 768px) and (orientation: portrait) {
              .main-content .page-content .activities-content .activity-container#Maze-Activity .maze-page-container .maze-page, .main-content .page-content .activities-content .activity-container#Cutouts-Activity .maze-page-container .maze-page {
                height: 86%; } }
            .main-content .page-content .activities-content .activity-container#Maze-Activity .maze-page-container .maze-page img, .main-content .page-content .activities-content .activity-container#Cutouts-Activity .maze-page-container .maze-page img {
              width: 100%;
              height: auto; }
        .main-content .page-content .activities-content .activity-container#Maze-Activity .maze-reggie-container, .main-content .page-content .activities-content .activity-container#Cutouts-Activity .maze-reggie-container {
          position: relative;
          float: left;
          width: 23%;
          height: auto;
          left: 20%;
          margin-top: 3%; }
          .main-content .page-content .activities-content .activity-container#Maze-Activity .maze-reggie-container img, .main-content .page-content .activities-content .activity-container#Cutouts-Activity .maze-reggie-container img {
            width: 100%;
            height: auto; }
        .main-content .page-content .activities-content .activity-container#Cutouts-Activity .maze-page-container {
          width: 38%;
          left: 14%; }
          .main-content .page-content .activities-content .activity-container#Cutouts-Activity .maze-page-container .maze-page {
            box-shadow: none;
            -moz-box-shadow: none;
            -webkit-box-shadow: none; }
        .main-content .page-content .activities-content .activity-container#Cutouts-Activity .maze-reggie-container {
          left: 10%; }
        .main-content .page-content .activities-content .activity-container#WS-Activity .word-activity-desc-container {
          position: relative;
          float: left;
          width: 26%;
          height: auto;
          top: 13%;
          left: 9%; }
          .main-content .page-content .activities-content .activity-container#WS-Activity .word-activity-desc-container h1 {
            font-family: "AmericanPurpose", Sans-Serif;
            font-size: 40px;
            text-shadow: 3px 2px 4px rgba(0, 0, 0, 0.6);
            color: white;
            letter-spacing: 0.04em; }
            @media only screen and (min-width: 800px) and (max-width: 1280px) {
              .main-content .page-content .activities-content .activity-container#WS-Activity .word-activity-desc-container h1 {
                font-size: 27px !important; } }
            @media only screen and (min-device-width: 768px) and (max-device-width: 768px) and (orientation: portrait) {
              .main-content .page-content .activities-content .activity-container#WS-Activity .word-activity-desc-container h1 {
                font-size: 27px !important; } }
          .main-content .page-content .activities-content .activity-container#WS-Activity .word-activity-desc-container p {
            font-family: "BureauEagleFB", Sans-Serif;
            font-size: 20px;
            line-height: 25px;
            text-shadow: 3px 2px 4px rgba(0, 0, 0, 0.6);
            color: white;
            letter-spacing: 0.04em;
            margin-bottom: 11%; }
            @media only screen and (min-width: 800px) and (max-width: 1280px) {
              .main-content .page-content .activities-content .activity-container#WS-Activity .word-activity-desc-container p {
                font-size: 12px !important;
                line-height: 15px; } }
            @media only screen and (min-device-width: 768px) and (max-device-width: 768px) and (orientation: portrait) {
              .main-content .page-content .activities-content .activity-container#WS-Activity .word-activity-desc-container p {
                font-size: 12px !important;
                line-height: 15px; } }
          .main-content .page-content .activities-content .activity-container#WS-Activity .word-activity-desc-container .word-download {
            width: 100%;
            height: 14%;
            left: 30%;
            box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.5);
            -moz-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.5);
            -webkit-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.5); }
            .main-content .page-content .activities-content .activity-container#WS-Activity .word-activity-desc-container .word-download img {
              width: 100%;
              margin-bottom: -0.4%; }
        .main-content .page-content .activities-content .activity-container#WS-Activity .word-page-container {
          position: relative;
          float: left;
          width: 27%;
          height: 85.6%;
          top: 7%;
          left: 12%; }
          @media only screen and (min-width: 800px) and (max-width: 1280px) {
            .main-content .page-content .activities-content .activity-container#WS-Activity .word-page-container {
              height: 92%; } }
          @media only screen and (min-device-width: 768px) and (max-device-width: 768px) and (orientation: portrait) {
            .main-content .page-content .activities-content .activity-container#WS-Activity .word-page-container {
              height: 86%; } }
          .main-content .page-content .activities-content .activity-container#WS-Activity .word-page-container .word-page {
            width: 100%;
            height: 99%;
            transform: rotate(-3deg);
            -ms-transform: rotate(-3deg);
            -webkit-transform: rotate(-3deg);
            box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.5);
            -moz-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.5);
            -webkit-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.5);
            -webkit-backface-visibility: hidden; }
            @media only screen and (min-width: 800px) and (max-width: 1280px) {
              .main-content .page-content .activities-content .activity-container#WS-Activity .word-page-container .word-page {
                height: 94.5%; } }
            @media only screen and (min-device-width: 768px) and (max-device-width: 768px) and (orientation: portrait) {
              .main-content .page-content .activities-content .activity-container#WS-Activity .word-page-container .word-page {
                height: 86%; } }
            .main-content .page-content .activities-content .activity-container#WS-Activity .word-page-container .word-page img {
              width: 100%;
              height: auto; }
        .main-content .page-content .activities-content .activity-container#WS-Activity .word-jake-container {
          position: relative;
          float: left;
          width: 29%;
          height: auto;
          left: 13%; }
          .main-content .page-content .activities-content .activity-container#WS-Activity .word-jake-container img {
            width: 100%;
            height: auto; }
        .main-content .page-content .activities-content .activity-container#Coloring-Activity .coloring {
          position: relative; }
          .main-content .page-content .activities-content .activity-container#Coloring-Activity .coloring .coloring-overlay {
            position: absolute;
            width: 100%;
            height: 98.5%;
            background-color: rgba(0, 0, 0, 0.4); }
          .main-content .page-content .activities-content .activity-container#Coloring-Activity .coloring .download-button {
            position: absolute;
            width: 60%;
            height: 17%;
            bottom: -5%;
            left: 50%;
            margin-left: -30%;
            box-shadow: 0px 0px 6px 2px rgba(119, 119, 119, 0.75);
            -moz-box-shadow: 0px 0px 6px 2px rgba(119, 119, 119, 0.75);
            -webkit-box-shadow: 0px 0px 6px 2px rgba(119, 119, 119, 0.75);
            display: none; }
        .main-content .page-content .activities-content .activity-container#Coloring-Activity .arrow-container-left {
          float: left;
          position: absolute;
          width: 3%;
          height: 100%;
          left: .5%;
          z-index: 1000; }
          @media only screen and (min-width: 800px) and (max-width: 1280px) {
            .main-content .page-content .activities-content .activity-container#Coloring-Activity .arrow-container-left {
              left: 1%; } }
          .main-content .page-content .activities-content .activity-container#Coloring-Activity .arrow-container-left .arrow-left-coloring {
            float: left;
            position: relative;
            width: 100%;
            height: 143px;
            top: 50%;
            margin-top: -72px;
            cursor: pointer; }
            .main-content .page-content .activities-content .activity-container#Coloring-Activity .arrow-container-left .arrow-left-coloring img {
              width: 100%; }
            @media only screen and (min-width: 800px) and (max-width: 1280px) {
              .main-content .page-content .activities-content .activity-container#Coloring-Activity .arrow-container-left .arrow-left-coloring {
                margin-top: -35px; } }
        .main-content .page-content .activities-content .activity-container#Coloring-Activity .arrow-container-right {
          float: left;
          position: absolute;
          width: 3%;
          height: 100%;
          right: .5%;
          z-index: 1000; }
          @media only screen and (min-width: 800px) and (max-width: 1280px) {
            .main-content .page-content .activities-content .activity-container#Coloring-Activity .arrow-container-right {
              right: 4%; } }
          @media only screen and (min-device-width: 768px) and (max-device-width: 768px) and (orientation: portrait) {
            .main-content .page-content .activities-content .activity-container#Coloring-Activity .arrow-container-right {
              right: 1%; } }
          .main-content .page-content .activities-content .activity-container#Coloring-Activity .arrow-container-right .arrow-right-coloring {
            float: left;
            position: relative;
            width: 100%;
            height: 143px;
            top: 50%;
            margin-top: -72px;
            cursor: pointer; }
            .main-content .page-content .activities-content .activity-container#Coloring-Activity .arrow-container-right .arrow-right-coloring img {
              width: 100%; }
            @media only screen and (min-width: 800px) and (max-width: 1280px) {
              .main-content .page-content .activities-content .activity-container#Coloring-Activity .arrow-container-right .arrow-right-coloring {
                margin-top: -35px; } }
        .main-content .page-content .activities-content .activity-container#Coloring-Activity .coloring-download-all {
          position: absolute;
          bottom: 5%;
          right: 6%;
          width: 25%;
          height: 14%;
          box-shadow: 0px 0px 6px 2px rgba(119, 119, 119, 0.75);
          -moz-box-shadow: 0px 0px 6px 2px rgba(119, 119, 119, 0.75);
          -webkit-box-shadow: 0px 0px 6px 2px rgba(119, 119, 119, 0.75); }
          @media only screen and (min-width: 800px) and (max-width: 1280px) {
            .main-content .page-content .activities-content .activity-container#Coloring-Activity .coloring-download-all {
              /* bottom: 2.5%;*/ } }
          .main-content .page-content .activities-content .activity-container#Coloring-Activity .coloring-download-all img {
            width: 100%; }
        .main-content .page-content .activities-content .activity-container#Coloring-Activity .coloring-front {
          position: absolute;
          float: left;
          left: 37%;
          top: 6%;
          z-index: 100;
          width: 27%;
          height: auto; }
          .main-content .page-content .activities-content .activity-container#Coloring-Activity .coloring-front img {
            width: 100%;
            height: auto; }
        .main-content .page-content .activities-content .activity-container#Coloring-Activity .coloring-left-front {
          position: absolute;
          float: left;
          left: 20%;
          top: 27%;
          z-index: 40;
          width: 15%;
          height: auto; }
          .main-content .page-content .activities-content .activity-container#Coloring-Activity .coloring-left-front img {
            width: 100%;
            height: auto; }
        .main-content .page-content .activities-content .activity-container#Coloring-Activity .coloring-left-middle {
          position: absolute;
          float: left;
          left: 15%;
          top: 31%;
          z-index: 30;
          width: 12%;
          height: auto; }
          .main-content .page-content .activities-content .activity-container#Coloring-Activity .coloring-left-middle img {
            width: 100%;
            height: auto; }
        .main-content .page-content .activities-content .activity-container#Coloring-Activity .coloring-left-back {
          position: absolute;
          float: left;
          left: 12%;
          top: 32%;
          z-index: 20;
          width: 10%;
          height: auto; }
          .main-content .page-content .activities-content .activity-container#Coloring-Activity .coloring-left-back img {
            width: 100%;
            height: auto; }
        .main-content .page-content .activities-content .activity-container#Coloring-Activity .coloring-right-front {
          position: absolute;
          float: left;
          left: 65%;
          top: 27%;
          z-index: 40;
          width: 15%;
          height: auto; }
          .main-content .page-content .activities-content .activity-container#Coloring-Activity .coloring-right-front img {
            width: 100%;
            height: auto; }
        .main-content .page-content .activities-content .activity-container#Coloring-Activity .coloring-right-middle {
          position: absolute;
          float: left;
          left: 73%;
          top: 31%;
          z-index: 30;
          width: 12%;
          height: auto; }
          .main-content .page-content .activities-content .activity-container#Coloring-Activity .coloring-right-middle img {
            width: 100%;
            height: auto; }
        .main-content .page-content .activities-content .activity-container#Coloring-Activity .coloring-right-back {
          position: absolute;
          float: left;
          left: 78%;
          top: 32%;
          z-index: 20;
          width: 10%;
          height: auto; }
          .main-content .page-content .activities-content .activity-container#Coloring-Activity .coloring-right-back img {
            width: 100%;
            height: auto; }
        .main-content .page-content .activities-content .activity-container#Carving-Activity .carving {
          position: relative; }
          .main-content .page-content .activities-content .activity-container#Carving-Activity .carving .carving-overlay {
            position: absolute;
            width: 100%;
            height: 98.5%;
            background-color: rgba(0, 0, 0, 0.4); }
          .main-content .page-content .activities-content .activity-container#Carving-Activity .carving .download-button {
            position: absolute;
            width: 60%;
            height: 17%;
            bottom: -5%;
            left: 50%;
            margin-left: -30%;
            box-shadow: 0px 0px 6px 2px rgba(119, 119, 119, 0.75);
            -moz-box-shadow: 0px 0px 6px 2px rgba(119, 119, 119, 0.75);
            -webkit-box-shadow: 0px 0px 6px 2px rgba(119, 119, 119, 0.75);
            display: none; }
        .main-content .page-content .activities-content .activity-container#Carving-Activity .arrow-container-left {
          float: left;
          position: absolute;
          width: 3%;
          height: 100%;
          left: .5%;
          z-index: 1000; }
          @media only screen and (min-width: 800px) and (max-width: 1280px) {
            .main-content .page-content .activities-content .activity-container#Carving-Activity .arrow-container-left {
              left: 1%; } }
          .main-content .page-content .activities-content .activity-container#Carving-Activity .arrow-container-left .arrow-left-carving {
            float: left;
            position: relative;
            width: 100%;
            height: 143px;
            top: 50%;
            margin-top: -72px;
            cursor: pointer; }
            .main-content .page-content .activities-content .activity-container#Carving-Activity .arrow-container-left .arrow-left-carving img {
              width: 100%; }
            @media only screen and (min-width: 800px) and (max-width: 1280px) {
              .main-content .page-content .activities-content .activity-container#Carving-Activity .arrow-container-left .arrow-left-carving {
                margin-top: -35px; } }
        .main-content .page-content .activities-content .activity-container#Carving-Activity .arrow-container-right {
          float: left;
          position: absolute;
          width: 3%;
          height: 100%;
          right: .5%;
          z-index: 1000; }
          @media only screen and (min-width: 800px) and (max-width: 1280px) {
            .main-content .page-content .activities-content .activity-container#Carving-Activity .arrow-container-right {
              right: 4%; } }
          @media only screen and (min-device-width: 768px) and (max-device-width: 768px) and (orientation: portrait) {
            .main-content .page-content .activities-content .activity-container#Carving-Activity .arrow-container-right {
              right: 1%; } }
          .main-content .page-content .activities-content .activity-container#Carving-Activity .arrow-container-right .arrow-right-carving {
            float: left;
            position: relative;
            width: 100%;
            height: 143px;
            top: 50%;
            margin-top: -72px;
            cursor: pointer; }
            .main-content .page-content .activities-content .activity-container#Carving-Activity .arrow-container-right .arrow-right-carving img {
              width: 100%; }
            @media only screen and (min-width: 800px) and (max-width: 1280px) {
              .main-content .page-content .activities-content .activity-container#Carving-Activity .arrow-container-right .arrow-right-carving {
                margin-top: -35px; } }
        .main-content .page-content .activities-content .activity-container#Carving-Activity .carving-download-all {
          position: absolute;
          bottom: 5%;
          right: 6%;
          width: 25%;
          height: 14%;
          box-shadow: 0px 0px 6px 2px rgba(119, 119, 119, 0.75);
          -moz-box-shadow: 0px 0px 6px 2px rgba(119, 119, 119, 0.75);
          -webkit-box-shadow: 0px 0px 6px 2px rgba(119, 119, 119, 0.75); }
          @media only screen and (min-width: 800px) and (max-width: 1280px) {
            .main-content .page-content .activities-content .activity-container#Carving-Activity .carving-download-all {
              /* bottom: 2.5%;*/ } }
          .main-content .page-content .activities-content .activity-container#Carving-Activity .carving-download-all img {
            width: 100%; }
        .main-content .page-content .activities-content .activity-container#Carving-Activity .carving-front {
          position: absolute;
          float: left;
          left: 37%;
          top: 6%;
          z-index: 100;
          width: 27%;
          height: auto; }
          .main-content .page-content .activities-content .activity-container#Carving-Activity .carving-front img {
            width: 100%;
            height: auto; }
        .main-content .page-content .activities-content .activity-container#Carving-Activity .carving-left-front {
          position: absolute;
          float: left;
          left: 20%;
          top: 27%;
          z-index: 40;
          width: 15%;
          height: auto; }
          .main-content .page-content .activities-content .activity-container#Carving-Activity .carving-left-front img {
            width: 100%;
            height: auto; }
        .main-content .page-content .activities-content .activity-container#Carving-Activity .carving-left-middle {
          position: absolute;
          float: left;
          left: 15%;
          top: 31%;
          z-index: 30;
          width: 12%;
          height: auto; }
          .main-content .page-content .activities-content .activity-container#Carving-Activity .carving-left-middle img {
            width: 100%;
            height: auto; }
        .main-content .page-content .activities-content .activity-container#Carving-Activity .carving-left-back {
          position: absolute;
          float: left;
          left: 12%;
          top: 32%;
          z-index: 20;
          width: 10%;
          height: auto; }
          .main-content .page-content .activities-content .activity-container#Carving-Activity .carving-left-back img {
            width: 100%;
            height: auto; }
        .main-content .page-content .activities-content .activity-container#Carving-Activity .carving-right-front {
          position: absolute;
          float: left;
          left: 65%;
          top: 27%;
          z-index: 40;
          width: 15%;
          height: auto; }
          .main-content .page-content .activities-content .activity-container#Carving-Activity .carving-right-front img {
            width: 100%;
            height: auto; }
        .main-content .page-content .activities-content .activity-container#Carving-Activity .carving-right-middle {
          position: absolute;
          float: left;
          left: 73%;
          top: 31%;
          z-index: 30;
          width: 12%;
          height: auto; }
          .main-content .page-content .activities-content .activity-container#Carving-Activity .carving-right-middle img {
            width: 100%;
            height: auto; }
        .main-content .page-content .activities-content .activity-container#Carving-Activity .carving-right-back {
          position: absolute;
          float: left;
          left: 78%;
          top: 32%;
          z-index: 20;
          width: 10%;
          height: auto; }
          .main-content .page-content .activities-content .activity-container#Carving-Activity .carving-right-back img {
            width: 100%;
            height: auto; }
    .main-content .page-content .photos-content {
      float: left;
      position: relative;
      width: 100%;
      height: 100%; }
      .main-content .page-content .photos-content .photo-main-close {
        position: absolute;
        width: 4%;
        height: 10%;
        top: 2%;
        left: 0.5%;
        background: url(../images/close-button.png);
        background-repeat: no-repeat;
        background-size: 100%;
        cursor: pointer; }
      .main-content .page-content .photos-content .photo-main-container {
        float: left;
        position: relative;
        width: 76%;
        margin-left: 5%;
        height: 100%;
        margin-right: 1%; }
        @media only screen and (min-width: 800px) and (max-width: 1280px) {
          .main-content .page-content .photos-content .photo-main-container {
            margin-right: 0; } }
        .main-content .page-content .photos-content .photo-main-container .photo-main {
          position: relative;
          width: 100%;
          height: 100%; }
          .main-content .page-content .photos-content .photo-main-container .photo-main img {
            width: 100%;
            height: auto !important; }
      .main-content .page-content .photos-content .photo-nav-container {
        float: left;
        position: relative;
        width: 15%;
        height: 98%;
        top: 1%;
        overflow: hidden; }
        .main-content .page-content .photos-content .photo-nav-container .arrow-container-top {
          position: relative;
          width: 100%;
          height: 4%;
          top: 0;
          margin-bottom: 1%; }
          .main-content .page-content .photos-content .photo-nav-container .arrow-container-top #arrow-top {
            position: absolute;
            width: 23%;
            height: 100%;
            left: 50%;
            margin-left: -2%;
            cursor: pointer; }
            .main-content .page-content .photos-content .photo-nav-container .arrow-container-top #arrow-top img {
              width: 100%; }
        .main-content .page-content .photos-content .photo-nav-container .photo-nav-strip {
          position: relative;
          width: 120%;
          height: 90%;
          top: 0;
          left: 12%;
          overflow-y: auto;
          overflow-x: hidden; }
          .main-content .page-content .photos-content .photo-nav-container .photo-nav-strip .nav-image {
            position: relative;
            width: 100%;
            height: auto;
            margin-bottom: 15%; }
            .main-content .page-content .photos-content .photo-nav-container .photo-nav-strip .nav-image .nav-image-inner {
              position: relative;
              width: 80%;
              height: auto;
              cursor: pointer;
              border: 0px solid #fea639;
              overflow: hidden;
              -moz-box-sizing: border-box;
              -webkit-box-sizing: border-box;
              box-sizing: border-box;
              padding-right: 5px;
              box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
              -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
              -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
              opacity: 0.7; }
              .main-content .page-content .photos-content .photo-nav-container .photo-nav-strip .nav-image .nav-image-inner img {
                position: relative;
                width: 105% !important;
                height: auto;
                vertical-align: top; }
        .main-content .page-content .photos-content .photo-nav-container .arrow-container-bottom {
          position: relative;
          width: 100%;
          height: 4%;
          bottom: 0;
          margin-bottom: 1%; }
          .main-content .page-content .photos-content .photo-nav-container .arrow-container-bottom #arrow-bottom {
            position: absolute;
            width: 23%;
            height: 60%;
            left: 50%;
            margin-left: -2%;
            bottom: 4%;
            cursor: pointer; }
            .main-content .page-content .photos-content .photo-nav-container .arrow-container-bottom #arrow-bottom img {
              width: 100%; }
    .main-content .page-content .videos-content {
      float: left;
      position: relative;
      width: 100%;
      height: 100%; }
      .main-content .page-content .videos-content .video-main-close {
        position: absolute;
        width: 4%;
        height: 10%;
        top: 2%;
        left: 0.5%;
        background: url(../images/close-button.png);
        background-repeat: no-repeat;
        background-size: 100%;
        cursor: pointer; }
      .main-content .page-content .videos-content .video-main-container {
               /*
 				position: relative;
                float: left;
                width: 75%;
                height: 100%;
                margin-right: 4%;
				*/
        position: relative;
        float: left;
        width: 70%;
        height: 95%;
        margin-right: 2%;
        margin-left: 5%;
        margin-top: 1%; }
        .main-content .page-content .videos-content .video-main-container #video-main {
          width: 100%;
          height: 100%; }
      .main-content .page-content .videos-content .video-nav-container {
        position: relative;
        float: left;
        width: 18%;
        height: 100%;
        overflow: hidden; }
        .main-content .page-content .videos-content .video-nav-container .video-nav-arrow-top-container {
          position: relative;
          float: left;
          width: 100%;
          height: 4%;
          top: 2%; }
          .main-content .page-content .videos-content .video-nav-container .video-nav-arrow-top-container .video-nav-arrow-top {
            position: absolute;
            width: 22%;
            height: 100%;
            left: 50%;
            margin-left: -8%; }
            .main-content .page-content .videos-content .video-nav-container .video-nav-arrow-top-container .video-nav-arrow-top img {
              width: 100%;
              height: auto; }
        .main-content .page-content .videos-content .video-nav-container .video-nav-strip {
          position: relative;
          float: left;
          width: 120%;
          height: 87%;
          overflow-y: auto;
          overflow-x: hidden;
          margin-top: 3%;
          margin-bottom: 8%; }
          .main-content .page-content .videos-content .video-nav-container .video-nav-strip .video-nav-thumb {
            position: relative;
            float: left;
            width: 100%;
            height: 22%;
            top: 4%;
            left: 5%;
            margin-top: 2%;
            margin-bottom: 25%;
            opacity: 0.7;
            cursor: pointer; }
            .main-content .page-content .videos-content .video-nav-container .video-nav-strip .video-nav-thumb .video-nav-play {
              position: absolute;
              width: 25%;
              height: auto;
              left: 50%;
              top: 25%;
              margin-left: -22%;
              z-index: 100; }
              .main-content .page-content .videos-content .video-nav-container .video-nav-strip .video-nav-thumb .video-nav-play img {
                width: 100%;
                height: auto; }
            .main-content .page-content .videos-content .video-nav-container .video-nav-strip .video-nav-thumb .video-nav-thumb-inner {
              position: absolute;
              width: 80%;
              height: 100%;
              top: 0;
              left: 0;
              border: 0px solid #ff5000;
              overflow: hidden;
              -moz-box-sizing: border-box;
              -webkit-box-sizing: border-box;
              box-sizing: border-box;
              padding-right: 5px;
              box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
              -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
              -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5); }
              .main-content .page-content .videos-content .video-nav-container .video-nav-strip .video-nav-thumb .video-nav-thumb-inner img {
                width: 120%;
                height: auto;
                margin-top: -13%; }
            .main-content .page-content .videos-content .video-nav-container .video-nav-strip .video-nav-thumb .video-title {
              position: absolute;
              width: 72%;
              top: 107%;
              left: 4%;
              font-family: "AmericanPurpose", Sans-Serif;
              color: white;
              letter-spacing: 2px;
              font-size: 20px;
              text-align: center;
              text-shadow: 2px 2px rgba(0, 0, 0, 0.5); }
              @media only screen and (min-width: 800px) and (max-width: 1280px) {
                .main-content .page-content .videos-content .video-nav-container .video-nav-strip .video-nav-thumb .video-title {
                  font-size: 15px;
                  letter-spacing: 1px; } }
              @media only screen and (min-device-width: 768px) and (max-device-width: 768px) and (orientation: portrait) {
                .main-content .page-content .videos-content .video-nav-container .video-nav-strip .video-nav-thumb .video-title {
                  bottom: -30%; } }
        .main-content .page-content .videos-content .video-nav-container .video-nav-arrow-bottom-container {
          position: relative;
          float: left;
          width: 100%;
          height: 4%;
          bottom: 2%; }
          .main-content .page-content .videos-content .video-nav-container .video-nav-arrow-bottom-container .video-nav-arrow-bottom {
            position: absolute;
            width: 22%;
            height: 100%;
            left: 50%;
            margin-left: -8%; }
            .main-content .page-content .videos-content .video-nav-container .video-nav-arrow-bottom-container .video-nav-arrow-bottom img {
              width: 100%;
              height: auto; }
    .main-content .page-content .coloring-content {
      float: left;
      position: relative;
      width: 100%;
      height: 100%; }
      .main-content .page-content .coloring-content .trot-main-close {
        position: absolute;
        width: 4%;
        height: 10%;
        top: 2%;
        left: 0.5%;
        background: url(../images/close-button.png);
        background-repeat: no-repeat;
        background-size: 100%;
        cursor: pointer;
        z-index: 1001; }
      .main-content .page-content .coloring-content #trot_container {
        position: relative;
        margin-left: 5%;
        height: 100%;
        width: 90%;
        overflow: hidden; }
        .main-content .page-content .coloring-content #trot_container #trot_container_inner {
          position: relative;
          height: 100%;
          width: 90%;
          /*UNTIL MORE TROTS*/ }
          .main-content .page-content .coloring-content #trot_container #trot_container_inner #trot_container_slide {
            position: relative;
            height: 100%; }
            .main-content .page-content .coloring-content #trot_container #trot_container_inner #trot_container_slide .trot_item {
              margin-top: 5%;
              width: 30%;
              height: 50%;
              margin-left: 1%;
              margin-right: 2%;
              position: relative;
              overflow: hidden;
              float: left;
              box-shadow: 1px 3px 4px 1px rgba(40, 40, 40, 0.75);
              -moz-box-shadow: 1px 3px 4px 1px rgba(40, 40, 40, 0.75);
              -webkit-box-shadow: 1px 3px 4px 1px rgba(40, 40, 40, 0.75); }
              .main-content .page-content .coloring-content #trot_container #trot_container_inner #trot_container_slide .trot_item.gradient {
                background: #91c0fb;
                background: -moz-linear-gradient(top, #91c0fb 0%, #cde6fa 100%);
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #91c0fb), color-stop(100%, #cde6fa));
                background: -webkit-linear-gradient(top, #91c0fb 0%, #cde6fa 100%);
                background: -o-linear-gradient(top, #91c0fb 0%, #cde6fa 100%);
                background: -ms-linear-gradient(top, #91c0fb 0%, #cde6fa 100%);
                background: linear-gradient(to bottom, #91c0fb 0%, #cde6fa 100%);
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#91c0fb', endColorstr='#cde6fa',GradientType=0 ); }
              .main-content .page-content .coloring-content #trot_container #trot_container_inner #trot_container_slide .trot_item.white {
                background-color: white; }
              .main-content .page-content .coloring-content #trot_container #trot_container_inner #trot_container_slide .trot_item .trot_logo {
                position: relative;
                height: 95%;
                float: left; }
                .main-content .page-content .coloring-content #trot_container #trot_container_inner #trot_container_slide .trot_item .trot_logo img {
                  height: 100%;
                  display: block;
                  margin: 5%; }
        .main-content .page-content .coloring-content #trot_container #trot_slider {
          height: 96%;
          position: absolute;
          top: 2%;
          right: 0%;
          width: 9%; }
          .main-content .page-content .coloring-content #trot_container #trot_slider .arrow_top {
            height: 6%; }
            .main-content .page-content .coloring-content #trot_container #trot_slider .arrow_top img {
              width: 100%;
              display: block; }
          .main-content .page-content .coloring-content #trot_container #trot_slider .arrow_bottom {
            height: 6%; }
            .main-content .page-content .coloring-content #trot_container #trot_slider .arrow_bottom img {
              width: 100%;
              display: block; }
          .main-content .page-content .coloring-content #trot_container #trot_slider .slider_main {
            height: 88%;
            width: 100%;
            position: relative;
            overflow: hidden; }
            .main-content .page-content .coloring-content #trot_container #trot_slider .slider_main .slide_bar {
              margin-top: 7%;
              margin-left: 40%;
              height: 98%;
              width: 17%;
              overflow: hidden;
              border-radius: 12px;
              box-shadow: 3px 3px 4px 0px rgba(40, 40, 40, 0.6);
              -moz-box-shadow: 3px 3px 4px 0px rgba(40, 40, 40, 0.6);
              -webkit-box-shadow: 3px 3px 4px 0px rgba(40, 40, 40, 0.6);
              background-color: #d4e8f8; }
              .main-content .page-content .coloring-content #trot_container #trot_slider .slider_main .slide_bar .slide_top {
                width: 100%;
                height: 3.7%;
                background-image: url("../images/slide-top.png"); }
              .main-content .page-content .coloring-content #trot_container #trot_slider .slider_main .slide_bar .slide_mid {
                width: 100%;
                background-size: 100%;
                background-image: url("../images/slide-mid.png");
                background-repeat: repeat-y;
                height: 92.6%;
                background-position: center; }
              .main-content .page-content .coloring-content #trot_container #trot_slider .slider_main .slide_bar .slide_bottom {
                width: 100%;
                height: 3.7%;
                background-size: 100%;
                background-position: center;
                background-image: url("../images/slide-bottom.png"); }
            .main-content .page-content .coloring-content #trot_container #trot_slider .slider_main .slide_feather {
              position: absolute;
              width: 65%;
              height: 16%;
              top: -1%;
              left: 15%;
              background-image: url("../images/feather-slide.png");
              background-size: 100%; }
      .main-content .page-content .coloring-content #trot_pop {
        position: absolute;
        width: 40%;
        left: 25%;
        top: 22%;
        display: none;
        z-index: 100;
        text-align: center;
        background: #91c0fb;
        background: -moz-linear-gradient(top, #91c0fb 0%, #cde6fa 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #91c0fb), color-stop(100%, #cde6fa));
        background: -webkit-linear-gradient(top, #91c0fb 0%, #cde6fa 100%);
        background: -o-linear-gradient(top, #91c0fb 0%, #cde6fa 100%);
        background: -ms-linear-gradient(top, #91c0fb 0%, #cde6fa 100%);
        background: linear-gradient(to bottom, #91c0fb 0%, #cde6fa 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#91c0fb', endColorstr='#cde6fa',GradientType=0 );
        box-shadow: 1px 3px 4px 1px rgba(40, 40, 40, 0.75);
        -moz-box-shadow: 1px 3px 4px 1px rgba(40, 40, 40, 0.75);
        -webkit-box-shadow: 1px 3px 4px 1px rgba(40, 40, 40, 0.75); }
        .main-content .page-content .coloring-content #trot_pop #trot_pop_close {
          position: absolute;
          width: 10%;
          height: 22%;
          top: -7%;
          right: -4%;
          background: url(../images/close-button.png);
          background-repeat: no-repeat;
          background-size: 100%;
          cursor: pointer;
          z-index: 1001; }
        .main-content .page-content .coloring-content #trot_pop #text_container {
          width: 70%;
          margin-left: 15%;
          margin-top: 10%;
          margin-bottom: 10%; }
          .main-content .page-content .coloring-content #trot_pop #text_container p {
            width: 100%;
            font-family: "AmericanPurpose", Sans-Serif;
            color: #023979;
            font-size: 14px;
            line-height: 18px;
            letter-spacing: 0.1em; }
        .main-content .page-content .coloring-content #trot_pop #trot_continue {
          width: 207px;
          height: 57px;
          background: url(../images/pop-continue.png);
          margin: 0 auto;
          margin-bottom: 6%;
          background-repeat: no-repeat;
          background-size: 100%;
          box-shadow: 1px 3px 4px 1px rgba(40, 40, 40, 0.75);
          -moz-box-shadow: 1px 3px 4px 1px rgba(40, 40, 40, 0.75);
          -webkit-box-shadow: 1px 3px 4px 1px rgba(40, 40, 40, 0.75); }
    .main-content .page-content .activities-2-content {
      float: left;
      position: relative;
      width: 100%;
      height: 100%;
      background-image: url("../images/trot-bg.jpg"); }
      .main-content .page-content .activities-2-content .partners-main-close {
        position: absolute;
        width: 4%;
        height: 10%;
        top: 2%;
        left: 0.5%;
        background: url(../images/close-button.png);
        background-repeat: no-repeat;
        background-size: 100%;
        cursor: pointer;
        z-index: 1001; }
      .main-content .page-content .activities-2-content #partners_container {
        position: relative;
        margin-left: 5%;
        height: 100%;
        width: 90%;
        overflow: hidden; }
        .main-content .page-content .activities-2-content #partners_container #partners_container_inner {
          position: relative;
          height: 100%;
          width: 90%; }
          .main-content .page-content .activities-2-content #partners_container #partners_container_inner #partners_container_slide {
            position: relative;
            height: 100%; }
            .main-content .page-content .activities-2-content #partners_container #partners_container_inner #partners_container_slide .partners_item {
              margin-top: 5%;
              height: 50%;
              position: relative;
              width: 100%;
              background: #91c0fb;
              background: -moz-linear-gradient(top, #91c0fb 0%, #cde6fa 100%);
              background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #91c0fb), color-stop(100%, #cde6fa));
              background: -webkit-linear-gradient(top, #91c0fb 0%, #cde6fa 100%);
              background: -o-linear-gradient(top, #91c0fb 0%, #cde6fa 100%);
              background: -ms-linear-gradient(top, #91c0fb 0%, #cde6fa 100%);
              background: linear-gradient(to bottom, #91c0fb 0%, #cde6fa 100%);
              filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#91c0fb', endColorstr='#cde6fa',GradientType=0 );
              overflow: hidden;
              box-shadow: 1px 3px 4px 1px rgba(40, 40, 40, 0.75);
              -moz-box-shadow: 1px 3px 4px 1px rgba(40, 40, 40, 0.75);
              -webkit-box-shadow: 1px 3px 4px 1px rgba(40, 40, 40, 0.75); }
              .main-content .page-content .activities-2-content #partners_container #partners_container_inner #partners_container_slide .partners_item .partners_logo {
                position: relative;
                height: 100%;
                width: 35%;
                margin-top: 3%;
                float: left; }
                .main-content .page-content .activities-2-content #partners_container #partners_container_inner #partners_container_slide .partners_item .partners_logo img {
                  width: 90%;
                  display: block;
                  margin-left: 5%; }
              .main-content .page-content .activities-2-content #partners_container #partners_container_inner #partners_container_slide .partners_item .partners_text {
                overflow-y: auto;
                overflow-x: hidden;
                width: 60%;
                margin-top: 3%;
                height: 55%;
                font-family: "BureauEagleFB", Sans-Serif;
                letter-spacing: 0.04em;
                font-size: 14px;
                line-height: 18px;
                color: #023979;
                font-weight: 700; }
              .main-content .page-content .activities-2-content #partners_container #partners_container_inner #partners_container_slide .partners_item .partners_info {
                background: url(../images/tt-info.png);
                background-repeat: no-repeat;
                background-size: 100%;
                box-shadow: 1px 3px 4px 1px rgba(70, 70, 70, 0.75);
                -moz-box-shadow: 1px 3px 4px 1px rgba(70, 70, 70, 0.75);
                -webkit-box-shadow: 1px 3px 4px 1px rgba(70, 70, 70, 0.75);
                max-width: 410px;
                max-height: 70px;
                margin: 0 auto;
                height: 24.5%;
                width: 37%;
                height: 22.5%;
                width: 37%;
                margin-left: 35%;
                bottom: 8%;
                position: absolute;
                cursor: pointer; }
        .main-content .page-content .activities-2-content #partners_container #partners_slider {
          height: 96%;
          position: absolute;
          top: 2%;
          right: 0%;
          width: 9%; }
          .main-content .page-content .activities-2-content #partners_container #partners_slider .arrow_top {
            height: 6%; }
            .main-content .page-content .activities-2-content #partners_container #partners_slider .arrow_top img {
              width: 100%;
              display: block; }
          .main-content .page-content .activities-2-content #partners_container #partners_slider .arrow_bottom {
            height: 6%; }
            .main-content .page-content .activities-2-content #partners_container #partners_slider .arrow_bottom img {
              width: 100%;
              display: block; }
          .main-content .page-content .activities-2-content #partners_container #partners_slider .slider_main {
            height: 88%;
            width: 100%;
            position: relative;
            overflow: hidden; }
            .main-content .page-content .activities-2-content #partners_container #partners_slider .slider_main .slide_bar {
              margin-top: 7%;
              margin-left: 40%;
              height: 98%;
              width: 17%;
              overflow: hidden;
              border-radius: 12px;
              box-shadow: 3px 3px 4px 0px rgba(40, 40, 40, 0.6);
              -moz-box-shadow: 3px 3px 4px 0px rgba(40, 40, 40, 0.6);
              -webkit-box-shadow: 3px 3px 4px 0px rgba(40, 40, 40, 0.6);
              background-color: #d4e8f8; }
              .main-content .page-content .activities-2-content #partners_container #partners_slider .slider_main .slide_bar .slide_top {
                width: 100%;
                height: 3.7%;
                background-image: url("../images/slide-top.png"); }
              .main-content .page-content .activities-2-content #partners_container #partners_slider .slider_main .slide_bar .slide_mid {
                width: 100%;
                background-size: 100%;
                background-image: url("../images/slide-mid.png");
                background-repeat: repeat-y;
                height: 92.6%;
                background-position: center; }
              .main-content .page-content .activities-2-content #partners_container #partners_slider .slider_main .slide_bar .slide_bottom {
                width: 100%;
                height: 3.7%;
                background-size: 100%;
                background-position: center;
                background-image: url("../images/slide-bottom.png"); }
            .main-content .page-content .activities-2-content #partners_container #partners_slider .slider_main .slide_feather {
              position: absolute;
              width: 65%;
              height: 16%;
              top: -1%;
              left: 15%;
              background-image: url("../images/feather-slide.png");
              background-size: 100%; }
      .main-content .page-content .activities-2-content #partners_pop {
        position: absolute;
        width: 40%;
        left: 25%;
        top: 22%;
        display: none;
        z-index: 100;
        text-align: center;
        background: #91c0fb;
        background: -moz-linear-gradient(top, #91c0fb 0%, #cde6fa 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #91c0fb), color-stop(100%, #cde6fa));
        background: -webkit-linear-gradient(top, #91c0fb 0%, #cde6fa 100%);
        background: -o-linear-gradient(top, #91c0fb 0%, #cde6fa 100%);
        background: -ms-linear-gradient(top, #91c0fb 0%, #cde6fa 100%);
        background: linear-gradient(to bottom, #91c0fb 0%, #cde6fa 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#91c0fb', endColorstr='#cde6fa',GradientType=0 );
        box-shadow: 1px 3px 4px 1px rgba(40, 40, 40, 0.75);
        -moz-box-shadow: 1px 3px 4px 1px rgba(40, 40, 40, 0.75);
        -webkit-box-shadow: 1px 3px 4px 1px rgba(40, 40, 40, 0.75); }
        .main-content .page-content .activities-2-content #partners_pop #partners_pop_close {
          position: absolute;
          width: 6%;
          height: 22%;
          top: -7%;
          right: -3%;
          background: url(../images/close-button.png);
          background-repeat: no-repeat;
          background-size: 100%;
          cursor: pointer;
          z-index: 1001; }
        .main-content .page-content .activities-2-content #partners_pop #text_container {
          width: 70%;
          margin-left: 15%;
          margin-top: 10%;
          margin-bottom: 10%; }
          .main-content .page-content .activities-2-content #partners_pop #text_container p {
            width: 100%;
            font-family: "AmericanPurpose", Sans-Serif;
            color: #023979;
            font-size: 14px;
            line-height: 18px;
            letter-spacing: 0.1em; }
        .main-content .page-content .activities-2-content #partners_pop #partners_continue {
          width: 207px;
          height: 57px;
          background: url(../images/pop-continue.png);
          margin: 0 auto;
          margin-bottom: 6%;
          background-repeat: no-repeat;
          background-size: 100%;
          box-shadow: 1px 3px 4px 1px rgba(40, 40, 40, 0.75);
          -moz-box-shadow: 1px 3px 4px 1px rgba(40, 40, 40, 0.75);
          -webkit-box-shadow: 1px 3px 4px 1px rgba(40, 40, 40, 0.75); }
    .main-content .page-content .pardon-content {
      float: left;
      position: relative;
      width: 100%;
      height: 100%;
      background-image: url("../images/pardon-bg.png"); }
      .main-content .page-content .pardon-content .pardon-main-close {
        position: absolute;
        width: 4%;
        height: 10%;
        top: 2%;
        left: 0.5%;
        background: url(../images/close-button.png);
        background-repeat: no-repeat;
        background-size: 100%;
        cursor: pointer;
        z-index: 1001; }
      .main-content .page-content .pardon-content #pardon-reggie {
        width: 20%;
        margin-left: 0.5%;
        float: left; }
        .main-content .page-content .pardon-content #pardon-reggie img {
          width: 100%;
          margin-top: 64%; }
      .main-content .page-content .pardon-content #pardon-text {
        float: left;
        letter-spacing: 0.1em;
        text-align: center;
        height: 100%;
        margin-left: -4%;
        width: 52%;
        position: relative; }
        .main-content .page-content .pardon-content #pardon-text img {
          display: block;
          width: 100%;
          margin-top: 5%;
          margin-bottom: 3%; }
        .main-content .page-content .pardon-content #pardon-text #gobble {
          background: url(../images/pardon_btn.png);
          width: 48%;
          height: 5.5%;
          background-position: center;
          background-size: 100%;
          margin-left: 32%; }
      .main-content .page-content .pardon-content #pardon-logo {
        width: 30%;
        float: left; }
        .main-content .page-content .pardon-content #pardon-logo img {
          width: 115%;
          margin-left: -22%;
          margin-top: 4%; }

.panel-title-480 {
  position: relative;
  width: 100%;
  font-family: "AmericanPurpose", Sans-Serif;
  color: white;
  font-size: 110%;
  letter-spacing: .1em;
  display: none; }
  @media only screen and (min-width: 480px) and (max-width: 800px) {
    .panel-title-480 {
      display: block; } }
  @media only screen and (max-width: 480px) {
    .panel-title-480 {
      display: block; } }

.top-row-container-480 {
  float: left;
  width: 100%;
  height: 39%;
  margin-bottom: -3.5%;
  display: none; }
  @media only screen and (min-width: 480px) and (max-width: 800px) {
    .top-row-container-480 {
      display: block; } }
  @media only screen and (max-width: 480px) {
    .top-row-container-480 {
      display: block;
      height: 318px;
      margin-bottom: 5px; } }
  @media only screen and (min-device-width: 768px) and (max-device-width: 768px) and (orientation: portrait) {
    .top-row-container-480 {
      display: none !important; } }
  .top-row-container-480 #credits-panel-480 {
    margin-top: 0%;
    float: left;
    width: 100%;
    height: 16.5%;
    background: url(../images/names-mobile2.jpg);
    margin-bottom: 1%;
    background-size: 100%;
    background-position: center; }
    @media only screen and (max-width: 480px) {
      .top-row-container-480 #credits-panel-480 {
        height: 55px;
        margin-bottom: 5px; } }
  .top-row-container-480 #header-main-container-480 {
    float: left;
    width: 100%;
    height: 72.5%;
    background-color: white;
    background-size: cover;
    background-position: center; }
    @media only screen and (max-width: 480px) {
      .top-row-container-480 #header-main-container-480 {
        height: 258px; } }
    .top-row-container-480 #header-main-container-480 #main-characters-480 {
      position: relative;
      float: left;
      width: 100%;
      height: 103%;
      bottom: 14.8%; }
      @media only screen and (max-width: 480px) {
        .top-row-container-480 #header-main-container-480 #main-characters-480 {
          height: 274px;
          bottom: 16px; } }
      .top-row-container-480 #header-main-container-480 #main-characters-480 #main-characters-inner-480 {
        position: relative;
        width: 100%;
        height: 102%;
        overflow: visible;
        background-size: 100%;
        background-position: center;
        background-repeat: no-repeat; }
        .top-row-container-480 #header-main-container-480 #main-characters-480 #main-characters-inner-480.nov {
          background-image: url(../images/main-characters-mobile2.png); }
        .top-row-container-480 #header-main-container-480 #main-characters-480 #main-characters-inner-480.tomorrow {
          background-image: url(../images/main-characters-mobile-tomorrow.png); }
        .top-row-container-480 #header-main-container-480 #main-characters-480 #main-characters-inner-480.friday {
          background-image: url(../images/main-characters-mobile-friday.png); }
        .top-row-container-480 #header-main-container-480 #main-characters-480 #main-characters-inner-480.now {
          background-image: url(../images/main-characters-mobile-dvd-now.png); }
        .top-row-container-480 #header-main-container-480 #main-characters-480 #main-characters-inner-480.feb4 {
          background-image: url(../images/main-characters-mobile-dvd-feb4.png); }
        @media only screen and (max-width: 480px) {
          .top-row-container-480 #header-main-container-480 #main-characters-480 #main-characters-inner-480 {
            background-size: cover;
            background-position: center; }
            .top-row-container-480 #header-main-container-480 #main-characters-480 #main-characters-inner-480.nov {
              background-image: url(../images/main-characters-mobile-sm.png); }
            .top-row-container-480 #header-main-container-480 #main-characters-480 #main-characters-inner-480.tomorrow {
              background-image: url(../images/main-characters-mobile-sm-tomorrow.png); }
            .top-row-container-480 #header-main-container-480 #main-characters-480 #main-characters-inner-480.friday {
              background-image: url(../images/main-characters-mobile-sm-friday.png); }
            .top-row-container-480 #header-main-container-480 #main-characters-480 #main-characters-inner-480.now {
              background-image: url(../images/main-characters-mobile-sm-dvd-now.png); }
            .top-row-container-480 #header-main-container-480 #main-characters-480 #main-characters-inner-480.feb4 {
              background-image: url(../images/main-characters-mobile-sm-dvd-feb4.png); } }

.middle-container-480 {
  float: left;
  width: 100%;
  /*101 for ipad*/
  height: 36%;
  margin-bottom: 18.25%;
  display: none; }
  @media only screen and (min-width: 480px) and (max-width: 800px) {
    .middle-container-480 {
      display: block;
      margin-top: -22%; } }
  @media only screen and (max-width: 480px) {
    .middle-container-480 {
      display: block;
      height: 374px;
      margin-bottom: 31.25%;
      margin-top: 2%; } }
  @media only screen and (min-device-width: 768px) and (max-device-width: 768px) and (orientation: portrait) {
    .middle-container-480 {
      display: none !important; } }
  .middle-container-480 #main-nav-480 {
    position: relative;
    float: left;
    width: 100%;
    height: 80%;
    margin-right: .9%;
    overflow: hidden; }
    @media only screen and (max-width: 480px) {
      .middle-container-480 #main-nav-480 {
        width: 100%; } }
    .middle-container-480 #main-nav-480 #main-content-480 {
      position: absolute;
      float: left;
      width: 100%;
      height: 83%;
      top: -500px; }
      @media only screen and (max-width: 480px) {
        .middle-container-480 #main-nav-480 #main-content-480 {
          height: 83%; } }
      .middle-container-480 #main-nav-480 #main-content-480 #page-content-480 {
        position: relative;
        float: left;
        width: 100%;
        height: 100%;
        background: #4589de;
        background: -moz-linear-gradient(top, #4589de 0%, #7fb9e7 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4589de), color-stop(100%, #7fb9e7));
        background: -webkit-linear-gradient(top, #4589de 0%, #7fb9e7 100%);
        background: -o-linear-gradient(top, #4589de 0%, #7fb9e7 100%);
        background: -ms-linear-gradient(top, #4589de 0%, #7fb9e7 100%);
        background: linear-gradient(to bottom, #4589de 0%, #7fb9e7 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4589de', endColorstr='#7fb9e7',GradientType=0 ); }
    .middle-container-480 #main-nav-480 .nav-list {
      position: relative;
      width: 100%;
      height: 100%;
      overflow: hidden; }
      .middle-container-480 #main-nav-480 .nav-list .nav-item {
        position: relative;
        width: 100%;
        height: 13.2%;
        background: #ff5000;
        background: -moz-linear-gradient(top, #ff5000 0%, #fdc34c 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff5000), color-stop(100%, #fdc34c));
        background: -webkit-linear-gradient(top, #ff5000 0%, #fdc34c 100%);
        background: -o-linear-gradient(top, #ff5000 0%, #fdc34c 100%);
        background: -ms-linear-gradient(top, #ff5000 0%, #fdc34c 100%);
        background: linear-gradient(to bottom, #ff5000 0%, #fdc34c 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5000', endColorstr='#fdc34c',GradientType=0 );
        margin-bottom: 1.0%; }
        .middle-container-480 #main-nav-480 .nav-list .nav-item .nav-item-inner {
          position: absolute;
          width: 100%;
          top: 14%;
          text-align: center;
          font-family: "AmericanPurpose", Sans-Serif;
          color: white;
          font-size: 32px;
          letter-spacing: .1em;
          text-shadow: 3px 3px rgba(0, 0, 0, 0.6); }
          @media only screen and (max-width: 480px) {
            .middle-container-480 #main-nav-480 .nav-list .nav-item .nav-item-inner {
              top: 12%; } }
        @media only screen and (max-width: 480px) {
          .middle-container-480 #main-nav-480 .nav-list .nav-item {
            margin-bottom: 5px; } }
      .middle-container-480 #main-nav-480 .nav-list .ui-state-active {
        background: #91c0fb !important;
        background: -moz-linear-gradient(top, #91c0fb 0%, #cde6fa 100%) !important;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #91c0fb), color-stop(100%, #cde6fa)) !important;
        background: -webkit-linear-gradient(top, #91c0fb 0%, #cde6fa 100%) !important;
        background: -o-linear-gradient(top, #91c0fb 0%, #cde6fa 100%) !important;
        background: -ms-linear-gradient(top, #91c0fb 0%, #cde6fa 100%) !important;
        background: linear-gradient(to bottom, #91c0fb 0%, #cde6fa 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#91c0fb', endColorstr='#cde6fa',GradientType=0 ) !important; }
      .middle-container-480 #main-nav-480 .nav-list .nav-content {
        width: 100%;
        position: relative;
        height: 47.5%;
        margin-bottom: 1%; }
        @media only screen and (max-width: 480px) {
          .middle-container-480 #main-nav-480 .nav-list .nav-content {
            height: 51.5%; } }
    .middle-container-480 #main-nav-480 #characters-mobile-inner {
      overflow: hidden;
      position: relative; }
      @media only screen and (max-width: 480px) {
        .middle-container-480 #main-nav-480 #characters-mobile-inner {
          background-image: url(../images/character-mob-bg.png);
          background-position-y: 102%; } }
      .middle-container-480 #main-nav-480 #characters-mobile-inner #mob_char_bg {
        position: absolute;
        width: 100%;
        top: -29%;
        z-index: 1; }
        @media only screen and (max-width: 480px) {
          .middle-container-480 #main-nav-480 #characters-mobile-inner #mob_char_bg {
            display: none; } }
      .middle-container-480 #main-nav-480 #characters-mobile-inner .arrow-container-left {
        float: left;
        height: 22%;
        margin-top: 28%;
        position: relative;
        z-index: 2; }
        @media only screen and (max-width: 480px) {
          .middle-container-480 #main-nav-480 #characters-mobile-inner .arrow-container-left {
            margin-top: 50%; } }
        .middle-container-480 #main-nav-480 #characters-mobile-inner .arrow-container-left .arrow-left {
          height: 100%; }
          .middle-container-480 #main-nav-480 #characters-mobile-inner .arrow-container-left .arrow-left img {
            height: 100%;
            display: block;
            float: left; }
      .middle-container-480 #main-nav-480 #characters-mobile-inner .mobile_char_rotiserie {
        position: absolute;
        height: 100%;
        width: 84%;
        left: 8%;
        overflow: hidden;
        z-index: 2; }
        .middle-container-480 #main-nav-480 #characters-mobile-inner .mobile_char_rotiserie .mobile_char_rotiserie_interior {
          position: absolute;
          width: 200%; }
          .middle-container-480 #main-nav-480 #characters-mobile-inner .mobile_char_rotiserie .mobile_char_rotiserie_interior .character_box {
            float: left;
            height: 100%;
            width: 50%;
            margin-bottom: 100%; }
            .middle-container-480 #main-nav-480 #characters-mobile-inner .mobile_char_rotiserie .mobile_char_rotiserie_interior .character_box .character .character-desc {
              font-family: "AmericanPurpose", Sans-Serif;
              color: #023979;
              letter-spacing: 0.1em;
              opacity: 0; }
              .middle-container-480 #main-nav-480 #characters-mobile-inner .mobile_char_rotiserie .mobile_char_rotiserie_interior .character_box .character .character-desc .character-name {
                margin-top: 3%;
                margin-bottom: 4%;
                margin-left: 9%; }
                @media only screen and (max-width: 480px) {
                  .middle-container-480 #main-nav-480 #characters-mobile-inner .mobile_char_rotiserie .mobile_char_rotiserie_interior .character_box .character .character-desc .character-name {
                    margin-left: 0%; } }
                .middle-container-480 #main-nav-480 #characters-mobile-inner .mobile_char_rotiserie .mobile_char_rotiserie_interior .character_box .character .character-desc .character-name img {
                  float: left;
                  width: 40%;
                  margin-top: -1.3%;
                  display: block;
                  margin-right: 4px; }
                  @media only screen and (max-width: 480px) {
                    .middle-container-480 #main-nav-480 #characters-mobile-inner .mobile_char_rotiserie .mobile_char_rotiserie_interior .character_box .character .character-desc .character-name img {
                      margin-left: 0%;
                      margin-top: -0.5%; } }
                .middle-container-480 #main-nav-480 #characters-mobile-inner .mobile_char_rotiserie .mobile_char_rotiserie_interior .character_box .character .character-desc .character-name h1 {
                  font-size: 47px;
                  width: 140%;
                  color: white;
                  text-shadow: 2px 2px rgba(0, 0, 0, 0.3);
                  letter-spacing: 0.1em;
                  /* If it is less that 480 make it 24 or so*/ }
              .middle-container-480 #main-nav-480 #characters-mobile-inner .mobile_char_rotiserie .mobile_char_rotiserie_interior .character_box .character .character-desc p {
                margin-bottom: -1.5%;
                font-size: 24px;
                text-align: center;
                letter-spacing: 0.1em;
                text-shadow: 2px 2px rgba(0, 0, 0, 0.3);
                color: white; }
            @media only screen and (max-width: 480px) {
              .middle-container-480 #main-nav-480 #characters-mobile-inner .mobile_char_rotiserie .mobile_char_rotiserie_interior .character_box .character .character-image {
                margin-top: 7%; } }
            .middle-container-480 #main-nav-480 #characters-mobile-inner .mobile_char_rotiserie .mobile_char_rotiserie_interior .character_box .character .character-image img {
              margin: 0 auto;
              display: block;
              max-height: 506px;
              width: 56%; }
              @media only screen and (max-width: 480px) {
                .middle-container-480 #main-nav-480 #characters-mobile-inner .mobile_char_rotiserie .mobile_char_rotiserie_interior .character_box .character .character-image img {
                  width: 85%; } }
          .middle-container-480 #main-nav-480 #characters-mobile-inner .mobile_char_rotiserie .mobile_char_rotiserie_interior #mob_char_jake .character-desc .character-name {
            margin-bottom: 4%; }
            .middle-container-480 #main-nav-480 #characters-mobile-inner .mobile_char_rotiserie .mobile_char_rotiserie_interior #mob_char_jake .character-desc .character-name img {
              width: 32%; }
              @media only screen and (max-width: 480px) {
                .middle-container-480 #main-nav-480 #characters-mobile-inner .mobile_char_rotiserie .mobile_char_rotiserie_interior #mob_char_jake .character-desc .character-name img {
                  margin-top: -1.5%; } }
      .middle-container-480 #main-nav-480 #characters-mobile-inner .arrow-container-right {
        float: right;
        height: 22%;
        margin-top: 28%;
        position: relative;
        z-index: 2; }
        @media only screen and (max-width: 480px) {
          .middle-container-480 #main-nav-480 #characters-mobile-inner .arrow-container-right {
            margin-top: 50%; } }
        .middle-container-480 #main-nav-480 #characters-mobile-inner .arrow-container-right .arrow-right {
          height: 100%; }
          .middle-container-480 #main-nav-480 #characters-mobile-inner .arrow-container-right .arrow-right img {
            height: 100%;
            display: block;
            float: right; }
    .middle-container-480 #main-nav-480 #photos-mobile-inner {
      overflow: hidden;
      position: relative;
      background: #91c0fb !important;
      background: -moz-linear-gradient(top, #91c0fb 0%, #cde6fa 100%) !important;
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #91c0fb), color-stop(100%, #cde6fa)) !important;
      background: -webkit-linear-gradient(top, #91c0fb 0%, #cde6fa 100%) !important;
      background: -o-linear-gradient(top, #91c0fb 0%, #cde6fa 100%) !important;
      background: -ms-linear-gradient(top, #91c0fb 0%, #cde6fa 100%) !important;
      background: linear-gradient(to bottom, #91c0fb 0%, #cde6fa 100%) !important;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#91c0fb', endColorstr='#cde6fa',GradientType=0 ) !important; }
      .middle-container-480 #main-nav-480 #photos-mobile-inner #mob_phot_container {
        height: 57%;
        width: 96%;
        margin-top: 4%;
        margin-left: 2%;
        position: relative; }
        .middle-container-480 #main-nav-480 #photos-mobile-inner #mob_phot_container #mob_phot_inner {
          height: 100%; }
          .middle-container-480 #main-nav-480 #photos-mobile-inner #mob_phot_container #mob_phot_inner #display_photo {
            height: 100%; }
            .middle-container-480 #main-nav-480 #photos-mobile-inner #mob_phot_container #mob_phot_inner #display_photo img {
              display: block;
              margin: 0 auto; }
      .middle-container-480 #main-nav-480 #photos-mobile-inner #mob_phot_nav_con {
        width: 96%;
        margin-left: 2%;
        height: 21%;
        margin-top: 6%;
        position: relative;
        opacity: 0; }
        .middle-container-480 #main-nav-480 #photos-mobile-inner #mob_phot_nav_con #phot_arr_left {
          float: left;
          width: 5.5%; }
          @media only screen and (max-width: 480px) {
            .middle-container-480 #main-nav-480 #photos-mobile-inner #mob_phot_nav_con #phot_arr_left {
              margin-top: 7%; } }
          .middle-container-480 #main-nav-480 #photos-mobile-inner #mob_phot_nav_con #phot_arr_left img {
            width: 100%; }
        .middle-container-480 #main-nav-480 #photos-mobile-inner #mob_phot_nav_con #phot_arr_right {
          float: right;
          width: 5.5%; }
          @media only screen and (max-width: 480px) {
            .middle-container-480 #main-nav-480 #photos-mobile-inner #mob_phot_nav_con #phot_arr_right {
              margin-top: 7%; } }
          .middle-container-480 #main-nav-480 #photos-mobile-inner #mob_phot_nav_con #phot_arr_right img {
            width: 100%; }
        .middle-container-480 #main-nav-480 #photos-mobile-inner #mob_phot_nav_con #mob_phot_list_con {
          width: 86%;
          position: absolute;
          left: 7%;
          height: 100%;
          overflow: hidden; }
          .middle-container-480 #main-nav-480 #photos-mobile-inner #mob_phot_nav_con #mob_phot_list_con #mob_phot_list {
            /*width: 257%;*/
            width: 223%;
            left: 0;
            height: 100%;
            position: absolute; }
            @media only screen and (max-width: 480px) {
              .middle-container-480 #main-nav-480 #photos-mobile-inner #mob_phot_nav_con #mob_phot_list_con #mob_phot_list {
                width: 400%;
                /*width: 424%;*/ } }
            .middle-container-480 #main-nav-480 #photos-mobile-inner #mob_phot_nav_con #mob_phot_list_con #mob_phot_list .mob-image-item {
              height: 100%;
              float: left;
              opacity: 0.7;
              padding: 0.4%; }
              .middle-container-480 #main-nav-480 #photos-mobile-inner #mob_phot_nav_con #mob_phot_list_con #mob_phot_list .mob-image-item .mob-nav-image-inner {
                height: 90%;
                width: 90%; }
                .middle-container-480 #main-nav-480 #photos-mobile-inner #mob_phot_nav_con #mob_phot_list_con #mob_phot_list .mob-image-item .mob-nav-image-inner img {
                  display: block;
                  height: 100%;
                  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
                  -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
                  -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5); }
            .middle-container-480 #main-nav-480 #photos-mobile-inner #mob_phot_nav_con #mob_phot_list_con #mob_phot_list .mob-image-item.active {
              background-color: #fea639;
              opacity: 1 !important; }
              .middle-container-480 #main-nav-480 #photos-mobile-inner #mob_phot_nav_con #mob_phot_list_con #mob_phot_list .mob-image-item.active .mob-nav-image-inner {
                background-color: #fea639; }
                .middle-container-480 #main-nav-480 #photos-mobile-inner #mob_phot_nav_con #mob_phot_list_con #mob_phot_list .mob-image-item.active .mob-nav-image-inner img {
                  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
                  -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
                  -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0); }
            .middle-container-480 #main-nav-480 #photos-mobile-inner #mob_phot_nav_con #mob_phot_list_con #mob_phot_list .mob-image-item:last-of-type {
              margin-right: 0 !important; }
    .middle-container-480 #main-nav-480 #videos-mobile-inner {
      overflow: hidden;
      position: relative;
      background: #91c0fb !important;
      background: -moz-linear-gradient(top, #91c0fb 0%, #cde6fa 100%) !important;
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #91c0fb), color-stop(100%, #cde6fa)) !important;
      background: -webkit-linear-gradient(top, #91c0fb 0%, #cde6fa 100%) !important;
      background: -o-linear-gradient(top, #91c0fb 0%, #cde6fa 100%) !important;
      background: -ms-linear-gradient(top, #91c0fb 0%, #cde6fa 100%) !important;
      background: linear-gradient(to bottom, #91c0fb 0%, #cde6fa 100%) !important;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#91c0fb', endColorstr='#cde6fa',GradientType=0 ) !important; }
      .middle-container-480 #main-nav-480 #videos-mobile-inner #mob_vid_container {
        height: 98%;
        width: 96%;
        margin-top: 1%;
        margin-left: 2%;
        position: relative;
        overflow: hidden; }
        .middle-container-480 #main-nav-480 #videos-mobile-inner #mob_vid_container #mob_vid_display {
          width: 100%;
          height: 100%;
          opacity: 0;
          position: absolute;
          background: #91c0fb;
          background: -moz-linear-gradient(top, #91c0fb 0%, #cde6fa 100%);
          background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #91c0fb), color-stop(100%, #cde6fa));
          background: -webkit-linear-gradient(top, #91c0fb 0%, #cde6fa 100%);
          background: -o-linear-gradient(top, #91c0fb 0%, #cde6fa 100%);
          background: -ms-linear-gradient(top, #91c0fb 0%, #cde6fa 100%);
          background: linear-gradient(to bottom, #91c0fb 0%, #cde6fa 100%);
          filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#91c0fb', endColorstr='#cde6fa',GradientType=0 ); }
          .middle-container-480 #main-nav-480 #videos-mobile-inner #mob_vid_container #mob_vid_display #mob_vid_close {
            position: absolute;
            width: 4%;
            height: 10%;
            top: 3%;
            left: 2%;
            background: url(../images/close-button.png);
            background-repeat: no-repeat;
            background-size: 100%;
            cursor: pointer; }
          .middle-container-480 #main-nav-480 #videos-mobile-inner #mob_vid_container #mob_vid_display #video-main {
            position: absolute;
            top: 10%;
            max-width: 640px;
            max-height: 480px;
            width: 80%;
            height: 80%;
            left: 10%; }
            @media only screen and (max-width: 480px) {
              .middle-container-480 #main-nav-480 #videos-mobile-inner #mob_vid_container #mob_vid_display #video-main {
                top: 25%;
                max-width: 280px;
                max-height: 220px;
                width: 90%;
                height: 80%;
                left: 5%; } }
        .middle-container-480 #main-nav-480 #videos-mobile-inner #mob_vid_container #mob_vid_display.showing {
          z-index: 4;
          opacity: 1; }
        .middle-container-480 #main-nav-480 #videos-mobile-inner #mob_vid_container .video-nav-arrow-top {
          text-align: center;
          height: 8%;
          margin-bottom: 1%; }
          .middle-container-480 #main-nav-480 #videos-mobile-inner #mob_vid_container .video-nav-arrow-top img {
            position: relative;
            z-index: 1000;
            height: 100%; }
        .middle-container-480 #main-nav-480 #videos-mobile-inner #mob_vid_container .video-nav-arrow-bottom {
          text-align: center;
          height: 8%; }
          .middle-container-480 #main-nav-480 #videos-mobile-inner #mob_vid_container .video-nav-arrow-bottom img {
            position: relative;
            z-index: 1000;
            height: 100%; }
        .middle-container-480 #main-nav-480 #videos-mobile-inner #mob_vid_container #vid_nav_con_outter {
          height: 82%;
          position: relative;
          margin-bottom: 1%;
          overflow: hidden; }
          .middle-container-480 #main-nav-480 #videos-mobile-inner #mob_vid_container #vid_nav_con_outter #vid_con_list {
            position: absolute;
            width: 100%; }
            .middle-container-480 #main-nav-480 #videos-mobile-inner #mob_vid_container #vid_nav_con_outter #vid_con_list .video-nav-thumb {
              position: relative;
              width: 36%;
              margin: 0 auto;
              margin-bottom: 1%; }
              .middle-container-480 #main-nav-480 #videos-mobile-inner #mob_vid_container #vid_nav_con_outter #vid_con_list .video-nav-thumb .video-nav-thumb-inner {
                margin-bottom: 5px; }
                .middle-container-480 #main-nav-480 #videos-mobile-inner #mob_vid_container #vid_nav_con_outter #vid_con_list .video-nav-thumb .video-nav-thumb-inner img {
                  width: 100%;
                  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
                  -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
                  -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5); }
              .middle-container-480 #main-nav-480 #videos-mobile-inner #mob_vid_container #vid_nav_con_outter #vid_con_list .video-nav-thumb .video-nav-play {
                position: absolute;
                top: 28%;
                left: 34%;
                width: 30%;
                pointer-events: none; }
                .middle-container-480 #main-nav-480 #videos-mobile-inner #mob_vid_container #vid_nav_con_outter #vid_con_list .video-nav-thumb .video-nav-play img {
                  width: 100%; }
              .middle-container-480 #main-nav-480 #videos-mobile-inner #mob_vid_container #vid_nav_con_outter #vid_con_list .video-nav-thumb p {
                font-family: "AmericanPurpose", Sans-Serif;
                color: white;
                font-size: 110%;
                letter-spacing: 0.12em;
                text-align: center;
                text-shadow: 0px 4px rgba(250, 150, 60, 0.6), -1px 3px rgba(0, 0, 0, 0.4), 1px 3px rgba(0, 0, 0, 0.4); }
    .middle-container-480 #main-nav-480 #partners-mobile-inner {
      overflow: hidden;
      position: relative;
      background: #91c0fb !important;
      background: -moz-linear-gradient(top, #91c0fb 0%, #cde6fa 100%) !important;
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #91c0fb), color-stop(100%, #cde6fa)) !important;
      background: -webkit-linear-gradient(top, #91c0fb 0%, #cde6fa 100%) !important;
      background: -o-linear-gradient(top, #91c0fb 0%, #cde6fa 100%) !important;
      background: -ms-linear-gradient(top, #91c0fb 0%, #cde6fa 100%) !important;
      background: linear-gradient(to bottom, #91c0fb 0%, #cde6fa 100%) !important;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#91c0fb', endColorstr='#cde6fa',GradientType=0 ) !important; }
      .middle-container-480 #main-nav-480 #partners-mobile-inner #mob_partners_pop {
        position: absolute;
        width: 60%;
        left: 20%;
        top: 22%;
        height: 50%;
        display: none;
        z-index: 100;
        text-align: center;
        background: #91c0fb;
        background: -moz-linear-gradient(top, #91c0fb 0%, #cde6fa 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #91c0fb), color-stop(100%, #cde6fa));
        background: -webkit-linear-gradient(top, #91c0fb 0%, #cde6fa 100%);
        background: -o-linear-gradient(top, #91c0fb 0%, #cde6fa 100%);
        background: -ms-linear-gradient(top, #91c0fb 0%, #cde6fa 100%);
        background: linear-gradient(to bottom, #91c0fb 0%, #cde6fa 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#91c0fb', endColorstr='#cde6fa',GradientType=0 );
        box-shadow: 1px 3px 4px 1px rgba(40, 40, 40, 0.75);
        -moz-box-shadow: 1px 3px 4px 1px rgba(40, 40, 40, 0.75);
        -webkit-box-shadow: 1px 3px 4px 1px rgba(40, 40, 40, 0.75); }
        @media only screen and (max-width: 480px) {
          .middle-container-480 #main-nav-480 #partners-mobile-inner #mob_partners_pop {
            height: 55%; } }
        .middle-container-480 #main-nav-480 #partners-mobile-inner #mob_partners_pop #mob_partners_pop_close {
          position: absolute;
          width: 6%;
          height: 22%;
          top: -7%;
          right: -3%;
          background: url(../images/close-button.png);
          background-repeat: no-repeat;
          background-size: 100%;
          cursor: pointer;
          z-index: 1001; }
        .middle-container-480 #main-nav-480 #partners-mobile-inner #mob_partners_pop #text_container {
          width: 70%;
          margin-left: 15%;
          margin-top: 10%;
          margin-bottom: 5%; }
          .middle-container-480 #main-nav-480 #partners-mobile-inner #mob_partners_pop #text_container p {
            width: 100%;
            font-family: "AmericanPurpose", Sans-Serif;
            color: #023979;
            font-size: 14px;
            line-height: 18px;
            letter-spacing: 0.1em; }
        .middle-container-480 #main-nav-480 #partners-mobile-inner #mob_partners_pop #mob_partners_continue {
          width: 59%;
          height: 24%;
          background: url(../images/pop-continue.png);
          margin: 0 auto;
          margin-bottom: 6%;
          background-repeat: no-repeat;
          background-size: 100%;
          box-shadow: 1px 3px 4px 1px rgba(40, 40, 40, 0.75);
          -moz-box-shadow: 1px 3px 4px 1px rgba(40, 40, 40, 0.75);
          -webkit-box-shadow: 1px 3px 4px 1px rgba(40, 40, 40, 0.75); }
          @media only screen and (max-width: 480px) {
            .middle-container-480 #main-nav-480 #partners-mobile-inner #mob_partners_pop #mob_partners_continue {
              height: 12%; } }
      .middle-container-480 #main-nav-480 #partners-mobile-inner #mob_partners_container {
        height: 98%;
        width: 96%;
        margin-top: 1%;
        margin-left: 2%;
        position: relative;
        overflow: hidden; }
        .middle-container-480 #main-nav-480 #partners-mobile-inner #mob_partners_container .partners-nav-arrow-top {
          text-align: center;
          height: 8%;
          margin-bottom: 1%; }
          .middle-container-480 #main-nav-480 #partners-mobile-inner #mob_partners_container .partners-nav-arrow-top img {
            height: 100%; }
        .middle-container-480 #main-nav-480 #partners-mobile-inner #mob_partners_container .partners-nav-arrow-bottom {
          text-align: center;
          height: 8%; }
          .middle-container-480 #main-nav-480 #partners-mobile-inner #mob_partners_container .partners-nav-arrow-bottom img {
            height: 100%; }
        .middle-container-480 #main-nav-480 #partners-mobile-inner #mob_partners_container #mob_partners_display {
          width: 100%;
          height: 82%;
          position: relative;
          overflow: hidden; }
          .middle-container-480 #main-nav-480 #partners-mobile-inner #mob_partners_container #mob_partners_display #partners_interior {
            height: 100%;
            margin-top: -6%; }
            .middle-container-480 #main-nav-480 #partners-mobile-inner #mob_partners_container #mob_partners_display #partners_interior .partners_item {
              width: 90%;
              height: 90%;
              margin-left: 5%;
              margin-top: 1%;
              margin-bottom: 3%;
              position: relative;
              background: #e4f0fd;
              /* Old browsers */
              background: -moz-linear-gradient(top, #e4f0fd 0%, #c2dff8 100%);
              /* FF3.6+ */
              background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e4f0fd), color-stop(100%, #c2dff8));
              /* Chrome,Safari4+ */
              background: -webkit-linear-gradient(top, #e4f0fd 0%, #c2dff8 100%);
              /* Chrome10+,Safari5.1+ */
              background: -o-linear-gradient(top, #e4f0fd 0%, #c2dff8 100%);
              /* Opera 11.10+ */
              background: -ms-linear-gradient(top, #e4f0fd 0%, #c2dff8 100%);
              /* IE10+ */
              background: linear-gradient(to bottom, #e4f0fd 0%, #c2dff8 100%);
              /* W3C */
              filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4f0fd', endColorstr='#c2dff8',GradientType=0 );
              /* IE6-9 */
              box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5), 0px 0px 8px rgba(0, 0, 0, 0.5);
              -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5), 0px 0px 8px rgba(0, 0, 0, 0.5);
              -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5), 0px 0px 8px rgba(0, 0, 0, 0.5); }
              @media only screen and (max-width: 480px) {
                .middle-container-480 #main-nav-480 #partners-mobile-inner #mob_partners_container #mob_partners_display #partners_interior .partners_item {
                  margin-bottom: 37%;
                  height: 66%;
                  margin-top: 22%; } }
              .middle-container-480 #main-nav-480 #partners-mobile-inner #mob_partners_container #mob_partners_display #partners_interior .partners_item .partners_logo {
                margin: 10%;
                width: 80%; }
                .middle-container-480 #main-nav-480 #partners-mobile-inner #mob_partners_container #mob_partners_display #partners_interior .partners_item .partners_logo img {
                  width: 100%;
                  display: block; }
              .middle-container-480 #main-nav-480 #partners-mobile-inner #mob_partners_container #mob_partners_display #partners_interior .partners_item .partners_info_mob {
                background: url(../images/tt-info.png);
                background-repeat: no-repeat;
                background-size: 100%;
                box-shadow: 1px 3px 4px 1px rgba(70, 70, 70, 0.75);
                -moz-box-shadow: 1px 3px 4px 1px rgba(70, 70, 70, 0.75);
                -webkit-box-shadow: 1px 3px 4px 1px rgba(70, 70, 70, 0.75);
                max-width: 410px;
                max-height: 70px;
                margin: 0 auto;
                height: 14%;
                width: 57%;
                margin-left: 21.5%;
                bottom: 3%;
                position: absolute;
                cursor: pointer; }
    .middle-container-480 #main-nav-480 #trot-mobile-inner {
      overflow: hidden;
      position: relative;
      background: #91c0fb !important;
      background: -moz-linear-gradient(top, #91c0fb 0%, #cde6fa 100%) !important;
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #91c0fb), color-stop(100%, #cde6fa)) !important;
      background: -webkit-linear-gradient(top, #91c0fb 0%, #cde6fa 100%) !important;
      background: -o-linear-gradient(top, #91c0fb 0%, #cde6fa 100%) !important;
      background: -ms-linear-gradient(top, #91c0fb 0%, #cde6fa 100%) !important;
      background: linear-gradient(to bottom, #91c0fb 0%, #cde6fa 100%) !important;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#91c0fb', endColorstr='#cde6fa',GradientType=0 ) !important; }
      .middle-container-480 #main-nav-480 #trot-mobile-inner #mob_trot_pop {
        position: absolute;
        width: 60%;
        left: 20%;
        top: 22%;
        height: 50%;
        display: none;
        z-index: 100;
        text-align: center;
        background: #91c0fb;
        background: -moz-linear-gradient(top, #91c0fb 0%, #cde6fa 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #91c0fb), color-stop(100%, #cde6fa));
        background: -webkit-linear-gradient(top, #91c0fb 0%, #cde6fa 100%);
        background: -o-linear-gradient(top, #91c0fb 0%, #cde6fa 100%);
        background: -ms-linear-gradient(top, #91c0fb 0%, #cde6fa 100%);
        background: linear-gradient(to bottom, #91c0fb 0%, #cde6fa 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#91c0fb', endColorstr='#cde6fa',GradientType=0 );
        box-shadow: 1px 3px 4px 1px rgba(40, 40, 40, 0.75);
        -moz-box-shadow: 1px 3px 4px 1px rgba(40, 40, 40, 0.75);
        -webkit-box-shadow: 1px 3px 4px 1px rgba(40, 40, 40, 0.75); }
        .middle-container-480 #main-nav-480 #trot-mobile-inner #mob_trot_pop #mob_trot_pop_close {
          position: absolute;
          width: 6%;
          height: 22%;
          top: -7%;
          right: -3%;
          background: url(../images/close-button.png);
          background-repeat: no-repeat;
          background-size: 100%;
          cursor: pointer;
          z-index: 1001; }
        .middle-container-480 #main-nav-480 #trot-mobile-inner #mob_trot_pop #text_container {
          width: 70%;
          margin-left: 15%;
          margin-top: 10%;
          margin-bottom: 5%; }
          .middle-container-480 #main-nav-480 #trot-mobile-inner #mob_trot_pop #text_container p {
            width: 100%;
            font-family: "AmericanPurpose", Sans-Serif;
            color: #023979;
            font-size: 14px;
            line-height: 18px;
            letter-spacing: 0.1em; }
        .middle-container-480 #main-nav-480 #trot-mobile-inner #mob_trot_pop #mob_trot_continue {
          width: 59%;
          height: 24%;
          background: url(../images/pop-continue.png);
          margin: 0 auto;
          margin-bottom: 6%;
          background-repeat: no-repeat;
          background-size: 100%;
          box-shadow: 1px 3px 4px 1px rgba(40, 40, 40, 0.75);
          -moz-box-shadow: 1px 3px 4px 1px rgba(40, 40, 40, 0.75);
          -webkit-box-shadow: 1px 3px 4px 1px rgba(40, 40, 40, 0.75); }
          @media only screen and (max-width: 480px) {
            .middle-container-480 #main-nav-480 #trot-mobile-inner #mob_trot_pop #mob_trot_continue {
              height: 14%; } }
      .middle-container-480 #main-nav-480 #trot-mobile-inner #mob_trot_container {
        height: 98%;
        width: 96%;
        margin-top: 1%;
        margin-left: 2%;
        position: relative;
        overflow: hidden; }
        .middle-container-480 #main-nav-480 #trot-mobile-inner #mob_trot_container .trot-nav-arrow-top {
          text-align: center;
          height: 8%;
          margin-bottom: 1%; }
          .middle-container-480 #main-nav-480 #trot-mobile-inner #mob_trot_container .trot-nav-arrow-top img {
            height: 100%; }
        .middle-container-480 #main-nav-480 #trot-mobile-inner #mob_trot_container .trot-nav-arrow-bottom {
          text-align: center;
          height: 8%; }
          .middle-container-480 #main-nav-480 #trot-mobile-inner #mob_trot_container .trot-nav-arrow-bottom img {
            height: 100%; }
        .middle-container-480 #main-nav-480 #trot-mobile-inner #mob_trot_container #mob_trot_display {
          width: 100%;
          height: 82%;
          position: relative;
          overflow: hidden; }
          .middle-container-480 #main-nav-480 #trot-mobile-inner #mob_trot_container #mob_trot_display #mob_trot_interior {
            height: 100%;
            margin-top: -6%; }
            .middle-container-480 #main-nav-480 #trot-mobile-inner #mob_trot_container #mob_trot_display #mob_trot_interior .mob_trot_item {
              width: 70%;
              height: 90%;
              margin-left: 15%;
              margin-top: 9%;
              margin-bottom: 3%;
              position: relative;
              overflow: hidden;
              background: #e4f0fd;
              /* Old browsers */
              background: -moz-linear-gradient(top, #e4f0fd 0%, #c2dff8 100%);
              /* FF3.6+ */
              background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e4f0fd), color-stop(100%, #c2dff8));
              /* Chrome,Safari4+ */
              background: -webkit-linear-gradient(top, #e4f0fd 0%, #c2dff8 100%);
              /* Chrome10+,Safari5.1+ */
              background: -o-linear-gradient(top, #e4f0fd 0%, #c2dff8 100%);
              /* Opera 11.10+ */
              background: -ms-linear-gradient(top, #e4f0fd 0%, #c2dff8 100%);
              /* IE10+ */
              background: linear-gradient(to bottom, #e4f0fd 0%, #c2dff8 100%);
              /* W3C */
              filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4f0fd', endColorstr='#c2dff8',GradientType=0 );
              /* IE6-9 */
              box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5), 0px 0px 8px rgba(0, 0, 0, 0.5);
              -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5), 0px 0px 8px rgba(0, 0, 0, 0.5);
              -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5), 0px 0px 8px rgba(0, 0, 0, 0.5); }
              @media only screen and (max-width: 480px) {
                .middle-container-480 #main-nav-480 #trot-mobile-inner #mob_trot_container #mob_trot_display #mob_trot_interior .mob_trot_item {
                  height: 56%;
                  margin-top: 29%;
                  margin-bottom: 32%; } }
              .middle-container-480 #main-nav-480 #trot-mobile-inner #mob_trot_container #mob_trot_display #mob_trot_interior .mob_trot_item .mob_trot_logo {
                margin-left: 10%;
                width: 80%;
                height: 80%;
                overflow: hidden; }
                .middle-container-480 #main-nav-480 #trot-mobile-inner #mob_trot_container #mob_trot_display #mob_trot_interior .mob_trot_item .mob_trot_logo img {
                  width: 86%;
                  display: block;
                  margin-left: 7%;
                  margin-top: 2%; }
              .middle-container-480 #main-nav-480 #trot-mobile-inner #mob_trot_container #mob_trot_display #mob_trot_interior .mob_trot_item .trot_info_mob {
                background: url(../images/tt-info.png);
                background-repeat: no-repeat;
                background-size: 100%;
                box-shadow: 1px 3px 4px 1px rgba(70, 70, 70, 0.75);
                -moz-box-shadow: 1px 3px 4px 1px rgba(70, 70, 70, 0.75);
                -webkit-box-shadow: 1px 3px 4px 1px rgba(70, 70, 70, 0.75);
                max-width: 410px;
                max-height: 70px;
                margin: 0 auto;
                height: 12%;
                width: 62%;
                margin-left: 19%;
                bottom: 4%;
                position: absolute;
                cursor: pointer; }
    .middle-container-480 #main-nav-480 #pardon-mobile-inner {
      background: url(../images/pardon-bg-mob.png);
      background-position: center;
      background-size: 100%;
      overflow: hidden; }
      .middle-container-480 #main-nav-480 #pardon-mobile-inner #pardon-header {
        width: 50%;
        margin-left: 25%;
        margin-top: 2%; }
        @media only screen and (max-width: 480px) {
          .middle-container-480 #main-nav-480 #pardon-mobile-inner #pardon-header {
            margin-top: 7%;
            width: 60%;
            margin-left: 20%; } }
        .middle-container-480 #main-nav-480 #pardon-mobile-inner #pardon-header img {
          width: 100%; }
      .middle-container-480 #main-nav-480 #pardon-mobile-inner #pardon-logo {
        width: 16%;
        margin-left: 42%;
        margin-top: -3%; }
        @media only screen and (max-width: 480px) {
          .middle-container-480 #main-nav-480 #pardon-mobile-inner #pardon-logo {
            width: 35%;
            margin-left: 37%; } }
      .middle-container-480 #main-nav-480 #pardon-mobile-inner #pardon-text {
        width: 46%;
        margin-left: 27%; }
        @media only screen and (max-width: 480px) {
          .middle-container-480 #main-nav-480 #pardon-mobile-inner #pardon-text {
            margin-top: 3%;
            margin-bottom: 6%;
            width: 64%;
            margin-left: 18%; } }
        .middle-container-480 #main-nav-480 #pardon-mobile-inner #pardon-text img {
          width: 100%; }
      .middle-container-480 #main-nav-480 #pardon-mobile-inner #gobble {
        background: url(../images/pardon_btn.png);
        width: 38%;
        height: 5.2%;
        background-position: center;
        background-size: 100%;
        margin-left: 32%;
        margin-top: 4%; }
        @media only screen and (max-width: 480px) {
          .middle-container-480 #main-nav-480 #pardon-mobile-inner #gobble {
            margin-left: 36%;
            margin-top: -2%; } }
  .middle-container-480 #bottom-middle-row-480 {
    float: left;
    width: 100%;
    height: 44.5%;
    overflow: hidden;
    margin-top: 1%; }
    .middle-container-480 #bottom-middle-row-480 #bottom-middle-right-filler-480 {
      float: left;
      width: 38%;
      height: 100%;
      background: url(../images/nursery-768.jpg);
      background-size: cover;
      background-position: center;
      margin-right: 1%; }
    .middle-container-480 #bottom-middle-row-480 #bottom-middle-filler-480 {
      float: left;
      width: 25%;
      height: 100%;
      background: url(../images/chikadee-480.jpg);
      background-size: cover;
      background-position: center;
      margin-right: 1%; }
    .middle-container-480 #bottom-middle-row-480 #bottom-middle-left-filler-480 {
      float: left;
      width: 35%;
      height: 100%;
      background: url(../images/turkey-foot-480.jpg);
      background-size: 170%;
      background-position: center; }
      @media only screen and (max-width: 480px) {
        .middle-container-480 #bottom-middle-row-480 #bottom-middle-left-filler-480 {
          background-size: cover; } }

.bottom-row-container-480 {
  float: left;
  width: 100%;
  height: 8.8%;
  display: none; }
  @media only screen and (min-width: 480px) and (max-width: 800px) {
    .bottom-row-container-480 {
      display: block;
      margin-top: 2%; } }
  @media only screen and (max-width: 480px) {
    .bottom-row-container-480 {
      display: block;
      height: 135px;
      margin-bottom: 5px; } }
  @media only screen and (min-device-width: 768px) and (max-device-width: 768px) and (orientation: portrait) {
    .bottom-row-container-480 {
      display: none !important; } }
  .bottom-row-container-480 #share-panel-480 {
    width: 100%;
    height: 46%;
    background: url(../images/share-mobile-480.jpg);
    margin-bottom: 1%;
    background-size: cover;
    background-position: center; }
    .bottom-row-container-480 #share-panel-480 .social-buttons-480 {
      float: left;
      width: 100%;
      height: 100%; }
      .bottom-row-container-480 #share-panel-480 .social-buttons-480 #share-title-480 {
        float: left;
        width: 10%;
        height: 100%;
        overflow: hidden;
        left: 0;
        top: 0;
        margin-right: 8%;
        margin-left: 5%; }
        @media only screen and (max-width: 480px) {
          .bottom-row-container-480 #share-panel-480 .social-buttons-480 #share-title-480 {
            width: 100%;
            height: 20px;
            top: 10px;
            margin-left: 0;
            margin-bottom: 40px; } }
        .bottom-row-container-480 #share-panel-480 .social-buttons-480 #share-title-480 .share-inner-480 {
          position: relative;
          width: 100%;
          height: 14px;
          top: 50%;
          margin-top: -7px; }
      .bottom-row-container-480 #share-panel-480 .social-buttons-480 .fb-button-container-480 {
        float: left;
        width: 10%;
        height: 100%;
        margin-right: 15%; }
        @media only screen and (max-width: 480px) {
          .bottom-row-container-480 #share-panel-480 .social-buttons-480 .fb-button-container-480 {
            width: 100%;
            height: 20px;
            margin-right: 0;
            margin-bottom: 30px; } }
        .bottom-row-container-480 #share-panel-480 .social-buttons-480 .fb-button-container-480 .fb-button-inner-480 {
          position: relative;
          width: 100%;
          height: 20px;
          top: 50%;
          margin-top: -10px; }
          @media only screen and (max-width: 480px) {
            .bottom-row-container-480 #share-panel-480 .social-buttons-480 .fb-button-container-480 .fb-button-inner-480 {
              width: 80px;
              top: 0;
              right: -42%; } }
      .bottom-row-container-480 #share-panel-480 .social-buttons-480 .tweet-button-container-480 {
        float: left;
        width: 10%;
        height: 100%;
        margin-right: 15%; }
        @media only screen and (max-width: 480px) {
          .bottom-row-container-480 #share-panel-480 .social-buttons-480 .tweet-button-container-480 {
            width: 100%;
            height: 20px;
            margin-right: 0;
            margin-bottom: 30px; } }
        .bottom-row-container-480 #share-panel-480 .social-buttons-480 .tweet-button-container-480 .tweet-button-inner-480 {
          position: relative;
          width: 100%;
          height: 20px;
          top: 50%;
          margin-top: -10px; }
          @media only screen and (max-width: 480px) {
            .bottom-row-container-480 #share-panel-480 .social-buttons-480 .tweet-button-container-480 .tweet-button-inner-480 {
              width: 80px;
              top: 0;
              right: -42%; } }
      .bottom-row-container-480 #share-panel-480 .social-buttons-480 .gplus-button-container-480 {
        float: left;
        width: 10%;
        height: 100%; }
        @media only screen and (max-width: 480px) {
          .bottom-row-container-480 #share-panel-480 .social-buttons-480 .gplus-button-container-480 {
            width: 100%;
            height: 20px;
            margin-right: 0; } }
        .bottom-row-container-480 #share-panel-480 .social-buttons-480 .gplus-button-container-480 .gplus-button-inner-480 {
          position: relative;
          width: 100%;
          height: 20px;
          top: 50%;
          margin-top: -10px; }
          @media only screen and (max-width: 480px) {
            .bottom-row-container-480 #share-panel-480 .social-buttons-480 .gplus-button-container-480 .gplus-button-inner-480 {
              width: 80px;
              top: 0;
              right: -42%; } }
    @media only screen and (max-width: 480px) {
      .bottom-row-container-480 #share-panel-480 {
        height: 183px;
        background: url(../images/share-mobile-320.png);
        margin-bottom: 5px; } }
    .bottom-row-container-480 #share-panel-480 #share-title-480 {
      top: 25%;
      left: 12%; }
      @media only screen and (max-width: 480px) {
        .bottom-row-container-480 #share-panel-480 #share-title-480 {
          top: 10px;
          width: 70px;
          left: 50%;
          margin-left: -35px;
          text-align: center; } }
  .bottom-row-container-480 #follow-panel-480 {
    width: 100%;
    height: 100%;
    background: #4589de;
    background: -moz-linear-gradient(top, #4589de 0%, #7fb9e7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4589de), color-stop(100%, #7fb9e7));
    background: -webkit-linear-gradient(top, #4589de 0%, #7fb9e7 100%);
    background: -o-linear-gradient(top, #4589de 0%, #7fb9e7 100%);
    background: -ms-linear-gradient(top, #4589de 0%, #7fb9e7 100%);
    background: linear-gradient(to bottom, #4589de 0%, #7fb9e7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4589de', endColorstr='#7fb9e7',GradientType=0 ); }
    @media only screen and (max-width: 480px) {
      .bottom-row-container-480 #follow-panel-480 {
        height: 135px; } }
    .bottom-row-container-480 #follow-panel-480 .follow-buttons-480 {
      float: left;
      width: 100%;
      height: 100%;
      position: relative; }
      .bottom-row-container-480 #follow-panel-480 .follow-buttons-480 #follow-title-480 {
        float: left;
        font-size: 100%;
        width: 60px;
        height: 100%;
        margin-right: 4%;
        margin-left: 8%; }
        @media only screen and (max-width: 480px) {
          .bottom-row-container-480 #follow-panel-480 .follow-buttons-480 #follow-title-480 {
            width: 100%;
            margin: 0; } }
        .bottom-row-container-480 #follow-panel-480 .follow-buttons-480 #follow-title-480 .follow-inner-480 {
          position: relative;
          width: 60px;
          height: 15px;
          top: 50%;
          margin-top: -6px; }
          @media only screen and (max-width: 480px) {
            .bottom-row-container-480 #follow-panel-480 .follow-buttons-480 #follow-title-480 .follow-inner-480 {
              top: 10%;
              left: 50%;
              margin-left: -30px; } }
      .bottom-row-container-480 #follow-panel-480 .follow-buttons-480 .fb-follow-container-480 {
        float: left;
        width: 13%;
        height: 100%;
        margin-right: 7%; }
        @media only screen and (max-width: 480px) {
          .bottom-row-container-480 #follow-panel-480 .follow-buttons-480 .fb-follow-container-480 {
            position: absolute;
            width: 25%;
            left: 15px; } }
        .bottom-row-container-480 #follow-panel-480 .follow-buttons-480 .fb-follow-container-480 #fb-follow-inner-480 {
          position: relative;
          width: 100%;
          height: 50%;
          top: 50%;
          margin-top: -25%; }
          .bottom-row-container-480 #follow-panel-480 .follow-buttons-480 .fb-follow-container-480 #fb-follow-inner-480 img {
            width: 100%; }
      .bottom-row-container-480 #follow-panel-480 .follow-buttons-480 .twitter-follow-container-480 {
        float: left;
        width: 13%;
        height: 100%;
        margin-right: 7%; }
        @media only screen and (max-width: 480px) {
          .bottom-row-container-480 #follow-panel-480 .follow-buttons-480 .twitter-follow-container-480 {
            position: absolute;
            width: 25%;
            left: 115px; } }
        .bottom-row-container-480 #follow-panel-480 .follow-buttons-480 .twitter-follow-container-480 #twitter-follow-inner-480 {
          position: relative;
          width: 100%;
          height: 50%;
          top: 50%;
          margin-top: -25%; }
          .bottom-row-container-480 #follow-panel-480 .follow-buttons-480 .twitter-follow-container-480 #twitter-follow-inner-480 img {
            width: 100%; }
      .bottom-row-container-480 #follow-panel-480 .follow-buttons-480 .youtube-follow-container-480 {
        float: left;
        width: 13%;
        height: 100%; }
        @media only screen and (max-width: 480px) {
          .bottom-row-container-480 #follow-panel-480 .follow-buttons-480 .youtube-follow-container-480 {
            position: absolute;
            width: 25%;
            left: 215px; } }
        .bottom-row-container-480 #follow-panel-480 .follow-buttons-480 .youtube-follow-container-480 #youtube-follow-inner-480 {
          position: relative;
          width: 100%;
          height: 50%;
          top: 50%;
          margin-top: -25%; }
          .bottom-row-container-480 #follow-panel-480 .follow-buttons-480 .youtube-follow-container-480 #youtube-follow-inner-480 img {
            width: 100%; }

.panel-title-768 {
  position: relative;
  width: 100%;
  font-family: "AmericanPurpose", Sans-Serif;
  color: white;
  font-size: 20px;
  letter-spacing: .1em;
  text-shadow: 2px 2px rgba(0, 0, 0, 0.5); }

#trot_pop_768 {
  position: absolute;
  width: 40%;
  left: 30%;
  display: none;
  background-color: red;
  z-index: 100;
  top: 10%;
  text-align: center;
  background: #91c0fb;
  background: -moz-linear-gradient(top, #91c0fb 0%, #cde6fa 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #91c0fb), color-stop(100%, #cde6fa));
  background: -webkit-linear-gradient(top, #91c0fb 0%, #cde6fa 100%);
  background: -o-linear-gradient(top, #91c0fb 0%, #cde6fa 100%);
  background: -ms-linear-gradient(top, #91c0fb 0%, #cde6fa 100%);
  background: linear-gradient(to bottom, #91c0fb 0%, #cde6fa 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#91c0fb', endColorstr='#cde6fa',GradientType=0 );
  box-shadow: 1px 3px 4px 1px rgba(40, 40, 40, 0.75);
  -moz-box-shadow: 1px 3px 4px 1px rgba(40, 40, 40, 0.75);
  -webkit-box-shadow: 1px 3px 4px 1px rgba(40, 40, 40, 0.75); }
  #trot_pop_768 #trot_pop_close_768 {
    position: absolute;
    width: 6%;
    height: 22%;
    top: -6%;
    right: -3%;
    background: url(../images/close-button.png);
    background-repeat: no-repeat;
    background-size: 100%;
    cursor: pointer;
    z-index: 1001; }
  #trot_pop_768 #text_container_768 {
    width: 70%;
    margin-left: 15%;
    margin-top: 10%;
    margin-bottom: 10%; }
    #trot_pop_768 #text_container_768 p {
      width: 100%;
      font-family: "AmericanPurpose", Sans-Serif;
      color: #023979;
      font-size: 14px;
      line-height: 18px;
      letter-spacing: 0.1em; }
  #trot_pop_768 #trot_continue_768 {
    width: 207px;
    height: 57px;
    background: url(../images/pop-continue.png);
    margin: 0 auto;
    margin-bottom: 6%;
    background-repeat: no-repeat;
    background-size: 100%;
    box-shadow: 1px 3px 4px 1px rgba(40, 40, 40, 0.75);
    -moz-box-shadow: 1px 3px 4px 1px rgba(40, 40, 40, 0.75);
    -webkit-box-shadow: 1px 3px 4px 1px rgba(40, 40, 40, 0.75); }

.top-row-container-768 {
  width: 100%;
  height: 250px;
  margin-top: 5px;
  margin-bottom: 5px; }
  .top-row-container-768 #share-768 {
    position: absolute;
    width: 376px;
    height: 37px;
    left: 0;
    top: 5px;
    background: #4589de;
    background: -moz-linear-gradient(top, #4589de 0%, #7fb9e7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4589de), color-stop(100%, #7fb9e7));
    background: -webkit-linear-gradient(top, #4589de 0%, #7fb9e7 100%);
    background: -o-linear-gradient(top, #4589de 0%, #7fb9e7 100%);
    background: -ms-linear-gradient(top, #4589de 0%, #7fb9e7 100%);
    background: linear-gradient(to bottom, #4589de 0%, #7fb9e7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4589de', endColorstr='#7fb9e7',GradientType=0 ); }
    .top-row-container-768 #share-768 .social-buttons-768 {
      float: left;
      width: 100%;
      height: 100%; }
      .top-row-container-768 #share-768 .social-buttons-768 #share-title-768 {
        position: absolute;
        top: 20px;
        left: 15px; }
        .top-row-container-768 #share-768 .social-buttons-768 #share-title-768 .share-inner-768 {
          position: relative;
          width: 100%;
          height: 18px;
          top: 50%;
          margin-top: -7px; }
      .top-row-container-768 #share-768 .social-buttons-768 .fb-button-container-768 {
        position: absolute;
        top: 20px;
        left: 90px; }
        .top-row-container-768 #share-768 .social-buttons-768 .fb-button-container-768 .fb-button-inner-768 {
          position: relative;
          width: 100%;
          height: 20px;
          top: 50%;
          margin-top: -10px; }
      .top-row-container-768 #share-768 .social-buttons-768 .tweet-button-container-768 {
        position: absolute;
        top: 20px;
        left: 190px; }
        .top-row-container-768 #share-768 .social-buttons-768 .tweet-button-container-768 .tweet-button-inner-768 {
          position: relative;
          width: 100%;
          height: 20px;
          top: 50%;
          margin-top: -10px; }
      .top-row-container-768 #share-768 .social-buttons-768 .gplus-button-container-768 {
        position: absolute;
        top: 20px;
        left: 290px; }
        .top-row-container-768 #share-768 .social-buttons-768 .gplus-button-container-768 .gplus-button-inner-768 {
          position: relative;
          width: 100%;
          height: 20px;
          top: 50%;
          margin-top: -10px; }
  .top-row-container-768 #activities-2-768 {
    position: absolute;
    width: 278px;
    height: 122px;
    top: 47px;
    left: 0; }
    .top-row-container-768 #activities-2-768 #activities-2-animation-container-768 {
      position: absolute;
      width: 55%;
      height: 100%;
      overflow: hidden; }
      .top-row-container-768 #activities-2-768 #activities-2-animation-container-768 #activities-2-animation-container-inner-768 {
        position: absolute;
        width: 100%;
        height: auto;
        top: 8%; }
        .top-row-container-768 #activities-2-768 #activities-2-animation-container-768 #activities-2-animation-container-inner-768 img {
          width: 100%;
          height: auto; }
    .top-row-container-768 #activities-2-768 #activities-2-animation-container-back-768 {
      position: absolute;
      width: 55%;
      height: 100%;
      overflow: hidden; }
      .top-row-container-768 #activities-2-768 #activities-2-animation-container-back-768 #activities-2-animation-container-inner-back-768 {
        position: absolute;
        width: 100%;
        height: auto;
        top: 8%; }
        .top-row-container-768 #activities-2-768 #activities-2-animation-container-back-768 #activities-2-animation-container-inner-back-768 img {
          width: 100%;
          height: auto; }
    .top-row-container-768 #activities-2-768 #activities-2-title-768 {
      top: 55px;
      left: 120px;
      width: 150px; }
  .top-row-container-768 #turkey-foot-768 {
    position: absolute;
    width: 130px;
    height: 80px;
    background: url(../images/turkey-foot-768.jpg);
    background-size: 100%;
    top: 174px;
    left: 0;
    overflow: hidden; }
  .top-row-container-768 #tree-768 {
    position: absolute;
    width: 94px;
    height: 80px;
    background: url(../images/tree.jpg);
    background-size: 100%;
    background-position: 0 -28px;
    top: 174px;
    left: 135px; }
  .top-row-container-768 #electric-egg-768 {
    position: absolute;
    width: 93px;
    height: 122px;
    background: url(../images/electric-egg.jpg);
    background-size: 100%;
    top: 47px;
    left: 283px; }
  .top-row-container-768 #names-768 {
    position: absolute;
    width: 338px;
    height: 80px;
    background: url(../images/names-768-2.jpg);
    background-size: cover;
    top: 174px;
    left: 235px; }
  .top-row-container-768 #activities-1-768 {
    position: absolute;
    width: 340px;
    height: 80px;
    top: 5px;
    left: 381px; }
    .top-row-container-768 #activities-1-768 #activities-1-animation-container-768 {
      position: absolute;
      width: 100%;
      height: 100%;
      overflow: hidden; }
      .top-row-container-768 #activities-1-768 #activities-1-animation-container-768 #activities-1-animation-container-inner-768 {
        position: absolute;
        width: 100%;
        height: auto;
        top: 8%; }
        .top-row-container-768 #activities-1-768 #activities-1-animation-container-768 #activities-1-animation-container-inner-768 img {
          width: 100%;
          height: auto; }
    .top-row-container-768 #activities-1-768 #activities-1-animation-container-back-768 {
      position: absolute;
      width: 100%;
      height: 100%;
      overflow: hidden; }
      .top-row-container-768 #activities-1-768 #activities-1-animation-container-back-768 #activities-1-animation-container-inner-back-768 {
        position: absolute;
        width: 100%;
        height: auto;
        top: 8%; }
        .top-row-container-768 #activities-1-768 #activities-1-animation-container-back-768 #activities-1-animation-container-inner-back-768 img {
          width: 100%;
          height: auto; }
    .top-row-container-768 #activities-1-768 #activities-1-title-768 {
      top: 10px;
      left: 150px; }
  .top-row-container-768 #turkey-party-768 {
    position: absolute;
    width: 191px;
    height: 80px;
    background: url(../images/turkey-party-768.jpg);
    background-size: 100%;
    top: 90px;
    left: 381px;
    overflow: hidden; }
  .top-row-container-768 #top-filler-768 {
    position: absolute;
    width: 42px;
    height: 80px;
    background: #4589de;
    background: -moz-linear-gradient(top, #4589de 0%, #7fb9e7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4589de), color-stop(100%, #7fb9e7));
    background: -webkit-linear-gradient(top, #4589de 0%, #7fb9e7 100%);
    background: -o-linear-gradient(top, #4589de 0%, #7fb9e7 100%);
    background: -ms-linear-gradient(top, #4589de 0%, #7fb9e7 100%);
    background: linear-gradient(to bottom, #4589de 0%, #7fb9e7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4589de', endColorstr='#7fb9e7',GradientType=0 );
    top: 5px;
    left: 726px; }
  .top-row-container-768 #photos-768 {
    position: absolute;
    width: 190px;
    height: 165px;
    top: 89px;
    left: 578px; }
    .top-row-container-768 #photos-768 #photos-animation-container-768 {
      position: absolute;
      width: 100%;
      height: 100%;
      overflow: hidden; }
      .top-row-container-768 #photos-768 #photos-animation-container-768 #photos-animation-container-inner-768 {
        position: absolute;
        width: 100%;
        height: auto;
        bottom: -5px; }
        .top-row-container-768 #photos-768 #photos-animation-container-768 #photos-animation-container-inner-768 img {
          width: 100%;
          height: auto; }
    .top-row-container-768 #photos-768 #photos-animation-container-back-768 {
      position: absolute;
      width: 100%;
      height: 100%;
      overflow: hidden; }
      .top-row-container-768 #photos-768 #photos-animation-container-back-768 #photos-animation-container-inner-back-768 {
        position: absolute;
        width: 100%;
        height: auto;
        bottom: -5px; }
        .top-row-container-768 #photos-768 #photos-animation-container-back-768 #photos-animation-container-inner-back-768 img {
          width: 100%;
          height: auto; }
    .top-row-container-768 #photos-768 #photos-title-768 {
      top: 50px;
      left: 65px; }

.middle-main-768 {
  position: relative;
  width: 101%;
  height: 291px;
  margin-bottom: 5px; }
  .middle-main-768 .middle-home-768 {
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../images/main-bg.jpg);
    background-size: 100%;
    overflow-y: visible; }
    .middle-main-768 .middle-home-768 #main-characters-768 {
      position: absolute;
      width: 100%;
      height: 120%;
      bottom: 0;
      overflow: hidden; }
      .middle-main-768 .middle-home-768 #main-characters-768 #main-characters-inner-768 {
        position: absolute;
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: 100%;
        bottom: -9%; }
        .middle-main-768 .middle-home-768 #main-characters-768 #main-characters-inner-768.nov {
          background-image: url(../images/main-characters-768-2.png); }
        .middle-main-768 .middle-home-768 #main-characters-768 #main-characters-inner-768.now {
          background-image: url(../images/main-characters-768-dvd-now.png); }
        .middle-main-768 .middle-home-768 #main-characters-768 #main-characters-inner-768.tomorrow {
          background-image: url(../images/main-characters-768-tomorrow.png); }
        .middle-main-768 .middle-home-768 #main-characters-768 #main-characters-inner-768.friday {
          background-image: url(../images/main-characters-768-friday.png); }
        .middle-main-768 .middle-home-768 #main-characters-768 #main-characters-inner-768.feb4 {
          background-image: url(../images/main-characters-768-dvd-feb4.png); }
  .middle-main-768 #page-content-768 {
    width: 100%; }

.bottom-container-768 {
  float: left;
  width: 100%;
  height: 334px; }
  .bottom-container-768 .bottom-left-768 {
    float: left;
    width: 475px;
    height: 100%;
    margin-right: 5px; }
    .bottom-container-768 .bottom-left-768 .bottom-left-768-top {
      width: 100%;
      height: 122px;
      margin-bottom: 5px; }
      .bottom-container-768 .bottom-left-768 .bottom-left-768-top #videos-768 {
        position: relative;
        float: left;
        width: 327px;
        height: 122px;
        margin-right: 5px; }
        .bottom-container-768 .bottom-left-768 .bottom-left-768-top #videos-768 #videos-animation-container-768 {
          position: absolute;
          width: 70%;
          height: 100%;
          overflow: hidden;
          bottom: 0;
          left: 20%; }
          .bottom-container-768 .bottom-left-768 .bottom-left-768-top #videos-768 #videos-animation-container-768 #videos-animation-container-inner-768 {
            position: absolute;
            width: 100%;
            height: auto;
            bottom: -5px; }
            .bottom-container-768 .bottom-left-768 .bottom-left-768-top #videos-768 #videos-animation-container-768 #videos-animation-container-inner-768 img {
              width: 100%;
              height: auto; }
        .bottom-container-768 .bottom-left-768 .bottom-left-768-top #videos-768 #videos-animation-container-back-768 {
          position: absolute;
          width: 70%;
          height: 100%;
          overflow: hidden;
          bottom: 0;
          left: 20%; }
          .bottom-container-768 .bottom-left-768 .bottom-left-768-top #videos-768 #videos-animation-container-back-768 #videos-animation-container-inner-back-768 {
            position: absolute;
            width: 100%;
            height: auto;
            bottom: -5px; }
            .bottom-container-768 .bottom-left-768 .bottom-left-768-top #videos-768 #videos-animation-container-back-768 #videos-animation-container-inner-back-768 img {
              width: 100%;
              height: auto; }
        .bottom-container-768 .bottom-left-768 .bottom-left-768-top #videos-768 #videos-title-768 {
          top: 45px;
          left: 20px; }
      .bottom-container-768 .bottom-left-768 .bottom-left-768-top #chikadee {
        float: left;
        width: 143px;
        height: 122px;
        background: url(../images/chikadee-768.jpg);
        background-size: 100%; }
    .bottom-container-768 .bottom-left-768 .bottom-left-768-middle {
      width: 100%;
      height: 164px;
      margin-bottom: 5px; }
      .bottom-container-768 .bottom-left-768 .bottom-left-768-middle #bottom-filler-left {
        float: left;
        width: 32px;
        height: 100%;
        background: #91c0fb;
        background: -moz-linear-gradient(top, #91c0fb 0%, #cde6fa 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #91c0fb), color-stop(100%, #cde6fa));
        background: -webkit-linear-gradient(top, #91c0fb 0%, #cde6fa 100%);
        background: -o-linear-gradient(top, #91c0fb 0%, #cde6fa 100%);
        background: -ms-linear-gradient(top, #91c0fb 0%, #cde6fa 100%);
        background: linear-gradient(to bottom, #91c0fb 0%, #cde6fa 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#91c0fb', endColorstr='#cde6fa',GradientType=0 );
        margin-right: 5px; }
      .bottom-container-768 .bottom-left-768 .bottom-left-768-middle #nursery-768 {
        float: left;
        width: 243px;
        height: 100%;
        background: url(../images/nursery-768.jpg);
        background-size: 100%;
        margin-right: 5px; }
      .bottom-container-768 .bottom-left-768 .bottom-left-768-middle #coloring-768 {
        float: left;
        width: 190px;
        height: 100%; }
        .bottom-container-768 .bottom-left-768 .bottom-left-768-middle #coloring-768 #coloring-animation-container-768 {
          position: absolute;
          width: 100%;
          height: 100%;
          overflow: hidden;
          bottom: 0; }
          .bottom-container-768 .bottom-left-768 .bottom-left-768-middle #coloring-768 #coloring-animation-container-768 #coloring-animation-container-inner-768 {
            position: absolute;
            width: 100%;
            height: auto;
            bottom: -5px; }
            .bottom-container-768 .bottom-left-768 .bottom-left-768-middle #coloring-768 #coloring-animation-container-768 #coloring-animation-container-inner-768 img {
              width: 100%;
              height: auto; }
        .bottom-container-768 .bottom-left-768 .bottom-left-768-middle #coloring-768 #coloring-animation-container-back-768 {
          position: absolute;
          width: 100%;
          height: 100%;
          overflow: hidden;
          bottom: 0; }
          .bottom-container-768 .bottom-left-768 .bottom-left-768-middle #coloring-768 #coloring-animation-container-back-768 #coloring-animation-container-inner-back-768 {
            position: absolute;
            width: 100%;
            height: auto;
            bottom: -5px; }
            .bottom-container-768 .bottom-left-768 .bottom-left-768-middle #coloring-768 #coloring-animation-container-back-768 #coloring-animation-container-inner-back-768 img {
              width: 100%;
              height: auto; }
        .bottom-container-768 .bottom-left-768 .bottom-left-768-middle #coloring-768 #coloring-title-768 {
          text-align: center;
          top: 15px;
          width: 200px; }
    .bottom-container-768 .bottom-left-768 .bottom-left-768-bottom {
      width: 100%;
      height: 37px;
      background: #4589de;
      background: -moz-linear-gradient(top, #4589de 0%, #7fb9e7 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4589de), color-stop(100%, #7fb9e7));
      background: -webkit-linear-gradient(top, #4589de 0%, #7fb9e7 100%);
      background: -o-linear-gradient(top, #4589de 0%, #7fb9e7 100%);
      background: -ms-linear-gradient(top, #4589de 0%, #7fb9e7 100%);
      background: linear-gradient(to bottom, #4589de 0%, #7fb9e7 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4589de', endColorstr='#7fb9e7',GradientType=0 ); }
      .bottom-container-768 .bottom-left-768 .bottom-left-768-bottom #follow-768 {
        width: 100%;
        height: 100%; }
        .bottom-container-768 .bottom-left-768 .bottom-left-768-bottom #follow-768 .follow-buttons-768 {
          float: left;
          width: 100%;
          height: 100%;
          overflow: hidden; }
          .bottom-container-768 .bottom-left-768 .bottom-left-768-bottom #follow-768 .follow-buttons-768 #follow-title-768 {
            float: left;
            font-size: 100%;
            width: 60px;
            height: 100%;
            overflow: hidden;
            margin-right: 6%;
            margin-left: 7%; }
            .bottom-container-768 .bottom-left-768 .bottom-left-768-bottom #follow-768 .follow-buttons-768 #follow-title-768 .follow-inner-768 {
              position: relative;
              width: 100%;
              height: 15px;
              top: 50%;
              margin-top: -7px; }
          .bottom-container-768 .bottom-left-768 .bottom-left-768-bottom #follow-768 .follow-buttons-768 .fb-follow-container-768 {
            float: left;
            width: 13%;
            height: 100%;
            margin-right: 7%; }
            .bottom-container-768 .bottom-left-768 .bottom-left-768-bottom #follow-768 .follow-buttons-768 .fb-follow-container-768 #fb-follow-inner-768 {
              position: relative;
              width: 100%;
              height: 50%;
              top: 50%;
              margin-top: -25%; }
              .bottom-container-768 .bottom-left-768 .bottom-left-768-bottom #follow-768 .follow-buttons-768 .fb-follow-container-768 #fb-follow-inner-768 img {
                width: 100%; }
          .bottom-container-768 .bottom-left-768 .bottom-left-768-bottom #follow-768 .follow-buttons-768 .twitter-follow-container-768 {
            float: left;
            width: 13%;
            height: 100%;
            margin-right: 7%; }
            .bottom-container-768 .bottom-left-768 .bottom-left-768-bottom #follow-768 .follow-buttons-768 .twitter-follow-container-768 #twitter-follow-inner-768 {
              position: relative;
              width: 100%;
              height: 50%;
              top: 50%;
              margin-top: -25%; }
              .bottom-container-768 .bottom-left-768 .bottom-left-768-bottom #follow-768 .follow-buttons-768 .twitter-follow-container-768 #twitter-follow-inner-768 img {
                width: 100%; }
          .bottom-container-768 .bottom-left-768 .bottom-left-768-bottom #follow-768 .follow-buttons-768 .youtube-follow-container-768 {
            float: left;
            width: 13%;
            height: 100%; }
            .bottom-container-768 .bottom-left-768 .bottom-left-768-bottom #follow-768 .follow-buttons-768 .youtube-follow-container-768 #youtube-follow-inner-768 {
              position: relative;
              width: 100%;
              height: 50%;
              top: 50%;
              margin-top: -25%; }
              .bottom-container-768 .bottom-left-768 .bottom-left-768-bottom #follow-768 .follow-buttons-768 .youtube-follow-container-768 #youtube-follow-inner-768 img {
                width: 100%; }
  .bottom-container-768 .bottom-right-768 {
    float: left;
    width: 288px;
    height: 334px; }
    .bottom-container-768 .bottom-right-768 .bottom-right-768-top {
      float: left;
      width: 100%;
      height: 165px;
      margin-bottom: 5px; }
      .bottom-container-768 .bottom-right-768 .bottom-right-768-top #characters-768 {
        width: 100%;
        height: 100%; }
        .bottom-container-768 .bottom-right-768 .bottom-right-768-top #characters-768 #characters-animation-container-768 {
          position: absolute;
          width: 100%;
          height: 100%;
          overflow: hidden;
          bottom: 0; }
          .bottom-container-768 .bottom-right-768 .bottom-right-768-top #characters-768 #characters-animation-container-768 #characters-animation-container-inner-768 {
            position: absolute;
            width: 100%;
            height: auto;
            bottom: -5px; }
            .bottom-container-768 .bottom-right-768 .bottom-right-768-top #characters-768 #characters-animation-container-768 #characters-animation-container-inner-768 img {
              width: 100%;
              height: auto; }
        .bottom-container-768 .bottom-right-768 .bottom-right-768-top #characters-768 #characters-animation-container-back-768 {
          position: absolute;
          width: 100%;
          height: 100%;
          overflow: hidden;
          bottom: 0; }
          .bottom-container-768 .bottom-right-768 .bottom-right-768-top #characters-768 #characters-animation-container-back-768 #characters-animation-container-inner-back-768 {
            position: absolute;
            width: 100%;
            height: auto;
            bottom: -5px; }
            .bottom-container-768 .bottom-right-768 .bottom-right-768-top #characters-768 #characters-animation-container-back-768 #characters-animation-container-inner-back-768 img {
              width: 100%;
              height: auto; }
        .bottom-container-768 .bottom-right-768 .bottom-right-768-top #characters-768 #characters-title-768 {
          top: 75px;
          left: 85px;
          width: 150px; }
    .bottom-container-768 .bottom-right-768 .bottom-right-768-bottom {
      float: left;
      width: 100%;
      height: 164px; }
      .bottom-container-768 .bottom-right-768 .bottom-right-768-bottom .bottom-right-768-bottom-left {
        float: left;
        width: 143px;
        height: 100%;
        margin-right: 5px; }
        .bottom-container-768 .bottom-right-768 .bottom-right-768-bottom .bottom-right-768-bottom-left #yellow-guys-768 {
          float: left;
          width: 143px;
          height: 99%;
          background: url(../images/yellow-guys-1.jpg);
          background-size: 100%; }
      .bottom-container-768 .bottom-right-768 .bottom-right-768-bottom .bottom-right-768-bottom-right {
        float: left;
        width: 140px;
        height: 100%; }
        .bottom-container-768 .bottom-right-768 .bottom-right-768-bottom .bottom-right-768-bottom-right #pres-768 {
          float: left;
          width: 100%;
          height: 122px;
          background: url(../images/pres.jpg);
          background-size: 145%;
          margin-bottom: 5px; }
        .bottom-container-768 .bottom-right-768 .bottom-right-768-bottom .bottom-right-768-bottom-right #bottom-right-filler-768 {
          float: left;
          width: 100%;
          height: 35px;
          background: #4589de;
          background: -moz-linear-gradient(top, #4589de 0%, #7fb9e7 100%);
          background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4589de), color-stop(100%, #7fb9e7));
          background: -webkit-linear-gradient(top, #4589de 0%, #7fb9e7 100%);
          background: -o-linear-gradient(top, #4589de 0%, #7fb9e7 100%);
          background: -ms-linear-gradient(top, #4589de 0%, #7fb9e7 100%);
          background: linear-gradient(to bottom, #4589de 0%, #7fb9e7 100%);
          filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4589de', endColorstr='#7fb9e7',GradientType=0 ); }

body {
  font-family: "AmericanPurpose", Sans-Serif;
  background: #282828;
  color: #333; }

.ui-accordion-header:focus {
  outline: none; }

.loading {
  position: fixed;
  right: 0;
  left: 0;
  bottom: 0;
  top: 0;
  background: #4589de;
  background: -moz-linear-gradient(top, #4589de 0%, #7fb9e7 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4589de), color-stop(100%, #7fb9e7));
  background: -webkit-linear-gradient(top, #4589de 0%, #7fb9e7 100%);
  background: -o-linear-gradient(top, #4589de 0%, #7fb9e7 100%);
  background: -ms-linear-gradient(top, #4589de 0%, #7fb9e7 100%);
  background: linear-gradient(to bottom, #4589de 0%, #7fb9e7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4589de', endColorstr='#7fb9e7',GradientType=0 );
  z-index: 9999; }
  .loading .loading-egg {
    position: absolute;
    width: 208px;
    height: 239px;
    left: 50%;
    top: 50%;
    margin-left: -104px;
    margin-top: -119px; }

.trailer-vid-modal {
  position: fixed;
  right: 0;
  left: 0;
  bottom: 0;
  top: 0;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 100000;
  display: none; }
  .trailer-vid-modal .trailer-vid-container {
    position: absolute;
    width: 42.7%;
    left: 50%;
    top: 50%;
    margin: -16% 0 0 -21%; }
    .trailer-vid-modal .trailer-vid-container #trailer-vid {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
  .trailer-vid-modal .trailer-vid-close {
    position: absolute;
    width: 5%;
    height: 10%;
    left: 80%;
    top: 10%;
    background: url(../images/close-button.png);
    background-repeat: no-repeat;
    background-size: 100%;
    cursor: pointer; }

#container {
  width: 2000px;
  height: 1500px;
  margin: 0 auto;
  background: white;
  overflow: hidden !important;
  overflow-x: hidden;
  overflow-y: hidden; }
  @media only screen and (min-width: 1025px) and (max-width: 1999px) {
    #container {
      max-width: 100%; } }
  @media only screen and (min-width: 800px) and (max-width: 1280px) {
    #container {
      width: 100%;
      height: 768px; } }
  @media only screen and (min-width: 480px) and (max-width: 800px) {
    #container {
      width: 100%; } }
  @media only screen and (max-width: 480px) {
    #container {
      width: 320px;
      height: 1122px !important; } }
  @media only screen and (min-device-width: 768px) and (max-device-width: 768px) and (orientation: portrait) {
    #container {
      width: 768px;
      height: 100% !important;
      position: relative; } }

#ipad-portrait {
  display: none; }
  @media only screen and (min-device-width: 768px) and (max-device-width: 768px) and (orientation: portrait) {
    #ipad-portrait {
      display: block; } }

.panel-title {
  position: relative;
  font-family: "AmericanPurpose", Sans-Serif;
  color: white;
  font-size: 36px;
  letter-spacing: .1em;
  text-shadow: 3px 3px rgba(0, 0, 0, 0.5);
  overflow: hidden; }
  @media only screen and (min-width: 800px) and (max-width: 1280px) {
    .panel-title p {
      font-size: 20px;
      text-shadow: 2px 2px rgba(0, 0, 0, 0.5);
      letter-spacing: 2px; } }
  @media only screen and (min-width: 480px) and (max-width: 800px) {
    .panel-title {
      display: none !important; } }
  @media only screen and (max-width: 480px) {
    .panel-title {
      display: none !important; } }

.panel-container {
  float: left;
  position: relative;
  cursor: pointer;
  -webkit-font-smoothing: antialiased; }
  .panel-container .panel-inner {
    float: left;
    width: 100%;
    height: 100%; }
  .panel-container .panel-orange {
    position: absolute;
    width: 100%;
    height: 100%; }
  .panel-container .front {
    background: #ff5000;
    background: -moz-linear-gradient(top, #ff5000 0%, #fdc34c 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff5000), color-stop(100%, #fdc34c));
    background: -webkit-linear-gradient(top, #ff5000 0%, #fdc34c 100%);
    background: -o-linear-gradient(top, #ff5000 0%, #fdc34c 100%);
    background: -ms-linear-gradient(top, #ff5000 0%, #fdc34c 100%);
    background: linear-gradient(to bottom, #ff5000 0%, #fdc34c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5000', endColorstr='#fdc34c',GradientType=0 );
    -webkit-backface-visibility: visible; }
  .panel-container .front-768 {
    background: #ff5000;
    background: -moz-linear-gradient(top, #ff5000 0%, #fdc34c 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff5000), color-stop(100%, #fdc34c));
    background: -webkit-linear-gradient(top, #ff5000 0%, #fdc34c 100%);
    background: -o-linear-gradient(top, #ff5000 0%, #fdc34c 100%);
    background: -ms-linear-gradient(top, #ff5000 0%, #fdc34c 100%);
    background: linear-gradient(to bottom, #ff5000 0%, #fdc34c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5000', endColorstr='#fdc34c',GradientType=0 ); }
  .panel-container .back {
    background-color: #8abae0; }

.top-row-container {
  position: relative;
  width: 100%;
  height: 20.7%;
  float: left;
  background-color: white;
  margin-top: .5%; }
  @media only screen and (min-width: 1025px) and (max-width: 1999px) {
    .top-row-container {
      width: 100%; } }
  @media only screen and (min-width: 480px) and (max-width: 800px) {
    .top-row-container {
      display: none !important; } }
  @media only screen and (max-width: 480px) {
    .top-row-container {
      display: none !important; } }
  .top-row-container #characters-panel {
    position: relative;
    width: 28.45%;
    height: 100%; }
    .top-row-container #characters-panel #characters-animation-container {
      position: absolute;
      width: 100%;
      height: 100%;
      overflow: hidden;
      bottom: 0; }
      .top-row-container #characters-panel #characters-animation-container #characters-animation-container-inner {
        position: absolute;
        width: 100%;
        height: auto;
        top: 10%; }
        .top-row-container #characters-panel #characters-animation-container #characters-animation-container-inner img {
          width: 100%;
          height: auto; }
    .top-row-container #characters-panel #characters-animation-container-back {
      position: absolute;
      width: 100%;
      height: 100%;
      overflow: hidden;
      bottom: 0; }
      .top-row-container #characters-panel #characters-animation-container-back #characters-animation-container-inner-back {
        position: absolute;
        width: 100%;
        height: auto;
        top: 10%; }
        .top-row-container #characters-panel #characters-animation-container-back #characters-animation-container-inner-back img {
          width: 100%;
          height: auto; }
  .top-row-container #characters-title {
    position: relative;
    width: 45%;
    top: 30%;
    left: 30%;
    overflow: hidden;
    text-align: center; }
  .top-row-container .top-filler {
    float: left;
    width: 8.95%;
    height: 100%;
    margin-left: .5%; }
    .top-row-container .top-filler #top-filler-left-top {
      float: left;
      width: 100%;
      height: 22.5%;
      margin-bottom: 5.5%;
      background: #4589de;
      background: -moz-linear-gradient(top, #4589de 0%, #7fb9e7 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4589de), color-stop(100%, #7fb9e7));
      background: -webkit-linear-gradient(top, #4589de 0%, #7fb9e7 100%);
      background: -o-linear-gradient(top, #4589de 0%, #7fb9e7 100%);
      background: -ms-linear-gradient(top, #4589de 0%, #7fb9e7 100%);
      background: linear-gradient(to bottom, #4589de 0%, #7fb9e7 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4589de', endColorstr='#7fb9e7',GradientType=0 ); }
      .top-row-container .top-filler #top-filler-left-top.open {
        width: 470%; }
    .top-row-container .top-filler #top-filler-left-bottom {
      float: left;
      width: 100%;
      height: 74.1%;
      background: url(../images/electric-egg.jpg);
      background-size: cover;
      background-position: center;
      overflow: hidden; }
      @media only screen and (min-width: 1025px) and (max-width: 1999px) {
        .top-row-container .top-filler #top-filler-left-bottom {
          background-size: cover;
          background-position: center; } }
      @media only screen and (min-width: 800px) and (max-width: 1280px) {
        .top-row-container .top-filler #top-filler-left-bottom {
          background-size: cover;
          background-position: center; } }
    .top-row-container .top-filler #top-filler-right {
      width: 100%;
      height: 100%;
      background: url(../images/chikadee.jpg);
      overflow: hidden; }
      @media only screen and (min-width: 1025px) and (max-width: 1999px) {
        .top-row-container .top-filler #top-filler-right {
          background-size: cover;
          background-position: center; } }
      @media only screen and (min-width: 800px) and (max-width: 1280px) {
        .top-row-container .top-filler #top-filler-right {
          background-size: cover;
          background-position: center; } }
  .top-row-container .activities-container {
    position: relative;
    float: left;
    width: 32.68%;
    height: 100%;
    margin-left: .5%; }
    .top-row-container .activities-container #activities-animation-container {
      position: absolute;
      width: 100%;
      height: 100%;
      overflow: hidden;
      bottom: 0; }
      .top-row-container .activities-container #activities-animation-container img {
        width: 100%;
        height: auto; }
    .top-row-container .activities-container #activities-animation-container-back {
      position: absolute;
      width: 100%;
      height: 100%;
      overflow: hidden;
      bottom: 0; }
      .top-row-container .activities-container #activities-animation-container-back img {
        width: 100%;
        height: auto; }
    .top-row-container .activities-container #activities-panel {
      position: relative;
      width: 100%;
      height: 48.4%;
      margin-bottom: 1.45%; }
      .top-row-container .activities-container #activities-panel.open {
        height: 74% !important;
        margin-top: 9%; }
      .top-row-container .activities-container #activities-panel #activities-title {
        position: absolute;
        width: 55%;
        top: 17%;
        left: 25%;
        text-align: center; }
        @media only screen and (min-width: 800px) and (max-width: 1280px) {
          .top-row-container .activities-container #activities-panel #activities-title {
            width: 300px;
            left: 10%; } }
    .top-row-container .activities-container #credits-panel {
      float: left;
      width: 100%;
      height: 48.5%;
      font-family: "AmericanPurpose", Sans-Serif;
      background-color: white;
      color: #e80400;
      /*
      			background: $blue-gradient-backup;   
                  background: $blue-gradient-moz;
                  background: $blue-gradient-webkit;
                  background: $blue-gradient-webkit-linear;
                  background: $blue-gradient-o;
                  background: $blue-gradient-ms;
                  background: $blue-gradient-linear;
                  filter: $blue-gradient-filter;
      */ }
      .top-row-container .activities-container #credits-panel.open {
        display: none; }
      .top-row-container .activities-container #credits-panel .owen-container {
        float: left;
        width: 32%;
        height: 100%;
        margin-right: 1%;
        margin-left: 1%; }
        .top-row-container .activities-container #credits-panel .owen-container #owen {
          position: relative;
          width: 100%;
          height: 50px;
          top: 50%;
          margin-top: -18px; }
          @media only screen and (min-width: 800px) and (max-width: 1280px) {
            .top-row-container .activities-container #credits-panel .owen-container #owen {
              height: 28px;
              margin-top: -14px; } }
          .top-row-container .activities-container #credits-panel .owen-container #owen img {
            width: 100%; }
      .top-row-container .activities-container #credits-panel .owen-container.open {
        width: 27%;
        margin-right: 5%;
        margin-left: 3%; }
      .top-row-container .activities-container #credits-panel .woody-container {
        float: left;
        width: 32%;
        height: 100%;
        margin-right: 1%; }
        .top-row-container .activities-container #credits-panel .woody-container #woody {
          position: relative;
          width: 100%;
          height: 50px;
          top: 50%;
          margin-top: -18px; }
          @media only screen and (min-width: 800px) and (max-width: 1280px) {
            .top-row-container .activities-container #credits-panel .woody-container #woody {
              height: 28px;
              margin-top: -14px; } }
          .top-row-container .activities-container #credits-panel .woody-container #woody img {
            width: 100%; }
      .top-row-container .activities-container #credits-panel .woody-container.open {
        width: 27%;
        margin-right: 5%; }
      .top-row-container .activities-container #credits-panel .amy-container {
        float: left;
        width: 32%;
        height: 100%; }
        .top-row-container .activities-container #credits-panel .amy-container #amy {
          position: relative;
          width: 100%;
          height: 50px;
          top: 50%;
          margin-top: -18px; }
          @media only screen and (min-width: 800px) and (max-width: 1280px) {
            .top-row-container .activities-container #credits-panel .amy-container #amy {
              height: 28px;
              margin-top: -14px; } }
          .top-row-container .activities-container #credits-panel .amy-container #amy img {
            width: 100%; }
      .top-row-container .activities-container #credits-panel .amy-container.open {
        width: 27%; }
      @media only screen and (min-width: 1025px) and (max-width: 1999px) {
        .top-row-container .activities-container #credits-panel {
          background-size: 100%;
          background-position: center;
          background-repeat: no-repeat; } }
  .top-row-container #photos-panel {
    position: relative;
    float: left;
    width: 18.97%;
    height: 100%;
    margin-left: .5%; }
    .top-row-container #photos-panel #photos-animation-container {
      position: absolute;
      width: 100%;
      height: 100%;
      overflow: hidden;
      bottom: 0; }
      .top-row-container #photos-panel #photos-animation-container #photos-animation-container-inner {
        position: absolute;
        width: 100%;
        height: auto;
        bottom: -2%; }
        .top-row-container #photos-panel #photos-animation-container #photos-animation-container-inner img {
          width: 100%;
          height: auto; }
    .top-row-container #photos-panel #photos-animation-container-back {
      position: absolute;
      width: 100%;
      height: 100%;
      overflow: hidden;
      bottom: 0; }
      .top-row-container #photos-panel #photos-animation-container-back #photos-animation-container-inner-back {
        position: absolute;
        width: 100%;
        height: auto;
        bottom: -2%; }
        .top-row-container #photos-panel #photos-animation-container-back #photos-animation-container-inner-back img {
          width: 100%;
          height: auto; }
    .top-row-container #photos-panel #photos-title-front {
      position: relative;
      width: 75%;
      height: auto;
      left: 25%;
      top: 25%; }
    .top-row-container #photos-panel #photos-title-back {
      position: relative;
      width: 75%;
      height: auto;
      left: 25%;
      top: 25%; }

.middle-row-container {
  float: left;
  position: relative;
  width: 100%;
  height: 36.8%;
  background-color: white;
  margin-top: .5%; }
  @media only screen and (min-width: 800px) and (max-width: 1280px) {
    .middle-row-container {
      width: 102%;
      height: 38.1%; } }
  @media only screen and (min-width: 480px) and (max-width: 800px) {
    .middle-row-container {
      display: none !important; } }
  @media only screen and (max-width: 480px) {
    .middle-row-container {
      display: none !important; } }
  .middle-row-container .middle-home {
    position: absolute;
    float: left;
    width: 100%;
    height: 100%;
    left: 0; }
    .middle-row-container .middle-home .middle-filler {
      float: left;
      width: 19%;
      height: 100%; }
      @media only screen and (min-width: 800px) and (max-width: 1280px) {
        .middle-row-container .middle-home .middle-filler {
          width: 17.9%; } }
      .middle-row-container .middle-home .middle-filler #middle-filler-left-top-left {
        float: left;
        width: 100%;
        height: 100%;
        margin-right: 2.85%;
        position: relative; }
        .middle-row-container .middle-home .middle-filler #middle-filler-left-top-left img {
          width: 100%;
          height: 100%; }
        .middle-row-container .middle-home .middle-filler #middle-filler-left-top-left #tix_container {
          position: absolute;
          width: 100%;
          height: 15%;
          bottom: 2.5%;
          text-align: center; }
          .middle-row-container .middle-home .middle-filler #middle-filler-left-top-left #tix_container form {
            width: 44%;
            height: 78%;
            float: left;
            margin-left: 12%;
            margin-right: 1%; }
            .middle-row-container .middle-home .middle-filler #middle-filler-left-top-left #tix_container form .ui-input-text {
              height: 100%; }
              .middle-row-container .middle-home .middle-filler #middle-filler-left-top-left #tix_container form .ui-input-text input {
                width: 100%;
                height: 100%;
                padding: 0;
                margin: 0;
                border-radius: 8px;
                border: none;
                box-shadow: 1px 1px 2px 2px #b4b4b4 inset;
                -webkit-box-shadow: 1px 1px 2px 2px #b4b4b4 inset;
                -moz-box-shadow: 1px 1px 2px 2px #b4b4b4 inset;
                font-size: 14px;
                font-family: "AmericanPurpose", Sans-Serif;
                color: #bababa;
                height: 100%;
                text-align: center;
                letter-spacing: 0.1em;
                /*
                :-moz-placeholder,
                ::-moz-placeholder,
                :-ms-input-placeholder
                */ }
                .middle-row-container .middle-home .middle-filler #middle-filler-left-top-left #tix_container form .ui-input-text input::-webkit-input-placeholder {
                  font-size: 14px;
                  font-family: "AmericanPurpose", Sans-Serif;
                  color: #bababa;
                  height: 100%;
                  text-align: center;
                  letter-spacing: 0.1em; }
                .middle-row-container .middle-home .middle-filler #middle-filler-left-top-left #tix_container form .ui-input-text input:-moz-placeholder {
                  font-size: 14px;
                  font-family: "AmericanPurpose", Sans-Serif;
                  color: #bababa;
                  height: 100%;
                  text-align: center;
                  letter-spacing: 0.1em; }
                .middle-row-container .middle-home .middle-filler #middle-filler-left-top-left #tix_container form .ui-input-text input::-moz-placeholder {
                  font-size: 14px;
                  font-family: "AmericanPurpose", Sans-Serif;
                  color: #bababa;
                  height: 100%;
                  text-align: center;
                  letter-spacing: 0.1em; }
                .middle-row-container .middle-home .middle-filler #middle-filler-left-top-left #tix_container form .ui-input-text input:-ms-input-placeholder {
                  font-size: 14px;
                  font-family: "AmericanPurpose", Sans-Serif;
                  color: #bababa;
                  height: 100%;
                  text-align: center;
                  letter-spacing: 0.1em; }
                .middle-row-container .middle-home .middle-filler #middle-filler-left-top-left #tix_container form .ui-input-text input:focus {
                  outline: none; }
                  .middle-row-container .middle-home .middle-filler #middle-filler-left-top-left #tix_container form .ui-input-text input:focus::-webkit-input-placeholder {
                    font-size: 0px; }
                  .middle-row-container .middle-home .middle-filler #middle-filler-left-top-left #tix_container form .ui-input-text input:focus:-moz-placeholder {
                    font-size: 0px; }
                  .middle-row-container .middle-home .middle-filler #middle-filler-left-top-left #tix_container form .ui-input-text input:focus::-moz-placeholder {
                    font-size: 0px; }
                  .middle-row-container .middle-home .middle-filler #middle-filler-left-top-left #tix_container form .ui-input-text input:focus:-ms-input-placeholder {
                    font-size: 0px; }
                .middle-row-container .middle-home .middle-filler #middle-filler-left-top-left #tix_container form .ui-input-text input::-webkit-inner-spin-button,
                .middle-row-container .middle-home .middle-filler #middle-filler-left-top-left #tix_container form .ui-input-text input ::-webkit-outer-spin-button {
                  -webkit-appearance: none;
                  margin: 0; }
          .middle-row-container .middle-home .middle-filler #middle-filler-left-top-left #tix_container #ticket_buttons {
            height: 100%;
            width: 37%;
            float: left; }
            .middle-row-container .middle-home .middle-filler #middle-filler-left-top-left #tix_container #ticket_buttons .ticket_button {
              float: left;
              width: 45%;
              margin-left: 1%;
              margin-right: 2%;
              margin-top: 2.5%; }
              .middle-row-container .middle-home .middle-filler #middle-filler-left-top-left #tix_container #ticket_buttons .ticket_button img {
                width: 100%;
                box-shadow: 3px 3px 14px rgba(0, 0, 0, 0.5);
                -moz-box-shadow: 3px 3px 14px rgba(0, 0, 0, 0.5);
                -webkit-box-shadow: 3px 3px 14px rgba(0, 0, 0, 0.5); }
      .middle-row-container .middle-home .middle-filler #middle-filler-left-top-right {
        float: left;
        width: 72.3%;
        height: 56.4%;
        background: url(../images/yellow-guys-1.jpg);
        overflow: hidden; }
        @media only screen and (min-width: 1025px) and (max-width: 1999px) {
          .middle-row-container .middle-home .middle-filler #middle-filler-left-top-right {
            background-size: cover;
            background-position: center; } }
        @media only screen and (min-width: 800px) and (max-width: 1280px) {
          .middle-row-container .middle-home .middle-filler #middle-filler-left-top-right {
            width: 78.6%;
            background-size: cover;
            background-position: center; } }
      .middle-row-container .middle-home .middle-filler #middle-filler-left-top-bottom {
        float: left;
        width: 100%;
        height: 41.75%;
        margin-top: 2.85%;
        background: url(../images/pres.jpg);
        overflow: hidden; }
        @media only screen and (min-width: 1025px) and (max-width: 1999px) {
          .middle-row-container .middle-home .middle-filler #middle-filler-left-top-bottom {
            background-size: cover;
            background-position: center; } }
        @media only screen and (min-width: 800px) and (max-width: 1280px) {
          .middle-row-container .middle-home .middle-filler #middle-filler-left-top-bottom {
            height: 42%;
            background-size: cover;
            background-position: center; } }
      .middle-row-container .middle-home .middle-filler #middle-filler-right-top-left {
        float: left;
        width: 47.2%;
        height: 42%;
        overflow: hidden;
        background: url(../images/turkey-foot.jpg);
        background-size: cover;
        background-repeat: no-repeat; }
        @media only screen and (min-width: 1025px) and (max-width: 1999px) {
          .middle-row-container .middle-home .middle-filler #middle-filler-right-top-left {
            background-size: cover; } }
        @media only screen and (min-width: 800px) and (max-width: 1280px) {
          .middle-row-container .middle-home .middle-filler #middle-filler-right-top-left {
            width: 47%;
            background-size: cover;
            background-position: center; } }
      .middle-row-container .middle-home .middle-filler #pardon-panel {
        float: left;
        width: 50.3%;
        height: 42%;
        margin-left: 2.5%;
        /*								background: url(../images/yellow-guys-2.jpg);*/
        position: relative;
        cursor: pointer;
        float: left;
        width: 50.3%;
        height: 42%;
        margin-left: 2.5%;
        background: #ff5000;
        background: -moz-linear-gradient(top, #ff5000 0%, #fdc34c 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff5000), color-stop(100%, #fdc34c));
        background: -webkit-linear-gradient(top, #ff5000 0%, #fdc34c 100%);
        background: -o-linear-gradient(top, #ff5000 0%, #fdc34c 100%);
        background: -ms-linear-gradient(top, #ff5000 0%, #fdc34c 100%);
        background: linear-gradient(to bottom, #ff5000 0%, #fdc34c 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5000', endColorstr='#fdc34c',GradientType=0 ); }
        @media only screen and (min-width: 1025px) and (max-width: 1999px) {
          .middle-row-container .middle-home .middle-filler #pardon-panel {
            background-size: cover;
            background-position: center; } }
        @media only screen and (min-width: 800px) and (max-width: 1280px) {
          .middle-row-container .middle-home .middle-filler #pardon-panel {
            width: 50%;
            background-size: cover;
            background-position: center; } }
        .middle-row-container .middle-home .middle-filler #pardon-panel .pardon-title {
          position: relative;
          font-family: "AmericanPurpose", Sans-Serif;
          color: white;
          font-size: 22px;
          letter-spacing: .1em;
          text-shadow: 3px 3px rgba(0, 0, 0, 0.5);
          overflow: hidden;
          padding: 3%;
          text-align: center; }
          @media only screen and (min-width: 800px) and (max-width: 1280px) {
            .middle-row-container .middle-home .middle-filler #pardon-panel .pardon-title {
              font-size: 18px; } }
          @media only screen and (min-width: 800px) and (max-width: 1025px) {
            .middle-row-container .middle-home .middle-filler #pardon-panel .pardon-title {
              font-size: 14px;
              text-shadow: 2px 2px rgba(0, 0, 0, 0.5);
              letter-spacing: 2px; } }
          @media only screen and (min-width: 480px) and (max-width: 800px) {
            .middle-row-container .middle-home .middle-filler #pardon-panel .pardon-title {
              display: none !important; } }
          @media only screen and (max-width: 480px) {
            .middle-row-container .middle-home .middle-filler #pardon-panel .pardon-title {
              display: none !important; } }
        .middle-row-container .middle-home .middle-filler #pardon-panel img {
          position: absolute;
          bottom: 2%;
          width: 70%;
          left: 15%; }
      .middle-row-container .middle-home .middle-filler #middle-filler-right-top-bottom {
        position: relative;
        float: left;
        width: 100%;
        height: 56.5%;
        margin-top: 2.5%;
        overflow: hidden;
        background: url(../images/nursery.jpg);
        background-size: cover; }
        @media only screen and (min-width: 1025px) and (max-width: 1999px) {
          .middle-row-container .middle-home .middle-filler #middle-filler-right-top-bottom {
            background-size: cover;
            background-position: center; } }
        @media only screen and (min-width: 800px) and (max-width: 1280px) {
          .middle-row-container .middle-home .middle-filler #middle-filler-right-top-bottom {
            background-size: cover;
            background-position: center; } }
    .middle-row-container .middle-home .middle-main-container {
      position: relative;
      float: left;
      width: 61%;
      height: 100%;
      margin-left: .5%;
      margin-right: .5%;
      background: url(../images/main-bg.jpg);
      overflow-y: visible; }
      @media only screen and (min-width: 1025px) and (max-width: 1999px) {
        .middle-row-container .middle-home .middle-main-container {
          background-size: cover;
          background-position: center; } }
      @media only screen and (min-width: 800px) and (max-width: 1280px) {
        .middle-row-container .middle-home .middle-main-container {
          width: 62%;
          background-size: cover;
          background-position: center; } }
      .middle-row-container .middle-home .middle-main-container #main-characters {
        position: absolute;
        width: 100%;
        height: 110%;
        bottom: 0;
        left: 0;
        overflow: hidden; }
        .middle-row-container .middle-home .middle-main-container #main-characters #watch-trailer-button {
          position: absolute;
          width: 26%;
          /*height: 19%;*/
          top: 82%;
          left: 48%;
          z-index: 9000;
          cursor: pointer;
          box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.5);
          -moz-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.5);
          -webkit-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.5);
          -webkit-backface-visibility: hidden; }
          @media only screen and (min-width: 800px) and (max-width: 1280px) {
            .middle-row-container .middle-home .middle-main-container #main-characters #watch-trailer-button {
              top: 82%; } }
          .middle-row-container .middle-home .middle-main-container #main-characters #watch-trailer-button img {
            width: 100%;
            height: auto !important;
            margin-bottom: -3px; }
        .middle-row-container .middle-home .middle-main-container #main-characters #main-characters-inner {
          position: absolute;
          width: 100%;
          height: 110%;
          bottom: -10%;
          left: 0; }
          .middle-row-container .middle-home .middle-main-container #main-characters #main-characters-inner img {
            height: auto !important; }
  .middle-row-container #tickets_pop {
    position: absolute;
    width: 50%;
    left: 25%;
    top: 22%;
    z-index: 10002;
    text-align: center;
    background: #91c0fb;
    background: -moz-linear-gradient(top, #91c0fb 0%, #cde6fa 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #91c0fb), color-stop(100%, #cde6fa));
    background: -webkit-linear-gradient(top, #91c0fb 0%, #cde6fa 100%);
    background: -o-linear-gradient(top, #91c0fb 0%, #cde6fa 100%);
    background: -ms-linear-gradient(top, #91c0fb 0%, #cde6fa 100%);
    background: linear-gradient(to bottom, #91c0fb 0%, #cde6fa 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#91c0fb', endColorstr='#cde6fa',GradientType=0 );
    box-shadow: 1px 3px 4px 1px rgba(40, 40, 40, 0.75);
    -moz-box-shadow: 1px 3px 4px 1px rgba(40, 40, 40, 0.75);
    -webkit-box-shadow: 1px 3px 4px 1px rgba(40, 40, 40, 0.75); }
    .middle-row-container #tickets_pop #ticket_pop_close {
      position: absolute;
      width: 8%;
      height: 27%;
      top: -11%;
      right: -2%;
      background: url(../images/close-button.png);
      background-repeat: no-repeat;
      background-size: 100%;
      cursor: pointer;
      z-index: 1001; }
    .middle-row-container #tickets_pop #text_container {
      width: 70%;
      margin-left: 15%;
      margin-top: 10%;
      margin-bottom: 10%; }
      .middle-row-container #tickets_pop #text_container p {
        width: 100%;
        font-family: "AmericanPurpose", Sans-Serif;
        color: #023979;
        font-size: 14px;
        line-height: 18px;
        letter-spacing: 0.1em; }
    .middle-row-container #tickets_pop #tix_continue {
      width: 207px;
      height: 57px;
      background: url(../images/pop-continue.png);
      margin: 0 auto;
      margin-bottom: 6%;
      background-repeat: no-repeat;
      background-size: 100%;
      box-shadow: 1px 3px 4px 1px rgba(40, 40, 40, 0.75);
      -moz-box-shadow: 1px 3px 4px 1px rgba(40, 40, 40, 0.75);
      -webkit-box-shadow: 1px 3px 4px 1px rgba(40, 40, 40, 0.75); }

.bottom-row-container {
  float: left;
  width: 100%;
  height: 20.7%;
  background-color: white;
  margin-top: .5%;
  z-index: 0; }
  @media only screen and (min-width: 480px) and (max-width: 800px) {
    .bottom-row-container {
      display: none !important; } }
  @media only screen and (max-width: 480px) {
    .bottom-row-container {
      display: none !important; } }
  .bottom-row-container #bottom-left-container {
    float: left;
    width: 33.15%;
    height: 100%;
    margin-right: .5%; }
    .bottom-row-container #bottom-left-container #videos-panel {
      position: relative;
      float: left;
      width: 100%;
      height: 74.2%;
      margin-bottom: 1.5%; }
      .bottom-row-container #bottom-left-container #videos-panel #videos-animation-container {
        position: absolute;
        width: 68%;
        height: 100%;
        left: 25%;
        overflow: hidden;
        bottom: 0; }
        .bottom-row-container #bottom-left-container #videos-panel #videos-animation-container #videos-animation-container-inner {
          position: absolute;
          width: 100%;
          height: auto;
          top: 8%; }
          @media only screen and (min-width: 800px) and (max-width: 1280px) {
            .bottom-row-container #bottom-left-container #videos-panel #videos-animation-container #videos-animation-container-inner {
              top: 8%; } }
          .bottom-row-container #bottom-left-container #videos-panel #videos-animation-container #videos-animation-container-inner img {
            width: 100%;
            height: auto; }
      .bottom-row-container #bottom-left-container #videos-panel #videos-animation-container-back {
        position: absolute;
        width: 68%;
        height: 100%;
        left: 25%;
        overflow: hidden;
        bottom: 0; }
        .bottom-row-container #bottom-left-container #videos-panel #videos-animation-container-back #videos-animation-container-inner-back {
          position: absolute;
          width: 100%;
          height: auto;
          top: 8%; }
          @media only screen and (min-width: 800px) and (max-width: 1280px) {
            .bottom-row-container #bottom-left-container #videos-panel #videos-animation-container-back #videos-animation-container-inner-back {
              top: 8%; } }
          .bottom-row-container #bottom-left-container #videos-panel #videos-animation-container-back #videos-animation-container-inner-back img {
            width: 100%;
            height: auto; }
      .bottom-row-container #bottom-left-container #videos-panel #videos-title {
        width: 150px;
        left: 11%;
        top: 34%; }
    .bottom-row-container #bottom-left-container #follow-panel {
      float: left;
      width: 100%;
      height: 22.5%;
      background: #4589de;
      background: -moz-linear-gradient(top, #4589de 0%, #7fb9e7 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4589de), color-stop(100%, #7fb9e7));
      background: -webkit-linear-gradient(top, #4589de 0%, #7fb9e7 100%);
      background: -o-linear-gradient(top, #4589de 0%, #7fb9e7 100%);
      background: -ms-linear-gradient(top, #4589de 0%, #7fb9e7 100%);
      background: linear-gradient(to bottom, #4589de 0%, #7fb9e7 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4589de', endColorstr='#7fb9e7',GradientType=0 ); }
      .bottom-row-container #bottom-left-container #follow-panel .follow-buttons {
        float: left;
        width: 100%;
        height: 100%; }
        .bottom-row-container #bottom-left-container #follow-panel .follow-buttons #follow-title {
          float: left;
          font-size: 175%;
          width: 120px;
          height: 100%;
          overflow: hidden;
          margin-right: 4%;
          margin-left: 7%; }
          @media only screen and (min-width: 800px) and (max-width: 1280px) {
            .bottom-row-container #bottom-left-container #follow-panel .follow-buttons #follow-title {
              font-size: 100%;
              width: 80px; } }
          .bottom-row-container #bottom-left-container #follow-panel .follow-buttons #follow-title .follow-inner {
            position: relative;
            width: 100%;
            height: 25px;
            top: 50%;
            margin-top: -12px; }
            @media only screen and (min-width: 800px) and (max-width: 1280px) {
              .bottom-row-container #bottom-left-container #follow-panel .follow-buttons #follow-title .follow-inner {
                height: 15px;
                margin-top: -6px; } }
        .bottom-row-container #bottom-left-container #follow-panel .follow-buttons .fb-follow-container {
          float: left;
          width: 13%;
          height: 100%;
          margin-right: 7%; }
          .bottom-row-container #bottom-left-container #follow-panel .follow-buttons .fb-follow-container #fb-follow-inner {
            position: relative;
            width: 100%;
            height: 50%;
            top: 50%;
            margin-top: -25%; }
            .bottom-row-container #bottom-left-container #follow-panel .follow-buttons .fb-follow-container #fb-follow-inner img {
              width: 100%; }
        .bottom-row-container #bottom-left-container #follow-panel .follow-buttons .twitter-follow-container {
          float: left;
          width: 13%;
          height: 100%;
          margin-right: 7%; }
          .bottom-row-container #bottom-left-container #follow-panel .follow-buttons .twitter-follow-container #twitter-follow-inner {
            position: relative;
            width: 100%;
            height: 50%;
            top: 50%;
            margin-top: -25%; }
            .bottom-row-container #bottom-left-container #follow-panel .follow-buttons .twitter-follow-container #twitter-follow-inner img {
              width: 100%; }
        .bottom-row-container #bottom-left-container #follow-panel .follow-buttons .youtube-follow-container {
          float: left;
          width: 13%;
          height: 100%; }
          .bottom-row-container #bottom-left-container #follow-panel .follow-buttons .youtube-follow-container #youtube-follow-inner {
            position: relative;
            width: 100%;
            height: 50%;
            top: 50%;
            margin-top: -25%; }
            .bottom-row-container #bottom-left-container #follow-panel .follow-buttons .youtube-follow-container #youtube-follow-inner img {
              width: 100%; }
  .bottom-row-container #bottom-middle-container {
    float: left;
    width: 27.95%;
    height: 100%;
    margin-right: .5%; }
    .bottom-row-container #bottom-middle-container #bottom-middle-filler {
      float: left;
      width: 32.2%;
      height: 100%;
      margin-right: 1.8%;
      background: url(../images/yellowguy_new.png);
      /*  background: url(../images/tree.jpg);*/
      overflow: hidden;
      background-repeat: no-repeat; }
      @media only screen and (min-width: 1025px) and (max-width: 1999px) {
        .bottom-row-container #bottom-middle-container #bottom-middle-filler {
          background-size: cover;
          background-position: center; } }
      @media only screen and (min-width: 800px) and (max-width: 1280px) {
        .bottom-row-container #bottom-middle-container #bottom-middle-filler {
          background-size: cover;
          background-position: center; } }
    .bottom-row-container #bottom-middle-container #coloring-panel {
      position: relative;
      float: left;
      width: 66%;
      height: 100%; }
      .bottom-row-container #bottom-middle-container #coloring-panel #coloring-animation-container {
        position: absolute;
        width: 100%;
        height: 100%;
        overflow: hidden;
        bottom: 0; }
        .bottom-row-container #bottom-middle-container #coloring-panel #coloring-animation-container #coloring-animation-container-inner {
          position: absolute;
          width: 100%;
          height: auto;
          top: 0%; }
          .bottom-row-container #bottom-middle-container #coloring-panel #coloring-animation-container #coloring-animation-container-inner img {
            width: 100%;
            height: auto; }
      .bottom-row-container #bottom-middle-container #coloring-panel #coloring-animation-container-back {
        position: absolute;
        width: 100%;
        height: 100%;
        overflow: hidden;
        bottom: 0; }
        .bottom-row-container #bottom-middle-container #coloring-panel #coloring-animation-container-back #coloring-animation-container-inner-back {
          position: absolute;
          width: 100%;
          height: auto;
          top: 18%; }
          .bottom-row-container #bottom-middle-container #coloring-panel #coloring-animation-container-back #coloring-animation-container-inner-back img {
            width: 100%;
            height: auto; }
      .bottom-row-container #bottom-middle-container #coloring-panel #coloring-title {
        position: relative;
        width: 100%;
        text-align: center;
        top: 10%;
        line-height: 1em; }
        @media only screen and (min-width: 800px) and (max-width: 1280px) {
          .bottom-row-container #bottom-middle-container #coloring-panel #coloring-title {
            line-height: 20px; } }
  .bottom-row-container #bottom-right-container {
    float: left;
    width: 37.9%;
    height: 100%; }
    .bottom-row-container #bottom-right-container #share-panel {
      float: left;
      width: 100%;
      height: 22.5%;
      background: #4589de;
      background: -moz-linear-gradient(top, #4589de 0%, #7fb9e7 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4589de), color-stop(100%, #7fb9e7));
      background: -webkit-linear-gradient(top, #4589de 0%, #7fb9e7 100%);
      background: -o-linear-gradient(top, #4589de 0%, #7fb9e7 100%);
      background: -ms-linear-gradient(top, #4589de 0%, #7fb9e7 100%);
      background: linear-gradient(to bottom, #4589de 0%, #7fb9e7 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4589de', endColorstr='#7fb9e7',GradientType=0 );
      margin-top: 1.5%; }
      @media only screen and (min-width: 1025px) and (max-width: 1999px) {
        .bottom-row-container #bottom-right-container #share-panel {
          background-size: cover;
          background-position: center; } }
      @media only screen and (min-width: 800px) and (max-width: 1280px) {
        .bottom-row-container #bottom-right-container #share-panel {
          background-size: cover;
          background-position: center; } }
      .bottom-row-container #bottom-right-container #share-panel .social-buttons {
        float: left;
        width: 100%;
        height: 100%; }
        .bottom-row-container #bottom-right-container #share-panel .social-buttons #share-title {
          float: left;
          font-size: 200%;
          width: 100px;
          height: 100%;
          overflow: hidden;
          margin-right: 5%;
          margin-left: 7%; }
          @media only screen and (min-width: 800px) and (max-width: 1280px) {
            .bottom-row-container #bottom-right-container #share-panel .social-buttons #share-title {
              width: 50px;
              font-size: 100%; } }
          .bottom-row-container #bottom-right-container #share-panel .social-buttons #share-title .share-inner {
            position: relative;
            width: 100%;
            height: 30px;
            top: 50%;
            margin-top: -15px; }
            @media only screen and (min-width: 800px) and (max-width: 1280px) {
              .bottom-row-container #bottom-right-container #share-panel .social-buttons #share-title .share-inner {
                height: 15px;
                margin-top: -6px; } }
        .bottom-row-container #bottom-right-container #share-panel .social-buttons .fb-button-container {
          float: left;
          width: 10%;
          height: 100%;
          margin-right: 15%; }
          .bottom-row-container #bottom-right-container #share-panel .social-buttons .fb-button-container .fb-button-inner {
            position: relative;
            width: 100%;
            height: 20px;
            top: 50%;
            margin-top: -10px; }
        .bottom-row-container #bottom-right-container #share-panel .social-buttons .tweet-button-container {
          float: left;
          width: 10%;
          height: 100%;
          margin-right: 15%; }
          .bottom-row-container #bottom-right-container #share-panel .social-buttons .tweet-button-container .tweet-button-inner {
            position: relative;
            width: 100%;
            height: 20px;
            top: 50%;
            margin-top: -10px; }
        .bottom-row-container #bottom-right-container #share-panel .social-buttons .gplus-button-container {
          float: left;
          width: 10%;
          height: 100%; }
          .bottom-row-container #bottom-right-container #share-panel .social-buttons .gplus-button-container .gplus-button-inner {
            position: relative;
            width: 100%;
            height: 20px;
            top: 50%;
            margin-top: -10px; }
    .bottom-row-container #bottom-right-container #bottom-right-filler {
      float: left;
      width: 23.6%;
      height: 74.2%;
      margin-right: 1.5%;
      background: url(../images/playthegame.jpg);
      overflow: hidden; }
      @media only screen and (min-width: 1025px) and (max-width: 1999px) {
        .bottom-row-container #bottom-right-container #bottom-right-filler {
          background-size: cover;
          background-position: center; } }
      @media only screen and (min-width: 800px) and (max-width: 1280px) {
        .bottom-row-container #bottom-right-container #bottom-right-filler {
          background-size: cover;
          background-position: center; } }
    .bottom-row-container #bottom-right-container #activities-2-panel {
      position: relative;
      float: left;
      width: 74.9%;
      height: 74.2%; }
      .bottom-row-container #bottom-right-container #activities-2-panel #activities-2-animation-container {
        position: absolute;
        width: 55%;
        height: 100%;
        overflow: hidden; }
        .bottom-row-container #bottom-right-container #activities-2-panel #activities-2-animation-container #activities-2-animation-container-inner {
          position: absolute;
          width: 100%;
          height: auto;
          top: 0%; }
          .bottom-row-container #bottom-right-container #activities-2-panel #activities-2-animation-container #activities-2-animation-container-inner img {
            width: 100%;
            height: auto; }
      .bottom-row-container #bottom-right-container #activities-2-panel #activities-2-animation-container-back {
        position: absolute;
        width: 55%;
        height: 100%;
        overflow: hidden; }
        .bottom-row-container #bottom-right-container #activities-2-panel #activities-2-animation-container-back #activities-2-animation-container-inner-back {
          position: absolute;
          width: 100%;
          height: auto;
          top: 0; }
          .bottom-row-container #bottom-right-container #activities-2-panel #activities-2-animation-container-back #activities-2-animation-container-inner-back img {
            width: 100%;
            height: auto; }
      .bottom-row-container #bottom-right-container #activities-2-panel #activities-2-title {
        width: 300px;
        left: 40%;
        top: 43%; }

.footer {
  float: left;
  width: 100%;
  height: 21.15%;
  background: #91c0fb;
  background: -moz-linear-gradient(top, #91c0fb 0%, #cde6fa 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #91c0fb), color-stop(100%, #cde6fa));
  background: -webkit-linear-gradient(top, #91c0fb 0%, #cde6fa 100%);
  background: -o-linear-gradient(top, #91c0fb 0%, #cde6fa 100%);
  background: -ms-linear-gradient(top, #91c0fb 0%, #cde6fa 100%);
  background: linear-gradient(to bottom, #91c0fb 0%, #cde6fa 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#91c0fb', endColorstr='#cde6fa',GradientType=0 );
  margin-top: .5%; }
  @media only screen and (min-width: 800px) and (max-width: 1280px) {
    .footer {
      height: 40%; } }
  @media only screen and (min-width: 480px) and (max-width: 800px) {
    .footer {
      height: 20%;
      margin-top: 1%; } }
  @media only screen and (max-width: 480px) {
    .footer {
      height: 225px;
      margin-top: 0; } }
  @media only screen and (min-device-width: 768px) and (max-device-width: 768px) and (orientation: portrait) {
    .footer {
      height: 128px; } }
  .footer .rating-bug {
    position: relative;
    width: 265px;
    height: 56px;
    top: 13px;
    left: 50%;
    margin-left: -133px; }
    @media only screen and (max-width: 480px) {
      .footer .rating-bug {
        margin-left: -127px; } }
    .footer .rating-bug img {
      margin-left: 14%;
      width: 200px; }
    @media only screen and (min-width: 800px) and (max-width: 1280px) {
      .footer .rating-bug {
        			/*
        			width: 132px;
                     height: 20px;
                     top: 20px;
                     left: 50%;
                     margin-left: -66px;
        
        			*/
        position: relative;
        width: 139px;
        height: 28px;
        top: 5px;
        left: 50%;
        margin-left: -114px; }
        .footer .rating-bug img {
          height: 180%;
          margin-left: 36%;
          width: 130px;
          				/*
                          width: 132px;
                          height: 20px;
          				margin-left: 5%;
          				*/ } }
    @media only screen and (min-width: 480px) and (max-width: 800px) {
      .footer .rating-bug {
        width: 160px;
        top: 12px;
        left: 50%;
        margin-left: -95px; }
        .footer .rating-bug img {
          width: 160px; } }
  .footer #footer-links {
    position: relative;
    width: 641px;
    height: auto;
    top: 18%;
    left: 50%;
    margin-left: -320px;
    text-align: center;
    color: #23528b;
    font-size: 90%;
    font-family: "Helvetica", Sans-Serif;
    line-height: 1.6em; }
    @media only screen and (min-width: 800px) and (max-width: 1280px) {
      .footer #footer-links {
        width: 400px;
        height: auto;
        font-size: 50%;
        line-height: 1.5em;
        top: 11%;
        margin-left: -200px; } }
    @media only screen and (min-width: 480px) and (max-width: 800px) {
      .footer #footer-links {
        font-size: 60%;
        line-height: 1.5em;
        top: 14%; } }
    @media only screen and (max-width: 480px) {
      .footer #footer-links {
        font-size: 10px;
        width: 300px;
        left: 50%;
        margin-left: -150px; } }
    .footer #footer-links a {
      color: #23528b;
      text-decoration: none; }
      .footer #footer-links a:hover {
        text-decoration: underline; }
      .footer #footer-links a:visited {
        color: #23528b; }