body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  box-sizing: border-box;
  font-family: 'Kanit', sans-serif; }

*, *:before, *:after {
  box-sizing: inherit;
  -webkit-tap-highlight-color: transparent; }

a {
  text-decoration: none; }

ul {
  margin: 0;
  padding: 0;
  list-style-type: none; }

li {
  display: inline-block;
  margin: 0;
  padding: 0; }

:focus {
  outline: none; }

#partners {
  /**
   * Partners
   */
  /**
   * Overlay
   */
  /**
   * Parallax
   */
  /**
   * Backgrounds
   */ }
  @media (min-width: 660px) {
    #partners {
      overflow: hidden;
      position: relative; } }
  #partners h1 {
    margin: 0.75em 0; }
  #partners .page-fg {
    padding-bottom: 0; }
  #partners .partners {
    margin: 0 auto;
    text-align: center;
    font-size: 0; }
    #partners .partners.hide {
      display: none; }
    #partners .partners .inner:after {
      content: "";
      display: table;
      clear: both; }
    #partners .partners .partner {
      display: block;
      float: left; }
      #partners .partners .partner a {
        display: inline-block; }
      #partners .partners .partner img {
        border: solid 4px #f7ca2c;
        display: block;
        height: auto; }
      .no-touchevents #partners .partners .partner a:hover img,
      .touchevents #partners .partners .partner a:active img {
        border: solid 4px #FFF; }
    @media (min-width: 660px) {
      #partners .partners.layout-2 {
        max-width: 452px; }
        #partners .partners.layout-2 .partner {
          width: 50%; }
      #partners .partners.layout-4 {
        max-width: 740px;
        padding: 0 10px; }
        #partners .partners.layout-4 .partner {
          width: 25%; }
      #partners .partners .partner a {
        padding: 0 10px 20px 10px; }
      #partners .partners .partner img {
        width: 100%;
        height: auto; } }
    @media (max-width: 659px) {
      #partners .partners {
        padding: 0 8px 16px 8px; }
        #partners .partners .partner {
          width: 50%;
          padding: 0 8px;
          margin-bottom: 15px; }
          #partners .partners .partner a {
            display: inline; }
        #partners .partners img {
          display: block;
          width: 100%; } }
  #partners .overlay {
    background-color: #000;
    position: absolute;
    z-index: 10;
    display: none; }
    #partners .overlay .close {
      position: absolute;
      display: block;
      background: url(../media/partners/close.png) no-repeat 0 center;
      background-size: 200% 100%; }
      .no-touchevents #partners .overlay .close:hover,
      .touchevents #partners .overlay .close:active {
        background-position: 100% center; }
    #partners .overlay .thumbnail img {
      border: solid 4px #f7ca2c; }
    #partners .overlay .visit {
      background-color: #f7ca2c;
      text-align: center;
      font-weight: bold;
      display: block;
      height: 50px; }
      #partners .overlay .visit span {
        font-size: 1.375em;
        line-height: 50px; }
      #partners .overlay .visit:link, #partners .overlay .visit:visited {
        color: #282828; }
      .no-touchevents #partners .overlay .visit:hover,
      .touchevents #partners .overlay .visit:active {
        color: #FFF; }
    #partners .overlay .scroll {
      color: #FFF; }
      #partners .overlay .scroll .copy {
        line-height: 1.5em; }
      #partners .overlay .scroll.no-scroll .iScrollVerticalScrollbar {
        display: none; }
    #partners .overlay .iScrollVerticalScrollbar {
      height: 84% !important;
      top: 10% !important;
      width: 8px !important;
      right: 0 !important; }
      #partners .overlay .iScrollVerticalScrollbar:before {
        content: "";
        left: 3px;
        width: 2px;
        height: 100%;
        position: absolute;
        background-color: #f7ca2c; }
      #partners .overlay .iScrollVerticalScrollbar .iScrollIndicator {
        border: none !important;
        border-radius: 0 !important;
        background-color: #f7ca2c !important;
        height: 68.75%;
        width: 8px !important; }
    @media (min-width: 660px) {
      #partners .overlay {
        top: 100px;
        left: 50%;
        width: 634px;
        height: 316px !important;
        min-height: 0 !important;
        margin-left: -317px;
        background: #000 url(../media/partners/overlay-bg.jpg) no-repeat;
        box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.35);
        -webkit-transform-origin: 50% 600%;
            -ms-transform-origin: 50% 600%;
                transform-origin: 50% 600%; }
        #partners .overlay .thumbnail {
          position: absolute;
          top: 40px;
          left: 40px; }
          #partners .overlay .thumbnail img {
            width: 158px;
            height: auto; }
        #partners .overlay .close {
          width: 20px;
          height: 20px;
          top: 10px;
          right: 10px; }
        #partners .overlay .scroll {
          width: 360px;
          height: 168px;
          left: 235px;
          top: 35px;
          position: absolute;
          overflow: hidden; }
          #partners .overlay .scroll .copy {
            padding-right: 30px; }
        #partners .overlay .visit {
          width: 280px;
          top: 235px;
          left: 235px;
          position: absolute; } }
    @media (max-width: 659px) {
      #partners .overlay {
        top: 0;
        background: url(../media/characters/bg-mobile.jpg) repeat-x top center, #343734 url(../media/characters/bg-mobile-repeat.jpg) repeat center 882px;
        background-size: 10px auto, 10px auto;
        padding: 20px 20px 60px 20px;
        -webkit-transform: rotate(0deg) !important;
            -ms-transform: rotate(0deg) !important;
                transform: rotate(0deg) !important; }
        #partners .overlay .thumbnail img {
          width: 46%;
          height: auto;
          max-width: 260px; }
        #partners .overlay .close {
          width: 20px;
          height: 20px;
          right: 20px; }
        #partners .overlay .scroll {
          margin-top: 12px;
          font-size: 16px;
          margin-bottom: 12px; } }
  #partners .page-bg .penguin,
  #partners .page-bg .mud {
    display: none; }
  @media (min-width: 740px) and (min-height: 670px) {
    #partners .page-bg {
      -webkit-perspective: 4000px;
              perspective: 4000px; }
      #partners .page-bg .penguin {
        display: block;
        bottom: -40px;
        position: absolute;
        right: 62%;
        -webkit-transform: translateZ(-50px);
                transform: translateZ(-50px);
        z-index: 2; }
        #partners .page-bg .penguin img {
          opacity: 0;
          -webkit-transform-origin: 0 100%;
              -ms-transform-origin: 0 100%;
                  transform-origin: 0 100%; }
      #partners .page-bg .mud {
        display: block;
        position: absolute;
        bottom: -40px;
        width: auto;
        right: -40px;
        -webkit-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1);
        -webkit-transform: translateZ(-100px);
                transform: translateZ(-100px);
        z-index: 1; }
        #partners .page-bg .mud img {
          opacity: 0;
          -webkit-transform-origin: 100% 100%;
              -ms-transform-origin: 100% 100%;
                  transform-origin: 100% 100%; } }
  @media (max-width: 1200px) {
    #partners .page-bg .penguin {
      left: 2%;
      right: auto; } }
  @media (min-width: 660px) {
    #partners .bg {
      background: url(../media/partners/bg.jpg) no-repeat center center;
      background-size: cover; } }
  @media (max-width: 659px) {
    #partners .page-inner {
      background: #000 url(../media/partners/bg-mobile.jpg) no-repeat top center;
      background-size: 100% auto; } }
/*# sourceMappingURL=partners.css.map */