@font-face {
  font-family: 'Roboto-Regular';
  src: url("/assets/fonts/roboto/Regular/Roboto-Regular.woff2") format("woff2"), url("/assets/fonts/roboto/Regular/Roboto-Regular.woff") format("woff"), url("/assets/fonts/roboto/Regular/Roboto-Regular.ttf") format("truetype"); }
@font-face {
  font-family: 'Roboto-Bold';
  src: url("/assets/fonts/roboto/Bold/Roboto-Bold.woff2") format("woff2"), url("/assets/fonts/roboto/Bold/Roboto-Bold.woff") format("woff"), url("/assets/fonts/roboto/Bold/Roboto-Bold.ttf") format("truetype"); }
@font-face {
  font-family: 'Roboto-Black';
  src: url("/assets/fonts/roboto/Black/Roboto-Black.woff2") format("woff2"), url("/assets/fonts/roboto/Black/Roboto-Black.woff") format("woff"), url("/assets/fonts/roboto/Black/Roboto-Black.ttf") format("truetype"); }
@font-face {
  font-family: 'Roboto-Light';
  src: url("/assets/fonts/roboto/Light/Roboto-Light.woff2") format("woff2"), url("/assets/fonts/roboto/Light/Roboto-Light.woff") format("woff"), url("/assets/fonts/roboto/Light/Roboto-Light.ttf") format("truetype"); }
@font-face {
  font-family: 'Roboto-Medium';
  src: url("/assets/fonts/roboto/Medium/Roboto-Medium.woff2") format("woff2"), url("/assets/fonts/roboto/Medium/Roboto-Medium.woff") format("woff"), url("/assets/fonts/roboto/Medium/Roboto-Medium.ttf") format("truetype"); }
@font-face {
  font-family: 'Roboto-Thin';
  src: url("/assets/fonts/roboto/Thin/Roboto-Thin.woff2") format("woff2"), url("/assets/fonts/roboto/Thin/Roboto-Thin.woff") format("woff"), url("/assets/fonts/roboto/Thin/Roboto-Thin.ttf") format("truetype"); }
@font-face {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  src: url("/assets/fonts/MaterialIcons-Regular.woff") format("woff"); }
@font-face {
  font-family: 'icomoon';
  font-weight: normal;
  font-style: normal;
  src: url("/assets/fonts/icomoon.woff") format("woff"); }
* {
  padding: 0;
  margin: 0;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }

body {
  font-size: 13px;
  background-color: #fff;
  color: #414141;
  overflow: auto;
  font-family: 'Roboto-Regular'; }

ul {
  list-style-type: none; }

a {
  text-decoration: none;
  color: inherit; }
  a img {
    vertical-align: middle; }

img {
  vertical-align: middle;
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
  user-select: none; }

h2, h3 {
  font-family: 'Roboto-Light'; }

h2 {
  font-size: 26px; }

h3 {
  font-size: 20px; }

.middle {
  width: 1080px;
  margin: 0 auto; }

.btn {
  color: #fff;
  letter-spacing: 2px;
  background-color: #1a5886;
  border-radius: 3px;
  transition: all .2s;
  height: 65px;
  line-height: 65px;
  font-size: 22px;
  margin-top: 20px;
  text-align: center;
  padding: 0 20px;
  display: inline-block;
  cursor: pointer; }
  .btn:hover {
    background-color: #257aba; }

header {
  height: 80px;
  line-height: 80px; }
  header img {
    height: 45px; }
  header ul.nav {
    float: right; }
    header ul.nav li {
      float: left;
      margin-left: 30px;
      color: rgba(0, 0, 0, 0.6);
      font-size: 17px;
      font-family: 'Roboto-Medium'; }

main {
  min-height: calc(100vh - 130px); }
  main .main-banner {
    height: 370px;
    background-size: cover;
    background-position: center; }
  main .banks {
    text-align: center; }
    main .banks .title {
      font-family: 'Roboto-Medium';
      font-size: 27px;
      padding-top: 100px;
      padding-bottom: 40px; }
    main .banks img {
      width: 100%; }
  main .cards ul {
    overflow: hidden; }
    main .cards ul li {
      float: left;
      width: 22%;
      margin-top: 40px; }
      main .cards ul li:not(:nth-child(4n + 1)) {
        margin-left: 4%; }
      main .cards ul li img {
        width: 100%; }
  main.main .main-banner {
    background-image: url("/assets/img/main/banner.jpg"); }
  main.main .text {
    overflow: hidden; }
    main.main .text > div:first-child {
      float: left;
      width: 60%; }
      main.main .text > div:first-child h2 {
        margin-top: 30px; }
      main.main .text > div:first-child p {
        padding-top: 20px;
        font-size: 15px;
        line-height: 22px; }
    main.main .text > div:last-child {
      float: left;
      width: 40%;
      box-sizing: border-box;
      padding-left: 120px;
      padding-top: 120px; }
      main.main .text > div:last-child ul {
        list-style-type: disc; }
        main.main .text > div:last-child ul li h3 {
          padding-bottom: 10px;
          color: #333;
          font-weight: 500;
          line-height: 1em;
          font-size: 20px; }
  main.main .steps {
    text-align: center;
    padding: 120px 0; }
    main.main .steps img {
      width: 100%; }
  main.contact .main-banner {
    background-image: url("/assets/img/contact/banner.jpg"); }
  main.contact .content {
    overflow: hidden; }
    main.contact .content .contact-form {
      float: left;
      width: 55%; }
      main.contact .content .contact-form .title {
        font-family: 'Roboto-Light';
        height: 80px;
        line-height: 80px;
        font-size: 26px; }
      main.contact .content .contact-form form input, main.contact .content .contact-form form textarea {
        color: #999;
        background-color: #eee;
        border: 0;
        outline: 0;
        box-sizing: border-box;
        padding: 15px; }
      main.contact .content .contact-form form input {
        width: calc(50% - 10px);
        height: 50px;
        float: left;
        margin-bottom: 20px; }
        main.contact .content .contact-form form input:nth-child(2) {
          margin-left: 20px; }
      main.contact .content .contact-form form textarea {
        resize: none;
        width: 100%;
        height: 150px; }
      main.contact .content .contact-form form .btn {
        float: right; }
    main.contact .content .livechat {
      float: left;
      width: 45%;
      text-align: center;
      padding-top: 80px; }
  main.aboutus .main-banner {
    background-image: url("/assets/img/aboutus/banner.jpg"); }
  main.aboutus .text {
    overflow: hidden; }
    main.aboutus .text h2 {
      margin-top: 30px; }
    main.aboutus .text h3 {
      margin-top: 30px;
      color: #333; }
    main.aboutus .text p {
      padding-top: 20px;
      font-size: 15px;
      line-height: 22px; }
  main.buy .main-banner {
    background-image: url("/assets/img/buy/banner.jpg"); }
  main.buy .text {
    overflow: hidden;
    text-align: center; }
    main.buy .text h2 {
      margin-top: 30px; }
    main.buy .text p {
      padding-top: 20px;
      font-size: 15px;
      line-height: 22px; }
    main.buy .text .btn {
      margin-top: 40px;
      margin-bottom: 30px; }
  main.buy .text2 h2 {
    margin-top: 50px; }
  main.buy .text2 p {
    padding-top: 30px;
    font-size: 15px;
    line-height: 22px; }

footer {
  height: 50px;
  line-height: 50px;
  margin-top: 80px;
  background-color: #1f1f1f;
  color: #fff;
  overflow: hidden; }
  footer .info {
    float: left;
    color: #666;
    font-family: 'Roboto-Bold';
    font-size: 14px; }
    footer .info a {
      transition: color 100ms ease-in;
      padding: 0 5px; }
      footer .info a:hover {
        color: #fff; }
  footer ul.socials {
    float: right; }
    footer ul.socials li {
      float: left;
      margin-left: 40px; }
      footer ul.socials li a {
        opacity: .3;
        transition: opacity .15s ease-in; }
        footer ul.socials li a:hover {
          opacity: 1; }

@media only screen and (max-width: 500px) {
  .middle {
    width: 100vw;
    box-sizing: border-box;
    padding: 0 4vw; }

  header img {
    height: 8vw; }
  header ul.nav li {
    margin-left: 2.5vw;
    font-family: 'Roboto-Bold'; }
    header ul.nav li:first-child {
      margin-left: 0; }
    header ul.nav li a {
      font-size: 3vw; }

  main .main-banner {
    height: 25vh; }
  main .cards ul li {
    width: calc(50% - 10px);
    text-align: center;
    margin-left: 0 !important;
    margin-top: 10px; }
    main .cards ul li:nth-child(even) {
      margin-left: 20px !important; }
    main .cards ul li img {
      width: 100%; }
  main .banks .title {
    padding-top: 80px; }
  main.main .main-banner {
    background-image: url("/assets/img/main/banner.jpg"); }
  main.main .text > div:first-child {
    float: initial;
    width: 100%;
    text-align: justify; }
  main.main .text > div:last-child {
    float: initial;
    width: 100%;
    box-sizing: border-box;
    padding: 20px 20px; }
  main.main .steps {
    padding: 60px 4vw; }
  main.contact .main-banner {
    background-image: url("/assets/img/contact/banner.jpg"); }
  main.contact .content {
    overflow: hidden; }
    main.contact .content .contact-form {
      float: initial;
      width: 100%; }
    main.contact .content .livechat {
      float: initial;
      width: 100%;
      margin-top: 40px; }
      main.contact .content .livechat img {
        width: 100%; }
  main.contact + footer {
    margin-top: 80px; } }

/*# sourceMappingURL=style.css.map */