@charset "UTF-8";
.modal-mask {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 10000;
  opacity: 0; }

.modal-banner {
  position: fixed;
  top: 50%;
  left: 50%;
  max-width: 100%;
  width: 980px;
  transform: translateX(-50%) translateY(-50%);
  z-index: 10001;
  opacity: 0; }
  @media only screen and (max-width: 1100px) {
    .modal-banner {
      left: 40px;
      right: 40px;
      transform: translate(0, -50%);
      width: auto; } }
  @media only screen and (max-width: 600px) {
    .modal-banner {
      left: 20px;
      max-height: calc(100% - 20px);
      overflow-y: scroll;
      right: 20px;
      top: 20px;
      transform: none;
      width: auto; } }
  .modal-banner > .row {
    padding: 0; }
  .modal-banner .container {
    position: relative;
    min-height: 250px;
    overflow: hidden;
    padding-top: 35px;
    padding-bottom: 35px; }
    @media only screen and (max-width: 600px) {
      .modal-banner .container {
        height: 100%;
        padding-top: 50px;
        padding-bottom: 0; } }
  .modal-banner .modal-close {
    position: absolute;
    top: 25px;
    right: 25px;
    width: 20px;
    height: 20px;
    background: url(/img/icons/close.svg) no-repeat center center;
    cursor: pointer; }
    @media only screen and (max-width: 600px) {
      .modal-banner .modal-close {
        top: 15px;
        right: 15px;
        width: 15px;
        height: 15px; } }
  .modal-banner .image {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 50%;
    overflow: hidden; }
    @media only screen and (max-width: 600px) {
      .modal-banner .image {
        display: none;
        position: relative;
        width: auto;
        margin-bottom: 30px; } }
  .modal-banner.is-photo .image img {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 100%;
    max-height: 100%;
    transform: translateX(-50%) translateY(-50%); }
    @media only screen and (max-width: 600px) {
      .modal-banner.is-photo .image img {
        display: block;
        height: auto;
        left: auto;
        position: relative;
        top: auto;
        transform: none; } }
  .modal-banner.is-illustration .image img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%); }
    @media only screen and (max-width: 600px) {
      .modal-banner.is-illustration .image img {
        display: block;
        height: auto;
        left: auto;
        position: relative;
        top: auto;
        transform: none; } }
  .modal-banner.is-illustration .image.mobile img {
    max-width: 100%;
    max-height: 100%; }
  .modal-banner .content {
    padding: 0; }
  .modal-banner h3 {
    font-family: "Soleil_Light", Helvetica, Arial, sans-serif;
    font-size: 36px;
    font-weight: 300;
    line-height: 42px;
    margin: 0 0 30px;
    padding: 0; }
    .modal-banner h3:lang(ko) {
      font-family: "\B098\B214\ACE0\B515", "NanumGothic", "\B9D1\C740   \ACE0\B515", "Malgun Gothic", "\B3CB\C6C0", "DotumChe", "Dotum", sans-serif; }
    .modal-banner h3:lang(ja), .modal-banner h3:lang(jp) {
      font-family: "\30D2\30E9\30AE\30CE\89D2\30B4   ProN W3", "Hiragino Kaku Gothic ProN", "\30E1\30A4\30EA\30AA", Meiryo, "MS P\30B4\30B7\30C3\30AF", "MS PGothic", sans-serif; }
    .modal-banner h3:lang(zh-cn), .modal-banner h3:lang(zh-tw) {
      font-family: "Hiragino Sans GB", "STHeiti", "Microsoft Yahei", sans-serif; }
    .modal-banner h3:lang(ru) {
      font-family: sans-serif;
      font-weight: lighter; }
    @media only screen and (max-width: 600px) {
      .modal-banner h3 {
        text-align: center; } }
  .modal-banner.image-on-left .container {
    padding: 70px 100px 70px calc(50% + 40px); }
    @media only screen and (max-width: 600px) {
      .modal-banner.image-on-left .container {
        padding: 20px; } }
  .modal-banner.image-on-left .image {
    left: 40px; }
    @media only screen and (max-width: 600px) {
      .modal-banner.image-on-left .image {
        left: auto; } }
    .modal-banner.image-on-left .image img {
      left: 0;
      transform: translate(0, -50%); }
      @media only screen and (max-width: 600px) {
        .modal-banner.image-on-left .image img {
          transform: none; } }
  .modal-banner.image-on-right .container {
    padding: 70px 50% 70px 70px; }
    @media only screen and (max-width: 600px) {
      .modal-banner.image-on-right .container {
        padding: 20px; } }
  .modal-banner.image-on-right .image {
    right: 0; }
    @media only screen and (max-width: 600px) {
      .modal-banner.image-on-right .image {
        right: auto; } }
    .modal-banner.image-on-right .image img {
      right: 0;
      transform: translate(0, -50%); }
      @media only screen and (max-width: 600px) {
        .modal-banner.image-on-right .image img {
          transform: none; } }
  .modal-banner .description {
    font-family: "Soleil_Light", Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 30px;
    line-height: 24px; }
    .modal-banner .description:lang(ko) {
      font-family: "\B098\B214\ACE0\B515", "NanumGothic", "\B9D1\C740   \ACE0\B515", "Malgun Gothic", "\B3CB\C6C0", "DotumChe", "Dotum", sans-serif; }
    .modal-banner .description:lang(ja), .modal-banner .description:lang(jp) {
      font-family: "\30D2\30E9\30AE\30CE\89D2\30B4   ProN W3", "Hiragino Kaku Gothic ProN", "\30E1\30A4\30EA\30AA", Meiryo, "MS P\30B4\30B7\30C3\30AF", "MS PGothic", sans-serif; }
    .modal-banner .description:lang(zh-cn), .modal-banner .description:lang(zh-tw) {
      font-family: "Hiragino Sans GB", "STHeiti", "Microsoft Yahei", sans-serif; }
    .modal-banner .description:lang(ru) {
      font-family: sans-serif;
      font-weight: lighter; }
    @media only screen and (max-width: 600px) {
      .modal-banner .description {
        display: block;
        text-align: center; } }
  @media only screen and (max-width: 600px) {
    .modal-banner .cta {
      text-align: center; }
      .modal-banner .cta .badge.apple img {
        display: inline-block;
        width: 135px;
        height: 40px; }
      .modal-banner .cta .badge.google img {
        display: inline-block;
        width: 155px;
        height: 60px;
        margin-left: 10px; } }
  .modal-banner a:link.button-secondary {
    background-color: #00A82D;
    border: 0;
    color: #fff;
    font-size: 16px;
    padding: 15px 30px; }
    .modal-banner a:link.button-secondary:hover {
      background-color: #14cc45; }
#youtube-modal-container {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.85);
  display: flex;
  justify-content: center;
  z-index: 999; }
  #youtube-modal-container .inner-container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 854px;
    height: 100%; }
  #youtube-modal-container .close-icon {
    align-self: flex-end;
    margin-bottom: 16px;
    cursor: pointer; }
    @media only screen and (max-width: 600px) {
      #youtube-modal-container .close-icon {
        margin-right: 20px; } }
    #youtube-modal-container .close-icon svg {
      width: 14px;
      height: 14px;
      fill: white; }
  #youtube-modal-container iframe {
    border: none;
    width: 100%;
    max-width: 854px;
    height: 100%;
    max-height: 480px; }

body.youtube-modal-showing {
  overflow: hidden; }
@charset "UTF-8";
@font-face {
  font-family: 'Soleil';
  src: local("?"), url("/fonts/soleil/Soleil.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Soleil_Light';
  src: local("?"), url("/fonts/soleil/Soleil-Light.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Soleil_Book';
  src: local("?"), url("/fonts/soleil/Soleil-Book.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Soleil_Medium';
  src: local("?"), url("/fonts/soleil/Soleil-Semibold.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Soleil_Bold';
  src: local("?"), url("/fonts/soleil/Soleil-Bold.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Gotham_SSm_3r';
  src: local("?"), url("/fonts/gotham/gotham-light.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Gotham_SSm_4r';
  src: local("?"), url("/fonts/gotham/gotham-book.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Gotham_SSm_5r';
  src: local("?"), url("/fonts/gotham/gotham-medium.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Gotham_SSm_7r';
  src: local("?"), url("/fonts/gotham/gotham-bold.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'webfont_bold';
  src: url("/fonts/english_only/caecilialtstd-bold.eot");
  src: url("/fonts/english_only/caecilialtstd-bold.eot?#iefix") format("embedded-opentype"), url("/fonts/english_only/caecilialtstd-bold.woff") format("woff"), url("/fonts/english_only/caecilialtstd-bold.ttf") format("truetype"), url("/fonts/english_only/caecilialtstd-bold.svg#webfont_bold") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'webfont';
  src: url("/fonts/english_only/caecilialtstd-roman.eot");
  src: url("/fonts/english_only/caecilialtstd-roman.eot?#iefix") format("embedded-opentype"), url("/fonts/english_only/caecilialtstd-roman.woff") format("woff"), url("/fonts/english_only/caecilialtstd-roman.ttf") format("truetype"), url("/fonts/english_only/caecilialtstd-roman.svg#webfont") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'webfont_light';
  src: url("/fonts/english_only/caecilialtstd-light.eot");
  src: url("/fonts/english_only/caecilialtstd-light.eot?#iefix") format("embedded-opentype"), url("/fonts/english_only/caecilialtstd-light.woff") format("woff"), url("/fonts/english_only/caecilialtstd-light.ttf") format("truetype"), url("/fonts/english_only/caecilialtstd-light.svg#webfont_light") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'webfont_bold_italic';
  src: url("/fonts/english_only/caecilialtstd-bolditalic.eot");
  src: url("/fonts/english_only/caecilialtstd-bolditalic.eot?#iefix") format("embedded-opentype"), url("/fonts/english_only/caecilialtstd-bolditalic.woff") format("woff"), url("/fonts/english_only/caecilialtstd-bolditalic.ttf") format("truetype"), url("/fonts/english_only/caecilialtstd-bolditalic.svg#webfont_bold") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'webfont_italic';
  src: url("/fonts/english_only/caecilialtstd-italic.eot");
  src: url("/fonts/english_only/caecilialtstd-italic.eot?#iefix") format("embedded-opentype"), url("/fonts/english_only/caecilialtstd-italic.woff") format("woff"), url("/fonts/english_only/caecilialtstd-italic.ttf") format("truetype"), url("/fonts/english_only/caecilialtstd-italic.svg#webfont_italic") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'webfont_light_italic';
  src: url("/fonts/english_only/caecilialtstd-lightitalic.eot");
  src: url("/fonts/english_only/caecilialtstd-lightitalic.eot?#iefix") format("embedded-opentype"), url("/fonts/english_only/caecilialtstd-lightitalic.woff") format("woff"), url("/fonts/english_only/caecilialtstd-lightitalic.ttf") format("truetype"), url("/fonts/english_only/caecilialtstd-lightitalic.svg#webfont_light_italic") format("svg");
  font-weight: normal;
  font-style: normal; }

* {
  font-family: "Soleil", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased; }
  *:lang(ko) {
    font-family: "\B098\B214\ACE0\B515", "NanumGothic", "\B9D1\C740   \ACE0\B515", "Malgun Gothic", "\B3CB\C6C0", "DotumChe", "Dotum", sans-serif; }
  *:lang(ja), *:lang(jp) {
    font-family: "\30D2\30E9\30AE\30CE\89D2\30B4   ProN W3", "Hiragino Kaku Gothic ProN", "\30E1\30A4\30EA\30AA", Meiryo, "MS P\30B4\30B7\30C3\30AF", "MS PGothic", sans-serif; }
  *:lang(zh-cn), *:lang(zh-tw) {
    font-family: "Hiragino Sans GB", "STHeiti", "Microsoft Yahei", sans-serif; }
  *:lang(ru) {
    font-family: sans-serif;
    font-weight: lighter; }
  *:lang(ko) {
    word-break: keep-all; }

h1 {
  font-family: "Soleil_Medium", Helvetica, Arial, sans-serif;
  font-size: 60px;
  line-height: 70px; }
  h1:lang(ko) {
    font-family: "\B098\B214\ACE0\B515", "NanumGothic", "\B9D1\C740   \ACE0\B515", "Malgun Gothic", "\B3CB\C6C0", "DotumChe", "Dotum", sans-serif; }
  h1:lang(ja), h1:lang(jp) {
    font-family: "\30D2\30E9\30AE\30CE\89D2\30B4   ProN W3", "Hiragino Kaku Gothic ProN", "\30E1\30A4\30EA\30AA", Meiryo, "MS P\30B4\30B7\30C3\30AF", "MS PGothic", sans-serif; }
  h1:lang(zh-cn), h1:lang(zh-tw) {
    font-family: "Hiragino Sans GB", "STHeiti", "Microsoft Yahei", sans-serif; }
  h1:lang(ru) {
    font-family: sans-serif;
    font-weight: lighter; }
  h1:lang(jp) {
    font-size: 50px; }
  @media only screen and (max-width: 960px) {
    h1 {
      font-size: 50px;
      line-height: 60px; }
      h1:lang(jp) {
        font-size: 40px; } }
  @media only screen and (max-width: 600px) {
    h1 {
      font-size: 30px;
      line-height: 40px; } }

h2 {
  font-family: "Soleil_Medium", Helvetica, Arial, sans-serif;
  font-size: 35px;
  line-height: 45px; }
  h2:lang(ko) {
    font-family: "\B098\B214\ACE0\B515", "NanumGothic", "\B9D1\C740   \ACE0\B515", "Malgun Gothic", "\B3CB\C6C0", "DotumChe", "Dotum", sans-serif; }
  h2:lang(ja), h2:lang(jp) {
    font-family: "\30D2\30E9\30AE\30CE\89D2\30B4   ProN W3", "Hiragino Kaku Gothic ProN", "\30E1\30A4\30EA\30AA", Meiryo, "MS P\30B4\30B7\30C3\30AF", "MS PGothic", sans-serif; }
  h2:lang(zh-cn), h2:lang(zh-tw) {
    font-family: "Hiragino Sans GB", "STHeiti", "Microsoft Yahei", sans-serif; }
  h2:lang(ru) {
    font-family: sans-serif;
    font-weight: lighter; }
  @media only screen and (max-width: 960px) {
    h2 {
      font-size: 32px;
      line-height: 42px; } }
  @media only screen and (max-width: 600px) {
    h2 {
      font-size: 30px;
      line-height: 40px; } }

h3 {
  font-family: "Soleil_Medium", Helvetica, Arial, sans-serif;
  font-size: 23px;
  line-height: 33px; }
  h3:lang(ko) {
    font-family: "\B098\B214\ACE0\B515", "NanumGothic", "\B9D1\C740   \ACE0\B515", "Malgun Gothic", "\B3CB\C6C0", "DotumChe", "Dotum", sans-serif; }
  h3:lang(ja), h3:lang(jp) {
    font-family: "\30D2\30E9\30AE\30CE\89D2\30B4   ProN W3", "Hiragino Kaku Gothic ProN", "\30E1\30A4\30EA\30AA", Meiryo, "MS P\30B4\30B7\30C3\30AF", "MS PGothic", sans-serif; }
  h3:lang(zh-cn), h3:lang(zh-tw) {
    font-family: "Hiragino Sans GB", "STHeiti", "Microsoft Yahei", sans-serif; }
  h3:lang(ru) {
    font-family: sans-serif;
    font-weight: lighter; }

h4 {
  font-family: "Soleil_Medium", Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 28px; }
  h4:lang(ko) {
    font-family: "\B098\B214\ACE0\B515", "NanumGothic", "\B9D1\C740   \ACE0\B515", "Malgun Gothic", "\B3CB\C6C0", "DotumChe", "Dotum", sans-serif; }
  h4:lang(ja), h4:lang(jp) {
    font-family: "\30D2\30E9\30AE\30CE\89D2\30B4   ProN W3", "Hiragino Kaku Gothic ProN", "\30E1\30A4\30EA\30AA", Meiryo, "MS P\30B4\30B7\30C3\30AF", "MS PGothic", sans-serif; }
  h4:lang(zh-cn), h4:lang(zh-tw) {
    font-family: "Hiragino Sans GB", "STHeiti", "Microsoft Yahei", sans-serif; }
  h4:lang(ru) {
    font-family: sans-serif;
    font-weight: lighter; }

h5 {
  font-family: "Soleil_Light", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 2px;
  text-transform: uppercase; }
  h5:lang(ko) {
    font-family: "\B098\B214\ACE0\B515", "NanumGothic", "\B9D1\C740   \ACE0\B515", "Malgun Gothic", "\B3CB\C6C0", "DotumChe", "Dotum", sans-serif; }
  h5:lang(ja), h5:lang(jp) {
    font-family: "\30D2\30E9\30AE\30CE\89D2\30B4   ProN W3", "Hiragino Kaku Gothic ProN", "\30E1\30A4\30EA\30AA", Meiryo, "MS P\30B4\30B7\30C3\30AF", "MS PGothic", sans-serif; }
  h5:lang(zh-cn), h5:lang(zh-tw) {
    font-family: "Hiragino Sans GB", "STHeiti", "Microsoft Yahei", sans-serif; }
  h5:lang(ru) {
    font-family: sans-serif;
    font-weight: lighter; }

p,
ul,
ol,
table {
  font-family: "Soleil", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 21px; }
  p:lang(ko),
  ul:lang(ko),
  ol:lang(ko),
  table:lang(ko) {
    font-family: "\B098\B214\ACE0\B515", "NanumGothic", "\B9D1\C740   \ACE0\B515", "Malgun Gothic", "\B3CB\C6C0", "DotumChe", "Dotum", sans-serif; }
  p:lang(ja), p:lang(jp),
  ul:lang(ja),
  ul:lang(jp),
  ol:lang(ja),
  ol:lang(jp),
  table:lang(ja),
  table:lang(jp) {
    font-family: "\30D2\30E9\30AE\30CE\89D2\30B4   ProN W3", "Hiragino Kaku Gothic ProN", "\30E1\30A4\30EA\30AA", Meiryo, "MS P\30B4\30B7\30C3\30AF", "MS PGothic", sans-serif; }
  p:lang(zh-cn), p:lang(zh-tw),
  ul:lang(zh-cn),
  ul:lang(zh-tw),
  ol:lang(zh-cn),
  ol:lang(zh-tw),
  table:lang(zh-cn),
  table:lang(zh-tw) {
    font-family: "Hiragino Sans GB", "STHeiti", "Microsoft Yahei", sans-serif; }
  p:lang(ru),
  ul:lang(ru),
  ol:lang(ru),
  table:lang(ru) {
    font-family: sans-serif;
    font-weight: lighter; }

.inline-banner .description {
  font-size: 16px;
  line-height: 24px; }

a:link,
a:visited {
  text-decoration: none;
  color: #000;
  transition: .1s color ease-in-out; }

a:hover,
a:focus {
  color: #00A82D;
  transition: .1s color ease-in-out; }

.button-primary,
a:link.button-primary,
a:visited.button-primary {
  display: inline-block;
  font-family: "Soleil_Bold", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: normal;
  text-decoration: none;
  text-align: center;
  color: #fff;
  background: #00A82D;
  border: 0;
  border-radius: 5px;
  padding: 18px 20px 17px;
  transition: .3s background ease-in-out;
  -webkit-font-smoothing: antialiased; }
  .button-primary:lang(ko),
  a:link.button-primary:lang(ko),
  a:visited.button-primary:lang(ko) {
    font-family: "\B098\B214\ACE0\B515", "NanumGothic", "\B9D1\C740   \ACE0\B515", "Malgun Gothic", "\B3CB\C6C0", "DotumChe", "Dotum", sans-serif; }
  .button-primary:lang(ja), .button-primary:lang(jp),
  a:link.button-primary:lang(ja),
  a:link.button-primary:lang(jp),
  a:visited.button-primary:lang(ja),
  a:visited.button-primary:lang(jp) {
    font-family: "\30D2\30E9\30AE\30CE\89D2\30B4   ProN W3", "Hiragino Kaku Gothic ProN", "\30E1\30A4\30EA\30AA", Meiryo, "MS P\30B4\30B7\30C3\30AF", "MS PGothic", sans-serif; }
  .button-primary:lang(zh-cn), .button-primary:lang(zh-tw),
  a:link.button-primary:lang(zh-cn),
  a:link.button-primary:lang(zh-tw),
  a:visited.button-primary:lang(zh-cn),
  a:visited.button-primary:lang(zh-tw) {
    font-family: "Hiragino Sans GB", "STHeiti", "Microsoft Yahei", sans-serif; }
  .button-primary:lang(ru),
  a:link.button-primary:lang(ru),
  a:visited.button-primary:lang(ru) {
    font-family: sans-serif;
    font-weight: lighter; }
  .button-primary:hover,
  a:link.button-primary:hover,
  a:visited.button-primary:hover {
    background: #14CC45;
    transition: .1s background ease-in-out; }

.button-secondary,
a:link.button-secondary,
a:visited.button-secondary {
  display: inline-block;
  font-family: "Soleil_Bold", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: normal;
  text-decoration: none;
  text-align: center;
  color: #00A82D;
  border: 2px solid #00A82D;
  border-radius: 5px;
  padding: 16px 16px 15px;
  transition: .3s background ease-in-out, .3s color ease-in-out;
  -webkit-font-smoothing: antialiased; }
  .button-secondary:lang(ko),
  a:link.button-secondary:lang(ko),
  a:visited.button-secondary:lang(ko) {
    font-family: "\B098\B214\ACE0\B515", "NanumGothic", "\B9D1\C740   \ACE0\B515", "Malgun Gothic", "\B3CB\C6C0", "DotumChe", "Dotum", sans-serif; }
  .button-secondary:lang(ja), .button-secondary:lang(jp),
  a:link.button-secondary:lang(ja),
  a:link.button-secondary:lang(jp),
  a:visited.button-secondary:lang(ja),
  a:visited.button-secondary:lang(jp) {
    font-family: "\30D2\30E9\30AE\30CE\89D2\30B4   ProN W3", "Hiragino Kaku Gothic ProN", "\30E1\30A4\30EA\30AA", Meiryo, "MS P\30B4\30B7\30C3\30AF", "MS PGothic", sans-serif; }
  .button-secondary:lang(zh-cn), .button-secondary:lang(zh-tw),
  a:link.button-secondary:lang(zh-cn),
  a:link.button-secondary:lang(zh-tw),
  a:visited.button-secondary:lang(zh-cn),
  a:visited.button-secondary:lang(zh-tw) {
    font-family: "Hiragino Sans GB", "STHeiti", "Microsoft Yahei", sans-serif; }
  .button-secondary:lang(ru),
  a:link.button-secondary:lang(ru),
  a:visited.button-secondary:lang(ru) {
    font-family: sans-serif;
    font-weight: lighter; }
  .button-secondary:hover,
  a:link.button-secondary:hover,
  a:visited.button-secondary:hover {
    color: #fff;
    background: #00A82D;
    transition: .1s background ease-in-out, .1s color ease-in-out; }
  .button-secondary.white,
  a:link.button-secondary.white,
  a:visited.button-secondary.white {
    color: #00A82D;
    background: #fff; }
    .button-secondary.white:hover,
    a:link.button-secondary.white:hover,
    a:visited.button-secondary.white:hover {
      background: #f7f7f7; }

.pattern-background {
  background-image: url("/img/backgrounds/patterns/main-green.png");
  background-repeat: repeat; }
  .pattern-background.green {
    background-color: #00a82d;
    color: #fff; }
    .pattern-background.green .button-secondary {
      background: #fff;
      border: 0;
      color: #00a82d; }
      .pattern-background.green .button-secondary:hover {
        background-color: #f7f7f7;
        border: 0;
        color: #00a82d; }
  .pattern-background.grey {
    background-color: #fafafa; }
  .pattern-background.black {
    background-color: #000;
    color: #fff; }
  .pattern-background.squiggles {
    background-image: url("/img/backgrounds/patterns/squiggles.png"); }
  .pattern-background.stripes {
    background-image: url("/img/backgrounds/patterns/stripes-repeat.png"); }
  .pattern-background.dots {
    background-image: url("/img/backgrounds/patterns/dots.png"); }
  .pattern-background.document {
    background-image: url("/img/backgrounds/patterns/document-lime-repeat.png"); }
  .pattern-background.grey-white {
    background-image: url("/img/backgrounds/patterns/gray-white.png"); }
  .pattern-background.stairs-black {
    background-image: url("/img/backgrounds/patterns/stairs-black.png");
    color: #fff; }

.colored-background.grey {
  background-color: #f7f7f7; }

.colored-background.grey-gradient {
  background-image: linear-gradient(to bottom left, #FFFFFF 0%, #F2F7F4 100%); }

.colored-background.green {
  background-color: #00a82d;
  color: #fff; }

.colored-background.light-green {
  background-color: #f4f8f6; }

.colored-background.white {
  background-color: #fff; }

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

body {
  font-family: "Soleil", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 22px;
  color: #000;
  padding-top: 130px; }
  body:lang(ko) {
    font-family: "\B098\B214\ACE0\B515", "NanumGothic", "\B9D1\C740   \ACE0\B515", "Malgun Gothic", "\B3CB\C6C0", "DotumChe", "Dotum", sans-serif; }
  body:lang(ja), body:lang(jp) {
    font-family: "\30D2\30E9\30AE\30CE\89D2\30B4   ProN W3", "Hiragino Kaku Gothic ProN", "\30E1\30A4\30EA\30AA", Meiryo, "MS P\30B4\30B7\30C3\30AF", "MS PGothic", sans-serif; }
  body:lang(zh-cn), body:lang(zh-tw) {
    font-family: "Hiragino Sans GB", "STHeiti", "Microsoft Yahei", sans-serif; }
  body:lang(ru) {
    font-family: sans-serif;
    font-weight: lighter; }
  @media only screen and (max-width: 600px) {
    body.cookie-notice-visible {
      padding-top: 340px; } }

.row {
  max-width: 1220px;
  margin: 0 auto;
  padding: 0 40px; }
  @media only screen and (max-width: 600px) {
    .row {
      padding: 0 20px; } }

.global-header {
  position: fixed;
  top: 0;
  width: 100%;
  background: #fff;
  z-index: 999; }
  .global-header a:link,
  .global-header a:visited {
    color: #000;
    font-size: 16px;
    text-decoration: none;
    transition: .1s color ease-in-out; }
  .global-header a:hover,
  .global-header a:focus {
    color: #00a82d;
    transition: .1s color ease-in-out; }
  .global-header .button-outline,
  .global-header a:link.button-outline,
  .global-header a:visited.button-outline {
    font-family: "Soleil", Helvetica, Arial, sans-serif;
    border-radius: 3px;
    border: 2px solid #00a82d;
    color: #00a82d;
    display: inline-block;
    font-size: 13px;
    height: 40px;
    line-height: 37px;
    min-width: 120px;
    padding: 0 10px;
    text-align: center;
    text-decoration: none;
    transition: .3s border ease-in-out, .3s color ease-in-out;
    -webkit-font-smoothing: antialiased; }
    .global-header .button-outline:lang(ko),
    .global-header a:link.button-outline:lang(ko),
    .global-header a:visited.button-outline:lang(ko) {
      font-family: "\B098\B214\ACE0\B515", "NanumGothic", "\B9D1\C740   \ACE0\B515", "Malgun Gothic", "\B3CB\C6C0", "DotumChe", "Dotum", sans-serif; }
    .global-header .button-outline:lang(ja), .global-header .button-outline:lang(jp),
    .global-header a:link.button-outline:lang(ja),
    .global-header a:link.button-outline:lang(jp),
    .global-header a:visited.button-outline:lang(ja),
    .global-header a:visited.button-outline:lang(jp) {
      font-family: "\30D2\30E9\30AE\30CE\89D2\30B4   ProN W3", "Hiragino Kaku Gothic ProN", "\30E1\30A4\30EA\30AA", Meiryo, "MS P\30B4\30B7\30C3\30AF", "MS PGothic", sans-serif; }
    .global-header .button-outline:lang(zh-cn), .global-header .button-outline:lang(zh-tw),
    .global-header a:link.button-outline:lang(zh-cn),
    .global-header a:link.button-outline:lang(zh-tw),
    .global-header a:visited.button-outline:lang(zh-cn),
    .global-header a:visited.button-outline:lang(zh-tw) {
      font-family: "Hiragino Sans GB", "STHeiti", "Microsoft Yahei", sans-serif; }
    .global-header .button-outline:lang(ru),
    .global-header a:link.button-outline:lang(ru),
    .global-header a:visited.button-outline:lang(ru) {
      font-family: sans-serif;
      font-weight: lighter; }
    .global-header .button-outline:hover,
    .global-header a:link.button-outline:hover,
    .global-header a:visited.button-outline:hover {
      color: #14CC45;
      border: 2px solid #14CC45;
      transition: .1s border ease-in-out, .1s color ease-in-out; }
  .global-header .cookie-notice {
    background: #00A82D;
    color: #fff;
    padding: 15px;
    display: none; }
    .global-header .cookie-notice::after {
      content: '';
      display: block;
      clear: both; }
    .global-header .cookie-notice a {
      font-weight: bold;
      color: #fff;
      cursor: pointer; }
      .global-header .cookie-notice a:hover {
        text-decoration: underline; }
    .global-header .cookie-notice .text {
      float: left;
      width: 75%;
      font-family: "Soleil_Light", Helvetica, Arial, sans-serif; }
      @media only screen and (max-width: 600px) {
        .global-header .cookie-notice .text {
          float: none;
          width: 100%; } }
    .global-header .cookie-notice .buttons {
      float: right;
      width: 25%;
      text-align: right; }
      @media only screen and (max-width: 600px) {
        .global-header .cookie-notice .buttons {
          float: none;
          width: 100%;
          margin-top: 16px; } }
      .global-header .cookie-notice .buttons .button-primary {
        background: #fff;
        color: #00a82d;
        padding: 10px 35px; }
        @media only screen and (max-width: 600px) {
          .global-header .cookie-notice .buttons .button-primary {
            width: 100%; } }
  .global-header .top {
    background: #fff;
    z-index: 997; }
    @media only screen and (max-width: 1100px) {
      .global-header .top {
        z-index: 995; } }
    .global-header .top .row {
      align-items: center;
      display: flex;
      height: 130px;
      padding: 0;
      position: relative; }
      @media only screen and (max-width: 1220px) {
        .global-header .top .row {
          padding: 0 40px; } }
      @media only screen and (max-width: 600px) {
        .global-header .top .row {
          padding: 0 20px; } }
      .global-header .top .row::after {
        content: '';
        display: block;
        clear: both; }
  .global-header .global-logo {
    display: inline-block; }
    .global-header .global-logo a {
      display: block;
      width: 177px;
      height: 40px;
      text-indent: -9999px;
      background-size: contain; }
    .global-header .global-logo span {
      position: absolute;
      right: 9999px; }
    .global-header .global-logo svg {
      display: block; }
  .global-header .top-level-nav {
    display: inline-block;
    vertical-align: top;
    margin-top: 22px;
    margin-left: 50px; }
    @media only screen and (max-width: 1100px) {
      .global-header .top-level-nav {
        display: none; } }
    .global-header .top-level-nav li {
      display: inline-block;
      margin-left: 30px;
      padding-bottom: 22px;
      position: relative; }
      .global-header .top-level-nav li > a {
        font-family: "Soleil_Bold", Helvetica, Arial, sans-serif;
        font-size: 14px;
        text-transform: uppercase; }
      .global-header .top-level-nav li:hover > .sub-nav {
        opacity: 1;
        visibility: visible; }
      .global-header .top-level-nav li:first-child {
        margin-left: 0; }
    .global-header .top-level-nav .arrow {
      display: inline-block;
      border-top: 4px solid #000;
      border-left: 3px solid transparent;
      border-right: 3px solid transparent;
      margin-left: 5px;
      transition: .2s transform ease-in-out;
      vertical-align: middle; }
    .global-header .top-level-nav .explore.open .arrow {
      transform: rotate(-180deg);
      transition: .2s transform ease-in-out; }
  .global-header .sub-nav {
    background: #FCFCFC;
    border-radius: 5px;
    box-shadow: 0 10px 8px 0 rgba(0, 0, 0, 0.2);
    display: flex;
    left: -120px;
    min-height: 360px;
    opacity: 0;
    padding: 16px;
    position: absolute;
    top: 100%;
    transition: .1s all ease-in-out;
    visibility: hidden;
    width: 628px; }
    .global-header .sub-nav:hover {
      opacity: 1;
      visibility: visible; }
    .global-header .sub-nav::after {
      bottom: 100%;
      left: 140px;
      border: solid transparent;
      content: ' ';
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      border-color: rgba(252, 252, 252, 0);
      border-bottom-color: #FCFCFC;
      border-width: 20px;
      border-radius: 2px;
      margin-left: -20px; }
    .global-header .sub-nav .sub-nav-col {
      display: flex;
      flex-direction: column;
      flex: 1;
      max-width: 50%; }
      .global-header .sub-nav .sub-nav-col.left {
        margin-right: 4px; }
      .global-header .sub-nav .sub-nav-col.right {
        margin-left: 4px; }
    .global-header .sub-nav .sub-nav-box {
      background: #FAFAFA;
      border-radius: 3px;
      display: flex;
      flex: 0 1 auto;
      flex-direction: column;
      font-size: 14px;
      justify-content: center;
      margin: 4px 0;
      min-height: 100px;
      padding: 24px 14px 24px 96px;
      position: relative;
      transition: .1s all ease-in-out; }
      .global-header .sub-nav .sub-nav-box:hover {
        background-color: #00a82d; }
        .global-header .sub-nav .sub-nav-box:hover h4,
        .global-header .sub-nav .sub-nav-box:hover p {
          color: #fff; }
      .global-header .sub-nav .sub-nav-box h4 {
        font-family: "Soleil_Medium", Helvetica, Arial, sans-serif;
        color: #00a82d;
        font-size: 12px;
        letter-spacing: 0.9px;
        line-height: 16px;
        margin: 0 0 .5em;
        padding: 0;
        text-transform: uppercase; }
        .global-header .sub-nav .sub-nav-box h4:lang(ko) {
          font-family: "\B098\B214\ACE0\B515", "NanumGothic", "\B9D1\C740   \ACE0\B515", "Malgun Gothic", "\B3CB\C6C0", "DotumChe", "Dotum", sans-serif; }
        .global-header .sub-nav .sub-nav-box h4:lang(ja), .global-header .sub-nav .sub-nav-box h4:lang(jp) {
          font-family: "\30D2\30E9\30AE\30CE\89D2\30B4   ProN W3", "Hiragino Kaku Gothic ProN", "\30E1\30A4\30EA\30AA", Meiryo, "MS P\30B4\30B7\30C3\30AF", "MS PGothic", sans-serif; }
        .global-header .sub-nav .sub-nav-box h4:lang(zh-cn), .global-header .sub-nav .sub-nav-box h4:lang(zh-tw) {
          font-family: "Hiragino Sans GB", "STHeiti", "Microsoft Yahei", sans-serif; }
        .global-header .sub-nav .sub-nav-box h4:lang(ru) {
          font-family: sans-serif;
          font-weight: lighter; }
      .global-header .sub-nav .sub-nav-box p {
        font-family: "Soleil_Light", Helvetica, Arial, sans-serif;
        color: #808080;
        line-height: 16px;
        width: 100%;
        word-wrap: break-word; }
        .global-header .sub-nav .sub-nav-box p:lang(ko) {
          font-family: "\B098\B214\ACE0\B515", "NanumGothic", "\B9D1\C740   \ACE0\B515", "Malgun Gothic", "\B3CB\C6C0", "DotumChe", "Dotum", sans-serif; }
        .global-header .sub-nav .sub-nav-box p:lang(ja), .global-header .sub-nav .sub-nav-box p:lang(jp) {
          font-family: "\30D2\30E9\30AE\30CE\89D2\30B4   ProN W3", "Hiragino Kaku Gothic ProN", "\30E1\30A4\30EA\30AA", Meiryo, "MS P\30B4\30B7\30C3\30AF", "MS PGothic", sans-serif; }
        .global-header .sub-nav .sub-nav-box p:lang(zh-cn), .global-header .sub-nav .sub-nav-box p:lang(zh-tw) {
          font-family: "Hiragino Sans GB", "STHeiti", "Microsoft Yahei", sans-serif; }
        .global-header .sub-nav .sub-nav-box p:lang(ru) {
          font-family: sans-serif;
          font-weight: lighter; }
      .global-header .sub-nav .sub-nav-box.vert {
        align-items: center;
        display: flex;
        flex-direction: column;
        flex: 1;
        justify-content: center;
        padding: 16px;
        text-align: center; }
        .global-header .sub-nav .sub-nav-box.vert .plans {
          left: auto;
          margin-bottom: 25px;
          position: relative;
          top: auto;
          transform: none; }
    .global-header .sub-nav .plans {
      background-image: url("/img/plans/blank@2x.png");
      background-repeat: no-repeat;
      background-size: contain;
      display: block;
      height: 64px;
      left: 14px;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 64px; }
      .global-header .sub-nav .plans.basic {
        background-image: url("/img/plans/basic@2x.png"); }
      .global-header .sub-nav .plans.premium {
        background-image: url("/img/plans/premium@2x.png"); }
      .global-header .sub-nav .plans.business {
        background-image: url("/img/plans/business@2x.png"); }
      .global-header .sub-nav .plans.compare {
        background-image: url("/img/plans/compare@2x.png"); }
      .global-header .sub-nav .plans.evernote {
        background-image: url("/img/plans/evernote@2x.png"); }
      .global-header .sub-nav .plans.press {
        background-image: url("/img/plans/press@2x.png"); }
      .global-header .sub-nav .plans.careers {
        background-image: url("/img/plans/careers@2x.png"); }
      .global-header .sub-nav .plans.contact {
        background-image: url("/img/plans/contact@2x.png"); }
      .global-header .sub-nav .plans.inclusion-diversity {
        background-image: url("/img/plans/inclusion-diversity@2x.png"); }
  .global-header .utility-nav,
  .global-header .business-nav {
    display: inline-block;
    margin-left: auto; }
    .global-header .utility-nav li,
    .global-header .business-nav li {
      font-family: "Soleil", Helvetica, Arial, sans-serif;
      font-size: 14px;
      display: inline-block;
      margin: 0 5px;
      position: relative;
      vertical-align: middle; }
      .global-header .utility-nav li:lang(ko),
      .global-header .business-nav li:lang(ko) {
        font-family: "\B098\B214\ACE0\B515", "NanumGothic", "\B9D1\C740   \ACE0\B515", "Malgun Gothic", "\B3CB\C6C0", "DotumChe", "Dotum", sans-serif; }
      .global-header .utility-nav li:lang(ja), .global-header .utility-nav li:lang(jp),
      .global-header .business-nav li:lang(ja),
      .global-header .business-nav li:lang(jp) {
        font-family: "\30D2\30E9\30AE\30CE\89D2\30B4   ProN W3", "Hiragino Kaku Gothic ProN", "\30E1\30A4\30EA\30AA", Meiryo, "MS P\30B4\30B7\30C3\30AF", "MS PGothic", sans-serif; }
      .global-header .utility-nav li:lang(zh-cn), .global-header .utility-nav li:lang(zh-tw),
      .global-header .business-nav li:lang(zh-cn),
      .global-header .business-nav li:lang(zh-tw) {
        font-family: "Hiragino Sans GB", "STHeiti", "Microsoft Yahei", sans-serif; }
      .global-header .utility-nav li:lang(ru),
      .global-header .business-nav li:lang(ru) {
        font-family: sans-serif;
        font-weight: lighter; }
      .global-header .utility-nav li a:link,
      .global-header .utility-nav li a:visited,
      .global-header .business-nav li a:link,
      .global-header .business-nav li a:visited {
        color: #00a82d; }
      .global-header .utility-nav li a:hover,
      .global-header .utility-nav li a:focus,
      .global-header .business-nav li a:hover,
      .global-header .business-nav li a:focus {
        color: #14CC45; }
      .global-header .utility-nav li:first-child,
      .global-header .business-nav li:first-child {
        margin-left: 0; }
      @media only screen and (max-width: 1100px) {
        .global-header .utility-nav li,
        .global-header .business-nav li {
          display: none; } }
    .global-header .utility-nav .new,
    .global-header .business-nav .new {
      position: absolute;
      top: -12px;
      left: 100%;
      font-family: "Soleil_Bold", Helvetica, Arial, sans-serif;
      font-size: 9px;
      text-transform: uppercase;
      color: #00a82d;
      margin-left: -15px;
      white-space: nowrap; }
      .global-header .utility-nav .new:lang(fr),
      .global-header .business-nav .new:lang(fr) {
        left: 0;
        margin-left: 10px; }
    .global-header .utility-nav .sign-up-container.on-home,
    .global-header .business-nav .sign-up-container.on-home {
      width: 0;
      margin-left: 0;
      text-align: right; }
      @media only screen and (max-width: 1100px) {
        .global-header .utility-nav .sign-up-container.on-home,
        .global-header .business-nav .sign-up-container.on-home {
          width: auto;
          text-align: left; } }
      .global-header .utility-nav .sign-up-container.on-home > a,
      .global-header .business-nav .sign-up-container.on-home > a {
        white-space: nowrap;
        opacity: 0;
        transition: .2s opacity ease-in-out; }
        .global-header .utility-nav .sign-up-container.on-home > a.visible,
        .global-header .business-nav .sign-up-container.on-home > a.visible {
          opacity: 1;
          transition: .2s opacity ease-in-out; }
        @media only screen and (max-width: 1100px) {
          .global-header .utility-nav .sign-up-container.on-home > a,
          .global-header .business-nav .sign-up-container.on-home > a {
            opacity: 1; } }
    .global-header .utility-nav .biz-contact-sales-container,
    .global-header .business-nav .biz-contact-sales-container {
      width: 0;
      margin-left: 0;
      text-align: right;
      margin-left: 0;
      overflow: hidden; }
      @media only screen and (max-width: 1100px) {
        .global-header .utility-nav .biz-contact-sales-container,
        .global-header .business-nav .biz-contact-sales-container {
          width: auto;
          text-align: left; } }
      .global-header .utility-nav .biz-contact-sales-container > a,
      .global-header .business-nav .biz-contact-sales-container > a {
        display: inline-block;
        white-space: nowrap;
        margin-top: 2px;
        margin-left: 30px;
        opacity: 0;
        transition: .2s opacity ease-in-out; }
        .global-header .utility-nav .biz-contact-sales-container > a.visible,
        .global-header .business-nav .biz-contact-sales-container > a.visible {
          opacity: 1;
          transition: .2s opacity ease-in-out; }
    .global-header .utility-nav .biz-log-in-container,
    .global-header .business-nav .biz-log-in-container {
      margin-left: 0; }
      .global-header .utility-nav .biz-log-in-container > a,
      .global-header .business-nav .biz-log-in-container > a {
        display: inline-block;
        white-space: nowrap;
        margin-top: 2px;
        margin-left: 30px;
        opacity: 0;
        transition: .2s opacity ease-in-out; }
        .global-header .utility-nav .biz-log-in-container > a.visible,
        .global-header .business-nav .biz-log-in-container > a.visible {
          opacity: 1;
          transition: .2s opacity ease-in-out; }
    .global-header .utility-nav a,
    .global-header .business-nav a {
      padding-bottom: 2px; }
    .global-header .utility-nav .active,
    .global-header .business-nav .active {
      border-bottom: 2px solid #00a82d; }
    .global-header .utility-nav .header-cta,
    .global-header .business-nav .header-cta {
      font-family: "Soleil_Medium", Helvetica, Arial, sans-serif;
      max-width: 196px;
      line-height: normal;
      padding: 15px 20px 14px; }
      .global-header .utility-nav .header-cta:lang(ko),
      .global-header .business-nav .header-cta:lang(ko) {
        font-family: "\B098\B214\ACE0\B515", "NanumGothic", "\B9D1\C740   \ACE0\B515", "Malgun Gothic", "\B3CB\C6C0", "DotumChe", "Dotum", sans-serif; }
      .global-header .utility-nav .header-cta:lang(ja), .global-header .utility-nav .header-cta:lang(jp),
      .global-header .business-nav .header-cta:lang(ja),
      .global-header .business-nav .header-cta:lang(jp) {
        font-family: "\30D2\30E9\30AE\30CE\89D2\30B4   ProN W3", "Hiragino Kaku Gothic ProN", "\30E1\30A4\30EA\30AA", Meiryo, "MS P\30B4\30B7\30C3\30AF", "MS PGothic", sans-serif; }
      .global-header .utility-nav .header-cta:lang(zh-cn), .global-header .utility-nav .header-cta:lang(zh-tw),
      .global-header .business-nav .header-cta:lang(zh-cn),
      .global-header .business-nav .header-cta:lang(zh-tw) {
        font-family: "Hiragino Sans GB", "STHeiti", "Microsoft Yahei", sans-serif; }
      .global-header .utility-nav .header-cta:lang(ru),
      .global-header .business-nav .header-cta:lang(ru) {
        font-family: sans-serif;
        font-weight: lighter; }
      .global-header .utility-nav .header-cta:lang(jp),
      .global-header .business-nav .header-cta:lang(jp) {
        line-height: 10px;
        padding: 16px 10px 14px; }
    .global-header .utility-nav .button-primary,
    .global-header .business-nav .button-primary {
      display: inline-block;
      font-family: "Soleil_Medium", Helvetica, Arial, sans-serif;
      font-size: 13px;
      text-decoration: none;
      text-align: center;
      color: #fff;
      background: #00a82d;
      border: 2px solid #00a82d;
      border-radius: 4px;
      padding: 15px 20px 14px;
      line-height: normal;
      transition: .3s background ease-in-out;
      -webkit-font-smoothing: antialiased; }
      .global-header .utility-nav .button-primary:lang(ko),
      .global-header .business-nav .button-primary:lang(ko) {
        font-family: "\B098\B214\ACE0\B515", "NanumGothic", "\B9D1\C740   \ACE0\B515", "Malgun Gothic", "\B3CB\C6C0", "DotumChe", "Dotum", sans-serif; }
      .global-header .utility-nav .button-primary:lang(ja), .global-header .utility-nav .button-primary:lang(jp),
      .global-header .business-nav .button-primary:lang(ja),
      .global-header .business-nav .button-primary:lang(jp) {
        font-family: "\30D2\30E9\30AE\30CE\89D2\30B4   ProN W3", "Hiragino Kaku Gothic ProN", "\30E1\30A4\30EA\30AA", Meiryo, "MS P\30B4\30B7\30C3\30AF", "MS PGothic", sans-serif; }
      .global-header .utility-nav .button-primary:lang(zh-cn), .global-header .utility-nav .button-primary:lang(zh-tw),
      .global-header .business-nav .button-primary:lang(zh-cn),
      .global-header .business-nav .button-primary:lang(zh-tw) {
        font-family: "Hiragino Sans GB", "STHeiti", "Microsoft Yahei", sans-serif; }
      .global-header .utility-nav .button-primary:lang(ru),
      .global-header .business-nav .button-primary:lang(ru) {
        font-family: sans-serif;
        font-weight: lighter; }
      .global-header .utility-nav .button-primary:hover,
      .global-header .business-nav .button-primary:hover {
        background: #14CC45;
        transition: .1s background ease-in-out; }
      @media only screen and (max-width: 1100px) {
        .global-header .utility-nav .button-primary.try-business-cta,
        .global-header .business-nav .button-primary.try-business-cta {
          display: inline-block;
          font-family: "Soleil_Medium", Helvetica, Arial, sans-serif;
          color: #000;
          background: none;
          padding: 0; }
          .global-header .utility-nav .button-primary.try-business-cta:lang(ko),
          .global-header .business-nav .button-primary.try-business-cta:lang(ko) {
            font-family: "\B098\B214\ACE0\B515", "NanumGothic", "\B9D1\C740   \ACE0\B515", "Malgun Gothic", "\B3CB\C6C0", "DotumChe", "Dotum", sans-serif; }
          .global-header .utility-nav .button-primary.try-business-cta:lang(ja), .global-header .utility-nav .button-primary.try-business-cta:lang(jp),
          .global-header .business-nav .button-primary.try-business-cta:lang(ja),
          .global-header .business-nav .button-primary.try-business-cta:lang(jp) {
            font-family: "\30D2\30E9\30AE\30CE\89D2\30B4   ProN W3", "Hiragino Kaku Gothic ProN", "\30E1\30A4\30EA\30AA", Meiryo, "MS P\30B4\30B7\30C3\30AF", "MS PGothic", sans-serif; }
          .global-header .utility-nav .button-primary.try-business-cta:lang(zh-cn), .global-header .utility-nav .button-primary.try-business-cta:lang(zh-tw),
          .global-header .business-nav .button-primary.try-business-cta:lang(zh-cn),
          .global-header .business-nav .button-primary.try-business-cta:lang(zh-tw) {
            font-family: "Hiragino Sans GB", "STHeiti", "Microsoft Yahei", sans-serif; }
          .global-header .utility-nav .button-primary.try-business-cta:lang(ru),
          .global-header .business-nav .button-primary.try-business-cta:lang(ru) {
            font-family: sans-serif;
            font-weight: lighter; }
          .global-header .utility-nav .button-primary.try-business-cta:hover,
          .global-header .business-nav .button-primary.try-business-cta:hover {
            background: transparent; } }
  .global-header .global-nav {
    text-align: center; }
    @media only screen and (max-width: 1100px) {
      .global-header .global-nav {
        text-align: left; } }
  .global-header .mobile-nav li {
    border-top: 1px #e3e5e6 solid;
    display: block;
    line-height: 1em;
    margin: 0 20px;
    padding: 40px 0;
    text-align: left; }
    .global-header .mobile-nav li a:link,
    .global-header .mobile-nav li a:visited {
      font-family: "Soleil", Helvetica, Arial, sans-serif;
      font-size: 24px; }
      .global-header .mobile-nav li a:link:lang(ko),
      .global-header .mobile-nav li a:visited:lang(ko) {
        font-family: "\B098\B214\ACE0\B515", "NanumGothic", "\B9D1\C740   \ACE0\B515", "Malgun Gothic", "\B3CB\C6C0", "DotumChe", "Dotum", sans-serif; }
      .global-header .mobile-nav li a:link:lang(ja), .global-header .mobile-nav li a:link:lang(jp),
      .global-header .mobile-nav li a:visited:lang(ja),
      .global-header .mobile-nav li a:visited:lang(jp) {
        font-family: "\30D2\30E9\30AE\30CE\89D2\30B4   ProN W3", "Hiragino Kaku Gothic ProN", "\30E1\30A4\30EA\30AA", Meiryo, "MS P\30B4\30B7\30C3\30AF", "MS PGothic", sans-serif; }
      .global-header .mobile-nav li a:link:lang(zh-cn), .global-header .mobile-nav li a:link:lang(zh-tw),
      .global-header .mobile-nav li a:visited:lang(zh-cn),
      .global-header .mobile-nav li a:visited:lang(zh-tw) {
        font-family: "Hiragino Sans GB", "STHeiti", "Microsoft Yahei", sans-serif; }
      .global-header .mobile-nav li a:link:lang(ru),
      .global-header .mobile-nav li a:visited:lang(ru) {
        font-family: sans-serif;
        font-weight: lighter; }
  .global-header .mobile-nav .mobile-sub-nav {
    display: block;
    margin: 40px 0 0 28px; }
    .global-header .mobile-nav .mobile-sub-nav li {
      border: 0;
      line-height: 1em;
      margin: 0;
      padding: 20px 0; }
      .global-header .mobile-nav .mobile-sub-nav li:first-of-type {
        padding-top: 0; }
      .global-header .mobile-nav .mobile-sub-nav li:last-of-type {
        padding-bottom: 0; }
      .global-header .mobile-nav .mobile-sub-nav li a:link,
      .global-header .mobile-nav .mobile-sub-nav li a:visited {
        font-family: "Soleil_Light", Helvetica, Arial, sans-serif;
        font-size: 18px; }
        .global-header .mobile-nav .mobile-sub-nav li a:link:lang(ko),
        .global-header .mobile-nav .mobile-sub-nav li a:visited:lang(ko) {
          font-family: "\B098\B214\ACE0\B515", "NanumGothic", "\B9D1\C740   \ACE0\B515", "Malgun Gothic", "\B3CB\C6C0", "DotumChe", "Dotum", sans-serif; }
        .global-header .mobile-nav .mobile-sub-nav li a:link:lang(ja), .global-header .mobile-nav .mobile-sub-nav li a:link:lang(jp),
        .global-header .mobile-nav .mobile-sub-nav li a:visited:lang(ja),
        .global-header .mobile-nav .mobile-sub-nav li a:visited:lang(jp) {
          font-family: "\30D2\30E9\30AE\30CE\89D2\30B4   ProN W3", "Hiragino Kaku Gothic ProN", "\30E1\30A4\30EA\30AA", Meiryo, "MS P\30B4\30B7\30C3\30AF", "MS PGothic", sans-serif; }
        .global-header .mobile-nav .mobile-sub-nav li a:link:lang(zh-cn), .global-header .mobile-nav .mobile-sub-nav li a:link:lang(zh-tw),
        .global-header .mobile-nav .mobile-sub-nav li a:visited:lang(zh-cn),
        .global-header .mobile-nav .mobile-sub-nav li a:visited:lang(zh-tw) {
          font-family: "Hiragino Sans GB", "STHeiti", "Microsoft Yahei", sans-serif; }
        .global-header .mobile-nav .mobile-sub-nav li a:link:lang(ru),
        .global-header .mobile-nav .mobile-sub-nav li a:visited:lang(ru) {
          font-family: sans-serif;
          font-weight: lighter; }
  .global-header .mobile-nav .signup-login {
    border-top: 1px #e3e5e6 solid;
    margin: 0 20px;
    padding: 40px 0 60px;
    text-align: center; }
    .global-header .mobile-nav .signup-login .signup-or {
      margin: 0 5px; }
    .global-header .mobile-nav .signup-login a {
      font-family: "Soleil", Helvetica, Arial, sans-serif;
      color: #00a82d; }
      .global-header .mobile-nav .signup-login a:lang(ko) {
        font-family: "\B098\B214\ACE0\B515", "NanumGothic", "\B9D1\C740   \ACE0\B515", "Malgun Gothic", "\B3CB\C6C0", "DotumChe", "Dotum", sans-serif; }
      .global-header .mobile-nav .signup-login a:lang(ja), .global-header .mobile-nav .signup-login a:lang(jp) {
        font-family: "\30D2\30E9\30AE\30CE\89D2\30B4   ProN W3", "Hiragino Kaku Gothic ProN", "\30E1\30A4\30EA\30AA", Meiryo, "MS P\30B4\30B7\30C3\30AF", "MS PGothic", sans-serif; }
      .global-header .mobile-nav .signup-login a:lang(zh-cn), .global-header .mobile-nav .signup-login a:lang(zh-tw) {
        font-family: "Hiragino Sans GB", "STHeiti", "Microsoft Yahei", sans-serif; }
      .global-header .mobile-nav .signup-login a:lang(ru) {
        font-family: sans-serif;
        font-weight: lighter; }
      .global-header .mobile-nav .signup-login a:hover {
        color: #14cc45; }
      .global-header .mobile-nav .signup-login a.button {
        font-size: 1em;
        height: auto;
        line-height: 1em;
        padding: 10px 30px; }
  .global-header .nav-section {
    display: inline-block;
    text-align: left;
    vertical-align: top;
    width: 20%; }
    @media only screen and (max-width: 1100px) {
      .global-header .nav-section {
        display: block;
        position: relative;
        width: 100%;
        border-bottom: 1px solid #eee;
        padding: 30px 40px 28px; } }
    .global-header .nav-section.open .arrow {
      transform: rotate(-180deg);
      transition: .2s transform ease-in-out; }
    .global-header .nav-section ul {
      list-style-type: none;
      white-space: nowrap;
      border: 1px solid transparent; }
      @media only screen and (max-width: 1100px) {
        .global-header .nav-section ul {
          display: none;
          margin-top: 14px;
          padding: 10px 0 4px; } }
    .global-header .nav-section li {
      position: relative;
      font-family: "Soleil_Light", Helvetica, Arial, sans-serif;
      margin-bottom: 5px; }
      .global-header .nav-section li:lang(ko) {
        font-family: "\B098\B214\ACE0\B515", "NanumGothic", "\B9D1\C740   \ACE0\B515", "Malgun Gothic", "\B3CB\C6C0", "DotumChe", "Dotum", sans-serif; }
      .global-header .nav-section li:lang(ja), .global-header .nav-section li:lang(jp) {
        font-family: "\30D2\30E9\30AE\30CE\89D2\30B4   ProN W3", "Hiragino Kaku Gothic ProN", "\30E1\30A4\30EA\30AA", Meiryo, "MS P\30B4\30B7\30C3\30AF", "MS PGothic", sans-serif; }
      .global-header .nav-section li:lang(zh-cn), .global-header .nav-section li:lang(zh-tw) {
        font-family: "Hiragino Sans GB", "STHeiti", "Microsoft Yahei", sans-serif; }
      .global-header .nav-section li:lang(ru) {
        font-family: sans-serif;
        font-weight: lighter; }
      .global-header .nav-section li:last-child {
        margin-bottom: 0; }
      @media only screen and (max-width: 1100px) {
        .global-header .nav-section li a {
          display: block;
          text-decoration: none;
          padding: 10px 0; }
          .global-header .nav-section li a:hover {
            text-decoration: none;
            border-bottom: 0 solid transparent;
            transition: 0.3s border ease-in-out, 0.3s color ease-in-out; }
            .global-header .nav-section li a:hover:focus, .global-header .nav-section li a:hover:hover {
              color: #00a82d;
              border-color: "transparent";
              transition: 0.1s border ease-in-out, 0.1s color ease-in-out; } }
    .global-header .nav-section a {
      position: relative; }
    .global-header .nav-section .new {
      position: relative;
      top: -12px;
      left: -15px;
      font-family: "Soleil_Bold", Helvetica, Arial, sans-serif;
      font-size: 9px;
      text-transform: uppercase;
      color: #00a82d;
      white-space: nowrap; }
      .global-header .nav-section .new:lang(fr) {
        position: absolute;
        top: -17px;
        left: 10px; }
    .global-header .nav-section .arrow {
      display: none;
      position: absolute;
      right: 40px;
      top: 35px;
      width: 15px;
      height: 15px;
      transition: .2s transform ease-in-out; }
      @media only screen and (max-width: 1100px) {
        .global-header .nav-section .arrow {
          display: block; } }
    .global-header .nav-section .section-toggle {
      display: none;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 80px;
      z-index: 100;
      cursor: pointer; }
      @media only screen and (max-width: 1100px) {
        .global-header .nav-section .section-toggle {
          display: block; } }
  .global-header .nav-section-header {
    font-family: "Soleil_Medium", Helvetica, Arial, sans-serif;
    font-size: 13px;
    text-decoration: none;
    color: #000;
    margin-bottom: 7px; }
    .global-header .nav-section-header:lang(ko) {
      font-family: "\B098\B214\ACE0\B515", "NanumGothic", "\B9D1\C740   \ACE0\B515", "Malgun Gothic", "\B3CB\C6C0", "DotumChe", "Dotum", sans-serif; }
    .global-header .nav-section-header:lang(ja), .global-header .nav-section-header:lang(jp) {
      font-family: "\30D2\30E9\30AE\30CE\89D2\30B4   ProN W3", "Hiragino Kaku Gothic ProN", "\30E1\30A4\30EA\30AA", Meiryo, "MS P\30B4\30B7\30C3\30AF", "MS PGothic", sans-serif; }
    .global-header .nav-section-header:lang(zh-cn), .global-header .nav-section-header:lang(zh-tw) {
      font-family: "Hiragino Sans GB", "STHeiti", "Microsoft Yahei", sans-serif; }
    .global-header .nav-section-header:lang(ru) {
      font-family: sans-serif;
      font-weight: lighter; }
    .global-header .nav-section-header:lang(jp), .global-header .nav-section-header:lang(ko), .global-header .nav-section-header:lang(zh-cn), .global-header .nav-section-header:lang(zh-tw), .global-header .nav-section-header:lang(th) {
      font-weight: bold; }
    @media only screen and (max-width: 1100px) {
      .global-header .nav-section-header {
        font-family: "Soleil_Light", Helvetica, Arial, sans-serif;
        font-size: 18px;
        text-transform: uppercase;
        letter-spacing: 1px;
        margin-bottom: 0;
        padding: 0; }
        .global-header .nav-section-header:lang(ko) {
          font-family: "\B098\B214\ACE0\B515", "NanumGothic", "\B9D1\C740   \ACE0\B515", "Malgun Gothic", "\B3CB\C6C0", "DotumChe", "Dotum", sans-serif; }
        .global-header .nav-section-header:lang(ja), .global-header .nav-section-header:lang(jp) {
          font-family: "\30D2\30E9\30AE\30CE\89D2\30B4   ProN W3", "Hiragino Kaku Gothic ProN", "\30E1\30A4\30EA\30AA", Meiryo, "MS P\30B4\30B7\30C3\30AF", "MS PGothic", sans-serif; }
        .global-header .nav-section-header:lang(zh-cn), .global-header .nav-section-header:lang(zh-tw) {
          font-family: "Hiragino Sans GB", "STHeiti", "Microsoft Yahei", sans-serif; }
        .global-header .nav-section-header:lang(ru) {
          font-family: sans-serif;
          font-weight: lighter; } }
  .global-header .mobile-only-section {
    display: none;
    border-bottom: 1px solid #eee;
    padding: 30px 40px 28px; }
    @media only screen and (max-width: 1100px) {
      .global-header .mobile-only-section {
        display: block; } }
    .global-header .mobile-only-section.mobile-ctas {
      padding-top: 0; }
      .global-header .mobile-only-section.mobile-ctas li {
        margin-bottom: 20px; }
        .global-header .mobile-only-section.mobile-ctas li:last-child {
          margin-bottom: 0; }
      .global-header .mobile-only-section.mobile-ctas a:link {
        display: block;
        width: 100%;
        font-family: "Soleil_Medium", Helvetica, Arial, sans-serif;
        line-height: normal; }
        .global-header .mobile-only-section.mobile-ctas a:link:lang(ko) {
          font-family: "\B098\B214\ACE0\B515", "NanumGothic", "\B9D1\C740   \ACE0\B515", "Malgun Gothic", "\B3CB\C6C0", "DotumChe", "Dotum", sans-serif; }
        .global-header .mobile-only-section.mobile-ctas a:link:lang(ja), .global-header .mobile-only-section.mobile-ctas a:link:lang(jp) {
          font-family: "\30D2\30E9\30AE\30CE\89D2\30B4   ProN W3", "Hiragino Kaku Gothic ProN", "\30E1\30A4\30EA\30AA", Meiryo, "MS P\30B4\30B7\30C3\30AF", "MS PGothic", sans-serif; }
        .global-header .mobile-only-section.mobile-ctas a:link:lang(zh-cn), .global-header .mobile-only-section.mobile-ctas a:link:lang(zh-tw) {
          font-family: "Hiragino Sans GB", "STHeiti", "Microsoft Yahei", sans-serif; }
        .global-header .mobile-only-section.mobile-ctas a:link:lang(ru) {
          font-family: sans-serif;
          font-weight: lighter; }
      .global-header .mobile-only-section.mobile-ctas .log-in-container {
        margin-bottom: 20px; }
        @media only screen and (max-width: 600px) {
          .global-header .mobile-only-section.mobile-ctas .log-in-container {
            display: none; } }
        .global-header .mobile-only-section.mobile-ctas .log-in-container a:link {
          display: inline-block;
          width: auto;
          padding: 12px 0; }
      .global-header .mobile-only-section.mobile-ctas .button-primary {
        color: #fff; }
    .global-header .mobile-only-section.language-selector {
      border-bottom: 0; }
      .global-header .mobile-only-section.language-selector ul {
        padding-top: 10px; }
      .global-header .mobile-only-section.language-selector li {
        margin-bottom: 10px; }
    .global-header .mobile-only-section ul {
      list-style-type: none; }
    .global-header .mobile-only-section li {
      text-align: left; }
  .global-header .drawer-nav-open-btn {
    background: #fff;
    display: none;
    height: 20px;
    width: 20px; }
    @media only screen and (max-width: 1100px) {
      .global-header .drawer-nav-open-btn {
        display: block; } }
  .global-header.has-sub {
    position: relative;
    margin-top: -130px; }

@media only screen and (max-width: 600px) {
  .cookie-notice-visible .global-header.has-sub {
    margin-top: -340px; } }

.drawer-nav-close-btn {
  height: 20px;
  width: 20px;
  z-index: 998; }
  @media only screen and (max-width: 1100px) {
    .drawer-nav-close-btn {
      display: block;
      margin-left: auto;
      margin-top: -4px; } }

.drawer-nav {
  display: none;
  background: #fff;
  border-top: 1px solid #eee;
  padding: 40px 0;
  z-index: 996; }
  @media only screen and (max-width: 1100px) {
    .drawer-nav {
      -webkit-overflow-scrolling: touch;
      display: none;
      position: fixed;
      top: 0;
      right: 0;
      bottom: 0;
      width: 350px;
      background: #fff;
      padding: 0;
      overflow: scroll;
      z-index: 998; } }
  @media only screen and (max-width: 400px) {
    .drawer-nav {
      width: auto;
      left: 0; } }
  .drawer-nav .row {
    position: relative;
    opacity: 0; }
    @media only screen and (max-width: 1100px) {
      .drawer-nav .row {
        opacity: 1;
        padding: 0; } }
  .drawer-nav .drawer-header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    height: 130px;
    position: relative;
    padding: 0 20px; }
    @media only screen and (max-width: 1100px) {
      .drawer-nav .drawer-header {
        padding: 0 40px; } }
    @media only screen and (max-width: 600px) {
      .drawer-nav .drawer-header {
        padding: 0 20px; } }
    .drawer-nav .drawer-header .global-logo {
      display: none; }
      @media only screen and (max-width: 400px) {
        .drawer-nav .drawer-header .global-logo {
          display: inline-block; } }

.social-links {
  list-style-type: none;
  overflow: hidden; }
  .social-links li {
    float: left;
    margin-left: 24px; }
    .social-links li:first-child {
      margin-left: 0; }
  .social-links a {
    display: block;
    width: 22px;
    height: 18px;
    overflow: hidden;
    text-align: center; }
  .social-links img {
    display: block;
    max-width: 100%;
    max-height: 100%; }
  .social-links span {
    position: absolute;
    right: 9999px; }
  .social-links .youtube {
    margin-top: 2px; }

.language-selector-toggle {
  text-decoration: none;
  color: #000; }
  .language-selector-toggle .arrow {
    position: relative;
    top: -2px;
    display: inline-block;
    border-top: 6px solid #000;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    margin-left: 7px;
    transition: 0.1s border ease-in-out; }

.language-selector-options {
  display: none; }

.drawer-nav-mask {
  cursor: pointer;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: -1; }
  @media only screen and (max-width: 1100px) {
    .drawer-nav-mask {
      z-index: 997; } }

.global-subnav {
  background-color: #F7F7F7; }
  @media only screen and (max-width: 1220px) {
    .global-subnav {
      position: relative; }
      .global-subnav::after {
        background: #f7f7f7;
        background: linear-gradient(90deg, rgba(247, 247, 247, 0) 0%, #f7f7f7 100%);
        bottom: 0;
        content: '';
        display: block;
        pointer-events: none;
        position: absolute;
        right: 0;
        top: 0;
        width: 100px;
        z-index: 10; } }
  .global-subnav + .global-subnav-placeholder {
    display: none;
    height: 0; }
  .global-subnav.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1001; }
    .global-subnav.sticky + .global-subnav-placeholder {
      display: block;
      height: 72px; }
  .global-subnav .row {
    align-items: center;
    display: flex;
    height: 72px;
    padding: 0; }
    @media only screen and (max-width: 1220px) {
      .global-subnav .row {
        max-width: none;
        overflow-x: scroll;
        overflow-y: hidden;
        padding: 0 40px; }
        .global-subnav .row .subnav-links {
          padding-right: 50px; } }
    @media only screen and (max-width: 600px) {
      .global-subnav .row {
        padding: 0 20px; } }
  .global-subnav .subnav-title {
    font-family: "Soleil_Medium", Helvetica, Arial, sans-serif;
    flex: 0 0 auto;
    font-size: 16px;
    letter-spacing: .5px;
    min-width: 200px; }
    .global-subnav .subnav-title:lang(ko) {
      font-family: "\B098\B214\ACE0\B515", "NanumGothic", "\B9D1\C740   \ACE0\B515", "Malgun Gothic", "\B3CB\C6C0", "DotumChe", "Dotum", sans-serif; }
    .global-subnav .subnav-title:lang(ja), .global-subnav .subnav-title:lang(jp) {
      font-family: "\30D2\30E9\30AE\30CE\89D2\30B4   ProN W3", "Hiragino Kaku Gothic ProN", "\30E1\30A4\30EA\30AA", Meiryo, "MS P\30B4\30B7\30C3\30AF", "MS PGothic", sans-serif; }
    .global-subnav .subnav-title:lang(zh-cn), .global-subnav .subnav-title:lang(zh-tw) {
      font-family: "Hiragino Sans GB", "STHeiti", "Microsoft Yahei", sans-serif; }
    .global-subnav .subnav-title:lang(ru) {
      font-family: sans-serif;
      font-weight: lighter; }
    @media only screen and (max-width: 600px) {
      .global-subnav .subnav-title {
        min-width: 0;
        margin-right: 20px; } }
  .global-subnav .subnav-links {
    align-items: center;
    display: flex;
    flex: 1;
    list-style-type: none;
    margin: 0;
    padding: 0; }
    .global-subnav .subnav-links li {
      display: inline-block;
      list-style-type: none;
      margin: 0 20px;
      padding: 0; }
      .global-subnav .subnav-links li a {
        font-family: "Soleil_Light", Helvetica, Arial, sans-serif;
        font-size: 16px;
        letter-spacing: .5px; }
        .global-subnav .subnav-links li a:lang(ko) {
          font-family: "\B098\B214\ACE0\B515", "NanumGothic", "\B9D1\C740   \ACE0\B515", "Malgun Gothic", "\B3CB\C6C0", "DotumChe", "Dotum", sans-serif; }
        .global-subnav .subnav-links li a:lang(ja), .global-subnav .subnav-links li a:lang(jp) {
          font-family: "\30D2\30E9\30AE\30CE\89D2\30B4   ProN W3", "Hiragino Kaku Gothic ProN", "\30E1\30A4\30EA\30AA", Meiryo, "MS P\30B4\30B7\30C3\30AF", "MS PGothic", sans-serif; }
        .global-subnav .subnav-links li a:lang(zh-cn), .global-subnav .subnav-links li a:lang(zh-tw) {
          font-family: "Hiragino Sans GB", "STHeiti", "Microsoft Yahei", sans-serif; }
        .global-subnav .subnav-links li a:lang(ru) {
          font-family: sans-serif;
          font-weight: lighter; }
        @media only screen and (max-width: 1220px) {
          .global-subnav .subnav-links li a {
            white-space: nowrap; } }

.global-footer {
  font-family: "Soleil", Helvetica, Arial, sans-serif;
  color: #000;
  font-size: 14px;
  position: relative;
  padding: 80px 20px; }
  .global-footer:lang(ko) {
    font-family: "\B098\B214\ACE0\B515", "NanumGothic", "\B9D1\C740   \ACE0\B515", "Malgun Gothic", "\B3CB\C6C0", "DotumChe", "Dotum", sans-serif; }
  .global-footer:lang(ja), .global-footer:lang(jp) {
    font-family: "\30D2\30E9\30AE\30CE\89D2\30B4   ProN W3", "Hiragino Kaku Gothic ProN", "\30E1\30A4\30EA\30AA", Meiryo, "MS P\30B4\30B7\30C3\30AF", "MS PGothic", sans-serif; }
  .global-footer:lang(zh-cn), .global-footer:lang(zh-tw) {
    font-family: "Hiragino Sans GB", "STHeiti", "Microsoft Yahei", sans-serif; }
  .global-footer:lang(ru) {
    font-family: sans-serif;
    font-weight: lighter; }
  @media only screen and (max-width: 600px) {
    .global-footer {
      padding: 120px 20px 80px; } }
  .global-footer a,
  .global-footer p,
  .global-footer ul {
    color: inherit;
    font-family: inherit;
    font-size: inherit; }
  .global-footer a:link,
  .global-footer a:visited {
    text-decoration: none;
    color: #000;
    transition: .1s color ease-in-out; }
  .global-footer a:hover,
  .global-footer a:focus {
    color: #00a82d; }
  .global-footer .nav-section .row {
    padding-left: 0;
    padding-right: 0;
    position: relative; }
    .global-footer .nav-section .row::after {
      content: '';
      display: block;
      clear: both; }
    .global-footer .nav-section .row.footer-logo {
      border-bottom: 3px solid #000;
      margin-bottom: 48px;
      padding-bottom: 48px; }
      @media only screen and (max-width: 600px) {
        .global-footer .nav-section .row.footer-logo {
          border-bottom-width: 2px;
          margin-bottom: 120px;
          padding-bottom: 60px; } }
      .global-footer .nav-section .row.footer-logo .logo {
        background-image: url("/img/footer/footer-logo.svg");
        background-position: 0 0;
        background-repeat: no-repeat;
        background-size: contain;
        display: block;
        height: 40px;
        width: 170px; }
        @media only screen and (max-width: 600px) {
          .global-footer .nav-section .row.footer-logo .logo {
            height: 32px;
            width: 142px; } }
    .global-footer .nav-section .row.footer-flex {
      display: flex; }
      @media only screen and (max-width: 600px) {
        .global-footer .nav-section .row.footer-flex {
          flex-direction: column; } }
    .global-footer .nav-section .row.language-social {
      border-bottom: 1px solid rgba(136, 139, 141, 0.5);
      margin-bottom: 35px;
      padding-bottom: 35px; }
      @media only screen and (max-width: 600px) {
        .global-footer .nav-section .row.language-social {
          border-bottom: 0;
          display: flex;
          flex-direction: column;
          margin-bottom: 0;
          padding-bottom: 0; } }
  .global-footer .nav-section.footer-nav {
    margin-bottom: 100px; }
    @media only screen and (max-width: 600px) {
      .global-footer .nav-section.footer-nav {
        margin-bottom: 0; } }
  .global-footer .nav-section.footer-info {
    font-size: 12px; }
    @media only screen and (max-width: 600px) {
      .global-footer .nav-section.footer-info {
        font-size: 13px; } }
  .global-footer .link-section {
    display: block;
    flex: 1 1 16.666%;
    max-width: 16.666%; }
    @media only screen and (max-width: 600px) {
      .global-footer .link-section {
        font-size: 16px;
        flex: 1;
        margin-bottom: 40px;
        max-width: none; }
        .global-footer .link-section:last-child {
          margin-bottom: 0; } }
    .global-footer .link-section.signup-login {
      text-align: right; }
      @media only screen and (max-width: 600px) {
        .global-footer .link-section.signup-login {
          display: none; } }
    .global-footer .link-section ul {
      list-style-type: none; }
    .global-footer .link-section li {
      margin: 28px 0;
      line-height: normal; }
    .global-footer .link-section a {
      font-family: "Soleil_Light", Helvetica, Arial, sans-serif;
      position: relative; }
      .global-footer .link-section a:lang(ko) {
        font-family: "\B098\B214\ACE0\B515", "NanumGothic", "\B9D1\C740   \ACE0\B515", "Malgun Gothic", "\B3CB\C6C0", "DotumChe", "Dotum", sans-serif; }
      .global-footer .link-section a:lang(ja), .global-footer .link-section a:lang(jp) {
        font-family: "\30D2\30E9\30AE\30CE\89D2\30B4   ProN W3", "Hiragino Kaku Gothic ProN", "\30E1\30A4\30EA\30AA", Meiryo, "MS P\30B4\30B7\30C3\30AF", "MS PGothic", sans-serif; }
      .global-footer .link-section a:lang(zh-cn), .global-footer .link-section a:lang(zh-tw) {
        font-family: "Hiragino Sans GB", "STHeiti", "Microsoft Yahei", sans-serif; }
      .global-footer .link-section a:lang(ru) {
        font-family: sans-serif;
        font-weight: lighter; }
      .global-footer .link-section a.footer-signup {
        font-family: "Soleil", Helvetica, Arial, sans-serif;
        color: #00a82d; }
        .global-footer .link-section a.footer-signup:lang(ko) {
          font-family: "\B098\B214\ACE0\B515", "NanumGothic", "\B9D1\C740   \ACE0\B515", "Malgun Gothic", "\B3CB\C6C0", "DotumChe", "Dotum", sans-serif; }
        .global-footer .link-section a.footer-signup:lang(ja), .global-footer .link-section a.footer-signup:lang(jp) {
          font-family: "\30D2\30E9\30AE\30CE\89D2\30B4   ProN W3", "Hiragino Kaku Gothic ProN", "\30E1\30A4\30EA\30AA", Meiryo, "MS P\30B4\30B7\30C3\30AF", "MS PGothic", sans-serif; }
        .global-footer .link-section a.footer-signup:lang(zh-cn), .global-footer .link-section a.footer-signup:lang(zh-tw) {
          font-family: "Hiragino Sans GB", "STHeiti", "Microsoft Yahei", sans-serif; }
        .global-footer .link-section a.footer-signup:lang(ru) {
          font-family: sans-serif;
          font-weight: lighter; }
        .global-footer .link-section a.footer-signup:hover {
          color: #14cc45; }
    .global-footer .link-section .button-outline {
      font-family: "Soleil_Medium", Helvetica, Arial, sans-serif;
      appearance: none;
      border-radius: 3px;
      border: 2px solid #00a82d;
      color: #00a82d;
      cursor: pointer;
      display: inline-block;
      font-size: 12px;
      line-height: normal;
      letter-spacing: .5px;
      padding: 12px 20px;
      text-transform: uppercase;
      transition: .1s all ease-in-out; }
      .global-footer .link-section .button-outline:lang(ko) {
        font-family: "\B098\B214\ACE0\B515", "NanumGothic", "\B9D1\C740   \ACE0\B515", "Malgun Gothic", "\B3CB\C6C0", "DotumChe", "Dotum", sans-serif; }
      .global-footer .link-section .button-outline:lang(ja), .global-footer .link-section .button-outline:lang(jp) {
        font-family: "\30D2\30E9\30AE\30CE\89D2\30B4   ProN W3", "Hiragino Kaku Gothic ProN", "\30E1\30A4\30EA\30AA", Meiryo, "MS P\30B4\30B7\30C3\30AF", "MS PGothic", sans-serif; }
      .global-footer .link-section .button-outline:lang(zh-cn), .global-footer .link-section .button-outline:lang(zh-tw) {
        font-family: "Hiragino Sans GB", "STHeiti", "Microsoft Yahei", sans-serif; }
      .global-footer .link-section .button-outline:lang(ru) {
        font-family: sans-serif;
        font-weight: lighter; }
      .global-footer .link-section .button-outline:hover {
        background-color: #00a82d;
        color: #fff; }
    .global-footer .link-section .signup-or {
      display: inline-block;
      margin-right: .5em; }
    .global-footer .link-section .new {
      position: absolute;
      top: -10px;
      left: 100%;
      font-family: "Soleil_Bold", Helvetica, Arial, sans-serif;
      font-size: 9px;
      text-transform: uppercase;
      color: #00a82d;
      margin-left: -15px;
      white-space: nowrap; }
      .global-footer .link-section .new:lang(fr) {
        left: 0;
        margin-left: 10px; }
  .global-footer .link-section-header {
    font-family: "Soleil_Bold", Helvetica, Arial, sans-serif;
    margin-bottom: 20px;
    text-transform: uppercase; }
  .global-footer .language-selector {
    float: left; }
    @media only screen and (max-width: 600px) {
      .global-footer .language-selector {
        border-bottom: 1px solid rgba(136, 139, 141, 0.5);
        border-top: 1px solid #000;
        display: inline-block;
        flex: 1;
        float: none;
        margin-bottom: 60px;
        order: 1;
        padding-bottom: 60px;
        padding-top: 60px;
        position: relative;
        width: 100%; } }
    .global-footer .language-selector .current-language {
      font-family: "Soleil", Helvetica, Arial, sans-serif;
      display: inline-block;
      margin-left: .5em; }
      @media only screen and (max-width: 600px) {
        .global-footer .language-selector .current-language {
          float: right; } }
  .global-footer .language-selector-toggle {
    color: #000;
    font-family: "Soleil_Bold", Helvetica, Arial, sans-serif;
    text-decoration: none; }
    @media only screen and (max-width: 600px) {
      .global-footer .language-selector-toggle {
        text-align: left; } }
    .global-footer .language-selector-toggle:active, .global-footer .language-selector-toggle:focus {
      color: #000; }
    .global-footer .language-selector-toggle .arrow {
      position: relative;
      top: -2px;
      display: inline-block;
      border-top: 6px solid #000;
      border-left: 4px solid transparent;
      border-right: 4px solid transparent;
      margin-left: 7px;
      transition: .1s border ease-in-out; }
  .global-footer .language-selector-options {
    display: none;
    position: absolute;
    left: 40px;
    bottom: 100%;
    width: 430px;
    background: #e7f0f4;
    margin-bottom: 8px;
    padding: 10px 0; }
    @media only screen and (max-width: 600px) {
      .global-footer .language-selector-options {
        position: static;
        width: 100%;
        text-align: center;
        background: transparent;
        margin: 0; } }
    .global-footer .language-selector-options.open {
      display: block; }
    .global-footer .language-selector-options ul {
      float: left;
      width: 50%;
      list-style-type: none; }
      @media only screen and (max-width: 600px) {
        .global-footer .language-selector-options ul {
          display: inline-block;
          float: none;
          width: 49%;
          text-align: left; } }
      @media only screen and (max-width: 600px) {
        .global-footer .language-selector-options ul {
          width: 100%; } }
    .global-footer .language-selector-options a {
      display: block;
      color: #000;
      text-decoration: none;
      padding: 4px 20px 6px; }
      .global-footer .language-selector-options a:hover {
        background: #00a82d;
        color: #fff; }
      @media only screen and (max-width: 960px) {
        .global-footer .language-selector-options a {
          padding: 7px 0 9px; }
          .global-footer .language-selector-options a:hover {
            background: transparent;
            color: #00a82d; } }
  .global-footer .social-links {
    float: right; }
    @media only screen and (max-width: 600px) {
      .global-footer .social-links {
        float: none;
        flex: 1;
        order: -1;
        margin-bottom: 80px; } }
    .global-footer .social-links ul {
      list-style-type: none;
      overflow: hidden; }
      @media only screen and (max-width: 600px) {
        .global-footer .social-links ul {
          align-items: center;
          display: flex;
          justify-content: space-between; } }
    .global-footer .social-links li {
      float: left;
      margin-left: 24px; }
      .global-footer .social-links li:first-child {
        margin-left: 0; }
      @media only screen and (max-width: 600px) {
        .global-footer .social-links li {
          display: inline-block;
          float: none;
          flex: 0 0 auto;
          margin-left: 0; } }
    .global-footer .social-links a {
      display: block;
      height: 32px;
      overflow: hidden;
      text-align: center;
      width: 32px; }
      @media only screen and (max-width: 600px) {
        .global-footer .social-links a {
          height: 50px;
          width: 50px; } }
    .global-footer .social-links img {
      display: block;
      height: auto;
      max-width: 100%;
      width: auto; }
      @media only screen and (max-width: 600px) {
        .global-footer .social-links img {
          height: 100%;
          width: 100%; } }
    .global-footer .social-links span {
      position: absolute;
      right: 9999px; }
    .global-footer .social-links .youtube {
      margin-top: 2px; }
  .global-footer .legal {
    font-family: "Soleil_Light", Helvetica, Arial, sans-serif;
    color: #888b8d; }
    .global-footer .legal:lang(ko) {
      font-family: "\B098\B214\ACE0\B515", "NanumGothic", "\B9D1\C740   \ACE0\B515", "Malgun Gothic", "\B3CB\C6C0", "DotumChe", "Dotum", sans-serif; }
    .global-footer .legal:lang(ja), .global-footer .legal:lang(jp) {
      font-family: "\30D2\30E9\30AE\30CE\89D2\30B4   ProN W3", "Hiragino Kaku Gothic ProN", "\30E1\30A4\30EA\30AA", Meiryo, "MS P\30B4\30B7\30C3\30AF", "MS PGothic", sans-serif; }
    .global-footer .legal:lang(zh-cn), .global-footer .legal:lang(zh-tw) {
      font-family: "Hiragino Sans GB", "STHeiti", "Microsoft Yahei", sans-serif; }
    .global-footer .legal:lang(ru) {
      font-family: sans-serif;
      font-weight: lighter; }
    @media only screen and (max-width: 600px) {
      .global-footer .legal {
        display: flex;
        flex-direction: column;
        text-align: center; } }
    .global-footer .legal a:link,
    .global-footer .legal a:visited {
      color: #888b8d; }
    .global-footer .legal a:hover,
    .global-footer .legal a:focus {
      color: #000; }
    .global-footer .legal .copyright {
      float: left; }
      @media only screen and (max-width: 600px) {
        .global-footer .legal .copyright {
          float: none;
          margin-bottom: 60px;
          order: 1; } }
    .global-footer .legal .links {
      float: right;
      list-style-type: none; }
      @media only screen and (max-width: 600px) {
        .global-footer .legal .links {
          float: none;
          margin-bottom: 60px;
          order: -1;
          display: flex;
          justify-content: space-between; } }
      .global-footer .legal .links li {
        display: inline-block;
        margin-left: 30px; }
        .global-footer .legal .links li:first-child {
          margin-left: 0; }
        @media only screen and (max-width: 600px) {
          .global-footer .legal .links li {
            margin-left: 0; } }
  .global-footer .mobile-logo {
    display: none; }
    @media only screen and (max-width: 600px) {
      .global-footer .mobile-logo {
        display: block;
        text-align: center; } }
    .global-footer .mobile-logo .logo-icon {
      background-image: url("/img/footer/logo-icon.svg");
      background-position: 0 0;
      background-repeat: no-repeat;
      background-size: contain;
      display: inline-block;
      height: 32px;
      width: 27px; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/* Slider */
/* Icons */
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }
  .slick-prev:before,
  .slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }
  .slick-prev:before {
    content: "\2190"; }
    [dir="rtl"] .slick-prev:before {
      content: "\2192"; }

.slick-next {
  right: -25px; }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }
  .slick-next:before {
    content: "\2192"; }
    [dir="rtl"] .slick-next:before {
      content: "\2190"; }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "\2022";
        width: 20px;
        height: 20px;
        font-family: "slick";
        font-size: 6px;
        line-height: 20px;
        text-align: center;
        color: black;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: black;
      opacity: 0.75; }

.slick-dots li {
  width: auto;
  height: auto;
  margin: 0;
  padding: 10px; }
  .slick-dots li button {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #d0d0d0;
    padding: 0; }
    .slick-dots li button:before {
      display: none; }
  .slick-dots li.slick-active button {
    background: #000; }

.prev-arrow,
.next-arrow {
  position: absolute;
  display: block;
  width: 30px;
  height: 21px;
  cursor: pointer;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  transition: .3s opacity ease-in-out; }
  .prev-arrow:hover,
  .next-arrow:hover {
    opacity: .5;
    transition: .1s opacity ease-in-out; }
  .prev-arrow img,
  .next-arrow img {
    width: 100%; }
  .prev-arrow.small,
  .next-arrow.small {
    width: 23px;
    height: 17px; }

.prev-arrow {
  left: 0; }
  .prev-arrow img {
    transform: rotate(180deg); }

.next-arrow {
  right: 0; }

.logo-carousel {
  overflow: hidden;
  padding: 146px 0; }
  @media only screen and (max-width: 1200px) {
    .logo-carousel {
      padding: 146px 20px; } }
  @media only screen and (max-width: 600px) {
    .logo-carousel {
      padding: 106px 20px; } }
  .logo-carousel .top-image {
    display: block;
    margin: 0 auto 60px;
    width: 28px; }
    .logo-carousel .top-image img {
      display: block;
      height: auto;
      margin: 0 auto;
      max-width: 100%;
      width: auto; }
  .logo-carousel .heading {
    margin-bottom: 60px; }
    .logo-carousel .heading .logo-carousel-heading {
      font-family: "Soleil", Helvetica, Arial, sans-serif;
      color: #000;
      font-size: 48px;
      font-weight: normal;
      letter-spacing: 0;
      line-height: 64px;
      text-align: center; }
      .logo-carousel .heading .logo-carousel-heading:lang(ko) {
        font-family: "\B098\B214\ACE0\B515", "NanumGothic", "\B9D1\C740   \ACE0\B515", "Malgun Gothic", "\B3CB\C6C0", "DotumChe", "Dotum", sans-serif; }
      .logo-carousel .heading .logo-carousel-heading:lang(ja), .logo-carousel .heading .logo-carousel-heading:lang(jp) {
        font-family: "\30D2\30E9\30AE\30CE\89D2\30B4   ProN W3", "Hiragino Kaku Gothic ProN", "\30E1\30A4\30EA\30AA", Meiryo, "MS P\30B4\30B7\30C3\30AF", "MS PGothic", sans-serif; }
      .logo-carousel .heading .logo-carousel-heading:lang(zh-cn), .logo-carousel .heading .logo-carousel-heading:lang(zh-tw) {
        font-family: "Hiragino Sans GB", "STHeiti", "Microsoft Yahei", sans-serif; }
      .logo-carousel .heading .logo-carousel-heading:lang(ru) {
        font-family: sans-serif;
        font-weight: lighter; }
      @media only screen and (max-width: 600px) {
        .logo-carousel .heading .logo-carousel-heading {
          font-size: 36px;
          line-height: 48px; } }
  .logo-carousel .logo-list {
    display: flex;
    list-style-type: none;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0 -50px -40px; }
    @media only screen and (max-width: 600px) {
      .logo-carousel .logo-list {
        margin: 0 -10px -40px; } }
    .logo-carousel .logo-list li {
      align-items: center;
      display: flex;
      flex: 0 0 auto;
      margin: 0 50px 40px; }
      @media only screen and (max-width: 600px) {
        .logo-carousel .logo-list li {
          margin: 0 10px 40px; } }
  .logo-carousel .logo-slides {
    align-items: center;
    display: flex;
    justify-content: space-between;
    user-select: none;
    width: 100%; }
    @media only screen and (max-width: 600px) {
      .logo-carousel .logo-slides {
        display: block;
        height: 80px;
        pointer-events: none;
        position: relative; } }
    .logo-carousel .logo-slides .logo {
      cursor: pointer;
      flex: 1;
      opacity: .25;
      transition: 130ms opacity linear; }
      @media only screen and (max-width: 1200px) {
        .logo-carousel .logo-slides .logo {
          margin: 0 10px; } }
      @media only screen and (max-width: 600px) {
        .logo-carousel .logo-slides .logo {
          margin: 0; } }
      .logo-carousel .logo-slides .logo img {
        display: block;
        margin: 0 auto; }
        @media only screen and (max-width: 900px) {
          .logo-carousel .logo-slides .logo img {
            max-width: 100%;
            height: auto; } }
      @media only screen and (max-width: 600px) {
        .logo-carousel .logo-slides .logo {
          opacity: 0;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%); } }
      .logo-carousel .logo-slides .logo:hover, .logo-carousel .logo-slides .logo.active {
        opacity: 1; }
  .logo-carousel .logo-carousel-quote {
    color: #000;
    font-size: 24px;
    letter-spacing: 0.5px;
    line-height: 1.67;
    margin: 66px auto 0;
    max-width: 100%;
    text-align: center;
    width: 925px; }
    @media only screen and (max-width: 600px) {
      .logo-carousel .logo-carousel-quote {
        margin: 42px auto 0;
        min-height: 300px;
        width: auto; } }
    .logo-carousel .logo-carousel-quote::before {
      content: open-quote;
      display: inline; }
    .logo-carousel .logo-carousel-quote::after {
      content: close-quote;
      display: inline; }
  .logo-carousel.border-bottom {
    border-bottom: 1px solid #ccc; }
  @media only screen and (max-width: 600px) {
    .logo-carousel .logo-carousel-wrapper {
      -webkit-user-select: none;
      user-select: none; } }
  .logo-carousel .logo-carousel-dots {
    display: none;
    list-style-type: none;
    margin: 40px 0 0;
    padding: 0; }
    @media only screen and (max-width: 600px) {
      .logo-carousel .logo-carousel-dots {
        align-items: center;
        display: flex;
        justify-content: center;
        width: auto; } }
    .logo-carousel .logo-carousel-dots li {
      list-style-type: none;
      margin: 0 10px;
      padding: 0; }
      .logo-carousel .logo-carousel-dots li::after {
        border-radius: 50%;
        background-color: #000;
        content: '';
        display: block;
        opacity: .25;
        height: 12px;
        width: 12px; }
      .logo-carousel .logo-carousel-dots li.active::after {
        opacity: 1; }

.register .row {
  position: relative; }

.register .container {
  overflow: hidden;
  display: flex;
  justify-content: space-around;
  align-items: center; }
  @media only screen and (max-width: 960px) {
    .register .container {
      display: block;
      padding-bottom: 100px; } }

@keyframes heading-rotation-animation {
  0% {
    transform: translate3d(0, 80px, 0);
    opacity: 0; }
  20%, 80% {
    transform: translate3d(0, 0, 0);
    opacity: 1; }
  100% {
    transform: translate3d(0, -80px, 0);
    opacity: 0; } }

@keyframes heading-rotation-last-animation {
  0% {
    transform: translate3d(0, 80px, 0);
    opacity: 0; }
  20%, 80% {
    transform: translate3d(0, 0, 0);
    opacity: 1; }
  100% {
    opacity: 0; } }

.register .heading-rotation-container {
  position: relative; }
  .register .heading-rotation-container .rotator {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0; }
    .register .heading-rotation-container .rotator.h1-like {
      font-size: 60px;
      line-height: 70px; }
      @media only screen and (max-width: 960px) {
        .register .heading-rotation-container .rotator.h1-like {
          font-size: 50px;
          line-height: 60px; } }
      @media only screen and (max-width: 600px) {
        .register .heading-rotation-container .rotator.h1-like {
          font-size: 30px;
          line-height: 40px; } }
    .dom-content-loaded .register .heading-rotation-container .rotator {
      display: flex;
      align-items: center;
      bottom: 0; }
    .dom-content-loaded .register .heading-rotation-container .rotator.heading-1 {
      animation: heading-rotation-animation 1.5s 0.5s; }
    .dom-content-loaded .register .heading-rotation-container .rotator.heading-2 {
      animation: heading-rotation-animation 1.5s 1.75s; }
    .dom-content-loaded .register .heading-rotation-container .rotator.heading-3 {
      animation: heading-rotation-last-animation 1.5s 3s; }
  .register .heading-rotation-container h1 {
    opacity: 0; }
    .dom-content-loaded .register .heading-rotation-container h1 {
      opacity: 1;
      transition: opacity 0.25s 4.75s; }

.register .content {
  flex: 4 1; }

.register .description {
  margin-top: 25px;
  font-size: 18px;
  line-height: 28px; }
  @media only screen and (max-width: 960px) {
    .register .description {
      font-size: 14px;
      line-height: 22px; } }

.register .divider-wrapper {
  flex: 1 1;
  align-self: stretch;
  display: flex;
  justify-content: center; }
  @media only screen and (max-width: 960px) {
    .register .divider-wrapper {
      display: none; } }

.register .divider {
  width: 1px;
  background-color: #f3f3f3;
  margin: 50px 0; }

.register .sign-up {
  flex: 4 1;
  display: flex;
  justify-content: center; }
  @media only screen and (max-width: 960px) {
    .register .sign-up {
      display: none; } }

.register .sign-up-inner {
  width: 360px; }

.register .button-google:link, .register .button-google:visited, .register .button-google:hover, .register .button-google:active {
  display: block;
  margin-top: 26px;
  background: url("/img/home/google-logo.svg") no-repeat;
  background-size: 18px 18px;
  background-position: left 15px center;
  font-family: "Soleil_Medium", Helvetica, Arial, sans-serif;
  font-size: 16px;
  text-decoration: none;
  text-align: center;
  color: #000;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  line-height: 20px;
  padding: 10px 40px;
  -webkit-font-smoothing: antialiased; }
  .register .button-google:link:lang(ko), .register .button-google:visited:lang(ko), .register .button-google:hover:lang(ko), .register .button-google:active:lang(ko) {
    font-family: "\B098\B214\ACE0\B515", "NanumGothic", "\B9D1\C740   \ACE0\B515", "Malgun Gothic", "\B3CB\C6C0", "DotumChe", "Dotum", sans-serif; }
  .register .button-google:link:lang(ja), .register .button-google:link:lang(jp), .register .button-google:visited:lang(ja), .register .button-google:visited:lang(jp), .register .button-google:hover:lang(ja), .register .button-google:hover:lang(jp), .register .button-google:active:lang(ja), .register .button-google:active:lang(jp) {
    font-family: "\30D2\30E9\30AE\30CE\89D2\30B4   ProN W3", "Hiragino Kaku Gothic ProN", "\30E1\30A4\30EA\30AA", Meiryo, "MS P\30B4\30B7\30C3\30AF", "MS PGothic", sans-serif; }
  .register .button-google:link:lang(zh-cn), .register .button-google:link:lang(zh-tw), .register .button-google:visited:lang(zh-cn), .register .button-google:visited:lang(zh-tw), .register .button-google:hover:lang(zh-cn), .register .button-google:hover:lang(zh-tw), .register .button-google:active:lang(zh-cn), .register .button-google:active:lang(zh-tw) {
    font-family: "Hiragino Sans GB", "STHeiti", "Microsoft Yahei", sans-serif; }
  .register .button-google:link:lang(ru), .register .button-google:visited:lang(ru), .register .button-google:hover:lang(ru), .register .button-google:active:lang(ru) {
    font-family: sans-serif;
    font-weight: lighter; }

.register .button-google:hover {
  border: 1px solid #00a82d; }

.register .or-row {
  display: flex;
  align-items: center;
  margin: 22px 0; }

.register .or-line {
  flex: 1 1;
  height: 1px;
  background-color: #f3f3f3; }

.register .or-text {
  color: #b4b4b4;
  margin: 0 8px;
  font-family: "Soleil_Light", Helvetica, Arial, sans-serif;
  font-size: 11px; }
  .register .or-text:lang(ko) {
    font-family: "\B098\B214\ACE0\B515", "NanumGothic", "\B9D1\C740   \ACE0\B515", "Malgun Gothic", "\B3CB\C6C0", "DotumChe", "Dotum", sans-serif; }
  .register .or-text:lang(ja), .register .or-text:lang(jp) {
    font-family: "\30D2\30E9\30AE\30CE\89D2\30B4   ProN W3", "Hiragino Kaku Gothic ProN", "\30E1\30A4\30EA\30AA", Meiryo, "MS P\30B4\30B7\30C3\30AF", "MS PGothic", sans-serif; }
  .register .or-text:lang(zh-cn), .register .or-text:lang(zh-tw) {
    font-family: "Hiragino Sans GB", "STHeiti", "Microsoft Yahei", sans-serif; }
  .register .or-text:lang(ru) {
    font-family: sans-serif;
    font-weight: lighter; }

.register form input {
  width: 100%;
  margin-top: 15px; }
  .register form input[type=email], .register form input[type=password] {
    display: block;
    background: #eef2f3;
    border: 1px solid #eef2f3;
    border-radius: 4px;
    padding: 16px 12px 15px;
    font-family: "Soleil_Medium", Helvetica, Arial, sans-serif;
    font-size: 13px; }
    .register form input[type=email]:lang(ko), .register form input[type=password]:lang(ko) {
      font-family: "\B098\B214\ACE0\B515", "NanumGothic", "\B9D1\C740   \ACE0\B515", "Malgun Gothic", "\B3CB\C6C0", "DotumChe", "Dotum", sans-serif; }
    .register form input[type=email]:lang(ja), .register form input[type=email]:lang(jp), .register form input[type=password]:lang(ja), .register form input[type=password]:lang(jp) {
      font-family: "\30D2\30E9\30AE\30CE\89D2\30B4   ProN W3", "Hiragino Kaku Gothic ProN", "\30E1\30A4\30EA\30AA", Meiryo, "MS P\30B4\30B7\30C3\30AF", "MS PGothic", sans-serif; }
    .register form input[type=email]:lang(zh-cn), .register form input[type=email]:lang(zh-tw), .register form input[type=password]:lang(zh-cn), .register form input[type=password]:lang(zh-tw) {
      font-family: "Hiragino Sans GB", "STHeiti", "Microsoft Yahei", sans-serif; }
    .register form input[type=email]:lang(ru), .register form input[type=password]:lang(ru) {
      font-family: sans-serif;
      font-weight: lighter; }
  .register form input[type=submit] {
    cursor: pointer; }
  .register form input.active-error {
    border: 1px solid #ff415f;
    color: #ff415f; }
    .register form input.active-error::placeholder {
      color: #ff415f; }

.register form input[type="submit"] {
  font-size: 16px;
  -webkit-appearance: none;
  margin: 0; }

.register .legal {
  font-family: "Soleil_Light", Helvetica, Arial, sans-serif;
  font-size: 11px;
  color: #989898;
  margin-top: 22px; }
  .register .legal:lang(ko) {
    font-family: "\B098\B214\ACE0\B515", "NanumGothic", "\B9D1\C740   \ACE0\B515", "Malgun Gothic", "\B3CB\C6C0", "DotumChe", "Dotum", sans-serif; }
  .register .legal:lang(ja), .register .legal:lang(jp) {
    font-family: "\30D2\30E9\30AE\30CE\89D2\30B4   ProN W3", "Hiragino Kaku Gothic ProN", "\30E1\30A4\30EA\30AA", Meiryo, "MS P\30B4\30B7\30C3\30AF", "MS PGothic", sans-serif; }
  .register .legal:lang(zh-cn), .register .legal:lang(zh-tw) {
    font-family: "Hiragino Sans GB", "STHeiti", "Microsoft Yahei", sans-serif; }
  .register .legal:lang(ru) {
    font-family: sans-serif;
    font-weight: lighter; }
  .register .legal a:link, .register .legal a:visited, .register .legal a:hover, .register .legal a:active {
    font-family: "Soleil_Medium", Helvetica, Arial, sans-serif;
    color: rgba(0, 0, 0, 0.5);
    text-decoration: none; }
    .register .legal a:link:lang(ko), .register .legal a:visited:lang(ko), .register .legal a:hover:lang(ko), .register .legal a:active:lang(ko) {
      font-family: "\B098\B214\ACE0\B515", "NanumGothic", "\B9D1\C740   \ACE0\B515", "Malgun Gothic", "\B3CB\C6C0", "DotumChe", "Dotum", sans-serif; }
    .register .legal a:link:lang(ja), .register .legal a:link:lang(jp), .register .legal a:visited:lang(ja), .register .legal a:visited:lang(jp), .register .legal a:hover:lang(ja), .register .legal a:hover:lang(jp), .register .legal a:active:lang(ja), .register .legal a:active:lang(jp) {
      font-family: "\30D2\30E9\30AE\30CE\89D2\30B4   ProN W3", "Hiragino Kaku Gothic ProN", "\30E1\30A4\30EA\30AA", Meiryo, "MS P\30B4\30B7\30C3\30AF", "MS PGothic", sans-serif; }
    .register .legal a:link:lang(zh-cn), .register .legal a:link:lang(zh-tw), .register .legal a:visited:lang(zh-cn), .register .legal a:visited:lang(zh-tw), .register .legal a:hover:lang(zh-cn), .register .legal a:hover:lang(zh-tw), .register .legal a:active:lang(zh-cn), .register .legal a:active:lang(zh-tw) {
      font-family: "Hiragino Sans GB", "STHeiti", "Microsoft Yahei", sans-serif; }
    .register .legal a:link:lang(ru), .register .legal a:visited:lang(ru), .register .legal a:hover:lang(ru), .register .legal a:active:lang(ru) {
      font-family: sans-serif;
      font-weight: lighter; }

.register .learn-more {
  display: none; }
  @media only screen and (max-width: 960px) {
    .register .learn-more {
      display: block;
      margin-top: 16px; } }

.submit-container {
  position: relative;
  margin: 15px 0 20px; }
  .submit-container .submit-trigger {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }

.form-errors-container {
  height: 60px; }

.form-error {
  display: none;
  font-family: "Soleil_Light", Helvetica, Arial, sans-serif;
  font-size: 12px;
  color: #ff415f; }
  .form-error:lang(ko) {
    font-family: "\B098\B214\ACE0\B515", "NanumGothic", "\B9D1\C740   \ACE0\B515", "Malgun Gothic", "\B3CB\C6C0", "DotumChe", "Dotum", sans-serif; }
  .form-error:lang(ja), .form-error:lang(jp) {
    font-family: "\30D2\30E9\30AE\30CE\89D2\30B4   ProN W3", "Hiragino Kaku Gothic ProN", "\30E1\30A4\30EA\30AA", Meiryo, "MS P\30B4\30B7\30C3\30AF", "MS PGothic", sans-serif; }
  .form-error:lang(zh-cn), .form-error:lang(zh-tw) {
    font-family: "Hiragino Sans GB", "STHeiti", "Microsoft Yahei", sans-serif; }
  .form-error:lang(ru) {
    font-family: sans-serif;
    font-weight: lighter; }
  .form-error .bold {
    font-family: "Soleil_Medium", Helvetica, Arial, sans-serif; }
    .form-error .bold:lang(ko) {
      font-family: "\B098\B214\ACE0\B515", "NanumGothic", "\B9D1\C740   \ACE0\B515", "Malgun Gothic", "\B3CB\C6C0", "DotumChe", "Dotum", sans-serif; }
    .form-error .bold:lang(ja), .form-error .bold:lang(jp) {
      font-family: "\30D2\30E9\30AE\30CE\89D2\30B4   ProN W3", "Hiragino Kaku Gothic ProN", "\30E1\30A4\30EA\30AA", Meiryo, "MS P\30B4\30B7\30C3\30AF", "MS PGothic", sans-serif; }
    .form-error .bold:lang(zh-cn), .form-error .bold:lang(zh-tw) {
      font-family: "Hiragino Sans GB", "STHeiti", "Microsoft Yahei", sans-serif; }
    .form-error .bold:lang(ru) {
      font-family: sans-serif;
      font-weight: lighter; }

.ru-hero {
  margin-bottom: 100px; }
  @media only screen and (max-width: 600px) {
    .ru-hero {
      margin-bottom: 60px; } }
  .ru-hero .row {
    overflow: hidden;
    padding: 0; }

.ru-primary-cta {
  position: relative;
  width: 50%;
  float: left;
  height: 0;
  padding-top: 50%; }
  @media only screen and (max-width: 1024px) {
    .ru-primary-cta {
      width: 100%;
      height: auto;
      float: none;
      padding: 125px 0 80px; } }
  @media only screen and (max-width: 600px) {
    .ru-primary-cta {
      padding: 50px 0; } }
  .ru-primary-cta .content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 100%;
    text-align: center;
    padding: 0 40px; }
    @media only screen and (max-width: 1024px) {
      .ru-primary-cta .content {
        position: static;
        transform: none; } }
    @media only screen and (max-width: 600px) {
      .ru-primary-cta .content {
        padding: 0 20px; } }
  .ru-primary-cta h2 {
    margin-bottom: 45px; }
    @media only screen and (max-width: 600px) {
      .ru-primary-cta h2 {
        margin-bottom: 40px; } }
  .ru-primary-cta .ctas {
    margin-bottom: 25px; }
  .ru-primary-cta .button-cta:link, .ru-primary-cta .button-cta:visited, .ru-primary-cta .button-cta:hover, .ru-primary-cta .button-cta:active {
    min-width: 280px;
    display: inline-block;
    font-family: "Soleil_Medium", Helvetica, Arial, sans-serif;
    font-size: 14px;
    text-decoration: none;
    text-align: center;
    color: #000;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    line-height: 20px;
    padding: 22px 40px 20px 70px;
    -webkit-font-smoothing: antialiased; }
    .ru-primary-cta .button-cta:link:lang(ko), .ru-primary-cta .button-cta:visited:lang(ko), .ru-primary-cta .button-cta:hover:lang(ko), .ru-primary-cta .button-cta:active:lang(ko) {
      font-family: "\B098\B214\ACE0\B515", "NanumGothic", "\B9D1\C740   \ACE0\B515", "Malgun Gothic", "\B3CB\C6C0", "DotumChe", "Dotum", sans-serif; }
    .ru-primary-cta .button-cta:link:lang(ja), .ru-primary-cta .button-cta:link:lang(jp), .ru-primary-cta .button-cta:visited:lang(ja), .ru-primary-cta .button-cta:visited:lang(jp), .ru-primary-cta .button-cta:hover:lang(ja), .ru-primary-cta .button-cta:hover:lang(jp), .ru-primary-cta .button-cta:active:lang(ja), .ru-primary-cta .button-cta:active:lang(jp) {
      font-family: "\30D2\30E9\30AE\30CE\89D2\30B4   ProN W3", "Hiragino Kaku Gothic ProN", "\30E1\30A4\30EA\30AA", Meiryo, "MS P\30B4\30B7\30C3\30AF", "MS PGothic", sans-serif; }
    .ru-primary-cta .button-cta:link:lang(zh-cn), .ru-primary-cta .button-cta:link:lang(zh-tw), .ru-primary-cta .button-cta:visited:lang(zh-cn), .ru-primary-cta .button-cta:visited:lang(zh-tw), .ru-primary-cta .button-cta:hover:lang(zh-cn), .ru-primary-cta .button-cta:hover:lang(zh-tw), .ru-primary-cta .button-cta:active:lang(zh-cn), .ru-primary-cta .button-cta:active:lang(zh-tw) {
      font-family: "Hiragino Sans GB", "STHeiti", "Microsoft Yahei", sans-serif; }
    .ru-primary-cta .button-cta:link:lang(ru), .ru-primary-cta .button-cta:visited:lang(ru), .ru-primary-cta .button-cta:hover:lang(ru), .ru-primary-cta .button-cta:active:lang(ru) {
      font-family: sans-serif;
      font-weight: lighter; }
    @media only screen and (max-width: 400px) {
      .ru-primary-cta .button-cta:link, .ru-primary-cta .button-cta:visited, .ru-primary-cta .button-cta:hover, .ru-primary-cta .button-cta:active {
        min-width: 0;
        width: 100%; } }
  .ru-primary-cta .button-cta:hover {
    border: 1px solid #00a82d; }
  .ru-primary-cta .button-cta.sign-in-with-google {
    background: url("/img/home/google-logo.svg") no-repeat;
    background-size: 18px 18px;
    background-position: left 25px center; }
  .ru-primary-cta .button-cta.sign-in-with-email {
    background: url("/img/icons/email-green.svg") no-repeat;
    background-size: 18px 18px;
    background-position: left 25px center; }
  .ru-primary-cta .open-evernote {
    min-width: 300px; }
  .ru-primary-cta .or {
    font-family: "Soleil_Light", Helvetica, Arial, sans-serif;
    margin: 10px 0; }
    .ru-primary-cta .or:lang(ko) {
      font-family: "\B098\B214\ACE0\B515", "NanumGothic", "\B9D1\C740   \ACE0\B515", "Malgun Gothic", "\B3CB\C6C0", "DotumChe", "Dotum", sans-serif; }
    .ru-primary-cta .or:lang(ja), .ru-primary-cta .or:lang(jp) {
      font-family: "\30D2\30E9\30AE\30CE\89D2\30B4   ProN W3", "Hiragino Kaku Gothic ProN", "\30E1\30A4\30EA\30AA", Meiryo, "MS P\30B4\30B7\30C3\30AF", "MS PGothic", sans-serif; }
    .ru-primary-cta .or:lang(zh-cn), .ru-primary-cta .or:lang(zh-tw) {
      font-family: "Hiragino Sans GB", "STHeiti", "Microsoft Yahei", sans-serif; }
    .ru-primary-cta .or:lang(ru) {
      font-family: sans-serif;
      font-weight: lighter; }
  .ru-primary-cta .no-account,
  .ru-primary-cta .already-logged-in {
    font-family: "Soleil_Medium", Helvetica, Arial, sans-serif; }
    .ru-primary-cta .no-account:lang(ko),
    .ru-primary-cta .already-logged-in:lang(ko) {
      font-family: "\B098\B214\ACE0\B515", "NanumGothic", "\B9D1\C740   \ACE0\B515", "Malgun Gothic", "\B3CB\C6C0", "DotumChe", "Dotum", sans-serif; }
    .ru-primary-cta .no-account:lang(ja), .ru-primary-cta .no-account:lang(jp),
    .ru-primary-cta .already-logged-in:lang(ja),
    .ru-primary-cta .already-logged-in:lang(jp) {
      font-family: "\30D2\30E9\30AE\30CE\89D2\30B4   ProN W3", "Hiragino Kaku Gothic ProN", "\30E1\30A4\30EA\30AA", Meiryo, "MS P\30B4\30B7\30C3\30AF", "MS PGothic", sans-serif; }
    .ru-primary-cta .no-account:lang(zh-cn), .ru-primary-cta .no-account:lang(zh-tw),
    .ru-primary-cta .already-logged-in:lang(zh-cn),
    .ru-primary-cta .already-logged-in:lang(zh-tw) {
      font-family: "Hiragino Sans GB", "STHeiti", "Microsoft Yahei", sans-serif; }
    .ru-primary-cta .no-account:lang(ru),
    .ru-primary-cta .already-logged-in:lang(ru) {
      font-family: sans-serif;
      font-weight: lighter; }
    .ru-primary-cta .no-account a:link,
    .ru-primary-cta .already-logged-in a:link {
      color: #00a82d; }
    .ru-primary-cta .no-account a:hover,
    .ru-primary-cta .already-logged-in a:hover {
      color: #14CC45; }

.ru-upsell.web-clipper {
  position: relative;
  width: 50%;
  float: left;
  height: 0;
  padding-top: 50%;
  background: #fbfcfd; }
  @media only screen and (max-width: 1024px) {
    .ru-upsell.web-clipper {
      float: none;
      width: 100%;
      height: auto;
      padding: 80px 0 100px; } }
  @media only screen and (max-width: 600px) {
    .ru-upsell.web-clipper {
      padding: 50px 0; } }
  .ru-upsell.web-clipper .content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 100%;
    max-width: 490px;
    text-align: center;
    padding: 0 40px; }
    @media only screen and (max-width: 1024px) {
      .ru-upsell.web-clipper .content {
        position: static;
        transform: none;
        margin: 0 auto; } }
    @media only screen and (max-width: 600px) {
      .ru-upsell.web-clipper .content {
        padding: 0 20px; } }
  .ru-upsell.web-clipper .image-container {
    text-align: center;
    margin-bottom: 40px; }
    .ru-upsell.web-clipper .image-container > * {
      display: inline-block;
      vertical-align: middle; }
  .ru-upsell.web-clipper .clipper-icon {
    width: 65px;
    height: 65px; }
    .ru-upsell.web-clipper .clipper-icon img {
      max-width: 100%;
      max-height: 100%; }
  .ru-upsell.web-clipper .browser-icon {
    width: 65px;
    height: 65px; }
    .ru-upsell.web-clipper .browser-icon img {
      max-width: 100%;
      max-height: 100%; }
  .ru-upsell.web-clipper .plus {
    font-family: "Soleil_Medium", Helvetica, Arial, sans-serif;
    font-size: 22px;
    color: #00a82d;
    margin: 0 20px; }
    .ru-upsell.web-clipper .plus:lang(ko) {
      font-family: "\B098\B214\ACE0\B515", "NanumGothic", "\B9D1\C740   \ACE0\B515", "Malgun Gothic", "\B3CB\C6C0", "DotumChe", "Dotum", sans-serif; }
    .ru-upsell.web-clipper .plus:lang(ja), .ru-upsell.web-clipper .plus:lang(jp) {
      font-family: "\30D2\30E9\30AE\30CE\89D2\30B4   ProN W3", "Hiragino Kaku Gothic ProN", "\30E1\30A4\30EA\30AA", Meiryo, "MS P\30B4\30B7\30C3\30AF", "MS PGothic", sans-serif; }
    .ru-upsell.web-clipper .plus:lang(zh-cn), .ru-upsell.web-clipper .plus:lang(zh-tw) {
      font-family: "Hiragino Sans GB", "STHeiti", "Microsoft Yahei", sans-serif; }
    .ru-upsell.web-clipper .plus:lang(ru) {
      font-family: sans-serif;
      font-weight: lighter; }
  .ru-upsell.web-clipper h2 {
    margin-bottom: 20px; }
  .ru-upsell.web-clipper .thin-text {
    font-family: "Soleil_Light", Helvetica, Arial, sans-serif; }
    .ru-upsell.web-clipper .thin-text:lang(ko) {
      font-family: "\B098\B214\ACE0\B515", "NanumGothic", "\B9D1\C740   \ACE0\B515", "Malgun Gothic", "\B3CB\C6C0", "DotumChe", "Dotum", sans-serif; }
    .ru-upsell.web-clipper .thin-text:lang(ja), .ru-upsell.web-clipper .thin-text:lang(jp) {
      font-family: "\30D2\30E9\30AE\30CE\89D2\30B4   ProN W3", "Hiragino Kaku Gothic ProN", "\30E1\30A4\30EA\30AA", Meiryo, "MS P\30B4\30B7\30C3\30AF", "MS PGothic", sans-serif; }
    .ru-upsell.web-clipper .thin-text:lang(zh-cn), .ru-upsell.web-clipper .thin-text:lang(zh-tw) {
      font-family: "Hiragino Sans GB", "STHeiti", "Microsoft Yahei", sans-serif; }
    .ru-upsell.web-clipper .thin-text:lang(ru) {
      font-family: sans-serif;
      font-weight: lighter; }
  .ru-upsell.web-clipper .description {
    margin-bottom: 40px; }

.ru-upsell.business {
  position: relative;
  width: 50%;
  float: left;
  height: 0;
  padding-top: 50%;
  background: #fbfcfd; }
  @media only screen and (max-width: 1024px) {
    .ru-upsell.business {
      float: none;
      width: 100%;
      height: auto;
      padding: 100px 0 100px; } }
  @media only screen and (max-width: 600px) {
    .ru-upsell.business {
      padding: 50px 0; } }
  .ru-upsell.business .image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden; }
    .ru-upsell.business .image img {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translateX(-50%) translateY(-50%);
      height: 120%; }
      @media only screen and (max-width: 1024px) {
        .ru-upsell.business .image img {
          height: 700px; } }
      @media only screen and (max-width: 600px) {
        .ru-upsell.business .image img {
          height: 100%; } }
  .ru-upsell.business .content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 100%;
    text-align: center;
    padding: 0 40px; }
    @media only screen and (max-width: 1024px) {
      .ru-upsell.business .content {
        position: relative;
        top: 0;
        left: 0;
        transform: none;
        max-width: 600px;
        margin: 0 auto; } }
    @media only screen and (max-width: 600px) {
      .ru-upsell.business .content {
        padding: 0 20px; } }
  .ru-upsell.business .pricing {
    font-family: "Soleil_Light", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #fff;
    margin-bottom: 15px; }
    .ru-upsell.business .pricing:lang(ko) {
      font-family: "\B098\B214\ACE0\B515", "NanumGothic", "\B9D1\C740   \ACE0\B515", "Malgun Gothic", "\B3CB\C6C0", "DotumChe", "Dotum", sans-serif; }
    .ru-upsell.business .pricing:lang(ja), .ru-upsell.business .pricing:lang(jp) {
      font-family: "\30D2\30E9\30AE\30CE\89D2\30B4   ProN W3", "Hiragino Kaku Gothic ProN", "\30E1\30A4\30EA\30AA", Meiryo, "MS P\30B4\30B7\30C3\30AF", "MS PGothic", sans-serif; }
    .ru-upsell.business .pricing:lang(zh-cn), .ru-upsell.business .pricing:lang(zh-tw) {
      font-family: "Hiragino Sans GB", "STHeiti", "Microsoft Yahei", sans-serif; }
    .ru-upsell.business .pricing:lang(ru) {
      font-family: sans-serif;
      font-weight: lighter; }
  .ru-upsell.business h2 {
    font-size: 32px;
    color: #fff;
    margin-bottom: 20px; }
  .ru-upsell.business .description {
    color: #fff;
    margin-bottom: 40px; }
  .ru-upsell.business .button-primary {
    font-size: 13px;
    min-width: 180px;
    padding: 17px 20px 16px; }
    @media only screen and (max-width: 600px) {
      .ru-upsell.business .button-primary {
        display: block;
        max-width: 300px;
        margin: 0 auto 20px; } }
    @media only screen and (max-width: 400px) {
      .ru-upsell.business .button-primary {
        width: 100%; } }
  .ru-upsell.business .button-secondary {
    position: relative;
    font-size: 13px;
    min-width: 180px;
    border: 1px solid #fff;
    color: #fff;
    margin-left: 15px;
    padding-left: 40px;
    transition: .1s background ease-in-out; }
    .ru-upsell.business .button-secondary:hover {
      color: #fff;
      border: 1px solid #fff;
      background: rgba(0, 0, 0, 0.2);
      transition: .1s background ease-in-out; }
    @media only screen and (max-width: 600px) {
      .ru-upsell.business .button-secondary {
        display: block;
        max-width: 300px;
        margin: 0 auto; } }
    @media only screen and (max-width: 400px) {
      .ru-upsell.business .button-secondary {
        width: 100%; } }
  .ru-upsell.business .play-button {
    position: absolute;
    left: 20px;
    top: 13px;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 15px; }
    .ru-upsell.business .play-button svg {
      fill: #fff;
      max-width: 100%;
      max-height: 100%; }

.ru-upsell.community {
  position: relative;
  width: 50%;
  float: left;
  height: 0;
  padding-top: 60%; }
  @media only screen and (max-width: 1024px) {
    .ru-upsell.community {
      float: none;
      width: 100%;
      padding-top: 540px; } }
  @media only screen and (max-width: 600px) {
    .ru-upsell.community {
      height: auto;
      background: #FBFCFD;
      padding: 20px 0 40px; } }
  .ru-upsell.community .mobile-image {
    display: none;
    width: 100%;
    height: 180px;
    text-align: center;
    margin-bottom: 30px; }
    @media only screen and (max-width: 600px) {
      .ru-upsell.community .mobile-image {
        display: block; } }
    .ru-upsell.community .mobile-image img {
      max-width: 100%;
      max-height: 100%; }
  .ru-upsell.community .desktop-image {
    position: absolute;
    top: 0;
    right: 20px;
    bottom: 0;
    left: 0;
    overflow: hidden; }
    @media only screen and (max-width: 600px) {
      .ru-upsell.community .desktop-image {
        display: none; } }
    .ru-upsell.community .desktop-image img {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translateX(-50%) translateY(-50%);
      max-width: 100%;
      max-height: 100%; }
  .ru-upsell.community .content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 100%;
    max-width: 500px;
    text-align: center;
    padding: 0 40px;
    margin-top: 100px;
    margin-left: 20px; }
    @media only screen and (max-width: 600px) {
      .ru-upsell.community .content {
        position: static;
        top: 0;
        left: 0;
        transform: none;
        max-width: 600px;
        margin: 0 auto;
        padding: 0 20px; } }
  .ru-upsell.community h2 {
    font-size: 32px;
    line-height: 42px;
    margin-bottom: 10px; }
    @media only screen and (max-width: 600px) {
      .ru-upsell.community h2 {
        font-size: 28px;
        line-height: 38px;
        margin-bottom: 20px; } }
  .ru-upsell.community .description {
    margin-bottom: 20px; }
    @media only screen and (max-width: 600px) {
      .ru-upsell.community .description {
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 30px; } }
  .ru-upsell.community .button-primary {
    font-size: 13px;
    min-width: 180px;
    margin-right: 15px;
    padding: 17px 20px 16px; }
    @media only screen and (max-width: 600px) {
      .ru-upsell.community .button-primary {
        display: block;
        max-width: 300px;
        margin: 0 auto 20px; } }
    @media only screen and (max-width: 400px) {
      .ru-upsell.community .button-primary {
        width: 100%; } }

.benefits {
  padding: 0 0 75px; }
  @media only screen and (max-width: 960px) {
    .benefits {
      margin: 0 30px;
      padding: 0 0 50px; } }
  @media only screen and (max-width: 600px) {
    .benefits {
      margin: 0;
      padding: 0 0 30px; } }

.benefits-list {
  list-style-type: none; }
  .benefits-list li {
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 40px; }
    .benefits-list li.image-on-right {
      flex-direction: row-reverse; }
    .benefits-list li:last-child {
      margin-bottom: 0; }
    @media only screen and (max-width: 960px) {
      .benefits-list li {
        margin-bottom: 140px;
        flex-wrap: wrap; } }
    @media only screen and (max-width: 600px) {
      .benefits-list li {
        margin-bottom: 100px; } }
  .benefits-list .image img {
    display: block;
    width: 456px;
    height: 456px; }
    @media only screen and (max-width: 960px) {
      .benefits-list .image img {
        width: 335px;
        height: 335px; } }
    @media only screen and (max-width: 600px) {
      .benefits-list .image img {
        width: 200px;
        height: 200px; } }
  .benefits-list .content {
    max-width: 380px;
    margin-left: 56px; }
    @media only screen and (max-width: 960px) {
      .benefits-list .content {
        max-width: 460px;
        margin-left: 0; } }
  .benefits-list h2 {
    margin-bottom: 35px; }
    @media only screen and (max-width: 960px) {
      .benefits-list h2 {
        text-align: center; } }
    @media only screen and (max-width: 600px) {
      .benefits-list h2 {
        text-align: left; } }
  .benefits-list p {
    font-family: "Soleil", Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 26px; }
    .benefits-list p:lang(ko) {
      font-family: "\B098\B214\ACE0\B515", "NanumGothic", "\B9D1\C740   \ACE0\B515", "Malgun Gothic", "\B3CB\C6C0", "DotumChe", "Dotum", sans-serif; }
    .benefits-list p:lang(ja), .benefits-list p:lang(jp) {
      font-family: "\30D2\30E9\30AE\30CE\89D2\30B4   ProN W3", "Hiragino Kaku Gothic ProN", "\30E1\30A4\30EA\30AA", Meiryo, "MS P\30B4\30B7\30C3\30AF", "MS PGothic", sans-serif; }
    .benefits-list p:lang(zh-cn), .benefits-list p:lang(zh-tw) {
      font-family: "Hiragino Sans GB", "STHeiti", "Microsoft Yahei", sans-serif; }
    .benefits-list p:lang(ru) {
      font-family: sans-serif;
      font-weight: lighter; }
    @media only screen and (max-width: 960px) {
      .benefits-list p {
        text-align: center; } }
    @media only screen and (max-width: 600px) {
      .benefits-list p {
        text-align: left; } }
  .benefits-list .link-wrapper {
    margin-top: 32px; }
    .benefits-list .link-wrapper a:link, .benefits-list .link-wrapper a:visited, .benefits-list .link-wrapper a:hover, .benefits-list .link-wrapper a:active {
      text-decoration: none;
      border-bottom: 0 solid transparent;
      transition: 0.3s border ease-in-out, 0.3s color ease-in-out;
      font-family: "Soleil_Medium", Helvetica, Arial, sans-serif;
      border-bottom: 2px solid #00a82d; }
      .benefits-list .link-wrapper a:link:focus, .benefits-list .link-wrapper a:link:hover, .benefits-list .link-wrapper a:visited:focus, .benefits-list .link-wrapper a:visited:hover, .benefits-list .link-wrapper a:hover:focus, .benefits-list .link-wrapper a:hover:hover, .benefits-list .link-wrapper a:active:focus, .benefits-list .link-wrapper a:active:hover {
        color: #00a82d;
        border-color: "transparent";
        transition: 0.1s border ease-in-out, 0.1s color ease-in-out; }
      .benefits-list .link-wrapper a:link:lang(ko), .benefits-list .link-wrapper a:visited:lang(ko), .benefits-list .link-wrapper a:hover:lang(ko), .benefits-list .link-wrapper a:active:lang(ko) {
        font-family: "\B098\B214\ACE0\B515", "NanumGothic", "\B9D1\C740   \ACE0\B515", "Malgun Gothic", "\B3CB\C6C0", "DotumChe", "Dotum", sans-serif; }
      .benefits-list .link-wrapper a:link:lang(ja), .benefits-list .link-wrapper a:link:lang(jp), .benefits-list .link-wrapper a:visited:lang(ja), .benefits-list .link-wrapper a:visited:lang(jp), .benefits-list .link-wrapper a:hover:lang(ja), .benefits-list .link-wrapper a:hover:lang(jp), .benefits-list .link-wrapper a:active:lang(ja), .benefits-list .link-wrapper a:active:lang(jp) {
        font-family: "\30D2\30E9\30AE\30CE\89D2\30B4   ProN W3", "Hiragino Kaku Gothic ProN", "\30E1\30A4\30EA\30AA", Meiryo, "MS P\30B4\30B7\30C3\30AF", "MS PGothic", sans-serif; }
      .benefits-list .link-wrapper a:link:lang(zh-cn), .benefits-list .link-wrapper a:link:lang(zh-tw), .benefits-list .link-wrapper a:visited:lang(zh-cn), .benefits-list .link-wrapper a:visited:lang(zh-tw), .benefits-list .link-wrapper a:hover:lang(zh-cn), .benefits-list .link-wrapper a:hover:lang(zh-tw), .benefits-list .link-wrapper a:active:lang(zh-cn), .benefits-list .link-wrapper a:active:lang(zh-tw) {
        font-family: "Hiragino Sans GB", "STHeiti", "Microsoft Yahei", sans-serif; }
      .benefits-list .link-wrapper a:link:lang(ru), .benefits-list .link-wrapper a:visited:lang(ru), .benefits-list .link-wrapper a:hover:lang(ru), .benefits-list .link-wrapper a:active:lang(ru) {
        font-family: sans-serif;
        font-weight: lighter; }

.social-proof {
  padding: 95px 0 95px;
  background-color: #f9f9f9; }
  @media only screen and (max-width: 600px) {
    .social-proof {
      padding: 50px 0 50px; } }
  .social-proof h2 {
    max-width: 550px;
    text-align: center;
    margin: 0 auto 100px; }
    @media only screen and (max-width: 600px) {
      .social-proof h2 {
        max-width: 300px;
        margin-bottom: 40px; } }
  .social-proof .cta {
    text-align: center; }
    .social-proof .cta a {
      margin: 0 10px; }
      @media only screen and (max-width: 600px) {
        .social-proof .cta a {
          display: block;
          max-width: 200px;
          margin: 0 auto 20px; } }

.related-content {
  margin: 100px 0; }
  @media only screen and (max-width: 600px) {
    .related-content {
      margin: 75px 0; } }

.articles {
  margin: 0 -25px; }
  @media only screen and (max-width: 960px) {
    .articles {
      margin-bottom: -50px; } }
  .articles .article {
    padding: 0 25px; }
  .articles .image {
    position: relative;
    width: 100%;
    height: 0;
    margin-bottom: 30px;
    padding-top: 100%; }
    @media only screen and (max-width: 600px) {
      .articles .image {
        margin-bottom: 80px; } }
    .articles .image img {
      position: absolute;
      top: 0;
      width: 100%; }
  .articles h3 {
    font-family: "Soleil_Medium", Helvetica, Arial, sans-serif;
    font-size: 17px;
    line-height: 27px;
    color: #000;
    margin-bottom: 20px; }
    .articles h3:lang(ko) {
      font-family: "\B098\B214\ACE0\B515", "NanumGothic", "\B9D1\C740   \ACE0\B515", "Malgun Gothic", "\B3CB\C6C0", "DotumChe", "Dotum", sans-serif; }
    .articles h3:lang(ja), .articles h3:lang(jp) {
      font-family: "\30D2\30E9\30AE\30CE\89D2\30B4   ProN W3", "Hiragino Kaku Gothic ProN", "\30E1\30A4\30EA\30AA", Meiryo, "MS P\30B4\30B7\30C3\30AF", "MS PGothic", sans-serif; }
    .articles h3:lang(zh-cn), .articles h3:lang(zh-tw) {
      font-family: "Hiragino Sans GB", "STHeiti", "Microsoft Yahei", sans-serif; }
    .articles h3:lang(ru) {
      font-family: sans-serif;
      font-weight: lighter; }
    .articles h3 a:link,
    .articles h3 a:visited {
      color: #000;
      text-decoration: none; }
  .articles h5 {
    font-family: "Soleil_Light", Helvetica, Arial, sans-serif;
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #000;
    margin-bottom: 15px; }
    .articles h5:lang(ko) {
      font-family: "\B098\B214\ACE0\B515", "NanumGothic", "\B9D1\C740   \ACE0\B515", "Malgun Gothic", "\B3CB\C6C0", "DotumChe", "Dotum", sans-serif; }
    .articles h5:lang(ja), .articles h5:lang(jp) {
      font-family: "\30D2\30E9\30AE\30CE\89D2\30B4   ProN W3", "Hiragino Kaku Gothic ProN", "\30E1\30A4\30EA\30AA", Meiryo, "MS P\30B4\30B7\30C3\30AF", "MS PGothic", sans-serif; }
    .articles h5:lang(zh-cn), .articles h5:lang(zh-tw) {
      font-family: "Hiragino Sans GB", "STHeiti", "Microsoft Yahei", sans-serif; }
    .articles h5:lang(ru) {
      font-family: sans-serif;
      font-weight: lighter; }
  .articles p {
    font-family: "Soleil", Helvetica, Arial, sans-serif;
    font-size: 13px;
    line-height: 21px;
    text-align: left; }
    .articles p:lang(ko) {
      font-family: "\B098\B214\ACE0\B515", "NanumGothic", "\B9D1\C740   \ACE0\B515", "Malgun Gothic", "\B3CB\C6C0", "DotumChe", "Dotum", sans-serif; }
    .articles p:lang(ja), .articles p:lang(jp) {
      font-family: "\30D2\30E9\30AE\30CE\89D2\30B4   ProN W3", "Hiragino Kaku Gothic ProN", "\30E1\30A4\30EA\30AA", Meiryo, "MS P\30B4\30B7\30C3\30AF", "MS PGothic", sans-serif; }
    .articles p:lang(zh-cn), .articles p:lang(zh-tw) {
      font-family: "Hiragino Sans GB", "STHeiti", "Microsoft Yahei", sans-serif; }
    .articles p:lang(ru) {
      font-family: sans-serif;
      font-weight: lighter; }

.carousel-container {
  position: relative;
  padding-bottom: 100px; }
  @media only screen and (max-width: 600px) {
    .carousel-container {
      padding-bottom: 60px; } }

@media only screen and (max-width: 600px) {
  .slick-dots {
    text-align: left;
    margin-left: -10px; } }

.slick-dots li {
  width: auto;
  height: auto;
  margin: 0;
  padding: 10px; }
  .slick-dots li button {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #d0d0d0;
    padding: 0; }
    .slick-dots li button:before {
      display: none; }
  .slick-dots li.slick-active button {
    background: #000; }

.dots-nav {
  position: relative;
  margin-top: 40px; }
  @media only screen and (max-width: 600px) {
    .dots-nav {
      position: absolute;
      top: 0;
      width: 100%;
      margin-top: 110%; } }

.inline-banner .container {
  position: relative;
  min-height: 250px;
  overflow: hidden; }

.inline-banner .image {
  position: absolute;
  top: 0;
  width: 50%;
  height: 100%;
  overflow: hidden; }
  @media only screen and (max-width: 600px) {
    .inline-banner .image {
      position: relative;
      width: 100%;
      height: 0;
      padding-top: 100%; } }

.inline-banner.is-photo .image img {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 100%;
  max-height: 100%;
  transform: translateX(-50%) translateY(-50%); }

.inline-banner.is-illustration .image img {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 100%;
  max-height: 100%;
  transform: translateX(-50%) translateY(-50%); }

.inline-banner .content-container {
  position: relative;
  height: 0;
  padding-top: 100%; }
  @media only screen and (max-width: 600px) {
    .inline-banner .content-container {
      position: static;
      height: auto;
      padding-top: 0; } }

.inline-banner .content {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding: 10%; }
  @media only screen and (max-width: 600px) {
    .inline-banner .content {
      position: static;
      transform: none;
      padding: 40px 20px; } }

.inline-banner h2 {
  margin-bottom: 25px;
  font-size: 48px; }
  @media only screen and (max-width: 960px) {
    .inline-banner h2 {
      font-size: 17px;
      line-height: 27px;
      margin-bottom: 15px; } }
  @media only screen and (max-width: 600px) {
    .inline-banner h2 {
      text-align: center; } }

.inline-banner.image-on-left .container {
  padding-left: 50%; }
  @media only screen and (max-width: 600px) {
    .inline-banner.image-on-left .container {
      padding-left: 20px; } }

.inline-banner.image-on-left .image {
  left: 0; }

.inline-banner.image-on-right .container {
  padding-right: 50%; }
  @media only screen and (max-width: 600px) {
    .inline-banner.image-on-right .container {
      padding-right: 20px; } }

.inline-banner.image-on-right .image {
  right: 57px;
  width: calc(50% - 57px); }
  @media only screen and (max-width: 600px) {
    .inline-banner.image-on-right .image {
      right: 0;
      width: 100%; } }

.inline-banner .description {
  margin-bottom: 40px;
  font-size: 24px;
  line-height: 40px;
  letter-spacing: 0; }
  @media only screen and (max-width: 960px) {
    .inline-banner .description {
      font-size: 13px;
      line-height: 21px;
      margin-bottom: 20px; } }
  @media only screen and (max-width: 600px) {
    .inline-banner .description {
      text-align: center; } }

.inline-banner .cta a {
  color: #fff;
  min-width: 200px;
  padding: 15px 20px; }

@media only screen and (max-width: 600px) {
  .inline-banner .cta {
    text-align: center; } }

.inline-banner a:link.button-secondary {
  font-size: 13px;
  line-height: 15px;
  padding: 12px 30px 11px;
  transition: .2s ease-in-out opacity; }
  .inline-banner a:link.button-secondary:hover {
    opacity: .7;
    color: auto;
    border-color: auto;
    transition: .2s ease-in-out opacity; }

.sample-space {
  border-bottom: 1px solid #eee;
  padding: 80px 0 93px 0; }
  @media only screen and (max-width: 900px) {
    .sample-space {
      padding-top: 72px;
      padding-bottom: 93px; } }
  .sample-space.module-highlight {
    background-color: #f2f7f9;
    border-bottom: 0px; }
  .sample-space h2 {
    font-family: "Soleil_Medium", Helvetica, Arial, sans-serif;
    font-size: 32px;
    text-align: center;
    margin-bottom: 52px; }
    @media only screen and (max-width: 900px) {
      .sample-space h2 {
        margin-bottom: 30px; } }
    .sample-space h2.ebUpsell {
      max-width: none; }
  .sample-space .space-display-container {
    white-space: nowrap;
    text-align: center; }
    @media only screen and (max-width: 900px) {
      .sample-space .space-display-container {
        white-space: normal; } }
  .sample-space .screenshot {
    display: inline-block;
    padding-bottom: 0px; }
    @media only screen and (max-width: 900px) {
      .sample-space .screenshot {
        margin-bottom: 44px; } }
    @media only screen and (max-width: 1160px) {
      .sample-space .screenshot img {
        width: 482px; } }
    @media only screen and (max-width: 600px) {
      .sample-space .screenshot img {
        width: 88%; } }
  .sample-space .arrows {
    vertical-align: top;
    display: inline-block;
    margin-left: 0px;
    width: 138px;
    white-space: normal;
    text-align: left; }
    @media only screen and (max-width: 1160px) {
      .sample-space .arrows {
        display: none; } }
    .sample-space .arrows .top-arrow {
      display: block;
      vertical-align: top;
      margin-top: 20px; }
    .sample-space .arrows .middle-arrow {
      display: block;
      vertical-align: top;
      margin-top: 62px; }
    .sample-space .arrows .bottom-arrow {
      display: block;
      vertical-align: top;
      margin-top: 82px; }
  .sample-space .module-feature-list {
    vertical-align: top;
    display: inline-block;
    list-style-type: none;
    overflow: hidden;
    margin-top: 30px;
    margin-left: 0px; }
    @media only screen and (max-width: 1160px) {
      .sample-space .module-feature-list {
        margin-left: 56px;
        margin-top: 0px; } }
    @media only screen and (max-width: 900px) {
      .sample-space .module-feature-list {
        margin-left: 0px; } }
    .sample-space .module-feature-list li {
      margin-bottom: 54px;
      width: 280px;
      white-space: normal;
      text-align: left; }
      @media only screen and (max-width: 900px) {
        .sample-space .module-feature-list li {
          width: 458px;
          text-align: center; } }
      @media only screen and (max-width: 600px) {
        .sample-space .module-feature-list li {
          width: 100%;
          padding-left: 6%;
          padding-right: 6%;
          text-align: center; } }
      .sample-space .module-feature-list li:nth-child(3) {
        margin-bottom: 0px; }
    .sample-space .module-feature-list .title {
      font-family: "Soleil_Medium", Helvetica, Arial, sans-serif;
      font-size: 18px;
      margin-bottom: 6px; }
    .sample-space .module-feature-list .contents {
      font-family: "Soleil", Helvetica, Arial, sans-serif;
      font-size: 16px; }

.hero.with-image {
  clear: both; }
  .hero.with-image .content {
    padding: 0 40px 0 0;
    width: 50%; }
    @media only screen and (max-width: 600px) {
      .hero.with-image .content {
        padding: 0;
        width: auto; } }
  .hero.with-image .image {
    width: 50%;
    text-align: center; }
    @media only screen and (max-width: 600px) {
      .hero.with-image .image {
        max-width: none;
        width: auto; } }
    .hero.with-image .image img {
      height: auto;
      max-width: 100%;
      width: auto; }
      @media only screen and (max-width: 600px) {
        .hero.with-image .image img.desktop-only {
          display: none; } }
  .hero.with-image .content-container {
    padding: 160px 0; }
    @media only screen and (max-width: 600px) {
      .hero.with-image .content-container {
        padding: 60px 30px 120px; } }

@media only screen and (max-width: 600px) {
  .hero.no-image-mobile .content-container {
    padding-bottom: 160px; } }

@media only screen and (max-width: 600px) {
  .hero.no-image-mobile .content {
    padding-bottom: 100px; }
    .hero.no-image-mobile .content::after {
      display: none; } }

@media only screen and (max-width: 600px) {
  .hero.no-image-mobile .image {
    display: none; } }

.hero.lean .content-container {
  padding: 115px 0; }
  @media only screen and (max-width: 600px) {
    .hero.lean .content-container {
      padding: 60px 20px; } }

@media only screen and (max-width: 600px) {
  .hero.lean .content {
    margin-bottom: 80px; }
    .hero.lean .content::after {
      display: none; } }

@media only screen and (max-width: 600px) {
  .hero.lean .image {
    margin: 0 20px; } }

.hero.flush-bottom .content-container {
  padding-top: 120px;
  padding-bottom: 0; }
  @media only screen and (max-width: 600px) {
    .hero.flush-bottom .content-container {
      padding-top: 60px; } }

.hero.flush-bottom .content {
  align-self: flex-start; }

.hero.flush-bottom .image img {
  vertical-align: bottom; }

.hero.full-width-text {
  padding: 130px 0; }
  @media only screen and (max-width: 600px) {
    .hero.full-width-text {
      padding: 100px 0; } }
  .hero.full-width-text .content {
    text-align: center;
    padding: 0;
    width: 100%; }
    @media only screen and (max-width: 600px) {
      .hero.full-width-text .content {
        padding: 0 20px; }
        .hero.full-width-text .content::after {
          display: none; } }
    .hero.full-width-text .content .description {
      margin-bottom: 0; }
      @media only screen and (max-width: 600px) {
        .hero.full-width-text .content .description {
          margin-bottom: 0; } }

.hero.black .content {
  color: #fff; }
  .hero.black .content h1 {
    color: #00a82d; }
  @media only screen and (max-width: 600px) {
    .hero.black .content {
      padding: 60px 20px 100px; } }

@media only screen and (max-width: 600px) {
  .hero.black.with-image .content {
    padding: 0; } }

.hero.with-background-image .content {
  width: 450px; }

.hero.with-background-image .image {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  max-width: 100%;
  overflow: hidden; }
  @media only screen and (max-width: 1100px) {
    .hero.with-background-image .image {
      position: relative;
      overflow: hidden;
      margin-bottom: -6px; } }
  .hero.with-background-image .image img {
    width: 100%;
    height: auto; }
    @media only screen and (max-width: 400px) {
      .hero.with-background-image .image img {
        height: 370px;
        width: auto;
        position: relative;
        right: 100%; } }

.hero .content {
  color: #000;
  letter-spacing: 0;
  padding: 0 40px 55px;
  position: relative;
  z-index: 1;
  width: 50%; }
  @media only screen and (max-width: 1100px) {
    .hero .content {
      width: auto;
      padding: 30px 17px; } }
  @media only screen and (max-width: 600px) {
    .hero .content {
      margin-bottom: 48px; } }
  .hero .content .super-heading {
    font-family: "Soleil_Bold", Helvetica, Arial, sans-serif;
    font-size: 12px;
    letter-spacing: 1.71px;
    line-height: 14px;
    margin-bottom: 20px;
    text-transform: uppercase; }
  .hero .content h1 {
    font-size: 56px;
    line-height: 72px;
    margin-bottom: 20px; }
    @media only screen and (max-width: 600px) {
      .hero .content h1 {
        font-size: 37px;
        line-height: 45px;
        margin-bottom: 20px; } }
  .hero .content .description {
    font-family: "Soleil_Light", Helvetica, Arial, sans-serif;
    font-size: 24px;
    line-height: 40px;
    margin-bottom: 35px; }
    @media only screen and (max-width: 600px) {
      .hero .content .description {
        line-height: 32px;
        font-size: 20px;
        margin-bottom: 40px; } }
    .hero .content .description p {
      font-family: inherit;
      font-size: inherit;
      line-height: inherit; }
      .hero .content .description p + p {
        margin-top: 65px; }
  .hero .content .super-cta {
    font-family: "Soleil_Bold", Helvetica, Arial, sans-serif;
    font-size: 14px;
    letter-spacing: .5px;
    line-height: 14px;
    margin-bottom: 20px;
    margin-top: 52px; }
  .hero .content .sub-links {
    margin-top: 30px; }
    .hero .content .sub-links a {
      font-size: 14px;
      color: #00A82D;
      letter-spacing: 0.5px;
      line-height: 14px;
      padding-left: 20px; }
      .hero .content .sub-links a:first-of-type {
        padding-left: 0; }
      .hero .content .sub-links a:after {
        content: "\2022";
        color: #888B8D;
        display: inline-block;
        margin-left: 20px; }
      .hero .content .sub-links a:last-of-type:after {
        content: ""; }
  .hero .content .cta_heading {
    font-size: 16px;
    color: #20C05C;
    line-height: 27px;
    margin-bottom: 5px;
    text-transform: uppercase;
    font-family: "Soleil_Medium", Helvetica, Arial, sans-serif;
    letter-spacing: .3px; }
    @media only screen and (max-width: 600px) {
      .hero .content .cta_heading {
        font-size: 14px;
        margin-bottom: 0; } }
  .hero .content .button-google {
    width: 215px;
    height: auto;
    margin-left: -2px; }
    .hero .content .button-google img {
      max-width: 255px; }
  .hero .content .button-primary {
    background-color: #00a82d;
    font-family: "Soleil_Bold", Helvetica, Arial, sans-serif;
    font-size: 16px;
    min-width: 240px;
    text-transform: uppercase; }
    .hero .content .button-primary:hover {
      background-color: #14cc45; }
    @media only screen and (max-width: 600px) {
      .hero .content .button-primary {
        width: 100%; } }
    .hero .content .button-primary.white {
      background-color: #fff;
      color: #000; }
      .hero .content .button-primary.white:hover {
        background-color: #f7f7f7; }

.hero .row {
  position: relative;
  max-width: 100%; }
  @media only screen and (max-width: 600px) {
    .hero .row {
      padding: 0; } }
  .hero .row .content-container {
    align-items: center;
    display: flex;
    margin: 0 auto;
    max-width: 1220px; }
    @media only screen and (max-width: 600px) {
      .hero .row .content-container {
        display: block; } }

.hero.green .content {
  color: #fff; }

.hero.green .button-primary {
  background-color: #fff;
  color: #00a82d; }
  .hero.green .button-primary:hover {
    background-color: #f7f7f7; }
  .hero.green .button-primary.white {
    color: #00a82d; }

.hero.bold-description .description {
  font-family: "Soleil_Bold", Helvetica, Arial, sans-serif;
  font-size: 27px;
  line-height: 48px;
  margin-bottom: 0; }

.hero .mobile-only {
  display: none; }
  @media only screen and (max-width: 600px) {
    .hero .mobile-only {
      display: block; }
      .hero .mobile-only.image {
        display: inline-block; } }

.hero .desktop-only {
  display: block; }
  .hero .desktop-only.image {
    display: inline-block; }
  @media only screen and (max-width: 600px) {
    .hero .desktop-only {
      display: none; } }

.clearfix::after {
  clear: both;
  content: '.';
  display: block;
  height: 0;
  visibility: hidden; }

.card-list {
  margin: 0 -40px; }
  @media only screen and (max-width: 600px) {
    .card-list {
      margin: 0; } }
  .card-list.solutions {
    padding: 160px 0; }
    @media only screen and (max-width: 1220px) {
      .card-list.solutions {
        margin-left: 0;
        margin-right: 0; } }
    .card-list.solutions .card .info .heading {
      color: #00a82d;
      font-size: 40px;
      letter-spacing: 0;
      line-height: 48px; }
    .card-list.solutions .card .info .content {
      color: #24292f;
      font-size: 24px;
      letter-spacing: 0;
      line-height: 40px; }
      @media only screen and (max-width: 600px) {
        .card-list.solutions .card .info .content {
          font-size: 18px;
          line-height: 32px; } }
    .card-list.solutions .card .info .button {
      color: #00a82d;
      font-family: "Soleil_Bold", Helvetica, Arial, sans-serif;
      font-size: 16px;
      letter-spacing: .5px;
      line-height: 40px;
      margin: 0;
      padding: 0;
      text-transform: uppercase; }
      .card-list.solutions .card .info .button:hover {
        color: #14cc45; }
    .card-list.solutions .list-cta-buttons {
      margin-top: 140px; }
  .card-list .card {
    float: left;
    margin-bottom: 50px;
    margin-right: 50px;
    margin-top: auto;
    max-width: calc(50% - 25px);
    width: calc(50% - 25px); }
    .card-list .card:nth-child(even) {
      margin-right: 0; }
    .card-list .card.image-only .image img {
      display: block;
      max-height: 485px;
      width: 100%; }
      .card-list .card.image-only .image img.mobile-only {
        display: none; }
        @media only screen and (max-width: 600px) {
          .card-list .card.image-only .image img.mobile-only {
            display: block; } }
      @media only screen and (max-width: 600px) {
        .card-list .card.image-only .image img.desktop-only {
          display: none; } }
    .card-list .card.text-only .heading {
      font-size: 50px;
      letter-spacing: 0;
      line-height: 64px;
      margin-top: 90px; }
    .card-list .card.text-only .super-heading + .heading {
      margin-top: 35px; }
    .card-list .card .image {
      text-align: center; }
      .card-list .card .image img {
        display: inline-block;
        max-width: 100%;
        max-height: 360px; }
        .card-list .card .image img.mobile-only {
          display: none; }
          @media only screen and (max-width: 600px) {
            .card-list .card .image img.mobile-only {
              display: inline-block; } }
        @media only screen and (max-width: 600px) {
          .card-list .card .image img.desktop-only {
            display: none; } }
      .card-list .card .image + .info {
        margin-top: 20px; }
        .card-list .card .image + .info .content:only-child {
          font-family: "Soleil_Bold", Helvetica, Arial, sans-serif; }
    .card-list .card .super-heading {
      font-family: "Soleil_Bold", Helvetica, Arial, sans-serif;
      font-size: 12px;
      letter-spacing: 1.71px;
      line-height: 14px;
      margin-bottom: 15px;
      text-transform: uppercase; }
    .card-list .card .heading {
      font-size: 32px;
      letter-spacing: 0;
      line-height: 40px;
      margin-bottom: 40px; }
      @media only screen and (max-width: 600px) {
        .card-list .card .heading {
          font-size: 24px;
          line-height: 34px;
          margin-bottom: 20px; } }
    .card-list .card .content {
      font-size: 16px;
      letter-spacing: 0;
      line-height: 24px; }
      @media only screen and (max-width: 600px) {
        .card-list .card .content {
          font-size: 14px;
          line-height: 32px; } }
      .card-list .card .content p {
        font-size: inherit;
        font-family: inherit;
        line-height: inherit; }
        .card-list .card .content p + p {
          margin-top: 60px; }
      .card-list .card .content a {
        cursor: pointer;
        color: #00A82D; }
    .card-list .card .buttons {
      align-items: center;
      display: flex;
      flex-wrap: wrap;
      margin-top: 40px;
      margin-left: -10px;
      margin-right: -10px; }
      @media only screen and (max-width: 600px) {
        .card-list .card .buttons {
          flex-wrap: nowrap;
          margin-top: 20px; } }
      .card-list .card .buttons .cta {
        margin: 0 10px; }
        @media only screen and (max-width: 600px) {
          .card-list .card .buttons .cta {
            flex: 1; } }
      .card-list .card .buttons .button {
        padding: 15px 60px;
        margin-right: 15px; }
        .card-list .card .buttons .button.green {
          color: #00a82d; }
          .card-list .card .buttons .button.green:hover {
            color: #14cc45; }
        .card-list .card .buttons .button .cta {
          display: inline-block; }
        .card-list .card .buttons .button.button-app-store {
          background-position: 50% 50%;
          background-repeat: no-repeat;
          background-size: contain;
          color: transparent;
          display: block;
          font-size: 0;
          overflow: hidden;
          position: relative;
          text-indent: -9999px;
          user-select: none; }
          @media only screen and (max-width: 600px) {
            .card-list .card .buttons .button.button-app-store {
              display: none; }
              .card-list .card .buttons .button.button-app-store.show {
                display: block; } }
          .card-list .card .buttons .button.button-app-store.apple {
            background-image: url("/img/icons/appstore.svg");
            height: 56px;
            width: 168px; }
            @media only screen and (max-width: 600px) {
              .card-list .card .buttons .button.button-app-store.apple {
                height: 42px;
                width: 121px; } }
          .card-list .card .buttons .button.button-app-store.google {
            background-image: url("/img/icons/playstore.svg");
            height: 56px;
            width: 186px; }
            @media only screen and (max-width: 600px) {
              .card-list .card .buttons .button.button-app-store.google {
                height: 40px;
                width: 136px; } }
      .card-list .card .buttons .super-button-text {
        font-size: 32px;
        letter-spacing: 0;
        line-height: 40px;
        margin-bottom: 30px;
        width: 100%; }
  .card-list .heading-content {
    margin-bottom: 200px;
    text-align: center; }
    .card-list .heading-content img + .heading {
      margin-top: 100px; }
    .card-list .heading-content .heading {
      font-family: "Soleil_Light", Helvetica, Arial, sans-serif;
      font-size: 48px;
      line-height: 64px; }
      .card-list .heading-content .heading:lang(ko) {
        font-family: "\B098\B214\ACE0\B515", "NanumGothic", "\B9D1\C740   \ACE0\B515", "Malgun Gothic", "\B3CB\C6C0", "DotumChe", "Dotum", sans-serif; }
      .card-list .heading-content .heading:lang(ja), .card-list .heading-content .heading:lang(jp) {
        font-family: "\30D2\30E9\30AE\30CE\89D2\30B4   ProN W3", "Hiragino Kaku Gothic ProN", "\30E1\30A4\30EA\30AA", Meiryo, "MS P\30B4\30B7\30C3\30AF", "MS PGothic", sans-serif; }
      .card-list .heading-content .heading:lang(zh-cn), .card-list .heading-content .heading:lang(zh-tw) {
        font-family: "Hiragino Sans GB", "STHeiti", "Microsoft Yahei", sans-serif; }
      .card-list .heading-content .heading:lang(ru) {
        font-family: sans-serif;
        font-weight: lighter; }
      .card-list .heading-content .heading + .details {
        margin-top: 22px; }
      @media only screen and (max-width: 600px) {
        .card-list .heading-content .heading {
          font-size: 36px;
          line-height: 48px; }
          .card-list .heading-content .heading + .details {
            margin-top: 60px; } }
    .card-list .heading-content .details {
      font-size: 24px;
      line-height: 40px;
      margin: 0 auto;
      max-width: 800px;
      width: auto; }
      @media only screen and (max-width: 600px) {
        .card-list .heading-content .details {
          font-size: 18px;
          line-height: 32px; } }
  .card-list .footing-content {
    margin-top: 160px;
    text-align: center; }
  .card-list .list-cta-buttons {
    text-align: center;
    margin-top: 120px; }
    .card-list .list-cta-buttons .button {
      font-family: "Soleil_Bold", Helvetica, Arial, sans-serif;
      display: inline-block;
      text-transform: uppercase; }
      .card-list .list-cta-buttons .button.green {
        color: #00a82d; }
        .card-list .list-cta-buttons .button.green:hover {
          color: #14cc45; }
    .card-list .list-cta-buttons .button-primary {
      background-color: #00a82d;
      font-size: 16px;
      text-transform: uppercase; }
      .card-list .list-cta-buttons .button-primary:hover {
        background-color: #14cc45; }
    @media only screen and (max-width: 600px) {
      .card-list .list-cta-buttons {
        margin-top: 68px; }
        .card-list .list-cta-buttons .button-primary {
          width: 100%; } }
  @media only screen and (max-width: 600px) {
    .card-list.stacked-card-list .cards {
      padding: 0 20px; } }
  .card-list.stacked-card-list .card {
    float: none;
    margin-bottom: 160px;
    margin-right: 0;
    max-width: 100%;
    width: 100%; }
    .card-list.stacked-card-list .card:last-of-type {
      margin-bottom: 0; }
    .card-list.stacked-card-list .card::after {
      clear: both;
      content: '.';
      display: block;
      height: 0;
      visibility: hidden; }
    .card-list.stacked-card-list .card:nth-child(even) .image {
      float: right; }
      @media only screen and (max-width: 600px) {
        .card-list.stacked-card-list .card:nth-child(even) .image {
          float: none; } }
    .card-list.stacked-card-list .card:nth-child(even) .info {
      float: left; }
      @media only screen and (max-width: 600px) {
        .card-list.stacked-card-list .card:nth-child(even) .info {
          float: none; } }
    @media only screen and (max-width: 600px) {
      .card-list.stacked-card-list .card:nth-child(odd) .image,
      .card-list.stacked-card-list .card:nth-child(odd) .info {
        float: none; } }
    .card-list.stacked-card-list .card .image {
      float: left;
      width: calc(50% - 50px); }
      .card-list.stacked-card-list .card .image + .info {
        margin-top: 0; }
        @media only screen and (max-width: 600px) {
          .card-list.stacked-card-list .card .image + .info {
            margin-top: 60px; } }
      @media only screen and (max-width: 600px) {
        .card-list.stacked-card-list .card .image {
          float: none;
          width: 100%; } }
    .card-list.stacked-card-list .card .info {
      float: right;
      width: calc(50% - 50px); }
      @media only screen and (max-width: 600px) {
        .card-list.stacked-card-list .card .info {
          float: none;
          width: 100%; } }
  .card-list.image-left-odd .card:nth-child(odd) .image {
    float: right; }
  .card-list.image-left-odd .card:nth-child(odd) .info {
    float: left; }
  .card-list.image-left-odd .card:nth-child(even) .image {
    float: left; }
  .card-list.image-left-odd .card:nth-child(even) .info {
    float: right; }
  .card-list.card-row {
    overflow-x: hidden;
    padding: 160px 0 60px; }
    @media only screen and (max-width: 1100px) {
      .card-list.card-row {
        padding: 160px 40px 60px; } }
    @media only screen and (max-width: 600px) {
      .card-list.card-row {
        padding: 120px 0; } }
    .card-list.card-row .heading-content {
      margin-bottom: 100px; }
    .card-list.card-row .cards {
      margin-bottom: -100px; }
      .card-list.card-row .cards .card {
        margin-bottom: 100px;
        margin-right: 0;
        padding: 0 10px;
        text-align: center;
        width: calc(100% / 3); }
        @media only screen and (max-width: 600px) {
          .card-list.card-row .cards .card {
            width: 50%; } }
        .card-list.card-row .cards .card .heading {
          margin-bottom: 26px; }
        .card-list.card-row .cards .card .content {
          font-size: 18px;
          letter-spacing: 0;
          line-height: 32px;
          text-align: center; }
    .card-list.card-row.two .cards .card {
      text-align: center;
      width: 50%; }
      .card-list.card-row.two .cards .card .image {
        text-align: left; }
      .card-list.card-row.two .cards .card .info {
        padding-left: 28px;
        text-align: left; }
        .card-list.card-row.two .cards .card .info .heading {
          color: #24292f;
          font-size: 32px;
          letter-spacing: 0;
          line-height: 32px; }
        .card-list.card-row.two .cards .card .info .content {
          color: #24292f;
          font-size: 18px;
          letter-spacing: 0;
          line-height: 32px;
          text-align: left; }
    .card-list.card-row.three .cards {
      margin-left: -40px;
      margin-right: -40px; }
      @media only screen and (max-width: 1220px) {
        .card-list.card-row.three .cards {
          margin-left: 0;
          margin-right: 0; } }
      .card-list.card-row.three .cards .card {
        padding: 0 40px;
        text-align: center;
        width: 33.333%; }
        .card-list.card-row.three .cards .card:nth-child(3n+1) {
          clear: both; }
        @media only screen and (max-width: 600px) {
          .card-list.card-row.three .cards .card {
            max-width: none;
            padding: 0;
            width: 100%; }
            .card-list.card-row.three .cards .card:nth-child(even), .card-list.card-row.three .cards .card:nth-child(odd) {
              float: none; } }
        .card-list.card-row.three .cards .card .image + .info .heading {
          border-bottom: 2px solid rgba(0, 0, 0, 0.2);
          font-family: "Soleil_Bold", Helvetica, Arial, sans-serif;
          font-size: 20px;
          padding-bottom: 24px;
          text-transform: uppercase; }
        .card-list.card-row.three .cards .card .cta {
          margin: auto; }
        .card-list.card-row.three .cards .card .buttons {
          text-align: center; }
    .card-list.card-row.four .cards .card {
      padding: 0 30px;
      width: 25%; }
      @media only screen and (max-width: 600px) {
        .card-list.card-row.four .cards .card {
          float: none;
          padding: 0;
          max-width: none;
          width: 100%; } }
    .card-list.card-row.info-articles {
      padding: 160px 0 60px; }
      @media only screen and (max-width: 1100px) {
        .card-list.card-row.info-articles {
          padding: 160px 40px 60px; } }
      @media only screen and (max-width: 600px) {
        .card-list.card-row.info-articles {
          padding: 100px 0; } }
      .card-list.card-row.info-articles .heading-content .details {
        max-width: 1110px; }
      @media only screen and (max-width: 1100px) {
        .card-list.card-row.info-articles .cards {
          margin: 0 -20px; } }
      @media only screen and (max-width: 600px) {
        .card-list.card-row.info-articles .cards {
          margin: 0; } }
      @media only screen and (max-width: 1100px) {
        .card-list.card-row.info-articles .cards .card {
          padding: 0 20px; } }
      @media only screen and (max-width: 600px) {
        .card-list.card-row.info-articles .cards .card {
          float: none;
          padding: 0;
          margin-bottom: 60px;
          max-width: none;
          width: 100%; }
          .card-list.card-row.info-articles .cards .card:nth-child(odd), .card-list.card-row.info-articles .cards .card:nth-child(even) {
            float: none; }
          .card-list.card-row.info-articles .cards .card:last-of-type {
            margin-bottom: 0; } }
      .card-list.card-row.info-articles .cards .card .image + .info {
        display: flex;
        flex-direction: column;
        height: auto;
        margin-top: 36px;
        min-height: 230px; }
        @media only screen and (max-width: 600px) {
          .card-list.card-row.info-articles .cards .card .image + .info {
            display: block;
            min-height: 0; } }
        .card-list.card-row.info-articles .cards .card .image + .info .heading {
          border-bottom: 0;
          color: #24292f;
          font-family: "Soleil_Bold", Helvetica, Arial, sans-serif;
          font-size: 24px;
          letter-spacing: normal;
          line-height: 40px;
          padding-bottom: 0;
          text-align: left;
          text-transform: none; }
        .card-list.card-row.info-articles .cards .card .image + .info .content {
          font-size: 18px;
          letter-spacing: 0;
          line-height: 32px;
          text-align: left; }
        .card-list.card-row.info-articles .cards .card .image + .info .buttons {
          display: block;
          margin: auto 0 0;
          text-align: left; }
          @media only screen and (max-width: 600px) {
            .card-list.card-row.info-articles .cards .card .image + .info .buttons {
              margin-top: 20px; } }
          .card-list.card-row.info-articles .cards .card .image + .info .buttons .cta {
            display: inline-block;
            position: relative; }
            .card-list.card-row.info-articles .cards .card .image + .info .buttons .cta .button {
              font-family: "Soleil_Bold", Helvetica, Arial, sans-serif;
              font-size: 14px;
              letter-spacing: .8px;
              line-height: 40px;
              margin: 0;
              padding: 0;
              text-transform: uppercase; }
    .card-list.card-row.stories {
      margin: 0; }
      .card-list.card-row.stories .cards {
        display: flex;
        flex-wrap: wrap;
        margin: -80px -15px 0; }
        @media only screen and (max-width: 900px) {
          .card-list.card-row.stories .cards {
            margin: 0 -30px; } }
        @media only screen and (max-width: 600px) {
          .card-list.card-row.stories .cards {
            flex-direction: column;
            margin: 0; } }
        .card-list.card-row.stories .cards .card {
          background: #fcfcfc;
          border-radius: 5px;
          border: 1px solid #f2f2f2;
          box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
          display: block;
          flex: 1 1 50%;
          margin: 80px 15px 0;
          max-width: calc(50% - 30px);
          padding: 0;
          width: auto; }
          @media only screen and (max-width: 600px) {
            .card-list.card-row.stories .cards .card {
              flex: 1;
              max-width: none; } }
          .card-list.card-row.stories .cards .card.whole-card-clickable:hover {
            cursor: pointer;
            background: #FCFCFC;
            border: 1px solid #F2F2F2;
            box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1); }
            .card-list.card-row.stories .cards .card.whole-card-clickable:hover .heading {
              color: #00A82D; }
          .card-list.card-row.stories .cards .card .super-heading {
            color: #888b8d;
            margin: 0 0 10px; }
          .card-list.card-row.stories .cards .card .image img {
            max-height: none;
            height: auto;
            width: 100%; }
          .card-list.card-row.stories .cards .card .info {
            padding: 40px; }
            @media only screen and (max-width: 600px) {
              .card-list.card-row.stories .cards .card .info {
                padding: 28px; } }
            .card-list.card-row.stories .cards .card .info .heading {
              font-family: "Soleil_Light", Helvetica, Arial, sans-serif;
              line-height: 48px;
              margin: 0 0 10px; }
              .card-list.card-row.stories .cards .card .info .heading:lang(ko) {
                font-family: "\B098\B214\ACE0\B515", "NanumGothic", "\B9D1\C740   \ACE0\B515", "Malgun Gothic", "\B3CB\C6C0", "DotumChe", "Dotum", sans-serif; }
              .card-list.card-row.stories .cards .card .info .heading:lang(ja), .card-list.card-row.stories .cards .card .info .heading:lang(jp) {
                font-family: "\30D2\30E9\30AE\30CE\89D2\30B4   ProN W3", "Hiragino Kaku Gothic ProN", "\30E1\30A4\30EA\30AA", Meiryo, "MS P\30B4\30B7\30C3\30AF", "MS PGothic", sans-serif; }
              .card-list.card-row.stories .cards .card .info .heading:lang(zh-cn), .card-list.card-row.stories .cards .card .info .heading:lang(zh-tw) {
                font-family: "Hiragino Sans GB", "STHeiti", "Microsoft Yahei", sans-serif; }
              .card-list.card-row.stories .cards .card .info .heading:lang(ru) {
                font-family: sans-serif;
                font-weight: lighter; }
              @media only screen and (max-width: 600px) {
                .card-list.card-row.stories .cards .card .info .heading {
                  font-size: 24px;
                  line-height: 32px; } }
          .card-list.card-row.stories .cards .card .buttons {
            margin-top: 20px; }
            .card-list.card-row.stories .cards .card .buttons .super-button-text {
              color: #000;
              font-family: "Soleil_Bold", Helvetica, Arial, sans-serif;
              font-size: 32px;
              letter-spacing: 0;
              line-height: 40px; }
              @media only screen and (max-width: 600px) {
                .card-list.card-row.stories .cards .card .buttons .super-button-text {
                  font-size: 24px;
                  line-height: 32px; } }
            .card-list.card-row.stories .cards .card .buttons .cta {
              margin: 0; }
              .card-list.card-row.stories .cards .card .buttons .cta.image-cta {
                margin: 0 10px; }
            .card-list.card-row.stories .cards .card .buttons .button {
              cursor: pointer;
              margin: 0;
              padding: 0; }
      @media only screen and (max-width: 600px) {
        .card-list.card-row.stories.two .heading-content {
          margin-bottom: 30px; } }
      .card-list.card-row.stories.two .heading-content img + .heading {
        margin-top: 60px; }
        @media only screen and (max-width: 600px) {
          .card-list.card-row.stories.two .heading-content img + .heading {
            margin-top: 40px; }
            .card-list.card-row.stories.two .heading-content img + .heading + .details {
              margin-top: 40px; } }
      .card-list.card-row.stories.two .cards.clearfix {
        margin-bottom: 0; }
        .card-list.card-row.stories.two .cards.clearfix + .list-cta-buttons {
          margin-top: 100px; }
          @media only screen and (max-width: 600px) {
            .card-list.card-row.stories.two .cards.clearfix + .list-cta-buttons {
              margin-top: 60px;
              margin-bottom: 100px; } }
      @media only screen and (max-width: 600px) {
        .card-list.card-row.stories.two .cards .card {
          margin: 20px 0; } }
      .card-list.card-row.stories.two .cards .card.text-only .info {
        height: 100%; }
      .card-list.card-row.stories.two .cards .card .info {
        display: flex;
        flex-direction: column; }
        .card-list.card-row.stories.two .cards .card .info .content {
          margin-bottom: 40px; }
        .card-list.card-row.stories.two .cards .card .info .buttons {
          margin: auto 0 0; }
          @media only screen and (max-width: 600px) {
            .card-list.card-row.stories.two .cards .card .info .buttons {
              display: flex;
              flex-wrap: wrap; } }
          @media only screen and (max-width: 600px) {
            .card-list.card-row.stories.two .cards .card .info .buttons .cta.image-cta {
              flex: 0 1 auto;
              width: auto; } }
          .card-list.card-row.stories.two .cards .card .info .buttons .button {
            font-size: 32px;
            line-height: 48px; }
            @media only screen and (max-width: 600px) {
              .card-list.card-row.stories.two .cards .card .info .buttons .button {
                font-size: 24px;
                line-height: 32px; } }
            .card-list.card-row.stories.two .cards .card .info .buttons .button.green {
              font-size: 18px;
              line-height: 32px;
              font-weight: bold; }
            .card-list.card-row.stories.two .cards .card .info .buttons .button.button-primary {
              background-color: #00a82d;
              color: #fff;
              font-family: "Soleil_Bold", Helvetica, Arial, sans-serif;
              font-size: 16px;
              letter-spacing: .5px;
              line-height: 40px;
              margin: 0;
              min-width: 340px;
              padding: 8px 20px;
              text-transform: uppercase; }
              .card-list.card-row.stories.two .cards .card .info .buttons .button.button-primary:hover {
                background-color: #14cc45; }
              @media only screen and (max-width: 900px) {
                .card-list.card-row.stories.two .cards .card .info .buttons .button.button-primary {
                  line-height: 32px;
                  min-width: 0;
                  width: auto; } }
      .card-list.card-row.stories.two .cards .card .content p + p {
        margin-top: 1em; }
      .card-list.card-row.stories.three .cards {
        display: flex;
        flex-wrap: wrap; }
        @media only screen and (max-width: 600px) {
          .card-list.card-row.stories.three .cards {
            display: block; } }
        .card-list.card-row.stories.three .cards .card {
          display: flex;
          flex-direction: column;
          flex-basis: calc(100% / 3 - 30px);
          max-width: calc(100% / 3 - 30px);
          padding: 0;
          text-align: left; }
          @media only screen and (max-width: 600px) {
            .card-list.card-row.stories.three .cards .card {
              display: block;
              margin: 20px 0;
              max-width: none; } }
          .card-list.card-row.stories.three .cards .card .image {
            display: block;
            flex: 0 0 auto;
            height: 160px;
            overflow: hidden;
            position: relative;
            width: 100%; }
            .card-list.card-row.stories.three .cards .card .image img {
              left: 0;
              position: absolute;
              top: 0; }
            .card-list.card-row.stories.three .cards .card .image + .info .heading {
              font-family: "Soleil_Light", Helvetica, Arial, sans-serif;
              border-bottom: 0;
              font-size: 24px;
              line-height: 32px;
              margin-bottom: 0;
              padding-bottom: 0;
              text-align: left;
              text-transform: none; }
              .card-list.card-row.stories.three .cards .card .image + .info .heading:lang(ko) {
                font-family: "\B098\B214\ACE0\B515", "NanumGothic", "\B9D1\C740   \ACE0\B515", "Malgun Gothic", "\B3CB\C6C0", "DotumChe", "Dotum", sans-serif; }
              .card-list.card-row.stories.three .cards .card .image + .info .heading:lang(ja), .card-list.card-row.stories.three .cards .card .image + .info .heading:lang(jp) {
                font-family: "\30D2\30E9\30AE\30CE\89D2\30B4   ProN W3", "Hiragino Kaku Gothic ProN", "\30E1\30A4\30EA\30AA", Meiryo, "MS P\30B4\30B7\30C3\30AF", "MS PGothic", sans-serif; }
              .card-list.card-row.stories.three .cards .card .image + .info .heading:lang(zh-cn), .card-list.card-row.stories.three .cards .card .image + .info .heading:lang(zh-tw) {
                font-family: "Hiragino Sans GB", "STHeiti", "Microsoft Yahei", sans-serif; }
              .card-list.card-row.stories.three .cards .card .image + .info .heading:lang(ru) {
                font-family: sans-serif;
                font-weight: lighter; }
          .card-list.card-row.stories.three .cards .card .info {
            display: flex;
            flex-direction: column;
            flex: 1;
            margin-top: 0;
            padding: 40px; }
            @media only screen and (max-width: 600px) {
              .card-list.card-row.stories.three .cards .card .info {
                padding: 28px; } }
          .card-list.card-row.stories.three .cards .card .buttons {
            display: block;
            text-align: left;
            margin: auto 0 0;
            padding-top: 20px; }
            @media only screen and (max-width: 600px) {
              .card-list.card-row.stories.three .cards .card .buttons {
                margin-top: 20px;
                padding-top: 0; } }
            .card-list.card-row.stories.three .cards .card .buttons .cta {
              margin: 0; }
            .card-list.card-row.stories.three .cards .card .buttons .button {
              display: inline-block;
              font-size: 24px;
              margin-right: 0;
              padding: 0; }
  .card-list .mobile-only {
    display: none; }
    @media only screen and (max-width: 600px) {
      .card-list .mobile-only {
        display: inherit; } }
  @media only screen and (max-width: 600px) {
    .card-list .desktop-only {
      display: none; } }

.clearfix::after {
  clear: both;
  content: '.';
  display: block;
  height: 0;
  visibility: hidden; }

.video-image {
  background-color: #F7F7F7;
  padding: 100px 40px; }
  @media only screen and (max-width: 400px) {
    .video-image {
      padding: 0; } }
  .video-image .container {
    display: block;
    max-width: 1220px;
    margin: 0 auto;
    width: auto; }
  .video-image .media-container .media-video {
    background-color: #000;
    cursor: pointer;
    overflow: hidden;
    padding-top: 56.25%;
    position: relative; }
    @media only screen and (max-width: 400px) {
      .video-image .media-container .media-video {
        height: 560px; } }
    .video-image .media-container .media-video .play {
      display: block;
      left: 0;
      position: absolute;
      text-align: center;
      top: 50%;
      transform: translateY(-50%);
      z-index: 10;
      width: 100%; }
      .video-image .media-container .media-video .play .play-button {
        background-image: url("/img/icons/play-green.svg");
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: contain;
        display: inline-block;
        height: 101px;
        width: 101px; }
      .video-image .media-container .media-video .play .title {
        color: #fff;
        font-family: "Soleil_Bold", Helvetica, Arial, sans-serif;
        font-size: 16px;
        letter-spacing: 4px;
        line-height: 1em;
        margin: 20px 0 0;
        padding: 0;
        text-align: center;
        text-transform: uppercase; }
      .video-image .media-container .media-video .play .subtitle {
        font-family: "Soleil", Helvetica, Arial, sans-serif;
        color: #fff;
        font-size: 16px;
        letter-spacing: 1px;
        line-height: 1em;
        margin: 18px 0 0;
        padding: 0;
        text-align: center; }
        .video-image .media-container .media-video .play .subtitle:lang(ko) {
          font-family: "\B098\B214\ACE0\B515", "NanumGothic", "\B9D1\C740   \ACE0\B515", "Malgun Gothic", "\B3CB\C6C0", "DotumChe", "Dotum", sans-serif; }
        .video-image .media-container .media-video .play .subtitle:lang(ja), .video-image .media-container .media-video .play .subtitle:lang(jp) {
          font-family: "\30D2\30E9\30AE\30CE\89D2\30B4   ProN W3", "Hiragino Kaku Gothic ProN", "\30E1\30A4\30EA\30AA", Meiryo, "MS P\30B4\30B7\30C3\30AF", "MS PGothic", sans-serif; }
        .video-image .media-container .media-video .play .subtitle:lang(zh-cn), .video-image .media-container .media-video .play .subtitle:lang(zh-tw) {
          font-family: "Hiragino Sans GB", "STHeiti", "Microsoft Yahei", sans-serif; }
        .video-image .media-container .media-video .play .subtitle:lang(ru) {
          font-family: sans-serif;
          font-weight: lighter; }
    .video-image .media-container .media-video .thumbnail {
      display: block;
      left: 0;
      opacity: 0.5;
      position: absolute;
      top: 0;
      user-select: none;
      width: 100%;
      z-index: 1; }
      @media only screen and (max-width: 400px) {
        .video-image .media-container .media-video .thumbnail {
          left: 50%;
          height: 100%;
          width: auto;
          transform: translateX(-50%); } }
    .video-image .media-container .media-video iframe {
      height: 100%;
      left: 0;
      position: absolute;
      top: 0;
      width: 100%; }
  .video-image .media-container .media-image {
    display: block;
    position: relative;
    width: auto; }
    @media only screen and (max-width: 400px) {
      .video-image .media-container .media-image {
        height: 560px;
        overflow: hidden; } }
    .video-image .media-container .media-image img {
      display: block;
      height: auto;
      max-width: 100%;
      width: auto; }
      @media only screen and (max-width: 400px) {
        .video-image .media-container .media-image img {
          height: 100%;
          left: 50%;
          max-width: none;
          position: absolute;
          top: 0;
          transform: translateX(-50%);
          width: auto; } }
      .video-image .media-container .media-image img.mobile-only {
        display: none; }
        @media only screen and (max-width: 400px) {
          .video-image .media-container .media-image img.mobile-only {
            display: block; } }
      @media only screen and (max-width: 400px) {
        .video-image .media-container .media-image img.desktop-only {
          display: none; } }

.info-card-component.colored-background .card-list.card-row .cards .card .info .heading {
  font-family: "Soleil_Bold", Helvetica, Arial, sans-serif;
  font-size: 20px;
  letter-spacing: 1px;
  line-height: 32px;
  text-align: center;
  text-transform: uppercase; }

.info-card-component.colored-background .card-list.card-row .cards .card .info .content {
  font-family: "Soleil_Light", Helvetica, Arial, sans-serif;
  color: #192026;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 32px;
  margin-top: 16px;
  text-align: center; }
  .info-card-component.colored-background .card-list.card-row .cards .card .info .content:lang(ko) {
    font-family: "\B098\B214\ACE0\B515", "NanumGothic", "\B9D1\C740   \ACE0\B515", "Malgun Gothic", "\B3CB\C6C0", "DotumChe", "Dotum", sans-serif; }
  .info-card-component.colored-background .card-list.card-row .cards .card .info .content:lang(ja), .info-card-component.colored-background .card-list.card-row .cards .card .info .content:lang(jp) {
    font-family: "\30D2\30E9\30AE\30CE\89D2\30B4   ProN W3", "Hiragino Kaku Gothic ProN", "\30E1\30A4\30EA\30AA", Meiryo, "MS P\30B4\30B7\30C3\30AF", "MS PGothic", sans-serif; }
  .info-card-component.colored-background .card-list.card-row .cards .card .info .content:lang(zh-cn), .info-card-component.colored-background .card-list.card-row .cards .card .info .content:lang(zh-tw) {
    font-family: "Hiragino Sans GB", "STHeiti", "Microsoft Yahei", sans-serif; }
  .info-card-component.colored-background .card-list.card-row .cards .card .info .content:lang(ru) {
    font-family: sans-serif;
    font-weight: lighter; }

@media only screen and (max-width: 600px) {
  .info-card-component.colored-background.grey .card-list.card-row {
    padding: 160px 0; } }

@media only screen and (max-width: 600px) {
  .info-card-component.colored-background.grey .card-list.card-row .heading-content img + .heading {
    margin-top: 40px; } }

@media only screen and (max-width: 600px) {
  .info-card-component.colored-background.grey .card-list.card-row .cards .card.text-only {
    float: none;
    max-width: none;
    width: auto; } }

.info-card-component.colored-background.grey .card-list.card-row .cards .card.text-only .content {
  color: #888b8d;
  font-family: "Soleil_Light", Helvetica, Arial, sans-serif;
  font-size: 32px;
  line-height: 2; }
  @media only screen and (max-width: 1100px) {
    .info-card-component.colored-background.grey .card-list.card-row .cards .card.text-only .content {
      font-size: 27px;
      line-height: 48px;
      margin-top: 0; } }

@media only screen and (max-width: 600px) {
  .info-card-component.colored-background.grey .card-list.card-row .cards .card.text-only::after {
    background: url("/img/icons/plus-black.svg") 0 0 no-repeat;
    background-size: contain;
    color: #fff;
    content: '';
    display: block;
    height: 24px;
    margin: 74px auto;
    width: 24px;
    text-align: center; }
  .info-card-component.colored-background.grey .card-list.card-row .cards .card.text-only:last-of-type::after {
    display: none; } }

@media only screen and (max-width: 600px) {
  .info-card-component.colored-background.grey .card-list.card-row.stories {
    padding: 120px 0; } }

.info-card-component.colored-background.grey .card-list.card-row.stories .cards .card .info .heading {
  color: #000;
  font-family: "Soleil_Bold", Helvetica, Arial, sans-serif;
  font-size: 32px;
  letter-spacing: 0;
  line-height: 40px;
  margin: 0 0 40px;
  text-align: left;
  text-transform: none; }
  @media only screen and (max-width: 600px) {
    .info-card-component.colored-background.grey .card-list.card-row.stories .cards .card .info .heading {
      font-size: 24px;
      line-height: 32px; } }

.info-card-component.colored-background.grey .card-list.card-row.stories .cards .card .content {
  margin: 0 0 40px; }

.info-card-component.colored-background.grey .card-list.card-row.stories .cards .card.text-only .content {
  font-family: "Soleil_Light", Helvetica, Arial, sans-serif;
  font-size: 24px;
  color: #000;
  letter-spacing: 0;
  line-height: 40px;
  text-align: left; }
  .info-card-component.colored-background.grey .card-list.card-row.stories .cards .card.text-only .content:lang(ko) {
    font-family: "\B098\B214\ACE0\B515", "NanumGothic", "\B9D1\C740   \ACE0\B515", "Malgun Gothic", "\B3CB\C6C0", "DotumChe", "Dotum", sans-serif; }
  .info-card-component.colored-background.grey .card-list.card-row.stories .cards .card.text-only .content:lang(ja), .info-card-component.colored-background.grey .card-list.card-row.stories .cards .card.text-only .content:lang(jp) {
    font-family: "\30D2\30E9\30AE\30CE\89D2\30B4   ProN W3", "Hiragino Kaku Gothic ProN", "\30E1\30A4\30EA\30AA", Meiryo, "MS P\30B4\30B7\30C3\30AF", "MS PGothic", sans-serif; }
  .info-card-component.colored-background.grey .card-list.card-row.stories .cards .card.text-only .content:lang(zh-cn), .info-card-component.colored-background.grey .card-list.card-row.stories .cards .card.text-only .content:lang(zh-tw) {
    font-family: "Hiragino Sans GB", "STHeiti", "Microsoft Yahei", sans-serif; }
  .info-card-component.colored-background.grey .card-list.card-row.stories .cards .card.text-only .content:lang(ru) {
    font-family: sans-serif;
    font-weight: lighter; }
  @media only screen and (max-width: 600px) {
    .info-card-component.colored-background.grey .card-list.card-row.stories .cards .card.text-only .content {
      font-size: 16px;
      line-height: 32px; } }

@media only screen and (max-width: 600px) {
  .info-card-component.colored-background.grey .card-list.card-row.stories .cards .card.text-only::after {
    display: none; } }

@media only screen and (max-width: 600px) {
  .info-card-component.colored-background.grey .card-list.card-row.stories .footing-content {
    margin-top: 100px; } }

.info-card-component + .video-image {
  margin-top: -100px; }
  @media only screen and (max-width: 600px) {
    .info-card-component + .video-image {
      margin-top: -60px; } }

@media only screen and (max-width: 600px) {
  .info-card-component + .logo-carousel {
    margin-top: -106px; } }

.info-card-component + .info-card-component:not(.colored-background) .card-list.card-row.stories {
  padding-top: 0; }
  @media only screen and (max-width: 600px) {
    .info-card-component + .info-card-component:not(.colored-background) .card-list.card-row.stories {
      margin-top: -120px; } }

.sign-up {
  background-color: #00a82d;
  color: #fff;
  padding: 160px 40px; }
  @media only screen and (max-width: 600px) {
    .sign-up {
      padding: 120px 20px; } }
  .sign-up .container {
    align-items: center;
    display: flex;
    max-width: 1220px;
    margin: 0 auto;
    width: auto; }
    @media only screen and (max-width: 600px) {
      .sign-up .container {
        flex-direction: column; } }
    .sign-up .container .col {
      flex: 1; }
      .sign-up .container .col.text {
        margin-right: 200px;
        word-wrap: break-word; }
        @media only screen and (max-width: 1100px) {
          .sign-up .container .col.text {
            margin-right: 80px; } }
        @media only screen and (max-width: 900px) {
          .sign-up .container .col.text {
            margin-right: 40px; } }
        @media only screen and (max-width: 600px) {
          .sign-up .container .col.text {
            margin-right: 0; } }
      .sign-up .container .col.form {
        margin-left: auto;
        max-width: 360px; }
        @media only screen and (max-width: 900px) {
          .sign-up .container .col.form {
            max-width: none; } }
  .sign-up .title {
    font-family: "Soleil_Light", Helvetica, Arial, sans-serif;
    font-size: 44px;
    line-height: 56px;
    margin: 0;
    padding: 0; }
    .sign-up .title:lang(ko) {
      font-family: "\B098\B214\ACE0\B515", "NanumGothic", "\B9D1\C740   \ACE0\B515", "Malgun Gothic", "\B3CB\C6C0", "DotumChe", "Dotum", sans-serif; }
    .sign-up .title:lang(ja), .sign-up .title:lang(jp) {
      font-family: "\30D2\30E9\30AE\30CE\89D2\30B4   ProN W3", "Hiragino Kaku Gothic ProN", "\30E1\30A4\30EA\30AA", Meiryo, "MS P\30B4\30B7\30C3\30AF", "MS PGothic", sans-serif; }
    .sign-up .title:lang(zh-cn), .sign-up .title:lang(zh-tw) {
      font-family: "Hiragino Sans GB", "STHeiti", "Microsoft Yahei", sans-serif; }
    .sign-up .title:lang(ru) {
      font-family: sans-serif;
      font-weight: lighter; }
    @media only screen and (max-width: 600px) {
      .sign-up .title {
        font-size: 36px;
        line-height: 48px;
        text-align: center; } }
  .sign-up .description {
    font-size: 20px;
    line-height: 31px;
    margin: 40px 0 0;
    padding: 0;
    max-width: 440px; }
    @media only screen and (max-width: 600px) {
      .sign-up .description {
        text-align: center;
        margin: 40px 0; } }
  .sign-up .form-row.or {
    margin: 24px 0;
    text-align: center; }
  .sign-up .form-input {
    margin: 16px 0; }
    .sign-up .form-input:first-of-type {
      margin-top: 0; }
    .sign-up .form-input:last-of-type {
      margin-bottom: 0; }
  .sign-up .form-submit {
    margin-top: 32px; }
  .sign-up form input[type=email],
  .sign-up form input[type=password] {
    font-family: "Soleil", Helvetica, Arial, sans-serif;
    -webkit-appearance: none;
    appearance: none;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #eef2f3;
    color: #000;
    font-size: 18px;
    line-height: 1em;
    padding: 16px 20px;
    width: 100%; }
    .sign-up form input[type=email]:lang(ko),
    .sign-up form input[type=password]:lang(ko) {
      font-family: "\B098\B214\ACE0\B515", "NanumGothic", "\B9D1\C740   \ACE0\B515", "Malgun Gothic", "\B3CB\C6C0", "DotumChe", "Dotum", sans-serif; }
    .sign-up form input[type=email]:lang(ja), .sign-up form input[type=email]:lang(jp),
    .sign-up form input[type=password]:lang(ja),
    .sign-up form input[type=password]:lang(jp) {
      font-family: "\30D2\30E9\30AE\30CE\89D2\30B4   ProN W3", "Hiragino Kaku Gothic ProN", "\30E1\30A4\30EA\30AA", Meiryo, "MS P\30B4\30B7\30C3\30AF", "MS PGothic", sans-serif; }
    .sign-up form input[type=email]:lang(zh-cn), .sign-up form input[type=email]:lang(zh-tw),
    .sign-up form input[type=password]:lang(zh-cn),
    .sign-up form input[type=password]:lang(zh-tw) {
      font-family: "Hiragino Sans GB", "STHeiti", "Microsoft Yahei", sans-serif; }
    .sign-up form input[type=email]:lang(ru),
    .sign-up form input[type=password]:lang(ru) {
      font-family: sans-serif;
      font-weight: lighter; }
    .sign-up form input[type=email]::placeholder,
    .sign-up form input[type=password]::placeholder {
      color: #94999C;
      opacity: 1; }
    .sign-up form input[type=email].active-error,
    .sign-up form input[type=password].active-error {
      background-color: #eef2f3;
      border: 1px solid #ff415f;
      color: #ff415f; }
      .sign-up form input[type=email].active-error::placeholder,
      .sign-up form input[type=password].active-error::placeholder {
        color: #ff415f; }
  .sign-up .button-google {
    font-family: "Soleil", Helvetica, Arial, sans-serif;
    background: url("/img/home/google-logo.svg") no-repeat;
    background-position: left 20px center;
    background-color: #fff;
    background-size: 18px 18px;
    border-radius: 4px;
    border: 0;
    border-radius: 5px;
    color: #000;
    display: block;
    font-size: 18px;
    margin: 0;
    padding: 16px 40px 16px 60px;
    text-decoration: none; }
    .sign-up .button-google:lang(ko) {
      font-family: "\B098\B214\ACE0\B515", "NanumGothic", "\B9D1\C740   \ACE0\B515", "Malgun Gothic", "\B3CB\C6C0", "DotumChe", "Dotum", sans-serif; }
    .sign-up .button-google:lang(ja), .sign-up .button-google:lang(jp) {
      font-family: "\30D2\30E9\30AE\30CE\89D2\30B4   ProN W3", "Hiragino Kaku Gothic ProN", "\30E1\30A4\30EA\30AA", Meiryo, "MS P\30B4\30B7\30C3\30AF", "MS PGothic", sans-serif; }
    .sign-up .button-google:lang(zh-cn), .sign-up .button-google:lang(zh-tw) {
      font-family: "Hiragino Sans GB", "STHeiti", "Microsoft Yahei", sans-serif; }
    .sign-up .button-google:lang(ru) {
      font-family: sans-serif;
      font-weight: lighter; }
  .sign-up .button-primary {
    cursor: pointer; }
    .sign-up .button-primary.white {
      background-color: #fff;
      color: #00a82d;
      font-family: "Soleil_Bold", Helvetica, Arial, sans-serif;
      font-size: 16px;
      text-transform: uppercase;
      width: 100%; }
      .sign-up .button-primary.white:hover {
        background-color: #f7f7f7; }
  .sign-up input.button-primary {
    -webkit-appearance: none;
    appearance: none; }
  .sign-up .form-errors-container {
    margin-top: 16px;
    position: absolute; }
    @media only screen and (max-width: 600px) {
      .sign-up .form-errors-container {
        height: auto;
        position: relative; } }
  .sign-up .form-error {
    color: #fff; }
  .sign-up .legal a {
    font-weight: bold; }
    .sign-up .legal a:link, .sign-up .legal a:visited {
      color: #fff;
      text-decoration: none; }
    .sign-up .legal a:hover, .sign-up .legal a:focus {
      color: #fff;
      text-decoration: underline; }

.cc-required-free-trial.button-container {
  display: flex;
  flex-direction: column;
  align-items: center; }

.cc-required-free-trial input[type="submit"], .cc-required-free-trial input[type="button"] {
  cursor: pointer;
  font-size: 16px;
  -webkit-appearance: none;
  margin: 0;
  min-height: 54px;
  width: 360px;
  white-space: normal;
  line-height: 1.5;
  padding: 13px 20px 12px 20px; }
  .cc-required-free-trial input[type="submit"].cc-required-basic, .cc-required-free-trial input[type="button"].cc-required-basic {
    margin-top: 22px;
    background-color: white; }