@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);
@charset "utf-8"; 
  html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6,
  p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn,
  em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b,
  u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table,
  caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent; }

    body {
      line-height: 1; }

      ol, ul {
        list-style: none; }

        blockquote, q {
          quotes: none; }

          :focus {
            outline: 0; }

            ins {
              text-decoration: none; }

              del {
                text-decoration: line-through; }

                table {
                  border-collapse: collapse;
                  border-spacing: 0; }

                  .clfl:after {
                    content: ".";
                    display: block;
                    clear: left;
                    height: 0;
                    visibility: hidden; }

                    .clfr:after {
                      content: ".";
                      display: block;
                      clear: right;
                      height: 0;
                      visibility: hidden; }

                      .clf:after, .wrap:after, header:after, footer .wrap .col:after,
                      .articles article:after, .articles .article:after,
                      body.top section#press .articles:after,
                      footer body.top section#press .articles .col:after,
                      body.top section#press footer .articles .col:after,
                      body.top section#news .articles:after,
                      footer body.top section#news .articles .col:after,
                      body.top section#news footer .articles .col:after, body.news .articles:after,
                      footer body.news .articles .col:after, body.news footer .articles .col:after,
                      body.press .articles:after, footer body.press .articles .col:after,
                      body.press footer .articles .col:after, body.usage .content.wrap .col2:after,
                      body.usage body.top section#press .content.articles .col2:after,
                      body.top section#press body.usage .content.articles .col2:after,
                      body.usage body.top section#news .content.articles .col2:after,
                      body.top section#news body.usage .content.articles .col2:after,
                      body.usage body.news .content.articles .col2:after,
                      body.news body.usage .content.articles .col2:after,
                      body.usage body.press .content.articles .col2:after,
                      body.press body.usage .content.articles .col2:after, body.news.press .box:after,
                      body.news.press .articles article:after, body.news.press .articles .article:after {
                        content: ".";
                        display: block;
                        clear: both;
                        height: 0;
                        visibility: hidden; }

                        .clf, .wrap, header, footer .wrap .col, .articles article, .articles .article,
                        body.top section#press .articles, footer body.top section#press .articles .col,
                        body.top section#press footer .articles .col, body.top section#news .articles,
                        footer body.top section#news .articles .col,
                        body.top section#news footer .articles .col, body.news .articles,
                        footer body.news .articles .col, body.news footer .articles .col,
                        body.press .articles, footer body.press .articles .col,
                        body.press footer .articles .col, body.usage .content.wrap .col2,
                        body.usage body.top section#press .content.articles .col2,
                        body.top section#press body.usage .content.articles .col2,
                        body.usage body.top section#news .content.articles .col2,
                        body.top section#news body.usage .content.articles .col2,
                        body.usage body.news .content.articles .col2,
                        body.news body.usage .content.articles .col2,
                        body.usage body.press .content.articles .col2,
                        body.press body.usage .content.articles .col2, body.news.press .box,
                        body.news.press .articles article, body.news.press .articles .article {
                          min-height: 1px; }

                          * html .clf, * html .wrap, * html header, * html footer .wrap .col,
                          footer .wrap * html .col, * html .articles article, .articles * html article,
                          * html .articles .article, .articles * html .article,
                          * html body.top section#press .articles, body.top section#press * html .articles,
                          * html footer body.top section#press .articles .col,
                          body.top section#press * html footer .articles .col,
                          footer body.top section#press .articles * html .col,
                          body.top section#press footer .articles * html .col,
                          * html body.top section#news .articles, body.top section#news * html .articles,
                          * html footer body.top section#news .articles .col,
                          body.top section#news * html footer .articles .col,
                          footer body.top section#news .articles * html .col,
                          body.top section#news footer .articles * html .col, * html body.news .articles,
                          body.news * html .articles, * html footer body.news .articles .col,
                          body.news * html footer .articles .col, footer body.news .articles * html .col,
                          body.news footer .articles * html .col, * html body.press .articles,
                          body.press * html .articles, * html footer body.press .articles .col,
                          body.press * html footer .articles .col, footer body.press .articles * html .col,
                          body.press footer .articles * html .col, * html body.usage .content.wrap .col2,
                          body.usage .content.wrap * html .col2,
                          * html body.usage body.top section#press .content.articles .col2,
                          body.usage body.top section#press .content.articles * html .col2,
                          * html body.top section#press body.usage .content.articles .col2,
                          body.top section#press body.usage .content.articles * html .col2,
                          * html body.usage body.top section#news .content.articles .col2,
                          body.usage body.top section#news .content.articles * html .col2,
                          * html body.top section#news body.usage .content.articles .col2,
                          body.top section#news body.usage .content.articles * html .col2,
                          * html body.usage body.news .content.articles .col2,
                          body.usage body.news .content.articles * html .col2,
                          * html body.news body.usage .content.articles .col2,
                          body.news body.usage .content.articles * html .col2,
                          * html body.usage body.press .content.articles .col2,
                          body.usage body.press .content.articles * html .col2,
                          * html body.press body.usage .content.articles .col2,
                          body.press body.usage .content.articles * html .col2, * html body.news.press .box,
                          body.news.press * html .box, * html body.news.press .articles article,
                          body.news.press .articles * html article,
                          * html body.news.press .articles .article,
                          body.news.press .articles * html .article {
                            height: 1px; }

                            body {
                              -webkit-font-smoothing: antialiased;
                              -webkit-text-size-adjust: 100%; }

                              img {
                                border: 0;
                                vertical-align: bottom; }

                                a span {
                                  cursor: pointer; }

                                  .overlay {
                                    cursor: pointer; }

                                    h2 {
                                      padding-top: 20px;
                                      font-size: 25px;
                                      letter-spacing: 0.01em;
                                      color: #202020;
                                      text-align: center;
                                      margin-top: 10px;
                                      margin-bottom: 10px; }

                                      h3 {
                                        font-size: 12px;
                                        letter-spacing: 0.02em;
                                        color: #FFB700;
                                        text-align: center;
                                        margin-top: 10px;
                                        margin-bottom: 10px; }

                                        a {
                                          color: #979797;
                                          text-decoration: none;
                                          transition-duration: 0.2s; }
                                          a:hover {
                                            color: #202020;
                                            transition-duration: 0.2s; }

  a.btn {
    display: inline-block;
    line-height: 1em;
    background-color: #747474;
    color: #fff;
    padding: 16px 39px;
    border-radius: 4px;
    clear: both; }
    a.btn.border {
      background-color: transparent;
      border: 1px solid #FFB700;
      color: #FFB700;
      font-weight: 700;
      padding: 10px 39px; }
      a.btn.border:hover {
        background-color: #FFB700;
        color: #fff; }

  p {
    margin-bottom: 10px;
    margin-left: 20px;
    margin-right: 20px; }

    .date {
      font-family: Helvetica Neue, Helvetica, "Noto Sans JP", "Hiragino Kaku Gothic Pro",
            "ヒラギノ角ゴ Pro W3", "HiraKakuProN-W3", "メイリオ", "Meiryo", "ＭＳ ゴシック", "MS Gothic",
            Osaka, Verdana, arial, helvetica, sans-serif;
      float: left;
      width: 104px;
      margin-right: 30px;
      font-size: 15px;
      font-weight: 300;
      letter-spacing: 0.04em;
      line-height: 25px;
      color: #808080; }

      nav a {
        font-size: 15px;
        font-weight: 700;
        line-height: 1em;
        height: 1em; }
        nav a.current {
          color: #202020; }

  dl dt {
    font-weight: 600; }

  body {
    margin: 0;
    position: relative;
    font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "HiraKakuProN-W3",
        "メイリオ", "Meiryo", "ＭＳ ゴシック", "MS Gothic", Osaka, Verdana, arial, helvetica,
        sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 2em;
    min-width: 970px;
    overflow: scroll; }

    .wrap, body.top section#press .articles, body.top section#news .articles,
    body.news .articles, body.press .articles {
      width: 930px;
      margin-left: auto;
      margin-right: auto; }

      header {
        background-color: #F7C5B7;
        border-bottom: 1px solid #e3e3e6;
        width: 100%;
        z-index: 1000; }
        header h1#logo {
          float: left;
          position: absolute;
          top: 5px;
          left: 26px;
          width: 276px;
          height: 31px; }
          header h1#logo a:hover {
            opacity: 0.5; }
        header #gnav {
          float: right;
          width: 625px;
          height: 79px;
          display: table; }
          header #gnav > a, header #gnav #login {
            position: relative;
            display: table-cell;
            vertical-align: middle;
            text-align: center;
            border-left: 1px solid #e3e3e6;
            width: 137px;
            font-size: 15px; }
            header #gnav > a.current:before, header #gnav #login.current:before {
              content: "";
              display: block;
              width: 100%;
              height: 5px;
              position: absolute;
              background-color: #FFB700;
              top: 0; }
          header #gnav #login {
            background-color: #8EE8DA; }
        header #subnav {
          clear: both;
          text-align: center;
          border-top: 1px solid #e3e3e6;
          font-size: 15px;
          line-height: 1em; }
          header #subnav > a, header #subnav h1 {
            display: inline-block;
            padding-top: 31px;
            height: 48px; }
            header #subnav > a:not(:first-child), header #subnav h1:not(:first-child) {
              margin-left: 50px; }

  html.ie body.top main #slide {
    margin-top: 0; }
  html.ie main > .content {
    margin-top: 0; }
  html.ie body.howto.index main > .content,
  html.ie body.news.press.detail main > .content {
    margin-top: 0; }
  html.ie body.usage main > .content {
    margin-top: 0; }

  @media (min-height: 800px), (orientation: portrait) {
    header {
      transition-duration: 0.25s;
      transition-timing-function: "ease-out";
      position: fixed;
      top: 0;   }
      main {
        padding-top: 160px;   }
        body.hide header {
          transition-duration: 0.25s;
          transition-timing-function: "ease-out";
          top: -80px;   }
    body.top main {
      padding-top: 80px;   }
    body.usage main {
      padding-top: 0;   }
      body.usage main section {
        padding-top: 160px;   }
    html.ie body.top main #slide {
      margin-top: 114px;   }
    html.ie main > .content {
      margin-top: 226px;   }
    html.ie body.howto.index main > .content,
    html.ie body.news.press.detail main > .content {
      margin-top: 160px;   }
    html.ie body.usage main > .content {
      margin-top: 0;   }
}

  #pagenav {
    text-align: center; }
    #pagenav a {
      font-family: Helvetica Neue, Helvetica, "Noto Sans JP", "Hiragino Kaku Gothic Pro",
            "ヒラギノ角ゴ Pro W3", "HiraKakuProN-W3", "メイリオ", "Meiryo", "ＭＳ ゴシック", "MS Gothic",
            Osaka, Verdana, arial, helvetica, sans-serif;
      font-size: 22px;
      line-height: 1em;
      font-weight: 400;
      margin: 0 19px;
      color: #333333 !important; }
      #pagenav a.active {
        color: #bebebf !important; }
    #pagenav .prev, #pagenav .next {
      display: inline-block;
      width: 22px;
      height: 18px;
      background-repeat: no-repeat;
      background-position: center;
      margin: 0; }
      #pagenav .prev {
        background-image: url(/img/pagenav-prev.png);
        margin-right: 20px; }
        #pagenav .next {
          margin-left: 20px;
          background-image: url(/img/pagenav-next.png); }

  footer {
    background-color: #FFB700;
    color: #fff;
    padding: 50px 0; }
    footer .wrap .col, footer body.top section#press .articles .col,
    body.top section#press footer .articles .col,
    footer body.top section#news .articles .col,
    body.top section#news footer .articles .col, footer body.news .articles .col,
    body.news footer .articles .col, footer body.press .articles .col,
    body.press footer .articles .col {
      float: left;
      width: 210px; }
      footer .wrap .col:not(:first-child),
      footer body.top section#press .articles .col:not(:first-child),
      body.top section#press footer .articles .col:not(:first-child),
      footer body.top section#news .articles .col:not(:first-child),
      body.top section#news footer .articles .col:not(:first-child),
      footer body.news .articles .col:not(:first-child),
      body.news footer .articles .col:not(:first-child),
      footer body.press .articles .col:not(:first-child),
      body.press footer .articles .col:not(:first-child) {
        margin-left: 30px; }
        footer .wrap .col a, footer body.top section#press .articles .col a,
        body.top section#press footer .articles .col a,
        footer body.top section#news .articles .col a,
        body.top section#news footer .articles .col a, footer body.news .articles .col a,
        body.news footer .articles .col a, footer body.press .articles .col a,
        body.press footer .articles .col a {
          display: inline-block;
          color: #fff;
          font-size: 13px;
          line-height: 1em; }
          footer .wrap .col a:hover, footer body.top section#press .articles .col a:hover,
          body.top section#press footer .articles .col a:hover,
          footer body.top section#news .articles .col a:hover,
          body.top section#news footer .articles .col a:hover,
          footer body.news .articles .col a:hover, body.news footer .articles .col a:hover,
          footer body.press .articles .col a:hover, body.press footer .articles .col a:hover {
            opacity: 0.5; }
      footer .wrap .col strong, footer body.top section#press .articles .col strong,
      body.top section#press footer .articles .col strong,
      footer body.top section#news .articles .col strong,
      body.top section#news footer .articles .col strong,
      footer body.news .articles .col strong, body.news footer .articles .col strong,
      footer body.press .articles .col strong, body.press footer .articles .col strong {
        display: block;
        font-size: 16px;
        margin-bottom: 1em; }
    footer .wrap.copyright, footer body.top section#press .copyright.articles,
    body.top section#press footer .copyright.articles,
    footer body.top section#news .copyright.articles,
    body.top section#news footer .copyright.articles,
    footer body.news .copyright.articles, body.news footer .copyright.articles,
    footer body.press .copyright.articles, body.press footer .copyright.articles {
      margin-top: 50px; }
      footer .wrap.copyright #copyright,
      footer body.top section#press .copyright.articles #copyright,
      body.top section#press footer .copyright.articles #copyright,
      footer body.top section#news .copyright.articles #copyright,
      body.top section#news footer .copyright.articles #copyright,
      footer body.news .copyright.articles #copyright,
      body.news footer .copyright.articles #copyright,
      footer body.press .copyright.articles #copyright,
      body.press footer .copyright.articles #copyright {
        clear: both;
        display: inline-block;
        font-size: 10px;
        line-height: 1em;
        padding: 21px 0; }
        footer .wrap.copyright #pageTop,
        footer body.top section#press .copyright.articles #pageTop,
        body.top section#press footer .copyright.articles #pageTop,
        footer body.top section#news .copyright.articles #pageTop,
        body.top section#news footer .copyright.articles #pageTop,
        footer body.news .copyright.articles #pageTop,
        body.news footer .copyright.articles #pageTop,
        footer body.press .copyright.articles #pageTop,
        body.press footer .copyright.articles #pageTop {
          float: right;
          display: inline-block;
          background: url(/img/pageTop.png) no-repeat right center;
          font-size: 10px;
          line-height: 1em;
          padding: 21px 60px 21px 0;
          color: #fff; }
          footer .wrap.copyright #pageTop:hover,
          footer body.top section#press .copyright.articles #pageTop:hover,
          body.top section#press footer .copyright.articles #pageTop:hover,
          footer body.top section#news .copyright.articles #pageTop:hover,
          body.top section#news footer .copyright.articles #pageTop:hover,
          footer body.news .copyright.articles #pageTop:hover,
          body.news footer .copyright.articles #pageTop:hover,
          footer body.press .copyright.articles #pageTop:hover,
          body.press footer .copyright.articles #pageTop:hover {
            opacity: 0.5; }

  .articles article, .articles .article {
    display: block;
    padding: 5px 0;
    border-bottom: 1px solid #e3e3e6; }
    .articles article:first-child, .articles .article:first-child {
      border-top: 1px solid #e3e3e6; }
      .articles article .tags .tag, .articles .article .tags .tag {
        display: block;
        width: 141px;
        background-color: #ccc;
        color: #fff;
        font-size: 10px;
        line-height: 1em;
        font-weight: 700;
        padding: 8px 15px;
        text-transform: uppercase;
        border-radius: 3px;
        text-align: left; }
        .articles article .tags .tag.Media, .articles .article .tags .tag.Media {
          background-color: #33ccff; }
          .articles article .tags .tag.PressRelease,
          .articles .article .tags .tag.PressRelease {
            background-color: #e3e3e6; }
            .articles article .tags .tag.Blog, .articles .article .tags .tag.Blog {
              background-color: #FFB700; }
              .articles article .tags .tag.Event, .articles .article .tags .tag.Event {
                background-color: #8EE8DA; }
                .articles article .tags .tag.Support, .articles .article .tags .tag.Support {
                  background-color: #F7C5B7; }
                  .articles article .tags .tag.Info, .articles .article .tags .tag.Info {
                    background-color: #979799; }
    .articles article .content .summary a.btn,
    .articles .article .content .summary a.btn {
      border: 1px solid #d9d9d9;
      border-radius: 6px;
      padding: 5px 18px 5px 31px;
      background: url(/img/press-arrow.png) no-repeat 13px center;
      color: #4c4c4c !important;
      font-size: 12px;
      font-weight: 500;
      line-height: 1em; }
      u .articles article .content .summary a.btn:hover,
      u .articles .article .content .summary a.btn:hover {
        border-color: #888; }

  @keyframes fadeIn {
    0% {
      opacity: 0;   }
      100% {
        opacity: 1;   }
}

  @-webkit-keyframes fadeIn {
    0% {
      opacity: 0;   }
      100% {
        opacity: 1;   }
}

  body.top section {
    text-align: center;
    padding-bottom: 80px; }
    body.top section#slide {
      padding: 0;
      animation: fadeIn 3s ease 0s 1 normal;
      -webkit-animation: fadeIn 3s ease 0s 1 normal; }
      body.top section#slide #slider.slick-slider {
        margin-top: 34px;
        margin-bottom: 48px; }
        body.top section#slide #slider.slick-slider .slick-slide {
          text-align: center; }
          body.top section#slide #slider.slick-slider .slick-slide > img {
            display: inline; }
        body.top section#slide #slider.slick-slider .slick-dots {
          bottom: -18px; }
          body.top section#slide #slider.slick-slider .slick-dots li {
            margin: 0;
            width: 15px;
            height: 15px; }
            body.top section#slide #slider.slick-slider .slick-dots li button {
              width: 15px;
              height: 15px; }
              body.top section#slide #slider.slick-slider .slick-dots li button:before {
                font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "HiraKakuProN-W3",
                                "メイリオ", "Meiryo", "ＭＳ ゴシック", "MS Gothic", Osaka, Verdana, arial, helvetica,
                                sans-serif;
                font-size: 36px;
                color: #e5e5e5;
                opacity: 1;
                width: 15px;
                height: 15px; }
            body.top section#slide #slider.slick-slider .slick-dots li.slick-active button:before {
              opacity: 1;
              color: #FFB700; }
    body.top section#groups {
      text-align: center;
      padding-bottom: 56px; }
      body.top section#groups .wrap, body.top section#groups section#press .articles,
      body.top section#press section#groups .articles,
      body.top section#groups section#news .articles,
      body.top section#news section#groups .articles,
      body.top section#groups body.news .articles,
      body.news body.top section#groups .articles,
      body.top section#groups body.press .articles,
      body.press body.top section#groups .articles {
        margin-bottom: 45px;
        margin-top: 42px; }
        body.top section#groups .wrap .unit,
        body.top section#groups section#press .articles .unit,
        body.top section#press section#groups .articles .unit,
        body.top section#groups section#news .articles .unit,
        body.top section#news section#groups .articles .unit,
        body.top section#groups body.news .articles .unit,
        body.news body.top section#groups .articles .unit,
        body.top section#groups body.press .articles .unit,
        body.press body.top section#groups .articles .unit {
          float: left;
          width: 280px; }
          body.top section#groups .wrap .unit:not(:first-child),
          body.top section#groups section#press .articles .unit:not(:first-child),
          body.top section#press section#groups .articles .unit:not(:first-child),
          body.top section#groups section#news .articles .unit:not(:first-child),
          body.top section#news section#groups .articles .unit:not(:first-child),
          body.top section#groups body.news .articles .unit:not(:first-child),
          body.news body.top section#groups .articles .unit:not(:first-child),
          body.top section#groups body.press .articles .unit:not(:first-child),
          body.press body.top section#groups .articles .unit:not(:first-child) {
            margin-left: 30px; }
            body.top section#groups .wrap .unit h4,
            body.top section#groups section#press .articles .unit h4,
            body.top section#press section#groups .articles .unit h4,
            body.top section#groups section#news .articles .unit h4,
            body.top section#news section#groups .articles .unit h4,
            body.top section#groups body.news .articles .unit h4,
            body.news body.top section#groups .articles .unit h4,
            body.top section#groups body.press .articles .unit h4,
            body.press body.top section#groups .articles .unit h4 {
              text-align: center;
              font-size: 15px;
              margin: 16px 0 12px;
              color: #FFFFFF; }
              body.top section#groups .wrap .unit p,
              body.top section#groups section#press .articles .unit p,
              body.top section#press section#groups .articles .unit p,
              body.top section#groups section#news .articles .unit p,
              body.top section#news section#groups .articles .unit p,
              body.top section#groups body.news .articles .unit p,
              body.news body.top section#groups .articles .unit p,
              body.top section#groups body.press .articles .unit p,
              body.press body.top section#groups .articles .unit p {
                text-align: center;
                font-size: 12px;
                line-height: 23px;
                color: #262626; }
      body.top section#groups a.btn {
        width: 172px; }
    body.top section#press .articles {
      margin-bottom: 10px; }
      body.top section#press .articles article, body.top section#press .articles .article {
        text-align: left; }
        body.top section#press .articles article .tags .tag,
        body.top section#press .articles .article .tags .tag {
          text-align: center;
          float: left;
          width: 141px;
          margin-right: 17px; }
          body.top section#press .articles article .tags .tag.Media,
          body.top section#press .articles .article .tags .tag.Media {
            background-color: #33ccff; }
            body.top section#press .articles article .tags .tag.PressRelease,
            body.top section#press .articles .article .tags .tag.PressRelease {
              background-color: #e3e3e6; }
              body.top section#press .articles article .tags .tag.Blog,
              body.top section#press .articles .article .tags .tag.Blog {
                background-color: #FFB700; }
                body.top section#press .articles article .tags .tag.Event,
                body.top section#press .articles .article .tags .tag.Event {
                  background-color: #8EE8DA; }
                  body.top section#press .articles article .tags .tag.Support,
                  body.top section#press .articles .article .tags .tag.Support {
                    background-color: #F7C5B7; }
                    body.top section#press .articles article .tags .tag.Info,
                    body.top section#press .articles .article .tags .tag.Info {
                      background-color: #979799; }
        body.top section#press .articles article .date,
        body.top section#press .articles .article .date {
          float: left;
          width: 104px;
          margin-right: 30px;
          font-size: 15px;
          font-weight: 300;
          letter-spacing: 0.04em;
          line-height: 25px;
          color: #808080; }
    body.top section#news .articles {
      margin-bottom: 10px; }
      body.top section#news .articles article, body.top section#news .articles .article {
        text-align: left; }
        body.top section#news .articles article .tags .tag,
        body.top section#news .articles .article .tags .tag {
          text-align: center;
          float: left;
          width: 141px;
          margin-right: 17px; }
          body.top section#news .articles article .tags .tag.Media,
          body.top section#news .articles .article .tags .tag.Media {
            background-color: #33ccff; }
            body.top section#news .articles article .tags .tag.PressRelease,
            body.top section#news .articles .article .tags .tag.PressRelease {
              background-color: #e3e3e6; }
              body.top section#news .articles article .tags .tag.Blog,
              body.top section#news .articles .article .tags .tag.Blog {
                background-color: #FFB700; }
                body.top section#news .articles article .tags .tag.Event,
                body.top section#news .articles .article .tags .tag.Event {
                  background-color: #8EE8DA; }
                  body.top section#news .articles article .tags .tag.Support,
                  body.top section#news .articles .article .tags .tag.Support {
                    background-color: #F7C5B7; }
                    body.top section#news .articles article .tags .tag.Info,
                    body.top section#news .articles .article .tags .tag.Info {
                      background-color: #979799; }
        body.top section#news .articles article .date,
        body.top section#news .articles .article .date {
          float: left;
          width: 104px;
          margin-right: 30px;
          font-size: 15px;
          font-weight: 300;
          letter-spacing: 0.04em;
          line-height: 25px;
          color: #808080; }
          body.top section#news .articles article .content,
          body.top section#news .articles .article .content {
            float: left;
            width: 594px; }
            body.top section#news .articles article .content .summary,
            body.top section#news .articles .article .content .summary {
              font-size: 14px;
              color: #000; }
              body.top section#news .articles article .content .summary p,
              body.top section#news .articles .article .content .summary p {
                margin-bottom: 10px; }
    body.top section#press {
      border-top: 1px solid #d8d8d8; }
      body.top section#press h4 {
        margin-bottom: 17px; }
        body.top section#press > p {
          font-size: 13px;
          line-height: 26px;
          margin-bottom: 15px; }
          body.top section#press .articles {
            margin-bottom: 20px; }
            body.top section#press .articles article, body.top section#press .articles .article {
              text-align: left;
              color: #4c4c4c; }
              body.top section#press .articles article .tags .tag,
              body.top section#press .articles .article .tags .tag {
                text-align: center;
                float: left;
                width: 141px;
                margin-right: 17px; }
                body.top section#press .articles article .tags .tag.Media,
                body.top section#press .articles .article .tags .tag.Media {
                  background-color: #33ccff; }
                  body.top section#press .articles article .tags .tag.PressRelease,
                  body.top section#press .articles .article .tags .tag.PressRelease {
                    background-color: #e3e3e6; }
                    body.top section#press .articles article .tags .tag.Blog,
                    body.top section#press .articles .article .tags .tag.Blog {
                      background-color: #FFB700; }
                      body.top section#press .articles article .tags .tag.Event,
                      body.top section#press .articles .article .tags .tag.Event {
                        background-color: #8EE8DA; }
                        body.top section#press .articles article .tags .tag.Support,
                        body.top section#press .articles .article .tags .tag.Support {
                          background-color: #F7C5B7; }
                          body.top section#press .articles article .tags .tag.Info,
                          body.top section#press .articles .article .tags .tag.Info {
                            background-color: #979799; }
              body.top section#press .articles article .date,
              body.top section#press .articles .article .date {
                float: left;
                width: 104px;
                margin-right: 30px;
                font-size: 15px;
                font-weight: 300;
                letter-spacing: 0.04em;
                line-height: 25px;
                color: #808080; }
                body.top section#press .articles article .content,
                body.top section#press .articles .article .content {
                  float: left;
                  width: 594px;
                  font-size: 16px;
                  font-weight: 700; }
                  body.top section#press .articles article:hover .date,
                  body.top section#press .articles .article:hover .date {
                    background: url(/img/press-arrow.png) no-repeat 90px center; }
                    body.top section#press .articles article:hover .content,
                    body.top section#press .articles .article:hover .content {
                      color: #FFB700; }

  body.news h4, body.press h4, body.howto h4, body.usage h4, body.contact h4 {
    padding-top: 12px;
    margin-bottom: 10px;
    font-size: 26px;
    color: #202020;
    background: linear-gradient(transparent 90%, #a7d6ff 90%); }
    body.news h5, body.press h5, body.howto h5, body.usage h5, body.contact h5 {
      padding: 5px;
      margin: 10px 0px 10px 10px;
      color: #fff;
      font-size: 18px;
      display: inline-block;
      line-height: 1.3;
      background: #b0c4de;
      vertical-align: middle;
      border-radius: 15px 0px 0px 15px; }
      body.news h5:before, body.press h5:before, body.howto h5:before,
      body.usage h5:before, body.contact h5:before {
        content: '●';
        color: white;
        margin-right: 8px; }
        body.news h6, body.press h6, body.howto h6, body.usage h6, body.contact h6 {
          padding: 5px 5px 5px 15px;
          margin: 20px 0px 10px 20px;
          color: #000;
          font-size: 14px;
          background: transparent;
          border-left: solid 5px #7db4e6; }
          body.news p, body.press p, body.howto p, body.usage p, body.contact p {
            margin-top: 5px;
            padding: 0px 0px 0px 5px; }
            body.news ul, body.news ol, body.press ul, body.press ol, body.howto ul,
            body.howto ol, body.usage ul, body.usage ol, body.contact ul, body.contact ol {
              list-style-type: square;
              margin: 20px;
              padding: 5px 10px 5px 55px; }
              body.news ul li, body.news ol li, body.press ul li, body.press ol li,
              body.howto ul li, body.howto ol li, body.usage ul li, body.usage ol li,
              body.contact ul li, body.contact ol li {
                line-height: 1;
                padding: 0.2em 0; }
                body.news .box, body.press .box, body.howto .box, body.usage .box,
                body.contact .box {
                  background-color: #f5f5f5;
                  padding: 30px 43px;
                  border-radius: 8px;
                  margin-bottom: 30px; }
                  body.news .box strong, body.press .box strong, body.howto .box strong,
                  body.usage .box strong, body.contact .box strong {
                    background-image: url(/img/mail.png);
                    background-repeat: no-repeat;
                    background-position: left 9px;
                    font-size: 20px;
                    font-weight: 700;
                    padding-left: 40px; }
  body.news header, body.press header, body.howto header, body.usage header,
  body.contact header {
    border-color: #e3e3e6; }
    body.news #subnav, body.press #subnav, body.howto #subnav, body.usage #subnav,
    body.contact #subnav {
      background-color: #FFB700; }
      body.news #subnav a, body.press #subnav a, body.howto #subnav a,
      body.usage #subnav a, body.contact #subnav a {
        color: #fff;
        opacity: 0.6; }
        body.news #subnav a.current, body.press #subnav a.current,
        body.howto #subnav a.current, body.usage #subnav a.current,
        body.contact #subnav a.current {
          opacity: 1; }

  body.news .articles {
    margin-top: 60px;
    margin-bottom: 60px; }
    body.news .articles article, body.news .articles .article {
      text-align: left; }
      body.news .articles article .tags .tag, body.news .articles .article .tags .tag {
        text-align: center;
        float: left;
        width: 141px;
        margin-right: 17px; }
        body.news .articles article .tags .tag.Media,
        body.news .articles .article .tags .tag.Media {
          background-color: #33ccff; }
          body.news .articles article .tags .tag.PressRelease,
          body.news .articles .article .tags .tag.PressRelease {
            background-color: #e3e3e6; }
            body.news .articles article .tags .tag.Blog,
            body.news .articles .article .tags .tag.Blog {
              background-color: #FFB700; }
              body.news .articles article .tags .tag.Event,
              body.news .articles .article .tags .tag.Event {
                background-color: #8EE8DA; }
                body.news .articles article .tags .tag.Support,
                body.news .articles .article .tags .tag.Support {
                  background-color: #F7C5B7; }
                  body.news .articles article .tags .tag.Info,
                  body.news .articles .article .tags .tag.Info {
                    background-color: #979799; }
      body.news .articles article .date, body.news .articles .article .date {
        float: left;
        width: 104px;
        margin-right: 30px;
        font-size: 15px;
        font-weight: 300;
        letter-spacing: 0.04em;
        line-height: 25px;
        color: #808080; }
        body.news .articles article .content, body.news .articles .article .content {
          float: left;
          width: 594px; }
          body.news .articles article .content .summary,
          body.news .articles .article .content .summary {
            font-size: 14px;
            color: #000; }
            body.news .articles article .content .summary p,
            body.news .articles .article .content .summary p {
              margin-bottom: 5px; }

  body.press .articles {
    margin-top: 60px;
    margin-bottom: 60px; }
    body.press .articles article, body.press .articles .article {
      text-align: left;
      color: #4c4c4c; }
      body.press .articles article .tags .tag, body.press .articles .article .tags .tag {
        text-align: center;
        float: left;
        width: 141px;
        margin-right: 17px; }
        body.press .articles article .tags .tag.Media,
        body.press .articles .article .tags .tag.Media {
          background-color: #33ccff; }
          body.press .articles article .tags .tag.PressRelease,
          body.press .articles .article .tags .tag.PressRelease {
            background-color: #e3e3e6; }
            body.press .articles article .tags .tag.Blog,
            body.press .articles .article .tags .tag.Blog {
              background-color: #FFB700; }
              body.press .articles article .tags .tag.Event,
              body.press .articles .article .tags .tag.Event {
                background-color: #8EE8DA; }
                body.press .articles article .tags .tag.Support,
                body.press .articles .article .tags .tag.Support {
                  background-color: #F7C5B7; }
                  body.press .articles article .tags .tag.Info,
                  body.press .articles .article .tags .tag.Info {
                    background-color: #979799; }
      body.press .articles article .content, body.press .articles .article .content {
        float: left;
        width: 594px;
        font-size: 16px;
        font-weight: 700; }
        body.press .articles article:hover .date, body.press .articles .article:hover .date {
          background: url(/img/press-arrow.png) no-repeat 95px center; }
          body.press .articles article:hover .content,
          body.press .articles .article:hover .content {
            color: #FFB700; }

  body.usage #subnav a {
    transition-duration: 0s; }
    body.usage #subnav a:hover {
      opacity: 1;
      transition-duration: 0s;
      background-image: url(/img/arrow-down.png);
      background-repeat: no-repeat;
      background-position: center 60px; }
  body.usage .content.wrap section#concept h2,
  body.usage body.top section#press .content.articles section#concept h2,
  body.top section#press body.usage .content.articles section#concept h2,
  body.usage body.top section#news .content.articles section#concept h2,
  body.top section#news body.usage .content.articles section#concept h2,
  body.usage body.news .content.articles section#concept h2,
  body.news body.usage .content.articles section#concept h2,
  body.usage body.press .content.articles section#concept h2,
  body.press body.usage .content.articles section#concept h2 {
    font-size: 22px;
    margin: 0;
    padding: 50px 0 42px;
    border-top: 1px solid #e3e3e6; }
    body.usage .content.wrap section#concept .small,
    body.usage body.top section#press .content.articles section#concept .small,
    body.top section#press body.usage .content.articles section#concept .small,
    body.usage body.top section#news .content.articles section#concept .small,
    body.top section#news body.usage .content.articles section#concept .small,
    body.usage body.news .content.articles section#concept .small,
    body.news body.usage .content.articles section#concept .small,
    body.usage body.press .content.articles section#concept .small,
    body.press body.usage .content.articles section#concept .small {
      font-size: 12px; }
  body.usage .content.wrap table th,
  body.usage body.top section#press .content.articles table th,
  body.top section#press body.usage .content.articles table th,
  body.usage body.top section#news .content.articles table th,
  body.top section#news body.usage .content.articles table th,
  body.usage body.news .content.articles table th,
  body.news body.usage .content.articles table th,
  body.usage body.press .content.articles table th,
  body.press body.usage .content.articles table th {
    width: 168px; }
  body.usage .content.wrap .col2 .col,
  body.usage body.top section#press .content.articles .col2 .col,
  body.top section#press body.usage .content.articles .col2 .col,
  body.usage body.top section#news .content.articles .col2 .col,
  body.top section#news body.usage .content.articles .col2 .col,
  body.usage body.news .content.articles .col2 .col,
  body.news body.usage .content.articles .col2 .col,
  body.usage body.press .content.articles .col2 .col,
  body.press body.usage .content.articles .col2 .col {
    float: left;
    width: 360px; }
    body.usage .content.wrap .col2 .col:first-child,
    body.usage body.top section#press .content.articles .col2 .col:first-child,
    body.top section#press body.usage .content.articles .col2 .col:first-child,
    body.usage body.top section#news .content.articles .col2 .col:first-child,
    body.top section#news body.usage .content.articles .col2 .col:first-child,
    body.usage body.news .content.articles .col2 .col:first-child,
    body.news body.usage .content.articles .col2 .col:first-child,
    body.usage body.press .content.articles .col2 .col:first-child,
    body.press body.usage .content.articles .col2 .col:first-child {
      margin-right: 30px; }
      body.usage .content.wrap .col2 .col h3,
      body.usage body.top section#press .content.articles .col2 .col h3,
      body.top section#press body.usage .content.articles .col2 .col h3,
      body.usage body.top section#news .content.articles .col2 .col h3,
      body.top section#news body.usage .content.articles .col2 .col h3,
      body.usage body.news .content.articles .col2 .col h3,
      body.news body.usage .content.articles .col2 .col h3,
      body.usage body.press .content.articles .col2 .col h3,
      body.press body.usage .content.articles .col2 .col h3 {
        margin: 0 0 36px;
        color: #202020; }
        body.usage .content.wrap .col2 .col ul,
        body.usage body.top section#press .content.articles .col2 .col ul,
        body.top section#press body.usage .content.articles .col2 .col ul,
        body.usage body.top section#news .content.articles .col2 .col ul,
        body.top section#news body.usage .content.articles .col2 .col ul,
        body.usage body.news .content.articles .col2 .col ul,
        body.news body.usage .content.articles .col2 .col ul,
        body.usage body.press .content.articles .col2 .col ul,
        body.press body.usage .content.articles .col2 .col ul {
          margin-top: 2em; }
  body.usage .content.wrap #bosyu,
  body.usage body.top section#press .content.articles #bosyu,
  body.top section#press body.usage .content.articles #bosyu,
  body.usage body.top section#news .content.articles #bosyu,
  body.top section#news body.usage .content.articles #bosyu,
  body.usage body.news .content.articles #bosyu,
  body.news body.usage .content.articles #bosyu,
  body.usage body.press .content.articles #bosyu,
  body.press body.usage .content.articles #bosyu {
    margin-top: 30px;
    border: 1px solid #d8d8d8;
    padding: 35px; }
    body.usage .content.wrap #bosyu .btn,
    body.usage body.top section#press .content.articles #bosyu .btn,
    body.top section#press body.usage .content.articles #bosyu .btn,
    body.usage body.top section#news .content.articles #bosyu .btn,
    body.top section#news body.usage .content.articles #bosyu .btn,
    body.usage body.news .content.articles #bosyu .btn,
    body.news body.usage .content.articles #bosyu .btn,
    body.usage body.press .content.articles #bosyu .btn,
    body.press body.usage .content.articles #bosyu .btn {
      margin-top: 1em; }
  body.usage .content.wrap .big,
  body.usage body.top section#press .content.articles .big,
  body.top section#press body.usage .content.articles .big,
  body.usage body.top section#news .content.articles .big,
  body.top section#news body.usage .content.articles .big,
  body.usage body.news .content.articles .big,
  body.news body.usage .content.articles .big,
  body.usage body.press .content.articles .big,
  body.press body.usage .content.articles .big {
    font-size: 15px; }
    body.usage .content.wrap .small,
    body.usage body.top section#press .content.articles .small,
    body.top section#press body.usage .content.articles .small,
    body.usage body.top section#news .content.articles .small,
    body.top section#news body.usage .content.articles .small,
    body.usage body.news .content.articles .small,
    body.news body.usage .content.articles .small,
    body.usage body.press .content.articles .small,
    body.press body.usage .content.articles .small {
      font-size: 12px; }
      body.usage .content.wrap .map,
      body.usage body.top section#press .content.articles .map,
      body.top section#press body.usage .content.articles .map,
      body.usage body.top section#news .content.articles .map,
      body.top section#news body.usage .content.articles .map,
      body.usage body.news .content.articles .map,
      body.news body.usage .content.articles .map,
      body.usage body.press .content.articles .map,
      body.press body.usage .content.articles .map {
        width: 100%;
        height: 380px;
        background-color: #cfcfcf;
        margin: 40px 0 20px; }

  body.howto .content.wrap, body.contact .content.wrap, body.usage .content.wrap,
  body.howto body.top section#press .content.articles,
  body.top section#press body.howto .content.articles,
  body.contact body.top section#press .content.articles,
  body.top section#press body.contact .content.articles,
  body.usage body.top section#press .content.articles,
  body.top section#press body.usage .content.articles,
  body.howto body.top section#news .content.articles,
  body.top section#news body.howto .content.articles,
  body.contact body.top section#news .content.articles,
  body.top section#news body.contact .content.articles,
  body.usage body.top section#news .content.articles,
  body.top section#news body.usage .content.articles,
  body.howto body.news .content.articles, body.news body.howto .content.articles,
  body.contact body.news .content.articles, body.news body.contact .content.articles,
  body.usage body.news .content.articles, body.news body.usage .content.articles,
  body.howto body.press .content.articles, body.press body.howto .content.articles,
  body.contact body.press .content.articles,
  body.press body.contact .content.articles, body.usage body.press .content.articles,
  body.press body.usage .content.articles {
    width: 750px;
    font-weight: 300;
    letter-spacing: 0;
    margin-bottom: 90px; }
    body.howto .content.wrap a:not(.btn), body.contact .content.wrap a:not(.btn),
    body.usage .content.wrap a:not(.btn),
    body.howto body.top section#press .content.articles a:not(.btn),
    body.top section#press body.howto .content.articles a:not(.btn),
    body.contact body.top section#press .content.articles a:not(.btn),
    body.top section#press body.contact .content.articles a:not(.btn),
    body.usage body.top section#press .content.articles a:not(.btn),
    body.top section#press body.usage .content.articles a:not(.btn),
    body.howto body.top section#news .content.articles a:not(.btn),
    body.top section#news body.howto .content.articles a:not(.btn),
    body.contact body.top section#news .content.articles a:not(.btn),
    body.top section#news body.contact .content.articles a:not(.btn),
    body.usage body.top section#news .content.articles a:not(.btn),
    body.top section#news body.usage .content.articles a:not(.btn),
    body.howto body.news .content.articles a:not(.btn),
    body.news body.howto .content.articles a:not(.btn),
    body.contact body.news .content.articles a:not(.btn),
    body.news body.contact .content.articles a:not(.btn),
    body.usage body.news .content.articles a:not(.btn),
    body.news body.usage .content.articles a:not(.btn),
    body.howto body.press .content.articles a:not(.btn),
    body.press body.howto .content.articles a:not(.btn),
    body.contact body.press .content.articles a:not(.btn),
    body.press body.contact .content.articles a:not(.btn),
    body.usage body.press .content.articles a:not(.btn),
    body.press body.usage .content.articles a:not(.btn) {
      color: #479bfa; }
      body.howto .content.wrap a:not(.btn):hover,
      body.contact .content.wrap a:not(.btn):hover,
      body.usage .content.wrap a:not(.btn):hover,
      body.howto body.top section#press .content.articles a:not(.btn):hover,
      body.top section#press body.howto .content.articles a:not(.btn):hover,
      body.contact body.top section#press .content.articles a:not(.btn):hover,
      body.top section#press body.contact .content.articles a:not(.btn):hover,
      body.usage body.top section#press .content.articles a:not(.btn):hover,
      body.top section#press body.usage .content.articles a:not(.btn):hover,
      body.howto body.top section#news .content.articles a:not(.btn):hover,
      body.top section#news body.howto .content.articles a:not(.btn):hover,
      body.contact body.top section#news .content.articles a:not(.btn):hover,
      body.top section#news body.contact .content.articles a:not(.btn):hover,
      body.usage body.top section#news .content.articles a:not(.btn):hover,
      body.top section#news body.usage .content.articles a:not(.btn):hover,
      body.howto body.news .content.articles a:not(.btn):hover,
      body.news body.howto .content.articles a:not(.btn):hover,
      body.contact body.news .content.articles a:not(.btn):hover,
      body.news body.contact .content.articles a:not(.btn):hover,
      body.usage body.news .content.articles a:not(.btn):hover,
      body.news body.usage .content.articles a:not(.btn):hover,
      body.howto body.press .content.articles a:not(.btn):hover,
      body.press body.howto .content.articles a:not(.btn):hover,
      body.contact body.press .content.articles a:not(.btn):hover,
      body.press body.contact .content.articles a:not(.btn):hover,
      body.usage body.press .content.articles a:not(.btn):hover,
      body.press body.usage .content.articles a:not(.btn):hover {
        opacity: 0.5; }
    body.howto .content.wrap small, body.contact .content.wrap small,
    body.usage .content.wrap small,
    body.howto body.top section#press .content.articles small,
    body.top section#press body.howto .content.articles small,
    body.contact body.top section#press .content.articles small,
    body.top section#press body.contact .content.articles small,
    body.usage body.top section#press .content.articles small,
    body.top section#press body.usage .content.articles small,
    body.howto body.top section#news .content.articles small,
    body.top section#news body.howto .content.articles small,
    body.contact body.top section#news .content.articles small,
    body.top section#news body.contact .content.articles small,
    body.usage body.top section#news .content.articles small,
    body.top section#news body.usage .content.articles small,
    body.howto body.news .content.articles small,
    body.news body.howto .content.articles small,
    body.contact body.news .content.articles small,
    body.news body.contact .content.articles small,
    body.usage body.news .content.articles small,
    body.news body.usage .content.articles small,
    body.howto body.press .content.articles small,
    body.press body.howto .content.articles small,
    body.contact body.press .content.articles small,
    body.press body.contact .content.articles small,
    body.usage body.press .content.articles small,
    body.press body.usage .content.articles small {
      font-size: 12px; }
      body.howto .content.wrap ul li, body.contact .content.wrap ul li,
      body.usage .content.wrap ul li,
      body.howto body.top section#press .content.articles ul li,
      body.top section#press body.howto .content.articles ul li,
      body.contact body.top section#press .content.articles ul li,
      body.top section#press body.contact .content.articles ul li,
      body.usage body.top section#press .content.articles ul li,
      body.top section#press body.usage .content.articles ul li,
      body.howto body.top section#news .content.articles ul li,
      body.top section#news body.howto .content.articles ul li,
      body.contact body.top section#news .content.articles ul li,
      body.top section#news body.contact .content.articles ul li,
      body.usage body.top section#news .content.articles ul li,
      body.top section#news body.usage .content.articles ul li,
      body.howto body.news .content.articles ul li,
      body.news body.howto .content.articles ul li,
      body.contact body.news .content.articles ul li,
      body.news body.contact .content.articles ul li,
      body.usage body.news .content.articles ul li,
      body.news body.usage .content.articles ul li,
      body.howto body.press .content.articles ul li,
      body.press body.howto .content.articles ul li,
      body.contact body.press .content.articles ul li,
      body.press body.contact .content.articles ul li,
      body.usage body.press .content.articles ul li,
      body.press body.usage .content.articles ul li {
        font-size: 14px;
        list-style-type: disc;
        margin-left: 1.25em; }
    body.howto .content.wrap ol li, body.contact .content.wrap ol li,
    body.usage .content.wrap ol li,
    body.howto body.top section#press .content.articles ol li,
    body.top section#press body.howto .content.articles ol li,
    body.contact body.top section#press .content.articles ol li,
    body.top section#press body.contact .content.articles ol li,
    body.usage body.top section#press .content.articles ol li,
    body.top section#press body.usage .content.articles ol li,
    body.howto body.top section#news .content.articles ol li,
    body.top section#news body.howto .content.articles ol li,
    body.contact body.top section#news .content.articles ol li,
    body.top section#news body.contact .content.articles ol li,
    body.usage body.top section#news .content.articles ol li,
    body.top section#news body.usage .content.articles ol li,
    body.howto body.news .content.articles ol li,
    body.news body.howto .content.articles ol li,
    body.contact body.news .content.articles ol li,
    body.news body.contact .content.articles ol li,
    body.usage body.news .content.articles ol li,
    body.news body.usage .content.articles ol li,
    body.howto body.press .content.articles ol li,
    body.press body.howto .content.articles ol li,
    body.contact body.press .content.articles ol li,
    body.press body.contact .content.articles ol li,
    body.usage body.press .content.articles ol li,
    body.press body.usage .content.articles ol li {
      font-size: 14px;
      list-style-type: decimal;
      margin-left: 1.25em; }
    body.howto .content.wrap table, body.contact .content.wrap table,
    body.usage .content.wrap table,
    body.howto body.top section#press .content.articles table,
    body.top section#press body.howto .content.articles table,
    body.contact body.top section#press .content.articles table,
    body.top section#press body.contact .content.articles table,
    body.usage body.top section#press .content.articles table,
    body.top section#press body.usage .content.articles table,
    body.howto body.top section#news .content.articles table,
    body.top section#news body.howto .content.articles table,
    body.contact body.top section#news .content.articles table,
    body.top section#news body.contact .content.articles table,
    body.usage body.top section#news .content.articles table,
    body.top section#news body.usage .content.articles table,
    body.howto body.news .content.articles table,
    body.news body.howto .content.articles table,
    body.contact body.news .content.articles table,
    body.news body.contact .content.articles table,
    body.usage body.news .content.articles table,
    body.news body.usage .content.articles table,
    body.howto body.press .content.articles table,
    body.press body.howto .content.articles table,
    body.contact body.press .content.articles table,
    body.press body.contact .content.articles table,
    body.usage body.press .content.articles table,
    body.press body.usage .content.articles table {
      width: 100%;
      margin: 50px 0 90px; }
      body.howto .content.wrap table thead th:first-child,
      body.contact .content.wrap table thead th:first-child,
      body.usage .content.wrap table thead th:first-child,
      body.howto body.top section#press .content.articles table thead th:first-child,
      body.top section#press body.howto .content.articles table thead th:first-child,
      body.contact body.top section#press .content.articles table thead th:first-child,
      body.top section#press body.contact .content.articles table thead th:first-child,
      body.usage body.top section#press .content.articles table thead th:first-child,
      body.top section#press body.usage .content.articles table thead th:first-child,
      body.howto body.top section#news .content.articles table thead th:first-child,
      body.top section#news body.howto .content.articles table thead th:first-child,
      body.contact body.top section#news .content.articles table thead th:first-child,
      body.top section#news body.contact .content.articles table thead th:first-child,
      body.usage body.top section#news .content.articles table thead th:first-child,
      body.top section#news body.usage .content.articles table thead th:first-child,
      body.howto body.news .content.articles table thead th:first-child,
      body.news body.howto .content.articles table thead th:first-child,
      body.contact body.news .content.articles table thead th:first-child,
      body.news body.contact .content.articles table thead th:first-child,
      body.usage body.news .content.articles table thead th:first-child,
      body.news body.usage .content.articles table thead th:first-child,
      body.howto body.press .content.articles table thead th:first-child,
      body.press body.howto .content.articles table thead th:first-child,
      body.contact body.press .content.articles table thead th:first-child,
      body.press body.contact .content.articles table thead th:first-child,
      body.usage body.press .content.articles table thead th:first-child,
      body.press body.usage .content.articles table thead th:first-child {
        width: 190px; }
        body.howto .content.wrap table thead th:not(:first-child),
        body.contact .content.wrap table thead th:not(:first-child),
        body.usage .content.wrap table thead th:not(:first-child),
        body.howto body.top section#press .content.articles table thead th:not(:first-child),
        body.top section#press body.howto .content.articles table thead th:not(:first-child),
        body.contact body.top section#press .content.articles table thead th:not(:first-child),
        body.top section#press body.contact .content.articles table thead th:not(:first-child),
        body.usage body.top section#press .content.articles table thead th:not(:first-child),
        body.top section#press body.usage .content.articles table thead th:not(:first-child),
        body.howto body.top section#news .content.articles table thead th:not(:first-child),
        body.top section#news body.howto .content.articles table thead th:not(:first-child),
        body.contact body.top section#news .content.articles table thead th:not(:first-child),
        body.top section#news body.contact .content.articles table thead th:not(:first-child),
        body.usage body.top section#news .content.articles table thead th:not(:first-child),
        body.top section#news body.usage .content.articles table thead th:not(:first-child),
        body.howto body.news .content.articles table thead th:not(:first-child),
        body.news body.howto .content.articles table thead th:not(:first-child),
        body.contact body.news .content.articles table thead th:not(:first-child),
        body.news body.contact .content.articles table thead th:not(:first-child),
        body.usage body.news .content.articles table thead th:not(:first-child),
        body.news body.usage .content.articles table thead th:not(:first-child),
        body.howto body.press .content.articles table thead th:not(:first-child),
        body.press body.howto .content.articles table thead th:not(:first-child),
        body.contact body.press .content.articles table thead th:not(:first-child),
        body.press body.contact .content.articles table thead th:not(:first-child),
        body.usage body.press .content.articles table thead th:not(:first-child),
        body.press body.usage .content.articles table thead th:not(:first-child) {
          width: 280px; }
      body.howto .content.wrap table tr, body.contact .content.wrap table tr,
      body.usage .content.wrap table tr,
      body.howto body.top section#press .content.articles table tr,
      body.top section#press body.howto .content.articles table tr,
      body.contact body.top section#press .content.articles table tr,
      body.top section#press body.contact .content.articles table tr,
      body.usage body.top section#press .content.articles table tr,
      body.top section#press body.usage .content.articles table tr,
      body.howto body.top section#news .content.articles table tr,
      body.top section#news body.howto .content.articles table tr,
      body.contact body.top section#news .content.articles table tr,
      body.top section#news body.contact .content.articles table tr,
      body.usage body.top section#news .content.articles table tr,
      body.top section#news body.usage .content.articles table tr,
      body.howto body.news .content.articles table tr,
      body.news body.howto .content.articles table tr,
      body.contact body.news .content.articles table tr,
      body.news body.contact .content.articles table tr,
      body.usage body.news .content.articles table tr,
      body.news body.usage .content.articles table tr,
      body.howto body.press .content.articles table tr,
      body.press body.howto .content.articles table tr,
      body.contact body.press .content.articles table tr,
      body.press body.contact .content.articles table tr,
      body.usage body.press .content.articles table tr,
      body.press body.usage .content.articles table tr {
        border-top: 1px solid #e3e3e6; }
        body.howto .content.wrap table tr:last-child,
        body.contact .content.wrap table tr:last-child,
        body.usage .content.wrap table tr:last-child,
        body.howto body.top section#press .content.articles table tr:last-child,
        body.top section#press body.howto .content.articles table tr:last-child,
        body.contact body.top section#press .content.articles table tr:last-child,
        body.top section#press body.contact .content.articles table tr:last-child,
        body.usage body.top section#press .content.articles table tr:last-child,
        body.top section#press body.usage .content.articles table tr:last-child,
        body.howto body.top section#news .content.articles table tr:last-child,
        body.top section#news body.howto .content.articles table tr:last-child,
        body.contact body.top section#news .content.articles table tr:last-child,
        body.top section#news body.contact .content.articles table tr:last-child,
        body.usage body.top section#news .content.articles table tr:last-child,
        body.top section#news body.usage .content.articles table tr:last-child,
        body.howto body.news .content.articles table tr:last-child,
        body.news body.howto .content.articles table tr:last-child,
        body.contact body.news .content.articles table tr:last-child,
        body.news body.contact .content.articles table tr:last-child,
        body.usage body.news .content.articles table tr:last-child,
        body.news body.usage .content.articles table tr:last-child,
        body.howto body.press .content.articles table tr:last-child,
        body.press body.howto .content.articles table tr:last-child,
        body.contact body.press .content.articles table tr:last-child,
        body.press body.contact .content.articles table tr:last-child,
        body.usage body.press .content.articles table tr:last-child,
        body.press body.usage .content.articles table tr:last-child {
          border-bottom: 1px solid #e3e3e6; }
      body.howto .content.wrap table th, body.howto .content.wrap table td,
      body.contact .content.wrap table th, body.contact .content.wrap table td,
      body.usage .content.wrap table th, body.usage .content.wrap table td,
      body.howto body.top section#press .content.articles table th,
      body.top section#press body.howto .content.articles table th,
      body.howto body.top section#press .content.articles table td,
      body.top section#press body.howto .content.articles table td,
      body.contact body.top section#press .content.articles table th,
      body.top section#press body.contact .content.articles table th,
      body.contact body.top section#press .content.articles table td,
      body.top section#press body.contact .content.articles table td,
      body.usage body.top section#press .content.articles table th,
      body.top section#press body.usage .content.articles table th,
      body.usage body.top section#press .content.articles table td,
      body.top section#press body.usage .content.articles table td,
      body.howto body.top section#news .content.articles table th,
      body.top section#news body.howto .content.articles table th,
      body.howto body.top section#news .content.articles table td,
      body.top section#news body.howto .content.articles table td,
      body.contact body.top section#news .content.articles table th,
      body.top section#news body.contact .content.articles table th,
      body.contact body.top section#news .content.articles table td,
      body.top section#news body.contact .content.articles table td,
      body.usage body.top section#news .content.articles table th,
      body.top section#news body.usage .content.articles table th,
      body.usage body.top section#news .content.articles table td,
      body.top section#news body.usage .content.articles table td,
      body.howto body.news .content.articles table th,
      body.news body.howto .content.articles table th,
      body.howto body.news .content.articles table td,
      body.news body.howto .content.articles table td,
      body.contact body.news .content.articles table th,
      body.news body.contact .content.articles table th,
      body.contact body.news .content.articles table td,
      body.news body.contact .content.articles table td,
      body.usage body.news .content.articles table th,
      body.news body.usage .content.articles table th,
      body.usage body.news .content.articles table td,
      body.news body.usage .content.articles table td,
      body.howto body.press .content.articles table th,
      body.press body.howto .content.articles table th,
      body.howto body.press .content.articles table td,
      body.press body.howto .content.articles table td,
      body.contact body.press .content.articles table th,
      body.press body.contact .content.articles table th,
      body.contact body.press .content.articles table td,
      body.press body.contact .content.articles table td,
      body.usage body.press .content.articles table th,
      body.press body.usage .content.articles table th,
      body.usage body.press .content.articles table td,
      body.press body.usage .content.articles table td {
        text-align: left;
        vertical-align: top;
        padding: 25px 0; }
        body.howto .content.wrap table th img, body.howto .content.wrap table td img,
        body.contact .content.wrap table th img, body.contact .content.wrap table td img,
        body.usage .content.wrap table th img, body.usage .content.wrap table td img,
        body.howto body.top section#press .content.articles table th img,
        body.top section#press body.howto .content.articles table th img,
        body.howto body.top section#press .content.articles table td img,
        body.top section#press body.howto .content.articles table td img,
        body.contact body.top section#press .content.articles table th img,
        body.top section#press body.contact .content.articles table th img,
        body.contact body.top section#press .content.articles table td img,
        body.top section#press body.contact .content.articles table td img,
        body.usage body.top section#press .content.articles table th img,
        body.top section#press body.usage .content.articles table th img,
        body.usage body.top section#press .content.articles table td img,
        body.top section#press body.usage .content.articles table td img,
        body.howto body.top section#news .content.articles table th img,
        body.top section#news body.howto .content.articles table th img,
        body.howto body.top section#news .content.articles table td img,
        body.top section#news body.howto .content.articles table td img,
        body.contact body.top section#news .content.articles table th img,
        body.top section#news body.contact .content.articles table th img,
        body.contact body.top section#news .content.articles table td img,
        body.top section#news body.contact .content.articles table td img,
        body.usage body.top section#news .content.articles table th img,
        body.top section#news body.usage .content.articles table th img,
        body.usage body.top section#news .content.articles table td img,
        body.top section#news body.usage .content.articles table td img,
        body.howto body.news .content.articles table th img,
        body.news body.howto .content.articles table th img,
        body.howto body.news .content.articles table td img,
        body.news body.howto .content.articles table td img,
        body.contact body.news .content.articles table th img,
        body.news body.contact .content.articles table th img,
        body.contact body.news .content.articles table td img,
        body.news body.contact .content.articles table td img,
        body.usage body.news .content.articles table th img,
        body.news body.usage .content.articles table th img,
        body.usage body.news .content.articles table td img,
        body.news body.usage .content.articles table td img,
        body.howto body.press .content.articles table th img,
        body.press body.howto .content.articles table th img,
        body.howto body.press .content.articles table td img,
        body.press body.howto .content.articles table td img,
        body.contact body.press .content.articles table th img,
        body.press body.contact .content.articles table th img,
        body.contact body.press .content.articles table td img,
        body.press body.contact .content.articles table td img,
        body.usage body.press .content.articles table th img,
        body.press body.usage .content.articles table th img,
        body.usage body.press .content.articles table td img,
        body.press body.usage .content.articles table td img {
          width: calc(100% - 20px); }
          body.howto .content.wrap table th h4:not(:first-child),
          body.howto .content.wrap table td h4:not(:first-child),
          body.contact .content.wrap table th h4:not(:first-child),
          body.contact .content.wrap table td h4:not(:first-child),
          body.usage .content.wrap table th h4:not(:first-child),
          body.usage .content.wrap table td h4:not(:first-child),
          body.howto body.top section#press .content.articles table th h4:not(:first-child),
          body.top section#press body.howto .content.articles table th h4:not(:first-child),
          body.howto body.top section#press .content.articles table td h4:not(:first-child),
          body.top section#press body.howto .content.articles table td h4:not(:first-child),
          body.contact body.top section#press .content.articles table th h4:not(:first-child),
          body.top section#press body.contact .content.articles table th h4:not(:first-child),
          body.contact body.top section#press .content.articles table td h4:not(:first-child),
          body.top section#press body.contact .content.articles table td h4:not(:first-child),
          body.usage body.top section#press .content.articles table th h4:not(:first-child),
          body.top section#press body.usage .content.articles table th h4:not(:first-child),
          body.usage body.top section#press .content.articles table td h4:not(:first-child),
          body.top section#press body.usage .content.articles table td h4:not(:first-child),
          body.howto body.top section#news .content.articles table th h4:not(:first-child),
          body.top section#news body.howto .content.articles table th h4:not(:first-child),
          body.howto body.top section#news .content.articles table td h4:not(:first-child),
          body.top section#news body.howto .content.articles table td h4:not(:first-child),
          body.contact body.top section#news .content.articles table th h4:not(:first-child),
          body.top section#news body.contact .content.articles table th h4:not(:first-child),
          body.contact body.top section#news .content.articles table td h4:not(:first-child),
          body.top section#news body.contact .content.articles table td h4:not(:first-child),
          body.usage body.top section#news .content.articles table th h4:not(:first-child),
          body.top section#news body.usage .content.articles table th h4:not(:first-child),
          body.usage body.top section#news .content.articles table td h4:not(:first-child),
          body.top section#news body.usage .content.articles table td h4:not(:first-child),
          body.howto body.news .content.articles table th h4:not(:first-child),
          body.news body.howto .content.articles table th h4:not(:first-child),
          body.howto body.news .content.articles table td h4:not(:first-child),
          body.news body.howto .content.articles table td h4:not(:first-child),
          body.contact body.news .content.articles table th h4:not(:first-child),
          body.news body.contact .content.articles table th h4:not(:first-child),
          body.contact body.news .content.articles table td h4:not(:first-child),
          body.news body.contact .content.articles table td h4:not(:first-child),
          body.usage body.news .content.articles table th h4:not(:first-child),
          body.news body.usage .content.articles table th h4:not(:first-child),
          body.usage body.news .content.articles table td h4:not(:first-child),
          body.news body.usage .content.articles table td h4:not(:first-child),
          body.howto body.press .content.articles table th h4:not(:first-child),
          body.press body.howto .content.articles table th h4:not(:first-child),
          body.howto body.press .content.articles table td h4:not(:first-child),
          body.press body.howto .content.articles table td h4:not(:first-child),
          body.contact body.press .content.articles table th h4:not(:first-child),
          body.press body.contact .content.articles table th h4:not(:first-child),
          body.contact body.press .content.articles table td h4:not(:first-child),
          body.press body.contact .content.articles table td h4:not(:first-child),
          body.usage body.press .content.articles table th h4:not(:first-child),
          body.press body.usage .content.articles table th h4:not(:first-child),
          body.usage body.press .content.articles table td h4:not(:first-child),
          body.press body.usage .content.articles table td h4:not(:first-child) {
            padding-top: 1em; }
  body.howto .figure, body.contact .figure, body.usage .figure {
    border: 1px solid #e6e6e6;
    text-align: center;
    margin-top: 70px; }

  body.howto.examples .content.wrap,
  body.howto.examples body.top section#press .content.articles,
  body.top section#press body.howto.examples .content.articles,
  body.howto.examples body.top section#news .content.articles,
  body.top section#news body.howto.examples .content.articles,
  body.howto.examples body.news .content.articles,
  body.news body.howto.examples .content.articles,
  body.howto.examples body.press .content.articles,
  body.press body.howto.examples .content.articles {
    width: 100%;
    margin-bottom: 0; }
    body.howto.examples .content.wrap #examples,
    body.howto.examples body.top section#press .content.articles #examples,
    body.top section#press body.howto.examples .content.articles #examples,
    body.howto.examples body.top section#news .content.articles #examples,
    body.top section#news body.howto.examples .content.articles #examples,
    body.howto.examples body.news .content.articles #examples,
    body.news body.howto.examples .content.articles #examples,
    body.howto.examples body.press .content.articles #examples,
    body.press body.howto.examples .content.articles #examples {
      padding-bottom: 81px; }
      body.howto.examples .content.wrap #examples .howto,
      body.howto.examples body.top section#press .content.articles #examples .howto,
      body.top section#press body.howto.examples .content.articles #examples .howto,
      body.howto.examples body.top section#news .content.articles #examples .howto,
      body.top section#news body.howto.examples .content.articles #examples .howto,
      body.howto.examples body.news .content.articles #examples .howto,
      body.news body.howto.examples .content.articles #examples .howto,
      body.howto.examples body.press .content.articles #examples .howto,
      body.press body.howto.examples .content.articles #examples .howto {
        display: block;
        border: 1px solid #d9d9d9;
        z-index: 10;
        text-align: center;
        padding: 45px 0 27px; }
        body.howto.examples .content.wrap #examples .howto b,
        body.howto.examples body.top section#press .content.articles #examples .howto b,
        body.top section#press body.howto.examples .content.articles #examples .howto b,
        body.howto.examples body.top section#news .content.articles #examples .howto b,
        body.top section#news body.howto.examples .content.articles #examples .howto b,
        body.howto.examples body.news .content.articles #examples .howto b,
        body.news body.howto.examples .content.articles #examples .howto b,
        body.howto.examples body.press .content.articles #examples .howto b,
        body.press body.howto.examples .content.articles #examples .howto b {
          margin: 37px 0 10px;
          display: block;
          color: #333333;
          font-size: 15px; }
          body.howto.examples .content.wrap #examples .howto p,
          body.howto.examples body.top section#press .content.articles #examples .howto p,
          body.top section#press body.howto.examples .content.articles #examples .howto p,
          body.howto.examples body.top section#news .content.articles #examples .howto p,
          body.top section#news body.howto.examples .content.articles #examples .howto p,
          body.howto.examples body.news .content.articles #examples .howto p,
          body.news body.howto.examples .content.articles #examples .howto p,
          body.howto.examples body.press .content.articles #examples .howto p,
          body.press body.howto.examples .content.articles #examples .howto p {
            display: block;
            color: #4c4c4c;
            font-size: 13px;
            line-height: 23px; }
    body.howto.examples .content.wrap #banner,
    body.howto.examples body.top section#press .content.articles #banner,
    body.top section#press body.howto.examples .content.articles #banner,
    body.howto.examples body.top section#news .content.articles #banner,
    body.top section#news body.howto.examples .content.articles #banner,
    body.howto.examples body.news .content.articles #banner,
    body.news body.howto.examples .content.articles #banner,
    body.howto.examples body.press .content.articles #banner,
    body.press body.howto.examples .content.articles #banner {
      background-color: #f7f6f5;
      padding: 35px 0;
      text-align: center; }
      body.howto.examples .content.wrap #radius,
      body.howto.examples body.top section#press .content.articles #radius,
      body.top section#press body.howto.examples .content.articles #radius,
      body.howto.examples body.top section#news .content.articles #radius,
      body.top section#news body.howto.examples .content.articles #radius,
      body.howto.examples body.news .content.articles #radius,
      body.news body.howto.examples .content.articles #radius,
      body.howto.examples body.press .content.articles #radius,
      body.press body.howto.examples .content.articles #radius {
        padding: 65px 0 70px;
        text-align: center; }
        body.howto.examples .content.wrap #radius > .btn,
        body.howto.examples body.top section#press .content.articles #radius > .btn,
        body.top section#press body.howto.examples .content.articles #radius > .btn,
        body.howto.examples body.top section#news .content.articles #radius > .btn,
        body.top section#news body.howto.examples .content.articles #radius > .btn,
        body.howto.examples body.news .content.articles #radius > .btn,
        body.news body.howto.examples .content.articles #radius > .btn,
        body.howto.examples body.press .content.articles #radius > .btn,
        body.press body.howto.examples .content.articles #radius > .btn {
          width: 288px;
          padding-left: 0;
          padding-right: 0; }

  body.howto.index {
    font-size: 15px; }
    body.howto.index header #subnav {
      display: table;
      height: 80px;
      padding-top: 0; }
      body.howto.index header #subnav:before {
        position: absolute;
        content: "";
        display: block;
        width: 100%;
        height: 80px;
        background-color: #f8f6f6;
        border-top: 1px solid #e3e3e6;
        top: 79px; }
        body.howto.index header #subnav > a, body.howto.index header #subnav h1 {
          position: relative;
          display: table-cell;
          vertical-align: middle;
          text-align: center;
          border-right: 1px solid #e3e3e6;
          padding-top: 0;
          height: inherit; }
          body.howto.index header #subnav > a {
            width: 152px;
            color: #656566; }
            body.howto.index header #subnav > a.current {
              background-color: #fcfcfc;
              color: inherit;
              color: #4c4c4c; }
      body.howto.index header #subnav.narrow > a {
        width: 115px; }
      body.howto.index header #subnav > h1 {
        border-left: 1px solid #e3e3e6;
        color: #000;
        font-size: 16px; }
    body.howto.index section.leadbox {
      border-bottom: 1px solid #e3e3e6;
      text-align: center;
      padding: 18px 0 0;
      margin-bottom: 60px; }
      body.howto.index .content.wrap h2,
      body.howto.index body.top section#press .content.articles h2,
      body.top section#press body.howto.index .content.articles h2,
      body.howto.index body.top section#news .content.articles h2,
      body.top section#news body.howto.index .content.articles h2,
      body.howto.index body.news .content.articles h2,
      body.news body.howto.index .content.articles h2,
      body.howto.index body.press .content.articles h2,
      body.press body.howto.index .content.articles h2 {
        font-size: 20px; }
        body.howto.index .content.wrap h2:not(:first-child),
        body.howto.index body.top section#press .content.articles h2:not(:first-child),
        body.top section#press body.howto.index .content.articles h2:not(:first-child),
        body.howto.index body.top section#news .content.articles h2:not(:first-child),
        body.top section#news body.howto.index .content.articles h2:not(:first-child),
        body.howto.index body.news .content.articles h2:not(:first-child),
        body.news body.howto.index .content.articles h2:not(:first-child),
        body.howto.index body.press .content.articles h2:not(:first-child),
        body.press body.howto.index .content.articles h2:not(:first-child) {
          padding-top: 60px;
          margin-top: 150px;
          border-top: 1px solid #e3e3e6; }
      body.howto.index .content.wrap h3,
      body.howto.index body.top section#press .content.articles h3,
      body.top section#press body.howto.index .content.articles h3,
      body.howto.index body.top section#news .content.articles h3,
      body.top section#news body.howto.index .content.articles h3,
      body.howto.index body.news .content.articles h3,
      body.news body.howto.index .content.articles h3,
      body.howto.index body.press .content.articles h3,
      body.press body.howto.index .content.articles h3 {
        margin: 60px 0 22px;
        color: #221815;
        font-size: 19px; }
        body.howto.index .content.wrap h5,
        body.howto.index body.top section#press .content.articles h5,
        body.top section#press body.howto.index .content.articles h5,
        body.howto.index body.top section#news .content.articles h5,
        body.top section#news body.howto.index .content.articles h5,
        body.howto.index body.news .content.articles h5,
        body.news body.howto.index .content.articles h5,
        body.howto.index body.press .content.articles h5,
        body.press body.howto.index .content.articles h5 {
          margin-top: 60px; }
          body.howto.index .content.wrap .figure,
          body.howto.index body.top section#press .content.articles .figure,
          body.top section#press body.howto.index .content.articles .figure,
          body.howto.index body.top section#news .content.articles .figure,
          body.top section#news body.howto.index .content.articles .figure,
          body.howto.index body.news .content.articles .figure,
          body.news body.howto.index .content.articles .figure,
          body.howto.index body.press .content.articles .figure,
          body.press body.howto.index .content.articles .figure {
            border: 0;
            margin: 60px 0; }
            body.howto.index .content.wrap .bold,
            body.howto.index body.top section#press .content.articles .bold,
            body.top section#press body.howto.index .content.articles .bold,
            body.howto.index body.top section#news .content.articles .bold,
            body.top section#news body.howto.index .content.articles .bold,
            body.howto.index body.news .content.articles .bold,
            body.news body.howto.index .content.articles .bold,
            body.howto.index body.press .content.articles .bold,
            body.press body.howto.index .content.articles .bold {
              font-weight: 400; }
    body.howto.index section.infobox {
      background-color: #268e5e;
      padding-bottom: 150px; }
      body.howto.index section.infobox .wrap,
      body.howto.index section.infobox body.top section#press .articles,
      body.top section#press body.howto.index section.infobox .articles,
      body.howto.index section.infobox body.top section#news .articles,
      body.top section#news body.howto.index section.infobox .articles,
      body.howto.index section.infobox body.news .articles,
      body.news body.howto.index section.infobox .articles,
      body.howto.index section.infobox body.press .articles,
      body.press body.howto.index section.infobox .articles {
        padding: 10px 0 30px;
        color: #fff;
        width: 750px; }
        body.howto.index section.infobox .wrap a:not(.btn),
        body.howto.index section.infobox body.top section#press .articles a:not(.btn),
        body.top section#press body.howto.index section.infobox .articles a:not(.btn),
        body.howto.index section.infobox body.top section#news .articles a:not(.btn),
        body.top section#news body.howto.index section.infobox .articles a:not(.btn),
        body.howto.index section.infobox body.news .articles a:not(.btn),
        body.news body.howto.index section.infobox .articles a:not(.btn),
        body.howto.index section.infobox body.press .articles a:not(.btn),
        body.press body.howto.index section.infobox .articles a:not(.btn) {
          color: inherit;
          padding-bottom: 0.2em;
          border-bottom: 1px solid #fff; }
          body.howto.index section.infobox .wrap a:not(.btn):hover,
          body.howto.index section.infobox body.top section#press .articles a:not(.btn):hover,
          body.top section#press body.howto.index section.infobox .articles a:not(.btn):hover,
          body.howto.index section.infobox body.top section#news .articles a:not(.btn):hover,
          body.top section#news body.howto.index section.infobox .articles a:not(.btn):hover,
          body.howto.index section.infobox body.news .articles a:not(.btn):hover,
          body.news body.howto.index section.infobox .articles a:not(.btn):hover,
          body.howto.index section.infobox body.press .articles a:not(.btn):hover,
          body.press body.howto.index section.infobox .articles a:not(.btn):hover {
            opacity: 0.5; }
        body.howto.index section.infobox .wrap .btn,
        body.howto.index section.infobox body.top section#press .articles .btn,
        body.top section#press body.howto.index section.infobox .articles .btn,
        body.howto.index section.infobox body.top section#news .articles .btn,
        body.top section#news body.howto.index section.infobox .articles .btn,
        body.howto.index section.infobox body.news .articles .btn,
        body.news body.howto.index section.infobox .articles .btn,
        body.howto.index section.infobox body.press .articles .btn,
        body.press body.howto.index section.infobox .articles .btn {
          border-color: #fff;
          color: #fff;
          margin: 30px 0; }
          body.howto.index section.infobox .wrap .btn:hover,
          body.howto.index section.infobox body.top section#press .articles .btn:hover,
          body.top section#press body.howto.index section.infobox .articles .btn:hover,
          body.howto.index section.infobox body.top section#news .articles .btn:hover,
          body.top section#news body.howto.index section.infobox .articles .btn:hover,
          body.howto.index section.infobox body.news .articles .btn:hover,
          body.news body.howto.index section.infobox .articles .btn:hover,
          body.howto.index section.infobox body.press .articles .btn:hover,
          body.press body.howto.index section.infobox .articles .btn:hover {
            background-color: #fff;
            color: #398951; }
        body.howto.index section.infobox .wrap h3,
        body.howto.index section.infobox body.top section#press .articles h3,
        body.top section#press body.howto.index section.infobox .articles h3,
        body.howto.index section.infobox body.top section#news .articles h3,
        body.top section#news body.howto.index section.infobox .articles h3,
        body.howto.index section.infobox body.news .articles h3,
        body.news body.howto.index section.infobox .articles h3,
        body.howto.index section.infobox body.press .articles h3,
        body.press body.howto.index section.infobox .articles h3 {
          margin: 60px 0 22px;
          font-size: 19px; }
          body.howto.index section.infobox .wrap ul,
          body.howto.index section.infobox body.top section#press .articles ul,
          body.top section#press body.howto.index section.infobox .articles ul,
          body.howto.index section.infobox body.top section#news .articles ul,
          body.top section#news body.howto.index section.infobox .articles ul,
          body.howto.index section.infobox body.news .articles ul,
          body.news body.howto.index section.infobox .articles ul,
          body.howto.index section.infobox body.press .articles ul,
          body.press body.howto.index section.infobox .articles ul {
            margin: 1em 0; }
            body.howto.index section.infobox .wrap ul li,
            body.howto.index section.infobox body.top section#press .articles ul li,
            body.top section#press body.howto.index section.infobox .articles ul li,
            body.howto.index section.infobox body.top section#news .articles ul li,
            body.top section#news body.howto.index section.infobox .articles ul li,
            body.howto.index section.infobox body.news .articles ul li,
            body.news body.howto.index section.infobox .articles ul li,
            body.howto.index section.infobox body.press .articles ul li,
            body.press body.howto.index section.infobox .articles ul li {
              list-style: disc;
              margin-left: 1.25em; }
        body.howto.index section.infobox .wrap small,
        body.howto.index section.infobox body.top section#press .articles small,
        body.top section#press body.howto.index section.infobox .articles small,
        body.howto.index section.infobox body.top section#news .articles small,
        body.top section#news body.howto.index section.infobox .articles small,
        body.howto.index section.infobox body.news .articles small,
        body.news body.howto.index section.infobox .articles small,
        body.howto.index section.infobox body.press .articles small,
        body.press body.howto.index section.infobox .articles small {
          display: block;
          font-size: 12px;
          line-height: 22px; }

  body.news.press ul, body.news.press ol {
    font-weight: 500;
    margin: 1em 0; }
    body.news.press #description {
      border-top: 1px solid #d8d8d8;
      padding-top: 25px; }
      body.news.press .box {
        position: relative;
        background-color: #5b5b80;
        border-radius: 8px;
        color: #fff;
        padding: 28px;
        margin: 25px 0 60px; }
        body.news.press .box h3 {
          color: #fff;
          padding: 0;
          margin: 0;
          width: 360px;
          margin-bottom: 13px; }
          body.news.press .box p {
            width: 360px;
            font-size: 13px;
            line-height: 25px;
            margin-bottom: 0;
            font-weight: 500; }
            body.news.press .box a.btn {
              display: block;
              position: absolute;
              top: 50px;
              right: 38px;
              color: #fff;
              font-size: 16px;
              font-weight: 700;
              width: 132px;
              text-align: center;
              background-color: rgba(0, 0, 0, 0.5);
              padding-left: 32px; }
              body.news.press .box a.btn:before {
                content: url(/img/news/press/icon-mail.png);
                display: inline-block;
                margin-right: 17px; }
                body.news.press .box a.btn:hover {
                  opacity: 1;
                  background-color: rgba(0, 0, 0, 0.7); }
  body.news.press .articles {
    margin-bottom: 60px; }
    body.news.press .articles article, body.news.press .articles .article {
      display: block;
      padding: 19px 0;
      border-bottom: 1px solid #e3e3e6; }
      body.news.press .articles article:first-child,
      body.news.press .articles .article:first-child {
        border-top: 1px solid #e3e3e6; }
        body.news.press .articles article .tags .tag,
        body.news.press .articles .article .tags .tag {
          float: left;
          width: 141px;
          margin-right: 17px; }
          body.news.press .articles article .tags .tag.Media,
          body.news.press .articles .article .tags .tag.Media {
            background-color: #33ccff; }
            body.news.press .articles article .tags .tag.PressRelease,
            body.news.press .articles .article .tags .tag.PressRelease {
              background-color: #e3e3e6; }
              body.news.press .articles article .tags .tag.Blog,
              body.news.press .articles .article .tags .tag.Blog {
                background-color: #FFB700; }
                body.news.press .articles article .tags .tag.Event,
                body.news.press .articles .article .tags .tag.Event {
                  background-color: #8EE8DA; }
                  body.news.press .articles article .tags .tag.Support,
                  body.news.press .articles .article .tags .tag.Support {
                    background-color: #F7C5B7; }
                    body.news.press .articles article .tags .tag.Info,
                    body.news.press .articles .article .tags .tag.Info {
                      background-color: #979799; }
      body.news.press .articles article .content,
      body.news.press .articles .article .content {
        float: left;
        width: 594px;
        font-size: 16px;
        font-weight: 700; }
        body.news.press .articles article .content h3,
        body.news.press .articles .article .content h3 {
          margin: 0;
          margin-bottom: 10px;
          font-size: 19px;
          line-height: 34px;
          font-weight: 700;
          color: #333333; }
      body.news.press .articles article:hover, body.news.press .articles .article:hover {
        opacity: 1 !important; }
        body.news.press .articles article:hover h3,
        body.news.press .articles .article:hover h3 {
          transition-duration: 0.2s;
          color: #FFB700; }

  body.news.press.detail #articlehead {
    padding: 73px 0 49px;
    margin-bottom: 49px; }
    body.news.press.detail #articlehead .date {
      width: 104px;
      margin-right: 20px;
      font-size: 22px;
      font-weight: 300; }
  body.news.press.detail article .tags .tag {
    display: block;
    margin-left: auto;
    width: 141px;
    background-color: #ccc;
    color: #fff;
    font-size: 10px;
    line-height: 1em;
    font-weight: 700;
    padding: 8px 15px;
    text-transform: uppercase;
    border-radius: 3px;
    text-align: center;
    margin-bottom: 20px; }
    body.news.press.detail article .tags .tag.Media {
      background-color: #33ccff; }
      body.news.press.detail article .tags .tag.PressRelease {
        background-color: #e3e3e6; }
        body.news.press.detail article .tags .tag.Blog {
          background-color: #FFB700; }
          body.news.press.detail article .tags .tag.Event {
            background-color: #8EE8DA; }
            body.news.press.detail article .tags .tag.Support {
              background-color: #F7C5B7; }
              body.news.press.detail article .tags .tag.Info {
                background-color: #979799; }
  body.news.press.detail article h2 {
    color: #333333;
    margin: 60px 0 28px;
    line-height: 1.9; }
    body.news.press.detail article h3 {
      color: #333333;
      margin: 40px 0 20px;
      line-height: 1.9; }
      body.news.press.detail article .figure {
        border: 0;
        margin: 60px 0; }
  body.news.press.detail table {
    border-collapse: collapse;
    text-align: left;
    line-height: 1.5;
    border-top: 1px solid #ccc;
    border-left: 3px solid #369; }
    body.news.press.detail table th {
      width: 147px;
      padding: 10px;
      font-weight: bold;
      vertical-align: top;
      color: #153d73;
      border-right: 1px solid #ccc;
      border-bottom: 1px solid #ccc; }
      body.news.press.detail table td {
        width: 349px;
        padding: 10px;
        vertical-align: top;
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc; }
        body.news.press.detail .common {
          margin-top: 80px; }
          body.news.press.detail .common a.btn.border {
            display: block;
            text-align: center;
            border-radius: 10px;
            font-size: 18px;
            font-weight: 700;
            padding: 25px 0;
            margin: 25px 0; }
            body.news.press.detail .common #description {
              margin-top: 70px;
              border: 0; }

  body.contact .content.wrap hr,
  body.contact body.top section#press .content.articles hr,
  body.top section#press body.contact .content.articles hr,
  body.contact body.top section#news .content.articles hr,
  body.top section#news body.contact .content.articles hr,
  body.contact body.news .content.articles hr,
  body.news body.contact .content.articles hr,
  body.contact body.press .content.articles hr,
  body.press body.contact .content.articles hr {
    margin-bottom: 15px; }
    body.contact .content.wrap .box,
    body.contact body.top section#press .content.articles .box,
    body.top section#press body.contact .content.articles .box,
    body.contact body.top section#news .content.articles .box,
    body.top section#news body.contact .content.articles .box,
    body.contact body.news .content.articles .box,
    body.news body.contact .content.articles .box,
    body.contact body.press .content.articles .box,
    body.press body.contact .content.articles .box {
      background-color: #f5f5f5;
      padding: 30px 43px;
      border-radius: 8px;
      margin-bottom: 10px; }
      body.contact .content.wrap .box strong,
      body.contact body.top section#press .content.articles .box strong,
      body.top section#press body.contact .content.articles .box strong,
      body.contact body.top section#news .content.articles .box strong,
      body.top section#news body.contact .content.articles .box strong,
      body.contact body.news .content.articles .box strong,
      body.news body.contact .content.articles .box strong,
      body.contact body.press .content.articles .box strong,
      body.press body.contact .content.articles .box strong {
        background-image: url(/img/mail.png);
        background-repeat: no-repeat;
        background-position: left 9px;
        font-size: 20px;
        font-weight: 700;
        padding-left: 40px; }
  body.contact .content.wrap form.box,
  body.contact body.top section#press .content.articles form.box,
  body.top section#press body.contact .content.articles form.box,
  body.contact body.top section#news .content.articles form.box,
  body.top section#news body.contact .content.articles form.box,
  body.contact body.news .content.articles form.box,
  body.news body.contact .content.articles form.box,
  body.contact body.press .content.articles form.box,
  body.press body.contact .content.articles form.box {
    padding: 30px; }
    body.contact .content.wrap form.box table,
    body.contact body.top section#press .content.articles form.box table,
    body.top section#press body.contact .content.articles form.box table,
    body.contact body.top section#news .content.articles form.box table,
    body.top section#news body.contact .content.articles form.box table,
    body.contact body.news .content.articles form.box table,
    body.news body.contact .content.articles form.box table,
    body.contact body.press .content.articles form.box table,
    body.press body.contact .content.articles form.box table {
      margin-top: 0;
      margin-bottom: 10px; }
      body.contact .content.wrap form.box table tr,
      body.contact body.top section#press .content.articles form.box table tr,
      body.top section#press body.contact .content.articles form.box table tr,
      body.contact body.top section#news .content.articles form.box table tr,
      body.top section#news body.contact .content.articles form.box table tr,
      body.contact body.news .content.articles form.box table tr,
      body.news body.contact .content.articles form.box table tr,
      body.contact body.press .content.articles form.box table tr,
      body.press body.contact .content.articles form.box table tr {
        border: 0; }
        body.contact .content.wrap form.box table tr th,
        body.contact .content.wrap form.box table tr td,
        body.contact body.top section#press .content.articles form.box table tr th,
        body.top section#press body.contact .content.articles form.box table tr th,
        body.contact body.top section#press .content.articles form.box table tr td,
        body.top section#press body.contact .content.articles form.box table tr td,
        body.contact body.top section#news .content.articles form.box table tr th,
        body.top section#news body.contact .content.articles form.box table tr th,
        body.contact body.top section#news .content.articles form.box table tr td,
        body.top section#news body.contact .content.articles form.box table tr td,
        body.contact body.news .content.articles form.box table tr th,
        body.news body.contact .content.articles form.box table tr th,
        body.contact body.news .content.articles form.box table tr td,
        body.news body.contact .content.articles form.box table tr td,
        body.contact body.press .content.articles form.box table tr th,
        body.press body.contact .content.articles form.box table tr th,
        body.contact body.press .content.articles form.box table tr td,
        body.press body.contact .content.articles form.box table tr td {
          padding: 7px 0; }
          body.contact .content.wrap form.box table tr th,
          body.contact body.top section#press .content.articles form.box table tr th,
          body.top section#press body.contact .content.articles form.box table tr th,
          body.contact body.top section#news .content.articles form.box table tr th,
          body.top section#news body.contact .content.articles form.box table tr th,
          body.contact body.news .content.articles form.box table tr th,
          body.news body.contact .content.articles form.box table tr th,
          body.contact body.press .content.articles form.box table tr th,
          body.press body.contact .content.articles form.box table tr th {
            font-size: 15px;
            width: 132px; }
            body.contact .content.wrap form.box table tr td,
            body.contact body.top section#press .content.articles form.box table tr td,
            body.top section#press body.contact .content.articles form.box table tr td,
            body.contact body.top section#news .content.articles form.box table tr td,
            body.top section#news body.contact .content.articles form.box table tr td,
            body.contact body.news .content.articles form.box table tr td,
            body.news body.contact .content.articles form.box table tr td,
            body.contact body.press .content.articles form.box table tr td,
            body.press body.contact .content.articles form.box table tr td {
              font-size: 12px; }
              body.contact .content.wrap form.box table tr.title,
              body.contact body.top section#press .content.articles form.box table tr.title,
              body.top section#press body.contact .content.articles form.box table tr.title,
              body.contact body.top section#news .content.articles form.box table tr.title,
              body.top section#news body.contact .content.articles form.box table tr.title,
              body.contact body.news .content.articles form.box table tr.title,
              body.news body.contact .content.articles form.box table tr.title,
              body.contact body.press .content.articles form.box table tr.title,
              body.press body.contact .content.articles form.box table tr.title {
                display: none; }
    body.contact .content.wrap form.box select,
    body.contact body.top section#press .content.articles form.box select,
    body.top section#press body.contact .content.articles form.box select,
    body.contact body.top section#news .content.articles form.box select,
    body.top section#news body.contact .content.articles form.box select,
    body.contact body.news .content.articles form.box select,
    body.news body.contact .content.articles form.box select,
    body.contact body.press .content.articles form.box select,
    body.press body.contact .content.articles form.box select {
      margin-left: 15px;
      background: none;
      border: none;
      outline: none;
      -webkit-appearance: none;
      -moz-appearance: none;
      border-radius: 4px;
      position: relative;
      background-color: #fff;
      padding: 5px 15px;
      font-size: 15px;
      line-height: 2em; }
      body.contact .content.wrap form.box select option,
      body.contact body.top section#press .content.articles form.box select option,
      body.top section#press body.contact .content.articles form.box select option,
      body.contact body.top section#news .content.articles form.box select option,
      body.top section#news body.contact .content.articles form.box select option,
      body.contact body.news .content.articles form.box select option,
      body.news body.contact .content.articles form.box select option,
      body.contact body.press .content.articles form.box select option,
      body.press body.contact .content.articles form.box select option {
        font-size: 15px;
        line-height: 2em; }
    body.contact .content.wrap form.box textarea,
    body.contact .content.wrap form.box input,
    body.contact body.top section#press .content.articles form.box textarea,
    body.top section#press body.contact .content.articles form.box textarea,
    body.contact body.top section#press .content.articles form.box input,
    body.top section#press body.contact .content.articles form.box input,
    body.contact body.top section#news .content.articles form.box textarea,
    body.top section#news body.contact .content.articles form.box textarea,
    body.contact body.top section#news .content.articles form.box input,
    body.top section#news body.contact .content.articles form.box input,
    body.contact body.news .content.articles form.box textarea,
    body.news body.contact .content.articles form.box textarea,
    body.contact body.news .content.articles form.box input,
    body.news body.contact .content.articles form.box input,
    body.contact body.press .content.articles form.box textarea,
    body.press body.contact .content.articles form.box textarea,
    body.contact body.press .content.articles form.box input,
    body.press body.contact .content.articles form.box input {
      border: 0;
      border-radius: 6px;
      padding: 5px 15px;
      font-size: 15px;
      line-height: 2em; }
      body.contact .content.wrap form.box textarea,
      body.contact body.top section#press .content.articles form.box textarea,
      body.top section#press body.contact .content.articles form.box textarea,
      body.contact body.top section#news .content.articles form.box textarea,
      body.top section#news body.contact .content.articles form.box textarea,
      body.contact body.news .content.articles form.box textarea,
      body.news body.contact .content.articles form.box textarea,
      body.contact body.press .content.articles form.box textarea,
      body.press body.contact .content.articles form.box textarea {
        width: calc(100% - 30px);
        resize: vertical; }
        body.contact .content.wrap form.box input[size='10'],
        body.contact body.top section#press .content.articles form.box input[size='10'],
        body.top section#press body.contact .content.articles form.box input[size='10'],
        body.contact body.top section#news .content.articles form.box input[size='10'],
        body.top section#news body.contact .content.articles form.box input[size='10'],
        body.contact body.news .content.articles form.box input[size='10'],
        body.news body.contact .content.articles form.box input[size='10'],
        body.contact body.press .content.articles form.box input[size='10'],
        body.press body.contact .content.articles form.box input[size='10'] {
          width: 125px; }
          body.contact .content.wrap form.box input[size='20'],
          body.contact body.top section#press .content.articles form.box input[size='20'],
          body.top section#press body.contact .content.articles form.box input[size='20'],
          body.contact body.top section#news .content.articles form.box input[size='20'],
          body.top section#news body.contact .content.articles form.box input[size='20'],
          body.contact body.news .content.articles form.box input[size='20'],
          body.news body.contact .content.articles form.box input[size='20'],
          body.contact body.press .content.articles form.box input[size='20'],
          body.press body.contact .content.articles form.box input[size='20'] {
            width: 325px; }
            body.contact .content.wrap form.box input[size='30'],
            body.contact body.top section#press .content.articles form.box input[size='30'],
            body.top section#press body.contact .content.articles form.box input[size='30'],
            body.contact body.top section#news .content.articles form.box input[size='30'],
            body.top section#news body.contact .content.articles form.box input[size='30'],
            body.contact body.news .content.articles form.box input[size='30'],
            body.news body.contact .content.articles form.box input[size='30'],
            body.contact body.press .content.articles form.box input[size='30'],
            body.press body.contact .content.articles form.box input[size='30'] {
              width: calc(100% - 30px); }
              body.contact .content.wrap form.box input[type=submit],
              body.contact body.top section#press .content.articles form.box input[type=submit],
              body.top section#press body.contact .content.articles form.box input[type=submit],
              body.contact body.top section#news .content.articles form.box input[type=submit],
              body.top section#news body.contact .content.articles form.box input[type=submit],
              body.contact body.news .content.articles form.box input[type=submit],
              body.news body.contact .content.articles form.box input[type=submit],
              body.contact body.press .content.articles form.box input[type=submit],
              body.press body.contact .content.articles form.box input[type=submit] {
                background-color: #FFB700;
                color: #fff;
                font-weight: 700;
                font-size: 16px;
                width: 250px;
                cursor: pointer;
                transition-duration: 0.2s;
                margin: 30px 0; }
                body.contact .content.wrap form.box input[type=submit]:hover,
                body.contact body.top section#press .content.articles form.box input[type=submit]:hover,
                body.top section#press body.contact .content.articles form.box input[type=submit]:hover,
                body.contact body.top section#news .content.articles form.box input[type=submit]:hover,
                body.top section#news body.contact .content.articles form.box input[type=submit]:hover,
                body.contact body.news .content.articles form.box input[type=submit]:hover,
                body.news body.contact .content.articles form.box input[type=submit]:hover,
                body.contact body.press .content.articles form.box input[type=submit]:hover,
                body.press body.contact .content.articles form.box input[type=submit]:hover {
                  background-color: #6969e6;
                  transition-duration: 0.2s; }
    body.contact .content.wrap form.box .submit-button,
    body.contact body.top section#press .content.articles form.box .submit-button,
    body.top section#press body.contact .content.articles form.box .submit-button,
    body.contact body.top section#news .content.articles form.box .submit-button,
    body.top section#news body.contact .content.articles form.box .submit-button,
    body.contact body.news .content.articles form.box .submit-button,
    body.news body.contact .content.articles form.box .submit-button,
    body.contact body.press .content.articles form.box .submit-button,
    body.press body.contact .content.articles form.box .submit-button {
      border: 0;
      border-radius: 6px;
      padding: 5px 15px;
      font-size: 15px;
      line-height: 2em;
      background-color: #FFB700;
      color: #fff;
      font-weight: 700;
      font-size: 16px;
      width: 250px;
      cursor: pointer;
      transition-duration: 0.2s;
      margin: 30px 0; }
      body.contact .content.wrap form.box .submit-button:hover,
      body.contact body.top section#press .content.articles form.box .submit-button:hover,
      body.top section#press body.contact .content.articles form.box .submit-button:hover,
      body.contact body.top section#news .content.articles form.box .submit-button:hover,
      body.top section#news body.contact .content.articles form.box .submit-button:hover,
      body.contact body.news .content.articles form.box .submit-button:hover,
      body.news body.contact .content.articles form.box .submit-button:hover,
      body.contact body.press .content.articles form.box .submit-button:hover,
      body.press body.contact .content.articles form.box .submit-button:hover {
        background-color: #6969e6;
        transition-duration: 0.2s; }
    body.contact .content.wrap form.box p,
    body.contact body.top section#press .content.articles form.box p,
    body.top section#press body.contact .content.articles form.box p,
    body.contact body.top section#news .content.articles form.box p,
    body.top section#news body.contact .content.articles form.box p,
    body.contact body.news .content.articles form.box p,
    body.news body.contact .content.articles form.box p,
    body.contact body.press .content.articles form.box p,
    body.press body.contact .content.articles form.box p {
      text-align: left;
      margin: 0; }