body {
  margin: 0;
  padding: 0; }

.sumome-share-client-wrapper.sumome-share-client-wrapper-left-page {
  display: none; }

[data-f-id="pbf"] {
  display: none; }

body {
  background: #fff;
  color: #222;
  cursor: auto;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  line-height: 1.5;
  margin: 0;
  padding: 0;
  position: relative; }

html, body {
  font-size: 100%; }

img {
  max-width: 100%; }

a {
  color: #0078a0;
  line-height: inherit;
  text-decoration: none; }

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

h1, h2, h3, h4, h5, h6 {
  color: #222222;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  line-height: 1.4;
  margin-bottom: 0.5rem;
  margin-top: 0.2rem;
  text-rendering: optimizeLegibility; }

h2 {
  font-size: 1.6875rem; }
  @media only screen and (min-width: 40.0625em) {
    h2 {
      font-size: 2.3125rem; } }
h1 {
  font-size: 2.125rem; }
  @media only screen and (min-width: 40.0625em) {
    h1 {
      font-size: 2.75rem; } }
.author-name-style {
  color: #FFC453 !important; }

.author-name-style:hover {
  color: #f3941e !important; }

.card-unorder-list {
  padding: 0;
  margin: 0; }

.card-box-half-image {
  height: 360px;
  width: 100%;
  overflow: hidden; }

.envelope-on-embed-show {
  background-color: #00A3E7;
  border: 1px solid #00A3E7 !important;
  color: #fff !important; }

.fb-on-embed-show {
  background-color: #3B5999;
  border: 1px solid #3B5999 !important;
  color: #fff !important; }

.twitter-on-embed-show {
  background-color: #55ACEE;
  border: 1px solid #55ACEE !important;
  color: #fff !important; }

.embed-on-embed-show {
  background-color: #FF9000;
  border: 1px solid #FF9000 !important;
  color: #fff !important; }

.pint-on-embed-show {
  background-color: #DD001E;
  border: 1px solid #DD001E !important;
  color: #fff !important; }

.card-list {
  display: inline;
  list-style-type: none;
  font-family: "ProximaNova-Regular";
  color: #41515D;
  font-size: 14px; }

.orange--color {
  color: #FF9000;
  border-right: 1px solid #41515D;
  padding-right: 7px; }

.article-social .code-bg, .article-social .envelope-bg, .article-social .pin-bg, .article-social .tw-bg, .article-social .fb-bg {
  height: 35px;
  width: 35px;
  border: 1px solid #C7C6C6;
  text-align: center;
  line-height: 35px;
  border-radius: 100%;
  transition: 0.5s;
  font-size: 15px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.3); }

.article-social .code-bg:hover, .article-social .envelope-bg:hover, .article-social .pin-bg:hover, .article-social .tw-bg:hover, .article-social .fb-bg:hover {
  color: #fff;
  opacity: 1;
  transition: 0.5s; }

.article-social__underlist {
  margin: 0;
  padding: 0; }

.article-social__list {
  display: inline-block;
  margin-right: 10px; }

.article-social .fb-bg:hover {
  background-color: #3B5999;
  border: 1px solid #3B5999; }

.article-social .tw-bg {
  font-size: 17px; }
  .article-social .tw-bg:hover {
    background-color: #55ACEE;
    border: 1px solid #55ACEE; }

.article-social .pin-bg:hover {
  background-color: #DD001E;
  border: 1px solid #DD001E; }

.article-social .envelope-bg {
  line-height: 33px; }
  .article-social .envelope-bg:hover {
    background-color: #00A3E7;
    border: 1px solid #00A3E7; }

.article-social .code-bg {
  font-size: 18px;
  line-height: 34px; }
  .article-social .code-bg:hover {
    background-color: #FF9000;
    border: 1px solid #FF9000; }

.article-social__link {
  color: #C7C6C6; }

/* The Modal (background) */
.modal {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Stay in place */
  z-index: 9999;
  /* Sit on top */
  padding-top: 100px;
  /* Location of the box */
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: rgba(0, 0, 0, 0.6);
  /* Black w/ opacity */ }

/* Modal Content */
.modal-content {
  margin: auto;
  padding: 0;
  width: 600px;
  position: absolute;
  left: 50%;
  top: 19%;
  transform: translate(-50%); }
  .modal-content .modal-header {
    position: relative;
    background-color: #00A3E7;
    height: 68px;
    line-height: 68px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px; }
    .modal-content .modal-header__tittle {
      margin: 0;
      font-size: 26px;
      color: #FFFFFF;
      font-family: "proxima_novasemibold";
      padding-left: 30px;
      line-height: 3; }
    .modal-content .modal-header .close {
      position: absolute;
      top: 0;
      right: 30px;
      cursor: pointer; }
  .modal-content .modal-content-code {
    background-color: #fff;
    padding: 30px 40px 40px 40px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px; }
    .modal-content .modal-content-code .modal-code {
      margin: 0;
      padding: 20px 30px;
      border: 1px solid rgba(151, 151, 151, 0.6);
      color: #373737;
      font-size: 15px;
      line-height: 26px; }
      .modal-content .modal-content-code .modal-code .embed-code {
        font-family: "ProximaNova-Regular";
        word-break: break-all;
        border: none;
        background-color: white; }
    .modal-content .modal-content-code .modal-customer-size {
      background-color: #EFF3F8;
      height: 66px;
      margin-top: 20px;
      line-height: 66px;
      padding: 0 40px; }
      .modal-content .modal-content-code .modal-customer-size .mob-customer {
        display: none; }
      .modal-content .modal-content-code .modal-customer-size .form-inline-1 {
        display: grid;
        grid-template-columns: 25% 26% 5% 26%; }
        .modal-content .modal-content-code .modal-customer-size .form-inline-1__customer {
          color: #959898;
          font-size: 15px;
          font-family: "ProximaNova-Regular"; }
        .modal-content .modal-content-code .modal-customer-size .form-inline-1__num1 {
          width: 100%;
          height: 32px;
          border: 1px solid rgba(151, 151, 151, 0.4);
          font-size: 15px;
          font-family: "ProximaNova-Regular";
          background-color: transparent;
          padding-left: 10px;
          padding-right: 10px;
          display: inline-block;
          color: #373737; }
        .modal-content .modal-content-code .modal-customer-size .form-inline-1__crose {
          color: #959898;
          font-size: 15px;
          font-family: "ProximaNova-Regular";
          padding: 0 5px;
          line-height: 68px; }
    .modal-content .modal-content-code .copy-code {
      margin-top: 40px;
      text-align: center; }
      .modal-content .modal-content-code .copy-code__button {
        width: 176px;
        height: 40px;
        border: 1px solid #FF9000;
        background-color: transparent;
        color: #FF9000;
        font-size: 15px;
        font-family: "ProximaNova-Regular";
        border-radius: 40px;
        outline: none;
        cursor: pointer;
        padding: unset; }

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer; }

.only_mobile {
  display: none; }

.only_desktop {
  display: block; }

.Illustration-sec {
  margin-top: 120px; }
  .Illustration-sec__container {
    width: 1120px;
    margin: 0 auto; }
  .Illustration-sec .Illustration-grid {
    display: grid;
    grid-template-columns: 820px 257px;
    grid-gap: 40px; }
    .Illustration-sec .Illustration-grid .Illustration-img {
      margin-top: 20px; }
      .Illustration-sec .Illustration-grid .Illustration-img__border {
        width: 100%;
        border: 1px solid rgba(184, 184, 184, 0.4); }
      .Illustration-sec .Illustration-grid .Illustration-img .Illustration-img-social {
        text-align: center;
        border-left: 1px solid rgba(184, 184, 184, 0.4);
        border-right: 1px solid rgba(184, 184, 184, 0.4);
        border-bottom: 1px solid rgba(184, 184, 184, 0.4);
        position: relative;
        top: -5px;
        padding: 10px 0; }
        .Illustration-sec .Illustration-grid .Illustration-img .Illustration-img-social .Illustration-unorder {
          margin: 0;
          padding: 27px 0;
          padding-bottom: 21px; }
        .Illustration-sec .Illustration-grid .Illustration-img .Illustration-img-social .social-list {
          cursor: pointer;
          display: inline-block;
          margin-right: 7px; }
        .Illustration-sec .Illustration-grid .Illustration-img .Illustration-img-social .fb--bg {
          background-color: #3B5997;
          padding: 5px 27.5px; }
        .Illustration-sec .Illustration-grid .Illustration-img .Illustration-img-social .tweet-bg {
          background-color: #4099FF;
          padding: 5px 22.5px; }
        .Illustration-sec .Illustration-grid .Illustration-img .Illustration-img-social .pinit--bg {
          background-color: #B8242C;
          padding: 5px 27.5px; }
        .Illustration-sec .Illustration-grid .Illustration-img .Illustration-img-social .embed--bg {
          background-color: #FF9000;
          padding: 5px 20.5px; }
        .Illustration-sec .Illustration-grid .Illustration-img .Illustration-img-social .share-link {
          color: #fff;
          font-size: 12px;
          font-family: "ProximaNova-Regular";
          text-decoration: none;
          display: inline-block; }
          .Illustration-sec .Illustration-grid .Illustration-img .Illustration-img-social .share-link .share-icon {
            position: relative;
            right: 4px;
            height: 12px;
            vertical-align: bottom;
            top: -4px; }
      .Illustration-sec .Illustration-grid .Illustration-img .fifty_top_cities {
        background-color: #F8F8F8;
        display: flex;
        flex-direction: column;
        height: fit-content;
        padding: 16px 20px 20px 20px;
        border-radius: 10px;
        margin-top: 30px; }
        .Illustration-sec .Illustration-grid .Illustration-img .fifty_top_cities .cities_heading {
          color: #a2b0bf;
          font-size: 18px;
          padding-bottom: 10px; }
        .Illustration-sec .Illustration-grid .Illustration-img .fifty_top_cities .cities_main {
          display: flex;
          flex-wrap: wrap;
          flex-direction: row;
          padding: 0 2px; }
          @media (max-width: 767px) {
            .Illustration-sec .Illustration-grid .Illustration-img .fifty_top_cities .cities_main {
              display: block;
              padding-bottom: 5px; } }
          .Illustration-sec .Illustration-grid .Illustration-img .fifty_top_cities .cities_main .each_city {
            font-family: 'ProximaNova-Regular';
            padding: 0 2px; }
            .Illustration-sec .Illustration-grid .Illustration-img .fifty_top_cities .cities_main .each_city a {
              color: #696969; }
              @media (max-width: 1060px) {
                .Illustration-sec .Illustration-grid .Illustration-img .fifty_top_cities .cities_main .each_city a {
                  line-height: 1.8; } }
            .Illustration-sec .Illustration-grid .Illustration-img .fifty_top_cities .cities_main .each_city img {
              display: none; }
              @media (max-width: 767px) {
                .Illustration-sec .Illustration-grid .Illustration-img .fifty_top_cities .cities_main .each_city img {
                  display: inline-block;
                  top: 2px;
                  position: relative; } }
    .Illustration-sec .Illustration-grid .Illustration-text .Illustration-tittle {
      font-size: 24px;
      color: #373737;
      margin: 0;
      font-family: "proxima_nova_rgbold";
      padding-bottom: 7px;
      padding-top: 13px; }
    .Illustration-sec .Illustration-grid .Illustration-text .Illustration-pera {
      font-size: 15px;
      color: #373737;
      font-family: "ProximaNova-Regular";
      white-space: pre-line;
      position: relative;
      margin-top: -11px;
      margin-top: 7px;
      margin-bottom: 2px; }
      .Illustration-sec .Illustration-grid .Illustration-text .Illustration-pera p {
        line-height: 26px;
        color: #373737;
        font-size: 15px;
        margin-bottom: 2px;
        margin-top: 0; }

.info-graphics {
  margin-top: 64px; }
  .info-graphics__container {
    width: 1120px;
    margin: 0 auto; }
    .info-graphics__container .info-graphics-grid {
      display: grid;
      grid-template-columns: 346px 346px 346px;
      grid-gap: 40px;
      margin-bottom: 30px; }
      .info-graphics__container .info-graphics-grid__card {
        margin-bottom: 20px; }
      .info-graphics__container .info-graphics-grid .card-box {
        text-decoration: none;
        display: block; }
        .info-graphics__container .info-graphics-grid .card-box .card-box-img {
          border-top-left-radius: 5px;
          border-top-right-radius: 5px;
          transition: 0.5s; }
        .info-graphics__container .info-graphics-grid .card-box .card-tittle {
          font-size: 22px;
          color: #373737;
          font-family: "proxima_novasemibold";
          transition: 0.5s;
          padding-top: 20px; }
      .info-graphics__container .info-graphics-grid .card-box:hover .card-box-img {
        filter: brightness(60%);
        transition: 0.5s; }
      .info-graphics__container .info-graphics-grid .card-box:hover .card-tittle {
        color: #FF9000;
        transition: 0.5s; }
    .info-graphics__container .load-more {
      text-align: center; }
      .info-graphics__container .load-more__btn {
        text-align: center;
        background-color: transparent;
        border: 1px solid #FF9000;
        width: 135px;
        height: 40px;
        line-height: 40px;
        border-radius: 40px;
        margin-bottom: 60px;
        font-size: 15px;
        color: #FF9000;
        font-family: "ProximaNova-Regular";
        outline: none;
        cursor: pointer;
        padding: 0; }

@media (min-width: 1024px) and (max-width: 1366px) {
  .card-box-half-image {
    height: 270px; }
  .only_mobile {
    display: block; }
  .Illustration-sec {
    margin-top: 80px; }
    .Illustration-sec__container {
      width: 82%;
      margin: 0 auto; }
    .Illustration-sec .Illustration-grid {
      display: grid;
      grid-template-columns: 60% 37%;
      grid-gap: 3%; }
      .Illustration-sec .Illustration-grid .Illustration-img {
        margin-top: 20px; }
        .Illustration-sec .Illustration-grid .Illustration-img__border {
          border: 1px solid rgba(184, 184, 184, 0.4); }
        .Illustration-sec .Illustration-grid .Illustration-img .Illustration-img-social {
          text-align: center;
          border-left: 1px solid rgba(184, 184, 184, 0.4);
          border-right: 1px solid rgba(184, 184, 184, 0.4);
          border-bottom: 1px solid rgba(184, 184, 184, 0.4);
          position: relative;
          top: 0; }
          .Illustration-sec .Illustration-grid .Illustration-img .Illustration-img-social .Illustration-unorder {
            margin: 0; }
          .Illustration-sec .Illustration-grid .Illustration-img .Illustration-img-social .social-list {
            display: inline-block;
            margin-right: 8px; }
          .Illustration-sec .Illustration-grid .Illustration-img .Illustration-img-social .fb--bg {
            background-color: #3B5997;
            padding: 4px 23px; }
          .Illustration-sec .Illustration-grid .Illustration-img .Illustration-img-social .tweet-bg {
            background-color: #4099FF;
            padding: 4px 23px; }
          .Illustration-sec .Illustration-grid .Illustration-img .Illustration-img-social .pinit--bg {
            background-color: #B8242C;
            padding: 4px 23px; }
          .Illustration-sec .Illustration-grid .Illustration-img .Illustration-img-social .embed--bg {
            background-color: #FF9000;
            padding: 4px 23px; }
          .Illustration-sec .Illustration-grid .Illustration-img .Illustration-img-social .share-link {
            color: #fff;
            font-size: 12px;
            font-family: "ProximaNova-Regular";
            text-decoration: none;
            display: inline-block; }
            .Illustration-sec .Illustration-grid .Illustration-img .Illustration-img-social .share-link .share-icon {
              position: relative;
              right: 4px;
              height: 12px;
              vertical-align: bottom;
              top: -4px; }
      .Illustration-sec .Illustration-grid .Illustration-text .Illustration-tittle {
        font-size: 24px;
        color: #373737;
        margin: 0;
        font-family: "proxima_novasemibold"; }
      .Illustration-sec .Illustration-grid .Illustration-text .Illustration-pera p {
        font-size: 15px;
        color: #373737;
        line-height: 26px;
        font-family: "ProximaNova-Regular";
        margin-bottom: 0; }
  .info-graphics {
    margin-top: 70px; }
    .info-graphics__container {
      width: 82%;
      margin: 0 auto; }
      .info-graphics__container .info-graphics-grid {
        display: grid;
        grid-template-columns: 32% 32% 32%;
        grid-gap: 3%; }
        .info-graphics__container .info-graphics-grid .card-box {
          text-decoration: none;
          margin-bottom: 0;
          display: block; }
          .info-graphics__container .info-graphics-grid .card-box .card-box-img {
            border-top-left-radius: 5px;
            border-top-right-radius: 5px;
            width: 100%; }
          .info-graphics__container .info-graphics-grid .card-box .card-tittle {
            font-size: 22px;
            color: #373737;
            font-family: "proxima_novasemibold";
            padding-top: 15px; }
      .info-graphics__container .load-more {
        text-align: center; }
        .info-graphics__container .load-more__btn {
          text-align: center;
          background-color: transparent;
          border: 1px solid #FF9000;
          width: 150px;
          height: 40px;
          line-height: 35px;
          border-radius: 40px;
          margin-bottom: 30px;
          font-size: 15px;
          color: #FF9000;
          font-family: "ProximaNova-Regular";
          outline: none;
          cursor: pointer; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .only_desktop {
    display: none; }
  .card-list {
    font-size: 13px; }
  .card-box-half-image {
    height: 270px; }
  .only_mobile {
    display: block; }
  .Illustration-sec {
    margin-top: 100px; }
    .Illustration-sec__container {
      width: 82%;
      margin: 0 auto; }
    .Illustration-sec .Illustration-grid {
      display: grid;
      grid-template-columns: 60% 37%;
      grid-gap: 3%; }
      .Illustration-sec .Illustration-grid .Illustration-img {
        margin-top: 20px; }
        .Illustration-sec .Illustration-grid .Illustration-img__border {
          border: 1px solid rgba(184, 184, 184, 0.4); }
        .Illustration-sec .Illustration-grid .Illustration-img .Illustration-img-social {
          text-align: center;
          border-left: 1px solid rgba(184, 184, 184, 0.4);
          border-right: 1px solid rgba(184, 184, 184, 0.4);
          border-bottom: 1px solid rgba(184, 184, 184, 0.4);
          position: relative;
          top: 0;
          padding: 0; }
          .Illustration-sec .Illustration-grid .Illustration-img .Illustration-img-social .Illustration-unorder {
            margin: 0; }
          .Illustration-sec .Illustration-grid .Illustration-img .Illustration-img-social .social-list {
            display: inline-block;
            margin-right: 6px; }
          .Illustration-sec .Illustration-grid .Illustration-img .Illustration-img-social .fb--bg {
            background-color: #3B5997;
            padding: 2px 14px; }
          .Illustration-sec .Illustration-grid .Illustration-img .Illustration-img-social .tweet-bg {
            background-color: #4099FF;
            padding: 2px 14px; }
          .Illustration-sec .Illustration-grid .Illustration-img .Illustration-img-social .pinit--bg {
            background-color: #B8242C;
            padding: 2px 14px; }
          .Illustration-sec .Illustration-grid .Illustration-img .Illustration-img-social .embed--bg {
            background-color: #FF9000;
            padding: 2px 14px; }
          .Illustration-sec .Illustration-grid .Illustration-img .Illustration-img-social .share-link {
            color: #fff;
            font-size: 12px;
            font-family: "ProximaNova-Regular";
            text-decoration: none;
            display: inline-block; }
            .Illustration-sec .Illustration-grid .Illustration-img .Illustration-img-social .share-link .share-icon {
              position: relative;
              right: 4px;
              height: 12px;
              vertical-align: bottom;
              top: -4px; }
      .Illustration-sec .Illustration-grid .Illustration-text .Illustration-tittle {
        font-size: 24px;
        color: #373737;
        margin: 0;
        font-family: "proxima_novasemibold"; }
      .Illustration-sec .Illustration-grid .Illustration-text .Illustration-pera p {
        font-size: 15px;
        color: #373737;
        line-height: 26px;
        font-family: "ProximaNova-Regular";
        margin-bottom: 0; }
  .info-graphics {
    margin-top: 70px; }
    .info-graphics__container {
      width: 80%;
      margin: 0 auto; }
      .info-graphics__container .info-graphics-grid {
        display: grid;
        grid-template-columns: 32% 32% 32%;
        grid-gap: 3%;
        margin-bottom: 20px; }
        .info-graphics__container .info-graphics-grid .card-box {
          text-decoration: none;
          margin-bottom: 0;
          display: block; }
          .info-graphics__container .info-graphics-grid .card-box .card-box-img {
            height: auto;
            border-top-left-radius: 5px;
            border-top-right-radius: 5px;
            width: 100%; }
          .info-graphics__container .info-graphics-grid .card-box .card-tittle {
            font-size: 16px;
            color: #373737;
            font-family: "proxima_novasemibold";
            padding-top: 15px; }
      .info-graphics__container .load-more {
        text-align: center; }
        .info-graphics__container .load-more__btn {
          text-align: center;
          background-color: transparent;
          border: 1px solid #FF9000;
          width: 150px;
          height: 40px;
          line-height: 35px;
          border-radius: 40px;
          margin-bottom: 30px;
          font-size: 15px;
          color: #FF9000;
          font-family: "ProximaNova-Regular";
          outline: none;
          cursor: pointer; } }

@media only screen and (min-width: 376px) and (max-width: 767px) {
  .card-box-half-image {
    height: 323px; }
  .footer {
    margin-top: 25px; }
  .info-graphics__container .load-more {
    margin-top: 5px; }
  .card-list {
    font-size: 13px; }
  .form-inline-1__num1::placeholder {
    color: #373737; }
  .sumome-stylebufferbottom-shim {
    height: 0 !important; }
  .sumome-share-client-wrapper {
    display: none; }
  .only_mobile {
    display: block; }
  .only_desktop {
    display: none; }
  .modal-content {
    width: 83%;
    top: 7.5%; }
    .modal-content .modal-header {
      height: 50px;
      line-height: 48px;
      border-top-right-radius: 2px;
      border-top-left-radius: 2px; }
      .modal-content .modal-header__tittle {
        font-size: 18px;
        padding-top: 12px;
        padding-left: 20px;
        line-height: 1.5; }
      .modal-content .modal-header .close {
        top: -1px;
        right: 21px; }
        .modal-content .modal-header .close .cross-icon {
          height: 13px;
          width: 13px; }
    .modal-content .modal-content-code {
      padding: 20px; }
      .modal-content .modal-content-code .modal-code {
        margin: 0;
        padding: 15px;
        border: 1px solid rgba(151, 151, 151, 0.6);
        color: #373737;
        font-size: 14px;
        line-height: 18px;
        font-family: "ProximaNova-Regular"; }
      .modal-content .modal-content-code .embed-code {
        font-size: 14px;
        line-height: 22px; }
      .modal-content .modal-content-code .modal-customer-size {
        height: auto;
        margin-top: 20px;
        line-height: 66px;
        padding: 0 20px; }
        .modal-content .modal-content-code .modal-customer-size .mob-customer {
          display: block;
          line-height: 0;
          padding-top: 15px;
          color: #959898;
          font-size: 14px;
          font-family: "ProximaNova-Regular"; }
        .modal-content .modal-content-code .modal-customer-size .form-inline-1 {
          grid-template-columns: 84px 8% 84px; }
          .modal-content .modal-content-code .modal-customer-size .form-inline-1__customer {
            display: none; }
          .modal-content .modal-content-code .modal-customer-size .form-inline-1__num1 {
            width: 75px; }
          .modal-content .modal-content-code .modal-customer-size .form-inline-1__crose {
            position: relative;
            top: 1px; }
      .modal-content .modal-content-code .copy-code {
        margin-top: 20px; }
        .modal-content .modal-content-code .copy-code__button {
          width: 115px;
          font-size: 14px;
          height: 35px;
          line-height: 0; }
  .Illustration-sec {
    margin-top: 85px; }
    .Illustration-sec__container {
      width: 90%; }
    .Illustration-sec .Illustration-grid {
      display: grid;
      grid-template-columns: 100%;
      grid-gap: 0;
      margin-top: 8px; }
      .Illustration-sec .Illustration-grid .Illustration-img {
        margin-top: 20px; }
        .Illustration-sec .Illustration-grid .Illustration-img__border {
          max-width: 100%; }
        .Illustration-sec .Illustration-grid .Illustration-img .Illustration-img-social {
          padding: 0; }
          .Illustration-sec .Illustration-grid .Illustration-img .Illustration-img-social .Illustration-unorder {
            padding: 20px 0 17px 0;
            margin: 0; }
          .Illustration-sec .Illustration-grid .Illustration-img .Illustration-img-social .social-list {
            display: inline-block;
            margin-right: 3px; }
          .Illustration-sec .Illustration-grid .Illustration-img .Illustration-img-social .fb--bg {
            padding: 5px 14px; }
          .Illustration-sec .Illustration-grid .Illustration-img .Illustration-img-social .tweet-bg {
            padding: 5px 12px; }
          .Illustration-sec .Illustration-grid .Illustration-img .Illustration-img-social .pinit--bg {
            padding: 5px 16px; }
          .Illustration-sec .Illustration-grid .Illustration-img .Illustration-img-social .embed--bg {
            padding: 5px 10px; }
          .Illustration-sec .Illustration-grid .Illustration-img .Illustration-img-social .share-link {
            font-size: 13px; }
            .Illustration-sec .Illustration-grid .Illustration-img .Illustration-img-social .share-link .share-icon {
              right: 3px;
              top: -5px; }
      .Illustration-sec .Illustration-grid .Illustration-text {
        margin-top: 10px;
        border-bottom: 1px solid rgba(184, 184, 184, 0.4); }
        .Illustration-sec .Illustration-grid .Illustration-text .Illustration-tittle {
          font-size: 40px;
          letter-spacing: -.05em;
          text-transform: none; }
        .Illustration-sec .Illustration-grid .Illustration-text .Illustration-pera p {
          color: #373737;
          font-size: 1.3rem;
          font-weight: 400;
          letter-spacing: 0px;
          line-height: 1.75;
          margin-bottom: 0; }
        .Illustration-sec .Illustration-grid .Illustration-text .Illustration-pera h2 {
          font-size: 2rem;
          letter-spacing: -.05em;
          text-transform: none;
          font-weight: 600; }
        .Illustration-sec .Illustration-grid .Illustration-text .Illustration-pera h3 {
          font-size: 1.7rem; }
        .Illustration-sec .Illustration-grid .Illustration-text .Illustration-pera h4 {
          font-size: 1.5rem; }
  .info-graphics {
    margin-top: 40px; }
    .info-graphics__container {
      width: 90%; }
      .info-graphics__container .info-graphics-grid {
        grid-template-columns: 100%;
        grid-gap: 0;
        margin-bottom: 0; }
        .info-graphics__container .info-graphics-grid__card {
          margin-bottom: 30px; }
        .info-graphics__container .info-graphics-grid .card-box {
          margin-bottom: 10px; }
          .info-graphics__container .info-graphics-grid .card-box__img {
            max-width: 100%; }
          .info-graphics__container .info-graphics-grid .card-box .card-tittle {
            padding-top: 12px;
            font-size: 24px; }
      .info-graphics__container .load-more__btn {
        margin-bottom: 15px;
        width: 105px;
        height: 30px;
        line-height: 30px;
        font-size: 13px; }
  .article-social {
    text-align: center;
    margin: 0 auto;
    width: 90%;
    padding-left: 15px; }
    .article-social__underlist {
      padding: 0; }
    .article-social__list {
      display: inline-block;
      margin-right: 13px; }
    .article-social .fb-bg {
      height: 43px;
      width: 43px;
      background-color: #3B5999;
      border: 1px solid #3B5999;
      text-align: center;
      line-height: 43px;
      color: #fff;
      font-size: 18px; }
    .article-social .tw-bg {
      height: 43px;
      width: 43px;
      background-color: #55ACEE;
      border: 1px solid #55ACEE;
      text-align: center;
      line-height: 43px;
      font-size: 20px;
      color: #fff; }
    .article-social .pin-bg {
      height: 43px;
      width: 43px;
      background-color: #DD001E;
      border: 1px solid #DD001E;
      text-align: center;
      line-height: 40px;
      color: #fff;
      font-size: 20px;
      font-weight: 600; }
    .article-social .envelope-bg {
      height: 43px;
      width: 43px;
      background-color: #00A3E7;
      border: 1px solid #00A3E7;
      text-align: center;
      line-height: 43px;
      color: #fff;
      font-size: 18px; }
    .article-social .code-bg {
      height: 43px;
      width: 43px;
      background-color: #FF9000;
      border: 1px solid #FF9000;
      text-align: center;
      line-height: 43px;
      color: #fff;
      font-size: 18px; } }

@media only screen and (max-width: 375px) {
  .card-box-half-image {
    height: 310px; }
  .card-list {
    font-size: 12px; }
  .form-inline-1__num1::placeholder {
    color: #373737; }
  .sumome-stylebufferbottom-shim {
    height: 0 !important; }
  .sumome-share-client-wrapper {
    display: none; }
  .only_mobile {
    display: block; }
  .only_desktop {
    display: none; }
  .modal-content {
    width: 85%;
    top: 9%; }
    .modal-content .modal-header {
      height: 48px;
      line-height: 48px; }
      .modal-content .modal-header__tittle {
        font-size: 17px;
        padding-top: 12px;
        line-height: 1.5; }
      .modal-content .modal-header .close .cross-icon {
        height: 14px;
        width: 14px; }
    .modal-content .modal-content-code {
      padding: 30px; }
      .modal-content .modal-content-code .modal-code {
        margin: 0;
        padding: 15px;
        border: 1px solid rgba(151, 151, 151, 0.6);
        color: #373737;
        font-size: 14px;
        line-height: 18px;
        font-family: "ProximaNova-Regular"; }
      .modal-content .modal-content-code .embed-code {
        font-size: 13px; }
      .modal-content .modal-content-code .modal-customer-size {
        height: auto;
        margin-top: 20px;
        line-height: 66px;
        padding: 0 20px; }
        .modal-content .modal-content-code .modal-customer-size .mob-customer {
          display: block;
          line-height: 0;
          padding-top: 15px;
          color: #959898;
          font-size: 14px;
          font-family: "ProximaNova-Regular"; }
        .modal-content .modal-content-code .modal-customer-size .form-inline-1 {
          grid-template-columns: 84px 8% 84px; }
          .modal-content .modal-content-code .modal-customer-size .form-inline-1__customer {
            display: none; }
          .modal-content .modal-content-code .modal-customer-size .form-inline-1__num1 {
            width: 75px; }
          .modal-content .modal-content-code .modal-customer-size .form-inline-1__crose {
            position: relative;
            top: 1px; }
      .modal-content .modal-content-code .copy-code {
        margin-top: 20px; }
        .modal-content .modal-content-code .copy-code__button {
          width: 115px;
          font-size: 14px;
          height: 35px;
          line-height: 0; }
  .Illustration-sec {
    margin-top: 60px; }
    .Illustration-sec__container {
      width: 90%; }
    .Illustration-sec .Illustration-grid {
      display: grid;
      grid-template-columns: 100%;
      grid-gap: 0; }
      .Illustration-sec .Illustration-grid .Illustration-img {
        margin-top: 20px; }
        .Illustration-sec .Illustration-grid .Illustration-img__border {
          max-width: 100%; }
        .Illustration-sec .Illustration-grid .Illustration-img .Illustration-img-social {
          padding: 0; }
          .Illustration-sec .Illustration-grid .Illustration-img .Illustration-img-social .Illustration-unorder {
            padding: 20px 0 17px 0;
            margin: 0; }
          .Illustration-sec .Illustration-grid .Illustration-img .Illustration-img-social .social-list {
            display: inline-block;
            margin-right: 3px; }
          .Illustration-sec .Illustration-grid .Illustration-img .Illustration-img-social .fb--bg {
            padding: 4px 12px; }
          .Illustration-sec .Illustration-grid .Illustration-img .Illustration-img-social .tweet-bg {
            padding: 4px 9px; }
          .Illustration-sec .Illustration-grid .Illustration-img .Illustration-img-social .pinit--bg {
            padding: 4px 12px; }
          .Illustration-sec .Illustration-grid .Illustration-img .Illustration-img-social .embed--bg {
            padding: 4px 7px; }
          .Illustration-sec .Illustration-grid .Illustration-img .Illustration-img-social .share-link {
            font-size: 12px; }
            .Illustration-sec .Illustration-grid .Illustration-img .Illustration-img-social .share-link .share-icon {
              right: 1px;
              top: -5px; }
      .Illustration-sec .Illustration-grid .Illustration-text {
        margin-top: 10px; }
        .Illustration-sec .Illustration-grid .Illustration-text .Illustration-tittle {
          font-size: 40px;
          letter-spacing: -.05em;
          text-transform: none; }
        .Illustration-sec .Illustration-grid .Illustration-text .Illustration-pera p {
          color: #636363;
          font-size: 1.3rem;
          font-weight: 400;
          letter-spacing: 0px;
          line-height: 1.75;
          margin-bottom: 0; }
        .Illustration-sec .Illustration-grid .Illustration-text .Illustration-pera h2 {
          font-size: 2rem;
          letter-spacing: -.05em;
          text-transform: none;
          font-weight: 600; }
        .Illustration-sec .Illustration-grid .Illustration-text .Illustration-pera h3 {
          font-size: 1.7rem; }
        .Illustration-sec .Illustration-grid .Illustration-text .Illustration-pera h4 {
          font-size: 1.5rem; }
  .info-graphics {
    margin-top: 30px; }
    .info-graphics__container {
      width: 90%; }
      .info-graphics__container .info-graphics-grid {
        grid-template-columns: 100%;
        grid-gap: 0;
        margin-bottom: 0; }
        .info-graphics__container .info-graphics-grid__card {
          margin-bottom: 30px; }
        .info-graphics__container .info-graphics-grid .card-box {
          margin-bottom: 10px; }
          .info-graphics__container .info-graphics-grid .card-box__img {
            max-width: 100%; }
          .info-graphics__container .info-graphics-grid .card-box .card-tittle {
            padding-top: 12px;
            font-size: 24px; }
      .info-graphics__container .load-more__btn {
        margin-bottom: 15px;
        width: 105px;
        height: 30px;
        line-height: 30px;
        font-size: 13px; }
  .article-social {
    text-align: center; }
    .article-social__underlist {
      margin: 0 0 0 -3px;
      padding: 0; }
    .article-social__list {
      display: inline-block;
      margin-right: 10px; }
    .article-social .fb-bg {
      height: 40px;
      width: 40px;
      background-color: #3B5999;
      border: 1px solid #3B5999;
      text-align: center;
      line-height: 40px;
      color: #fff;
      font-size: 18px; }
    .article-social .tw-bg {
      height: 40px;
      width: 40px;
      background-color: #55ACEE;
      border: 1px solid #55ACEE;
      text-align: center;
      line-height: 39px;
      font-size: 20px;
      color: #fff; }
    .article-social .pin-bg {
      height: 40px;
      width: 40px;
      background-color: #DD001E;
      border: 1px solid #DD001E;
      text-align: center;
      line-height: 39px;
      color: #fff;
      font-size: 20px; }
    .article-social .envelope-bg {
      height: 40px;
      width: 40px;
      background-color: #00A3E7;
      border: 1px solid #00A3E7;
      text-align: center;
      line-height: 40px;
      color: #fff;
      font-size: 18px; }
    .article-social .code-bg {
      height: 40px;
      width: 40px;
      background-color: #FF9000;
      border: 1px solid #FF9000;
      text-align: center;
      line-height: 40px;
      color: #fff;
      font-size: 18px; } }

@media (min-width: 321px) and (max-width: 360px) {
  .fb--bg {
    padding: 4px 11px !important; }
  .tweet-bg {
    padding: 4px 7px !important; }
  .pinit--bg {
    padding: 4px 11px !important; }
  .embed--bg {
    padding: 4px 7px !important; } }

@media only screen and (max-width: 320px) {
  .fb--bg {
    padding: 3px 9px !important; }
  .tweet-bg {
    padding: 3px 5px !important; }
  .pinit--bg {
    padding: 3px 7px !important; }
  .embed--bg {
    padding: 3px 4px !important; } }