@font-face {
  font-family: "proxima-regular";
  src: url("/marketing/fonts/non-us/proxima-nova-regular-01f107d99744c57b25f8079e066ceebc.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "proxima-bold";
  src: url("/marketing/fonts/non-us/proxima-nova-bold-47ef072c6005db54cb283f2bafe40594.woff") format("woff");
  font-weight: normal;
}
@font-face {
  font-family: "proxima-thin";
  src: url("/marketing/fonts/non-us/proxima-nova-thin-2d9a9775c4b20d84362e29d460b0a5ae.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "proxima-semibold";
  src: url("/marketing/fonts/non-us/proxima-nova-semibold-5bb52e784b6532e30e4dc91ca1710cbf.woff") format("woff");
  font-weight: normal;
}
.regular {
  font-family: "proxima-regular";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.bold {
  font-family: "proxima-bold";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.light,
.thin {
  font-family: "proxima-thin";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.semibold {
  font-family: "proxima-semibold";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.font-optimizing {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.skinny-letterspacing {
  letter-spacing: .025em;
}
.wide-letterspacing {
  letter-spacing: .1em;
}
.preserve3d {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.hideBackface {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}
.resetTransform {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  -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);
}
@-webkit-keyframes pulsate {
  0% {
    -webkit-transform: scale(0.1, 0.1);
    opacity: 0.0;
  }
  50% {
    opacity: 1.0;
  }
  100% {
    -webkit-transform: scale(1.2, 1.2);
    opacity: 0.0;
  }
}
@-moz-keyframes pulsate {
  0% {
    -webkit-transform: scale(0.1, 0.1);
    opacity: 0.0;
  }
  50% {
    opacity: 1.0;
  }
  100% {
    -webkit-transform: scale(1.2, 1.2);
    opacity: 0.0;
  }
}
@-o-keyframes pulsate {
  0% {
    -webkit-transform: scale(0.1, 0.1);
    opacity: 0.0;
  }
  50% {
    opacity: 1.0;
  }
  100% {
    -webkit-transform: scale(1.2, 1.2);
    opacity: 0.0;
  }
}
@keyframes pulsate {
  0% {
    -webkit-transform: scale(0.1, 0.1);
    opacity: 0.0;
  }
  50% {
    opacity: 1.0;
  }
  100% {
    -webkit-transform: scale(1.2, 1.2);
    opacity: 0.0;
  }
}
body {
  padding: 0px;
  margin: 0px;
  font-family: "proxima-regular";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-weight: normal;
}
* {
  font-weight: normal;
}
h1,
h2,
h3,
h4,
h5,
h6,
b,
label,
p {
  font-weight: normal;
}
p {
  line-height: 1.5em;
}
strong {
  font-weight: bold;
}
.dim-overlay {
  top: 0;
  left: 0;
  position: fixed;
  display: block;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: -1;
  opacity: 0;
  -webkit-transition: all 0.4s 0s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -moz-transition: all 0.4s 0s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -o-transition: all 0.4s 0s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -ms-transition: all 0.4s 0s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  transition: all 0.4s 0s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -moz-transition-duration: 0.4s;
  -moz-transition-property: all;
  -moz-transition-delay: 0s;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  -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);
}
.dim-overlay.on {
  z-index: 1000;
  opacity: .8;
}
.server-error {
  position: fixed;
  padding: 30px 5% 10px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 100%;
  height: auto;
  background: #434345;
  top: -300px;
  left: 0;
  z-index: 999999;
  font-size: 1em;
  text-align: center;
  -webkit-transition: all 0.5s 0s ease-out;
  -moz-transition: all 0.5s 0s ease-out;
  -o-transition: all 0.5s 0s ease-out;
  -ms-transition: all 0.5s 0s ease-out;
  transition: all 0.5s 0s ease-out;
  -moz-transition-duration: 0.5s;
  -moz-transition-property: all;
  -moz-transition-delay: 0s;
}
.server-error.in {
  top: 0;
}
.server-error .error-message {
  width: 100%;
  margin: 0px;
  position: relative;
  color: #fff;
  display: block;
  text-align: center;
}
.server-error .error-message:before {
  margin: auto;
  display: block;
  margin-bottom: 20px;
}
.server-error .btn {
  position: relative;
  margin-top: 0px;
  margin-bottom: 30px;
  font-size: 1em;
}
.error-message {
  width: 490px;
  position: relative;
  margin-top: -20px;
  top: -8px;
  font-weight: 700;
  color: #fff;
  text-align: left;
  display: none;
}
.error-message.error {
  display: inline-block;
}
.error-message:before {
  content: "!";
  text-align: center;
  position: relative;
  margin-top: -20px;
  top: -1px;
  padding: 5px;
  width: 30px;
  margin-right: 10px;
  height: 30px;
  background: tomato;
  color: #fff;
  display: inline-block;
  -webkit-border-top-right-radius: 50%;
  -webkit-border-bottom-right-radius: 50%;
  -webkit-border-bottom-left-radius: 50%;
  -webkit-border-top-left-radius: 50%;
  -moz-border-radius-topright: 50%;
  -moz-border-radius-bottomright: 50%;
  -moz-border-radius-bottomleft: 50%;
  -moz-border-radius-topleft: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border-top-left-radius: 50%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.cookie-message {
  position: fixed;
  bottom: 0;
  width: 100%;
  background: #434345;
  z-index: 100;
  text-align: left;
  padding: 15px 55px 15px 20px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  color: #fff;
  letter-spacing: .025em;
  -webkit-transition: all 0.5s 0s ease-in;
  -moz-transition: all 0.5s 0s ease-in;
  -o-transition: all 0.5s 0s ease-in;
  -ms-transition: all 0.5s 0s ease-in;
  transition: all 0.5s 0s ease-in;
  -moz-transition-duration: 0.5s;
  -moz-transition-property: all;
  -moz-transition-delay: 0s;
  opacity: .8;
}
.cookie-message a {
  color: #fff;
}
.cookie-message.hidden {
  bottom: -140px;
}
.cookie-message:after {
  position: absolute;
  display: inline-block;
  content: '×';
  width: 30px;
  height: 30px;
  font-size: 1.7em;
  text-align: center;
  padding: 0 0 0 2px;
  line-height: 1em;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  background: transparent;
  border: 2px solid #fff;
  -webkit-border-top-right-radius: 20px;
  -webkit-border-bottom-right-radius: 20px;
  -webkit-border-bottom-left-radius: 20px;
  -webkit-border-top-left-radius: 20px;
  -moz-border-radius-topright: 20px;
  -moz-border-radius-bottomright: 20px;
  -moz-border-radius-bottomleft: 20px;
  -moz-border-radius-topleft: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  border-top-left-radius: 20px;
  cursor: pointer;
  top: 50%;
  margin-top: -15px;
  right: 15px;
}
.cookie-message:hover:after {
  border-color: #fff;
}
.input-container {
  position: relative;
  height: 60px;
  width: 400px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  margin: auto;
}
.send-and-receive .input-container {
  background: url('https://assets.circle.com/marketing/images/blurred-input-send-and-receive-2a8b412b4481682070898ff496fd21c5.png');
  background-size: 100% 60px;
}
.get-now .input-container {
  background: url('https://assets.circle.com/marketing/images/blurred-input-get-now-621b20c6edb58cf6609539bd21754177.png');
  background-size: 100% 60px;
}
.input-container.join {
  background: url('https://assets.circle.com/marketing/images/blurred-input-join-9c01a0bccd6f98b6dc57e7094d895a2a.png');
  background-size: 100% 60px;
  margin-bottom: 169px;
  width: 425px;
}
.input-container input {
  position: absolute;
  left: 0px;
  background: transparent;
  border: none;
  padding: 0px 50px 0px 20px;
  height: 100%;
  font-size: 24px;
  opacity: .5;
  color: #FFF;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  outline: none;
}
.input-container input::-webkit-input-placeholder {
  color: #ffffff;
}
.input-container input::-moz-placeholder {
  color: #ffffff;
}
.input-container input:-ms-input-placeholder {
  color: #ffffff;
}
.input-container input:focus {
  opacity: 1;
}
.input-container input:focus::-webkit-input-placeholder {
  color: transparent;
}
.input-container input:focus::-moz-placeholder {
  color: transparent;
}
.input-container input:focus:-ms-input-placeholder {
  color: transparent;
}
.input-container input[type='submit'] {
  top: 100%;
  opacity: 0;
}
.input-container button {
  padding: 0;
  margin: 0;
  border: none;
  background-color: transparent;
  width: 36px;
  height: 36px;
  position: absolute;
  right: 10px;
  top: 12px;
  cursor: pointer;
}
.input-container button svg {
  width: 36px;
  height: 36px;
  opacity: 0.5;
  fill: #FFF;
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transition: opacity 0.25s 0s linear;
  -moz-transition: opacity 0.25s 0s linear;
  -o-transition: opacity 0.25s 0s linear;
  -ms-transition: opacity 0.25s 0s linear;
  transition: opacity 0.25s 0s linear;
  -moz-transition-duration: 0.25s;
  -moz-transition-property: opacity;
  -moz-transition-delay: 0s;
}
.input-container button svg.enabled {
  opacity: 1;
}
.input-container svg.loading {
  -webkit-animation: pulsate 1s ease-out;
  -moz-animation: pulsate 1s ease-out;
  -o-animation: pulsate 1s ease-out;
  -ms-animation: pulsate 1s ease-out;
  animation: pulsate 1s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.input-container svg.loading #arrow {
  display: none;
}
.form-success-message {
  position: relative;
  height: 60px;
  width: 400px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  margin: auto;
  background-color: #f9f9f9;
  /* The Fallback */
  background-color: rgba(249, 249, 249, 0.25);
  display: none;
  font-size: 24px;
  color: #FFF;
  line-height: 60px;
}
.form-success-message.join {
  margin-bottom: 169px;
  width: 425px;
}
.form-error-message {
  font-size: 12px;
  color: white;
  text-align: center;
  display: none;
}
.btn-general {
  letter-spacing: .1em;
  font-family: "proxima-semibold";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  text-transform: uppercase;
  text-align: center;
  text-decoration: none;
  font-size: 14px;
}
.preload-images {
  display: none;
}
.header {
  position: fixed;
  height: 70px;
  top: 0;
  width: 100%;
  z-index: 10;
  padding: 20px 40px 0 40px;
  font-size: 0.875em;
  line-height: 50px;
  letter-spacing: .1em;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.header .logo {
  float: left;
  width: 145px;
  height: 50px;
}
.header .logo svg {
  fill: #fff;
}
.header .sign-up-button,
.header .sign-in-button {
  min-width: 108px;
  padding: 0 5px;
  height: 50px;
  float: right;
  color: #fff;
  -webkit-transition: color 0.25s 0s linear;
  -moz-transition: color 0.25s 0s linear;
  -o-transition: color 0.25s 0s linear;
  -ms-transition: color 0.25s 0s linear;
  transition: color 0.25s 0s linear;
  -moz-transition-property: color;
  -webkit-transition: background-color 0.25s 0s linear;
  -moz-transition: background-color 0.25s 0s linear;
  -o-transition: background-color 0.25s 0s linear;
  -ms-transition: background-color 0.25s 0s linear;
  transition: background-color 0.25s 0s linear;
  -moz-transition-duration: 0.25s;
  -moz-transition-property: background-color;
  -moz-transition-delay: 0s;
}
.header .sign-up-button:hover,
.header .sign-in-button:hover {
  background-color: #fff;
  color: #8668ad;
}
.header .sign-up-button span,
.header .sign-in-button span {
  vertical-align: middle;
}
.header .sign-up-button {
  background-color: #ffffff;
  /* The Fallback */
  background-color: rgba(255, 255, 255, 0.25);
}
.header .sign-in-button {
  line-height: 46px;
  margin-left: 10px;
  border: 2px solid #fff;
  border-color: #ffffff;
  /* The Fallback */
  border-color: rgba(255, 255, 255, 0.25);
}
.header .language-button {
  margin-left: 10px;
  width: 37.5px;
  height: 50px;
  float: right;
  text-align: right;
}
.header .language-button a {
  font-family: "proxima-semibold";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  text-transform: uppercase;
  color: #fff;
  opacity: 0.5;
  text-decoration: none;
  vertical-align: middle;
  -webkit-transition: opacity 0.25s 0s linear;
  -moz-transition: opacity 0.25s 0s linear;
  -o-transition: opacity 0.25s 0s linear;
  -ms-transition: opacity 0.25s 0s linear;
  transition: opacity 0.25s 0s linear;
  -moz-transition-duration: 0.25s;
  -moz-transition-property: opacity;
  -moz-transition-delay: 0s;
}
.header .language-button a:hover {
  opacity: 1;
}
.header .menu-button {
  float: right;
  display: none;
  cursor: pointer;
  width: 30px;
  height: 30px;
}
.header .menu-button svg {
  width: 30px;
  height: 30px;
  fill: #fff;
}
.language-menu {
  position: fixed;
  right: -201px;
  top: 0;
  width: 200px;
  height: 100%;
  background: #fff;
  color: #aaa;
  font-size: 14px;
  font-family: "proxima-semibold";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  letter-spacing: .1em;
  text-transform: uppercase;
  text-align: center;
  padding: 60px 0;
  z-index: 2000;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  -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);
  -webkit-transform-origin: 0 10%;
  -moz-transform-origin: 0 10%;
  -ms-transform-origin: 0 10%;
  transform-origin: 0 10%;
  transform: perspective(1000px) scale(1.3) rotateY(-80deg);
  -webkit-transform: perspective(1000px) scale(1.3) rotateY(-80deg);
  -moz-transform: perspective(1000px) scale(1.3) rotateY(-80deg);
  -ms-transform: perspective(1000px) scale(1.3) rotateY(-80deg);
  -webkit-transition: all 0.4s 0s ease-in;
  -moz-transition: all 0.4s 0s ease-in;
  -o-transition: all 0.4s 0s ease-in;
  -ms-transition: all 0.4s 0s ease-in;
  transition: all 0.4s 0s ease-in;
  -moz-transition-duration: 0.4s;
  -moz-transition-property: all;
  -moz-transition-delay: 0s;
}
.language-menu .close {
  font-family: "proxima-regular";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-size: 2em;
  line-height: 1em;
  position: absolute;
  right: 15px;
  top: 12px;
  color: #aaa;
  cursor: pointer;
}
.language-menu .close:hover {
  color: #434345;
}
.language-menu .language {
  margin: 10px auto;
  display: inline-block;
  cursor: pointer;
}
.language-menu .language:hover {
  color: #8668ad;
}
.language-menu .language.active {
  color: #8668ad;
}
.language-menu.in {
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
  -moz-transition-duration: 0.3s;
  -moz-transition-property: all;
  -moz-transition-delay: 0s;
  transform: perspective(1000px) scale(1) rotateY(0deg) translate3d(-201px, 0, 0);
  -webkit-transform: perspective(1000px) scale(1) rotateY(0deg) translate3d(-201px, 0, 0);
  -moz-transform: perspective(1000px) scale(1) rotateY(0deg) translate3d(-201px, 0, 0);
  -ms-transform: perspective(1000px) scale(1) rotateY(0deg) translate3d(-201px, 0, 0);
}
.sidr {
  background: #434345;
  position: fixed;
  top: 0;
  height: 100%;
  z-index: 999999;
  width: 260px;
  right: -260px;
  overflow-x: none;
  overflow-y: auto;
  text-align: left;
  -webkit-transition: all 0.4s 0s ease-in;
  -moz-transition: all 0.4s 0s ease-in;
  -o-transition: all 0.4s 0s ease-in;
  -ms-transition: all 0.4s 0s ease-in;
  transition: all 0.4s 0s ease-in;
  -moz-transition-duration: 0.4s;
  -moz-transition-property: all;
  -moz-transition-delay: 0s;
}
.sidr .sign-up-button,
.sidr .sign-in-button {
  display: block;
  margin-top: 20px;
  margin-bottom: 20px;
}
.sidr .sidr-inner {
  padding: 0 0 15px;
}
.sidr .sidr-inner > p {
  margin-left: 15px;
  margin-right: 15px;
}
.sidr ul {
  list-style-type: none;
}
.sidr ul .btn {
  position: relative;
  background-color: #64aadd;
  height: 41px;
  width: 130px;
  line-height: 41px;
  font-size: 11px;
  left: 0;
  top: 0;
  padding: 0 26px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  letter-spacing: .1em;
  border: none;
  -webkit-transition: all 0.1s 0s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -moz-transition: all 0.1s 0s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -o-transition: all 0.1s 0s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -ms-transition: all 0.1s 0s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  transition: all 0.1s 0s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -moz-transition-duration: 0.1s;
  -moz-transition-property: all;
  -moz-transition-delay: 0s;
}
.sidr ul .btn a {
  font-family: "proxima-bold";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  width: 100%;
  color: white;
  text-decoration: none;
}
.sidr ul .btn:hover {
  background-color: #695999;
}
.sidr ul .sign-in {
  margin-bottom: 40px;
}
.sidr ul li {
  margin-top: 15px;
  letter-spacing: .025em;
}
.sidr ul li.selected a {
  color: #ecedee;
}
.sidr ul li a {
  font-size: 14px;
  color: #9b9b9b;
  text-decoration: none;
  -webkit-transition: all 0.1s 0s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -moz-transition: all 0.1s 0s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -o-transition: all 0.1s 0s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -ms-transition: all 0.1s 0s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  transition: all 0.1s 0s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -moz-transition-duration: 0.1s;
  -moz-transition-property: all;
  -moz-transition-delay: 0s;
}
.sidr ul li a:hover {
  color: #ecedee;
}
.sidr ul li a.sign-up-button,
.sidr ul li a.sign-in-button {
  font-size: 14px;
  font-family: "proxima-bold";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  color: white;
  text-decoration: none;
}
.sidr ul a.menu-logo {
  text-align: center;
  padding-top: 20px;
}
.sidr ul a.menu-logo img {
  width: 50px;
}
.side-menu {
  z-index: 2000;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  -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);
  -webkit-transform-origin: 0 10%;
  -moz-transform-origin: 0 10%;
  -ms-transform-origin: 0 10%;
  transform-origin: 0 10%;
  -webkit-transform: perspective(1000px) scale(1.3) rotateY(-80deg);
  -moz-transform: perspective(1000px) scale(1.3) rotateY(-80deg);
  -ms-transform: perspective(1000px) scale(1.3) rotateY(-80deg);
  transform: perspective(1000px) scale(1.3) rotateY(-80deg);
}
.side-menu.in {
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
  -moz-transition-duration: 0.3s;
  -moz-transition-property: all;
  -moz-transition-delay: 0s;
  -webkit-transform: perspective(1000px) scale(1) rotateY(0deg) translate3d(-260px, 0, 0);
  -moz-transform: perspective(1000px) scale(1) rotateY(0deg) translate3d(-260px, 0, 0);
  -ms-transform: perspective(1000px) scale(1) rotateY(0deg) translate3d(-260px, 0, 0);
  transform: perspective(1000px) scale(1) rotateY(0deg) translate3d(-260px, 0, 0);
}
/* Mobile */
@media only screen and (max-width: 767px) {
  .header {
    padding: 20px 20px 0 20px;
    position: absolute;
  }
  .header .menu-button {
    display: block;
  }
  .header .language-button {
    margin: 0;
    width: auto;
    line-height: 30px;
  }
  .header .language-button a {
    display: inline-block;
    text-align: center;
    width: 50px;
    height: 30px;
  }
  .header .sign-in-button,
  .header .sign-up-button {
    display: none;
  }
  .header .logo {
    width: 88px;
    height: 30px;
  }
  .android-app-banner + .header {
    top: 84px;
  }
  .android-app-banner.hidden + .header {
    top: 0;
  }
}
footer {
  position: fixed;
  z-index: 20;
  width: 100%;
  height: 50px;
  background: #fff;
  bottom: 0;
  padding: 0 250px;
  color: #282828;
  line-height: 50px;
  text-align: center;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
footer span {
  vertical-align: middle;
}
footer a {
  color: #282828;
  text-decoration: none;
  opacity: 0.5;
}
footer a:hover {
  color: #000;
  opacity: 1;
}
footer:after {
  content: '';
  display: block;
  clear: both;
}
footer .copyright {
  position: absolute;
  top: 0;
  left: 40px;
  font-size: 12px;
  letter-spacing: 0.025px;
  opacity: 0.5;
  text-align: left;
}
footer .links {
  font-family: "proxima-semibold";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-size: 0.75em;
}
footer .links span {
  padding: 0 10px;
  opacity: 0.5;
}
footer .socialmedia {
  position: absolute;
  top: 0;
  right: 40px;
}
footer .socialmedia svg {
  width: 16px;
  height: 16px;
  fill: #282828;
  top: 2px;
  position: relative;
}
footer .socialmedia a {
  vertical-align: middle;
  display: inline-block;
}
footer .socialmedia a:nth-child(2) {
  padding: 0 10px;
}
@media only screen and (max-width: 1140px) {
  footer {
    height: 130px;
    line-height: initial;
    padding: 20px 5px;
  }
  footer .socialmedia,
  footer .copyright,
  footer .links {
    position: relative;
    left: 0;
    right: 0;
    display: block;
    width: 100%;
    text-align: center;
  }
  footer .socialmedia {
    padding: 20px 0;
  }
}
/* Mobile */
@media only screen and (max-width: 767px) {
  footer {
    position: relative;
    z-index: 0;
    margin-bottom: 50px;
    border-bottom: 1px solid #ecedee;
    height: initial;
  }
  footer .links {
    line-height: 2.5;
  }
  footer .socialmedia {
    padding: 25px 0 35px 0;
  }
}
body {
  margin: 0;
}
.bg-image-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #695999;
}
.bg-image-container .bg-image {
  z-index: 0;
  opacity: 0;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
}
.bg-image-container > .bg-image:first-child {
  background-image: url('https://assets.circle.com/marketing/images/home/backgrounds/section-1-2560-a70e7ad7ba5f72022d4c4fb555fec90c.jpg');
  opacity: 1;
}
@media only screen and (max-width: 1920px) {
  .bg-image-container > .bg-image:first-child {
    background-image: url('https://assets.circle.com/marketing/images/home/backgrounds/section-1-1920-f9ffa4380c524a9096982436aa7500cf.jpg');
  }
}
@media only screen and (max-width: 1600px) {
  .bg-image-container > .bg-image:first-child {
    background-image: url('https://assets.circle.com/marketing/images/home/backgrounds/section-1-1600-29562551c3e7fef8676b67017838098c.jpg');
  }
}
@media only screen and (max-width: 1280px) {
  .bg-image-container > .bg-image:first-child {
    background-image: url('https://assets.circle.com/marketing/images/home/backgrounds/section-1-1280-ff21ab36f21ee595f5f073e0c790f135.jpg');
  }
}
@media only screen and (max-width: 1024px) {
  .bg-image-container > .bg-image:first-child {
    background-image: url('https://assets.circle.com/marketing/images/home/backgrounds/section-1-1024-f720a2e85d00ecbe37c819f965ba2118.jpg');
  }
}
@media only screen and (max-width: 750px) {
  .bg-image-container > .bg-image:first-child {
    background-image: url('https://assets.circle.com/marketing/images/home/mobile/mobile-1-750-227d5b4985cf4783f72f54ac6be147fd.jpg');
  }
}
.bg-image-container > .bg-image:nth-child(2) {
  background-image: url('https://assets.circle.com/marketing/images/home/backgrounds/section-2-2560-3fccfcd75de5562c026db04a320efd60.jpg');
}
@media only screen and (max-width: 1920px) {
  .bg-image-container > .bg-image:nth-child(2) {
    background-image: url('https://assets.circle.com/marketing/images/home/backgrounds/section-2-1920-7d8caaf699c1f12b05748dda094f025d.jpg');
  }
}
@media only screen and (max-width: 1600px) {
  .bg-image-container > .bg-image:nth-child(2) {
    background-image: url('https://assets.circle.com/marketing/images/home/backgrounds/section-2-1600-ac190c9504a35e9a20b5819f17a7c8fe.jpg');
  }
}
@media only screen and (max-width: 1280px) {
  .bg-image-container > .bg-image:nth-child(2) {
    background-image: url('https://assets.circle.com/marketing/images/home/backgrounds/section-2-1280-661ecc7f603d96ed473acb9f8e1fca5d.jpg');
  }
}
@media only screen and (max-width: 1024px) {
  .bg-image-container > .bg-image:nth-child(2) {
    background-image: url('https://assets.circle.com/marketing/images/home/backgrounds/section-2-1024-98ed82d9b4fe38350f80d36b86228af9.jpg');
  }
}
@media only screen and (max-width: 750px) {
  .bg-image-container > .bg-image:nth-child(2) {
    background-image: url('https://assets.circle.com/marketing/images/home/mobile/mobile-2-750-ade7fb9448b21f5befa9956a90d18a2d.jpg');
  }
}
.bg-image-container > .bg-image:nth-child(3) {
  background-image: url('https://assets.circle.com/marketing/images/home/backgrounds/section-3-2560-f20cda6bd4098fbff429caef252b2a67.jpg');
}
@media only screen and (max-width: 1920px) {
  .bg-image-container > .bg-image:nth-child(3) {
    background-image: url('https://assets.circle.com/marketing/images/home/backgrounds/section-3-1920-4c0d606c3a29ed0c0ea9223742403c2f.jpg');
  }
}
@media only screen and (max-width: 1600px) {
  .bg-image-container > .bg-image:nth-child(3) {
    background-image: url('https://assets.circle.com/marketing/images/home/backgrounds/section-3-1600-57bc92b9d12caa0c0f6a21eb46e16f9e.jpg');
  }
}
@media only screen and (max-width: 1280px) {
  .bg-image-container > .bg-image:nth-child(3) {
    background-image: url('https://assets.circle.com/marketing/images/home/backgrounds/section-3-1280-96f5da99a6d215d371d1a9b429734618.jpg');
  }
}
@media only screen and (max-width: 1024px) {
  .bg-image-container > .bg-image:nth-child(3) {
    background-image: url('https://assets.circle.com/marketing/images/home/backgrounds/section-3-1024-22accd5e54a40db4130df4a97c08d6b5.jpg');
  }
}
@media only screen and (max-width: 750px) {
  .bg-image-container > .bg-image:nth-child(3) {
    background-image: url('https://assets.circle.com/marketing/images/home/mobile/mobile-3-750-8b2833c86547b3f0962dea75215e98ef.jpg');
  }
}
.bg-image-container > .bg-image:nth-child(4) {
  background-image: url('https://assets.circle.com/marketing/images/home/backgrounds/section-4-2560-e8a20fe3abc83daf5bdd1b63cf3ea93d.jpg');
}
@media only screen and (max-width: 1920px) {
  .bg-image-container > .bg-image:nth-child(4) {
    background-image: url('https://assets.circle.com/marketing/images/home/backgrounds/section-4-1920-8e5969a6ee69e8bb3663b710e18cc0f9.jpg');
  }
}
@media only screen and (max-width: 1600px) {
  .bg-image-container > .bg-image:nth-child(4) {
    background-image: url('https://assets.circle.com/marketing/images/home/backgrounds/section-4-1600-3d1ea8603c396ce691a457e9ddb2ab0a.jpg');
  }
}
@media only screen and (max-width: 1280px) {
  .bg-image-container > .bg-image:nth-child(4) {
    background-image: url('https://assets.circle.com/marketing/images/home/backgrounds/section-4-1280-53e6bef8a93de47c026ab0080a5b08f3.jpg');
  }
}
@media only screen and (max-width: 1024px) {
  .bg-image-container > .bg-image:nth-child(4) {
    background-image: url('https://assets.circle.com/marketing/images/home/backgrounds/section-4-1024-1eb0cae08e7b3289fc0f8a92dede89cc.jpg');
  }
}
@media only screen and (max-width: 750px) {
  .bg-image-container > .bg-image:nth-child(4) {
    background-image: url('https://assets.circle.com/marketing/images/home/mobile/mobile-4-750-c55de47a1d5d8fa9a923d16df6d038cc.jpg');
  }
}
.bg-image-container > .bg-image:nth-child(5) {
  background-image: url('https://assets.circle.com/marketing/images/home/backgrounds/section-5-2560-ff0845271a140bf36917afa767177caa.jpg');
}
@media only screen and (max-width: 1920px) {
  .bg-image-container > .bg-image:nth-child(5) {
    background-image: url('https://assets.circle.com/marketing/images/home/backgrounds/section-5-1920-2423fdaaca229ef1255329043722dc92.jpg');
  }
}
@media only screen and (max-width: 1600px) {
  .bg-image-container > .bg-image:nth-child(5) {
    background-image: url('https://assets.circle.com/marketing/images/home/backgrounds/section-5-1600-154b8d891132b1fd5670ba47f510dbfb.jpg');
  }
}
@media only screen and (max-width: 1280px) {
  .bg-image-container > .bg-image:nth-child(5) {
    background-image: url('https://assets.circle.com/marketing/images/home/backgrounds/section-5-1280-eefa9922cdfe1b6b6440f074c250218d.jpg');
  }
}
@media only screen and (max-width: 1024px) {
  .bg-image-container > .bg-image:nth-child(5) {
    background-image: url('https://assets.circle.com/marketing/images/home/backgrounds/section-5-1024-74f508be4c31921910dda7ef29c9c9f5.jpg');
  }
}
@media only screen and (max-width: 750px) {
  .bg-image-container > .bg-image:nth-child(5) {
    background-image: url('https://assets.circle.com/marketing/images/home/mobile/mobile-5-750-a3f7843964b4f9e9f7c2d15c91bd3baf.jpg');
  }
}
.bg-image-container > .bg-image:nth-child(6) {
  background-image: url('https://assets.circle.com/marketing/images/home/backgrounds/section-6-2560-4f216512d586ed9c3f02e562e2ff2805.jpg');
}
@media only screen and (max-width: 1920px) {
  .bg-image-container > .bg-image:nth-child(6) {
    background-image: url('https://assets.circle.com/marketing/images/home/backgrounds/section-6-1920-870b61c6bfe520da4e4a4cd1686e1103.jpg');
  }
}
@media only screen and (max-width: 1600px) {
  .bg-image-container > .bg-image:nth-child(6) {
    background-image: url('https://assets.circle.com/marketing/images/home/backgrounds/section-6-1600-cb2621a8f28492c845b24c1e6b913527.jpg');
  }
}
@media only screen and (max-width: 1280px) {
  .bg-image-container > .bg-image:nth-child(6) {
    background-image: url('https://assets.circle.com/marketing/images/home/backgrounds/section-6-1280-c7668d137ea5b61c326f825509ab532d.jpg');
  }
}
@media only screen and (max-width: 1024px) {
  .bg-image-container > .bg-image:nth-child(6) {
    background-image: url('https://assets.circle.com/marketing/images/home/backgrounds/section-6-1024-3376966be41646a74020569145093073.jpg');
  }
}
@media only screen and (max-width: 750px) {
  .bg-image-container > .bg-image:nth-child(6) {
    background-image: url('https://assets.circle.com/marketing/images/home/mobile/mobile-6-750-677a5d8c1b2a14e9ddcdce0bab7d85ff.jpg');
  }
}
.content {
  width: 100%;
}
.android-app-banner {
  z-index: 100;
  background-color: #fff;
  opacity: 0.9;
  color: #434345;
  position: relative;
  height: 84px;
  padding-left: 115px;
  padding-top: 25px;
  top: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.android-app-banner.hidden {
  display: none;
}
.android-app-banner .close {
  display: block;
  position: absolute;
  left: 0px;
  width: 29px;
  height: 29px;
  top: 50%;
  margin-top: -14.5px;
  background: url('https://assets.circle.com/marketing/images/icons/close-31bbec9043989cc07e47ee959450b17c.png') no-repeat;
  background-size: 9px 9px;
  background-position: center center;
  cursor: pointer;
}
.android-app-banner .app-icon {
  position: absolute;
  left: 30px;
  width: 64.5px;
  height: 64px;
  top: 50%;
  margin-top: -32px;
  background: url('https://assets.circle.com/marketing/images/icons/android-app-icon-9f60b42539f1ac53f3c0b64b4f36a0e8.png') no-repeat;
  background-size: 64.5px 64px;
}
.android-app-banner .app-name {
  font-size: 20px;
  letter-spacing: .025em;
}
.android-app-banner .app-device {
  font-size: 12px;
  letter-spacing: .025em;
  text-transform: uppercase;
  font-family: "proxima-semibold";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.android-app-banner .app-download {
  position: absolute;
  right: 10px;
  top: 50%;
  height: 32px;
  line-height: 32px;
  margin-top: -16px;
  display: inline-block;
  padding: 0 15px;
  font-size: 12px;
  color: #04b07d;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: .1em;
  font-family: "proxima-semibold";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  border: 1px solid #fff;
  border-color: #000000;
  /* The Fallback */
  border-color: rgba(0, 0, 0, 0.25);
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.join-button {
  display: inline-block;
  color: #fff;
  padding: 0 20px;
  height: 50px;
  line-height: 50px;
  margin-top: 35px;
  border: 2px solid #fff;
  border-color: #ffffff;
  /* The Fallback */
  border-color: rgba(255, 255, 255, 0.25);
  -webkit-transition: color 0.25s 0s linear;
  -moz-transition: color 0.25s 0s linear;
  -o-transition: color 0.25s 0s linear;
  -ms-transition: color 0.25s 0s linear;
  transition: color 0.25s 0s linear;
  -moz-transition-property: color;
  -webkit-transition: background-color 0.25s 0s linear;
  -moz-transition: background-color 0.25s 0s linear;
  -o-transition: background-color 0.25s 0s linear;
  -ms-transition: background-color 0.25s 0s linear;
  transition: background-color 0.25s 0s linear;
  -moz-transition-duration: 0.25s;
  -moz-transition-property: background-color;
  -moz-transition-delay: 0s;
}
.join-button:hover {
  background-color: #fff;
  color: #04b07d;
}
.dots {
  position: fixed;
  right: 30px;
  top: 0px;
  z-index: 10;
  top: calc(40% + 5px);
  cursor: pointer;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.dots .dot-hit {
  padding: 5px 10px 5px 10px;
}
.dots .dot-hit .dot {
  position: relative;
  width: 6px;
  height: 6px;
  background-color: #fff;
  opacity: 0.5;
  -webkit-border-top-right-radius: 120px;
  -webkit-border-bottom-right-radius: 120px;
  -webkit-border-bottom-left-radius: 120px;
  -webkit-border-top-left-radius: 120px;
  -moz-border-radius-topright: 120px;
  -moz-border-radius-bottomright: 120px;
  -moz-border-radius-bottomleft: 120px;
  -moz-border-radius-topleft: 120px;
  border-top-right-radius: 120px;
  border-bottom-right-radius: 120px;
  border-bottom-left-radius: 120px;
  border-top-left-radius: 120px;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
  -moz-transition-duration: 0.3s;
  -moz-transition-property: all;
  -moz-transition-delay: 0s;
}
.dots .dot-hit .dot:hover {
  opacity: 1;
}
.dots .dot-hit .dot.active {
  opacity: 1;
}
.background {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
.keyframe {
  height: 100vh;
  position: relative;
  width: 100%;
  color: #fff;
}
.keyframe .text {
  position: relative;
  margin-left: 50%;
  width: 400px;
  top: 50%;
  transform: translateY(-50%) translateZ(0);
  -webkit-transform: translateY(-50%) translateZ(0);
  -moz-transform: translateY(-50%) translateZ(0);
  -ms-transform: translateY(-50%) translateZ(0);
  padding-bottom: 100px;
  opacity: 1;
  -webkit-transition: opacity 0.8s 0s ease-in-out;
  -moz-transition: opacity 0.8s 0s ease-in-out;
  -o-transition: opacity 0.8s 0s ease-in-out;
  -ms-transition: opacity 0.8s 0s ease-in-out;
  transition: opacity 0.8s 0s ease-in-out;
  -moz-transition-duration: 0.8s;
  -moz-transition-property: opacity;
  -moz-transition-delay: 0s;
}
.keyframe .text.center {
  text-align: center;
}
.keyframe .text.no-phone {
  margin-left: 0;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
}
.keyframe .text hr {
  margin: auto;
  border: none;
  border-top: 2px solid #FFF;
  width: 60px;
  opacity: 0.5;
}
.keyframe .text .subline {
  opacity: 0.5;
  text-transform: uppercase;
  margin: 15px 0 15px 0;
  letter-spacing: .1em;
  font-family: "proxima-semibold";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.keyframe .text .getNow {
  font-size: 3em;
  letter-spacing: 0.01em;
  margin: 15px 0;
  text-transform: capitalize;
}
.keyframe .text .headline {
  font-size: 1.875em;
  line-height: 1.2em;
  letter-spacing: .025em;
  margin: auto;
  margin-bottom: 5px;
  text-transform: capitalize;
}
.keyframe .text .description {
  font-size: 1.5em;
  line-height: 1.25em;
  letter-spacing: .025em;
  opacity: 0.8;
}
.keyframe .text .description a {
  color: inherit;
  font-size: inherit;
}
.keyframe.out .text {
  opacity: .2;
}
.keyframe.send-and-receive .text .headline {
  margin-bottom: 23px;
}
.phone {
  position: fixed;
  top: calc(50% - 660px/2 - 50px);
  left: calc(-5% - 323px);
  z-index: 10;
  margin-left: 50%;
}
.phone .phone-case {
  background-image: url('https://assets.circle.com/marketing/images/home/phone-large-b29eb575607c604dd06abaf9b8bf28d3.png');
  background-size: 323px 660px;
  width: 323px;
  height: 660px;
}
.phone .screen {
  position: absolute;
  background-size: 281px 500px;
  width: 281px;
  height: 500px;
  top: 50%;
  left: 50%;
  border: 1px solid #dddddd;
  margin-left: -141.5px;
  margin-top: -251px;
  -webkit-transition: opacity 0.5s 0s cubic-bezier(0.665, 0, 0.43, 1);
  -moz-transition: opacity 0.5s 0s cubic-bezier(0.665, 0, 0.43, 1);
  -o-transition: opacity 0.5s 0s cubic-bezier(0.665, 0, 0.43, 1);
  -ms-transition: opacity 0.5s 0s cubic-bezier(0.665, 0, 0.43, 1);
  transition: opacity 0.5s 0s cubic-bezier(0.665, 0, 0.43, 1);
  -moz-transition-duration: 0.5s;
  -moz-transition-property: opacity;
  -moz-transition-delay: 0s;
}
.phone .screen.send-and-receive {
  opacity: 1;
  background-image: url('https://assets.circle.com/marketing/images/home/screenshots/large-01-account-457c16dcf825619e66e8a36681355f18.png');
}
.phone .screen.instant-and-free {
  opacity: 0;
  background-image: url('https://assets.circle.com/marketing/images/home/screenshots/large-02-request-082e72b744f75ebc65366803fa68eab5.png');
}
.phone .screen.easy-to-get-started {
  opacity: 0;
  background-image: url('https://assets.circle.com/marketing/images/home/screenshots/large-03-send-799d744a5c72542d403c819b3dfda6a2.png');
}
.phone .screen.safe-and-insured {
  opacity: 0;
  background-image: url('https://assets.circle.com/marketing/images/home/screenshots/large-04-activity-e566e577cc70609dd69e06d34ae6f66c.png');
}
.phone .screen.bitcoin-and-usdollar {
  opacity: 0;
  background-image: url('https://assets.circle.com/marketing/images/home/screenshots/large-05-usd-e2d37830c6594ca1de75881042a0b617.png');
}
/*
 * Tables in both orientations
 */
@media only screen and (min-width: 768px) and (max-width: 979px), only screen and (min-width: 960px) and (max-width: 1025px) and (max-height: 900px), only screen and (max-height: 850px), only screen and (max-width: 1140px) {
  .phone {
    top: calc(50% - 528px/2 - 50px);
    left: calc(-5% - 259px);
  }
  .phone .phone-case {
    background-image: url('https://assets.circle.com/marketing/images/home/phone-medium-7480761e45e439be731199d915a058ad.png');
    background-size: 259px 528px;
    width: 259px;
    height: 528px;
  }
  .phone .screen {
    background-size: 225px 400px;
    width: 225px;
    height: 400px;
    margin-left: -113.5px;
    margin-top: -201px;
  }
  .phone .screen.send-and-receive {
    background-image: url('https://assets.circle.com/marketing/images/home/screenshots/medium-01-account-195340d9195b91e369356580890433c5.png');
  }
  .phone .screen.instant-and-free {
    background-image: url('https://assets.circle.com/marketing/images/home/screenshots/medium-02-request-7b400d1ff11c819a6beb0d52037cc0c5.png');
  }
  .phone .screen.easy-to-get-started {
    background-image: url('https://assets.circle.com/marketing/images/home/screenshots/medium-03-send-db710cb44d8db3409e2858360eae3cda.png');
  }
  .phone .screen.safe-and-insured {
    background-image: url('https://assets.circle.com/marketing/images/home/screenshots/medium-04-activity-328e459a85ba6b28757d1a4c7ef8c9a1.png');
  }
  .phone .screen.bitcoin-and-usdollar {
    background-image: url('https://assets.circle.com/marketing/images/home/screenshots/medium-05-usd-c2cd888a48d746d073369490645135ca.png');
  }
}
@media only screen and (max-width: 965px) {
  .keyframe .text {
    margin-left: 42.5%;
    width: 380px;
  }
  .phone {
    margin-left: 45%;
  }
}
@media only screen and (max-height: 800px) and (max-width: 1140px), only screen and (max-height: 700px) {
  .keyframe .text {
    margin-left: 40%;
  }
  .phone {
    margin-left: 40%;
  }
  .phone {
    top: calc(50% - 307px/2 - 50px);
    left: calc(-5% - 149px);
  }
  .phone .phone-case {
    background-image: url('https://assets.circle.com/marketing/images/home/phone-small-c2176c0bf9191716ca1733ac509e722e.png');
    background-size: 149px 307px;
    width: 149px;
    height: 307px;
  }
  .phone .screen {
    background-size: 131px 233px;
    width: 131px;
    height: 233px;
    margin-left: -66.5px;
    margin-top: -117.5px;
  }
  .phone .screen.send-and-receive {
    background-image: url('https://assets.circle.com/marketing/images/home/screenshots/small-01-account-aa40d2eed67eb7797fb6cf403b52011f.png');
  }
  .phone .screen.instant-and-free {
    background-image: url('https://assets.circle.com/marketing/images/home/screenshots/small-02-request-97a6387412da1b5e295b3528d5c03732.png');
  }
  .phone .screen.easy-to-get-started {
    background-image: url('https://assets.circle.com/marketing/images/home/screenshots/small-03-send-48a6d3ce0e43bda5752f08eedaf19f08.png');
  }
  .phone .screen.safe-and-insured {
    background-image: url('https://assets.circle.com/marketing/images/home/screenshots/small-04-activity-e10f98b82d98f26d4907fe5b9023ce96.png');
  }
  .phone .screen.bitcoin-and-usdollar {
    background-image: url('https://assets.circle.com/marketing/images/home/screenshots/small-05-usd-027d8230c8650e26b52b2b658ffc1145.png');
  }
}
.app-stores {
  margin-top: 30px;
}
.app-stores a {
  position: relative;
  background-color: #fff;
  display: inline-block;
  min-width: 129px;
  height: 50px;
  -webkit-transition: opacity 0.25s 0s linear;
  -moz-transition: opacity 0.25s 0s linear;
  -o-transition: opacity 0.25s 0s linear;
  -ms-transition: opacity 0.25s 0s linear;
  transition: opacity 0.25s 0s linear;
  -moz-transition-duration: 0.25s;
  -moz-transition-property: opacity;
  -moz-transition-delay: 0s;
  text-decoration: none;
  font-size: 14px;
  text-align: left;
  color: #6981b8;
  padding: 9px 40px 10px 10px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
html:lang(es) .app-stores a {
  font-size: 12px;
}
html:lang(es) .app-stores a b {
  font-size: 14px;
}
.app-stores a b {
  font-family: "proxima-bold";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.app-stores a:hover {
  opacity: 0.75;
}
.app-stores .google-store:after,
.app-stores .apple-store:after {
  content: '';
  display: block;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -15px;
  background-size: 27px 31px;
  width: 27px;
  height: 31px;
}
.app-stores .google-store:after {
  background-image: url('https://assets.circle.com/marketing/images/home/android-2x-d72c6bbfa7c895e11e484c13d3eb3899.png');
}
.app-stores .apple-store {
  margin-left: 10px;
}
.app-stores .apple-store:after {
  background-image: url('https://assets.circle.com/marketing/images/home/apple-2x-c5f7f2fec61452955c9534f8d3b4bdf8.png');
}
.app-stores-alternative .google-store,
.app-stores-alternative .apple-store {
  display: inline-block;
  vertical-align: middle;
}
.app-stores-alternative .google-store svg {
  width: 131px;
  height: 45px;
}
.app-stores-alternative .apple-store {
  margin-right: 6px;
}
.app-stores-alternative .apple-store svg {
  width: 140px;
  height: 40px;
}
.get-the-app-button {
  display: none;
}
.how-it-works-link {
  display: none;
  font-family: "proxima-semibold";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  text-transform: uppercase;
  vertical-align: top;
  line-height: 90px;
  letter-spacing: .1em;
  font-size: 0.875em;
  padding: 25px;
  cursor: pointer;
  -webkit-transition: opacity 0.25s 0s linear;
  -moz-transition: opacity 0.25s 0s linear;
  -o-transition: opacity 0.25s 0s linear;
  -ms-transition: opacity 0.25s 0s linear;
  transition: opacity 0.25s 0s linear;
  -moz-transition-duration: 0.25s;
  -moz-transition-property: opacity;
  -moz-transition-delay: 0s;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}
.how-it-works-link:hover {
  opacity: 0.75;
}
.how-it-works-link .play-icon {
  display: inline-block;
  position: relative;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  -webkit-border-top-right-radius: 50px;
  -webkit-border-bottom-right-radius: 50px;
  -webkit-border-bottom-left-radius: 50px;
  -webkit-border-top-left-radius: 50px;
  -moz-border-radius-topright: 50px;
  -moz-border-radius-bottomright: 50px;
  -moz-border-radius-bottomleft: 50px;
  -moz-border-radius-topleft: 50px;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  border-bottom-left-radius: 50px;
  border-top-left-radius: 50px;
  background-color: #695998;
  /* The Fallback */
  background-color: rgba(105, 89, 152, 0.5);
}
.how-it-works-link .play-icon:before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -2.5px;
  margin-top: -6px;
  display: inline-block;
  width: 6.5px;
  height: 12px;
  background: url('https://assets.circle.com/marketing/images/icons/arrow2_right-223d59165178b52a0465863d77b71a3f.svg') no-repeat;
  background-size: 6.5px 12px;
}
.how-it-works-link .how-it-works-text {
  vertical-align: top;
  line-height: 69px;
}
a.how-it-works-link {
  text-decoration: none;
  color: #fff;
}
.previewbar {
  position: fixed;
  display: block;
  width: 100%;
  height: 50px;
  bottom: 50px;
  z-index: 10;
  text-align: center;
  font-size: 0.875em;
  text-transform: uppercase;
  line-height: 50px;
  color: #fff;
  text-decoration: none;
  font-family: "proxima-semibold";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  letter-spacing: .1em;
  -webkit-transition: background-color 0.25s 0s linear;
  -moz-transition: background-color 0.25s 0s linear;
  -o-transition: background-color 0.25s 0s linear;
  -ms-transition: background-color 0.25s 0s linear;
  transition: background-color 0.25s 0s linear;
  -moz-transition-duration: 0.25s;
  -moz-transition-property: background-color;
  -moz-transition-delay: 0s;
  background-color: #ffffff;
  /* The Fallback */
  background-color: rgba(255, 255, 255, 0.2);
}
.previewbar span {
  vertical-align: middle;
}
.previewbar svg {
  margin-left: 5px;
  display: inline-block;
  fill: #fff;
  width: 12.5px;
  height: 8.5px;
}
.previewbar:hover {
  background-color: #04b07d;
  color: #fff;
}
.previewbar:hover svg {
  fill: #fff;
}
.previewbar:hover .badge {
  background-color: #fff;
  color: #04b07d;
}
.badge {
  font-size: 0.6875em;
  background-color: #04b07d;
  padding: 6px;
  color: #fff;
  -webkit-transition: color 0.25s 0s linear;
  -moz-transition: color 0.25s 0s linear;
  -o-transition: color 0.25s 0s linear;
  -ms-transition: color 0.25s 0s linear;
  transition: color 0.25s 0s linear;
  -moz-transition-property: color;
  -webkit-transition: background-color 0.25s 0s linear;
  -moz-transition: background-color 0.25s 0s linear;
  -o-transition: background-color 0.25s 0s linear;
  -ms-transition: background-color 0.25s 0s linear;
  transition: background-color 0.25s 0s linear;
  -moz-transition-duration: 0.25s;
  -moz-transition-property: background-color;
  -moz-transition-delay: 0s;
  letter-spacing: .1em;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.badge + span {
  margin-left: 10px;
}
.screenshot {
  display: none;
}
.video-container {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(26, 26, 26, 0.9);
  z-index: -999;
  text-align: center;
  opacity: 0;
  left: 0;
  top: 0;
  -webkit-transition: opacity 0.8s 0s linear;
  -moz-transition: opacity 0.8s 0s linear;
  -o-transition: opacity 0.8s 0s linear;
  -ms-transition: opacity 0.8s 0s linear;
  transition: opacity 0.8s 0s linear;
  -moz-transition-duration: 0.8s;
  -moz-transition-property: opacity;
  -moz-transition-delay: 0s;
}
.video-container:after {
  content: '×';
  color: #fff;
  font-size: 44px;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 60px;
  height: 60px;
  padding: 20px;
}
.video-container.open {
  opacity: 1;
  z-index: 2000;
}
.video-container .video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  -moz-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
}
@media only screen and (max-width: 1140px) {
  .previewbar {
    bottom: 130px;
  }
}
/* Mobile */
@media only screen and (max-width: 767px) {
  .phone,
  .dots,
  .input-container,
  .app-stores,
  .app-stores-alternative {
    display: none;
  }
  .bg-image-container {
    display: none;
  }
  .background.send-and-receive {
    background-image: url('https://assets.circle.com/marketing/images/home/mobile/mobile-1-750-227d5b4985cf4783f72f54ac6be147fd.jpg');
  }
  .background.instant-and-free {
    background-image: url('https://assets.circle.com/marketing/images/home/mobile/mobile-2-750-ade7fb9448b21f5befa9956a90d18a2d.jpg');
  }
  .background.easy-to-get-started {
    background-image: url('https://assets.circle.com/marketing/images/home/mobile/mobile-3-750-8b2833c86547b3f0962dea75215e98ef.jpg');
  }
  .background.safe-and-insured {
    background-image: url('https://assets.circle.com/marketing/images/home/mobile/mobile-4-750-c55de47a1d5d8fa9a923d16df6d038cc.jpg');
  }
  .background.bitcoin-and-us {
    background-image: url('https://assets.circle.com/marketing/images/home/mobile/mobile-5-750-a3f7843964b4f9e9f7c2d15c91bd3baf.jpg');
  }
  .background.get-now {
    background-image: url('https://assets.circle.com/marketing/images/home/mobile/mobile-6-750-677a5d8c1b2a14e9ddcdce0bab7d85ff.jpg');
  }
  .get-the-app-button {
    display: inline-block;
    color: #718bc7;
    background-color: #fff;
    padding: 20px 50px;
  }
  .get-the-app-button:hover {
    opacity: 0.5;
  }
  .join-button {
    margin-top: 25px;
  }
  .join-button + .screenshot {
    margin-top: 50px;
  }
  .screenshot {
    display: block;
    margin: 0 auto;
    width: 162px;
    height: 331px;
    background-size: 162px 331px;
    margin-top: 30px;
  }
  .screenshot.send-and-receive-mobile {
    background-image: url('https://assets.circle.com/marketing/images/home/mobile/01-account-fe6c6442fe724a9c0714794101218e3e.png');
  }
  .screenshot.instant-and-free-mobile {
    background-image: url('https://assets.circle.com/marketing/images/home/mobile/02-request-168a6410ca6247a9080033d1b28d5916.png');
  }
  .screenshot.easy-to-get-started-mobile {
    background-image: url('https://assets.circle.com/marketing/images/home/mobile/03-send-summary-ada9bf503349902cdef1a684aee7caad.png');
  }
  .screenshot.safe-and-insured-mobile {
    background-image: url('https://assets.circle.com/marketing/images/home/mobile/04-activity-7c27e1aaf393fc1203cba88ecc903f41.png');
  }
  .screenshot.bitcoin-and-usdollar-mobile {
    background-image: url('https://assets.circle.com/marketing/images/home/mobile/05-send-e8a3aba8a75598a2d3fc88c9c6d50026.png');
  }
  .previewbar {
    color: #04b07d;
    bottom: 0;
    font-size: 0.75em;
    background-color: #ffffff;
    /* The Fallback */
    background-color: rgba(255, 255, 255, 0.95);
  }
  .previewbar svg {
    fill: #04b07d;
  }
  .keyframe {
    height: initial;
  }
  .keyframe .text {
    margin: 0;
    top: 0;
    width: 100%;
    padding: 30px 30px 30px 30px;
    text-align: center;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    transform: translateY(0) translateX(0);
    -webkit-transform: translateY(0) translateX(0);
    -moz-transform: translateY(0) translateX(0);
    -ms-transform: translateY(0) translateX(0);
  }
  .keyframe .text .description {
    font-size: 1.25em;
  }
  .keyframe .text .headline {
    font-size: 1.81em;
    margin-bottom: 10px;
  }
  .keyframe .text .getNow {
    font-size: 1.875em;
    margin: 15px 0 20px 0;
  }
  .keyframe.send-and-receive {
    opacity: 1;
  }
  .keyframe.send-and-receive .screenshot {
    margin-top: 60px;
  }
  .keyframe.send-and-receive .text {
    font-size: 13px;
    padding: 85px 30px 30px 30px;
  }
  .keyframe.easy-to-get-started .headline {
    text-transform: initial;
  }
  .keyframe.send-and-receive .headline {
    font-size: 20px;
  }
  .keyframe.safe-and-insured .text .description {
    font-size: 17px;
  }
  .keyframe.get-now .text {
    padding: 0;
  }
}