/**
 * Foundation for Sites by ZURB
 * Version 6.5.3
 * foundation.zurb.com
 * Licensed under MIT Open Source
 */
@font-face {
  font-family: 'GTE-Bold';
  font-display: swap;
  src: url("../fonts/GTEestiProDisplay-Bold.woff?v=9c035fa1") format("woff"); }

@font-face {
  font-family: 'GTE-Light';
  font-display: swap;
  src: url("../fonts/GTEestiProDisplay-Light.woff?v=99a0d34c") format("woff"); }

@font-face {
  font-family: 'GTE-LightItalic';
  font-display: swap;
  src: url("../fonts/GTEestiProDisplay-LightItalic.woff?v=c2f0c308") format("woff"); }

@font-face {
  font-family: 'GTE-Medium';
  font-display: swap;
  src: url("../fonts/GTEestiProDisplay-Medium.woff?v=440657b2") format("woff"); }

@font-face {
  font-family: 'GTE-Regular';
  font-display: swap;
  src: url("../fonts/GTEestiProDisplay-Regular.woff?v=f25ca4df") format("woff"); }

@font-face {
  font-family: 'GTE-Thin';
  font-display: swap;
  src: url("../fonts/GTEestiProDisplay-Thin.woff?v=abaf48bd") format("woff"); }

@font-face {
  font-family: 'GTEProText-Regular';
  font-display: swap;
  src: url("../fonts/GTEestiProText-Regular.woff?v=004a7d71") format("woff"); }

@font-face {
  font-family: 'GTEProText-Bold';
  font-display: swap;
  src: url("../fonts/GTEestiProText-Bold.woff?v=423c81f5") format("woff"); }

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

.html2canvas-container {
  width: 3000px !important;
  height: 3000px !important; }

.bizcard-wrapper {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 500px; }

.bizcard-card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-bottom: 20px; }
  @media (max-width: 992px) {
    .bizcard-card {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; } }

.bizcard-front {
  position: relative;
  width: 422px;
  height: 254px;
  margin-right: 20px;
  border: 1px solid red; }
  @media (max-width: 992px) {
    .bizcard-front {
      margin-right: 0;
      margin-bottom: 20px; } }
  @media (max-width: 450px) {
    .bizcard-front {
      width: 304px;
      height: 185px; } }
  .bizcard-front .border {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 90%;
    height: 83.5%;
    border: 1px solid silver;
    z-index: 1; }

.bizcard-front-img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }

.bizcard-form {
  height: 100%;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 82px 40px 0;
  z-index: 3; }
  @media (max-width: 450px) {
    .bizcard-form {
      padding: 58px 30px 0; } }

.bizcard-name {
  width: 312px;
  color: #ffffff;
  font-family: 'GTE-Medium';
  font-size: 19.5px;
  margin-bottom: 6px;
  border: none;
  background-color: transparent;
  outline: none;
  margin-top: 0;
  padding: 0; }
  @media (max-width: 450px) {
    .bizcard-name {
      width: 220px;
      font-size: 14px;
      margin-bottom: 4px; } }
  .bizcard-name::-webkit-input-placeholder {
    color: #fff; }
  .bizcard-name::-moz-placeholder {
    color: #fff; }
  .bizcard-name:-ms-input-placeholder {
    color: #fff; }
  .bizcard-name::-ms-input-placeholder {
    color: #fff; }
  .bizcard-name::placeholder {
    color: #fff; }

.bizcard-email {
  width: 220px;
  color: #ffffff;
  font-family: 'GTE-Regular';
  font-size: 15px;
  margin-bottom: 3px;
  margin-top: 0;
  font-weight: 400;
  border: none;
  background-color: transparent;
  outline: none;
  padding: 0; }
  @media (max-width: 450px) {
    .bizcard-email {
      font-size: 11.6px;
      width: 170px;
      margin-bottom: 2px; } }
  .bizcard-email::-webkit-input-placeholder {
    color: #fff; }
  .bizcard-email::-moz-placeholder {
    color: #fff; }
  .bizcard-email:-ms-input-placeholder {
    color: #fff; }
  .bizcard-email::-ms-input-placeholder {
    color: #fff; }
  .bizcard-email::placeholder {
    color: #fff; }

.bizcard-phone {
  width: 220px;
  color: #ffffff;
  font-family: 'GTE-Regular';
  font-size: 15.5px;
  font-weight: 400;
  margin-top: 0;
  margin-bottom: auto;
  border: none;
  background-color: transparent;
  outline: none;
  padding: 0; }
  @media (max-width: 450px) {
    .bizcard-phone {
      font-size: 11.7px;
      width: 140px; } }
  .bizcard-phone::-webkit-input-placeholder {
    color: #fff; }
  .bizcard-phone::-moz-placeholder {
    color: #fff; }
  .bizcard-phone:-ms-input-placeholder {
    color: #fff; }
  .bizcard-phone::-ms-input-placeholder {
    color: #fff; }
  .bizcard-phone::placeholder {
    color: #fff; }

.bizcard-input:focus::-webkit-input-placeholder {
  color: transparent; }

.bizcard-input:focus::-moz-placeholder {
  color: transparent; }

.bizcard-input:focus:-ms-input-placeholder {
  color: transparent; }

.bizcard-input:focus::-ms-input-placeholder {
  color: transparent; }

.bizcard-input:focus::placeholder {
  color: transparent; }

.bizcard-code {
  width: 150px;
  color: #ffffff;
  font-family: 'GTE-Medium';
  font-size: 19.5px;
  margin-bottom: 36px;
  border: none;
  background-color: transparent;
  outline: none;
  padding: 0; }
  @media (max-width: 450px) {
    .bizcard-code {
      width: 100px;
      font-size: 14px;
      margin-bottom: 26px; } }
  .bizcard-code::-webkit-input-placeholder {
    color: #fff; }
  .bizcard-code::-moz-placeholder {
    color: #fff; }
  .bizcard-code:-ms-input-placeholder {
    color: #fff; }
  .bizcard-code::-ms-input-placeholder {
    color: #fff; }
  .bizcard-code::placeholder {
    color: #fff; }

.bizcard-behind {
  position: relative;
  display: block;
  width: 422px;
  height: 254px;
  background-color: #ffffff; }
  @media (max-width: 450px) {
    .bizcard-behind {
      width: 304px;
      height: 185px; } }
  .bizcard-behind .border {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 90%;
    height: 83.5%;
    border: 1px solid #000;
    z-index: 1; }

.bizcard-behind-wrap {
  border: 1px solid red; }

.bizcard-behind-img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0; }

.bizcard-qrcode {
  position: absolute;
  right: 41px;
  bottom: 44px;
  height: 50px;
  width: 50px; }
  @media (max-width: 450px) {
    .bizcard-qrcode {
      right: 25px;
      bottom: 29px;
      height: 40px;
      width: 40px; } }

.bizcard-qrcode canvas {
  width: 100%; }

.bizcard-download {
  position: relative;
  -webkit-align-self: flex-end;
      -ms-flex-item-align: end;
          align-self: flex-end;
  color: #fff;
  background-color: #005bff;
  min-height: 42px;
  border: 2px solid #005bff;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  min-height: 37px;
  line-height: 1.17;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 2px 15px;
  font-family: 'GTEProText-Regular';
  font-size: 18px;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  border: 1px solid transparent;
  -webkit-border-radius: 2px;
          border-radius: 2px;
  box-sizing: border-box; }
  .bizcard-download.bizcard-loading span {
    opacity: 0; }
  .bizcard-download.bizcard-loading::after {
    content: "";
    position: absolute;
    left: 45%;
    top: 20%;
    -webkit-border-radius: 50%;
            border-radius: 50%;
    height: 20px;
    width: 20px;
    border: 2px solid #fff;
    border-right-color: #005bff;
    -webkit-animation: 1s linear 0s normal none infinite running bizcardrot;
            animation: 1s linear 0s normal none infinite running bizcardrot;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }

@-webkit-keyframes bizcardrot {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes bizcardrot {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }