/*
line height: 1.6666667
18px = 1vw
24px = 1.3333333vw
30px = 1.6666667vw
gutter: 2.2222222vw
column: 4.4444444vw
container padd: 10vw;
*/
@font-face {
  font-family:'MaisonNeue';
  src: url('/assets/fonts/MaisonNeue-Light.woff2') format('woff2'),
       url('/assets/fonts/MaisonNeue-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family:'MaisonNeue';
  src: url('/assets/fonts/MaisonNeue-Medium.woff2') format('woff2'),
       url('/assets/fonts/MaisonNeue-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
}
body {
  font-family: "MaisonNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  letter-spacing: 0.01em;
  font-size: 4vw;
  line-height: 1.3333333;
}
::-webkit-input-placeholder { color: #9999ff; }
::-moz-placeholder { color: #9999ff; }
:-ms-input-placeholder { color: #9999ff; }
:-moz-placeholder { color: #9999ff; }
body>section { padding-top: 22.6666667vw; padding-bottom: 22.6666667vw; }
body>section.notp { padding-top: 0; }
body>section.nobp { padding-bottom: 0; }
body>section.title { padding-top: 0; padding-bottom: 0; margin-top: -2vw; margin-bottom: 1vw; }
h1, h2, h3, h4, h5, h6, p { margin: 0 0 5.3333333vw 0; font-weight: 300; font-size: 4vw; line-height: 1.3333333; }
h1 { font-size: 8vw; }
h3.xsmall { font-size: 2.4vw; line-height: 3; margin: 5.3333333vw 0 0 0; }
hr { border-top-color: #acbbf5; margin-top: 0; margin-bottom: 4vw; }
hr.nosp { border-top-color: #acbbf5; margin-top: 0; margin-bottom: 2.2222222vw; }
header { min-height: 29.3333333vw; }
.logo { padding-top: 7.6666667vw; }
.logo svg { width: 26.6666666vw; }

nav ul { margin: 9.3333333vw 0 0 0; padding: 0; list-style: none; font-size: 2.4vw; position: relative; z-index: 2; }
nav ul li { margin: 0; padding: 0; list-style: none; display: inline-block; }
nav a, footer a { color: #99ccff; }
nav a:hover, footer a:hover { color: #fff; }
.sec nav a { color: #0033ff; }
.sec nav a:hover { color: #99ccff; }
nav .main-nav ul li { margin-right: 1.1111111vw; }

.bt { border-top: 1px solid #b2c1ff; }
.pb { padding-bottom: 22.6666667vw; }
.pt { padding-top: 22.6666667vw; }
.spb { padding-bottom: 13.3333333vw; }
.spt { padding-top: 13.3333333vw; }
.greybg {
  background-color: #f7f6f0;
}
.bluebg {
  background-color: #0a42e8;
  color: #fff;
}
.workflow { background-color: #3366ff; color: #fff; }
.become { background-color: #f7f6f0; }
.provis { background-color: #0033ff; color: #fff; }
.footer { background-color: #0033cc; color: #fff; }
.footer p { margin-bottom: 12vw; }
.footer p.last { margin-bottom: 0; }

#dots span {
  display: block;
  background-color: #dbe9ff;
  width: 4.4vw;
  height: 13.3333333vw;
  margin-bottom: 13.3333333vw;
  border-radius: 4.4vw;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
#dots span.or { background-color: #ffab00; }
#dots span.bl { background-color: #0a42e8; }

.th { background-color: #99ccff; }
.trbtc { background-color: #6699ff; color: #fff; }
.treth { background-color: #3366ff; color: #fff; }
.trbtc, .treth { padding-top: 4vw; padding-bottom: 3vw; }

#bigcoin { float: left; background-color: #ffab00; width: 48vw; height: 48vw; border-radius: 48vw; }
#bigsq { float: right; border: 2.6666667vw solid #8fabff; width: 48vw; height: 48vw; margin-left: -48vw; }
a.become-bull { display: block; width: 84vw; height: 84vw; border-radius: 84vw; background-color: #ffab00; text-align: center; margin-top: 5.3333333vw; }
a.become-bull svg { width: 41.3333333vw; }
#wall1, #wall2 { float: left; border: 2.6666667vw solid #3366ff; width: 48vw; height: 45.3333333vw; z-index: 1; }
#wall2 { float: right; width: 26.6666667vw; z-index: 3; }
#ecoin { float: left; background-color: #ffab00; width: 26.6666667vw; height: 26.6666667vw; margin: 9.3333333vw -17.3333333vw 0 -9.3333333vw; border-radius: 26.6666667vw; z-index: 2; }
#bigsun { float: right; background-color: #ffab00; width: 84vw; height: 84vw; border-radius: 84vw; }

.vis #wall1 {
  animation: wall1Anim ease-in-out 1.5s;
  animation-iteration-count: 1;
  -webkit-animation: wall1Anim ease-in-out 1s;
  -webkit-animation-iteration-count: 1;
  -moz-animation: wall1Anim ease-in-out 1s;
  -moz-animation-iteration-count: 1;
  -o-animation: wall1Anim ease-in-out 1s;
  -o-animation-iteration-count: 1;
  -ms-animation: wall1Anim ease-in-out 1s;
  -ms-animation-iteration-count: 1;
}
@keyframes wall1Anim {
  0% { width: 48vw; }
  50% { width: 26.6666667vw; }
  100% { width: 48vw; }
}
@-moz-keyframes wall1Anim {
  0% { width: 48vw; }
  50% { width: 26.6666667vw; }
  100% { width: 48vw; }
}
@-webkit-keyframes wall1Anim {
  0% { width: 48vw; }
  50% { width: 26.6666667vw; }
  100% { width: 48vw; }
}
@-o-keyframes wall1Anim {
  0% { width: 48vw; }
  50% { width: 26.6666667vw; }
  100% { width: 48vw; }
}
@-ms-keyframes wall1Anim {
  0% { width: 48vw; }
  50% { width: 26.6666667vw; }
  100% { width: 48vw; }
}
.vis #wall2 {
  animation: wall2Anim ease-in-out 1s;
  animation-iteration-count: 1;
  -webkit-animation: wall2Anim ease-in-out 1s;
  -webkit-animation-iteration-count: 1;
  -moz-animation: wall2Anim ease-in-out 1s;
  -moz-animation-iteration-count: 1;
  -o-animation: wall2Anim ease-in-out 1s;
  -o-animation-iteration-count: 1;
  -ms-animation: wall2Anim ease-in-out 1s;
  -ms-animation-iteration-count: 1;
}
@keyframes wall2Anim {
  0% { width: 26.6666667vw; }
  50% { width: 48vw; }
  100% { width: 26.6666667vw; }
}
@-moz-keyframes wall2Anim {
  0% { width: 26.6666667vw; }
  50% { width: 48vw; }
  100% { width: 26.6666667vw; }
}
@-webkit-keyframes wall2Anim {
  0% { width: 26.6666667vw; }
  50% { width: 48vw; }
  100% { width: 26.6666667vw; }
}
@-o-keyframes wall2Anim {
  0% { width: 26.6666667vw; }
  50% { width: 48vw; }
  100% { width: 26.6666667vw; }
}
@-ms-keyframes wall2Anim {
  0% { width: 26.6666667vw; }
  50% { width: 48vw; }
  100% { width: 26.6666667vw; }
}

.schema { font-size: 13.3333333vw; line-height: 1; }
.pwall svg { width: 38.6666667vw; margin-top: 10vw; margin-bottom: 4vw; }
.provis { padding-top: 6.6666667vw; padding-bottom: 8.8888889vw; }
.cpaper div, .wallet div { border-top: 1px solid #fff; padding: 4vw 0; }
.curr, .cval { font-size: 8vw; line-height: 2; }
.curr:before { content: ""; margin-bottom: 1.1vw; display: inline-block; width: 4vw; height: 4vw; border-radius: 4vw; margin-right: 4vw; background-color: #fff; }
.cbtc:before { background-color: #ff9900; }
.cvar { font-size: 16vw;; position: relative; }
.cvar:before { content: "% CHANGE (24H)"; position: absolute; font-size: 1.8666667vw; }
#location { font-size: 10.6666667vw; margin-bottom: 5.3333333vw; }
#blcount { font-size: 41.3333333vw; line-height: 1; margin-bottom: 5.3333333vw; }

.container-fluid { margin-right: 4.6666667vw; margin-left: 4.6666667vw; }
#btcvar, #ethvar, #blcount { font-weight: 500; }

.gotop { background-color: #ffab00; width: 84vw; height: 113.3333333vw; border-radius: 84vw; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; }
a.gotop-bull { display: block; margin: 0; background-color: #3366ff; line-height: 84vw; width: 84vw; height: 84vw; border-radius: 84vw; text-align: center; }
a.gotop-bull svg { vertical-align: bottom; width: 38.6666667vw; }
.foologo { margin-top: 10.6666667vw; }

.ig { border-top: 1px solid #ccccff; }
.igl { border-bottom: 1px solid #ccccff; }
.ig label { display: block; text-transform: uppercase; font-size: 2.1333333vw; line-height: 6.6666667vw; height: 6.6666667vw; }
.ig input { display: block; border: 0; margin: 0; padding: 0; line-height: 16vw; height: 16vw; outline: 0; width: 100%; background-color: transparent; font-size: 4vw; }
input.submit { letter-spacing: 0.07em; background-color: #0033cc; color: #fff; text-transform: uppercase; display: block; border: 0; margin: 6.6666667vw 0 0 0; padding: 0; line-height: 16vw; height: 16vw; outline: 0; width: 100%; font-size: 4.8vw; }
input, label { font-weight: 300; }
.scrollarrow { position: relative; overflow: visible; text-align: center; margin: 0.5vw 0 9vw 0; font-size: 1.6vw; }
.scrollarrow:before { content: "SCROLL FOR MORE"; height: 4.6vw; display: block; color: #8fabff; white-space: nowrap; text-align: center; }
.scrollarrow:after { content: ""; display: block; position: absolute; left: 50%; width: 0; height: 0; margin-left: -2.665vw; border-style: solid; border-width: 4vw 2.665vw 0 2.665vw; border-color: #8fabff transparent transparent transparent; }
.bluelinecontainer { position: absolute; left: -4.6666667vw; padding-top: 10.6666667vw; }
.blueline { width: 37.3333333vw; height: 7.3333333vw; margin-bottom: 3.7333333vw; background-color: #3366ff; }

@media (min-width: 1300px) {
  body { font-size: 1vw; line-height: 1.6666667; }
  body>section { padding-top: 13.3333333vw; padding-bottom: 13.3333333vw; }
  body>section.small-pad { padding-top: 0; padding-bottom: 9.4444444vw; }
  body.sec>section .col-lg-4 { margin-top: 1px; padding-top: 2.2222222vw; }
  body.sec>section.first .col-lg-4 { margin-top: 0; padding-top: 0; }
  h1, h2, h3, h4, h5, h6, p { margin: 0 0 1.6666667vw 0; font-size: 1vw; line-height: 1.6666667; }
  h1 { font-size: 4.4444444vw; line-height: 1.25; }
  h3.xsmall { font-size: inherit; margin: inherit; }
  header { min-height: 15vw; }
  .sec header { min-height: 10vw; }
  .pb { padding-bottom: 13.3333333vw; }
  .spb { padding-bottom: 6.6666667vw; }
  .pt { padding-top: 13.3333333vw; }
  .spt { padding-top: 6.6666667vw; }
  .th { padding-top: 1.3888885vw; padding-bottom: 1.3888885vw; }
  nav ul { margin: 0; font-size: 1vw; }
  .logo { height: 6.6666667vw; padding-top: 2.2222222vw; margin-bottom: 2vw; }
  .logo:before { content: ""; position: absolute; left: 1.1111111vw; right: 1.1111111vw; bottom: 0; height: 0; border-bottom: 1px solid #6c8ef1; }
  .sec .logo:before { border-bottom: 1px solid #b2c1ff; }
  .logo svg { width: 11.1111111vw; }
  #dots span {
    width: 2.2222222vw;
    height: 6.6666666vw;
    margin-bottom: 6.6666666vw;
    border-radius: 2.2222222vw;
  }
  #bigcoin { width: 44.4444444vw; height: 44.4444444vw; border-radius: 44.4444444vw; }
  #bigsq { border: 1.6666667vw solid #8fabff; width: 44.4444444vw; height: 44.4444444vw; margin-left: -22.2222222vw; }
  .container-fluid { margin-right: 10vw; margin-left: 10vw; }
  a.become-bull { width: 24.4444444vw; height: 24.4444444vw; border-radius: 24.4444444vw; margin-top: 2.2222222vw; }
  a.become-bull svg { width: 11.6666667vw; }
  #wall1, #wall2 { border-width: 1.6666667vw; width: 44.4444444vw; height: 37.7777778vw; }
  #wall2 { width: 24.4444444vw; }
  #ecoin { width: 24.4444444vw; height: 24.4444444vw; margin: 6.6666667vw -16.1111111vw 0 -8.3333333vw; border-radius: 24.4444444vw; }
  @keyframes wall1Anim {
    0% { width: 44.4444444vw; }
    50% { width: 24.4444444vw; }
    100% { width: 44.4444444vw; }
  }
  @-moz-keyframes wall1Anim {
    0% { width: 44.4444444vw; }
    50% { width: 24.4444444vw; }
    100% { width: 44.4444444vw; }
  }
  @-webkit-keyframes wall1Anim {
    0% { width: 44.4444444vw; }
    50% { width: 24.4444444vw; }
    100% { width: 44.4444444vw; }
  }
  @-o-keyframes wall1Anim {
    0% { width: 44.4444444vw; }
    50% { width: 24.4444444vw; }
    100% { width: 44.4444444vw; }
  }
  @-ms-keyframes wall1Anim {
    0% { width: 44.4444444vw; }
    50% { width: 24.4444444vw; }
    100% { width: 44.4444444vw; }
  }
  @keyframes wall2Anim {
    0% { width: 24.4444444vw; }
    50% { width: 44.4444444vw; }
    100% { width: 24.4444444vw; }
  }
  @-moz-keyframes wall2Anim {
    0% { width: 24.4444444vw; }
    50% { width: 44.4444444vw; }
    100% { width: 24.4444444vw; }
  }
  @-webkit-keyframes wall2Anim {
    0% { width: 24.4444444vw; }
    50% { width: 44.4444444vw; }
    100% { width: 24.4444444vw; }
  }
  @-o-keyframes wall2Anim {
    0% { width: 24.4444444vw; }
    50% { width: 44.4444444vw; }
    100% { width: 24.4444444vw; }
  }
  @-ms-keyframes wall2Anim {
    0% { width: 24.4444444vw; }
    50% { width: 44.4444444vw; }
    100% { width: 24.4444444vw; }
  }
  #bigsun { width: 51.1111111vw; height: 51.1111111vw; border-radius: 51.1111111vw; }
  .schema { font-size: 4.6111111vw; line-height: 1.2; }
  .pwall svg { width: 17.7777778vw; margin-top: 3.3333333vw; margin-bottom: 1vw; }
  .curr, .cval { font-size: 3.3333333vw; line-height: inherit; }
  .curr:before { margin-bottom: 0.4vw; width: 1.6666667vw; height: 1.6666667vw; border-radius: 1.6666667vw; margin-right: 1.6666667vw; }
  .cvar { font-size: 6.6666666vw; line-height: 1.15; }
  .trbtc, .treth { padding-top: 0.8vw; padding-bottom: 4.4444444vw; }
  .cvar:before { display: none; }
  .provis { padding-top: 6.6666667vw; padding-bottom: 8.8888889vw; }
  .cpaper div, .wallet div { height: 26.6666667vw; border-left: 1px solid #fff; border-top: 0; padding: 0 0 0 1vw; }
  #location { font-size: 4.4444444vw; line-height: 1.25; }
  #blcount { font-size: 12.5vw; }
  .gotop { width: 36.3vw; /* 51.1111111 */ height: 36.3vw; border-radius: 36.3vw; position: relative; }
  a.gotop-bull { margin: 0 0 0 auto; line-height: 36.3vw; width: 36.3vw; height: 36.3vw; border-radius: 36.3vw; text-align: center; }
  a.gotop-bull svg { width: 18.8888889vw; }
  .foologo { margin-top: 1.5vw; }
  .footer p { margin-bottom: inherit; }
  .footer p.last { margin-bottom: inherit; }
  .igll { border-bottom: 1px solid #ccccff; }
  .ig label { font-size: 0.6666667vw; line-height: 1.6666667vw; height: 1.6666667vw; padding-top: 0.5555556vw; }
  .ig input { margin: 0; padding: 0; font-size: 1.6666667vw; line-height: 4.4444444vw; height: 4.4444444vw; }
  input.submit { line-height: 6.6666667vw; height: 6.6666667vw; font-size: 2vw; }
  .scrollarrow { margin: 2vw 0 7vw 0; font-size: 0.6666667vw; }
  .scrollarrow:before { height: 2.2vw; }
  .scrollarrow:after { margin-left: -1.385vw; border-width: 2.444vw 1.385vw 0 1.385vw; }
  .bluelinecontainer { padding-top: 6.6666667vw; left: auto; }
  .blueline { width: 44.4444444vw; height: 4.44444444vw; margin-bottom: 2.2222222vw; background-color: #0032ff; }
  .gotop:hover { width: 100%; }
  .cols-2>p { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 2.2222222vw; -moz-column-gap: 2.2222222vw; column-gap: 2.2222222vw; }
}