/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */

html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:0.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace, monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}

/*
DEV NOTES:

Colors
----------------
Blue    0050ff
Pink    df43fa
Purple  2d2443

Fonts
----------------
font-family: "proxima-nova",sans-serif;
font-family: "purista-web",sans-serif;
*/

/*-------------------------------------
Framework / Resets / Helpers
-------------------------------------*/

*,
*:before,
*:after {
    outline:none;
    -webkit-tap-highlight-color: transparent;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

html, body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    height: 100%;
}

body {
    font-family: "proxima-nova",sans-serif;
}

body.page-disabled {
    overflow: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap;
}

.clearfix:before,
.clearfix:after,
.container:before,
.container:after {
    content: " ";
    display: table;
}

.container:after,
.clearfix:after {
    clear: both;
}

::-moz-selection {
    background: #2f4ffd;
    color:#fff;
}

::selection {
    background: #2f4ffd;
    color:#fff;
}

::-moz-selection {
    background: #2f4ffd;
    color:#fff;
}

.browserupgrade {
    background: #2f4ffd;
    color: #fff;
    padding: 20px;
    text-align: center;
    margin: 0;
    -webkit-box-shadow: 0px 4px 0px 0px rgba(34, 45, 125, 0.1);
            box-shadow: 0px 4px 0px 0px rgba(34, 45, 125, 0.1);
}

.browserupgrade a {
    color:#fff;
}

p,
h1,
h2,
h3,
h4,
h5 {
    margin-top: 0;
}

nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

a,
button {
    -webkit-transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, opacity 0.3s ease;
    -o-transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, opacity 0.3s ease;
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, opacity 0.3s ease;
}

button {
    outline: none;
}

button:active {
    -webkit-transform: scale(.98);
        -ms-transform: scale(.98);
            transform: scale(.98);
}

svg {
    -webkit-transition: fill 0.3s ease;
    -o-transition: fill 0.3s ease;
    transition: fill 0.3s ease
}

a,
a:active,
a:visited,
a:hover {
    text-decoration: none;
}

img {
    display: block;
    max-width: 100%;
    height: auto;
}

button {
    font-family: "proxima-nova",sans-serif;
    border:none;
    padding: 0;
}

section.pinned .container {
    position: fixed;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 2;
}

main {
    overflow: hidden;
    position: relative;
    z-index: 2;
    background-color:#fff;
}

.top-sections {
    position: relative;
    z-index: 2;
    overflow: hidden;
}

.cta-button {
    border:none;
    display: block;
    background-color:#fff;
    border-radius: 20px;
    color:#2f4ffd;
    font-size: 11px;
    line-height: 11px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 14px 20px;
    letter-spacing: 1px;
    margin: 0 auto;
}

.cta-button:hover {
    background-color:#2f4ffd;
    color:#fff;
}

/*-------------------------------------
Loading
-------------------------------------*/

.loading {
    position: fixed;
    background-color:#fff;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1999;
    -webkit-transition:opacity 300ms ease, visibility 300ms ease;
    -o-transition:opacity 300ms ease, visibility 300ms ease;
    transition:opacity 300ms ease, visibility 300ms ease;
}

.page-loaded .loading {
    opacity: 0;
    visibility: hidden;
    -webkit-animation-play-state: paused;
            animation-play-state: paused;
}

.loading .symbol {
    width: 50px;
    height: 50px;
    border:2px solid #2f4ffd;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -25px;
    margin-top: -50px;
    z-index: 2001;
}

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

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

.loading .symbol span:nth-child(1) {
    position: absolute;
    width: 2px;
    height: 10px;
    background-color:#2f4ffd;
    left: 50%;
    top: 50%;
    -webkit-transform-origin: 1px 0;
        -ms-transform-origin: 1px 0;
            transform-origin: 1px 0;
    -webkit-animation: hour infinite 20s linear;
            animation: hour infinite 20s linear;
}

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

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

.loading .symbol span:nth-child(2) {
    position: absolute;
    width: 2px;
    height: 15px;
    background-color:#2f4ffd;
    left: 50%;
    top: 50%;
    -webkit-transform-origin: 1px 0;
        -ms-transform-origin: 1px 0;
            transform-origin: 1px 0;
    -webkit-animation: minute infinite 1s linear;
            animation: minute infinite 1s linear;
}

.loading .text {
    position: absolute;
    top: 50%;
    font-size: 10px;
    text-align: center;
    width: 100%;
    margin-top: 10px;
    font-weight: bold;
    text-transform: uppercase;
    color:#000;
    letter-spacing: .2em;
}

/*-------------------------------------
Reusable Elements
-------------------------------------*/

.button {
    display: inline-block;
    position: relative;
    padding: 13px 18px 11px 18px;
    letter-spacing: 1px;
    background-color: #fff;
    color: #7cf8fa;
    border-radius: 20px;
    border:1px solid #2f4ffd;
    color:#2f4ffd;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: bold;
}

.no-touch .button:hover {
    background-color:#2f4ffd;
    color:#fff;
}

.mouse-icon {
    border:2px solid #2f4ffd;
    width: 24px;
    height: 45px;
    border-radius: 25px;
}

@-webkit-keyframes mousescroll {
    0% {
        top: 5px;
        height: 0
    }
    20% {
        top: 5px;
        height: 11px
    }
    40% {
        top: auto;
        bottom: 25px;
        height: 11px;
    }
    60% {
        bottom: 25px;
        height: 0px;
    }
    100% {
        bottom: 25px;
        height: 0px;
    }
}

@keyframes mousescroll {
    0% {
        top: 5px;
        height: 0
    }
    20% {
        top: 5px;
        height: 11px
    }
    40% {
        top: auto;
        bottom: 25px;
        height: 11px;
    }
    60% {
        bottom: 25px;
        height: 0px;
    }
    100% {
        bottom: 25px;
        height: 0px;
    }
}

.mouse-icon:after {
    content:'';
    position: absolute;
    width: 2px;
    background-color:#2f4ffd;
    height: 11px;
    left: 9px;
    -webkit-animation: mousescroll infinite 1.5s ease-in-out;
            animation: mousescroll infinite 1.5s ease-in-out;
}

.animation-disabled .mouse-icon:after {
    -webkit-animation-play-state: paused;
            animation-play-state: paused;
}

.modal {
    position: fixed;
    background-color:rgba(0,0,0,.9);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    display: none;
}

.modal-window {
    position: fixed;
    background-color: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 5.119px 4.774px 29px 0px rgba(48, 95, 129, 0.19);
            box-shadow: 5.119px 4.774px 29px 0px rgba(48, 95, 129, 0.19);
    width: 85%;
    max-width: 450px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    z-index: 1006;
    max-height: 90%;
}

.modal-close {
    height: 33px;
    width: 33px;
    background-image: url(../img/close-white.svg);
    background-position: center;
    background-size: 19px 19px;
    background-repeat: no-repeat;
    position: fixed;
    cursor: pointer;
    right: 10px;
    left: auto;
    top: 12px;
}

/*-------------------------------------
Owl Carousel 2.2.1
-------------------------------------*/

.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1;
}
.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    -moz-backface-visibility: hidden;
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%;
}

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
    display: none;
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-carousel.owl-loaded {
    display: block;
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block;
}

.owl-carousel.owl-hidden {
    opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden;
}

.owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab;
}

.owl-carousel.owl-rtl {
    direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
    float: right;
}

.no-js .owl-carousel {
    display: block;
}

.owl-height {
    -webkit-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}

/*-------------------------------------
Block Animation
-------------------------------------*/

.block-animation {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    overflow: hidden;
}

.block-animation span {
    opacity: 0;
    position: absolute;
    background-color:#2f4ffd;
}

.animation-disabled .block-animation span {
    -webkit-animation-play-state: paused !important;
            animation-play-state: paused !important;
}

.block-animation span:before {
    content:'';
    position: absolute;
    height: 79px;
    width: 100%;
    bottom: 100%;
    background-image:url(../img/block-trail.png);
}

.block-animation span:nth-child(10n+1) {
    left: 0;
}

.block-animation span:nth-child(10n+2) {
    left: 10%;
}

.block-animation span:nth-child(10n+3) {
    left: 20%;
}

.block-animation span:nth-child(10n+4) {
    left: 30%;
}

.block-animation span:nth-child(10n+5) {
    left: 40%;
}

.block-animation span:nth-child(10n+6) {
    left: 50%;
}

.block-animation span:nth-child(10n+7) {
    left: 60%;
}

.block-animation span:nth-child(10n+8) {
    left: 70%;
}

.block-animation span:nth-child(10n+9) {
    left: 80%;
}

.block-animation span:nth-child(10n+10) {
    left: 90%;
}

/* Intro */

section.intro .block-animation {
    z-index: 4;
}

section.intro .block-animation span {
    -webkit-animation: blockfallintro infinite 12.5s linear;
            animation: blockfallintro infinite 12.5s linear;
}

@-webkit-keyframes blockfallintro {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0px, 0px, 0px);
                transform: translate3d(0px, 0px, 0px);
    }
    1% {
        opacity: 1;
        -webkit-transform: translate3d(0px, 0px, 0px);
                transform: translate3d(0px, 0px, 0px);
    }
    99% {
        opacity: 1;
        -webkit-transform: translate3d(0, 1600px, 0px);
                transform: translate3d(0, 1600px, 0px);
    }
    100% {
        opacity: 0;
       -webkit-transform: translate3d(0, 1600px, 0px);
               transform: translate3d(0, 1600px, 0px);
    }
}

@keyframes blockfallintro {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0px, 0px, 0px);
                transform: translate3d(0px, 0px, 0px);
    }
    1% {
        opacity: 1;
        -webkit-transform: translate3d(0px, 0px, 0px);
                transform: translate3d(0px, 0px, 0px);
    }
    99% {
        opacity: 1;
        -webkit-transform: translate3d(0, 1600px, 0px);
                transform: translate3d(0, 1600px, 0px);
    }
    100% {
        opacity: 0;
       -webkit-transform: translate3d(0, 1600px, 0px);
               transform: translate3d(0, 1600px, 0px);
    }
}

section.intro .block-animation span:nth-child(10n+1) {
    -webkit-animation-duration: 3.5s;
            animation-duration: 3.5s;
    -webkit-animation-delay: 12s;
            animation-delay: 12s;
}

section.intro .block-animation span:nth-child(10n+2) {
    -webkit-animation-duration: 9s;
            animation-duration: 9s;
    -webkit-animation-delay: 10s;
            animation-delay: 10s;
}

section.intro .block-animation span:nth-child(10n+3) {
    -webkit-animation-duration: 8s;
            animation-duration: 8s;
}

section.intro .block-animation span:nth-child(10n+4) {
    -webkit-animation-duration: 4s;
            animation-duration: 4s;
}

section.intro .block-animation span:nth-child(10n+5) {
    -webkit-animation-delay: 4s;
            animation-delay: 4s;
}

section.intro .block-animation span:nth-child(10n+6) {
    -webkit-animation-duration: 3s;
            animation-duration: 3s;
}

section.intro .block-animation span:nth-child(10n+7) {
    -webkit-animation-duration: 5s;
            animation-duration: 5s;
    -webkit-animation-delay: 8s;
            animation-delay: 8s;
}

section.intro .block-animation span:nth-child(10n+8) {
    -webkit-animation-duration: 8.5s;
            animation-duration: 8.5s;
    -webkit-animation-delay: 16s;
            animation-delay: 16s;
}

section.intro .block-animation span:nth-child(10n+9) {
    -webkit-animation-duration: 2s;
            animation-duration: 2s;
    -webkit-animation-delay: 20s;
            animation-delay: 20s;
}

section.intro .block-animation span:nth-child(10n+10) {
    -webkit-animation-duration: 5.5s;
            animation-duration: 5.5s;
}

/* Main */

main > .block-animation {
    background-color:#fff;
}

main > .block-animation span:nth-child(10n+1) {
    -webkit-animation-duration: 26.5s;
            animation-duration: 26.5s;
}

main > .block-animation span:nth-child(10n+2) {
    -webkit-animation-duration: 22s;
            animation-duration: 22s;
}

main > .block-animation span:nth-child(10n+3) {
    -webkit-animation-duration: 31s;
            animation-duration: 31s;
}

main > .block-animation span:nth-child(10n+4) {
    -webkit-animation-duration: 22s;
            animation-duration: 22s;
}

main > .block-animation span:nth-child(10n+5) {
    -webkit-animation-duration: 26s;
            animation-duration: 26s;
}

main > .block-animation span:nth-child(10n+6) {
    -webkit-animation-delay: 22s;
            animation-delay: 22s;
    -webkit-animation-duration: 28s;
            animation-duration: 28s;
}

main > .block-animation span:nth-child(10n+7) {
    -webkit-animation-delay: 22s;
            animation-delay: 22s;
    -webkit-animation-duration: 31s;
            animation-duration: 31s;
}

main > .block-animation span:nth-child(10n+8) {
    -webkit-animation-delay: 22s;
            animation-delay: 22s;
    -webkit-animation-duration: 16s;
            animation-duration: 16s;
}

main > .block-animation span:nth-child(10n+9) {
    -webkit-animation-delay: 22s;
            animation-delay: 22s;
    -webkit-animation-duration: 35.5s;
            animation-duration: 35.5s;
}

main > .block-animation span:nth-child(10n+10) {
    -webkit-animation-delay: 22s;
            animation-delay: 22s;
    -webkit-animation-duration: 69s;
            animation-duration: 69s;
}

main > .block-animation span:nth-child(11) {
    -webkit-animation-delay: 12s;
            animation-delay: 12s;
}

main > .block-animation span:nth-child(12) {
    -webkit-animation-delay: 2s;
            animation-delay: 2s;
}

main > .block-animation span:nth-child(13) {
    -webkit-animation-delay: 12s;
            animation-delay: 12s;
}

main > .block-animation span:nth-child(14) {
    -webkit-animation-delay: 6s;
            animation-delay: 6s;
}

main > .block-animation span:nth-child(15) {
    -webkit-animation-delay: 7s;
            animation-delay: 7s;
}

main > .block-animation span:nth-child(16) {
    -webkit-animation-delay: 3s;
            animation-delay: 3s;
}

main > .block-animation span:nth-child(17) {
    -webkit-animation-delay: 8s;
            animation-delay: 8s;
}

main > .block-animation span:nth-child(18) {
    -webkit-animation-delay: 1s;
            animation-delay: 1s;
}

main > .block-animation span:nth-child(19) {
    -webkit-animation-delay: 9s;
            animation-delay: 9s;
}

main > .block-animation span:nth-child(20) {
    -webkit-animation-delay: 6s;
            animation-delay: 6s;
}

main > .block-animation span:nth-child(21) {
    -webkit-animation-delay: 9s;
            animation-delay: 9s;
}

main > .block-animation span:nth-child(22) {
    -webkit-animation-delay: 4s;
            animation-delay: 4s;
}

main > .block-animation span:nth-child(23) {
    -webkit-animation-delay: 11s;
            animation-delay: 11s;
}

main > .block-animation span:nth-child(24) {
    -webkit-animation-delay: 6s;
            animation-delay: 6s;
}

main > .block-animation span:nth-child(25) {
    -webkit-animation-delay: 4s;
            animation-delay: 4s;
}

main > .block-animation span:nth-child(26) {
    -webkit-animation-delay: 8s;
            animation-delay: 8s;
}

main > .block-animation span:nth-child(27) {
    -webkit-animation-delay: 6s;
            animation-delay: 6s;
}

main > .block-animation span:nth-child(28) {
    -webkit-animation-delay: 8s;
            animation-delay: 8s;
}

main > .block-animation span:nth-child(29) {
    -webkit-animation-delay: 1s;
            animation-delay: 1s;
}

main > .block-animation span:nth-child(20) {
    -webkit-animation-delay: 12s;
            animation-delay: 12s;
}

/* Our Team Section */

#team-and-advisors .block-animation span:nth-child(1) {
    -webkit-animation-duration: 15s;
            animation-duration: 15s;
    -webkit-animation-delay: 3s;
            animation-delay: 3s;
}

#team-and-advisors .block-animation span:nth-child(2) {
    -webkit-animation-duration: 19s;
            animation-duration: 19s;
}

#team-and-advisors .block-animation span:nth-child(3) {
    -webkit-animation-duration: 12s;
            animation-duration: 12s;
    -webkit-animation-delay: 3s;
            animation-delay: 2s;
}

#team-and-advisors .block-animation span:nth-child(4) {
    -webkit-animation-duration: 15s;
            animation-duration: 15s;
    -webkit-animation-delay: 8s;
            animation-delay: 8s;
}

#team-and-advisors .block-animation span:nth-child(5) {
    -webkit-animation-duration: 12s;
            animation-duration: 12s;
}

#team-and-advisors .block-animation span:nth-child(6) {
    -webkit-animation-duration: 18s;
            animation-duration: 18s;
}

#team-and-advisors .block-animation span:nth-child(7) {
    -webkit-animation-duration: 12s;
            animation-duration: 12s;
    -webkit-animation-delay: 8s;
            animation-delay: 8s;
}

#team-and-advisors .block-animation span:nth-child(8) {
    -webkit-animation-duration: 13s;
            animation-duration: 13s;
}

#team-and-advisors .block-animation span:nth-child(9) {
    -webkit-animation-duration: 16s;
            animation-duration: 16s;
    -webkit-animation-delay: 7s;
            animation-delay: 7s;
}

#team-and-advisors .block-animation span:nth-child(10) {
    -webkit-animation-duration: 20s;
            animation-duration: 20s;
    -webkit-animation-delay: 8s;
            animation-delay: 8s;
}

/* All Resolutions */

.hide {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.5s linear;
}

.eth-transferred-wrapper {
    font-size: 12px;
    text-align: center;
}

.eth-transferred-dial {
    font-size: 18px !important;
}

/* Desktop */

@media screen and (min-width: 1024px) {
    .block-animation span {
        margin-top: -119px;
        width: 15px;
        height: 15px;
    }

    @-webkit-keyframes blockfallmaindesktop {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(0px, 0px, 0px);
                    transform: translate3d(0px, 0px, 0px);
        }
        1% {
            opacity: 1;
            -webkit-transform: translate3d(0px, 0px, 0px);
                    transform: translate3d(0px, 0px, 0px);
        }
        99% {
            opacity: 1;
            -webkit-transform: translate3d(0, 16000px, 0px);
                    transform: translate3d(0, 16000px, 0px);
        }
        100% {
            opacity: 0;
            -webkit-transform: translate3d(0, 16000px, 0px);
                    transform: translate3d(0, 16000px, 0px);
        }
    }

    @keyframes blockfallmaindesktop {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(0px, 0px, 0px);
                    transform: translate3d(0px, 0px, 0px);
        }
        1% {
            opacity: 1;
            -webkit-transform: translate3d(0px, 0px, 0px);
                    transform: translate3d(0px, 0px, 0px);
        }
        99% {
            opacity: 1;
            -webkit-transform: translate3d(0, 16000px, 0px);
                    transform: translate3d(0, 16000px, 0px);
        }
        100% {
            opacity: 0;
            -webkit-transform: translate3d(0, 16000px, 0px);
                    transform: translate3d(0, 16000px, 0px);
        }
    }

    main > .block-animation span {
        -webkit-animation: blockfallmaindesktop infinite 12.5s linear;
                animation: blockfallmaindesktop infinite 12.5s linear;
    }
}

/* Mobile */

@media screen and (max-width: 1023px) {
    .block-animation span {
        margin-top: -119px;
        width: 11px;
        height: 11px;
    }

    .block-animation span:nth-child(odd) {
        display: none;
    }

    @-webkit-keyframes blockfallmainmobile {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(0px, 0px, 0px);
                    transform: translate3d(0px, 0px, 0px);
        }
        1% {
            opacity: 1;
            -webkit-transform: translate3d(0px, 0px, 0px);
                    transform: translate3d(0px, 0px, 0px);
        }
        99% {
            opacity: 1;
            -webkit-transform: translate3d(0, 10000px, 0px);
                    transform: translate3d(0, 10000px, 0px);
        }
        100% {
            opacity: 0;
            -webkit-transform: translate3d(0, 10000px, 0px);
                    transform: translate3d(0, 10000px, 0px);
        }
    }

    @keyframes blockfallmainmobile {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(0px, 0px, 0px);
                    transform: translate3d(0px, 0px, 0px);
        }
        1% {
            opacity: 1;
            -webkit-transform: translate3d(0px, 0px, 0px);
                    transform: translate3d(0px, 0px, 0px);
        }
        99% {
            opacity: 1;
            -webkit-transform: translate3d(0, 10000px, 0px);
                    transform: translate3d(0, 10000px, 0px);
        }
        100% {
            opacity: 0;
            -webkit-transform: translate3d(0, 10000px, 0px);
                    transform: translate3d(0, 10000px, 0px);
        }
    }

    main > .block-animation span {
        -webkit-animation: blockfallmainmobile infinite 18.5s linear;
                animation: blockfallmainmobile infinite 18.5s linear;
    }
}

/*-------------------------------------
Countdowns
-------------------------------------*/

.ClassyCountdown-wrapper {
    text-align: center;
}

.ClassyCountdown-wrapper > div {
    display: block;
    position: relative;
}

.ClassyCountdown-wrapper .ClassyCountdown-value {
    width: 100%;
    margin-top: -2px !important;
    text-align: center;
    left: 0;
    display: block;
    position: absolute;
    top: 50%;
    text-align: center;
    text-transform: uppercase;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

.ClassyCountdown-value div {
    font-weight: bold;
}

.ClassyCountdown-value span {
    font-weight: bold;
    display: block;
}

/*-------------------------------------
Mobile GUI
-------------------------------------*/

/* Desktop */

@media screen and (min-width: 1024px) {
    .mobile-gui {
        display :none;
    }
}

/* Mobile */

@media screen and (max-width: 1023px) {
    .mobile-gui {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 999;
        width: 100%;
    }

    .toolbar {
        width: 100%;
        height: 53px;
        background-color:#fff;
    }

    .site-logo {
        position: absolute;
        top: 17px;
        left: 20px;
    }

    .site-logo a {
        font-size: 20px;
        text-transform: uppercase;
        font-weight: normal;
        color:#000;
        letter-spacing: .3em;
        -webkit-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
        position: absolute;
        white-space: nowrap;
    }

    .sticky-nav-enabled .site-logo a {
        -webkit-transform: translate3d(26px,1px,0px) scale(.8);
                transform: translate3d(26px,1px,0px) scale(.8);
    }

    .site-logo:after {
        content:'';
        top: -6px;
        left: 4px;
        position: absolute;
        width: 32px;
        height: 32px;
        background-image:url(../img/site-logo.svg);
        background-size: 32px 32px;
        opacity: 0;
        -webkit-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
        -webkit-transform:scale(0);
            -ms-transform:scale(0);
                transform:scale(0);
    }

    .sticky-nav-enabled .site-logo:after {
        opacity: 1;
        -webkit-transform:scale(1);
            -ms-transform:scale(1);
                transform:scale(1);
    }

    .burger {
        display: block;
        background-color:#0050ff;
        width: 53px;
        height: 53px;
        border:none;
        position: absolute;
        z-index: 2;
        right: 0;
        top: 0;
        outline:none;
    }

    .burger span {
        display: block;
        background: #ffffff;
        width: 18px;
        height: 3px;
        position: absolute;
        left: 50%;
        margin-left: -9px;
        -webkit-transition: all 0.4s;
        -o-transition: all 0.4s;
        transition: all 0.4s;
    }

    .burger span:nth-child(1) {
        top: 20px;
    }

    .burger span:nth-child(2) {
        top: 27px;
    }

    .burger span:nth-child(3) {
        top: 34px;
    }

    .mobile-menu-active .burger {
        background-color:#fff;
    }

    .burger:active {
        -webkit-transform: scale(.98);
            -ms-transform: scale(.98);
                transform: scale(.98);
    }

    .mobile-menu-active .burger span {
        background-color:#2f4ffd;
    }

    .mobile-menu-active .burger span:nth-child(1) {
        -webkit-transform: translateY(5px) translateX(0) rotate(45deg);
            -ms-transform: translateY(5px) translateX(0) rotate(45deg);
                transform: translateY(5px) translateX(0) rotate(45deg);
    }

   .mobile-menu-active .burger span:nth-child(2) {
        opacity: 0;
    }

    .mobile-menu-active .burger span:nth-child(3) {
        -webkit-transform: translateY(-9px) translateX(0) rotate(-45deg);
            -ms-transform: translateY(-9px) translateX(0) rotate(-45deg);
                transform: translateY(-9px) translateX(0) rotate(-45deg);
    }

    .mobile-menu {
        z-index: 1;
        top: 0;
        position: fixed;
        height: 100%;
        width: 100%;
        background-color:#2f4ffd;
        opacity: 0;
        visibility: hidden;
        -webkit-transition:opacity 300ms ease, visibility 300ms ease;
        -o-transition:opacity 300ms ease, visibility 300ms ease;
        transition:opacity 300ms ease, visibility 300ms ease;
        overflow: scroll;
        -webkit-overflow-scrolling: touch;
    }

    .mobile-menu-active .mobile-menu {
        opacity: 1;
        visibility: visible;
    }

    .mobile-menu .button {
        background-color:#fff;
    }

    .no-touch .mobile-menu .button:hover {
        background-color:#2f4ffd;
        color:#fff;
        border:1px solid #fff;
    }

    .mobile-header {
        padding: 109px 40px 24px 40px;
        background-image: url(../img/mobile-header-logo.svg);
        background-size: 60px 60px;
        background-position: center 22px;
        background-repeat: no-repeat;
        border-bottom: 1px solid #5d74f1;
    }

    .mobile-header h2 {
        margin: 0 auto;
        font-size: 16px;
        text-transform: uppercase;
        color:#fff;
        letter-spacing: .18em;
        line-height: 1.5em;
        text-align: center;
        max-width: 470px;
    }

    .mobile-menu nav.primary li:first-child {
        border-top: 1px solid #5d74f1;
    }

    .mobile-menu nav.primary a {
        display: block;
        padding: 13px 0 13px 13px;
        text-transform: uppercase;
        color:#fff;
    }

    .mobile-menu nav.primary li:first-child {
        border-bottom: 1px solid #5d74f1;
    }

    .mobile-menu nav.primary li {
        border-bottom: 1px solid #5d74f1;
    }

    .mobile-menu nav.primary {
        padding-top: 53px;
        background-image: url(../img/site-logo-white.svg);
        background-size: 32px 32px;
        background-repeat: no-repeat;
        background-position: 9px 9px;
        font-family: "purista-web",sans-serif;
    }

    .mobile-menu nav.primary .number {
        font-weight: 300;
        font-size: 23px;
        letter-spacing: 5px;
        width: 55px;
        display: inline-block;
        vertical-align: middle;
    }

    .mobile-menu nav.primary .title {
        margin-top: 0px;
        font-weight: 16px;
        display: inline-block;
        vertical-align: middle;
        letter-spacing: 3.2px;
    }

    .mobile-menu .countdown {
        border-bottom: 1px solid #5d74f1;
        padding: 23px 0 19px 0;
    }

    .mobile-menu .countdown > p {
        font-size:11px;
        font-weight: bold;
        text-align: center;
        text-transform: uppercase;
        color:#fff;
        letter-spacing: .1em;
        margin-bottom: 3px;
    }

    .mobile-menu .ClassyCountdown-value {
        color:#fff;
    }

    .mobile-menu .ClassyCountdown-wrapper {
        padding-top: 20px;
    }

    .mobile-menu .ClassyCountdown-wrapper > div {
        width: 73px;
        height: 73px;
        margin: 0 2%;
        display: inline-block;
    }

    .mobile-menu .ClassyCountdown-value div {
        font-size: 19px !important;
        font-weight: bold;
    }

    .mobile-menu .ClassyCountdown-value span {
        color:#7083f0;
        font-size: 11px !important;
    }

    .mobile-menu .join {
        padding: 7px;
        border-bottom: 1px solid #5d74f1;
    }

    .mobile-menu .join button {
        display: block;
        width: 100%;
        background-color:#fff;
        color:#0050ff;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 13px;
        padding: 24px 0;
        letter-spacing: 1.2px;
    }

    .mobile-menu nav.secondary {
        border-bottom: 1px solid #5d74f1;

    }

    .mobile-menu nav.secondary:after{
        content: "";
        display: table;
        clear: both;
    }

    .mobile-menu nav.secondary a {
        display: block;
        color:#fff;
        font-size: 12px;
        text-transform: uppercase;
        text-align: center;
        font-weight: bold;
        letter-spacing: .9px;
        padding: 23px 0 17px 0;
    }

    .mobile-menu nav.secondary li:first-child {
        width: 100%;
        border-bottom: 1px solid #5d74f1;
    }

    .mobile-menu nav.secondary li:nth-child(2),
    .mobile-menu nav.secondary li:nth-child(3),
    .mobile-menu nav.secondary li:nth-child(4) {
        float: left;
        width: 33.3%;
    }

    .mobile-menu nav.secondary li:nth-child(3) {
        border-left: 1px solid #5d74f1;
        border-right: 1px solid #5d74f1;
    }

    .mobile-menu nav.secondary a.whitepaper,
    .mobile-menu nav.secondary a.telegram,
    .mobile-menu nav.secondary a.github,
    .mobile-menu nav.secondary a.blog {
        margin-left: -14px;
    }

    .mobile-menu nav.secondary a.whitepaper:after,
    .mobile-menu nav.secondary a.telegram:after,
    .mobile-menu nav.secondary a.github:after,
    .mobile-menu nav.secondary a.blog:after {
        content:'';
        position: absolute;
        margin-top: -2px;
        margin-left: 10px;
        background-size: 15px 15px;
        background-size: 15px 15px;
        width: 15px;
        height: 15px;
        background-repeat: no-repeat;
        background-position: right center;
    }

    .mobile-menu nav.secondary a.whitepaper:after {
        background-image:url(../img/icon-whitepaper.svg);
    }

    .mobile-menu nav.secondary a.telegram:after {
        background-image:url(../img/icon-telegram.svg);
    }

    .mobile-menu nav.secondary a.github:after {
        background-image:url(../img/icon-github.svg);
    }

    .mobile-menu nav.secondary a.blog:after {
        background-image:url(../img/icon-blog.svg);
    }
}

@media screen and (max-width: 350px) {
    .mobile-menu-countdown .ClassyCountdown-seconds {
        display: none !important;
    }
}

/*-------------------------------------
Desktop Navigation
-------------------------------------*/

/* Desktop */

@media screen and (min-width: 1024px) {
    .desktop-navigation button {
        font-family: "purista-web",sans-serif;
        position: relative;
        z-index: 999;
        font-weight: 300;
        text-transform: uppercase;
        position: fixed;
        top: 50%;
        height: 125px;
        width: 125px;
        margin-top: -62px;
        background-color:#2f4ffd;
        font-size: 24px;
        color:#09ceff;
        letter-spacing: 3px;
        -webkit-box-shadow: 0px 17px 38px 0px rgba(0, 0, 0, 0.13);
                box-shadow: 0px 17px 38px 0px rgba(0, 0, 0, 0.13);
    }

    .no-touch .desktop-navigation button:hover {
        background-color:#2d2443;
    }

    .desktop-navigation-active .desktop-navigation button {
        background-color:#fff;
        color:#2f4ffd;
    }

    .desktop-navigation button:before {
        content:'';
        background-image:url(../img/close-blue.svg);
        background-size: 12px 12px;
        height: 12px;
        width: 12px;
        position: absolute;
        left: 50%;
        margin-left: -6px;
        opacity: 0;
        top: 50%;
        -webkit-transition:top 300ms ease, opacity 300ms ease;
        -o-transition:top 300ms ease, opacity 300ms ease;
        transition:top 300ms ease, opacity 300ms ease;
    }

    .desktop-navigation-active button:before {
        top: 15px;
        opacity: 1;
    }

    .desktop-navigation nav {
        position: fixed;
        z-index: 998;
        height: 100%;
        width: 60%;
        max-width: 900px;
        visibility: hidden;
        -webkit-transition: visibility 600ms ease;
        -o-transition: visibility 600ms ease;
        transition: visibility 600ms ease;
    }

    .desktop-navigation-active .desktop-navigation nav {
        visibility: visible;
    }

    .desktop-navigation nav ul {
        position: absolute;
        height: 100%;
        width: 100%;
    }

    .desktop-navigation nav li {
        height: 12.5%;
        width: 100%;
    }

    .desktop-navigation nav a {
        display: block;
        background-color:#2f4ffd;
        width: 100%;
        height: 100%;
        position: relative;
        color:#fff;
        font-family: "purista-web",sans-serif;
        font-weight: 300;
        text-transform: uppercase;
        padding-left: 31.4%;
        border-bottom: 1px solid #266cfd;
        -webkit-transition:color 300ms ease, background-color 300ms ease, width 300ms ease, right 500ms ease, border-color 300ms ease;
        -o-transition:color 300ms ease, background-color 300ms ease, width 300ms ease, right 500ms ease, border-color 300ms ease;
        transition:color 300ms ease, background-color 300ms ease, width 300ms ease, right 500ms ease, border-color 300ms ease;
        right: 100%;
        -webkit-transform: translate3d(0,0,0);
                transform: translate3d(0,0,0);
    }

    .no-touch .desktop-navigation-active .desktop-navigation nav a:hover {
        color:#09ceff;
        width: 110%;
        background-color:#32214b;
        border-color: #32214b;
    }

    .desktop-navigation-active .desktop-navigation nav a {
        right: 0;

    }

    .desktop-navigation nav li:nth-child(2) a {
        -webkit-transition-delay: 15ms;
            -o-transition-delay: 15ms;
           transition-delay: 15ms;
    }

    .desktop-navigation nav li:nth-child(3) a {
        -webkit-transition-delay: 30ms;
            -o-transition-delay: 30ms;
           transition-delay: 30ms;
    }

    .desktop-navigation nav li:nth-child(4) a {
        -webkit-transition-delay: 45ms;
            -o-transition-delay: 45ms;
           transition-delay: 45ms;
    }

    .desktop-navigation nav li:nth-child(5) a {
        -webkit-transition-delay: 60ms;
            -o-transition-delay: 60ms;
           transition-delay: 60ms;
    }

    .desktop-navigation nav li:nth-child(6) a {
        -webkit-transition-delay: 75ms;
            -o-transition-delay: 75ms;
           transition-delay: 75ms;
    }

    .desktop-navigation nav li:nth-child(7) a {
        -webkit-transition-delay: 90ms;
            -o-transition-delay: 90ms;
           transition-delay: 90ms;
    }

    .desktop-navigation nav li:nth-child(8) a {
        -webkit-transition-delay: 105ms;
            -o-transition-delay: 105ms;
           transition-delay: 105ms;
    }

    .desktop-navigation nav a > span {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
    }

    .desktop-navigation nav a .number {
        display: inline-block;
        vertical-align: middle;
        font-size: 46px;
        letter-spacing: 8px;
        margin-right: 33px;
    }

    .desktop-navigation nav a .title {
        display: inline-block;
        vertical-align: middle;
        font-size: 20px;
        letter-spacing: 4px;
    }

    .sticky-nav-desktop {
        position: fixed;
        top: 0;
        opacity: 0;
        background-color:#fff;
        z-index: 997;
        width: 100%;
        height: 58px;
        -webkit-transform: translateY(-58px);
            -ms-transform: translateY(-58px);
                transform: translateY(-58px);
        -webkit-transition: -webkit-transform 300ms ease;
                transition: -webkit-transform 300ms ease;
        -o-transition: transform 300ms ease;
            transition: transform 300ms ease;
            transition: transform 300ms ease, -webkit-transform 300ms ease;
        -webkit-box-shadow: 0px 8px 29px 0px rgba(0, 0, 0, 0.02);
                box-shadow: 0px 8px 29px 0px rgba(0, 0, 0, 0.02);
    }

    .sticky-nav-enabled .sticky-nav-desktop {
        opacity: 1;
        -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
                transform: translateY(0);
    }

    .sticky-nav-desktop nav.secondary {
        top: 20px;
        left: 25px;
    }

    .sticky-nav-desktop h1.site-logo {
        top: 17px;
        font-size: 18px;
        letter-spacing: .32em;
        background-size: 27px 27px;
        padding: 4px 35px 0 35px;
        height: 27px;
        margin: 0 auto;
        position: relative;
        cursor:pointer;
    }

    .sticky-nav-desktop h1.site-logo:active {
    -webkit-transform: scale(.98);
        -ms-transform: scale(.98);
            transform: scale(.98);
        }
}

/* Mobile */

@media screen and (max-width: 1023px) {
    .sticky-nav-desktop,
    .desktop-navigation {
        display: none;
    }
}

/*-------------------------------------
Intro
-------------------------------------*/

/* All Resolutions */

section.intro {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

section.intro:after,
section.intro:before {
    content:'';
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    background-color:#fff;
    z-index: 3;
}

section.intro:after {
    left: 50%;
}

section.intro .logo {
    width: 100%;
    height: 100%;
    z-index: 3;
    top: 0;
    left: 0;
    position: absolute;
    background-image:url(../img/intro-logo.png);
    background-size: 757px 757px;
    background-repeat: no-repeat;
}

@media screen and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) and (min-width: 768px){
    section.intro .logo {
         background-image:url(../img/intro-logo@2x.png);
    }
}

section.intro .logo:after,
section.intro .logo:before {
    content:'';
    position: absolute;
    background-color:#fff;
    width: 100%;
}

section.intro h2 {
    font-family: "purista-web",sans-serif;
    font-weight: 300;
    color:#000;
    margin: 0;
}

section.intro .copy {
    z-index: 10;
    text-align: center;
}

section.intro .mouse-icon {
    position: absolute;
    z-index: 9;
    left: 50%;
    margin-left: -13px;
}

/* Desktop */

@media screen and (min-width: 768px) {
    section.intro:after {
        margin-left: 378px;
    }

    section.intro:before {
        margin-left: -378px;
    }

    section.intro .logo {
        background-position: center;
    }

    section.intro .logo:after,
    section.intro .logo:before {
        height: 50%;
    }

    section.intro .logo:before {
        margin-top: 378px;
        top: 50%;
        left: 0;
    }

    section.intro .logo:after {
        margin-bottom: 378px;
        bottom: 50%;
    }

    section.intro .container {
        padding: 37px;
    }

    section.intro h1 {
        position: relative;
        z-index: 4;
        text-align: center;
        text-transform: uppercase;
        font-weight: normal;
        letter-spacing: .32em;
        font-size: 23px;
        margin-top: 36px;
    }

    section.intro h2 {
        font-size: 60px;
        line-height: 1.5em;
        letter-spacing: 3px;
        margin-bottom: 50px;
    }

    section.intro .copy {
        width: 100%;
        max-width: 1170px;
        position: absolute;
        top: 54%;
        left: 50%;
        -webkit-transform:translate(-50%,-50%);
            -ms-transform:translate(-50%,-50%);
                transform:translate(-50%,-50%);
        padding: 0 130px 0 130px;
    }

    section.intro .mouse-icon {
        bottom: 34px;
    }

    section.intro button.button {
        border-radius: 30px;
        padding: 18px 30px 18px 30px;
        font-size: 14px;
        letter-spacing: 2.2px;
    }
}

/* Narrow Height */

@media screen and (min-width: 768px) and (max-height: 900px) {
    section.intro .logo {
        background-size: 500px 500px;
    }

    section.intro:after {
        margin-left: 250px;
    }

    section.intro:before {
        margin-left: -250px;
    }

    section.intro .logo:before {
        margin-top: 250px;
    }

    section.intro .logo:after {
        margin-bottom: 250px;
    }
}

@media screen and (max-width: 1023px) {
    section.intro h1 {
        display: none;
    }
}

/* Mobile */

@media screen and (max-width: 767px) {
    section.intro .logo {
        background-position: center 75px;
        background-size: 290px 290px;
    }

    section.intro:before {
        margin-left: -145px;
    }

    section.intro:after {
        margin-left: 145px;
    }

    section.intro .logo:before {
        height: 100%;
        margin-top: 365px;
    }

    section.intro .logo:after {
        top: 0;
        height: 75px;
    }

    section.intro .copy {
        margin-top: 374px;
        position: relative;
        padding: 0 40px;
    }

    section.intro h2 {
        font-size: 33px;
        line-height: 45px;
        letter-spacing: 3px;
        margin-bottom: 19px;
    }

    section.intro .button {
        border-radius: 30px;
        padding: 18px 25px 16px 25px;
        font-size: 14px;
        letter-spacing: .1em;
    }

    section.intro .mouse-icon {
        display: none;
    }
}

/* ~iPhone 6 */

@media screen and (max-width: 767px) and (max-height: 667px) and (min-height: 559px) {
    section.intro .logo {
        background-position: center 72px;
    }

    section.intro .logo:before {
        margin-top: 362px;
    }

    section.intro .logo:after {
        height: 72px;
    }

    section.intro .copy {
        margin-top: 376px;
    }

    section.intro h2 {
        font-size: 21px;
        margin-bottom: 15px;
        letter-spacing: 2px;
        line-height: 28px;
    }
}

/* ~iPhone 5 */

@media screen and (max-width: 767px) and (max-height: 558px) {
    section.intro .logo {
        background-size: 200px 200px;
        background-position: center 60px;
    }

    section.intro:before {
        margin-left: -100px;
    }

    section.intro:after {
        margin-left: 100px;
    }

    section.intro .logo:before {
        margin-top: 260px;
    }

    section.intro .logo:after {
        height: 60px;
    }

    section.intro .copy {
        margin-top: 276px;
    }

    section.intro h2 {
        font-size: 18px;
        margin-bottom: 17px;
    }

    section.intro a.button {
        padding: 10px 18px 9px 18px;
    }
}

/*-------------------------------------
Video Unmasked
-------------------------------------*/

/* All Resolutions */

section.video-unmasked {
    z-index: 2;
    height: 100%;
    overflow: hidden;
    position: relative;
}

section.video-unmasked.pinned {
    position: static;
}

section.video-unmasked button.play {
    position: absolute;
    font-weight: bold;
    font-size: 11px;
    text-align: center;
    text-transform: uppercase;
    border:none;
    width: 128px;
    height: 128px;
    color:#fff;
    border-radius: 50%;
    background-color:rgba(0,0,0,.5);
    padding: 0;
    margin: 0;
    top: 50%;
    left: 50%;
    margin-left: -64px;
    margin-top: -64px;
    letter-spacing: .8px;
    z-index: 999;
}

section.video-unmasked button.play:hover {
    background-color:rgba(0,0,0,1);
}

section.video-unmasked button.play span {
    display: block;
    border:1px solid #fff;
    border-radius: 50%;
    width: 99px;
    height: 99px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -50px;
    margin-top: -50px;
    padding: 50px 10px;
    line-height: 1.3em;
}

section.video-unmasked button.play span:before {
    content:'';
    position: absolute;
    top: 25px;
    left: 50%;
    margin-left: -6px;
    width: 12px;
    height: 19px;
    background-image:url(../img/icon-play.svg);
    background-size: 12px 19px;
}

section.video-unmasked .video-embed video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

section.video-unmasked .mouse-icon.tablet,
section.video-unmasked .mouse-icon.mobile {
    display: none;
}

@media screen and (max-width: 1023px) {
    section.video-unmasked .mouse-icon.mobile {
        display: block;
        position: absolute;
        bottom: -100px;
        left: 50%;
        margin-left: -12px;
    }
}

@media screen and (max-width: 1200px) and (min-width: 1024px) and (min-height: 700px) {
    section.video-unmasked .mouse-icon.tablet {
        display: block;
        position: absolute;
        bottom: 40px;
        left: 50%;
        margin-left: -12px;
    }
}

/* Desktop */

@media screen and (min-width: 1024px) {

    section.video-unmasked .container {
        padding-top: 23px;
    }

    .countdown.mobile {
        display: none;
    }

    h1.site-logo {
        display: table;
        font-size: 23px;
        text-align: center;
        text-transform: uppercase;
        font-weight: normal;
        letter-spacing: .32em;
        background-image:url(../img/site-logo.svg);
        background-size: 50px 50px;
        background-repeat: no-repeat;
        padding: 13px 68px 0 68px;
        height: 50px;
        margin: 0 auto;
        position: relative;
    }

    section.video-unmasked .video-container {
        position: absolute;
        width: 100%;
        max-width: 1640px;
        margin: 0 auto;
        top: 50.5%;
        left: 50%;
        -webkit-transform:translate(-50%,-50%);
            -ms-transform:translate(-50%,-50%);
                transform:translate(-50%,-50%);
        padding-left: 140px;
        padding-right: 140px;
    }

    section.video-unmasked .video-embed {
        position: relative;
        padding-bottom: 56.25%;
        height: 0;
        overflow: hidden;
        max-width: 100%;
        -webkit-box-shadow: 0px 17px 38px 0px rgba(0, 0, 0, 0.21);
            box-shadow: 0px 17px 38px 0px rgba(0, 0, 0, 0.21);
    }

    nav.secondary {
        position: absolute;
        z-index: 99;
        top: 37px;
        left: 25px;
    }

    section.pinned nav.secondary {
        position: fixed;
    }

    nav.secondary li {
        display: inline-block;
    }

    nav.secondary li {
        margin-left: 25px;
    }

    nav.secondary li:first-child {
        margin-left: 0;
    }

    nav.secondary a,
    nav.secondary button {
        display: inline-block;
        position: relative;
        letter-spacing: 1px;
        background-color: transparent;
        color:#2f4ffd;
        text-transform: uppercase;
        font-size: 11px;
        font-weight: bold;
    }

    nav.secondary a:hover,
    nav.secondary button:hover {
        color:#9fadf8;
        background-color:#fff;
    }

    nav.secondary a.whitepaper svg {
  width: 11px;
  height: 15px;
  display: inline-block;
  vertical-align: text-top;
  margin: -1px 0 0 5px;
  fill:#2f4ffd;
  }

  nav.secondary a.whitepaper:hover svg {
  fill:#9fadf8;
  }

    nav.secondary a.telegram svg {
        width: 15px;
        height: 15px;
        display: inline-block;
        vertical-align: text-top;
        margin: -1px 0 0 5px;
        fill:#2f4ffd;
    }

    nav.secondary a.telegram:hover svg {
        fill:#9fadf8;
    }

    nav.secondary a.github svg {
        width: 15px;
        height: 15px;
        display: inline-block;
        vertical-align: text-top;
        margin: -1px 0 0 5px;
        fill:#2f4ffd;
    }

    nav.secondary a.github:hover svg {
        fill:#9fadf8;
    }

    nav.secondary a.youtube svg {
  width: 17px;
  height: 13px;
  display: inline-block;
  vertical-align: text-top;
  margin: 1px 0 0 5px;
  fill:#2f4ffd;
  }

  nav.secondary a.youtube:hover svg {
  fill:#9fadf8;
  }

  nav.secondary a.blog svg {
  width: 15px;
  height: 15px;
  display: inline-block;
  vertical-align: text-top;
  margin: -1px 0 0 5px;
  fill:#2f4ffd;
  }

  nav.secondary a.blog:hover svg {
  fill:#9fadf8;
  }

    .countdown {
        position: absolute;
        z-index: 99;
        top: 32px;
        right: 25px;
        width: 120px;
    }

    section.pinned .countdown {
        position: fixed;
    }

    .countdown p {
        text-transform: uppercase;
    }

    .countdown > p {
        font-size:11px;
        font-weight: bold;
        text-align: center;
        line-height: 1.3em;
        margin: 0;
        letter-spacing: 1px;
        color:#2f4ffd;
        margin-bottom: 18px;
    }

    .countdown .ClassyCountdown-value {
        color:#2f4ffd;
    }

    .countdown .ClassyCountdown-wrapper > div {
        margin: 0 auto 24px auto;
        width: 73px;
        height: 73px;
    }

    .countdown .ClassyCountdown-value div {
        font-size: 19px !important;
        font-weight: bold;
        margin-bottom: 3px;
    }

    .countdown .ClassyCountdown-value span {
        color:#9f9f9f;
        font-weight: bold;
        font-size: 11px !important;
    }

    .crowdsale {
        opacity: 0;
    }

    .show-all-links .crowdsale {
        opacity: 1;
    }
}

@media screen and (min-width: 1500px) and (max-height: 900px) {
    section.video-unmasked .video-container {
        width: 75%;
    }
}

@media screen and (max-width: 1300px) and (min-width: 1024px) {
    nav.secondary a span,
    nav.secondary button span {
        display: none;
    }

    nav.secondary li {
        margin-left: 16px;
    }
}

@media screen and (max-width: 1300px) and (min-width: 1024px) {
    section.video-unmasked h1 {
        padding-left: 0;
        padding-right: 0;
        background-image: none;
    }
}

/* Mobile */

@media screen and (max-width: 1023px) {
    section.video-unmasked .container {
        padding: 15px 12px;
    }

    section.video-unmasked nav.secondary {
        display: none;
    }

    .countdown.desktop {
        display: none;
    }

    section.video-unmasked .video-container {
        height: 423px;
        position: relative;
        padding-left: 20px;
        padding-right: 20px;
        width: 100%;
        max-width: 752px;
        margin: 0 auto;
        background-color:#fff;
        overflow: hidden;
        -webkit-box-shadow: 2px 6px 18px 2px rgba(0,0,0,0.4);
            box-shadow: 2px 6px 18px 2px rgba(0,0,0,0.4);
    }

    section.video-unmasked .video-container video {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform:translate(-50%,-50%);
            -ms-transform:translate(-50%,-50%);
                transform:translate(-50%,-50%);
        width: 752px;
        height: 423px;
    }

    section.video-unmasked .countdown {
        position: relative;
        text-align: center;
        padding-top: 17px;
    }

    section.video-unmasked .countdown > p {
        font-size:11px;
        font-weight: bold;
        text-align: center;
        text-transform: uppercase;
        color:#2f4ffd;
        letter-spacing: .12em;
    }

    section.video-unmasked .ClassyCountdown-value {
        color:#0050ff;
    }

    section.video-unmasked .ClassyCountdown-wrapper {
        text-align: center;
        padding-top: 5px;
    }

    section.video-unmasked .ClassyCountdown-wrapper > div {
        width: 73px;
        height: 73px;
        margin: 0 2%;
        display: inline-block;
    }

    section.video-unmasked .ClassyCountdown-value div {
        font-size: 19px !important;
        font-weight: bold;
    }

    section.video-unmasked .ClassyCountdown-value span {
        color:#9f9f9f;
        font-size: 11px !important;
    }
}

/* ~iPhone 6 */

@media screen and (max-width: 1023px) and (max-height: 667px) and (min-height: 559px) {
    section.video-unmasked .video-container {
        height: 330px;
    }
}

/* ~iPhone 5 */

@media screen and (max-width: 1023px) and (max-height: 558px) {
    section.video-unmasked .video-container {
        height: 300px;
    }
}

/*-------------------------------------
Video Modal
-------------------------------------*/

/* All Resolutions */

.video-modal .video-embed {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    z-index:1;
}

.video-window {
    position: absolute;
    width: 70%;
    max-width: 1395px;
    margin: 0 auto;
    -webkit-box-shadow: 2px 6px 18px 2px rgba(0,0,0,0.4);
            box-shadow: 2px 6px 18px 2px rgba(0,0,0,0.4);
    top: 50%;
    left: 50%;
    z-index: 10;
    -webkit-transform:translate(-50%,-50%);
        -ms-transform:translate(-50%,-50%);
            transform:translate(-50%,-50%);
}

.video-modal .modal-close {
    top: -40px;
    right: -10px;
}

.video-modal iframe,
.video-modal object,
.video-modal embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*-------------------------------------
What Is Chronologic?
-------------------------------------*/

/* All Resolutions */

#what-is-chronologic {
    position: relative;
    z-index: 2;
}

#what-is-chronologic .box h2 {
    font-family: "purista-web",sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    text-align: center;
    background-image: url(../img/site-logo-white.svg);
    background-repeat: no-repeat;
    background-position: top center;
}

#what-is-chronologic .watch {
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 1;
    background-image:url(../img/what-is-chronologic-watch.png);
}

.touch #what-is-chronologic.active .watch {
    -webkit-transition: -webkit-transform 2000ms ease;
    transition: -webkit-transform 2000ms ease;
    -o-transition: transform 2000ms ease;
    transition: transform 2000ms ease;
    transition: transform 2000ms ease, -webkit-transform 2000ms ease;
}

@media screen and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi){
    #what-is-chronologic .watch {
       background-image:url(../img/what-is-chronologic-watch@2x.png);
    }
}

#what-is-chronologic .watch.pinned {
    position: fixed;
}

#what-is-chronologic .box {
    position: relative;
    max-width: 702px;
    margin-left: auto;
    margin-right: auto;
    color:#fff;
    background-image:url(../img/what-is-chronologic-box.jpg);
    background-size: cover;
    -webkit-box-shadow: 0px 17px 38px 0px rgba(0, 0, 0, 0.13);
            box-shadow: 0px 17px 38px 0px rgba(0, 0, 0, 0.13);
    z-index: 2;
}

#what-is-chronologic .box .content {
    opacity: 0;
    -webkit-transition: opacity 500ms ease;
    -o-transition: opacity 500ms ease;
    transition: opacity 500ms ease;
}

.touch #what-is-chronologic.active .box .content {
    opacity: 1;
}

.no-touch #what-is-chronologic .box.active .content {
    opacity: 1;
}

#what-is-chronologic .box p {
    text-align: center;
    max-width: 400px;
    margin: 0 auto;
}

#what-is-chronologic .grid {
    background-position: top center;
}

#what-is-chronologic .grid-container {
    position: relative;
    height: 1164px;
    overflow: hidden;
    width: 100%;
}

#what-is-chronologic .grid {
    position: absolute;
    left: 50%;
    margin-left: -1284px;
    background-image:url(../img/what-is-chronologic-grid.svg);
    width: 2560px;
    height: 1164px;
    background-size: 2560px 1164px;
}

.data-lines > span {
    position: absolute;
    z-index: 1;
    height: 2px;
    overflow: hidden;
    z-index: 1;
}

.animation-disabled .data-lines > span > span {
    -webkit-animation-play-state: paused;
            animation-play-state: paused;
}

.data-lines > span:nth-child(1) {
    -webkit-transform: rotate(19.1deg);
        -ms-transform: rotate(19.1deg);
            transform: rotate(19.1deg);
    -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
            transform-origin: top left;
    left: 0;
    top: -10px;
    width: 1891px;
}

.data-lines > span:nth-child(2) {
    -webkit-transform: rotate(-19.1deg);
        -ms-transform: rotate(-19.1deg);
            transform: rotate(-19.1deg);
    -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
            transform-origin: top left;
    left: 350px;
    top: 775px;
    width: 2050px;
}

.data-lines > span:nth-child(2) > span {
    -webkit-animation-duration: 3s;
            animation-duration: 3s;
}

.data-lines > span:nth-child(3) {
    -webkit-transform: rotate(-19.1deg);
        -ms-transform: rotate(-19.1deg);
            transform: rotate(-19.1deg);
    -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
            transform-origin: top left;
    left: 0;
    top: 1150px;
    width: 1750px;
}

.data-lines > span:nth-child(4) {
    -webkit-transform: rotate(-19.1deg);
        -ms-transform: rotate(-19.1deg);
            transform: rotate(-19.1deg);
    -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
            transform-origin: top left;
    left: 830px;
    top: 950px;
    width: 1415px;
}

.data-lines > span:nth-child(5) {
    -webkit-transform: rotate(19.1deg);
        -ms-transform: rotate(19.1deg);
            transform: rotate(19.1deg);
    -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
            transform-origin: top left;
    left: 0px;
    top: 215px;
    width: 1310px;
}

.data-lines > span:nth-child(5) > span {
    -webkit-animation-duration: 1.3s;
            animation-duration: 1.3s;
}

.data-lines > span:nth-child(6) {
    -webkit-transform: rotate(19.1deg);
        -ms-transform: rotate(19.1deg);
            transform: rotate(19.1deg);
    -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
            transform-origin: top left;
    left: 0px;
    top: 295px;
    width: 1320px;
}

.data-lines > span:nth-child(7) {
    -webkit-transform: rotate(-19.1deg);
        -ms-transform: rotate(-19.1deg);
            transform: rotate(-19.1deg);
    -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
            transform-origin: top left;
    left: 690px;
    top: 520px;
    width: 600px;
}

.data-lines > span:nth-child(7) > span {
    -webkit-animation-duration: 3s;
            animation-duration: 3s;
}

.data-lines > span:nth-child(8) {
    -webkit-transform: rotate(-19.1deg);
        -ms-transform: rotate(-19.1deg);
            transform: rotate(-19.1deg);
    -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
            transform-origin: top left;
    left: 0;
    top: 470px;
    width: 710px;
}

.data-lines > span:nth-child(8) > span {
    -webkit-animation-duration: 2s;
            animation-duration: 2s;
}

.data-lines > span:nth-child(9) {
    -webkit-transform: rotate(-19.1deg);
        -ms-transform: rotate(-19.1deg);
            transform: rotate(-19.1deg);
    -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
            transform-origin: top left;
    left: 320px;
    top: 773px;
    width: 2070px;
}

.data-lines > span:nth-child(9) > span {
    -webkit-animation-duration: 1.5s;
            animation-duration: 1.5s;
}

.data-lines > span > span {
    position: absolute;
    width: 30px;
    border-radius: 2px;
    height: 2px;
    top: 0;
    left: 0;
    background-color:#df40fa;
    -webkit-animation: griddata infinite 2s linear;
            animation: griddata infinite 2s linear;
}

@-webkit-keyframes griddata {
    0% {
        left: -20px;
    }
    100% {
        left: 100%;
    }
}

@keyframes griddata {
    0% {
        left: -20px;
    }
    100% {
        left: 100%;
    }
}

.animation-disabled .grid .marker * {
    -webkit-animation-play-state: paused;
            animation-play-state: paused;
}

.grid-markers > span {
    position: absolute;
    z-index: 2;
}

.grid-markers > span > span {
    display: block;
    border: 2px solid #df43fa;
    background-color:#fff;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    opacity: 0;
    -webkit-transform: translateY(25px) scale(.8);
        -ms-transform: translateY(25px) scale(.8);
            transform: translateY(25px) scale(.8);
    -webkit-transition: opacity 600ms ease, -webkit-transform 600ms ease;
    transition: opacity 600ms ease, -webkit-transform 600ms ease;
    -o-transition: opacity 600ms ease, transform 600ms ease;
    transition: opacity 600ms ease, transform 600ms ease;
    transition: opacity 600ms ease, transform 600ms ease, -webkit-transform 600ms ease;
    background-repeat: no-repeat;
    background-position: center;
}

.grid-markers.active > span > span {
    opacity: 1;
    -webkit-transform: translateY(0) scale(1);
        -ms-transform: translateY(0) scale(1);
            transform: translateY(0) scale(1);
}

.touch #what-is-chronologic.active .grid-markers > span > span {
    opacity: 1;
    -webkit-transition-delay: 2000ms;
        -o-transition-delay: 2000ms;
       transition-delay: 2000ms;
    -webkit-transform: translateY(0) scale(1);
        -ms-transform: translateY(0) scale(1);
            transform: translateY(0) scale(1);
}

.grid-markers > span:nth-child(1) > span,
.grid-markers > span:nth-child(8) > span {
    background-image: url(../img/icon-ecommerce.svg);
}

.grid-markers > span:nth-child(2) > span,
.grid-markers > span:nth-child(6) > span {
    background-image: url(../img/icon-travel.svg);
}

.grid-markers > span:nth-child(3) > span {
    background-image: url(../img/icon-software.svg);
}

.grid-markers > span:nth-child(4) > span,
.grid-markers > span:nth-child(7) > span {
    background-image: url(../img/icon-outsourcing.svg);
}

.grid-markers > span:nth-child(5) > span,
.grid-markers > span:nth-child(9) > span {
    background-image: url(../img/icon-finance.svg);
}

.grid-markers > span > span:after {
    content:'';
    position: absolute;
    background-color:#df43fa;
    width: 4px;
    height: 4px;
    bottom: -4px;
    left: 50%;
    margin-left: -1px;
    z-index: -1;
    -webkit-transform:rotate(-45deg);
        -ms-transform:rotate(-45deg);
            transform:rotate(-45deg);
}

.grid-markers > span:after {
    content:'';
    position: absolute;
    height: 2px;
    width: 15px;
    background-color:#0050ff;
    border-radius: 50%;
    left: 50%;
    margin-left: -7px;
    bottom: -20px;
    z-index: 2;
}

.grid-markers > span > span:before {
    content:'';
    position: absolute;
    background-color:#0050ff;
    height: 10px;
    width: 60px;
    border-radius: 50%;
    z-index: 1;
    left: 50%;
    margin-left: -31px;
    bottom: -26px;
    -webkit-transform:scale(0);
        -ms-transform:scale(0);
            transform:scale(0);
    opacity: 0;
    -webkit-transition: bottom 600ms ease, opacity 600ms ease, -webkit-transform 600ms ease;
    transition: bottom 600ms ease, opacity 600ms ease, -webkit-transform 600ms ease;
    -o-transition: bottom 600ms ease, transform 600ms ease, opacity 600ms ease;
    transition: bottom 600ms ease, transform 600ms ease, opacity 600ms ease;
    transition: bottom 600ms ease, transform 600ms ease, opacity 600ms ease, -webkit-transform 600ms ease;
}

.grid-markers.active > span > span:before {
    -webkit-transform:scale(1);
        -ms-transform:scale(1);
            transform:scale(1);
    opacity: .1;
}

.grid-markers > span:nth-child(1) {
    top: 286px;
    left: 1063px
}

.grid-markers > span:nth-child(2) {
    top: 192px;
    left: 501px;
}

.grid-markers.active > span:nth-child(2):before,
.grid-markers.active > span:nth-child(2) span {
    -webkit-transition-delay: 275ms;
        -o-transition-delay: 275ms;
       transition-delay: 275ms;
}

.grid-markers > span:nth-child(3) {
    top: 397px;
    left: 739px;
}

.grid-markers.active > span:nth-child(3):before,
.grid-markers.active > span:nth-child(3) span {
    -webkit-transition-delay: 200ms;
        -o-transition-delay: 200ms;
       transition-delay: 200ms;
}

.grid-markers > span:nth-child(4) {
    top: 608px;
    left: 493px;
}

.grid-markers.active > span:nth-child(4):before,
.grid-markers.active > span:nth-child(4) span {
    -webkit-transition-delay: 325ms;
        -o-transition-delay: 325ms;
       transition-delay: 325ms;
}

.grid-markers > span:nth-child(5) {
    top: 814px;
    left: 678px;
}

.grid-markers.active > span:nth-child(5):before,
.grid-markers.active > span:nth-child(5) span {
    -webkit-transition-delay: 450ms;
        -o-transition-delay: 450ms;
       transition-delay: 450ms;
}

.grid-markers > span:nth-child(6) {
    top: 557px;
    left: 1199px;
}

.grid-markers.active > span:nth-child(6):before,
.grid-markers.active > span:nth-child(6) span {
    -webkit-transition-delay: 350ms;
        -o-transition-delay: 350ms;
       transition-delay: 350ms;
}

.grid-markers > span:nth-child(7) {
    top: 416px;
    left: 1440px;
}

.grid-markers.active > span:nth-child(7):before,
.grid-markers.active > span:nth-child(7) span {
    -webkit-transition-delay: 420ms;
        -o-transition-delay: 420ms;
       transition-delay: 420ms;
}

.grid-markers > span:nth-child(8) {
    top: 566px;
    left: 1590px;
}

.grid-markers.active > span:nth-child(8):before,
.grid-markers.active > span:nth-child(8) span {
    -webkit-transition-delay: 550ms;
        -o-transition-delay: 550ms;
       transition-delay: 550ms;
}

.grid-markers > span:nth-child(9) {
    top: 311px;
    left: 1895px;
}

.grid-markers.active > span:nth-child(9):before,
.grid-markers.active > span:nth-child(9) span {
    -webkit-transition-delay: 600ms;
        -o-transition-delay: 600ms;
       transition-delay: 600ms;
}

/* Desktop */

@media screen and (min-width: 1024px) {
    #what-is-chronologic {
       padding-top: 300px;
    }

    #what-is-chronologic .watch {
        width: 122px;
        height: 240px;
        margin-left: -61px;
        background-size: 122px 240px;
        -webkit-transform: translate3d(0, 0, 0px);
                transform: translate3d(0, 0, 0px);
    }

    .touch #what-is-chronologic.active .watch {
        -webkit-transform: translate3d(0, 938px, 0px);
                transform: translate3d(0, 938px, 0px);
    }

    #what-is-chronologic .box {
        width: 100%;
        margin: 0 auto;
        padding: 80px 20px 70px 20px;
    }

    #what-is-chronologic .box h2 {
        font-size: 34px;
        letter-spacing: 10px;
        background-size: 60px 60px;
        padding-top: 120px;
        margin-bottom: 55px;
    }

    #what-is-chronologic .box p {
        font-size: 18px;
        line-height: 1.7em;
        margin-bottom: 18px;
    }
}

/* Mobile */

@media screen and (max-width: 1023px) {
    #what-is-chronologic {
       padding-top: 207px;
    }

    #what-is-chronologic .watch {
        width: 91px;
        height: 180px;
        margin-left: -45px;
        background-size: 91px 180px;
    }

    #what-is-chronologic .box {
        padding: 65px 20px 48px 20px;
    }

    #what-is-chronologic .box h2 {
        padding-top: 80px;
        font-size: 23px;
        letter-spacing: 7px;
        max-width: 300px;
        margin: 0 auto;
        background-size: 48px 48px;
        line-height: 35px;
        margin-bottom: 24px;
    }

    .grid-markers.active > span:nth-child(8) {
        display: none;
    }

    #what-is-chronologic .box p {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 18px;
    }

    .touch #what-is-chronologic.active .watch {
        -webkit-transform: translate3d(0, 690px, 0px);
                transform: translate3d(0, 700px, 0px);
    }

    .no-touch #what-is-chronologic .box.active .content {
        opacity: 1;
    }

    #what-is-chronologic .grid-container {
        height: 614px;
    }

    #what-is-chronologic .grid {
        -webkit-transform: scale(.65);
            -ms-transform: scale(.65);
                transform: scale(.65);
        margin-top: -200px;
    }
}

/*-------------------------------------
TimeMints
-------------------------------------*/

/* All Resolutions */

#what-are-timemints {
    position: relative;
    z-index: 2;
    width: 100%;
}

#what-are-timemints .angle {
    overflow: hidden;
    position: relative;
    overflow: hidden;
}

#what-are-timemints .angle:before {
    content:'';
    position: absolute;
    left: 50%;
    -webkit-transform: rotate(-19.1deg) translateX(-50%);
        -ms-transform: rotate(-19.1deg) translateX(-50%);
            transform: rotate(-19.1deg) translateX(-50%);
    top: 0;
    background-color:#2d2443;
    z-index: -1;
}

#what-are-timemints .container {
    max-width: 610px;
    margin: 0 auto;
    text-align: center;
}

.timemint {
    position: absolute;
    background-image:url(../img/transaction.png);
    color:#0cc0ef;
    font-family: "purista-web",sans-serif;
}

.timemint .id {
    position: absolute;
    font-size: 34px;
    right: 0;
    top: 14px;
    right: 15px;
    text-align: right;
    letter-spacing: 8px;
    font-weight: 300;
}

.timemint .number {
    position: absolute;
    font-size: 80px;
    font-weight: 200;
    top: 78px;
    left: 23px;
    width: 438px;
}

.timemint .number span {
    width: 20%;
    float: left;
    text-align: center;
}

.timemint .day {
   position: absolute;
   font-size: 80px;
   font-weight: 200;
   top: 78px;
   right: 43px;
   text-align: right;
   letter-spacing: 6px;
}

.timemint .meter {
    position: absolute;
    background-color:#09ceff;
    height: 2px;
    width: 380px;
    top: 262px;
    left: 180px;
    width: 470px;
}

.timemint.primary .meter {
    width: 0;
}

.timemint-objects.active .timemint.primary .meter {
    -webkit-animation: meterbounce forwards 2s ease;
            animation: meterbounce forwards 2s ease;
    width: 470px;
}

.timemint-objects .timemint:not(.primary) {
    opacity: 0;
    -webkit-transform: translate(0,0);
        -ms-transform: translate(0,0);
            transform: translate(0,0);
    -webkit-transition: opacity 600ms ease, -webkit-transform 600ms ease;
    -o-transition: opacity 600ms ease, transform 600ms ease;
    transition: opacity 600ms ease, transform 600ms ease;
}

.timemint-objects .timemint:not(.primary):after {
    content:'';
    position: absolute;
    background-color:#27223d;
    width: 100%;
    height: 100%;
    opacity: .8;
    left: 0;
    top: 0;
    border-radius: 18px;
}

.timemint-objects.active .timemint:not(.primary) {
    opacity: 1;
}

.timemint .meter:after {
    content:'';
    position: absolute;
    border-radius: 50%;
    width: 14px;
    height: 14px;
    background-color:#09ceff;
    border:3px solid #27223d;
    right: 0;
    top: -6px;
}

.timemint-objects.active .timemint.primary .meter:after {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
        transform-origin: center;
    -webkit-animation: meterhandle forwards 2s ease;
            animation: meterhandle forwards 2s ease;
}

@-webkit-keyframes meterhandle {
    0% {
        transform: scale(1);
    }
    80% {
        transform: scale(2);
    }
    100% {
        transform: scale(1);
    }
}

@-webkit-keyframes meterhandle {
    0% {
        transform: scale(1);
    }
    80% {
        transform: scale(2);
    }
    100% {
        transform: scale(1);
    }
}

.timemint-objects.active .timemint:nth-child(2){
    z-index: 9;
    -webkit-transition-delay: 300ms;
        -o-transition-delay: 300ms;
       transition-delay: 300ms;
}

.timemint-objects.active .timemint:nth-child(3){
    z-index: 8;
    -webkit-transition-delay: 500ms;
        -o-transition-delay: 500ms;
       transition-delay: 500ms;
}

.timemint-objects.active .timemint:nth-child(4){
    z-index: 7;
    -webkit-transition-delay: 700ms;
        -o-transition-delay: 700ms;
       transition-delay: 700ms;
}

.timemint-objects.active .timemint:nth-child(5){
    z-index: 6;
    -webkit-transition-delay: 900ms;
        -o-transition-delay:900ms;
       transition-delay:900ms;
}

.timemint-objects.active .timemint:nth-child(6){
    z-index: 5;
    -webkit-transition-delay:1100ms;
        -o-transition-delay:1100ms;
       transition-delay:1100ms;
}

.timemint-objects.active .timemint:nth-child(7){
    z-index: 4;
    -webkit-transition-delay: 1300ms;
        -o-transition-delay: 1300ms;
       transition-delay: 1300ms;
}

@-webkit-keyframes meterbounce {
    0% {
        width: 0;
    }
    80% {
        width: 470px;
    }
    90% {
        width: 470px;
    }
    100% {
        width: 470px;
    }
}

@keyframes meterbounce {
    0% {
        width: 0;
    }
    80% {
        width: 470px;
    }
    90% {
        width: 470px;
    }
    100% {
        width: 470px;
    }
}

.timemint {
    z-index: 10;
    width: 685px;
    height: 297px;
    background-size: 685px 297px;
}

.timemint-objects.active .timemint:nth-child(2){
    -webkit-transform:translate(150px,-55px);
        -ms-transform:translate(150px,-55px);
            transform:translate(150px,-55px);
}

.timemint-objects.active .timemint:nth-child(3){
    -webkit-transform:translate(305px,-110px);
        -ms-transform:translate(305px,-110px);
            transform:translate(305px,-110px);
}

.timemint-objects.active .timemint:nth-child(4){
    -webkit-transform:translate(460px,-170px);
        -ms-transform:translate(460px,-170px);
            transform:translate(460px,-170px);
}

.timemint-objects.active .timemint:nth-child(5){
    -webkit-transform:translate(640px,-220px);
        -ms-transform:translate(640px,-220px);
            transform:translate(640px,-220px);
}

.timemint-objects.active .timemint:nth-child(6){
    -webkit-transform:translate(790px,-273px);
        -ms-transform:translate(790px,-273px);
            transform:translate(790px,-273px);
}

.timemint-objects.active .timemint:nth-child(7){
    -webkit-transform:translate(938px,-328px);
        -ms-transform:translate(938px,-328px);
            transform:translate(938px,-328px);
}

#what-are-timemints h2 {
    font-family: "purista-web",sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    color:#0cc0ef;
}

#what-are-timemints p {
    color:#fff;
}

#what-are-timemints .video-loop-blocks {
    position: absolute;
}

#what-are-timemints .video-loop-blocks span {
    position: absolute;
    background-color:#0050ff;
    z-index: 99;
    -webkit-box-shadow: 0px 17px 38px 0px rgba(0, 0, 0, 0.13);
            box-shadow: 0px 17px 38px 0px rgba(0, 0, 0, 0.13);
}

/*#what-are-timemints .video-loop-blocks span:nth-child(odd):after {
    background-color:#2f4ffd;
    opacity: .8;
}

#what-are-timemints .video-loop-blocks span:nth-child(even):after {
    background-color:#5b00ff;
    opacity: .8;
}*/

#what-are-timemints .video-loop-blocks span:after {
    content:'';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Desktop */

@media screen and (min-width: 1024px) {
    #what-are-timemints .angle {
        padding-top: 1360px;
        margin-top: -910px;
        height: 1888px;
        margin-bottom: 272px;
    }

    #what-are-timemints .angle:before {
        height: 4000px;
        width: 4000px;
    }

    .timemint-objects {
        position: absolute;
        width: 685px;
        height: 297px;
        top: 1007px;
        left: 50%;
        margin-left: -344px;
    }

    #what-are-timemints h2 {
        font-size: 34px;
        letter-spacing: 10px;
        margin-bottom: 48px;
    }

    #what-are-timemints p {
        font-size: 18px;
        line-height: 30px;
    }

    #what-are-timemints .video-loop-blocks {
        width: 1561px;
        height: 1328px;
        top: 400px;
        left: 50%;
        margin-left: -857px;
    }

    #what-are-timemints .video-loop-blocks span {
        width: 266px;
        height: 266px;
    }

    #what-are-timemints .video-loop-blocks span:nth-child(1) {
        top: 210px;
        left: 365px;
    }

    #what-are-timemints .video-loop-blocks span:nth-child(2) {
        bottom: 0;
        left: 0;
    }

    #what-are-timemints .video-loop-blocks span:nth-child(3) {
        bottom: -266px;
        left: 266px;
    }

    #what-are-timemints .video-loop-blocks span:nth-child(4) {
        top: 895px;
        right: 0;
    }
}

/* Mobile */

@media screen and (max-width: 1023px) {
    #what-are-timemints .video-loop-blocks {
        top: 0;
        width: 100%;
        height: 100%;
    }

    #what-are-timemints .video-loop-blocks span:nth-child(4) {
        display: none;
    }

    #what-are-timemints {
        margin-top: -300px;
        margin-bottom: 103px;
    }

    #what-are-timemints .container {
        padding: 0 15px;
    }

    #what-are-timemints .angle {
        padding-top: 548px;
        margin-top: -110px;
        height: 1079px;
    }

    #what-are-timemints .angle:before {
        top: -39px;
        height: 1600px;
        width: 1600px;
    }

    .timemint-objects {
        position: absolute;
        top: 373px;
        left: 50%;
        margin-left: -166px;
        width: 335px;
        height: 145px;
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
            transform-origin: top left;
        -webkit-transform:scale(.49);
            -ms-transform:scale(.49);
                transform:scale(.49);
    }

    #what-are-timemints h2 {
        font-size: 23px;
        letter-spacing: 6px;
        margin-bottom: 30px;
    }

    #what-are-timemints p {
        font-size: 16px;
        line-height: 25px;
    }
}

@media screen and (max-width: 1023px) and  (min-width: 768px){
    #what-are-timemints .video-loop-blocks span,
    #what-are-timemints .video-loop-blocks video {
        width: 180px;
        height: 180px;
    }

    #what-are-timemints .video-loop-blocks span:nth-child(1) {
        top: 117px;
        left: 50%;
        margin-left: -108px;
    }

    #what-are-timemints .video-loop-blocks span:nth-child(2) {
        top: 795px;
        left: 50%;
        margin-left: -332px;
    }

    #what-are-timemints .video-loop-blocks span:nth-child(3) {
        top: 975px;
        left: 50%;
        margin-left: -152px;
    }
}

@media screen and (max-width: 767px) {
    #what-are-timemints .video-loop-blocks span,
    #what-are-timemints .video-loop-blocks video {
        width: 106px;
        height: 106px;
    }

    #what-are-timemints .video-loop-blocks span:nth-child(1) {
        top: 157px;
        left: 50%;
        margin-left: -108px;
    }

    #what-are-timemints .video-loop-blocks span:nth-child(2) {
        top: 929px;
        left: 50%;
        margin-left: -182px;
    }

    #what-are-timemints .video-loop-blocks span:nth-child(3) {
        top: 1035px;
        left: 50%;
        margin-left: -76px;
    }
}

/*-------------------------------------
CTA
-------------------------------------*/

/* All Resolutions */

section.cta {
    position: relative;
    z-index: 2;
}

section.cta .box {
    -webkit-box-shadow: 0px 17px 38px 0px rgba(0, 0, 0, 0.13);
            box-shadow: 0px 17px 38px 0px rgba(0, 0, 0, 0.13);
    width: 100%;
    max-width: 1396px;
    margin: 0 auto;
    background-size: cover;
    background-position: center;
}

section.cta.time .box {
    background-image:url(../img/cta-time-bg.jpg);
}

section.cta.join .box {
    background-image:url(../img/cta-join-bg3.jpg);
    background-position: bottom right;
}

section.cta .box .copy {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    margin: 0 auto;
}

section.cta .box p {
    font-family: "purista-web",sans-serif;
    font-weight: 300;
    text-align: center;
    color:#fff;
    margin: 0;
}

/* Desktop */

@media screen and (min-width: 1024px) {
    section.cta .box {
        height: 785px;
        padding: 0 130px;
    }

    section.cta .box .copy {
        max-width: 900px;
    }

    section.cta .box p {
        font-size: 60px;
        line-height: 85px;
        letter-spacing: 3px;
    }

    section.cta button {
        margin-top: 45px;
    }
}

/* Mobile */

@media screen and (max-width: 1023px) {
    section.cta .box {
        height: 454px;
        padding: 0 10px;
    }

    section.cta .copy {
        max-width: 610px;
    }

    section.cta .box p {
        font-size: 30px;
        line-height: 55px;
    }

    section.cta button {
        margin-top: 22px;
    }
}

/*-------------------------------------
Data Drips Animation
-------------------------------------*/

/* All Resolutions */

.data-drips {
    position: absolute;
    width: 26px;
}

.data-drips > span {
    overflow: hidden;
    height: 100%;
    width: 2px;
    position: absolute;
}

.data-drips > span > span {
    width: 2px;
    position: absolute;
    background-repeat: repeat-y;
    -webkit-animation-name: datadrip;
            animation-name: datadrip;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    height: 100%;
}

.data-drips > span > span:nth-child(2){
    top: -100%;
}

.animation-disabled .data-drips > span > span {
    -webkit-animation-play-state: paused;
            animation-play-state: paused;
}

/* Drip Line 1 & 3 */

.data-drips > span:nth-child(3) {
    right: 0;
}

.data-drips > span:nth-child(1) > span,
.data-drips > span:nth-child(3) > span {
    background-image:url(../img/data-drip-1.png);
    background-size: 2px 80px;
}

@media screen and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {
    .data-drips > span:nth-child(1) > span,
    .data-drips > span:nth-child(3) > span {
        background-image:url(../img/data-drip-1@2x.png);
    }
}

/* Drip Line 2 */

.data-drips > span:nth-child(2) {
    left: 50%;
    margin-left: -1px;
}

.data-drips > span:nth-child(2) > span {
    background-image:url(../img/data-drip-2.png);
    background-size: 2px 151px;
}

@media screen and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {
    .data-drips > span:nth-child(2) > span {
        background-image:url(../img/data-drip-2@2x.png);
    }
}

@-webkit-keyframes datadrip {
    0% {
        top: -100%;
    }
    100% {
        top: 100%;
    }
}

@keyframes datadrip {
    0% {
        top: -100%;
    }
    100% {
        top: 100%;
    }
}

/* Desktop */

@media screen and (min-width: 768px) {

}

/* Mobile */

@media screen and (max-width: 767px) {

}

/*-------------------------------------
Why Time
-------------------------------------*/

/* All Resolutions */

#why-time {
    position: relative;
    z-index: 2;
}

#why-time .container {
    position: relative;
    max-width: 1140px;
    height: 100%;
    margin: 0 auto;
}

#why-time .copy {
    color:#000;
}

#why-time h2 {
    font-family: "purista-web",sans-serif;
    font-weight: 300;
    text-transform: uppercase;
}

#why-time .watch-data {
    position: absolute;
    height: 100%;
    width: 162px;
}

#why-time .watch {
    position: absolute;
    z-index: 3;
    background-image:url(../img/why-time-watch.png);
}

@media screen and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {
    #why-time .watch {
        background-image:url(../img/why-time-watch@2x.png);
    }
}

#why-time .clouds {
    position: absolute;
    background-image: url(../img/why-time-clouds.png);
    z-index: 1;
}

#why-time .data-drips > span:nth-child(1) > span {
    -webkit-animation-duration: 12000ms;
            animation-duration: 12000ms;
}

#why-time .data-drips > span:nth-child(1) > span:nth-child(2) {
    -webkit-animation-delay: 6000ms;
            animation-delay: 6000ms;
}

#why-time .data-drips > span:nth-child(2) > span {
    -webkit-animation-duration: 10000ms;
            animation-duration: 10000ms;
}

#why-time .data-drips > span:nth-child(2) > span:nth-child(2) {
    -webkit-animation-delay: 5000ms;
            animation-delay: 5000ms;
}

#why-time .data-drips > span:nth-child(3) > span {
    -webkit-animation-duration: 13000ms;
            animation-duration: 13000ms;
}

#why-time .data-drips > span:nth-child(3) > span:nth-child(2) {
    -webkit-animation-delay: 6500ms;
            animation-delay: 6500ms;
}

#why-time .clocks {
    overflow: hidden;
}

#why-time .clocks > span {
    position: absolute;
    background-image:url(../img/why-time-clock.png);
    width: 36px;
    height: 36px;
    background-size: 36px 36px;
    -webkit-animation: clockdrop infinite 2s linear;
            animation: clockdrop infinite 2s linear;
}

.animation-disabled #why-time .clocks > span {
    -webkit-animation-play-state: paused;
            animation-play-state: paused;
}

#why-time .clocks > span:nth-child(2) {
    -webkit-animation-delay: 900ms;
            animation-delay: 900ms;
}

@media screen and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {
    #why-time .clocks > span {
        background-image:url(../img/why-time-clock@2x.png);
    }
}

@-webkit-keyframes clockdrop {
    0% {
        top: -36px;
    }
    100% {
        top: 100%
    }
}

@keyframes clockdrop {
    0% {
        top: -36px;
    }
    100% {
        top: 100%
    }
}

/* Desktop */

@media screen and (min-width: 768px) {
    #why-time {
        height: 1033px;
    }

    #why-time .copy {
        position: absolute;
        top: 50%;
        margin-top: -16px;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
        max-width: 567px;
        left: 54%;
        padding-right: 30px;
        z-index:2;
    }

    #why-time h2 {
        font-size: 34px;
        letter-spacing: 10px;
        margin-bottom: 35px;
    }

    #why-time p {
        font-size: 18px;
        line-height: 29px;
        margin-bottom: 20px;
    }

    #why-time .animation {
        position: absolute;
        width: 44%;
        top: 0;
        height: 100%;
    }

    #why-time .watch {
        width: 162px;
        height: 296px;
        top: 50%;
        left: 50%;
        margin-left: -81px;
        margin-top: -170px;
        background-size: 162px 296px;
        z-index: 4;
    }

    #why-time .clouds {
        width: 624px;
        height: 271px;
        background-size: 624px 271px;
        top: 50%;
        left: 50%;
        margin-top: -125px;
        margin-left: -400px;
    }

    #why-time .data-drips {
        height: 100%;
        z-index: 2;
        left: 50%;
        margin-left: -13px;
    }

    #why-time .clocks {
        position: absolute;
        height: 100%;
        width: 36px;
        z-index: 3;
        left: 50%;
        margin-left: -18px;
    }
}

/* Mobile */

@media screen and (max-width: 767px) {
    #why-time {
        margin-top: 74px;
    }

    #why-time .container {
        padding-bottom: 613px;
    }

    #why-time .copy {
        text-align: center;
        max-width: 610px;
        margin: 0 auto;
        padding: 0 15px;
    }

    #why-time h2 {
        font-size: 23px;
        letter-spacing: 7px;
        margin-bottom: 17px;
    }

    #why-time p {
        font-size: 16px;
        line-height: 27px;
        margin-bottom: 16px;
    }

    #why-time .animation {
        -webkit-transform-origin: bottom left;
        -ms-transform-origin: bottom left;
            transform-origin: bottom left;
        -webkit-transform: scale(.6) translateX(-50%);
            -ms-transform: scale(.6) translateX(-50%);
                transform: scale(.6) translateX(-50%);
        left: 50%;
        position: absolute;
        width: 482px;
        height: 1033px;
        bottom: 0;
    }

    #why-time .watch {
        width: 162px;
        height: 296px;
        top: 50%;
        margin-top: -170px;
        left: 173px;
        background-size: 162px 296px;
        z-index: 4;
    }

    #why-time .clouds {
        width: 624px;
        height: 271px;
        background-size: 624px 271px;
        top: 50%;
        left: -142px;
        margin-top: -125px;
    }

    #why-time .data-drips {
        height: 100%;
        z-index: 2;
        left: 240px;
    }

    #why-time .clocks {
        position: absolute;
        height: 100%;
        width: 36px;
        z-index: 3;
        left: 234px;
    }
}

/*-------------------------------------
Proof
-------------------------------------*/

/* All Resolutions */

#proof-of-use {
    position: relative;
    z-index: 2;
}

#proof-of-use .container {
    position: relative;
    max-width: 1139px;
    height: 100%;
    margin: 0 auto;
}

#proof-of-use .block {
    -webkit-box-shadow: 0px 17px 38px 0px rgba(0, 0, 0, 0.13);
            box-shadow: 0px 17px 38px 0px rgba(0, 0, 0, 0.13);
    background-size: cover;
    background-position: center;
    color:#fff;
}

#proof-of-use .block h3 {
    color:#fff;
    font-family: "proxima-nova",sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    position: relative;
}

#proof-of-use .block h3:before {
    content:'';
    position: absolute;
    left: 50%;
    -webkit-transform:translateX(-50%);
        -ms-transform:translateX(-50%);
            transform:translateX(-50%);
    background-position: center;
    background-repeat: no-repeat;
    height: 100px;
    top: -100px;
}

.block.finance {
    z-index: 7;
    background-image:url(../img/proof-block-finance-bg.jpg);
}

.block.finance h3:before {
    width: 43px;
    height: 56px;
    background-size: 43px 56px;
    background-image:url(../img/icon-finance-blue.svg);
}

.block.ecommerce {
    z-index: 6;
    background-image:url(../img/proof-block-ecommerce-bg.jpg);
}

.block.ecommerce h3:before {
    width: 38px;
    height: 48px;
    background-size: 38px 48px;
    background-image:url(../img/icon-ecommerce-blue.svg);
}

.block.travel {
    z-index: 5;
    background-image:url(../img/proof-block-travel-bg.jpg);
}

.block.travel h3:before {
    width: 39px;
    height: 52px;
    background-size: 39px 52px;
    background-image:url(../img/icon-travel-blue.svg);
}

.block.outsourcing {
    z-index: 4;
    background-image:url(../img/proof-block-outsourcing-bg.jpg);
}

.block.outsourcing h3:before {
    width: 50px;
    height: 41px;
    background-size: 50px 41px;
    background-image:url(../img/icon-outsourcing-blue.svg);
}

.block.software {
    z-index: 3;
    background-image:url(../img/proof-block-software-bg.jpg);
}

.block.software h3:before {
    width: 55px;
    height: 41px;
    background-size: 55px 41px;
    background-image:url(../img/icon-software-blue.svg);
}

.block.other {
    z-index: 2;
    background-image:url(../img/proof-block-other-bg.jpg);
}

.block.other h3:before {
    width: 54px;
    height: 54px;
    background-size: 54px 54px;
    background-image:url(../img/icon-other-blue.svg);
}

#proof-of-use .block .content {
    text-align: center;
    margin: 0 auto;
}

#proof-of-use .block .watermark {
    font-family: "purista-web",sans-serif;
    position: absolute;
    text-transform: uppercase;
    width: 140px;
    text-align: center;
    color:#31d4fd;
}

#proof-of-use .block.finance .watermark {
    color:#ab7dfe;
}

#proof-of-use .block.travel .watermark {
    color:#ab7dfe;
}

#proof-of-use .block.software .watermark {
    color:#ab7dfe;
}

#proof-of-use .data-drips {
    -webkit-animation-delay: 400ms;
            animation-delay: 400ms;
}

#proof-of-use .data-drips > span:nth-child(1) > span:nth-child(2) {
    -webkit-animation-delay: 1000ms;
            animation-delay: 1000ms;
}

#proof-of-use .data-drips > span:nth-child(2) > span:nth-child(2) {
    -webkit-animation-delay: 2000ms;
            animation-delay: 2000ms;
}

#proof-of-use .data-drips > span:nth-child(3) > span:nth-child(2) {
    -webkit-animation-delay: 1500ms;
            animation-delay: 1500ms;
}

/* Desktop */

@media screen and (min-width: 768px) {
    #proof-of-use {
        height: 1700px;
    }

    #proof-of-use .block {
        position: absolute;
        width: 44%;
        height: 500px;
        padding: 0 30px;
    }

    #proof-of-use .data-drips {
        height: 140px;
        z-index: 1;
        opacity: 0;
        -webkit-transition:opacity 300ms ease;
        -o-transition:opacity 300ms ease;
        transition:opacity 300ms ease;
    }

    #proof-of-use .data-drips.active {
        opacity: 1;
    }

    #proof-of-use .data-drips.drip-1,
    #proof-of-use .data-drips.drip-3,
    #proof-of-use .data-drips.drip-5 {
        -webkit-transform-origin: top right;
        -ms-transform-origin: top right;
            transform-origin: top right;
    }

    #proof-of-use .data-drips.drip-1,
    #proof-of-use .data-drips.drip-5 {
        left: 50%;
        margin-left: -95px;
        -webkit-transform:rotate(-90deg);
            -ms-transform:rotate(-90deg);
                transform:rotate(-90deg);
    }

    #proof-of-use .data-drips.drip-1 {
        top: 220px;
    }

    #proof-of-use .data-drips.drip-2 {
        right: 20.5%;
        top: 491px;
    }

    #proof-of-use .data-drips.drip-3 {
        left: 50%;
        margin-left: 35px;
        -webkit-transform:rotate(90deg);
            -ms-transform:rotate(90deg);
                transform:rotate(90deg);
        top: 850px;
    }

    #proof-of-use .data-drips.drip-4 {
        top: 1090px;
        left: 20.5%;;
    }

    #proof-of-use .data-drips.drip-5 {
        top: 1420px;
    }

    #proof-of-use .data-drips > span:nth-child(1) > span {
        -webkit-animation-duration: 2000ms;
                animation-duration: 2000ms;
    }

    #proof-of-use .data-drips > span:nth-child(2) > span {
        -webkit-animation-duration: 4000ms;
                animation-duration: 4000ms;
    }

    #proof-of-use .data-drips > span:nth-child(3) > span {
        -webkit-animation-duration: 3000ms;
                animation-duration: 3000ms;
    }

    .block.ecommerce {
        left: 0;
        margin-left: 0;
        top: 0;
        opacity: 0;
    }

    .block.ecommerce.active {
        left: 100%;
        margin-left: -44%;
        opacity: 1;
        -webkit-transition:left 900ms ease, margin-left 900ms ease, opacity 900ms ease;
        -o-transition:left 900ms ease, margin-left 900ms ease, opacity 900ms ease;
        transition:left 900ms ease, margin-left 900ms ease, opacity 900ms ease;
    }

    .block.outsourcing {
        top: 601px;
        left: 100%;
        margin-left: -44%;
        opacity: 0;
    }

    .block.outsourcing.active {
        left: 0;
        margin-left: 0;
        opacity: 1;
        -webkit-transition:left 900ms ease, margin-left 900ms ease, opacity 900ms ease;
        -o-transition:left 900ms ease, margin-left 900ms ease, opacity 900ms ease;
        transition:left 900ms ease, margin-left 900ms ease, opacity 900ms ease;
    }

    .block.travel {
        right: 0;
        top: 0;
        opacity: 0;
    }

    .block.travel.active {
        top: 601px;
        opacity: 1;
        -webkit-transition:top 900ms ease, opacity 900ms ease;
        -o-transition:top 900ms ease, opacity 900ms ease;
        transition:top 900ms ease, opacity 900ms ease;
    }

    .block.software {
        left: 0;
        top: 601px;
        opacity: 0;
    }

    .block.software.active {
        top: 1200px;
        opacity: 1;
        -webkit-transition:top 900ms ease, opacity 900ms ease;
        -o-transition:top 900ms ease, opacity 900ms ease;
        transition:top 900ms ease, opacity 900ms ease;
    }

    .block.other {
        left: 0;
        margin-left: 0;
        top: 1200px;
        opacity: 0;
    }

    .block.other.active {
        left: 100%;
        margin-left: -44%;
        opacity: 1;
        -webkit-transition:left 900ms ease, margin-left 900ms ease, opacity 900ms ease;
        -o-transition:left 900ms ease, margin-left 900ms ease, opacity 900ms ease;
        transition:left 900ms ease, margin-left 900ms ease, opacity 900ms ease;
    }

    #proof-of-use .block .content {
        width: 100%;
        max-width: 286px;
        padding-top: 190px;
    }

    #proof-of-use .block.finance .content {
        max-width: 278px;
    }

    #proof-of-use .block.outsourcing .content {
        max-width: 326px;
    }

    #proof-of-use .block.travel .content {
        max-width: 326px;
    }

    #proof-of-use .block.other .content {
        max-width: 306px;
    }

    #proof-of-use .block h3 {
        font-size: 18px;
        letter-spacing: 4px;
        margin-bottom: 23px;
    }

    #proof-of-use .block p {
        font-size: 18px;
        line-height: 30px
    }

    #proof-of-use .block .watermark {
        font-size: 18px;
        letter-spacing: 6px;
        bottom: 25px;
        left: 20px;
    }
}

@media screen and (max-width: 1023px) and (min-width: 768px) {

}

/* Mobile */

@media screen and (max-width: 767px) {
     #proof-of-use .block {
        position: relative;
        max-width: 335px;
        width: 100%;
        height: 335px;
        z-index: 2;
        margin: 0 auto;
     }

     #proof-of-use .block .content {
         padding: 133px 20px 15px 20px;
         max-width: 310px;
         margin: 0 auto;
     }

     #proof-of-use .data-drips {
        z-index: 1;
        position: relative;
        display: block;
        height: 25px;
        width: 15px;
        margin: 0 auto;
        overflow: hidden;
     }

     #proof-of-use .block h3 {
         font-size: 16px;
         letter-spacing: 4px;
         margin-bottom: 11px;
     }

     #proof-of-use .block h3:before {
        top: -95px;
    }

    .block.finance h3:before {
        width: 34px;
        height: 44px;
        background-size: 34px 44px;
    }

    .block.ecommerce h3:before {
        width: 30px;
        height: 38px;
        background-size: 30px 38px;
    }

    .block.travel h3:before {
        width: 31px;
        height: 42px;
        background-size: 31px 42px;
    }

    .block.outsourcing h3:before {
        width: 40px;
        height: 33px;
        background-size: 40px 33px;
    }

    .block.software h3:before {
        width: 44px;
        height: 33px;
        background-size: 44px 33px;
    }

    .block.other h3:before {
        width: 43px;
        height: 43px;
        background-size: 43px 43px;
    }

    #proof-of-use .block p {
        font-size: 16px;
        line-height: 25px
    }

    #proof-of-use .block .watermark {
        font-size: 14px;
        letter-spacing: 5px;
        line-height: 18px;
        bottom: 10px;
        left: 18px;
        text-align: left;
    }

    #proof-of-use .data-drips > span > span:nth-child(2){
        display: none;
    }

    #proof-of-use .data-drips > span:nth-child(1) > span {
        -webkit-animation-duration: 1000ms;
                animation-duration: 1000ms;
    }

    #proof-of-use .data-drips > span:nth-child(2) > span {
        -webkit-animation-duration: 500ms;
                animation-duration: 500ms;
    }

    #proof-of-use .data-drips > span:nth-child(3) > span {
        -webkit-animation-duration: 2000ms;
                animation-duration: 2000ms;
    }
}

/*-------------------------------------
Road Map
-------------------------------------*/

/* All Resolutions */

#road-map {
    background-color: #2d2443;
    position:relative;
    z-index: 1;
}

#road-map h2 {
    font-family: "purista-web",sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    color:#09ceff;
    text-align: center;
    margin: 0;
}

#road-map .carousel {
    position: relative;
    overflow: hidden;
}

#road-map .carousel:before {
    content:'';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background-color: #2d2443;
    opacity: .9;
    z-index: 2;
}

#road-map .carousel video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background-position: center;
    background-size: cover;
    background-image:url(../img/road-map-carousel-bg.jpg);
}

#road-map .owl-carousel {
    border-top:1px solid #305576;
    z-index: 3;
}

#road-map .owl-item .slide {
    border-right:1px solid #305576;
    height: 100%;
}

#road-map .owl-nav {
    width: 166px;
    height: 83px;
    margin: 0 auto;
    background-color:#5b00ff;
    position: absolute;
    bottom: 0;
}

#road-map .owl-nav > div {
    position: relative;
    float: left;
    width: 83px;
    height: 0;
    overflow: hidden;
    padding-top: 83px;
    -webkit-transition: background-color 300ms ease;
    -o-transition: background-color 300ms ease;
    transition: background-color 300ms ease;
}

#road-map .owl-nav > div.disabled {
    background-color:#5b00ff;
}

#road-map .owl-nav > div.disabled:after,
#road-map .owl-nav > div.disabled:before {
    opacity: .5;
}

#road-map .owl-nav > div:hover {
    background-color:#2f4ffd;
}

#road-map .owl-nav > div:before {
    content:'';
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    height: 43px;
    width: 43px;
    border-radius: 50%;
    border:1px solid #09ceff;
}

#road-map .owl-nav > div:after {
    content:'';
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    width: 18px;
    height: 10px;
    background-size: 18px 10px;
    background-image:url(../img/thin-arrow.svg);
}

#road-map .owl-nav > div:first-child {
    border-right:1px solid #25496c;
}

#road-map .owl-nav > div:first-child:after {
    -webkit-transform: rotate(180deg) translate(-50%,-50%);
        -ms-transform: rotate(180deg) translate(-50%,-50%);
            transform: rotate(180deg) translate(-50%,-50%);
    -webkit-transform-origin: 0 0;
            -ms-transform-origin: 0 0;
                transform-origin: 0 0;
}

#road-map h3 {
    font-family: "purista-web",sans-serif;
    font-weight: 300;
    color:#09ceff;
    text-transform: uppercase;
    position: relative;
    padding-top: 16px;
}

#road-map h3:before {
    content:'';
    position: absolute;
    top: 0;
    left: 0;
    background-color:#09ceff;
    height: 1px;
    width: 37px;
}

#road-map p {
    color:#fff;
}

#road-map .number {
    position: relative;
    font-family: "purista-web",sans-serif;
    display: block;
    height: 40px;
    font-size: 18px;
    margin-bottom: 15px;
}

#road-map .number:before {
    content:'';
    position: absolute;
    bottom: 0;
    left: 0;
    background-color:#fff;
    height: 1px;
    width: 37px;
}

/* Desktop */

@media screen and (min-width: 1720px) {
    #road-map h3 {
        font-size: 24px;
        letter-spacing: 7px;
    }
}

@media screen and (max-width: 1719px) and (min-width: 1024px) {
    #road-map h3 {
        font-size: 22px;
        letter-spacing: 5px;
    }
}

@media screen and (min-width: 1024px) {
    #road-map {
        margin-top: -173px;
    }

    #road-map .container {
        padding-top: 362px;
        padding-bottom: 120px;
    }

    #road-map h2 {
        font-size: 34px;
        letter-spacing: 10px;
    }

    #road-map .owl-nav {
        left: 50%;
        margin-left: -83px;
    }

    #road-map .owl-item {
        height: 761px;
    }

    #road-map .slide {
        padding: 268px 30px 0 30px;
    }

    #road-map h3 {
        line-height: 33px;
        margin-top: 39px;
    }

    #road-map p {
        font-size: 18px;
        line-height: 28px;
    }

    #road-map .number {
        letter-spacing: 5px;
    }
}

/* Mobile */

@media screen and (max-width: 1023px) {
    #road-map {
        margin-top: -88px;
    }

    #road-map .container {
        padding: 149px 30px 55px 30px;
    }

    #road-map .owl-item {
        height: 562px;
    }

    #road-map .slide {
        width: 270px;
        padding: 177px 20px 0 20px;
    }

    #road-map h2 {
        font-size: 23px;
        letter-spacing: 7px;
        line-height: 34px;
    }

    #road-map h3 {
        font-size: 18px;
        letter-spacing: 5px;
        line-height: 29px;
        margin-top: 39px;
    }

    #road-map p {
        font-size: 16px;
        line-height: 26px;
    }

    #road-map .number {
        letter-spacing: 5px;
    }
}

/*-------------------------------------
integrations
-------------------------------------*/

/* All Resolutions */

#integrations {
    background-color:#f5f7fb;
    position: relative;
    z-index: 2;
    overflow: hidden;
}

#integrations h2 {
    font-family: "purista-web",sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    text-align: center;
}

#integrations .boxes {
    position: relative;
    z-index: 2;
}

#integrations .box {
    color:#fff;
    -webkit-box-shadow: 0px 17px 38px 0px rgba(0, 0, 0, 0.13);
            box-shadow: 0px 17px 38px 0px rgba(0, 0, 0, 0.13);
    text-align: center;
}

#integrations .box:nth-child(even) {
    background-color:#5b00ff;
}

#integrations .box:nth-child(odd) {
    background-color:#2f4ffd;
}

#integrations .box p {
    margin: 0;
}

#integrations .box .number > span,
#integrations .box .description > span {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 100%;
}

#integrations .box .description > span {
    margin-top: -4px;
}

#integrations .box .number {
    font-family: "purista-web",sans-serif;
    font-weight: 300;
    display: block;
    text-transform: uppercase;
    position: absolute;
    height: 50%;
    width: 100%;
}

#integrations .box .number:after {
    content:'';
    position: absolute;
    bottom: 0;
    left: 0;
    background-color:#3a52ff;
    height: 1px;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}

#integrations .box:nth-child(odd) .number:after {
    background-color: #266cfd;
}

#integrations .box .description {
   display: block;
   position: absolute;
   height: 50%;
   width: 100%;
   top: 50%;
}

#integrations .logo {
    position: absolute;
    width: 106px;
    height: 106px;
    background-color:#fff;
    border-radius: 50%;
    -webkit-box-shadow: 0px 17px 38px 0px rgba(0, 0, 0, 0.13);
            box-shadow: 0px 17px 38px 0px rgba(0, 0, 0, 0.13);
    background-image:url(../img/site-logo.svg);
    background-size: 54px 54px;
    background-position: center;
    background-repeat: no-repeat;
}

#integrations .copy {
    text-align: center;
}

#integrations .ripples > span {
    position: absolute;
    width: 200px;
    height: 200px;
    z-index: 1;
}

#integrations .ripples > span > span {
    position: absolute;
    top: 0;
    left: 0;
    border:1px solid #5b00ff;
    width: 500px;
    height: 500px;
    border-radius:50%;
    -webkit-transform:scale(0);
        -ms-transform:scale(0);
            transform:scale(0);
    opacity: 0;
    -webkit-animation: ripple infinite 5s ease-out;
            animation: ripple infinite 5s ease-out;
}

.animation-disabled #integrations .ripples > span > span {
    -webkit-animation-play-state: paused;
            animation-play-state: paused;
}

#integrations .ripples > span:nth-child(1) > span:nth-child(2) {
    -webkit-animation-delay: .5s;
            animation-delay: .5s;
}

#integrations .ripples > span:nth-child(1) > span:nth-child(3) {
    -webkit-animation-delay: 1s;
            animation-delay: 1s;
}

#integrations .ripples > span:nth-child(2) > span:nth-child(1) {
    -webkit-animation-delay: 1.75s;
            animation-delay: 1.75s;
}

#integrations .ripples > span:nth-child(2) > span:nth-child(2) {
    -webkit-animation-delay: 2s;
            animation-delay: 2s;
}

#integrations .ripples > span:nth-child(2) > span:nth-child(3) {
    -webkit-animation-delay: 2.25s;
            animation-delay: 2.25s;
}

#integrations .ripples > span:nth-child(3) > span:nth-child(1) {
    -webkit-animation-delay: 1.60s;
            animation-delay: 1.60s;
}

#integrations .ripples > span:nth-child(3) > span:nth-child(2) {
    -webkit-animation-delay: 1.80s;
            animation-delay: 1.80s;
}

#integrations .ripples > span:nth-child(3) > span:nth-child(3) {
    -webkit-animation-delay: 2s;
            animation-delay: 2s;
}

@-webkit-keyframes ripple {
    0% {
        -webkit-transform:scale(0);
                transform:scale(0);
        opacity: 1;
    }

    100% {
        -webkit-transform:scale(1);
                transform:scale(1);
        opacity: 0;
    }
}

@keyframes ripple {
    0% {
        -webkit-transform:scale(0);
                transform:scale(0);
        opacity: 1;
    }

    100% {
        -webkit-transform:scale(1);
                transform:scale(1);
        opacity: 0;
    }
}

/* Desktop */

@media screen and (min-width: 768px) {
    #integrations .container {
        padding-top: 106px;
        padding-bottom: 164px;
        margin: 0 auto;
    }

    #integrations h2 {
        font-size: 34px;
        letter-spacing: 10px;
    }

    #integrations .boxes {
        max-width: 794px;
        width: 100%;
        height: 515px;
        margin: 82px auto 70px auto;
    }

    #integrations .box {
        position: absolute;
        width: 225px;
        height: 225px;
        background-color:#2f4ffd;
    }

    #integrations .box .number:after {
        width: 192px;
    }

    #integrations .box .number {
        font-size: 34px;
        letter-spacing: 6px;
    }

    #integrations .box .description {
        font-size: 18px;
        line-height: 26px;
    }

    #integrations .box .number > span,
    #integrations .box .description > span {
        padding: 0 20px;
    }

    #integrations .box:nth-child(1) {
        left: 0;
    }

    #integrations .box:nth-child(2) {
        left: 50%;
        margin-left: -112px;
    }

    #integrations .box:nth-child(3) {
        right: 0;
    }

    #integrations .box:nth-child(4) {
        top: 289px;
    }

    #integrations .box:nth-child(5) {
        top: 289px;
        left: 50%;
        margin-left: -112px;
    }

    #integrations .box:nth-child(6) {
        top: 289px;
        right: 0;
    }

    #integrations .logo {
        left: 50%;
        top: 50%;
        margin-left: -53px;
        margin-top: -53px;
    }

    #integrations .ripples > span:nth-child(1) {
         top: -100px;
         left: 5%;
    }

    #integrations .ripples > span:nth-child(2) {
         top: 32%;
         left: 68%;
    }

    #integrations .ripples > span:nth-child(3) {
         top: 70%;
         left: 20%;
    }

    #integrations .copy {
        max-width: 480px;
        margin: 0 auto;
    }

    #integrations .copy p {
        font-size:18px;
        margin-bottom: 20px;
        line-height: 29px;
    }
}

/* Mobile */

@media screen and (max-width: 767px) {
    #integrations .container {
        padding-top: 80px;
    }

    #integrations .ripples > span:nth-child(1) {
         top: -100px;
         left: 5%;
    }

    #integrations .ripples > span:nth-child(2) {
         top: 32%;
         left: 68%;
    }

    #integrations .ripples > span:nth-child(3) {
         top: 70%;
         left: 20%;
    }

    #integrations .boxes:after {
        content: "";
        display: table;
        clear: both;
    }

    #integrations .boxes {
        position: relative;
        padding: 19px;
        max-width: 373px;
        margin: 53px auto 85px auto;
    }

    #integrations .box {
        float: left;
        position: relative;
        width: 48%;
        height: 163px;
        margin-left: 4%;
        margin-bottom: 3.4%;
    }

    #integrations .box .description {
        font-size: 16px;
        line-height: 22px;
    }

    #integrations .logo {
        bottom: -56px;
        left: 50%;
        margin-left: -53px;
    }

    #integrations .box:nth-child(odd) {
        margin-left: 0;
    }

    #integrations h2 {
        font-size: 23px;
        letter-spacing: 7px;
    }

    #integrations .box .number {
        font-size: 23px;
        letter-spacing: 5px;
    }

    #integrations .box .number:after {
        width: 139px;
    }

    #integrations .copy {
        max-width: 305px;
        margin: 0 auto 60px auto;
    }

    #integrations .copy p {
        font-size: 16px;
        line-height: 25px;
        margin-bottom: 19px;
    }

    #integrations .box .number > span,
    #integrations .box .description > span {
        padding: 0 10px;
    }
}

/*-------------------------------------
CTA & Contribution
-------------------------------------*/

/* Desktop */

@media screen and (min-width: 768px) {
    .cta-contribution {
        position: relative;
        z-index: 5;
        overflow: hidden;
        background-color:#f5f7fb;
    }

    .cta-contribution:before {
        content:'';
        position: absolute;
        left: 50%;
        -webkit-transform: rotate(19.1deg) translateX(-50%);
            -ms-transform: rotate(19.1deg) translateX(-50%);
                transform: rotate(19.1deg) translateX(-50%);
        height: 4000px;
        width: 4000px;
        top:1860px;
        background-color:#fff;
        z-index: -1;
        -webkit-transform-origin: top right;
        -ms-transform-origin: top right;
            transform-origin: top right;
    }
}

/*-------------------------------------
Contribution
-------------------------------------*/

/* All Resolutions */

#chronos {
    width: 100%;
    max-width: 1396px;
    margin: 0 auto;
    position: relative;
    z-index: 3;
}

#chronos .cta {
    color:#fff;
    background-image:url(../img/contribution-cta-bg.jpg);
    background-position: center;
    background-size: cover;
    text-align: center;
    position: relative;
}

#chronos .cta h2 {
    font-family: "purista-web",sans-serif;
    font-weight: 300;
    text-transform: uppercase;
}

#chronos .box {
    text-align: center;
}

#chronos .box .heading {
    position: relative;
    padding: 0 20px;
}

#chronos .box .heading:after {
    content:'';
    position: absolute;
    bottom: 0;
    height: 1px;
    background-color:#0050ff;
}

#chronos .box h3 {
    text-align: center;
    text-transform: uppercase;
    font-weight: normal;
    margin: 0;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

#chronos .box .number {
    color:#0050ff;
    font-family: "purista-web",sans-serif;
    font-weight: 300;
    display: block;
    position: relative;
}

#chronos .box .number > span {
    display: block;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

#chronos .box .description span {
    display: block;
}

/* Desktop */

@media screen and (min-width: 1251px) {
    #chronos .cta h2 {
        letter-spacing: 10px;
        font-size: 34px;
    }
}

@media screen and (max-width: 1250px) and (min-width: 1024px){
    #chronos .cta h2 {
        letter-spacing: 7px;
        font-size: 28px;
    }
}

@media screen and (min-width: 1024px) {
    #chronos {
        height: 846px;
    }

    #chronos .cta {
        width: 30%;
        height: 100%;
        float: left;
    }

    #chronos .cta .copy {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
            -ms-transform: translate(-50%,-50%);
                transform: translate(-50%,-50%);
        margin: 0 auto;
        width: 100%;
        margin-top: -20px;
        padding:0 20px;
    }

    #chronos .cta .copy p {
        max-width: 325px;
        margin-left: auto;
        margin-right: auto;
    }

    #chronos .cta h2 {
        margin-bottom: 25px;
        line-height: 42px;
    }

    #chronos .cta p {
        font-size: 18px;
        line-height: 30px;
        margin-bottom: 40px;
    }

    #chronos .boxes {
        margin-left: 30%;
    }
}

@media screen and (min-width: 768px) {
    #chronos {
        margin-bottom: 195px;
        -webkit-box-shadow: 0px 17px 38px 0px rgba(0, 0, 0, 0.03);
                box-shadow: 0px 17px 38px 0px rgba(0, 0, 0, 0.03);
    }

    #chronos .boxes {
        position: relative;
        height: 100%;

    }

    #chronos .box {
        position: absolute;
        height: 50%;
        width: 50%;
    }

    #chronos .box:nth-child(1){
        border-bottom: 1px solid #d5dcff;
        border-right: 1px solid #d5dcff;
    }

    #chronos .box:nth-child(2){
        right: 0;
        border-bottom: 1px solid #d5dcff;
    }

    #chronos .box:nth-child(3){
        top: 50%;
        border-right: 1px solid #d5dcff;
    }

    #chronos .box:nth-child(4){
        right: 0;
        top: 50%;
    }

    #chronos .box {
        padding: 57px 20px 0 20px;
    }

    #chronos .box .heading {
        height: 119px;
        position: relative;
    }

    #chronos .box .heading:after {
        width: 73px;
        margin-left: -36px;
    }

    #chronos .box h3 {
        font-size: 18px;
        letter-spacing: 4.7px;
        line-height: 27px;
        max-width: 250px;
        margin: 0 auto;
    }

    #chronos .box p {
        margin:  0 auto;
        line-height: 30px;
        font-size: 18px;
    }

    #chronos .box .number {
        line-height: 34px;
        font-size: 34px;
        letter-spacing: 6px;
        height: 93px;
        margin-top: 26px;
    }

    #chronos .box .description {
        display: block;
        max-width: 200px;
        margin: 0 auto;
    }
}

/* Mobile */

@media screen and (max-width: 1023px) {
    #chronos .cta {
        padding: 66px 20px;
    }

    #chronos .cta h2 {
        font-size: 23px;
        letter-spacing: 7px;
        margin-bottom: 24px;
    }

    #chronos .cta p {
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 27px;
    }
}

@media screen and (max-width: 1023px) and (min-width: 768px){
    #chronos .boxes {
        height: 846px;
    }
}

@media screen and (max-width: 767px) {
    #chronos .box {
        position: relative;
        background-color:#fff;
        padding: 0 15px;
        height: 305px;
    }

    #chronos .box:after {
        content:'';
        height: 1px;
        width: 335px;
        margin-left: -168px;
        position: absolute;
        left: 50%;
        bottom: 0;
        background-color:#d5dcff;
    }

    #chronos .box .heading {
        height: 111px;
    }

    #chronos .box .heading:after {
        width: 73px;
        margin-left: -36px;
    }

    #chronos .box h3 {
        font-size: 15px;
        letter-spacing: 4.7px;
        line-height: 27px;
        max-width: 250px;
        margin: 0 auto;
    }

    #chronos .box p {
        margin:  0 auto;
        line-height: 27px;
        font-size: 16px;
    }

    #chronos .box .number {
        line-height: 25px;
        font-size:23px;
        letter-spacing: 4px;
        height: 93px;
        margin-top: 23px;
        height: 85px;
    }

    #chronos .box .description {
        display: block;
        max-width: 200px;
        margin: 0 auto;
    }
}

/*-------------------------------------
Our Team
-------------------------------------*/

/* All Resolutions */

#team-and-advisors {
    position: relative;
    z-index: 2;
    background-color:#2d2443;
    overflow: hidden;
}

#team-and-advisors .container {
    position: relative;
    z-index: 2;
    max-width: 1100px;
    margin: 0 auto;
}

#team-and-advisors h2 {
    font-family: "purista-web",sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    color: #09ceff;
    text-align: center;
    margin: 0;
}

#team-and-advisors .boxes {
    position: relative;
}

#team-and-advisors .box {
    color:#fff;
    text-align: center;
    position: relative;
    overflow: hidden;
}

#team-and-advisors .box:before {
    content:'';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height:100%;
    z-index: -1;
    background-position: center;
    background-size: cover;
}

#team-and-advisors .box:after {
    content:'';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background-position: center;
    background-size: cover;
    opacity: 0;
    transition: opacity 600ms ease;

}

.no-touch #team-and-advisors .box:hover:after {
    opacity: 1;
}

#team-and-advisors .box.active:after {
    opacity: 0;
}

#team-and-advisors .name h3 {
    text-transform: uppercase;
    font-weight: normal;
    margin: 0;
}

#team-and-advisors .bio p {
    margin: 0;
}

#team-and-advisors .info {
    cursor: pointer;
    position: absolute;
    overflow: hidden;
    -webkit-transition: height 500ms ease, background-color 300ms ease;
    -o-transition: height 500ms ease, background-color 300ms ease;
    transition: height 500ms ease, background-color 300ms ease;
    background-color:rgba(47, 79, 253, .8);
}

.no-touch #team-and-advisors .box:not(.active):hover .info {
    background-color:rgba(47, 79, 253, 1);
}

#team-and-advisors .box .info > div {
    position: relative;
    top: 46%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

#team-and-advisors .box .bio {
    margin: 0 auto;
    opacity: 0;
    -webkit-transition: opacity 500ms ease, height 500ms ease;
    -o-transition: opacity 500ms ease, height 500ms ease;
    transition: opacity 500ms ease, height 500ms ease;
    height: 0;
}

#team-and-advisors .box.active .bio {
    opacity: 1;
}

#team-and-advisors .deven-soni:before {
    background-image: url(../img/deven-soni-tint.jpg)
}

#team-and-advisors .deven-soni:after {
    background-image: url(../img/deven-soni.jpg)
}

#team-and-advisors .digistrats:before {
    background-image: url(../img/digistrats-tint.jpg)
}

#team-and-advisors .digistrats:after {
    background-image: url(../img/digistrats.jpg)
}

#team-and-advisors .tosh-sharma:before {
    background-image: url(../img/tosh-sharma-tint.jpg)
}

#team-and-advisors .tosh-sharma:after {
    background-image: url(../img/tosh-sharma.jpg)
}

#team-and-advisors .jovar-gaylan:before {
    background-image: url(../img/jovar-gaylan-tint.jpg)
}

#team-and-advisors .jovar-gaylan:after {
    background-image: url(../img/jovar-gaylan.jpg)
}

#team-and-advisors .lee-pennington:before {
    background-image: url(../img/lee-pennington-tint.jpg)
}

#team-and-advisors .lee-pennington:after {
    background-image: url(../img/lee-pennington.jpg)
}

#team-and-advisors .piotr-kosinski:before {
    background-image: url(../img/piotr-kosinski-tint.jpg)
}

#team-and-advisors .piotr-kosinski:after {
    background-image: url(../img/piotr-kosinski.jpg)
}

#team-and-advisors .logan-saether:before {
    background-image: url(../img/logan-saether-tint.jpg)
}

#team-and-advisors .logan-saether:after {
    background-image: url(../img/logan-saether.jpg)
}

#team-and-advisors .daniel-kmak:before {
    background-image: url(../img/daniel-kmak-tint.jpg)
}

#team-and-advisors .daniel-kmak:after {
    background-image: url(../img/daniel-kmak.jpg)
}

#team-and-advisors .joseph-bagaric:before {
    background-image: url(../img/joseph-bagaric-tint.jpg)
}

#team-and-advisors .joseph-bagaric:after {
    background-image: url(../img/joseph-bagaric.jpg)
}

#team-and-advisors .sean-morgan:before {
    background-image: url(../img/sean-morgan-tint.jpg)
}

#team-and-advisors .sean-morgan:after {
    background-image: url(../img/sean-morgan.jpg)
}

#team-and-advisors .thiago-oliveira:before {
    background-image: url(../img/thiago-oliveira-tint.jpg)
}

#team-and-advisors .thiago-oliveira:after {
    background-image: url(../img/thiago-oliveira.jpg)
}

/* Desktop */

@media screen and (min-width: 1024px) {

    #team-and-advisors .container {
        padding-top: 128px;
    }

    #team-and-advisors .boxes {
        margin-top: 136px;
    }

    #team-and-advisors h2 {
        font-size: 34px;
        letter-spacing: 10px;
    }

    #team-and-advisors .boxes {
        position: relative;
        width: 100%;
    }

    #team-and-advisors .box {
        float: left;
        width: 500px;
        height: 500px;
        margin-bottom: 100px;
    }

    #team-and-advisors .box:nth-child(even){
        float: right;
    }

    #team-and-advisors .info {
        width: 476px;
        height: 91px;
        bottom: 12px;
        left: 12px;
    }

    #team-and-advisors .box.active .info {
        height: 476px;
    }

    #team-and-advisors .name {
        letter-spacing: 3px;
        padding: 37px 0 30px 0;
    }

    #team-and-advisors .name h3 {
        font-size: 18px;
        letter-spacing: 5px;
    }

    #team-and-advisors .bio {
        max-width:360px;
        padding-bottom: 7px;
    }

    #team-and-advisors .bio p {
        font-size: 18px;
        line-height: 30px;
    }

    @-webkit-keyframes blockfallteamdesktop {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(0px, 0px, 0px);
                    transform: translate3d(0px, 0px, 0px);
        }
        1% {
            opacity: 1;
            -webkit-transform: translate3d(0px, 0px, 0px);
                    transform: translate3d(0px, 0px, 0px);
        }
        99% {
            opacity: 1;
            -webkit-transform: translate3d(0, 3000px, 0px);
                    transform: translate3d(0, 3000px, 0px);
        }
        100% {
            opacity: 0;
            -webkit-transform: translate3d(0, 3000px, 0px);
                    transform: translate3d(0, 3000px, 0px);
        }
    }

    @keyframes blockfallteamdesktop {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(0px, 0px, 0px);
                    transform: translate3d(0px, 0px, 0px);
        }
        1% {
            opacity: 1;
            -webkit-transform: translate3d(0px, 0px, 0px);
                    transform: translate3d(0px, 0px, 0px);
        }
        99% {
            opacity: 1;
            -webkit-transform: translate3d(0, 3000px, 0px);
                    transform: translate3d(0, 3000px, 0px);
        }
        100% {
            opacity: 0;
            -webkit-transform: translate3d(0, 3000px, 0px);
                    transform: translate3d(0, 3000px, 0px);
        }
    }

    #team-and-advisors .block-animation span {
        -webkit-animation: blockfallteamdesktop infinite 18.5s linear;
                animation: blockfallteamdesktop infinite 18.5s linear;
    }
}

/* Mobile */

@media screen and (max-width: 1023px) and (min-width: 768px) {

    #team-and-advisors .boxes:after {
        content: "";
        display: table;
        clear: both;

    }
    #team-and-advisors .boxes {
        margin: 0 auto;
        width: 756px;
    }

    #team-and-advisors .box {
        float: left;
        margin: 0 10px 22px 10px;
    }

    @-webkit-keyframes blockfallteamtablet {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(0px, 0px, 0px);
                    transform: translate3d(0px, 0px, 0px);
        }
        1% {
            opacity: 1;
            -webkit-transform: translate3d(0px, 0px, 0px);
                    transform: translate3d(0px, 0px, 0px);
        }
        99% {
            opacity: 1;
            -webkit-transform: translate3d(0, 1700px, 0px);
                    transform: translate3d(0, 1700px, 0px);
        }
        100% {
            opacity: 0;
            -webkit-transform: translate3d(0, 1700px, 0px);
                    transform: translate3d(0, 1700px, 0px);
        }
    }

    @keyframes blockfallteamtablet {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(0px, 0px, 0px);
                    transform: translate3d(0px, 0px, 0px);
        }
        1% {
            opacity: 1;
            -webkit-transform: translate3d(0px, 0px, 0px);
                    transform: translate3d(0px, 0px, 0px);
        }
        99% {
            opacity: 1;
            -webkit-transform: translate3d(0, 1700px, 0px);
                    transform: translate3d(0, 1700px, 0px);
        }
        100% {
            opacity: 0;
            -webkit-transform: translate3d(0, 1700px, 0px);
                    transform: translate3d(0, 1700px, 0px);
        }
    }

    #team-and-advisors .block-animation span {
        -webkit-animation: block infinite 18.5s linear;
                animation: blockfallteamtablet infinite 18.5s linear;
    }
}

@media screen and (max-width: 767px) {
    #team-and-advisors .box {
        margin: 0 auto 22px auto;
    }
}

@media screen and (max-width: 1023px) {
    #team-and-advisors .container {
        padding-top: 80px;
    }

    #team-and-advisors h2 {
        font-size: 23px;
        letter-spacing: 7px;
    }

    #team-and-advisors .boxes {
        margin-top: 76px;
        padding: 0 20px;
    }

    #team-and-advisors .box {
        width: 338px;
        height: 334px;
    }

    #team-and-advisors .info {
        width: 320px;
        height: 63px;
        bottom: 9px;
        left: 9px;
    }

    #team-and-advisors .box.active .info {
        height: 319px;
    }

    #team-and-advisors .name {
        letter-spacing: 3px;
        padding: 37px 0 30px 0;
    }

    #team-and-advisors .name h3 {
        font-size: 16px;
        letter-spacing: 4px;
    }

    #team-and-advisors .bio {
        max-width: 280px;
        padding-bottom: 7px;
    }

    #team-and-advisors .bio p {
        font-size: 16px;
        line-height: 28px;
    }

    @-webkit-keyframes blockfallteammobile {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(0px, 0px, 0px);
                    transform: translate3d(0px, 0px, 0px);
        }
        1% {
            opacity: 1;
            -webkit-transform: translate3d(0px, 0px, 0px);
                    transform: translate3d(0px, 0px, 0px);
        }
        99% {
            opacity: 1;
            -webkit-transform: translate3d(0, 3130px, 0px);
                    transform: translate3d(0, 3130px, 0px);
        }
        100% {
            opacity: 0;
            -webkit-transform: translate3d(0, 3130px, 0px);
                    transform: translate3d(0, 3130px, 0px);
        }
    }

    @keyframes blockfallteammobile {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(0px, 0px, 0px);
                    transform: translate3d(0px, 0px, 0px);
        }
        1% {
            opacity: 1;
            -webkit-transform: translate3d(0px, 0px, 0px);
                    transform: translate3d(0px, 0px, 0px);
        }
        99% {
            opacity: 1;
            -webkit-transform: translate3d(0, 3130px, 0px);
                    transform: translate3d(0, 3130px, 0px);
        }
        100% {
            opacity: 0;
            -webkit-transform: translate3d(0, 3130px, 0px);
                    transform: translate3d(0, 3130px, 0px);
        }
    }

    #team-and-advisors .block-animation span {
        -webkit-animation: block infinite 18.5s linear;
                animation: blockfallteammobile infinite 18.5s linear;
    }
}

/*-------------------------------------
Footer
-------------------------------------*/

/* All Resolutions */

footer.main {
    position: relative;
    z-index: 0;
    overflow: hidden;
    color:#fff;
    text-align: center;
}

footer.main > div {
    background-color:rgba(47, 79, 253, .88);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 1;
}

footer.main video {
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background-image:url(../img/footer-bg.jpg);
    background-position: center;
    background-size: cover;
}

footer.main .watch {
    position: absolute;
    display: block;
    background-position: top center;
    background-repeat: no-repeat;
    background-image:url(../img/watch-white.png);
    -webkit-transition:margin-top 1000ms ease;
    -o-transition:margin-top 1000ms ease;
    transition:margin-top 1000ms ease;
    top: 0;
    left: 50%;
    margin-top: -500px;
}

@media screen and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) and (min-width: 768px){
     footer.main .watch {
         background-image:url(../img/watch-white@2x.png);
     }
 }

footer.main.active .watch {
    margin-top: 0;
}

footer.main h2 {
    font-family: "purista-web",sans-serif;
    font-weight: 300;
    opacity: 0;
    -webkit-transition:opacity 500ms ease;
    -o-transition:opacity 500ms ease;
    transition:opacity 500ms ease;

}

footer.main.active h2 {
    opacity: 1;
    -webkit-transition-delay: 1000ms;
            -o-transition-delay: 1000ms;
       transition-delay: 1000ms;
}

footer.main .content p {
    margin: 0 auto;
    opacity: 0;
    -webkit-transition:opacity 500ms ease;
    -o-transition:opacity 500ms ease;
    transition:opacity 500ms ease;
}

footer.main.active .content p {
    opacity: 1;
    -webkit-transition-delay: 1000ms;
            -o-transition-delay: 1000ms;
       transition-delay: 1000ms;
}

footer.main nav {
    opacity: 0;
    -webkit-transition:opacity 500ms ease;
    -o-transition:opacity 500ms ease;
    transition:opacity 500ms ease;
}

footer.main.active nav {
    opacity: 1;
    -webkit-transition-delay: 1000ms;
            -o-transition-delay: 1000ms;
       transition-delay: 1000ms;
}

footer.main nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

footer.main nav li {
    display: inline-block;
    margin: 0 10px;
}

footer.main nav a {
    color: #fff;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: .9px
}

.no-touch footer.main nav a:hover {
    color:#09ceff;;
}

footer.main nav a.telegram svg {
    width: 15px;
    height: 15px;
    display: inline-block;
    vertical-align: text-top;
    margin: -1px 0 0 10px;
    fill:#ffffff;
}

.no-touch footer.main nav a.telegram:hover svg {
    fill:#09ceff;
}

footer.main nav a.youtube svg {
    width: 17px;
    height: 13px;
    display: inline-block;
    vertical-align: text-top;
    margin: -1px 0 0 10px;
    fill:#ffffff;
}

.no-touch footer.main nav a.youtube:hover svg {
    fill:#09ceff;
}

footer.main nav a.blog svg {
  width: 15px;
  height: 15px;
  display: inline-block;
  vertical-align: text-top;
  margin: -1px 0 0 10px;
  fill:#ffffff;
}

.no-touch footer.main nav a.blog:hover svg {
  fill:#09ceff;
}

footer.main nav a.reddit svg {
  width: 16px;
  height: 13px;
  display: inline-block;
  vertical-align: text-top;
  margin: -1px 0 0 10px;
  fill:#ffffff;
}

.no-touch footer.main nav a.reddit:hover svg {
  fill:#09ceff;
}

footer.main nav a.github svg {
    width: 15px;
    height: 15px;
    display: inline-block;
    vertical-align: text-top;
    margin: -1px 0 0 10px;
    fill:#ffffff;
}

.no-touch footer.main nav a.github:hover svg {
    fill:#09ceff;
}

footer.main .credit {
    color:#09ceff;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: bold;
}

footer.main .credit a {
    color:#09ceff;
}

.no-touch footer.main .credit a:hover {
    color:#fff;
}

footer.main button.scroll {
    position: relative;
    width: 83px;
    height: 83px;
    position: absolute;
    bottom: -200px;
    margin-left: -41px;
    left: 50%;
    -webkit-transition:bottom 600ms ease;
    -o-transition:bottom 600ms ease;
    transition:bottom 600ms ease;
}

footer.main.active button.scroll {
    bottom: 0;
    -webkit-box-shadow: 0px 17px 38px 0px rgba(0, 0, 0, 0.13);
            box-shadow: 0px 17px 38px 0px rgba(0, 0, 0, 0.13);
    -webkit-transition-delay: 1500ms;
            -o-transition-delay: 1500ms;
       transition-delay: 1500ms;
}

footer.main button.scroll:before {
    content:'';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height:100%;
    background-color:#2d2443;
    -webkit-transition: background-color 300ms ease;
    -o-transition: background-color 300ms ease;
    transition: background-color 300ms ease;
}

footer.main button.scroll:hover:before {
    background-color:#2f4ffd;
}

footer.main button.scroll:after {
    content:'';
    z-index: 2;
    position: absolute;
    left: 50%;
    top: 50%;
    height: 43px;
    width: 43px;
    border-radius: 50%;
    border:1px solid #09ceff;
    -webkit-transform: translate(-50%,-50%) rotate(-90deg);
        -ms-transform: translate(-50%,-50%) rotate(-90deg);
            transform: translate(-50%,-50%) rotate(-90deg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px 10px;
    background-image:url(../img/thin-arrow.svg);
}

footer.main .content {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    max-width: 1179px;
    margin: 0 auto;
    -webkit-transform:translate(-50%,-50%);
        -ms-transform:translate(-50%,-50%);
            transform:translate(-50%,-50%);
}

footer.main .credit {
    position: absolute;
    bottom: 40px;
    right: 0;
    width: 100%;
    padding: 0 20px;
}

footer.main .credit p {
    margin: 0;
    text-align: right;
}

/* Desktop */

@media screen and (min-width: 1080px) {
    footer.main .content {
        padding: 0 130px 0 130px;
    }

    footer.main .watch {
        width: 122px;
        height: 240px;
        margin-left: -61px;
        background-size: 122px 240px;
    }

    footer.main h2 {
        padding-top: 265px;
        font-size: 60px;
        line-height: 85px;
        margin-bottom: 33px;
        font-size: 60px;
        line-height: 85px;
        margin-bottom: 33px;
    }

    footer.main .content p {
        max-width: 568px;
        font-size: 18px;
        line-height: 30px;
    }

    footer.main nav {
        margin-top: 52px;
    }

    footer.main .credit .container {
        width: 100%;
        max-width: 1247px;
        padding: 0 20px;
        margin: 0 auto;
    }

    footer.main .countdown > p {
        color:#fff;
    }

    footer.main .countdown .ClassyCountdown-value {
        color:#fff;
    }

    footer.main .countdown .ClassyCountdown-value span {
        color:rgba(255,255,255,.5);
    }
}

@media screen and (max-height: 805px) and (min-width: 1080px) {
    footer.main h2 {
        padding-top: 180px;
        margin-bottom: 10px;
        font-size: 50px;
        line-height: 63px;
    }

    footer.main .watch {
        width: 91px;
        height: 180px;
        margin-left: -45px;
        background-size: 91px 180px;
    }

    footer.main nav {
        margin-top: 12px;
    }
}

/* Mobile */

@media screen and (max-width: 1079px) {
    footer.main .content {
        max-width: 500px;
        padding: 0 20px 0 20px;
    }

    footer.main .watch {
        width: 91px;
        height: 180px;
        margin-left: -45px;
        background-size: 91px 180px;
    }

    footer.main .content h2 {
        padding-top: 220px;
        font-size: 33px;
        line-height: 46px;
        margin-bottom: 32px;
    }

    footer.main .content p {
        font-size: 16px;
        line-height: 25px;
    }

    footer.main nav {
        margin-top: 36px;
    }

    footer.main .countdown {
        display: none;
    }
}

/* ~iPhone 6 */

@media screen and (max-width: 767px) and (max-height: 667px) {
    footer.main .content {
        margin-top: -10px;
    }

    footer.main .content h2 {
        margin-bottom: 10px;
        padding-top: 190px;
    }

    footer.main nav {
        margin-top: 15px;
    }

    footer.main button.scroll {
        height: 50px;
        width: 50px;
        margin-left: -24px;
    }

    footer.main button.scroll:after {
        width: 30px;
        height: 30px;
        background-size: 10px 6px;
    }

    footer.main .credit {
        bottom: 20px;
    }
}

/* ~iPhone 5 */

@media screen and (max-width: 300px) and (max-height: 558px) {
    button.scroll,
    footer.main .credit {
        display: none;
    }
}

/*-------------------------------------
Placeholder
-------------------------------------*/

/* All Resolutions */

/* Desktop */

@media screen and (min-width: 768px) {

}

/* Mobile */

@media screen and (max-width: 767px) {

}

.image-eac {
  max-height: 95px;
  max-width: 240px;
}

.image-mycrypto {
  max-height: 60px;
  max-width: 185px;
}

.image-rsk {
  max-height: 60px;
  max-width: 185px;
}

.image-mew {
  max-height: 60px;
  max-width: 185px;
}