@import 'https://fonts.googleapis.com/css?family=Exo:200,400';

hr,
input[type=search] {
    box-sizing: content-box
}

img,
legend {
    border: 0
}

legend,
td,
th {
    padding: 0
}

.copyright-container,
p {
    text-rendering: optimizeLegibility
}

a:active,
a:hover,
input:focus,
textarea {
    outline: 0
}
#mapa {
    width: 100%;
    height: 400px;
}
div.wrapper {
  /* position: relative; */
    margin: 260px auto;
    width:600px;
    background:#efe;
  height: 3900px;
}
div.sticker {
    padding: 20px;
    margin: 20px 0;
    background: #ece;
    width: 190px;
}
.stick {
    position:fixed;
    top:0px;
}
.marker {
  position: absolute;
  top: 1000px;
  right: 100px;
  font-size: 2em;
}

.test-logo {
    margin-bottom: 19.11111vw;
}

.test-logo img {
    height: 78px
    margin-left: 2vw;
}

#logo img {
    max-height: 70%;
        height: 3rem;
}

.log img {
    max-height: 70%;
        height: 13rem;
}
.fixar{
    position: fixed;
    top: 0px;
}

#about-page #section-3,
#about-page #section-3:after,
#about-page #section-5:after,
.blog-categories:after,
.blog-single .form-container:after,
.button-store-download:after,
.featured-posts:after,
.group-row:after,
.instagram-grid-items:after,
.navigation-footer .social-buttons:after,
.page-section,
.page-section:after,
.post-author-full:after,
.post-categories:after,
.post-loader,
.post-navigation:after,
.post-share .share-list:after,
.posts-wrapper:after,
.section-inner.center,
.section-inner:after {
    clear: both
}

.cd-headline.type .cd-words-wrapper.selected::after,
.cd-headline.type b {
    visibility: hidden
}

html {
    font-family: 'Exo', sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

a {
    background-color: transparent;
    text-decoration: none;
    color: #2d2b51
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
optgroup,
strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    margin: .66667em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

.heading .button-fill,
.heading span,
.main-heading span,
.post-categories,
.post-teaser .post-author {
    vertical-align: middle
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    height: 0
}

pre,
textarea {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

.sk-rotating-plane {
    width: 40px;
    height: 40px;
    background-color: #333;
    margin: 40px auto;
    -webkit-animation: sk-rotatePlane 1.2s infinite ease-in-out;
    animation: sk-rotatePlane 1.2s infinite ease-in-out
}

@-webkit-keyframes sk-rotatePlane {
    0% {
        -webkit-transform: perspective(120px) rotateX(0) rotateY(0);
        transform: perspective(120px) rotateX(0) rotateY(0)
    }
    50% {
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0);
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0)
    }
    100% {
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
    }
}

@keyframes sk-rotatePlane {
    0% {
        -webkit-transform: perspective(120px) rotateX(0) rotateY(0);
        transform: perspective(120px) rotateX(0) rotateY(0)
    }
    50% {
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0);
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0)
    }
    100% {
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
    }
}

.sk-double-bounce {
    width: 40px;
    height: 40px;
    position: relative;
    margin: 40px auto
}

.sk-double-bounce .sk-child {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #333;
    opacity: .6;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: sk-doubleBounce 2s infinite ease-in-out;
    animation: sk-doubleBounce 2s infinite ease-in-out
}

.sk-chasing-dots .sk-child,
.sk-spinner-pulse,
.sk-three-bounce .sk-child {
    background-color: #333;
    border-radius: 100%
}

.sk-double-bounce .sk-double-bounce2 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

@-webkit-keyframes sk-doubleBounce {
    0%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes sk-doubleBounce {
    0%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.sk-wave {
    margin: 40px auto;
    width: 50px;
    height: 40px;
    text-align: center;
    font-size: 10px
}

.sk-wave .sk-rect {
    background-color: #333;
    height: 100%;
    width: 6px;
    display: inline-block;
    -webkit-animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
    animation: sk-waveStretchDelay 1.2s infinite ease-in-out
}

.sk-wave .sk-rect1 {
    -webkit-animation-delay: -1.2s;
    animation-delay: -1.2s
}

.sk-wave .sk-rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s
}

.sk-wave .sk-rect3 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

.sk-wave .sk-rect4 {
    -webkit-animation-delay: -.9s;
    animation-delay: -.9s
}

.sk-wave .sk-rect5 {
    -webkit-animation-delay: -.8s;
    animation-delay: -.8s
}

@-webkit-keyframes sk-waveStretchDelay {
    0%,
    100%,
    40% {
        -webkit-transform: scaleY(.4);
        transform: scaleY(.4)
    }
    20% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
}

@keyframes sk-waveStretchDelay {
    0%,
    100%,
    40% {
        -webkit-transform: scaleY(.4);
        transform: scaleY(.4)
    }
    20% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
}

.sk-wandering-cubes {
    margin: 40px auto;
    width: 40px;
    height: 40px;
    position: relative
}

.sk-wandering-cubes .sk-cube {
    background-color: #333;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: sk-wanderingCube 1.8s ease-in-out -1.8s infinite both;
    animation: sk-wanderingCube 1.8s ease-in-out -1.8s infinite both
}

.sk-chasing-dots,
.sk-spinner-pulse {
    width: 40px;
    height: 40px;
    margin: 40px auto
}

.sk-wandering-cubes .sk-cube2 {
    -webkit-animation-delay: -.9s;
    animation-delay: -.9s
}

@-webkit-keyframes sk-wanderingCube {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    25% {
        -webkit-transform: translateX(30px) rotate(-90deg) scale(.5);
        transform: translateX(30px) rotate(-90deg) scale(.5)
    }
    50% {
        -webkit-transform: translateX(30px) translateY(30px) rotate(-179deg);
        transform: translateX(30px) translateY(30px) rotate(-179deg)
    }
    50.1% {
        -webkit-transform: translateX(30px) translateY(30px) rotate(-180deg);
        transform: translateX(30px) translateY(30px) rotate(-180deg)
    }
    75% {
        -webkit-transform: translateX(0) translateY(30px) rotate(-270deg) scale(.5);
        transform: translateX(0) translateY(30px) rotate(-270deg) scale(.5)
    }
    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}

@keyframes sk-wanderingCube {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    25% {
        -webkit-transform: translateX(30px) rotate(-90deg) scale(.5);
        transform: translateX(30px) rotate(-90deg) scale(.5)
    }
    50% {
        -webkit-transform: translateX(30px) translateY(30px) rotate(-179deg);
        transform: translateX(30px) translateY(30px) rotate(-179deg)
    }
    50.1% {
        -webkit-transform: translateX(30px) translateY(30px) rotate(-180deg);
        transform: translateX(30px) translateY(30px) rotate(-180deg)
    }
    75% {
        -webkit-transform: translateX(0) translateY(30px) rotate(-270deg) scale(.5);
        transform: translateX(0) translateY(30px) rotate(-270deg) scale(.5)
    }
    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}

.sk-spinner-pulse {
    -webkit-animation: sk-pulseScaleOut 1s infinite ease-in-out;
    animation: sk-pulseScaleOut 1s infinite ease-in-out
}

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

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

.sk-chasing-dots {
    position: relative;
    text-align: center;
    -webkit-animation: sk-chasingDotsRotate 2s infinite linear;
    animation: sk-chasingDotsRotate 2s infinite linear
}

.sk-chasing-dots .sk-child {
    width: 60%;
    height: 60%;
    display: inline-block;
    position: absolute;
    top: 0;
    -webkit-animation: sk-chasingDotsBounce 2s infinite ease-in-out;
    animation: sk-chasingDotsBounce 2s infinite ease-in-out
}

.sk-chasing-dots .sk-dot2 {
    top: auto;
    bottom: 0;
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

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

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

@-webkit-keyframes sk-chasingDotsBounce {
    0%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes sk-chasingDotsBounce {
    0%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.sk-three-bounce {
    margin: 40px auto;
    width: 80px;
    text-align: center
}

.sk-three-bounce .sk-child {
    width: 20px;
    height: 20px;
    display: inline-block;
    -webkit-animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;
    animation: sk-three-bounce 1.4s ease-in-out 0s infinite both
}

.sk-circle .sk-child:before,
.sk-fading-circle .sk-circle:before {
    display: block;
    border-radius: 100%;
    content: '';
    background-color: #333
}

.sk-three-bounce .sk-bounce1 {
    -webkit-animation-delay: -.32s;
    animation-delay: -.32s
}

.sk-three-bounce .sk-bounce2 {
    -webkit-animation-delay: -.16s;
    animation-delay: -.16s
}

@-webkit-keyframes sk-three-bounce {
    0%,
    100%,
    80% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes sk-three-bounce {
    0%,
    100%,
    80% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.sk-circle {
    margin: 40px auto;
    width: 40px;
    height: 40px;
    position: relative
}

.sk-circle .sk-child {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.sk-circle .sk-child:before {
    margin: 0 auto;
    width: 15%;
    height: 15%;
    -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
    animation: sk-circleBounceDelay 1.2s infinite ease-in-out both
}

.sk-circle .sk-circle2 {
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg)
}

.sk-circle .sk-circle3 {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg)
}

.sk-circle .sk-circle4 {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.sk-circle .sk-circle5 {
    -webkit-transform: rotate(120deg);
    transform: rotate(120deg)
}

.sk-circle .sk-circle6 {
    -webkit-transform: rotate(150deg);
    transform: rotate(150deg)
}

.sk-circle .sk-circle7 {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.sk-circle .sk-circle8 {
    -webkit-transform: rotate(210deg);
    transform: rotate(210deg)
}

.sk-circle .sk-circle9 {
    -webkit-transform: rotate(240deg);
    transform: rotate(240deg)
}

.sk-circle .sk-circle10 {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.sk-circle .sk-circle11 {
    -webkit-transform: rotate(300deg);
    transform: rotate(300deg)
}

.sk-circle .sk-circle12 {
    -webkit-transform: rotate(330deg);
    transform: rotate(330deg)
}

.sk-circle .sk-circle2:before {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s
}

.sk-circle .sk-circle3:before {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

.sk-circle .sk-circle4:before {
    -webkit-animation-delay: -.9s;
    animation-delay: -.9s
}

.sk-circle .sk-circle5:before {
    -webkit-animation-delay: -.8s;
    animation-delay: -.8s
}

.sk-circle .sk-circle6:before {
    -webkit-animation-delay: -.7s;
    animation-delay: -.7s
}

.sk-circle .sk-circle7:before {
    -webkit-animation-delay: -.6s;
    animation-delay: -.6s
}

.sk-circle .sk-circle8:before {
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}

.sk-circle .sk-circle9:before {
    -webkit-animation-delay: -.4s;
    animation-delay: -.4s
}

.sk-circle .sk-circle10:before {
    -webkit-animation-delay: -.3s;
    animation-delay: -.3s
}

.sk-circle .sk-circle11:before {
    -webkit-animation-delay: -.2s;
    animation-delay: -.2s
}

.sk-circle .sk-circle12:before {
    -webkit-animation-delay: -.1s;
    animation-delay: -.1s
}

@-webkit-keyframes sk-circleBounceDelay {
    0%,
    100%,
    80% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes sk-circleBounceDelay {
    0%,
    100%,
    80% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.sk-cube-grid {
    width: 40px;
    height: 40px;
    margin: 40px auto
}

.sk-cube-grid .sk-cube {
    width: 33.33%;
    height: 33.33%;
    background-color: #333;
    float: left;
    -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
    animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out
}

.sk-cube-grid .sk-cube1 {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.sk-cube-grid .sk-cube2 {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.sk-cube-grid .sk-cube3 {
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

.sk-cube-grid .sk-cube4 {
    -webkit-animation-delay: .1s;
    animation-delay: .1s
}

.sk-cube-grid .sk-cube5 {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.sk-cube-grid .sk-cube6 {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.sk-cube-grid .sk-cube7 {
    -webkit-animation-delay: 0ms;
    animation-delay: 0ms
}

.sk-cube-grid .sk-cube8 {
    -webkit-animation-delay: .1s;
    animation-delay: .1s
}

.sk-cube-grid .sk-cube9 {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

@-webkit-keyframes sk-cubeGridScaleDelay {
    0%,
    100%,
    70% {
        -webkit-transform: scale3D(1, 1, 1);
        transform: scale3D(1, 1, 1)
    }
    35% {
        -webkit-transform: scale3D(0, 0, 1);
        transform: scale3D(0, 0, 1)
    }
}

@keyframes sk-cubeGridScaleDelay {
    0%,
    100%,
    70% {
        -webkit-transform: scale3D(1, 1, 1);
        transform: scale3D(1, 1, 1)
    }
    35% {
        -webkit-transform: scale3D(0, 0, 1);
        transform: scale3D(0, 0, 1)
    }
}

.sk-fading-circle {
    margin: 40px auto;
    width: 40px;
    height: 40px;
    position: relative
}

.sk-fading-circle .sk-circle {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.sk-fading-circle .sk-circle:before {
    margin: 0 auto;
    width: 15%;
    height: 15%;
    -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
    animation: sk-circleFadeDelay 1.2s infinite ease-in-out both
}

h1+hr,
h2+hr {
    border: none
}

.sk-fading-circle .sk-circle2 {
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg)
}

.sk-fading-circle .sk-circle3 {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg)
}

.sk-fading-circle .sk-circle4 {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.sk-fading-circle .sk-circle5 {
    -webkit-transform: rotate(120deg);
    transform: rotate(120deg)
}

.sk-fading-circle .sk-circle6 {
    -webkit-transform: rotate(150deg);
    transform: rotate(150deg)
}

.sk-fading-circle .sk-circle7 {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.sk-fading-circle .sk-circle8 {
    -webkit-transform: rotate(210deg);
    transform: rotate(210deg)
}

.sk-fading-circle .sk-circle9 {
    -webkit-transform: rotate(240deg);
    transform: rotate(240deg)
}

.sk-fading-circle .sk-circle10 {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.sk-fading-circle .sk-circle11 {
    -webkit-transform: rotate(300deg);
    transform: rotate(300deg)
}

.sk-fading-circle .sk-circle12 {
    -webkit-transform: rotate(330deg);
    transform: rotate(330deg)
}

.sk-fading-circle .sk-circle2:before {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s
}

.sk-fading-circle .sk-circle3:before {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

.sk-fading-circle .sk-circle4:before {
    -webkit-animation-delay: -.9s;
    animation-delay: -.9s
}

.sk-fading-circle .sk-circle5:before {
    -webkit-animation-delay: -.8s;
    animation-delay: -.8s
}

.sk-fading-circle .sk-circle6:before {
    -webkit-animation-delay: -.7s;
    animation-delay: -.7s
}

.sk-fading-circle .sk-circle7:before {
    -webkit-animation-delay: -.6s;
    animation-delay: -.6s
}

.sk-fading-circle .sk-circle8:before {
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}

.sk-fading-circle .sk-circle9:before {
    -webkit-animation-delay: -.4s;
    animation-delay: -.4s
}

.sk-fading-circle .sk-circle10:before {
    -webkit-animation-delay: -.3s;
    animation-delay: -.3s
}

.sk-fading-circle .sk-circle11:before {
    -webkit-animation-delay: -.2s;
    animation-delay: -.2s
}

.sk-fading-circle .sk-circle12:before {
    -webkit-animation-delay: -.1s;
    animation-delay: -.1s
}

@-webkit-keyframes sk-circleFadeDelay {
    0%,
    100%,
    39% {
        opacity: 0
    }
    40% {
        opacity: 1
    }
}

@keyframes sk-circleFadeDelay {
    0%,
    100%,
    39% {
        opacity: 0
    }
    40% {
        opacity: 1
    }
}

.sk-folding-cube {
    margin: 40px auto;
    width: 40px;
    height: 40px;
    position: relative;
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg)
}

.sk-folding-cube .sk-cube {
    float: left;
    width: 50%;
    height: 50%;
    position: relative;
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.sk-folding-cube .sk-cube:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #333;
    -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
    animation: sk-foldCubeAngle 2.4s infinite linear both;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%
}

.sk-folding-cube .sk-cube2 {
    -webkit-transform: scale(1.1) rotateZ(90deg);
    transform: scale(1.1) rotateZ(90deg)
}

.sk-folding-cube .sk-cube3 {
    -webkit-transform: scale(1.1) rotateZ(180deg);
    transform: scale(1.1) rotateZ(180deg)
}

.sk-folding-cube .sk-cube4 {
    -webkit-transform: scale(1.1) rotateZ(270deg);
    transform: scale(1.1) rotateZ(270deg)
}

.sk-folding-cube .sk-cube2:before {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.sk-folding-cube .sk-cube3:before {
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

.sk-folding-cube .sk-cube4:before {
    -webkit-animation-delay: .9s;
    animation-delay: .9s
}

@-webkit-keyframes sk-foldCubeAngle {
    0%,
    10% {
        -webkit-transform: perspective(140px) rotateX(-180deg);
        transform: perspective(140px) rotateX(-180deg);
        opacity: 0
    }
    25%,
    75% {
        -webkit-transform: perspective(140px) rotateX(0);
        transform: perspective(140px) rotateX(0);
        opacity: 1
    }
    100%,
    90% {
        -webkit-transform: perspective(140px) rotateY(180deg);
        transform: perspective(140px) rotateY(180deg);
        opacity: 0
    }
}

@keyframes sk-foldCubeAngle {
    0%,
    10% {
        -webkit-transform: perspective(140px) rotateX(-180deg);
        transform: perspective(140px) rotateX(-180deg);
        opacity: 0
    }
    25%,
    75% {
        -webkit-transform: perspective(140px) rotateX(0);
        transform: perspective(140px) rotateX(0);
        opacity: 1
    }
    100%,
    90% {
        -webkit-transform: perspective(140px) rotateY(180deg);
        transform: perspective(140px) rotateY(180deg);
        opacity: 0
    }
}

/*@font-face {
    font-family: Akkurat;
    src: url("../fonts/Akkurat.eot");
    src: url("../fonts/Akkurat-.eot#iefix") format("embedded-opentype"), url("../fonts/Akkurat.woff") format("woff"), url("../fonts/Akkurat.ttf") format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Akkurat-Mono;
    src: url("../fonts/Akkurat-Mono.eot");
    src: url("../fonts/Akkurat-Mono-.eot#iefix") format("embedded-opentype"), url("../fonts/Akkurat-Mono.woff") format("woff"), url("../fonts/Akkurat-Mono.ttf") format("truetype");
    font-weight: 400;
    font-style: normal
}*/

body {
    color: #40464e;
    font: normal normal 15px/1.2 'Exo', sans-serif;
}

.link-phone,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Exo', sans-serif;
    font-weight: 200;
}

.link-map,
p {
    line-height: 1.8
}

@media (min-width:1024px) {
    body {
        font-size: .78125vw
    }
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    color: #115060;
    text-transform: uppercase
}

h1:before {
    content: attr(data-number) " "
}

h1+hr,
h2+hr {
    margin: 0;
    background-color: #40464e;
}

h1 {
    margin-bottom: 3.24074vw;
    font-size: 15.05556vw
}

@media (min-width:1024px) {
    h1 {
        margin-bottom: 1.30208vw;
        font-size: 5.125vw
    }
}

h1+hr {
    width: 4.16667vw;
    height: .92593vw;
    min-height: 5px;
    margin-bottom: 3.51852vw
}

@media (min-width:1024px) {
    h1+hr {
        width: 34px;
        min-height: 5px;
        height: .36458vw;
        margin-bottom: 1.66667vw
    }
}

h2 {
    margin-bottom: 3.05556vw;
    font-size: 9.55556vw
}

@media (min-width:1024px) {
    h2 {
        margin-bottom: .78125vw;
        font-size: 37px;
        font-size: 3.92708vw
    }
}

h2+hr {
    width: 3.24074vw;
    height: .64815vw;
    min-height: 4px;
    margin-bottom: 2.77778vw
}

@media (min-width:1024px) {
    h2+hr {
        width: 26px;
        min-height: 3px;
        height: .26042vw;
        margin-bottom: .9375vw
    }
}

a:hover {
    text-decoration: underline
}

.link-map,
.link-map:hover,
a.link--hover:hover {
    text-decoration: none
}

a.link--hover {
    position: relative
}

a.link--hover:hover:after {
    width: 100%
}

a.link--hover:after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 0;
    height: 1px;
    background-color: #2d2b51;
    -webkit-transition: width .36s cubic-bezier(.075, .82, .165, 1);
    transition: width .36s cubic-bezier(.075, .82, .165, 1)
}

@-webkit-keyframes lightSpeedLeft {
    0% {
        left: 0;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1.275);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1.275)
    }
    20% {
        left: -20%;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1.275);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1.275)
    }
    100% {
        left: 100%;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1.275);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1.275)
    }
}

@keyframes lightSpeedLeft {
    0% {
        left: 0;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1.275);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1.275)
    }
    20% {
        left: -20%;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1.275);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1.275)
    }
    100% {
        left: 100%;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1.275);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1.275)
    }
}

@-webkit-keyframes lightSpeedRight {
    0%,
    100% {
        right: 0;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1.275);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1.275)
    }
    20% {
        right: -20%;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1.275);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1.275)
    }
    75% {
        right: 100%;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1.275);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1.275)
    }
}

@keyframes lightSpeedRight {
    0%,
    100% {
        right: 0;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1.275);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1.275)
    }
    20% {
        right: -20%;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1.275);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1.275)
    }
    75% {
        right: 100%;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1.275);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1.275)
    }
}

.link-map {
    color: #9296ab;
    position: relative;
    display: inline-block;
    margin-bottom: 2.08333vw;
    -webkit-transition: all .22s cubic-bezier(.075, .82, .165, 1);
    transition: all .22s cubic-bezier(.075, .82, .165, 1);
    overflow: hidden
}

.link-map:after,
.link-map:before {
    position: absolute;
    bottom: 3px;
    height: 1px;
    background-color: #9296ab;
    width: 100%;
    z-index: -1;
    content: " "
}

.link-map:before {
    left: 0
}

.link-map:after {
    left: -100%
}

.link-map:hover:before {
    -webkit-animation: 1s ease-out both lightSpeedLeft;
    animation: 1s ease-out both lightSpeedLeft
}

.link-map:hover:after {
    left: 0;
    -webkit-transition: left .32s ease-out .32s;
    transition: left .32s ease-out .32s
}

.link-phone {
    font-weight: 700
}

p {
    margin-top: 0;
    margin-bottom: 11.11111vw
}

p a {
    text-decoration: underline
}

.button-fill:hover,
.featured-posts>li>a:hover,
.main-nav .site-links a,
.post-categories li a,
.post-teaser>a,
.posts>li>a {
    text-decoration: none
}

.decor-center+hr {
    margin-right: auto;
    margin-left: auto
}

#page-background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}

#page-background .background-stripe {
    box-sizing: border-box;
    position: relative;
    float: left;
    width: 14.2858%;
    height: 100%;
    border-right: 1px solid #eeeff2;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

@media (min-width:1024px) {
    p {
        margin-bottom: 3.125vw
    }
    .decor-right+hr {
        margin-right: 0;
        margin-left: auto
    }
    #page-background .background-stripe {
        width: 9.0909%
    }
}

#page-background .background-stripe:last-of-type {
    border-right: none
}

#page-background .background-stripe .tick {
    position: absolute;
    right: -2px;
    width: 3px;
    background-color: #d9dbe3;
    -webkit-transition: top .25s linear;
    transition: top .25s linear;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.blog-categories,
.blog-categories li,
.post-teaser {
    position: relative
}

article,
img {
    -webkit-transform: translate3d(0, 0, 0)
}

[data-post-reveal] {
    display: block;
    position: relative;
    opacity: 0
}

#blog+#store-download-front,
.blog-single+#store-download-front,
[data-hide-background] .tick {
    display: none
}

article {
    transform: translate3d(0, 0, 0)
}

.page-wrapper-inner>.blog-single {
    margin: 0 auto;
    width: 72.5%;
    box-sizing: border-box;
    padding: 25vw 0
}

@media (min-width:1024px) {
    .page-wrapper-inner>.blog-single {
        max-width: 1210px;
        max-width: 63.0209vw;
        width: 63.02083vw;
        padding: 12.5vw 8.95833vw
    }
}

.page-wrapper-inner>.blog-single .post-loader {
    top: 11.45833vw
}

#blog {
    padding: 25vw 0
}

#blog [data-stagger] {
    opacity: 0
}

#blog h1 {
    margin-bottom: 11.11111vw
}

@media (min-width:1024px) {
    #blog {
        padding: 12.5vw 0
    }
    #blog h1 {
        margin-bottom: 2.60417vw
    }
}

#blog h1 span {
    display: inline-block
}

#blog .blog-categories.horizontal-list {
    margin-bottom: 6.25vw
}

body[class*=blog-category--]:not(.blog-category--all) #blog h1 {
    margin-bottom: 8.85417vw
}

@media (min-width:1024px) {
    body[class*=blog-category--]:not(.blog-category--all) .blog-categories.horizontal-list {
        display: none
    }
}

.blog-categories {
    margin: 0;
    padding: 0
}

.blog-categories:after,
.blog-categories:before {
    content: " ";
    display: table
}

.blog-categories .button {
    width: auto;
    padding: 1em;
    font-size: 2.22222vw;
    border-width: 1px;
    text-transform: uppercase;
    letter-spacing: .1em
}

.blog-categories .button span {
    top: 0
}

.blog-categories.horizontal-list .button {
    float: left;
    margin-right: 1.85185vw;
    margin-bottom: 1.85185vw
}

.blog-categories.vertical-list {
    display: none
}

@media (min-width:1024px) {
    .blog-categories .button {
        border-width: 2px;
        font-size: .67708vw
    }
    .blog-categories.horizontal-list .button {
        margin-right: .88542vw;
        margin-bottom: .88542vw
    }
    .blog-categories.vertical-list {
        display: block
    }
}

.blog-categories .active a {
    border-color: #0077ed;
    color: #fff;
    background-color: #0077ed;
    box-shadow: 5px 15px 15px 0 rgba(18, 17, 30, .15)
}

.blog-categories .active a:before {
    content: none
}

.blog-categories.horizontal-list {
    display: block
}

.post-categories {
    display: inline-block
}

.post-categories:after,
.post-categories:before {
    content: " ";
    display: table
}

.post-categories li {
    float: left;
    margin-right: .52083vw
}

.post-categories li a {
    padding-bottom: 1px;
    font-family: Akkurat-Mono, sans-serif;
    border-bottom: 1px solid #0077ed;
    font-size: 2.22222vw;
    line-height: 1
}

.post-teaser .post-author,
.post-teaser .post-date,
.post-teaser .post-read-time {

}

.post-categories li:not(:last-child) a:after {
    content: ","
}

.post-teaser {
    box-sizing: border-box;
    top: 0;
    margin-bottom: 7.40741vw;
    background-color: #fafafa;
    box-shadow: 3px 3px 10px 0 rgba(18, 17, 30, .06);
    overflow: hidden;
    -webkit-transition: all .32s cubic-bezier(.165, .84, .44, 1);
    transition: all .32s cubic-bezier(.165, .84, .44, 1)
}

.post-teaser:hover {
    top: -10px;
    box-shadow: 0 20px 25px 0 rgba(18, 17, 30, .1)
}

@media (min-width:1024px) {
    .post-categories li a {
        padding-bottom: 2px;
        border-bottom: 2px solid #0077ed;
        font-size: .78125vw;
        line-height: 1.2
    }
    .post-teaser {
        margin-bottom: 2.08333vw
    }
}

.post-teaser h2 {
    max-width: 60%;
    font-size: 3.33333vw;
    text-transform: capitalize
}

.post-teaser h2+hr {
    width: 17px;
    height: 2px;
    min-height: 2px
}

.post-teaser>a {
    display: block
}

.post-teaser .teaser-body {
    box-sizing: border-box;
    padding: 4.16667vw;
    background-color: #fff
}

@media (min-width:1024px) {
    .post-teaser h2 {
        font-size: 1.5625vw
    }
    .post-teaser h2+hr {
        width: 17px;
        height: 3px
    }
    .post-teaser .teaser-body {
        padding: 2.60417vw 12.5vw 2.60417vw 2.86458vw
    }
}

.post-teaser .post-author {
    display: inline-block;
    margin-bottom: 1.85185vw;
    font-style: italic;
    font-weight: 700;
    font-size: 2.22222vw;
    text-transform: uppercase
}

@media (min-width:1024px) {
    .post-teaser .post-author {
        font-size: .72917vw;
        margin-right: 2.08333vw;
        margin-bottom: 0
    }
}

.post-teaser .post-date,
.post-teaser .post-read-time {
    position: absolute;
    right: 4.16667vw;
    color: #969aaf;
    font-size: 1.85185vw
}

.post-teaser .post-read-time {
    bottom: 4.16667vw
}

.post-teaser .post-date {
    top: 4.16667vw
}

.post-teaser .post-categories {
    display: block
}

@media (min-width:1024px) {
    .post-teaser .post-date,
    .post-teaser .post-read-time {
        right: 2.86458vw;
        font-size: .78125vw
    }
    .post-teaser .post-read-time {
        bottom: 2.60417vw
    }
    .post-teaser .post-date {
        top: 2.60417vw
    }
    .post-teaser .post-categories {
        display: inline-block
    }
}

.featured-posts:after,
.featured-posts:before,
.posts-wrapper:after,
.posts-wrapper:before {
    content: " ";
    display: table
}

.post-featured {
    border: 10px solid #fff;
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: 0 20px 25px 0 rgba(18, 17, 30, .15)
}

.post-featured:hover {
    box-shadow: 0 22px 25px 0 rgba(18, 17, 30, .27)
}

@media (min-width:1024px) {
    .post-featured {
        border: .9375vw solid #fff
    }
    .post-featured h2 {
        max-width: 100%
    }
}

.button-round,
.button-round .button-background {
    border-radius: 50%
}

.post-featured h2 {
    text-transform: uppercase
}

.post-featured .teaser-body {
    position: absolute;
    bottom: 2.86458vw;
    left: 2.86458vw;
    width: 39.0625vw;
    box-shadow: 0 20px 25px 0 rgba(18, 17, 30, .2)
}

.posts-wrapper {
    position: relative
}

.posts-wrapper .blog-categories {
    float: left
}

.posts-wrapper .blog-categories li {
    margin-bottom: 1.04167vw
}

.posts-wrapper .posts-wrapper-inner {
    float: none
}

.posts-wrapper-inner {
    position: relative;
    padding-bottom: 33.33333vw
}

.posts {
    width: 100%;
    margin: 0
}

@media (min-width:1024px) {
    .post-featured .post-read-time {
        top: 2.60417vw;
        bottom: auto
    }
    .post-featured .post-date {
        top: auto;
        bottom: 2.60417vw
    }
    .posts-wrapper .posts-wrapper-inner {
        float: right
    }
    .posts-wrapper-inner {
        padding-bottom: 9.375vw
    }
    .posts {
        width: 54.01042vw
    }
}

.featured-posts>li>a {
    display: block
}

.featured-posts li:first-child .post-featured {
    height: 35.41667vw
}

.featured-posts li:first-child .post-featured h2 {
    font-size: 2.60417vw
}

.featured-posts li:first-child .post-featured h2+hr {
    width: 26px;
    height: 5px
}

.featured-posts li:first-child .post-featured .post-author {
    font-size: .88542vw
}

.featured-posts li:first-child~li .post-featured {
    width: 30.41667vw;
    height: 17.1875vw
}

.featured-posts li:first-child~li .post-featured h2 {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.featured-posts li:first-child~li .post-featured .teaser-body {
    width: auto;
    padding: 1.30208vw 1.5625vw
}

@media (min-width:1024px) {
    .featured-posts li:first-child~li .post-featured .post-author,
    .featured-posts li:first-child~li .post-featured .post-date,
    .featured-posts li:first-child~li .post-featured .post-read-time {
        display: none
    }
    .featured-posts li:first-child~li .post-featured .teaser-body {
        max-width: 22.8125vw
    }
    .featured-posts li:first-child~li:nth-child(even) {
        float: left
    }
    .featured-posts li:first-child~li:nth-child(odd) {
        float: right
    }
}

@media (max-width:1023px) {
    .featured-posts li:first-child .post-featured,
    .featured-posts li:first-child~li .post-featured {
        width: 100%!important;
        height: auto;
        padding-top: 37.5vw;
        background-position: center
    }
    .featured-posts li:first-child .post-featured h2,
    .featured-posts li:first-child~li .post-featured h2 {
        font-size: 3.33333vw;
        text-transform: capitalize
    }
    .featured-posts li:first-child .post-featured h2+hr,
    .featured-posts li:first-child~li .post-featured h2+hr {
        width: 17px;
        height: 2px;
        min-height: 2px
    }
    .featured-posts li:first-child .post-featured .teaser-body,
    .featured-posts li:first-child~li .post-featured .teaser-body {
        position: relative;
        width: 100%;
        padding: 4.16667vw;
        bottom: 0;
        left: 0
    }
    .featured-posts li:first-child .post-featured .post-author,
    .featured-posts li:first-child~li .post-featured .post-author {
        display: inline-block;
        margin-bottom: 1.85185vw;
        font-family: 'Exo', sans-serif;
        font-style: italic;
        font-weight: 700;
        font-size: 2.22222vw;
        text-transform: uppercase;
        vertical-align: middle
    }
}

.blog-single .form-container:after,
.blog-single .form-container:before,
.post-author-full:after,
.post-author-full:before,
.post-navigation:after,
.post-navigation:before,
.post-share .share-list:after,
.post-share .share-list:before {
    display: table;
    content: " "
}

.post-author-full {
    margin-bottom: 4.6875vw
}

.post-author-full img {
    float: left;
    width: 14.81481vw;
    margin-right: 2.77778vw
}

@media (min-width:1024px) {
    .post-author-full img {
        width: 4.6875vw;
        margin-right: 1.5625vw
    }
}

.post-author-full .post-categories .post-categories-label {
    margin-right: .75em;
    color: #2d2b51;
    font-family: Akkurat-Mono, sans-serif;
    font-size: 2.22222vw;
    vertical-align: middle;
    line-height: 1
}

.blog-single .post-body,
.post-author-content {
    font-family: 'Exo', sans-serif
}

@media (min-width:1024px) {
    .post-author-full .post-categories .post-categories-label {
        font-size: .78125vw;
        line-height: 1.2
    }
}

.post-author-content {
    padding-top: .26042vw;
    overflow: hidden
}

.post-author-content .written-by {
    margin-bottom: .26042vw;
    color: #9195a8;
    font-style: italic;
    font-weight: 700;
    font-size: 1.85185vw
}

@media (min-width:1024px) {
    .post-author-content .written-by {
        font-size: .72917vw
    }
}

.post-author-content .post-author {
    color: #2d2b51;
    font-style: italic;
    font-weight: 700;
    font-size: 2.03704vw
}

@media (min-width:1024px) {
    .post-author-content .post-author {
        font-size: 1.14583vw
    }
}

.post-author {
    line-height: 1
}

.post-share {
    margin-bottom: 10.41667vw
}

.post-share .share-list li {
    float: left;
    margin-right: 1.04167vw
}

.post-share .share-list li .button {
    width: auto;
    padding: 1em;
    border-width: 1px;
    font-size: 2.22222vw
}

.post-share .share-list li .button span {
    top: 0
}

.post-navigation {
    margin-bottom: 6.48148vw
}

.post-navigation .button {
    width: 31.48148vw;
    height: 11.11111vw
}

@media (min-width:1024px) {
    .post-share .share-list li .button {
        border-width: 2px;
        font-size: .83333vw
    }
    .post-navigation {
        margin-bottom: 2.60417vw
    }
    .post-navigation .button {
        width: 21.19792vw;
        height: 4.6875vw
    }
}

.post-navigation .button .button-text {
    font-size: 2.22222vw
}

.post-navigation .button:first-child {
    float: right
}

.post-navigation .button.button-next-post:first-child {
    float: right!important
}

.form-qa,
.post-navigation .button:last-child {
    float: left
}

.blog-single {
    padding: 0
}

@media (min-width:1024px) {
    .post-navigation .button .button-text {
        font-size: 1.04167vw
    }
    .post-navigation .button.button-prev-post .button-text {
        margin-left: 1.8em
    }
    .post-navigation .button.button-prev-post:hover .button-text {
        margin-left: 2.4em
    }
    .post-navigation .button.button-next-post .button-text {
        margin-right: 1.8em
    }
    .post-navigation .button.button-next-post:hover .button-text {
        margin-right: 2.4em
    }
    .blog-single {
        padding: 0 8.95833vw
    }
}

.blog-single blockquote {
    box-sizing: border-box;
    max-width: 100%;
    margin: 0 0 11.11111vw;
    padding-left: 20px;
    border-left: 4px solid #0077ed;
    color: #2d2b51;
    font-style: italic;
    font-size: 18px;
    overflow: hidden;
    white-space: normal
}

@media (min-width:1024px) {
    .blog-single blockquote {
        max-width: 36.25vw;
        padding-left: 1.04167vw;
        margin: 0 0 3.125vw auto;
        font-size: 1.30208vw
    }
}

.blog-single blockquote p {
    margin-bottom: 0
}

.blog-single h1 {
    margin-bottom: 3.24074vw;
    font-size: 8.7963vw
}

.blog-single>.blog-single-inner>.post-author {
    color: #2d2b51;
    font-style: italic;
    font-weight: 700;
    text-transform: uppercase
}

@media (min-width:1024px) {
    .blog-single h1 {
        font-size: 4.94792vw;
        margin-bottom: 1.04167vw
    }
    .blog-single>.blog-single-inner>.post-author {
        font-size: 1.09375vw
    }
    .blog-single .post-body {
        font-size: .9375vw
    }
}

.blog-single .post-body {
    margin-top: 6.25vw;
    margin-bottom: 7.29167vw
}

.blog-single .post-share h3 {
    margin-bottom: 1.5625vw
}

.blog-single .form-container {
    width: 100%;
    box-shadow: 0 15px 20px 0 rgba(18, 17, 30, .1);
    -webkit-transition: padding-top .22s cubic-bezier(.075, .82, .165, 1);
    transition: padding-top .22s cubic-bezier(.075, .82, .165, 1)
}

.blog-single .form-container .group {
    margin-bottom: 0
}

@media (min-width:1024px) {
    .blog-single .form-container.form-container-subscribed {
        padding-top: 2.44792vw
    }
    .blog-single .form-container.form-container-subscribed h2 {
        margin-bottom: 0
    }
    .blog-single .form-container .form-email,
    .blog-single .form-container .form-name,
    .blog-single .form-container .group {
        float: left
    }
}

.blog-single .form-container .form-name {
    margin-bottom: 5.55556vw
}

@media (min-width:1024px) {
    .blog-single .form-container .form-name {
        width: 9.11458vw;
        margin-right: 2.34375vw;
        margin-bottom: 0
    }
}

.blog-single .form-container .form-email {
    margin-bottom: 5.55556vw
}

@media (min-width:1024px) {
    .blog-single .form-container .form-email {
        width: 13.28125vw;
        margin-right: 4.6875vw;
        margin-bottom: 0
    }
    .blog-single .form-container .button {
        top: -15px
    }
}

@media (max-width:1024px) {
    .blog-single .form-container {
        padding-bottom: 6.94444vw
    }
    .blog-single .form-container .button {
        display: block;
        width: 100%;
        margin-top: 11.11111vw;
        margin-right: auto;
        margin-left: auto
    }
    .blog-single .form-container .button.button-submit .button-label {
        letter-spacing: .3em
    }
}

.blog-single .button-normal {
    box-shadow: 0 7px 15px 0 rgba(18, 17, 30, .1)
}

@media (min-width:1024px) {
    .blog-single .button-normal {
        box-shadow: 0 15px 20px 0 rgba(18, 17, 30, .1)
    }
    .blog-single .button-normal:hover {
        box-shadow: 0 15px 20px 0 rgba(18, 17, 30, .15)
    }
}

.post-loader-image,
.wpsdc-drop-cap {
    box-shadow: 0 20px 25px 0 rgba(18, 17, 30, .15)
}

.post-loader {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    width: 11.57407vw;
    margin: 0 auto;
    text-align: center
}

@media (min-width:1024px) {
    .post-loader {
        width: 3.90625vw
    }
}

.post-loader-image {
    position: relative;
    width: 11.57407vw;
    height: 11.57407vw;
    margin-bottom: 2.31481vw;
    border-radius: 50%;
    background-color: #0077ed;
    overflow: hidden
}

.app-border,
.button-normal .button-background,
.button-round .button-background,
.wpsdc-drop-cap {
    background-color: #fff
}

@media (min-width:1024px) {
    .post-loader-image {
        width: 3.90625vw;
        height: 3.90625vw;
        margin-bottom: 1.30208vw
    }
}

.post-loader-image img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    max-width: 40%
}

.post-loader-label {
    display: inline-block;
    color: #2d2b51;
    font-family: Akkurat-Mono, sans-serif;
    font-weight: 700;
    font-size: 15px;
    letter-spacing: .15em
}

#feature-page #section-9 .heading-pre,
.button,
.copyright-container,
.copyright-container a,
.navigation-footer .wrapper a,
input[data-not-required]~label,
label {
    font-family: 'Exo', sans-serif
}

@media (max-width:1024px) {
    .post-loader-label {
        position: relative;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
    iframe {
        max-width: 100%
    }
}

@media (min-width:1024px) {
    .post-loader-label {
        font-size: .625vw
    }
}

.post-loader-fixed {
    position: fixed;
    top: 0
}

.wpsdc-drop-cap {
    box-sizing: border-box;
    float: left;
    display: block;
    margin: 0 20px 0 0;
    padding: 10px 20px;
    color: #2d2b51;
    font-weight: 700;
    font-size: 62px;
    line-height: 1
}

@media (min-width:1024px) {
    .wpsdc-drop-cap {
        margin: 0 1.04167vw .26042vw 0;
        padding: .78125vw 1.30208vw;
        font-size: 3.125vw
    }
}

.subscription-message {
    text-align: center;
    font-size: 3.7037vw;
    letter-spacing: .02em
}

@media (min-width:1024px) {
    .subscription-message {
        font-size: 1.92708vw
    }
}

.blog--press .posts {
    width: 100%
}

.blog--press>h1 {
    margin-bottom: 5.55556vw!important
}

.app-border {
    position: fixed;
    z-index: 0;
    -webkit-transition: all .1s ease;
    transition: all .1s ease
}

.border-bottom,
.border-top {
    left: 0;
    width: 0;
    height: 8px
}

.border-left,
.border-right {
    width: 8px;
    height: 0
}

.border-left {
    top: 100%
}

.border-top {
    top: 0;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .2)
}

.border-right {
    top: 0;
    right: 0;
    box-shadow: 0 8px 4px 0 rgba(0, 0, 0, .2)
}

.border-bottom {
    left: 100%;
    right: 0;
    bottom: 0;
    box-shadow: -8px 0 4px 0 rgba(0, 0, 0, .2)
}

.border-left {
    bottom: 0;
    left: 0;
    box-shadow: 0 8px 4px 0 rgba(0, 0, 0, .2)
}

.border-left.fix-border:after {
    content: " ";
    position: absolute;
    bottom: 0;
    left: 4px;
    display: block;
    width: 8px;
    height: 8px;
    background-color: #fff
}

.button,
.button-normal .button-arrow,
.button-normal .button-text {
    display: inline-block
}

.button-normal,
.button-round {
    /*box-shadow: 0 20px 25px 0 rgba(18, 17, 30, .15)*/
}

.button-normal .button-label,
.button-round .button-label {
    color: #2d2b51;
    font-size: 2.96296vw
}

.button {
    box-sizing: border-box;
    position: relative;
    font-weight: 700;
    cursor: pointer
}

.button-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: background-color .12s cubic-bezier(.645, .045, .355, 1);
    transition: background-color .12s cubic-bezier(.645, .045, .355, 1)
}

.button-fill,
.button-label {
    position: relative;
    text-align: center
}

.button-label {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    line-height: 1
}

.button-normal {
    width: 68.51852vw;
    height: 13.51852vw;
    text-transform: uppercase;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all .24s cubic-bezier(.075, .82, .165, 1);
    transition: all .24s cubic-bezier(.075, .82, .165, 1)
}

@media (min-width:1024px) {
    .button-normal .button-label,
    .button-round .button-label {
        font-size: 1.19792vw
    }
    .button-normal {
        width: 26.97917vw;
        height: 6.45833vw
    }
}

.button-normal .button-text {
    letter-spacing: .08em;
    margin-right: .25em;
    -webkit-transition: margin-right .48s cubic-bezier(.075, .82, .165, 1);
    transition: margin-right .48s cubic-bezier(.075, .82, .165, 1)
}

.button-normal .button-text-left {
    margin-right: 0;
    margin-left: .25em;
    -webkit-transition: margin-left .48s cubic-bezier(.075, .82, .165, 1);
    transition: margin-left .48s cubic-bezier(.075, .82, .165, 1)
}

.button-normal:hover {
    -webkit-transform: translateY(-12%);
    transform: translateY(-12%)
}

.button-normal:hover .button-text {
    margin-right: 1em
}

.button-normal:hover .button-text-left {
    margin-right: 0;
    margin-left: 1em
}

.button-submit {
    width: 21.2963vw;
    height: 8.33333vw;
    text-transform: uppercase;
    box-shadow: 0 0 0 0 rgba(18, 17, 30, .15);
    -webkit-transition: all .24s cubic-bezier(.075, .82, .165, 1);
    transition: all .24s cubic-bezier(.075, .82, .165, 1)
}

.button-submit .button-background {
    background-color: #0077ed
}

.button-submit .button-label {
    color: #fff;
    font-size: 2.03704vw;
    letter-spacing: .1em
}

@media (min-width:1024px) {
    .button-submit {
        width: 8.95833vw;
        height: 3.02083vw
    }
    .button-submit .button-label {
        font-size: .72917vw
    }
}

.button-submit:hover {
    box-shadow: 0 20px 25px 0 rgba(18, 17, 30, .12);
    -webkit-transform: translateY(-12%);
    transform: translateY(-12%)
}

.button-round {
    width: 13.88889vw;
    height: 13.88889vw
}

@media (min-width:1024px) {
    .button-round {
        width: 3.125vw;
        height: 3.125vw
    }
}

.button-fill {
    width: 10.55556vw;
    height: 4.44444vw;
    border: 1px solid #2d2b51;
    color: #2d2b51;
    background-color: #fff;
    font-style: italic;
    font-weight: 700;
    font-size: 1.57407vw;
    box-shadow: 5px 15px 15px 0 rgba(18, 17, 30, 0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all .32s cubic-bezier(.165, .84, .44, 1);
    transition: all .32s cubic-bezier(.165, .84, .44, 1)
}

@media (min-width:1024px) {
    .button-fill {
        width: 3.90625vw;
        height: 1.5625vw;
        font-size: .57292vw
    }
    .copyright-container .copyright {
        margin-bottom: 5px
    }
}

.button-fill:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    background-color: #fff;
    -webkit-transition: all .12s ease-in-out;
    transition: all .12s ease-in-out
}

.button-fill:hover {
    color: #fff;
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    box-shadow: 5px 15px 15px 0 rgba(18, 17, 30, .15)
}

.button-social:hover,
.form-container,
.time__clock {
    box-shadow: 0 20px 25px 0 rgba(18, 17, 30, .15)
}

.button-fill:hover:before {
    height: 100%;
    background-color: #2d2b51
}

.button-fill span {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: relative;
    display: block;
    line-height: 1
}

.form-container:after,
.form-container:before,
.group-row:after,
.group-row:before {
    content: " ";
    display: table
}

.button-social {
    position: relative;
    width: 10vw;
    height: 10vw;
    border: 1px solid transparent;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .48s cubic-bezier(.075, .82, .165, 1);
    transition: all .48s cubic-bezier(.075, .82, .165, 1);
    z-index: 0
}

@media (min-width:414px) {
    .button-social {
        width: 42px;
        height: 42px
    }
}

.button-social:hover {
    border-color: #c8cad5;
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
    z-index: 1
}

.button-social:hover .button-background {
    background-color: #fff
}

.button-social .button-background {
    background-color: #0077ed
}

.button-social .icon {
    position: relative;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center
}

.button-social.icon-twitter .icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNS41NSAyOC44OSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTM1LjU1IDMuNDJhMTQuNTMgMTQuNTMgMCAwIDEtNC4xOSAxLjE1IDcuMzEgNy4zMSAwIDAgMCAzLjIxLTQgMTQuNjEgMTQuNjEgMCAwIDEtNC42MyAxLjc3IDcuMyA3LjMgMCAwIDAtMTIuNDMgNi42NSAyMC43MSAyMC43MSAwIDAgMS0xNS03LjYyIDcuMyA3LjMgMCAwIDAgMi4yNiA5Ljc0IDcuMjcgNy4yNyAwIDAgMS0zLjMtLjkxdi4wOWE3LjMgNy4zIDAgMCAwIDUuODUgNy4xNSA3LjMzIDcuMzMgMCAwIDEtMS45Mi4yNSA3LjIxIDcuMjEgMCAwIDEtMS4zNy0uMTMgNy4zIDcuMyAwIDAgMCA2LjgxIDUuMDcgMTQuNzQgMTQuNzQgMCAwIDEtMTAuOCAzIDIwLjY0IDIwLjY0IDAgMCAwIDExLjE4IDMuMjhjMTMuNDIgMCAyMC43NS0xMS4xMSAyMC43NS0yMC43NXYtLjk0YTE0LjggMTQuOCAwIDAgMCAzLjU4LTMuOHoiLz48L3N2Zz4=);
    background-size: 36%
}

.button-social.icon-twitter:hover .icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNS41NSAyOC44OSI+PHBhdGggZmlsbD0iIzAwNzRlOCIgZD0iTTM1LjU1IDMuNDJhMTQuNTMgMTQuNTMgMCAwIDEtNC4xOSAxLjE1IDcuMzEgNy4zMSAwIDAgMCAzLjIxLTQgMTQuNjEgMTQuNjEgMCAwIDEtNC42MyAxLjc3IDcuMyA3LjMgMCAwIDAtMTIuNDMgNi42NSAyMC43MSAyMC43MSAwIDAgMS0xNS03LjYyIDcuMyA3LjMgMCAwIDAgMi4yNiA5Ljc0IDcuMjcgNy4yNyAwIDAgMS0zLjMtLjkxdi4wOWE3LjMgNy4zIDAgMCAwIDUuODUgNy4xNSA3LjMzIDcuMzMgMCAwIDEtMS45Mi4yNSA3LjIxIDcuMjEgMCAwIDEtMS4zNy0uMTMgNy4zIDcuMyAwIDAgMCA2LjgxIDUuMDcgMTQuNzQgMTQuNzQgMCAwIDEtMTAuOCAzIDIwLjY0IDIwLjY0IDAgMCAwIDExLjE4IDMuMjhjMTMuNDIgMCAyMC43NS0xMS4xMSAyMC43NS0yMC43NXYtLjk0YTE0LjggMTQuOCAwIDAgMCAzLjU4LTMuOHoiLz48L3N2Zz4=)
}

.button-social.icon-facebook .icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNi4yIDM0Ljg2Ij48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTYuMiAxMS4yOWgtNS40N1Y3LjY3YTEuNDcgMS40NyAwIDAgMSAxLjUzLTEuNjhoMy44OXYtNmgtNS4zNmMtNiAwLTcuMzEgNC40Ni03LjMxIDcuMzF2NEguMDR2Ni4xNmgzLjQ0djE3LjQyaDcuMjVWMTcuNDRoNC44OHoiLz48L3N2Zz4=);
    background-size: 19%
}

.button-social.icon-facebook:hover .icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNi4yIDM0Ljg2Ij48cGF0aCBmaWxsPSIjMDA3NGU4IiBkPSJNMTYuMiAxMS4yOWgtNS40N1Y3LjY3YTEuNDcgMS40NyAwIDAgMSAxLjUzLTEuNjhoMy44OXYtNmgtNS4zNmMtNiAwLTcuMzEgNC40Ni03LjMxIDcuMzF2NEguMDR2Ni4xNmgzLjQ0djE3LjQyaDcuMjVWMTcuNDRoNC44OHoiLz48L3N2Zz4=)
}

.button-social.icon-linkedin .icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MCA2MCI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBmaWxsPSIjZmZmIiBkPSJNMjEuODgzIDQzLjgyM3YtMTguM2gtNS42NTZ2MTguM2g1LjY1NnptMC0yNC43ODVjLS4wMzQtMS42MzctMS4xMjUtMi44ODQtMi44OTgtMi44ODQtMS43NzMgMC0yLjkzMiAxLjI0Ny0yLjkzMiAyLjg4NCAwIDEuNjAyIDEuMTI1IDIuODg1IDIuODY0IDIuODg1aC4wMzRjMS44MSAwIDIuOTM3LTEuMjgzIDIuOTM3LTIuODg1em05LjIyNyAyNC43ODVWMzMuMzk3YzAtLjU1OC4wNC0xLjExNi4yMDQtMS41MTMuNDUtMS4xMTYgMS40Ny0yLjI3IDMuMTg0LTIuMjcgMi4yNDYgMCAzLjY1NCAxLjI3NCAzLjY1NCAzLjc4M3YxMC40MjZoNS42OTRWMzMuMTE4YzAtNS43MzQtMy4wNi04LjQwMi03LjE0NC04LjQwMi0zLjM0OCAwLTQuODE3IDEuODctNS42MzMgMy4xNDVsLjA0LTIuNDQyaC01LjY5Yy4wODIgMS43NTIgMCAxOC40MSAwIDE4LjQxaDUuNjg1eiIvPjwvc3ZnPg==);
    background-size: 87%
}

.button-social.icon-linkedin:hover .icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MCA2MCI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBmaWxsPSIjMDA3N2VkIiBkPSJNMjEuODgzIDQzLjgyM3YtMTguM2gtNS42NTZ2MTguM2g1LjY1NnptMC0yNC43ODVjLS4wMzQtMS42MzctMS4xMjUtMi44ODQtMi44OTgtMi44ODQtMS43NzMgMC0yLjkzMiAxLjI0Ny0yLjkzMiAyLjg4NCAwIDEuNjAyIDEuMTI1IDIuODg1IDIuODY0IDIuODg1aC4wMzRjMS44MSAwIDIuOTM3LTEuMjgzIDIuOTM3LTIuODg1em05LjIyNyAyNC43ODVWMzMuMzk3YzAtLjU1OC4wNC0xLjExNi4yMDQtMS41MTMuNDUtMS4xMTYgMS40Ny0yLjI3IDMuMTg0LTIuMjcgMi4yNDYgMCAzLjY1NCAxLjI3NCAzLjY1NCAzLjc4M3YxMC40MjZoNS42OTRWMzMuMTE4YzAtNS43MzQtMy4wNi04LjQwMi03LjE0NC04LjQwMi0zLjM0OCAwLTQuODE3IDEuODctNS42MzMgMy4xNDVsLjA0LTIuNDQyaC01LjY5Yy4wODIgMS43NTIgMCAxOC40MSAwIDE4LjQxaDUuNjg1eiIvPjwvc3ZnPg==)
}

.button-social.icon-youtube .icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMi43OSAxNi4wMyI+PHBhdGggZmlsbD0iI2ZmZmZmZiIgY2xhc3M9IjEyOWQ2Njg2LTdkNjItNDYzOC1iNmYyLTBiZTdlZThiMWJiYSIgZD0iTTIyLjU2IDMuNDZhNC45MyA0LjkzIDAgMCAwLS45MS0yLjI2IDMuMjYgMy4yNiAwIDAgMC0yLjI4LTFDMTYuMTggMCAxMS40IDAgMTEuNCAwcy00Ljc4IDAtOCAuMjNhMy4yNiAzLjI2IDAgMCAwLTIuMjggMSA0LjkzIDQuOTMgMCAwIDAtLjg5IDIuMjNBMzQuNDggMzQuNDggMCAwIDAgMCA3LjE1djEuNzJhMzQuNDcgMzQuNDcgMCAwIDAgLjIzIDMuNjkgNC45MyA0LjkzIDAgMCAwIC45MSAyLjI2IDMuODYgMy44NiAwIDAgMCAyLjUxIDFjMS44Mi4xOCA3Ljc0LjE4IDcuNzQuMThzNC43OSAwIDgtLjI0YTMuMjYgMy4yNiAwIDAgMCAyLjI4LTEgNC45MyA0LjkzIDAgMCAwIC45MS0yLjI2IDM0LjUxIDM0LjUxIDAgMCAwIC4yMy0zLjY5VjcuMTVhMzQuNTEgMzQuNTEgMCAwIDAtLjI1LTMuNjl6TTkgMTFWNC41N2w2LjIgMy4yMXoiIGRhdGEtbmFtZT0iTG96ZW5nZSI+PC9wYXRoPjwvc3ZnPg==);
    background-size: 47%
}

.button-social.icon-youtube:hover .icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMi43OSAxNi4wMyI+PHBhdGggZmlsbD0iIzAwNzdlZCIgY2xhc3M9IjEyOWQ2Njg2LTdkNjItNDYzOC1iNmYyLTBiZTdlZThiMWJiYSIgZD0iTTIyLjU2IDMuNDZhNC45MyA0LjkzIDAgMCAwLS45MS0yLjI2IDMuMjYgMy4yNiAwIDAgMC0yLjI4LTFDMTYuMTggMCAxMS40IDAgMTEuNCAwcy00Ljc4IDAtOCAuMjNhMy4yNiAzLjI2IDAgMCAwLTIuMjggMSA0LjkzIDQuOTMgMCAwIDAtLjg5IDIuMjNBMzQuNDggMzQuNDggMCAwIDAgMCA3LjE1djEuNzJhMzQuNDcgMzQuNDcgMCAwIDAgLjIzIDMuNjkgNC45MyA0LjkzIDAgMCAwIC45MSAyLjI2IDMuODYgMy44NiAwIDAgMCAyLjUxIDFjMS44Mi4xOCA3Ljc0LjE4IDcuNzQuMThzNC43OSAwIDgtLjI0YTMuMjYgMy4yNiAwIDAgMCAyLjI4LTEgNC45MyA0LjkzIDAgMCAwIC45MS0yLjI2IDM0LjUxIDM0LjUxIDAgMCAwIC4yMy0zLjY5VjcuMTVhMzQuNTEgMzQuNTEgMCAwIDAtLjI1LTMuNjl6TTkgMTFWNC41N2w2LjIgMy4yMXoiIGRhdGEtbmFtZT0iTG96ZW5nZSI+PC9wYXRoPjwvc3ZnPg==)
}

.button-social.icon-instagram .icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3MCA3MCI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNjEuOTIgMjkuNjJoLTYuMDlhMjEuNTQgMjEuNTQgMCAxIDEtNDEuNjYgMEg4LjA0djI5LjYyYTIuNjkgMi42OSAwIDAgMCAyLjY5IDIuNjloNDguNDZhMi42OSAyLjY5IDAgMCAwIDIuNy0yLjY5VjI5LjYyem0wLTE4Ljg0YTIuNjkgMi42OSAwIDAgMC0yLjctMi42OWgtOC4wN2EyLjY5IDIuNjkgMCAwIDAtMi42OSAyLjY5djguMDhhMi42OSAyLjY5IDAgMCAwIDIuNjkgMi42OWg4LjA3YTIuNjkgMi42OSAwIDAgMCAyLjctMi42OXYtOC4wOHpNMzUuMDQgMjEuNTRBMTMuNDYgMTMuNDYgMCAxIDAgNDguNSAzNWExMy40NiAxMy40NiAwIDAgMC0xMy40Ni0xMy40Nk02MS45NyA3MEg4LjA0YTguMDggOC4wOCAwIDAgMS04LTguMDVWOC4wOEE4LjA4IDguMDggMCAwIDEgOC4xMiAwaDUzLjg1YTguMDggOC4wOCAwIDAgMSA4LjA4IDguMDh2NTMuODdhOC4wOCA4LjA4IDAgMCAxLTguMDggOC4wOCIvPjwvc3ZnPg==);
    background-size: 37%
}

.button-social.icon-instagram:hover .icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3MCA3MCI+PHBhdGggZmlsbD0iIzAwNzdlZCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNjEuOTIgMjkuNjJoLTYuMDlhMjEuNTQgMjEuNTQgMCAxIDEtNDEuNjYgMEg4LjA0djI5LjYyYTIuNjkgMi42OSAwIDAgMCAyLjY5IDIuNjloNDguNDZhMi42OSAyLjY5IDAgMCAwIDIuNy0yLjY5VjI5LjYyem0wLTE4Ljg0YTIuNjkgMi42OSAwIDAgMC0yLjctMi42OWgtOC4wN2EyLjY5IDIuNjkgMCAwIDAtMi42OSAyLjY5djguMDhhMi42OSAyLjY5IDAgMCAwIDIuNjkgMi42OWg4LjA3YTIuNjkgMi42OSAwIDAgMCAyLjctMi42OXYtOC4wOHpNMzUuMDQgMjEuNTRBMTMuNDYgMTMuNDYgMCAxIDAgNDguNSAzNWExMy40NiAxMy40NiAwIDAgMC0xMy40Ni0xMy40Nk02MS45NyA3MEg4LjA0YTguMDggOC4wOCAwIDAgMS04LTguMDVWOC4wOEE4LjA4IDguMDggMCAwIDEgOC4xMiAwaDUzLjg1YTguMDggOC4wOCAwIDAgMSA4LjA4IDguMDh2NTMuODdhOC4wOCA4LjA4IDAgMCAxLTguMDggOC4wOCIvPjwvc3ZnPg==)
}

#button-features {
    -webkit-transform: translateY(0) scale(1);
    transform: translateY(0) scale(1);
    -webkit-transition: -webkit-transform .22s cubic-bezier(.175, .885, .32, 1.275);
    transition: -webkit-transform .22s cubic-bezier(.175, .885, .32, 1.275);
    transition: transform .22s cubic-bezier(.175, .885, .32, 1.275);
    transition: transform .22s cubic-bezier(.175, .885, .32, 1.275), -webkit-transform .22s cubic-bezier(.175, .885, .32, 1.275)
}

#button-features .button-label {
    width: 100%;
    height: 100%;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMCA2Ij48ZGVmcz48Y2xpcFBhdGggaWQ9ImEiPjxwYXRoIGZpbGw9Im5vbmUiIGQ9Ik0wIDBoMTB2NkgweiIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzJlMmI1MSIgc3Ryb2tlLXdpZHRoPSIyIiBjbGlwLXBhdGg9InVybCgjYSkiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3R5bGU9Imlzb2xhdGlvbjppc29sYXRlIj48cGF0aCBkPSJNNSA1TDEgMW00IDRsNC00Ii8+PC9nPjwvc3ZnPg==) 50% 50% no-repeat, url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMCA2Ij48ZGVmcz48Y2xpcFBhdGggaWQ9ImEiPjxwYXRoIGZpbGw9Im5vbmUiIGQ9Ik0wIDBoMTB2NkgweiIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzJlMmI1MSIgc3Ryb2tlLXdpZHRoPSIyIiBjbGlwLXBhdGg9InVybCgjYSkiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3R5bGU9Imlzb2xhdGlvbjppc29sYXRlIj48cGF0aCBkPSJNNSA1TDEgMW00IDRsNC00Ii8+PC9nPjwvc3ZnPg==) 50% -100% no-repeat;
    background-size: 20%;
    -webkit-transition: background-position .22s cubic-bezier(.175, .885, .32, 1.275);
    transition: background-position .22s cubic-bezier(.175, .885, .32, 1.275)
}

#button-features:hover {
    -webkit-transform: translateY(5px) scale(.95);
    transform: translateY(5px) scale(.95)
}

#button-features:hover .button-label {
    background-position: 50% 200%, 50% 50%
}

#button-features:hover:after,
#button-features:hover:before {
    -webkit-animation: none;
    animation: none
}

#button-features:after,
#button-features:before {
    box-sizing: border-box;
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 2px solid #fff;
    border-radius: 50%;
    -webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-timing-function: cubic-bezier(.075, .82, .165, 1);
    animation-timing-function: cubic-bezier(.075, .82, .165, 1);
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

#button-features:after {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s
}

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

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

.copyright-container {
    padding-bottom: .5em;
    font-size: 10px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .06em;
    z-index: 0;
}

@media (min-width:414px) {
    .copyright-container {
        font-size: 9px
    }
}

.copyright-container .copyright {
    color: #969aaf;
    margin-bottom: 5px
}

.copyright-container .crafted {
    font-size: 8px;
    margin-bottom: 5px
}

@media (min-width:414px) {
    .copyright-container .crafted {
        font-size: 9px
    }
}

.page .copyright-container {
    position: fixed;
    bottom: 4.62963vw;
    left: 4.62963vw;
    text-align: left
}

.form-qa #answer,
.heading-bullet {
    text-align: center;
    box-sizing: border-box
}

.page .copyright-container a {
    color: #575c77;
    font-size: 10px
}

.page .copyright-container .slash {
    padding: 0 .5em
}

.form-container {
    box-sizing: border-box;
    position: relative;
    width: 69.62963vw;
    margin: 0 auto;
    padding: 9.25926vw;
    background-color: #fff
}

.form-container:after {
    clear: both
}

@media (min-width:1024px) {
    .page .copyright-container {
        bottom: 1.875vw;
        left: 2.1875vw
    }
    .form-container {
        width: 45vw;
        padding: 5.20833vw 3.33333vw 2.44792vw
    }
}

.group input,
.group-row.group-1 .group {
    width: 100%
}

.group {
    box-sizing: border-box;
    position: relative;
    margin-bottom: 11.11111vw
}

.bar:after,
.bar:before,
.time__clock__arrow:before,
.time__clock__arrow_s:after {
    content: ''
}

.group-row.group-3 .group:last-child {
    margin-right: 0
}

@media (min-width:1024px) {
    .group {
        margin-bottom: 2.86458vw
    }
    .group-row.group-3 .group {
        float: left;
        width: 9.79167vw;
        margin-right: 4.47917vw
    }
}

textarea#message {
    height: 40px;
    width: 100%;
    -webkit-transition: height .32s cubic-bezier(.075, .82, .165, 1);
    transition: height .32s cubic-bezier(.075, .82, .165, 1);
    overflow: hidden
}

textarea#message:active,
textarea#message:focus {
    height: 80px!important
}

input,
textarea {
    box-sizing: border-box;
    font-size: 3.24074vw;
    padding: 5px 10px;
    display: block;
    border: none;
    border-radius: 0;
    color: #2d2b51;
    border-bottom: 1px solid #a3a7bd;
    -moz-appearance: none;
    -webkit-appearance: none
}

@media (min-width:1024px) {
    input,
    textarea {
        padding: 10px;
        font-size: .9375vw
    }
}

input[data-not-required]~label,
label {
    color: #2d2b51;
    font-size: 3.24074vw;
    position: absolute;
    pointer-events: none;
    top: 5px;
    left: 10px;
    font-weight: 700;
    transition: .2s ease all;
    -moz-transition: .2s ease all;
    -webkit-transition: .2s ease all
}

.button-store-download.medium,
.form-qa #answer {
    -webkit-transform: translateY(0);
    -webkit-transition: all .24s cubic-bezier(.075, .82, .165, 1)
}

@media (min-width:1024px) {
    input[data-not-required]~label,
    label {
        top: 10px;
        font-size: .9375vw
    }
}

.form-qa {
    margin-bottom: 0
}

.form-qa #question {
    display: inline-block;
    font-size: 2.96296vw
}

.form-qa #answer {
    display: inline-block;
    width: 8.98148vw;
    height: 8.33333vw;
    border: 1px solid #d4d7e7;
    background-color: #fafafa;
    box-shadow: 0 0 0 0 rgba(18, 17, 30, .15);
    transform: translateY(0);
    transition: all .24s cubic-bezier(.075, .82, .165, 1)
}

.bar,
.check,
.heading span[data-stagger] {
    display: block
}

@media (min-width:1024px) {
    .form-qa #question {
        font-size: .78125vw
    }
    .form-qa #answer {
        width: 3.64583vw;
        height: auto
    }
}

.form-qa #answer:hover {
    box-shadow: 0 20px 25px 0 rgba(18, 17, 30, .12);
    -webkit-transform: translateY(-12%);
    transform: translateY(-12%)
}

.form-qa #answer:active,
.form-qa #answer:focus,
.form-qa #answer:hover {
    background-color: #fff
}

.form-qa #answer:active,
.form-qa #answer:focus {
    border-color: #2d2b51;
    box-shadow: 0 0 0 0 rgba(18, 17, 30, .15)!important;
    -webkit-transform: translateY(0)!important;
    transform: translateY(0)!important
}

.form-qa #answer.parsley-error {
    border-color: #f73e1d
}

.form-qa #answer.parsley-success {
    border-color: #0fcf81
}

input.has-value~label .parsley-error~label,
input:focus~label,
input:valid~label,
textarea:focus~label,
textarea:valid~label {
    top: -10px;
    font-size: 2.31481vw;
    color: #2d2b51
}

@media (min-width:1024px) {
    input.has-value~label .parsley-error~label,
    input:focus~label,
    input:valid~label,
    textarea:focus~label,
    textarea:valid~label {
        top: -15px;
        font-size: .67708vw
    }
}

.bar {
    position: relative
}

.check,
.highlight {
    position: absolute
}

.bar:after,
.bar:before {
    height: 2px;
    width: 0;
    bottom: 1px;
    position: absolute;
    background: #2d2b51;
    transition: .2s ease all;
    -moz-transition: .2s ease all;
    -webkit-transition: .2s ease all
}

.bar:before {
    left: 50%
}

.bar:after {
    right: 50%
}

input:focus~.bar:after,
input:focus~.bar:before,
textarea:focus~.bar:after,
textarea:focus~.bar:before {
    width: 50%
}

.highlight {
    height: 60%;
    width: 100px;
    top: 20%;
    left: 0;
    pointer-events: none;
    opacity: .5
}

.check {
    top: 4px;
    right: 10px;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    -webkit-transition: background-color .1s ease;
    transition: background-color .1s ease
}

.head,
.heading-bullet {
    position: relative
}

.parsley-success~.check {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMSBUaW55Ly9FTicgICdodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS10aW55LmR0ZCc+PHN2ZyBiYXNlUHJvZmlsZT0idGlueSIgaGVpZ2h0PSIzMnB4IiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAzMiAzMiIgd2lkdGg9IjMycHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxnIGlkPSJHdWlkZXNfX3gyNl9fRm9ybXMiLz48ZyBpZD0iSWNvbnMiPjxnPjxwb2x5Z29uIGZpbGw9IiNmZmZmZmYiIHBvaW50cz0iMjIuMTg2LDEwLjUyIDE0LjA1NCwxOC42NTIgOS44MTQsMTQuNDExIDguNCwxNS44MjUgMTQuMDU0LDIxLjQ4IDIzLjYsMTEuOTM0ICAgIi8+PC9nPjwvZz48L3N2Zz4=) center/100% no-repeat #0fcf81
}

.parsley-error~.check {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSIxMDI0IiB3aWR0aD0iNjQwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik02NDAgMzIwTDUxMiAxOTIgMzIwIDM4NCAxMjggMTkyIDAgMzIwbDE5MiAxOTJMMCA3MDRsMTI4IDEyOCAxOTItMTkyIDE5MiAxOTIgMTI4LTEyOEw0NDggNTEyIDY0MCAzMjB6Ii8+PC9zdmc+) center/44% no-repeat #f73e1d
}

input:focus~.highlight,
textarea:focus~.highlight {
    -webkit-animation: inputHighlighter .3s ease;
    animation: inputHighlighter .3s ease
}

@-webkit-keyframes inputHighlighter {
    from {
        background: #5264AE
    }
    to {
        width: 0;
        background: 0 0
    }
}

@keyframes inputHighlighter {
    from {
        background: #5264AE
    }
    to {
        width: 0;
        background: 0 0
    }
}

.heading span {
    letter-spacing: -.045em
}

.heading .button-fill {
    margin-left: 2.31481vw
}

@media (min-width:1024px) {
    .check {
        top: 14px
    }
    .heading span {
        letter-spacing: 0
    }
    .heading .button-fill {
        margin-left: .36458vw
    }
}

.heading-bullet,
.heading-pre,
.main-heading,
.main-heading span {
    display: inline-block
}

.cd-headline.clip .cd-words-wrapper,
.cd-headline.loading-bar .cd-words-wrapper,
.cd-headline.slide .cd-words-wrapper,
.cd-headline.type .cd-words-wrapper {
    overflow: hidden;
    vertical-align: top
}

.main-heading .letter-ge {
    position: relative;
    left: -.24em
}

.main-heading .letter-m {
    margin-right: -.22em
}

.main-heading .letter-t {
    top: .11em;
    left: .33em
}

.main-heading .letter-n {
    margin-left: -.12em
}

.main-heading .letter-r {
    left: .03em
}

.heading-pre {
    color: #2d2b51;
    font-size: 2.59259vw
}

@media (min-width:1024px) {
    .heading-pre {
        font-size: 1.14583vw
    }
}

.heading-bullet {
    width: 6.94444vw;
    height: 5.64815vw;
    margin-bottom: 3.24074vw;
    color: #fff;
    background-color: #f05a28;
    font-style: italic;
    font-weight: 700;
    font-size: 2.77778vw;
    line-height: .95;
    box-shadow: 10px 10px 20px 0 rgba(18, 17, 30, .2)
}

#feature-page .heading-bullet-content {
    margin-left: -.2em;
    line-height: 1.5
}

@media (min-width:1024px) {
    .heading-bullet {
        width: 2.34375vw;
        height: 1.92708vw;
        margin-bottom: 20px;
        font-size: 1.04167vw
    }
    #feature-page .heading-bullet-content {
        line-height: 1
    }
}

#about-page .heading-bullet-content {
    position: static;
    top: 0;
    -webkit-transform: none;
    transform: none
}

#about-page .heading-bullet-content [class*=icon-] {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto
}

.heading-bullet-content {
    position: relative;
    display: inline-block;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    line-height: 1
}

.page-section:after,
.page-section:before,
.section-inner:after,
.section-inner:before {
    content: " ";
    display: table
}

.heading-bullet-content .icon-twitter {
    width: 2.77778vw
}

@media (min-width:1024px) {
    .heading-bullet-content .icon-twitter {
        width: .78125vw
    }
}

.heading-bullet-content .icon-instagram {
    width: 2.59259vw
}

@media (min-width:1024px) {
    .heading-bullet-content .icon-instagram {
        width: .78125vw
    }
}

.heading-bullet-content .icon-invstr {
    width: 4.44444vw
}

@media (min-width:1024px) {
    .heading-bullet-content .icon-invstr {
        width: 1.30208vw
    }
}

.heading-bullet-content .icon-games {
    width: 5.09259vw
}

@media (min-width:1024px) {
    .heading-bullet-content .icon-games {
        width: 1.5625vw
    }
}

.heading-bullet-content .icon-learn {
    width: 4.44444vw
}

@media (min-width:1024px) {
    .heading-bullet-content .icon-learn {
        width: 1.40625vw
    }
}

.heading-bullet-content .icon-community {
    width: 4.25926vw
}

@media (min-width:1024px) {
    .heading-bullet-content .icon-community {
        width: 1.19792vw
    }
}

.heading-bullet-content .icon-pencil {
    width: 3.88889vw
}

@media (min-width:1024px) {
    .heading-bullet-content .icon-pencil {
        width: 1.35417vw
    }
}

.heading-bullet-content .icon-charts {
    width: 3.125vw
}

@media (min-width:1024px) {
    .heading-bullet-content .icon-charts {
        width: 1.04167vw
    }
}

ul {
    list-style: none inside;
    padding-left: 0
}

ul.list {
    line-height: 2.4
}

img {
    max-width: 100%;
    height: auto;
    transform: translate3d(0, 0, 0)
}

.time__clock,
svg {
    -webkit-transform: translate3d(0, 0, 0)
}

svg {
    transform: translate3d(0, 0, 0)
}

.page-wrapper {
    box-sizing: border-box;
    padding: 8px;
    overflow: hidden
}

.page {
    margin: 0 auto;
    width: 72.5%
}

@media (min-width:1024px) {
    .page {
        max-width: 1210px;
        max-width: 63.0209vw;
        width: 63.02083vw
    }
}

.page .scroll-indicator-container {
    position: fixed;
    top: 8.4375vw;
    left: 8.90625vw;
    z-index: 99
}

.page-section,
.phone-wrapper {
    position: relative
}

.phone-wrapper img {
    width: inherit
}

.phone-frame {
    width: 83.7963vw
}

@media (min-width:1024px) {
    .phone-frame {
        width: 47.13542vw
    }
}

.phone-frame.mirrored {
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

.phone-overlay {
    position: absolute;
    top: 8.3%;
    width: 48.14815vw
}

.showcase.right .phone-wrapper {
    right: 8.51852vw
}

@media (min-width:1024px) {
    .phone-overlay {
        width: 27.08333vw
    }
    .showcase.right .phone-wrapper {
        right: 1.14583vw
    }
}

.showcase.right .phone-overlay {
    right: -5.08%
}

.showcase.left .phone-wrapper {
    left: -18.51852vw
}

@media (min-width:1024px) {
    .showcase.right .phone-overlay {
        right: 6.5%
    }
    .showcase.left .phone-wrapper {
        left: -10vw
    }
}

.showcase.left .phone-overlay {
    left: 37.3%
}

.screen-previews-wrapper {
    position: relative;
    height: 61.75926vw
}

@media (min-width:1024px) {
    .screen-previews-wrapper {
        height: 27.92708vw
    }
}

.screen-preview {
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto
}

.section-inner,
.showcase {
    position: relative
}

.screen-preview.preview-small {
    bottom: 7%;
    width: 23.2037vw;
    height: 35.55556vw
}

.screen-preview.preview-small.right {
    -webkit-transform: translateX(140%);
    transform: translateX(140%)
}
.screen-preview.preview-small.right2 {
    -webkit-transform: translateX(55%);
    transform: translateX(55%)
}

.screen-preview.preview-small.left {
    -webkit-transform: translateX(-140%);
    transform: translateX(-140%)
}

@media (min-width:1024px) {
    .screen-preview.preview-small {
        width: 16.32292vw;
        height: 23.02083vw
    }
}

.screen-preview.preview-large {
    width: 29.90741vw;
    height: 35.75926vw;
    z-index: 3;
    margin: 0 auto;
    transform: translateX(-38%);
    bottom: 9%;
}

@media (min-width:1024px) {
    .screen-preview.preview-large {
        width: 19.71875vw;
        height: 26.92708vw; 
        bottom: 1%;
    }
}

.hamburger.is-active .hamburger--outer:nth-child(1),
.hamburger.is-active .hamburger--outer:nth-child(2),
.hamburger.is-active .hamburger--outer:nth-child(3),
.hamburger.is-inactive:hover .hamburger--outer:nth-child(6),
.hamburger.is-inactive:hover .hamburger--outer:nth-child(7) {
    display: none
}

.section-inner.right {
    float: right
}

.section-inner.right.showcase {
    width: 57.03704vw
}

@media (max-width:1024px) {
    .section-inner.right.description {
        float: none
    }
}

.section-inner.left,
time {
    float: left
}

@media (min-width:1024px) {
    .section-inner.right.description {
        width: 26.66667vw;
        text-align: right
    }
    .section-inner.right.description p {
        line-height: 2.2
    }
    .section-inner.right.showcase {
        width: 36.04167vw;
        top: 7.9375vw;
    }
    .section-inner.right.office {
        margin-right: 9.0625vw
    }
}

.section-inner.left.showcase {
    width: 64.07407vw
}

@media (min-width:1024px) {
    .section-inner.left {
        margin: 0 auto
    }
    .section-inner.left.description {
        width: 21.875vw;
        text-align: left
    }
    .section-inner.left.description p {
        line-height: 2.2
    }
    .section-inner.left.showcase {
        width: 36.04167vw
    }
    .section-inner.left.office {
        margin-left: 9.0625vw;
        text-align: right
    }
}

.navigation-footer .wrapper,
.section-inner.center,
time {
    text-align: center
}

.section-inner.office {
    width: 56.66667vw
}

@media (min-width:1024px) {
    .section-inner.office {
        width: 26.97917vw
    }
}

.section-inner.clock {
    width: 56.66667vw
}

@media (min-width:1024px) {
    .section-inner.clock {
        width: 18.02083vw
    }
}

.showcase {
    z-index: 5
}

.featurettes {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

#f-nike,
#f-yr {
    width: 13.88889vw
}

#f-connect,
#f-yr {
    height: 9.25926vw;
    z-index: 9
}

.featurette {
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%
}

#f-1 {
    top: 24%;
    left: 13.5%;
    width: 6.85185vw;
    height: 6.85185vw;
    background-image: url(images/f-1.svg)
}

#f-2 {
    top: 45%;
    right: 4%;
    width: 6.94444vw;
    height: 6.94444vw;
    background-image: url(images/f-2.svg)
}

#f-3 {
    top: 60%;
    right: -20%;
    width: 7.03704vw;
    height: 7.03704vw;
    background-image: url(images/f-3.svg)
}

#f-4 {
    top: 67%;
    right: 7%;
    width: 11.48148vw;
    height: 11.48148vw;
    background-image: url(images/f-4.svg)
}

#f-5 {
    top: 53.5%;
    left: -7.2%;
    height: 13.88889vw;
    background-image: url(images/f-5.svg);
    z-index: 9
}

#f-6 {
    top: 35%;
    left: -7.6%;
    width: 7.40741vw;
    height: 7.40741vw;
    background-image: url(images/f-5.svg)
}

#f-connect {
    top: 11.2%;
    right: 34.5%;
    width: 9.25926vw;
    background-image: url(images/ico2.png)
}

#f-yr {
    top: 57.3%;
    right: 9.6%;
    background-image: url(images/ico1.png)
}

#f-wk {
    top: 38%;
    left: 11%;
    width: 13.14815vw;
    height: 8.7963vw;
    background-image: url(images/ico3.png);
    z-index: 9
}

#f-playagain {
    top: 18%;
    left: 10%;
    width: 18.51852vw;
    height: 7.77778vw;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANgAAABiCAMAAAAFr+3MAAACmlBMVEUSER4SER4SER4SER4SER4SER4SER4AAAASER4SER4SER4SER4SER4SER4SER4SER4SER4SER4SER4SER4SER4SER4SER4SER4SER51dXz////////////////////+/v7///94eH/////////9/f3l5eb+/v77+/v///8SER6JiI/+/v7+/v75+fr+/v4sKzfBwMT9/f36+vv///+trbH6+vv9/f3v7/D////////39/f////9/f34+Pn////6+vv09PT19fXr6+z6+vv////6+vv////8/Pz////8/Pz9/f3////////9/f3e3d/09PTZ2dv4+Pj8/PzOztDQz9L////Z2dv////r6uzv7/C4uLz///9mZW2op6z5+fr7+/v////9/f34+Pn4+Pj7+/v9/f15eYD+/v7+/v7q6ut7eoLi4uT4+PmwsLQqKTX6+vv9/f3////+/v739/f///////////+JiI/+/v5NTVb9/f34+Pj19fWwsLSgoKX6+vv8/Pzh4ePw8PHs7O3z8/T7+/v+/v7+/v7Y2Nr+/v74+Pjz8/SPjpT39/eioqf+/v76+vv7+/v19fU4N0L+/v7q6uvt7e7k5OWgoKXk5OXY2Nr+/v76+vv4+Pjk5OXr6uzx8fL4+Pmpqa79/f39/f1RUFr////6+vs7OkVFRE/////l5ebr6+ze3uD////j4+X39/fh4ePy8vPw8PH4+PnY2Nr+/v7////19fWtrbH////6+vv09PTx8fL9/f37+/v09PTY2Nr9/f2pqa74+PjR0NP6+vvr6uwlJDCEhIvt7e5aWWL4+Pnf3+H///8Ag+CZx/HG4PcHjOInleR3t+2Iv+7j7/u42PU+nebx9/1Tpuioz/LV6PlmruqzuKtRAAAAznRSTlMBBw8UBAYFAAIDFhcICQoMCw4NERMSEBUYJv79+/z39fMl3fHnEvR9+hkC+ffT4wkXozS2PTBwD5CPc65tksbXFhc+obg30lnlm3uHym9AryW6TEgKt2PejjsK9R85WkTPfW6cf+0n1Lp8JGrEBgpvoInFVvjnlgzOIJF8uD8F1twojA2vOfL6K7cedBOyM77CP58ZqocoGhl8Z9E1miONEZE64WYPmKYXHN9+JUGnEVR2pGGc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);
    z-index: 9
}

#f-100k {
    top: 30.35%;
    right: 7.6%;
    width: 14.72222vw;
    height: 8.7037vw;
    background-image: url(data:image/png;base64,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);
    z-index: 9
}

#f-list {
    top: 54%;
    left: -3%;
    width: 12.59259vw;
    height: 12.59259vw;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIwAAACMCAMAAACZHrEMAAACmlBMVEUAAAASER4SER4SER4SER4SER4SER4SER4SER4SER4SER4SER4SER4SER4SER4SER4SER4SER4SER4SER4SER4SER4SER4SER4SER4TEh/9/f3///////+JiI/6+vq9vMH////////+/v4bGif////Z2dv9/f3Fxcj4+Pn7+/v19fX7+/v9/f36+vv////+/v7////////////+/v7////z8/Tz8/T///8qKTX///+3t7v9/f35+fnr6+z4+Pn8/Pz///8pKTRDQ037+/z////////8/PwnJjKhoKatrbHExMdkY2z6+vvX19n4+Pnq6uv19fX6+vvj4+X7+/v6+vv////r6+zh4eP////a2tz6+vvy8vPz8/SsrLD09PTc3N35+flubXX////y8vP6+vvv7/Da2tz8/Pzw8PF+fYX+/v5QT1nT09b8/Pz19fXp6er9/f3+/v78/Pzy8vPu7u9NTVbV1dj////Ly876+vri4uTv7/A1ND9tbHTy8vPo6OmbmqDc3N3w8PH9/f0vLjn+/v7m5uf39/dlZG3h4eP39/fKys1IR1H4+Pjn5+iRkZe9vcCcnKH6+vv19fXr6+z+/v7///8Ad+1Xm/KVvvayzvgZf+6/1voxie/N3/rw9v0BeO3Z5/y00PnT4/v6/P4Vfe7+/v+ew/apyfj8/f+szPhzq/P1+f4ggu/5+/6ixvfI3PoQfe7z9/7e6vzj7f0rh+640/nn8P1bnvLs8/2wzfgjg+9BkPDk7/3r8v33+v5Ol/Edge8zie96rvQFeu1foPLD2vrh6/xup/ONufaEtPWKt/VKlfEviO82i+/A1/pJlPFEkvBTmPELe+5/sfQ7je/K3vqWvvZlo/KZwPaUvvYJeu18r/RppfJFoR7QAAAAlnRSTlMABwgJBAUGAQIDCwoNDA4SDxEUEBMWFxUYGX7t8gI5BPbu4BnQYKdKwdikTOmf7vm85/id1CauuRulQvC+iC5OoxcOUaDJUgsDNxkIzV3EM6vUEVmpkocIvjakYBQXhWuCJt6pMJ1nwYUp7xtcXJmLf/fKpVYERJs7p1w8EQZcUyFYXZMZv1ZUFD+mCR9eYRwyDJVPY9URc3lxAAAIz0lEQVR4AbzaB1dT2RbAcZNAToBQCAUk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);
    z-index: 9
}

#f-tnw {
    top: 11.2%;
    left: 3.6%;
    width: 9.16667vw;
    height: 9.16667vw;
    background-image: url(data:image/png;base64,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);
    z-index: 9
}

#f-rt {
    top: 14.8%;
    right: 21%;
    width: 5.46296vw;
    height: 5.46296vw;
    background-image: url(data:image/png;base64,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);
    z-index: 9
}

#f-user1 {
    top: 31.3%;
    right: 27%;
    width: 6.57407vw;
    height: 6.57407vw;
    background-image: url(data:image/png;base64,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);
    z-index: 9
}

#f-user2 {
    top: 39%;
    right: 4%;
    width: 4.72222vw;
    height: 4.72222vw;
    background-image: url(data:image/png;base64,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);
    z-index: 9
}

#f-blumberg {
    top: 53%;
    right: -.5%;
    width: 7.31481vw;
    height: 7.31481vw;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAE8AAABPCAMAAACd6mi0AAADAFBMVEUAAACtGZQsANooANhFC9xBB+toHdMoANcpANc4BNMnANYxAtYpANhmAKYqAdgrANw2AOUgANIyBNcgANNnCbYeANOWLKUnANcpANcqANjBFoTDFoK/GIfAGocsAOYsANjBE4HNIokoANmmAO+2mOdFA8fEFoN6CqhbCb5IBMZmCrZXDsKkDZGmK6DKIYssANcrAM1PBsPJGoHKGIC1F43ln856DKx7DaumE5VxC7CyFY6rE5CFEalWBbyHEqqiFJeUE5+TDZ6SDZ4wAdM1BNNTB8I7BdBFB8yhEJVUBr7FCnqrAIHLGYCqEpCzFIxODMeVB5idEJhSLOCbR/O+FoQoANf///8rANb///4VANQpANYrANVDA8hrCbMpANcvAdNbB7w9Asw1AtFNBcI3As8xANKeEZY7As12C61WBr5GBMj///10C69CBMlHBMeZEJqVD5zt6PqcEJhxCrBQBsItAdUpANhUBr+mEZJtCrJjCLdYBr1oCLReB7tAA8p+DKlvCrGXEJtKBcWHDaNYPOChEZWjEZQyANCFDaSpEpEzAdFlCLY+AsuxFI2ADKeCDad4C6t6DKp8DKmOD6BSBsGQD5+rE5A4As5MBcQZANVgCLiRD565FIYmANeLDqG2FIlmCLWIDaKTD56KDqG0FIwiANNfCLnx6PitEo4kANbDFYKDDaWEDaWvE468FYX39fwlANG/FYSun+w+HtpNALyKd+r///zZ0fPQyPQ/AMWrcdCZh+qAXd4vAMgsAM8oANTy7/kfANQ3AMiMDZ9UHs09AMBtNc6ycsxzAJ42AtAeANdaAKtNMd0jAMrAs+5FHtYOANMzAMssDNgzE9hrH8HPwu9hH8hWALhFAL6kb9Sjkej7+/1NH9MbAM65csiAAZnXx/FzX+V9DKpSALHf2faDI7RHJ9u4qu14ILplAK9yAajIvPF/BKGRJa02DdMvAMJQDcZfROKQf+eBY+BDAMGGcemfetxlT+Dt6/vm4Ph6Vtd7QcuXC5aUXM5cMtWrnOtTRWVXAAAAtXRSTlMAFlTwEzEInuco+RjP/sG7Z5xOhMv3M93Zj+n3vVBxOp04eSgo7YudVJmQb51rcjn2OV0pKSjk1NTq2+W74na+U5/d+dxO3MPr8/aE0e/OvPd5aTPc///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+Vcn81gAACEVJREFUeAGclntcVGkZxw+F7tK2bSpLtbJ92Fovq6sfu+T93v1+KWbOXBgQBlAGZAAhRUQBk3EEQUlgkFEJQQcIRsEZiSBAqYaAEEQIJaMIKlRSUVO79DzvO+fMOQcY0N8f8998P7/f+b3v87yMe3m88/ZyP9/vrF337XWrV296//ubfTyYl9Y7y/1+VFh4+mzmz88fPrz70E/CwqJT9Fu3LPN5GZjHct/5hZVIy8yltNjolJSfnTxxqqho/cYXdfk5v7fKLiDtbOb5XI6mB9qV4iJDRfmdlYtexOQX/OaXXUAcRs3dzeFOnswBc4byrKPHj2VvX/TuTJMu/EZZGU8TmMu5UpxmqMg6uv949vbtkXGvL/GcCe6z3yqTRA2LTdHr4cORqFn70Vxk5IE9AQHei6elzV5IaMQc7YGaOwFR0ww8Le5AQEBS0pnEJbOn6cGXi5p5nqNFp2DUU0ArPwo4jIrmks6cSSwo8PZye+Joq9Qc0gCHreYUF6VVAO3PaC4ujtCOJBaU7gsK2vCZqXFvz79QWVl4ltL4VrmopFVqLglxpaVBQXv37vj6l6dsgprjr0NsLGn1VDHSwFx2Nh81Ec0hbcePf7pr6VTuoAf8cCQqMeeMaiAfDmnUnDMqpe0K2bV48m9XSVvFAyxstYJEPca3egTM7dtHaIALCclPXTDJN/z8WzRqLteqXk+jVohbTYJSaVRCy89P3bkzYsGElmf7SlrFA4xR8cMhjRxgGrWUfjjqDXHqqK9Kz+FCGlV0gIvJXSVnhB4SoNEvh+bgwwEtFWlRyRnvSbo4DWPJaY4c4Nug3xK9jvod0V9AveSQUHPoLUINtIxt4XNFI2AtPXLgjZi7kvNH1G+IfkH1B9R/nl+vqakBGuAwKqEhLu8rwuHwTXqAw7iot+9WySYVW3Wu5/GNvj4nLQKjbgNaXp52nmDekVYPoTnaw527jbKppGNjHue3YFY1mANceHie1uFwrHDNw/dzaav87bpz99zUOPjpudqCUUlWNOcIDg42zuGPnuQAGyrc8CjTfrVZnRwF3tCcNtgRnG4M/aIXZ895gOkEToMJ/I+/uuWxOllHcwaN6tA6gJYeGhoY+Iqz3K9x5mDZwAiGmYk897I9q8dWtUgLTgdYYHz8q68R3rJ/ExreLgNZD8eyp+WxstFr12gPRiOYQ5yq4ZOEtykacCcwKl4HcldnwKv6bzv5chxNHq9SvYE4n+/RVoXL5u9/c/F0N6ucYmUs60I+bIekThrgVHK55s1ZGFevR1oRNzNxLCGPl/35r6mejdgEvLr2dPhw8OniEQc0pbLko8DbQgcJv1dxLIl4f6pp6esbH69tGRvrF0TutzZgrRSnlGsSlP4J0LDH1pzi4rRyfgKTmSnm/bMPB0lERMRY1FMBr72ByypXKTUaf9DHPBkf8IZnBHuI5JZNwXURbxymEt6ujPpRQd6BQP7LKZWaBORZZjGbiwyGrCyyCZG2h2zCXjGvFi4X3q7m+h5BHwNIIzylRulP9QFmI79sIg8Qc7ile6/HiHiIg7vafss1JhqHgScnSkgg5lCfYhbBBHaao1saB7rIX0/tWHNzPaj9XofrBl8cUCEOktJPR/UKs55vla4Hsm1EvKGHv6R6YLex3HGOGW6KVyqRh954fYRZJdir5A2Bm7DmBuR1I13jE1M8nmCkCfVhZhU5wOJlMw2PvdnRplCqlBJvqI8zK8EcbZXSyF7tc8ez2ezVnSVy0qpUrzJrpC8SXDbj7ng6W9XQgy4TaVWqDzJrSNQjoqUf4paHdchGuxUUJ/XnTaICjturuKbHrwp4LDsZ0t5tIudE+v28IaqAFkI2Ya2Ax9psfFKdwOKIqQkJ0n69SQ+Uxi99ES/m4v8uUnU0Cmu5rzBLaHj+lgifcvmEplY3C/P2NAxYrdYSVNuoTcfzRlotEhrej6WA46PmOweJiHf5njWQTBG5ytR12fUZGodbJV8Q7+9i2irWgI8voCUnJ1+7JeZxY0neOShYmoPSRnC+/LCXnhHE8e+bCTw5vfr+prabMl6XpDycf54bXD2oEQe8cDGvGy8D0GBoinh1Uh7OZ+Y9jiZ430h5kJX8VaN4IhPyJEca9wfzg5qQEPL24ml52obfC3ldTUqLxWy2WCympg4B74FJYo/st1k1qfSQAA1xuKVFvB5Tp8Kprn56XqgGTUqxPbJ/me+SGqI4Wp5Dwnt66dElokd1dlbAsx2UfL9fvcGgltY6o5L3jdYRbDTyPHdvrKFuyYWz0vfLawvUnDl8LQEu1DoTXp1Jcj/o+woa5nvQwtsLXoaB0/IwbptiwmWj8opCmvC1ZK12z8MJ2K+Q2PuQF+PUHPxy5A1MaIHxJdPxdDp7l6QNzRyG07srEGfEpOQlJ3fPY6Fje7VCcjne/DTDa57DQaKGgjd83rjlsSxrGwGcmGeex7jk+SUjRKXuUE3V/3LXxOXBVpNkV5rh6go0lzyp+bHUCjx2omDzNg511N03d5oTNBLeXEakT1BvKvqCMHcdvH9wMrUNd1s6OyfO0f93Tge3DYNgFMefIDYYW4YkihJfgpQMkGmsqlSiW2SXHjjm4ClQNytVT2mMDfwG+PMOH+OAZ3X/+Tcu9H6fe4/5+p7sS870Nf5peGh92LDuPmajDV7caNhmQyy/R2+YQYSxYwlBMEu9FeWMQsSOFuToDlGam9xxXGNBI11WzskGi+rBufSaG2qsIZ1LzXUECTb7Q8rd2MN+gzTXrVg/uu0V6SrGvY99lLv3nFXI056leMzmHkKeWxTQih0n83xu05EpjWJtRS6s706c8lPXswupVpb9AANEa2I8CSTJAAAAAElFTkSuQmCC);
    z-index: 9
}

#f-mashable {
    top: 51.2%;
    left: 15%;
    width: 8.24074vw;
    height: 8.24074vw;
    background-image: url(data:image/png;base64,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)
}

#f-user3 {
    top: 41%;
    left: 5%;
    width: 5.64815vw;
    height: 5.64815vw;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD8AAAA/CAMAAABggeDtAAADAFBMVEUAAADr6vHr6vHr6vHr6vHr6vHr6vHr6vHr6vHr6vHr6vHr6vHr6vHr6vHr6vHr6vHr6vHr6vHr6vHr6vH6+vr4+Pn49/b5+fr7+vf29vb5+Pz39/f5+fj+///y8vbt6/EEAAIbFB3szsLz39bmxLfr0snv0cf06ePy1cf35eA1LDvKj4CWYFXqx7riva/39vPx2tXx1M3x5N/04tvz8vHgr6LqycDbt6bWo5Dr1c3rwrTr2NHx3tn86eLyzsETDBQNBQmobWD22spuNyvht6r55NagY1E0EgvgrJmwdGT0+vvw2NBaS13z5tl6UUfy7etZPDZBIh3ZnIf++/xVSWE9NEXkw7KGTULkyLpjOzFeNSrszb367Oj8+/r/7N3y9vbo5OklDgv9+PbDmov99vBHQFZFPU7//vvh0czkvap7W1Xmy7+iZ1vLmYakg37GfnLFh3q0gG/ktqDVrJ8oIi36/v5qRzrq4Niaal2FV05hVGX53dm9inNPLCfYq5aOUUQiGyaQWkyseWa7eG713tBuTUhDGA+tZFLRnYn1+vRRQlv02tLu3dBKIhVkRD/au61UMiaib2JXKh/LpZTm08H/8eXTvLTquKiafnpTUGl4QTZQIhjTmI9QSFfdwrVtPjbasp50SUC7d2P68O/Qw8PBkn2cWE1HKiOnioONZV43KCe7npuvioDq5eSBeIWmeG+7g3JwY23Vj4fWp5mngHKZUEOzbl8rGRebl6jYzsm5b1mGZmHJoIni3trLq6GVjZuORzZ3bn3+5NX5z8S2k4ZmWmvUlHi4l4+fd2psY3x+epyCSTfLjHNiLCM3HBjwzremkI/dnpR/Py97ZGbex8LLsq6OYFLep5SUb2bh3uTxxL6/uqTPy9RONzOnVUOvlJHtwa2KbW+2Z12Kg5AcCgbCuYxTPkT1ybe/q6mynZp8STqloHGurJDCvcZiTEj+1s2tZFyroalwVVOvrbvEvLDd1LfX1NmYcm+NdnSchYesk4dsJhm/tr2ShmK6t8ejlmMqsnuRAAAAFHRSTlMA2RIhB8zoh5YnkEqkZq5jXzbIOu+LaZkAAAwcSURBVHjapZd1VNvJFsfpbin13e6SIAkhRoQYkhCIECC4u7u7Q3G34q7F3bVQipVSoW5UqNurvbqvvX2TtH1r7cp53z9yMr9zPjP33pm5c6/I5/TtFrGtomvWrVu3RnSr2JZvRf6J1m7avObx81O1tYeqz52r7j83PXdlzeZNa/8m/aWY+49nr1pM3dErbe3tCb354Fx/T+i77zrcxb78G/SGje7zcY4eHiiNO93Zpq29M+ZPzvZfr+3vuf7d/dWNG/7KcjFZejX5oaPHlMdUX9+J5OyLEy+mkH3fvavtrz136vpjd7E/9eLrbxBufnKm5Y4nLCwsTnjc8bBwjH/75A5y6mxgaOip2rOnOhDffP15XEwW4jLoP9+a4+gQ6+Booedxotuiu3k48I7H1ezsmzMvbr7rMIPIin2G/mI9wgrfcb+nt9X0YujA8MX4Voduvam+Iofa7G5z8+Ti4uLam/3Tg+KI9V98MnDrEZ5q/T3Dvaa9h4JwaPRKEDZq2DFHT0+vODS7uBjMENhz/dT96UEXxPoNn8Rd/A9NxKXbLZfIEblEIp7LLcBWDDfreegFBpqbZ2dnz9Re73/QoUSHgQk+YbyhWfVAfLNDfIkOl6ikpJSozOEYES6NLzfr6WWbdxdnz7zNDp3vecCmQaT+6MJ6upuhWdByg0X3gCtXiQgmwHCAjNC2ASGpDQ3mFhal2Rdje/tDQ6vNYmDAgt9Hno5w8+TM5BQFKlYRAc/hbGezFYzkVOxZNac1+eXJFhbJsbGmAwM9h97EuIAJfrMLX8m6udGg4lbX+Wf2V3GVOZhCBSO2mpqanByagqWwVDUf8psdyksdHSYG9h+a9vOESkjIfvWrUyeKgEGgUIiMf4Yus4oIcDk5wBqpyeFUsFiqdkqIwXlyWbxDaXJgaP8hfxlJwMNE1/5iPQIKgcDhcBluSEZJlTKnUE1NUVHRqMBIEadCCbKntqTkdY6EeJmWdpub7t/vLwOXhMMhv3iwQVYKCpGQBDwe8K7KHHYhBoNRwCiwgRE4RRyaFRCZkpLSslxqkWweODAtIwkHPET24yZuREAgEAm4gE+Kc3LFKHA4YAM4CmwQAjYGY4RDU2wDgLxiLcyLHQaUZOBCITZ+uO+ywHYJwIvL4Jcz9rliBDhRwQi4r2ZUUKCIw+HQ9lhbWxbzYml2oHmPpwxUEg6Fu9Blv/zgPeClJaBQ8Rj8RKerCYbI5e5TxKmjVVRwBAKaxcKq4NAgikzq/tjAi096rGLgQl5q9X0EwPLiAh5iGOMcMeuK53KC5iuYLCpVm8piUZkMRgAFp0XAMqOoFaatyzMPZKzE4UDScDNZAb4JAQbAfglpwxjv/RXemKhh02QLx7KxCynjLfqnwzPJ8aa9+7GJiswSZrxDYGC1jDhYXSBxxCbAb5aCCEee0hIu3l7zVdgk3dT0h8f5uccsVS0PZnbxi/T0ispNDzVhm7C9pcWBczLvafCL2Cw0HyLEPSU9/Uy8qK4nLdtyu7rszuxqs2RYTqbW8x1iz5+3O3O0rCmIslxqXusnA4XCITAgGgw4sE0WwO95SZnCTifXyMkz/HKw5A+5NUundfnHjzckmzvU26VnMO3RE6UOXlq0GAjkPQ+V3SayBQEDnkiAkErA/dgVWToVBroTTzSmkn/Ya+tak1qUk2MxpeGh13A0o8JWK7Q0va3N+SMPlUJsAbsnBYaCD4aGLkq2GBP00tOTE612dnsNgqpYR48fPx5/1eOqaf3R3Nmmwu8dNPfs4cbAhDgMIjjDWxHC/+CTIcxKmapD1MlyYliG7bkVpk3ksoKPpnc901zuVAViVpp8HxthebAwBgr7yG8VEZWCfTDGEGrFZurgC4OoqqTw8J0MgjPRiRQclxmWmdk2coGClmPreNUHHzy4PYYGBaJJQWEIUZE1UkLBoDQY3EquQsckC6cOLi04eiZ4JZwqyWvnGIkUnsdoklPYrjOeuveaJT4G0MAEwRRrRNZBYG6Ad4N5extaoaOyTBITEzkcBaMCBTxRAR0VkqLNYGjbYu3RBEIhm3nw2rVxT3EaTCgaFLJOZJ2bQDQ3Q9oOQ3Ejgo6JcmIipgDc/iyQf9EMVX0qRV2doKiliHZi+2P1c2/ZSkJo730GP4Cn0+k0Gk04hTjXCWeirKCmcumSSqWyM1GhgDLeIsBxigA/WblSkmdJsveTogF/gaSloeuA/1CAA38gEEMXLtZJxyiIyjh9mpnljPdfUcBhm8YjWRSKigqFYttk36J/r0TJSkoowfLAf1HhAAKBQqQhUG+2vZa6tupY2C39Km6BCqCePh1p26nP0AZiljjNjqRgZCBCAoEAy4L4bwXm73Bz27FDQmLHDrg3XuuGatiea9fyWsZZN2qSMsJJXXsnSWN5eaoVFSWU2c55sxgIFCacAfD0rSJiZngzIJqQN4zx09IPy722d1LfK0Lfsq2+4YczqXt3TYaFjYwkzZZUVlcTZQwlBMkPbB6URjcTE9kyKAdSPdsET2/3hhpKW2WlHDuWq6uvrl5Tk5nKbyZnRATv3ZW7Z9IgSRX7aqHD3dDFE+QKOIxOd4OYDW4R2TaII6Dt7dEg4yt7e3tLYpiRkcHh+6oSl2oMzpwhj1QwSLqAb0vqbEE/aLRefCztIi4Op+OVlMzaCwe3gfvPJSpjCgvV/P23O3t7000o925EdE00aRFYpGe3wkLGtaPK0tuOHQuZbbE/q5HWOPSfue1mtLnpyteVr1/LCvIPpwCDUTYxMdmuhG9vb8c7nTyZZ1Cu5xWZR8q8pRtc1lua85BkeSxptmX+KhLVeHjh1eXq15f/JdCrzYL8N8csodoKPDDCmCgT8YSTJ1MujDenR0aGZJSRyx7meJQbWB40SArx+r4PKW98+Mjzy4/+LdDPP09vEubfIPumphJtKpgkqLKyUkfL6Ubk0lLECONGlFecAb9ek2R5cE9uUsRwTx+v8cDhxd2vHj16dPnyo59+EuZfsIPtznglBQWjyqCgyqzC+9UEdRbr6SXLsbHMZ7t25YbtvGB5TDc4Lj4udErDxjjh8MKbublV98Hpyx1iH94fqKenJ4zWjuc4t/ufunu3aZ9TgPoS4/QYOIfPJsMtL+gnkc/HOg7PaPCMR63zb8Nk6OD1GZwD749QG98fQTrNz/15gjwK9V2VVgCVUkOazL22S9eAlBepn5H+sCE2ohgZfSAh39f6ypuXL1f9zGQ3/u/9nZvbvl2pvf3xkDwPZb14990+gi32kvY4SEOkMdXImk5ya4NDWVw3CJ9xvo/vgSNH6ur+I/vx/QURmGtaWcGwb/vI83ijQ/JIjXOuOLRiYpYi7hJVO+DehbLWotJ0zfgTKGNroDofGxubuiOrYr+qP+6f8/cfSuNpoBYTUEgkssdVnZClo0VQp7AC7kXFNYP3h0xuPmGTkGCdb90oj0qrO7JbdO2v6h/3jo5FeZ5G2mijBsDTTu3DUpbutewE0t953rGo3I5Mjne82mhdZ50PjEzzOXJk9avf1F+rQ30oDdToAR4SqZEwWsvVYo6TMtvCQO6tLyo6bkcOJpsm3wWr5/vKo6IbDx9+LPa7+m8BCXbnsDwPyVtckH/CcdVhRnTt6rLjN+Q08O3IcXHk1rvC4NmgUD51dbvX/6H+HEXKJzRGa/AWdxvz+laqXPfdCO/ilxcVOdandgWXxaU3Gx8w9vGxSeNF2/js/mMJvWH9kLyvbxrS+HlCGtKjugqTpa5vcJTP59cD4zU140yLE4zzfW2ieSiAf7qAvi1vw+tbqENpILvtXTEYAkMzNdXOLlW3LENTk2z64gDwPRqFivb9FC504aVv9O0DPA3kHbKWTmGhFiM4nayrO5kZkWEQHP9i1FiIp/m+BMZ/WmJXbi+ikDzkiZAlHTaBNZKaqqsZAV6vCM30+LMJPkK87orYn/U/uzVQjbxuhnqWESEgQjc4YyTkws5wg+DzM6ONNuBqyO8G/c+f9l9XFm5He1SoE+TkKKBq7cxjMFRHNIN7bybYyKdFD70RW/uX/d/qQt/bIIJcEDZAX1W1haUdYvAs+O3ZfBvfoSsbN/yt/nP1R3+OovZ4HqlzNkA9MnzSYPjm6NCPoP/8B/2vO3tl3ssrikCI8opa6fhs//v/9t//BU4ot+PLTBOUAAAAAElFTkSuQmCC);
    z-index: 9
}

@media (min-width:1024px) {
    #f-facebook {
        top: 24%;
        left: 22%;
        width: 3.85417vw;
        height: 3.85417vw
    }
    #f-abc {
        top: 45%;
        right: 6%;
        width: 3.90625vw;
        height: 3.90625vw
    }
    #f-chanel {
        top: 60%;
        right: -16%;
        width: 3.95833vw;
        height: 3.95833vw
    }
    #f-google {
        width: 6.45833vw;
        height: 6.45833vw
    }
    #f-nike {
        top: 55%;
        left: 4%;
        width: 6.45833vw;
        height: 6.45833vw
    }
    #f-beats {
        top: 35%;
        left: 2%;
        width: 4.16667vw;
        height: 4.16667vw
    }
    #f-connect {
        top: 11.5%;
        right: 36.5%;
        width: 5.20833vw;
        height: 5.20833vw
    }
    #f-yr {
        top: 58%;
        right: 12%;
        width: 7.8125vw;
        height: 5.20833vw
    }
    #f-wk {
        top: 38%;
        left: 16%;
        width: 7.39583vw;
        height: 4.94792vw
    }
    #f-playagain {
        top: 18%;
        left: 22%;
        width: 10.41667vw;
        height: 4.375vw
    }
    #f-100k {
        top: 30.35%;
        right: 11.6%;
        width: 8.28125vw;
        height: 4.89583vw
    }
    #f-list {
        top: 53.8%;
        left: 11%;
        width: 7.08333vw;
        height: 7.08333vw
    }
    #f-tnw {
        top: 11.2%;
        left: 3.6%;
        width: 5.15625vw;
        height: 5.15625vw
    }
    #f-rt {
        top: 14.8%;
        right: 21%;
        width: 3.07292vw;
        height: 3.07292vw
    }
    #f-user1 {
        top: 29.3%;
        right: 27%;
        width: 3.69792vw;
        height: 3.69792vw
    }
    #f-user2 {
        top: 39%;
        right: 4%;
        width: 2.65625vw;
        height: 2.65625vw
    }
    #f-blumberg {
        top: 53%;
        right: -.5%;
        width: 4.11458vw;
        height: 4.11458vw
    }
    #f-mashable {
        top: 51.2%;
        left: 15%;
        width: 4.63542vw;
        height: 4.63542vw
    }
    #f-user3 {
        top: 41%;
        left: 5%;
        width: 3.17708vw;
        height: 3.17708vw
    }
}

.twitter-bg {
    background-color: #1da1f2
}

.instagram-bg {
    background-color: #2e5e86
}

time {
    width: 50%
}

.time__clock {
    border-radius: 50%;
    position: relative;
    width: 56.2963vw;
    height: 56.2963vw;
    background-size: contain;
    background-color: #fff;
    background-image: url("clock.svg");
    transform: translate3d(0, 0, 0)
}

@media (min-width:414px) {
    .time__clock {
        width: 28.14815vw;
        height: 28.14815vw
    }
}

@media (min-width:1024px) {
    .time__clock {
        margin: 0 auto 11%;
        width: 17.8125vw;
        height: 17.8125vw
    }
}

.time__clock__arrow {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50%;
    background-color: #000;
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition: -webkit-transform .1s cubic-bezier(.785, .135, .15, .86);
    transition: -webkit-transform .1s cubic-bezier(.785, .135, .15, .86);
    transition: transform .1s cubic-bezier(.785, .135, .15, .86);
    transition: transform .1s cubic-bezier(.785, .135, .15, .86), -webkit-transform .1s cubic-bezier(.785, .135, .15, .86)
}

.time__clock__arrow.i-no-transition {
    -webkit-transition-property: none;
    transition-property: none;
    -webkit-transition-duration: 0;
    transition-duration: 0
}

.time__clock__arrow:before {
    position: absolute;
    height: 100%;
    top: 0;
    left: -8%;
    width: 9%;
    background-color: #000
}

.time__clock__arrow_h {
    margin-top: -11px;
    width: 40%;
    height: 22px;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

@media (max-width:1740px),
(max-height:800px) {
    .time__clock__arrow_h {
        height: 18px;
        margin-top: -9px
    }
}

@media (max-width:1400px),
(max-height:700px) {
    .time__clock__arrow_h {
        height: 12px;
        margin-top: -6px
    }
}

@media (max-width:1023px) {
    .time__clock__arrow_h {
        height: 8px;
        margin-top: -4px
    }
}

@media (max-width:767px) {
    .time__clock__arrow_h {
        height: 6px;
        margin-top: -3px
    }
}

.time__clock__arrow_m {
    margin-top: -6px;
    width: 50%;
    height: 12px;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

@media (max-width:1740px),
(max-height:800px) {
    .time__clock__arrow_m {
        height: 10px;
        margin-top: -5px
    }
}

@media (max-width:1400px),
(max-height:700px) {
    .time__clock__arrow_m {
        height: 6px;
        margin-top: -3px
    }
}

@media (max-width:1023px) {
    .time__clock__arrow_m {
        height: 4px;
        margin-top: -2px
    }
}

.time__clock__arrow_s {
    margin-top: -3px;
    width: 40%;
    height: 6px;
    background-color: #0077ed;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

@media (max-width:1400px),
(max-height:700px) {
    .time__clock__arrow_s {
        height: 4px;
        margin-top: -3px
    }
}

@media (max-width:1023px) {
    .time__clock__arrow_s {
        height: 2px;
        margin-top: -1px
    }
}

.time__clock__arrow_s:before {
    left: -3%;
    width: 4%;
    background-color: #0077ed
}

.time__clock__arrow_s:after {
    position: absolute;
    right: -1px;
    top: 50%;
    margin-top: -13px;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background-color: #0077ed
}

@media (max-width:1400px),
(max-height:700px) {
    .time__clock__arrow_s:after {
        width: 18px;
        height: 18px;
        margin-top: -9px
    }
}

@media (max-width:1023px) {
    .time__clock__arrow_s:after {
        width: 12px;
        height: 12px;
        margin-top: -6px
    }
}

.time__title {
    margin-bottom: .35em;
    font-size: 45px;
    font-weight: 700
}

@media (max-width:1740px),
(max-height:800px),
(max-height:800px) {
    .time__title {
        font-size: 40px
    }
}

@media (max-width:1400px),
(max-height:700px),
(max-height:700px) {
    .time__title {
        font-size: 35px
    }
}

@media (max-width:1023px),
(max-height:630px) {
    .time__title {
        font-size: 28px
    }
}

@media (max-width:767px) {
    .time__clock__arrow_s:after {
        width: 8px;
        height: 8px;
        margin-top: -4px
    }
    .time__title {
        font-size: 16px;
        margin-bottom: 10px;
        font-weight: 700
    }
}

@media (max-width:767px) and (max-height:450px) {
    .time__title {
        margin-bottom: 2px
    }
}

.time__phone,
.time__text {
    font-size: 80%;
    line-height: 1.5
}

.time__phone a,
.time__text a {
    -webkit-transition: color .175s;
    transition: color .175s
}

.m-no-touch .time__phone a:hover,
.m-no-touch .time__text a:hover {
    color: #b10101
}

.time__phone {
    margin-top: 2px;
    font-weight: 700;
    color: #fd0202
}

@media (max-width:767px) {
    .time__phone,
    .time__text {
        font-size: 14px;
        line-height: 1.36
    }
    .time__phone {
        font-weight: 400
    }
}

.hamburger {
    position: fixed;
    top: 22px;
    right: 18px;
    width: 25px;
    height: 19px;
    cursor: pointer;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

@media (min-width:414px) {
    .hamburger {
        top: 2.5vw;
        right: 2.60417vw
    }
}

.hamburger.is-active .hamburger--outer:nth-child(6) {
    -webkit-transform: rotate(225deg) translateX(0) scaleX(1);
    transform: rotate(225deg) translateX(0) scaleX(1);
    top: 17px;
    left: 22px
}

.hamburger.is-active .hamburger--outer:nth-child(7) {
    -webkit-transform: rotate(-45deg) translateX(0) scaleX(1);
    transform: rotate(-45deg) translateX(0) scaleX(1);
    top: 17px;
    left: 4px
}

.hamburger.is-active:hover .hamburger--outer:nth-child(6) {
    -webkit-transform: rotate(225deg) translateX(0) scaleX(0);
    transform: rotate(225deg) translateX(0) scaleX(0);
    -webkit-transition-duration: .42s;
    transition-duration: .42s;
    -webkit-transition-timing-function: cubic-bezier(.52, .01, .16, 1);
    transition-timing-function: cubic-bezier(.52, .01, .16, 1);
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.hamburger.is-active:hover .hamburger--outer:nth-child(7) {
    -webkit-transform: rotate(-45deg) translateX(0) scaleX(0);
    transform: rotate(-45deg) translateX(0) scaleX(0);
    -webkit-transition-duration: .42s;
    transition-duration: .42s;
    -webkit-transition-timing-function: cubic-bezier(.52, .01, .16, 1);
    transition-timing-function: cubic-bezier(.52, .01, .16, 1);
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.hamburger.is-active:hover .hamburger--outer:nth-child(4) {
    -webkit-transform: rotate(45deg) translateX(0) scaleX(1);
    transform: rotate(45deg) translateX(0) scaleX(1);
    -webkit-transition-duration: .42s;
    transition-duration: .42s;
    -webkit-transition-timing-function: cubic-bezier(.52, .01, .16, 1);
    transition-timing-function: cubic-bezier(.52, .01, .16, 1);
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.hamburger.is-active:hover .hamburger--outer:nth-child(5) {
    -webkit-transform: rotate(135deg) translateX(0) scaleX(1);
    transform: rotate(135deg) translateX(0) scaleX(1);
    -webkit-transition-duration: .42s;
    transition-duration: .42s;
    -webkit-transition-timing-function: cubic-bezier(.52, .01, .16, 1);
    transition-timing-function: cubic-bezier(.52, .01, .16, 1);
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

.hamburger.is-inactive:hover .hamburger--outer:nth-child(1) {
    -webkit-animation: hamburgerHover .33s ease-out .32s;
    animation: hamburgerHover .33s ease-out .32s
}

.hamburger.is-inactive:hover .hamburger--outer:nth-child(2) {
    -webkit-animation: hamburgerHover .33s ease-out .21s;
    animation: hamburgerHover .33s ease-out .21s;
    left: 0;
    width: 100%;
    -webkit-transition-duration: .1s;
    transition-duration: .1s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

.hamburger.is-inactive:hover .hamburger--outer:nth-child(3) {
    -webkit-animation: hamburgerHover .33s ease-out .1s;
    animation: hamburgerHover .33s ease-out .1s
}

.hamburger--outer {
    display: block;
    position: absolute;
    height: 3px;
    background: #2d2b51;
    border-radius: 9px;
    opacity: 1;
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.hamburger--outer:nth-child(1),
.hamburger--outer:nth-child(4),
.hamburger--outer:nth-child(6) {
    top: 0;
    left: 0;
    width: 100%;
    -webkit-transform-origin: left center;
    transform-origin: left center
}

.hamburger--outer:nth-child(2) {
    top: 8px;
    left: 6px;
    width: 19px;
    -webkit-transform-origin: left center;
    transform-origin: left center
}

.hamburger--outer:nth-child(3),
.hamburger--outer:nth-child(5),
.hamburger--outer:nth-child(7) {
    top: 16px;
    left: 0;
    width: 100%;
    -webkit-transform-origin: left center;
    transform-origin: left center
}

.hamburger--outer:nth-child(4) {
    top: -1px;
    left: 4px;
    -webkit-transform: rotate(45deg) translateX(0) scaleX(0);
    transform: rotate(45deg) translateX(0) scaleX(0)
}

.hamburger--outer:nth-child(5) {
    top: -1px;
    left: 22px;
    -webkit-transform: rotate(135deg) translateX(0) scaleX(0);
    transform: rotate(135deg) translateX(0) scaleX(0)
}

@-webkit-keyframes hamburgerHover {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    50% {
        -webkit-transform: translateX(110%);
        transform: translateX(110%)
    }
    50.001% {
        -webkit-transform: translateX(0) translateY(11px);
        transform: translateX(0) translateY(11px)
    }
    100% {
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0)
    }
}

@keyframes hamburgerHover {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    50% {
        -webkit-transform: translateX(110%);
        transform: translateX(110%)
    }
    50.001% {
        -webkit-transform: translateX(0) translateY(11px);
        transform: translateX(0) translateY(11px)
    }
    100% {
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0)
    }
}

.instagram-grid {
    width: 100%;
    overflow: hidden
}

.instagram-grid .spinner {
    margin-left: 0
}

.instagram-grid .spinner .sk-child {
    background-color: #2d2b51
}

.instagram-grid-items {
    height: auto;
    overflow: hidden
}

.instagram-grid-items:after,
.instagram-grid-items:before {
    content: " ";
    display: table
}

.instagram-grid-item {
    box-sizing: border-box;
    padding: .37037vw
}

.instagram-grid-item-thumbnail {
    width: 14.2858%
}

.instagram-grid-item-low_resolution {
    width: 28.5716%
}

.instagram-grid--size-1 {
    width: 50%
}

@media (min-width:1024px) {
    .instagram-grid-item {
        padding: 5px
    }
    .instagram-grid--size-1 {
        width: 26.97917vw
    }
}

.instagram-grid--size-2 {
    width: 50%
}

@media (min-width:1024px) {
    .instagram-grid--size-2 {
        width: 18.02083vw
    }
}

.instagram-grid--size-3 {
    width: 50%
}

@media (min-width:1024px) {
    .instagram-grid--size-3 {
        width: 9.01042vw
    }
}

.instagram-grid--size-4 {
    width: 35.98958vw
}

.navigation {
    position: fixed;
    z-index: 10000
}

.navigation .navigation-overlay {
    display: none
}

.navigation.open .main-nav-container {
    box-shadow: 0 -2px 4px 2px rgba(0, 0, 0, .12)
}

.navigation .copyright,
.navigation .crafted a:hover {
    color: #2d2b51
}

.navigation .crafted,
.navigation .crafted a {
    color: #c8cad5
}

.navigation-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, .9)
}

.main-nav-container {
    box-sizing: border-box;
    position: fixed;
    top: 0;
    right: 0;
    width: 59.72222vw;
    height: 100%;
    padding: 5.55556vw 5.09259vw 0 8.51852vw;
    background-color: #fff
}

@media (min-width:414px) {
    .main-nav-container {
        width: 282px;
        padding: 38px 50px 28px 55px
    }
}

.main-nav-container .logo-small {
    width: 8.7037vw;
    height: 11.01852vw;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzOC42MzY3OTkgNTMuMTIyNzI2Ij48ZyBmaWxsPSIjMDA2ZGZkIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0xNS40MiA0LjEwNkwyMC43MTQuMzk4YzEuNDQ2LTEuMDEyIDMuNDMzLjAyMiAzLjQzMyAxLjc4N1Y0Ny4yM2MwIC43MTItLjM0OCAxLjM4LS45MyAxLjc4N2wtNS4yOTYgMy43MDdjLTEuNDQ2IDEuMDEzLTMuNDMzLS4wMjItMy40MzMtMS43ODdWNS44OTNjMC0uNzEyLjM0Ni0xLjM4LjkzLTEuNzg3TTMwLjY5MiAxNC40OWg2LjIzYy45NDcgMCAxLjcxNS43NjYgMS43MTUgMS43MTN2MjEuMTM0YzAgLjU2LS4yNzMgMS4wODMtLjczIDEuNDA0bC02LjIzMiA0LjM2M2MtMS4xMzYuNzk1LTIuNjk3LS4wMTgtMi42OTctMS40MDRWMTYuMjAyYzAtLjk0Ny43NjctMS43MTQgMS43MTQtMS43MTRNLjczIDE0LjMyN2w2LjIzMi00LjM2M2MxLjEzNi0uNzk1IDIuNjk3LjAxOCAyLjY5NyAxLjQwNXYyNS41NWMwIC45NDctLjc2OCAxLjcxNC0xLjcxNSAxLjcxNGgtNi4yM0MuNzY3IDM4LjYzNCAwIDM3Ljg2NyAwIDM2LjkyVjE1LjczYzAtLjU1OC4yNzMtMS4wODIuNzMtMS40MDMiLz48L2c+PC9zdmc+) center no-repeat
}

.main-nav {
    margin-top: 20px
}

@media (min-width:414px) {
    .main-nav-container .logo-small {
        width: 40px;
        height: 50px
    }
    .main-nav {
        margin-top: 60px
    }
}

@media (max-height:700px) {
    .main-nav {
        margin-top: 40px
    }
}

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

.main-nav li {
    position: relative;
    margin-bottom: 1.85185vw;
    overflow: hidden
}

@media (min-width:414px) {
    .main-nav li {
        margin-bottom: 20px
    }
}

.main-nav li:last-of-type {
    margin-bottom: 0
}

@media (max-height:700px) {
    .main-nav li {
        margin-bottom: 10px
    }
}

.main-nav a {
    position: relative;
    display: inline-block;
    color: #2d2b51
}

.main-nav span {
    margin-right: 16px
}

.main-nav .nav--hover:after {
    content: "";
    position: absolute;
    right: 100%;
    bottom: 0;
    display: block;
    width: 100%;
    height: .55556vw;
    min-height: 3px;
    background-color: #0077ed;
    opacity: 0;
    -webkit-transition: right .32s cubic-bezier(.165, .84, .44, 1), opacity .32s cubic-bezier(.165, .84, .44, 1);
    transition: right .32s cubic-bezier(.165, .84, .44, 1), opacity .32s cubic-bezier(.165, .84, .44, 1)
}

.main-nav .nav--hover.active:after,
.main-nav .nav--hover:hover:after {
    right: 0;
    opacity: 1
}

.main-nav .site-links {
    margin-bottom: 0
}

@media (min-width:414px) {
    .main-nav .nav--hover:after {
        height: 2px;
        min-height: auto
    }
    .main-nav .site-links {
        margin-bottom: 70px
    }
}

@media (max-height:700px) {
    .main-nav .site-links {
        margin-bottom: 20px
    }
}

.main-nav .site-links a {
    margin-left: 0;
    padding-bottom: 6px;
    font-weight: 700;
    font-size: 5.55556vw;
    text-transform: uppercase;
    overflow: hidden;
    -webkit-transition: all .16s cubic-bezier(.165, .84, .44, 1);
    transition: all .16s cubic-bezier(.165, .84, .44, 1)
}

@media (min-width:414px) {
    .main-nav .site-links a {
        padding-bottom: 2px;
        font-size: 23px
    }
}

.main-nav .site-links a span {
    font-size: 3.42593vw
}

@media (min-width:414px) {
    .main-nav .site-links a span {
        font-size: 14px
    }
}

.main-nav .site-links a:hover {
    margin-left: .32em
}

.main-nav .store-downloads a {
    color: #c8cad5;
    font-size: 3.51852vw;
    -webkit-transition: color .12s cubic-bezier(.165, .84, .44, 1);
    transition: color .12s cubic-bezier(.165, .84, .44, 1);
    text-decoration: none
}

.main-nav .store-downloads a:hover {
    color: #2d2b51
}

.main-nav .store-downloads a.nav--hover:after {
    background-color: #2d2b51;
    height: 1px
}

.navigation-footer {
    position: absolute;
    bottom: 20px;
    margin: 0 -3.7037vw
}

@media (min-width:414px) {
    .main-nav .store-downloads a {
        font-size: 14px
    }
    .navigation-footer {
        margin: 0 -17px
    }
}

#contact-page #section-2-1,
#contact-page #section-3-2 {
    margin-top: 15%
}

#feature-page #section-2,
#feature-page #section-4,
#feature-page #section-6 {
    margin-bottom: 26.85185vw;
    top: -5.20833vw
    padding-top: 14vw;
}

#about-page #section-1 p:last-of-type,
#about-page [id^=section-3-]:last-child,
#contact-page #section-2-2 p,
#contact-page #section-3-1 p,
#feature-page #section-9 {
    margin-bottom: 0
}

.navigation-footer .wrapper a {
    display: inline-block;
    font-size: 8px;
    text-transform: uppercase;
    text-rendering: geometricPrecision;
    letter-spacing: .04em
}

@media (min-width:414px) {
    .navigation-footer .wrapper a {
        font-size: 9px
    }
}

.navigation-footer .wrapper .slash {
    font-size: 10px;
    padding: 0 8px 0 9px
}

.navigation-footer .social-buttons {
    list-style: none;
    padding: 0
}

#about-page,
#contact-page,
#feature-page {
    padding-top: 25vw;
    padding-bottom: 37.03704vw
}

.navigation-footer .social-buttons:after,
.navigation-footer .social-buttons:before {
    content: " ";
    display: table
}

.navigation-footer .social-buttons li {
    position: relative;
    float: left;
    margin-left: -1px;
    line-height: 0;
    z-index: 0
}

.navigation-footer .social-buttons li:hover {
    z-index: 1
}

#preloader,
#preloader-bottom,
#preloader-preloading,
#preloader-top {
    position: fixed;
    z-index: 9998;
    left: 0
}

#preloader {
    top: 0;
    height: 100%;
    width: 100%
}

#preloader-bottom,
#preloader-top {
    width: 100%;
    height: 50%;
    background-color: #0077ed
}

#preloader-top {
    top: 0
}

#preloader-bottom {
    top: 50%
}

#preloader-preloading {
    width: 70px;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto
}

.scroll-indicator {
    display: none;
    position: relative;
    width: 3px;
    height: 52.55814vh;
    max-height: 565px;
    background-color: #fff;
    box-shadow: 10px 15px 25px 0 rgba(18, 17, 30, .15);
    z-index: 1
}

.nav--section,
.scroll-indicator-inner {
    position: absolute;
    background-color: #2d2b51
}

@media (min-width:1024px) {
    .scroll-indicator {
        display: block
    }
}

.scroll-indicator-inner {
    width: 100%;
    -webkit-transition: height .32s cubic-bezier(.075, .82, .165, 1);
    transition: height .32s cubic-bezier(.075, .82, .165, 1)
}

.scroll--navigation-inner {
    position: absolute;
    height: 100%
}

.nav--section {
    width: 5px;
    height: 5px;
    left: -1px;
    cursor: pointer
}

.store-download-wrapper {
    position: relative;
    display: inline-block
}

@media (max-width:320px) {
    .store-download-wrapper .large {
        left: 0!important;
        right: 0!important;
        width: 100px
    }
    #feature-page {
        padding-bottom: 100px!important
    }
}

.sd-debug {
    position: fixed;
    width: 100%;
    right: 30px;
    bottom: 30px
}

.sd-debug .store-download {
    float: right
}

.icon-google-play {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyOS45OSAzMi4zNyI+PGRlZnM+PGNsaXBQYXRoIGlkPSJhIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1IDUpIj48cGF0aCBmaWxsPSJub25lIiBkPSJNMTQuNzUgNy42N2w0LjU4IDIuNjFhLjk0Ljk0IDAgMCAxIDAgMS43OWwtNC43IDIuNjgtMy4wNy0zLjUyek0xNCA3LjIxTDIuMjYuNTRsOC43NSAxMHpNMiAyMS45NGwxMS44Ny02Ljc2TDExIDExLjg5em0tMS4zNi40M0ExIDEgMCAwIDEgMCAyMS4yNlYxLjA5QTEuMDcgMS4wNyAwIDAgMSAuNTYgMGw5Ljg2IDExLjI0eiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9jbGlwUGF0aD48L2RlZnM+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMCAwaDI5Ljk5djMyLjM3SDB6Ii8+PC9nPjwvc3ZnPg==) center no-repeat
}

.icon-apple {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyOS45MyAzNSI+PGRlZnM+PGNsaXBQYXRoIGlkPSJhIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0LjM0IDUpIj48cGF0aCBmaWxsPSJub25lIiBkPSJNMTQuMjMgNGE1LjU5IDUuNTkgMCAwIDAgMS4yNy00IDUuNDUgNS40NSAwIDAgMC0zLjYxIDEuODkgNS4zMSA1LjMxIDAgMCAwLTEuMyAzLjg3QTQuNSA0LjUgMCAwIDAgMTQuMjMgNHptMy4wOCA5LjI5QTUuNjcgNS42NyAwIDAgMSAyMCA4LjUyIDUuNjggNS42OCAwIDAgMCAxNS40NyA2Yy0xLjkxLS4yLTMuNzIgMS4xNS00LjY5IDEuMTVzLTIuNDYtMS4xMi00LTEuMDlhNiA2IDAgMCAwLTUuMDkgMy4xOGMtMi4xNiAzLjgzLS41NSA5LjQ5IDEuNTUgMTIuNiAxIDEuNTIgMi4yNSAzLjIyIDMuODYgMy4xNnMyLjE0LTEgNC0xIDIuNCAxIDQgMSAyLjcyLTEuNTUgMy43NS0zLjA3YTEzLjkyIDEzLjkyIDAgMCAwIDEuNy0zLjU2IDUuNTEgNS41MSAwIDAgMS0zLjI0LTUuMDl6IiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48L2NsaXBQYXRoPjwvZGVmcz48ZyBjbGlwLXBhdGg9InVybCgjYSkiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0wIDBoMjkuOTN2MzVIMHoiLz48L2c+PC9zdmc+) center no-repeat
}

.button-store-download {
    box-shadow: 0 20px 25px 0 rgba(18, 17, 30, .15);
    overflow: hidden;
    z-index: 0;
    -webkit-transition: box-shadow .2s ease-in-out;
    transition: box-shadow .2s ease-in-out
}

.button-store-download:after,
.button-store-download:before {
    content: " ";
    display: table
}

.button-store-download .button-background {
    background-color: #0077ed;
    -webkit-transition: background-color .12s cubic-bezier(.645, .045, .355, 1);
    transition: background-color .12s cubic-bezier(.645, .045, .355, 1)
}

.button-store-download .icon-store {
    float: left;
    position: relative;
    height: inherit
}

.button-store-download .label {
    position: relative;
    top: 50%;
    color: #fff;
    font-weight: 400;
    overflow: hidden;
    line-height: 1.5;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.button-store-download .label strong {
    display: block
}

.button-store-download:hover {
    box-shadow: 0 22px 25px 0 rgba(18, 17, 30, .27)
}

.button-store-download:hover.large,
.button-store-download:hover.medium {
    -webkit-transform: translateY(-12%);
    transform: translateY(-12%)
}

.button-store-download.medium.store-download-google strong,
.button-store-download.small.store-download-google strong {
    letter-spacing: .057em
}

.button-store-download.medium .icon-store,
.button-store-download.small .icon-store {
    width: 55px
}

.button-store-download.medium .icon-store.icon-google-play,
.button-store-download.small .icon-store.icon-google-play {
    background-size: 55%
}

.button-store-download.medium .icon-store.icon-google-play+.label,
.button-store-download.small .icon-store.icon-google-play+.label {
    -webkit-transform: translateX(-8px) translateY(-50%);
    transform: translateX(-8px) translateY(-50%)
}

.button-store-download.medium .icon-store.icon-apple,
.button-store-download.small .icon-store.icon-apple {
    background-position: center;
    background-size: 55%
}

.button-store-download.medium .icon-store.icon-apple+.label,
.button-store-download.small .icon-store.icon-apple+.label {
    -webkit-transform: translateX(-8px) translateY(-50%);
    transform: translateX(-8px) translateY(-50%)
}

.button-store-download.medium .label,
.button-store-download.small .label {
    font-size: 9px
}

.button-store-download.medium .label strong,
.button-store-download.small .label strong {
    font-size: 12px
}

.button-store-download.small {
    width: 11.48148vw;
    height: 11.48148vw;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.button-store-download.small.store-download-google {
    margin-right: 5px
}

.button-store-download.small .icon-store {
    width: 100%
}

@media (min-width:1024px) {
    .button-store-download.medium .icon-store.icon-apple,
    .button-store-download.small .icon-store.icon-apple {
        background-position: 12px 50%
    }
    .button-store-download.small.store-download-google {
        margin-right: 0
    }
    .button-store-download.small {
        width: 55px;
        height: 55px
    }
    .button-store-download.small .icon-store {
        width: 55px
    }
}

.button-store-download.small .label {
    display: none;
    position: absolute;
    right: -75px;
    width: 75px;
    -webkit-transition: right .2s ease;
    transition: right .2s ease
}

.button-store-download.small .label span {
    display: inline-block;
    -webkit-transform: translateX(30px);
    transform: translateX(30px)
}

.button-store-download.small .label span,
.button-store-download.small .label strong {
    opacity: 0;
    -webkit-transition: all .2s ease .1s;
    transition: all .2s ease .1s
}

.button-store-download.small .label strong {
    -webkit-transform: translateX(60px);
    transform: translateX(60px)
}

@media (min-width:1024px) {
    .button-store-download.small .label {
        display: block
    }
    .button-store-download.small.expand {
        width: 130px
    }
    .button-store-download.small.expand .label {
        right: 0
    }
    .button-store-download.small.expand span,
    .button-store-download.small.expand strong {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.button-store-download.medium {
    width: 130px;
    height: 55px;
    transform: translateY(0);
    transition: all .24s cubic-bezier(.075, .82, .165, 1)
}

.button-store-download.medium:first-child {
    margin-right: 5px
}

.button-store-download.medium.store-download-apple strong {
    letter-spacing: -.01em
}

.button-store-download.large {
    width: 31.48148vw;
    height: 13.51852vw;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all .24s cubic-bezier(.075, .82, .165, 1);
    transition: all .24s cubic-bezier(.075, .82, .165, 1)
}

@media (min-width:1024px) {
    .button-store-download.large {
        width: 15.20833vw;
        height: 6.45833vw
    }
}

.button-store-download.large.store-download-apple .label,
.button-store-download.large.store-download-google .label {
    left: -1.3em
}

.button-store-download.large .icon-store {
    width: 9.25926vw
}

.button-store-download.large .icon-store.icon-google-play {
    background-position: 68% 45%;
    background-size: 66%
}

.button-store-download.large .icon-store.icon-apple {
    background-position: 54% 42%;
    background-size: 68%
}

.button-store-download.large .label {
    font-size: 2.03704vw;
    letter-spacing: .04em
}

@media (min-width:1024px) {
    .button-store-download.large .icon-store {
        width: 5.20833vw
    }
    .button-store-download.large .label {
        font-size: .98958vw
    }
}

.button-store-download.large .label strong {
    font-size: 2.96296vw
}

.store-download--mobile {
    position: fixed;
    right: 4.62963vw;
    bottom: 4.62963vw;
    display: block;
    z-index: 9995
}

#about-page+#store-download-front,
#contact-page+#store-download-front,
.u-hiddenVisually {
    display: none
}

@media (min-width:1024px) {
    .button-store-download.large .label strong {
        font-size: 1.45833vw
    }
    .store-download--mobile {
        display: none
    }
    #about-page {
        padding-top: 9.27083vw;
        padding-bottom: 0
    }
}

.tweet-body {
    font-size: inherit;
    font-style: italic;
    line-height: 1.8
}

#about-page #circle-1 {
    position: absolute;
    width: 28.14815vw;
    top: -22.22222vw;
    height: auto;
    z-index: -1
}

#about-page #section-1 {
    margin-bottom: 37.96296vw
}

#about-page #section-2 {
    margin-bottom: 41.66667vw
}

#about-page #section-3 {
    margin-bottom: 27.77778vw
}

#about-page #section-3:after,
#about-page #section-3:before,
#about-page #section-5:after,
#about-page #section-5:before {
    content: " ";
    display: table
}

#about-page #section-3 h1 {
    margin-left: 0;
    margin-bottom: 14.81481vw
}

#about-page #section-3 h1 svg {
    position: absolute;
    top: -8.54167vw;
    left: 14.07407vw;
    width: 14.07407vw;
    z-index: -1
}

#about-page [id^=section-3-] {
    margin-bottom: 12.5vw
}

@media (min-width:1024px) {
    #about-page #circle-1 {
        top: -16.66667vw;
        width: 17.91667vw
    }
    #about-page #section-1 {
        margin-bottom: 3.125vw;
        width: 36.04167vw
    }
    #about-page #section-2 {
        float: right;
        width: 18.02083vw;
        margin-bottom: 7.03125vw
    }
    #about-page #section-3 {
        margin-bottom: 7.8125vw
    }
    #about-page #section-3 h1 {
        margin-left: 8.95833vw;
        margin-bottom: 4.16667vw
    }
    #about-page #section-3 h1 svg {
        top: -8.54167vw;
        left: 17.91667vw;
        width: 9.11458vw
    }
    #about-page [id^=section-3-] {
        width: 18.02083vw;
        margin-bottom: 4.6875vw
    }
    #about-page [id^=section-3-]:nth-of-type(odd) {
        float: left;
        clear: right;
        margin-left: 8.95833vw
    }
    #about-page [id^=section-3-]:nth-of-type(even) {
        float: right;
        margin-right: 8.95833vw
    }
}

#feature-page #section-2 .description,
#feature-page #section-4 .description,
#feature-page #section-6-1 .description,
#feature-page #section-8 .description {
    margin-right: auto;
    margin-left: auto
}

#about-page #section-4 {
    margin-bottom: 42.12963vw
}

#about-page #section-4 h2 span br {
    display: block
}

#about-page #section-5 {
    margin-bottom: 20.3125vw
}

#about-page #section-5 h1 {
    margin-bottom: 6.77083vw
}

#about-page #section-5-1 {
    margin-bottom: 25vw
}

@media (min-width:1024px) {
    #about-page #section-4 {
        margin-bottom: 19.79167vw
    }
    #about-page #section-4 h2 span br {
        display: none
    }
    #about-page #section-5 h1 {
        margin-bottom: 4.16667vw
    }
    #about-page #section-5 {
        margin-bottom: 14.32292vw
    }
    #about-page #section-5-1 {
        float: left;
        width: 27.03125vw;
        margin-bottom: 0
    }
    #about-page #section-5-2 {
        float: right;
        width: 27.03125vw
    }
    #about-page #section-6 {
        margin-bottom: 4.6875vw
    }
    #contact-page {
        padding-top: 9.27083vw;
        padding-bottom: 0
    }
}

@media (max-width:1024px) {
    #contact-page .section-inner {
        float: none
    }
}

#contact-page .rect {
    position: absolute;
    z-index: -1;
    bottom: 0
}

#contact-page #rect-1,
#contact-page #rect-2 {
    width: 28.33333vw;
    height: auto;
    bottom: 46.2963vw
}

#contact-page #section-1 {
    margin-bottom: 25.52083vw
}

#contact-page #section-2 {
    margin-bottom: 38.88889vw
}

#contact-page #section-2 .tel-fax {
    text-align: left
}

#contact-page #section-2-2 .heading-bullet {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAPCAMAAADnP957AAAAMFBMVEUAAAD///////////////////////////////////////////////////////////87TQQwAAAAD3RSTlMAd5lVIkS7ZswR7qrdiDO172mQAAAAVElEQVR4AV3MSw7DMAwD0bHif9Ly/rdtJUObvCVBDGHZozkIdcsVnGm3+mjjJIPRO39NGqRLaqQiLY6qMPPkjEP6kOor9gXuXmBN3Sd50ZQsluCnH2rBBCqpJmoEAAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 35%
}

#contact-page #section-3 {
    margin-bottom: 59.25926vw
}

#contact-page #section-3-1 .heading-bullet {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAQCAMAAADzlqVxAAAALVBMVEUAAAD///////////////////////////////////////////////////////+hSKubAAAADnRSTlMAd8wiu1XuEUQz3ZmIqm78U3AAAABXSURBVAjXJca3AcNAEMAwXvgoifuP68KoAND9AkBp/Dd0MAoI7WmxxtX5DNhqVgTsoWpApGYUkFcPtTfrU/hMuDZLX5Y+hB62xpk2hKbOgkd1HiC1YwE/E6IDy+4il2oAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30%
}

#contact-page .form-container .button-submit {
    float: right
}

@media (min-width:1024px) {
    #contact-page #rect-1,
    #contact-page #rect-2 {
        width: 8.95833vw;
        bottom: 5.20833vw
    }
    #contact-page #section-1 {
        margin-bottom: 15.36458vw
    }
    #contact-page #section-2 {
        margin-bottom: 10.83333vw
    }
    #contact-page #section-2-1 {
        position: relative;
        margin-top: 0
    }
    #contact-page #section-3 {
        margin-bottom: 22.65625vw
    }
    #contact-page #section-3-1 .heading-bullet {
        background-size: 24%
    }
    #contact-page #section-3-2 {
        margin-top: 0;
        position: relative
    }
    #contact-page #section-4 {
        margin-bottom: 6.77083vw
    }
    #feature-page {
        padding-top: 2.8125vw;
        padding-bottom: 0
    }
    #feature-page p {
        font-size: 1vw
    }
}

.cd-headline.clip span,
.cd-headline.loading-bar span,
.cd-headline.slide span {
    padding: .2em 0;
    display: inline-block
}

#feature-page #circle-1 {
    position: absolute;
    right: 0;
    bottom: 25%;
    width: 41.48148vw
}

#feature-page #rect-1 {
    position: absolute;
    left: 0;
    bottom: 48%;
    width: 43.7037vw
}

#feature-page #rect-2 {
    position: absolute;
    right: 0;
    bottom: 18%;
    width: 35.18519vw;
    z-index: -1
}

#feature-page #circle-2 {
    position: absolute;
    bottom: 30%;
    left: 0;
    width: 53.88889vw
}

#feature-page #section-3 {
    margin-bottom: 9.25926vw
}

#feature-page #section-8 {
    top: -5.20833vw;
    margin-bottom: 21.2963vw
}

@media (min-width:1024px) {
    #feature-page #circle-1 {
        bottom: 16.66667vw;
        width: 25.625vw
    }
    #feature-page #rect-1 {
        bottom: 37.5vw;
        width: 24.58333vw
    }
    #feature-page #rect-2 {
        bottom: 23.4375vw;
        width: 22.03125vw
    }
    #feature-page #circle-2 {
        bottom: 22.91667vw;
        width: 30.3125vw
    }
    #feature-page #section-1-1 {
        top: 1.9375vw
    }
    #feature-page #section-2 {
        margin-bottom: 15.10417vw;
        padding-top: 7vw;
    }
    #feature-page #section-2 .description {
        max-width: 49%
    }
    #feature-page #section-3 {
        margin-bottom: 0
    }
    #feature-page #section-4 {
        margin-bottom: 15.10417vw
    }
    #feature-page #section-4 .description {
        max-width: 49%
    }
    #feature-page #section-6 {
        margin-bottom: 15.10417vw
    }
    #feature-page #section-6-1 .description {
        max-width: 49%
    }
    #feature-page #section-8 {
        top: 0;
        margin-top: 10.41667vw;
        margin-bottom: 18.22917vw
    }
    #feature-page #section-8 .description {
        max-width: 49%
    }
    #feature-page #section-9 {
        margin-bottom: 5.20833vw
    }
}

#feature-page #section-9 .heading {
    margin-bottom: 8.33333vw
}

#feature-page #section-9 .heading-pre {
    margin-bottom: 1.30208vw;
    font-size: 1.85185vw;
    text-transform: uppercase
}

@media (min-width:1024px) {
    #feature-page #section-9 .heading-pre {
        font-size: .83333vw
    }
}

#feature-page #section-9 .head {
    font-size: 6.48148vw
}

#feature-page #section-9 .store-download-wrapper:first-child .button {
    left: -10%
}

#feature-page #section-9 .store-download-wrapper:last-child .button {
    right: -10%
}

@media (min-width:1024px) {
    #feature-page #section-9 .head {
        font-size: 3.125vw;
        letter-spacing: .02em
    }
    #feature-page #section-9 .store-download-wrapper:first-child .button {
        left: 0;
        margin-right: 3.38542vw
    }
    #feature-page #section-9 .store-download-wrapper:last-child .button {
        right: 0
    }
}

#feature-page .chart {
    position: absolute;
    max-width: none;
    -webkit-clip-path: inset(0 0 0 0)!important;
    -moz-clip-path: inset(0 0 0 0)!important;
    clip-path: inset(0 0 0 0)!important
}

#feature-page .chart.animate--clip-path {
    -webkit-clip-path: inset(0 0 0 0)!important;
    -moz-clip-path: inset(0 0 0 0)!important;
    clip-path: inset(0 0 0 0)!important;
    -webkit-transition: all 1.2s cubic-bezier(.215, .61, .355, 1);
    transition: all 1.2s cubic-bezier(.215, .61, .355, 1)
}

#feature-page #chart-1 {
    left: -19vw;
    bottom: -2%;
    width: 106vw;
    z-index: -1
}

#feature-page #chart-2 {
    left: -19vw;
    bottom: -9%;
    width: 106vw;
    z-index: -1
}

#feature-page #chart-3 {
    left: -19vw;
    bottom: 14%;
    width: 101vw;
    z-index: -1
}

@media (min-width:1024px) {
    #feature-page #chart-1 {
        bottom: 18%;
        width: 101vw;
        -webkit-clip-path: inset(0 0 0 100%);
        -moz-clip-path: inset(0 0 0 100%);
        -webkit-transition: all 1.8s cubic-bezier(.215, .61, .355, 1) .25s;
        transition: all 1.8s cubic-bezier(.215, .61, .355, 1) .25s
    }
    #feature-page #chart-2 {
        left: -19vw;
        bottom: -6%;
       /* width: 101%;*/
        -webkit-clip-path: inset(0 0 0 100%);
        -webkit-transition: all 1.8s cubic-bezier(.215, .61, .355, 1);
        transition: all 1.8s cubic-bezier(.215, .61, .355, 1)
    }
    #feature-page #chart-3 {
        bottom: 22%;
        /*width: 101vw;*/
        -webkit-clip-path: inset(0 0 0 100%);
        -moz-clip-path: inset(0 0 0 100%);
        -webkit-transition: all 1.8s cubic-bezier(.215, .61, .355, 1);
        transition: all 1.8s cubic-bezier(.215, .61, .355, 1)
    }
}

#home-page {
    overflow: hidden;
    width: 80%;
    height: calc(100vh - 34px)
}

#home-page .link-map {
    color: #2d2b51
}

#home-page .watch-video-button {
    position: fixed;
    top: -20%;
    left: calc(50% - 3.15em);
    -webkit-backface-visibility: hidden
}

@media (min-width:1024px) {
    #home-page .watch-video-button {
        position: relative;
        top: auto;
        bottom: 1.5em;
        left: auto;
        font-size: .67708vw
    }
}

#home-page h1 {
    font-size: 10.18519vw
}

#home-page #section-1 {
    height: 100%
}

#home-page #section-1-1 {
    position: relative;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 45%
}

#home-page #section-1-1 p {
    margin-right: auto;
    margin-left: auto
}

#home-page #section-1-2 {
    box-sizing: border-box;
    position: fixed;
    bottom: 3.125vw;
    top: 68%;
    left: 0;
    width: 100%
}

@media (min-width:1024px) {
    #home-page h1 {
        font-size: 5.46875vw
    }
    #home-page #section-1-1 {
        top: 48%
    }
    #home-page #section-1-1 p {
        max-width: 57%
    }
    #home-page #section-1-2 {
        bottom: 2.08333vw;
        top: auto
    }
}

.cd-title {
    position: relative;
    height: 160px;
    line-height: 230px;
    text-align: center
}

.cd-title h1 {
    font-size: 2.4rem;
    font-weight: 700
}

.cd-intro {
    width: 90%;
    max-width: 768px;
    text-align: center;
    margin: 4em auto
}

@media only screen and (min-width:768px) {
    .cd-title {
        line-height: 250px
    }
    .cd-intro {
        margin: 5em auto
    }
}

@media only screen and (min-width:1170px) {
    .cd-title {
        height: 200px;
        line-height: 300px
    }
    .cd-title h1 {
        font-size: 3rem
    }
    .cd-intro {
        margin: 6em auto
    }
}

.cd-headline em,
.cd-headline i {
    font-style: normal
}

.cd-headline b {
    top: -.0485em!important
}

.cd-headline.rotate-2 .cd-words-wrapper {
    width: auto!important
}

.cd-words-wrapper {
    display: inline-block;
    position: relative;
    text-align: left
}

.cd-words-wrapper b {
    display: inline-block;
    position: absolute;
    white-space: nowrap;
    left: 0;
    top: 0
}

.cd-words-wrapper b.is-visible {
    position: relative
}

.no-js .cd-words-wrapper b {
    opacity: 0
}

.no-js .cd-words-wrapper b.is-visible {
    opacity: 1
}

.cd-headline.rotate-1 .cd-words-wrapper {
    -webkit-perspective: 300px;
    perspective: 300px
}

.cd-headline.rotate-1 b {
    opacity: 0;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

.cd-headline.rotate-1 b.is-visible {
    opacity: 1;
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
    -webkit-animation: cd-rotate-1-in 1.2s;
    animation: cd-rotate-1-in 1.2s
}

.cd-headline.rotate-1 b.is-hidden {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
    -webkit-animation: cd-rotate-1-out 1.2s;
    animation: cd-rotate-1-out 1.2s
}

@-webkit-keyframes cd-rotate-1-in {
    0% {
        -webkit-transform: rotateX(180deg);
        opacity: 0
    }
    35% {
        -webkit-transform: rotateX(120deg);
        opacity: 0
    }
    65% {
        opacity: 0
    }
    100% {
        -webkit-transform: rotateX(360deg);
        opacity: 1
    }
}

@keyframes cd-rotate-1-in {
    0% {
        -webkit-transform: rotateX(180deg);
        transform: rotateX(180deg);
        opacity: 0
    }
    35% {
        -webkit-transform: rotateX(120deg);
        transform: rotateX(120deg);
        opacity: 0
    }
    65% {
        opacity: 0
    }
    100% {
        -webkit-transform: rotateX(360deg);
        transform: rotateX(360deg);
        opacity: 1
    }
}

@-webkit-keyframes cd-rotate-1-out {
    0% {
        -webkit-transform: rotateX(0);
        opacity: 1
    }
    35% {
        -webkit-transform: rotateX(-40deg);
        opacity: 1
    }
    65% {
        opacity: 0
    }
    100% {
        -webkit-transform: rotateX(180deg);
        opacity: 0
    }
}

@keyframes cd-rotate-1-out {
    0% {
        -webkit-transform: rotateX(0);
        transform: rotateX(0);
        opacity: 1
    }
    35% {
        -webkit-transform: rotateX(-40deg);
        transform: rotateX(-40deg);
        opacity: 1
    }
    65% {
        opacity: 0
    }
    100% {
        -webkit-transform: rotateX(180deg);
        transform: rotateX(180deg);
        opacity: 0
    }
}

.cd-headline.type .cd-words-wrapper::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 90%;
    width: 1px;
    background-color: #aebcb9
}

.cd-headline.type .cd-words-wrapper.waiting::after {
    -webkit-animation: cd-pulse 1s infinite;
    animation: cd-pulse 1s infinite
}

.cd-headline.type .cd-words-wrapper.selected {
    background-color: #aebcb9
}

.cd-headline.type .cd-words-wrapper.selected b {
    color: #0d0d0d
}

.cd-headline.type b.is-visible {
    visibility: visible
}

.cd-headline.type i {
    position: absolute;
    visibility: hidden
}

.cd-headline.type i.in {
    position: relative;
    visibility: visible
}

@-webkit-keyframes cd-pulse {
    0% {
        -webkit-transform: translateY(-50%) scale(1);
        opacity: 1
    }
    40% {
        -webkit-transform: translateY(-50%) scale(.9);
        opacity: 0
    }
    100% {
        -webkit-transform: translateY(-50%) scale(0);
        opacity: 0
    }
}

@keyframes cd-pulse {
    0% {
        -webkit-transform: translateY(-50%) scale(1);
        transform: translateY(-50%) scale(1);
        opacity: 1
    }
    40% {
        -webkit-transform: translateY(-50%) scale(.9);
        transform: translateY(-50%) scale(.9);
        opacity: 0
    }
    100% {
        -webkit-transform: translateY(-50%) scale(0);
        transform: translateY(-50%) scale(0);
        opacity: 0
    }
}

.cd-headline.rotate-2 .cd-words-wrapper {
    -webkit-perspective: 300px;
    perspective: 300px
}

.cd-headline.rotate-2 em,
.cd-headline.rotate-2 i {
    display: inline-block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.cd-headline.rotate-2 i {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translateZ(-20px) rotateX(90deg);
    transform: translateZ(-20px) rotateX(90deg);
    opacity: 0
}

.is-visible .cd-headline.rotate-2 i {
    opacity: 1
}

.cd-headline.rotate-2 i.in {
    -webkit-animation: cd-rotate-2-in .4s forwards;
    animation: cd-rotate-2-in .4s forwards
}

.cd-headline.rotate-2 i.out {
    -webkit-animation: cd-rotate-2-out .4s forwards;
    animation: cd-rotate-2-out .4s forwards
}

.cd-headline.rotate-2 em {
    -webkit-transform: translateZ(20px);
    transform: translateZ(20px)
}

.no-csstransitions .cd-headline.rotate-2 i {
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
    opacity: 0
}

.no-csstransitions .cd-headline.rotate-2 i em {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.no-csstransitions .cd-headline.rotate-2 .is-visible i {
    opacity: 1
}

@-webkit-keyframes cd-rotate-2-in {
    0% {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(90deg)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(-10deg)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(0)
    }
}

@keyframes cd-rotate-2-in {
    0% {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(90deg);
        transform: translateZ(-20px) rotateX(90deg)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(-10deg);
        transform: translateZ(-20px) rotateX(-10deg)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(0);
        transform: translateZ(-20px) rotateX(0)
    }
}

@-webkit-keyframes cd-rotate-2-out {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(0)
    }
    60% {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(-100deg)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(-90deg)
    }
}

@keyframes cd-rotate-2-out {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(0);
        transform: translateZ(-20px) rotateX(0)
    }
    60% {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(-100deg);
        transform: translateZ(-20px) rotateX(-100deg)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(-90deg);
        transform: translateZ(-20px) rotateX(-90deg)
    }
}

.cd-headline.loading-bar .cd-words-wrapper::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 3px;
    width: 0;
    background: #0096a7;
    z-index: 2;
    -webkit-transition: width .3s -.1s;
    transition: width .3s -.1s
}

.cd-headline.loading-bar .cd-words-wrapper.is-loading::after {
    width: 100%;
    -webkit-transition: width 3s;
    transition: width 3s
}

.cd-headline.loading-bar b {
    top: .2em;
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.cd-headline.loading-bar b.is-visible {
    opacity: 1;
    top: 0
}

.cd-headline.slide b {
    opacity: 0;
    top: .2em
}

.cd-headline.slide b.is-visible {
    top: 0;
    opacity: 1;
    -webkit-animation: slide-in .6s;
    animation: slide-in .6s
}

.cd-headline.slide b.is-hidden {
    -webkit-animation: slide-out .6s;
    animation: slide-out .6s
}

@-webkit-keyframes slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100%)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(20%)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@keyframes slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(20%);
        transform: translateY(20%)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes slide-out {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
    60% {
        opacity: 0;
        -webkit-transform: translateY(120%)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(100%)
    }
}

@keyframes slide-out {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    60% {
        opacity: 0;
        -webkit-transform: translateY(120%);
        transform: translateY(120%)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}

.cd-headline.clip .cd-words-wrapper::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 2px;
    height: 100%;
    background-color: #aebcb9
}

.cd-headline.clip b {
    opacity: 0
}

.cd-headline.clip b.is-visible {
    opacity: 1
}

.cd-headline.zoom .cd-words-wrapper {
    -webkit-perspective: 300px;
    perspective: 300px
}

.cd-headline.zoom b {
    opacity: 0
}

.cd-headline.zoom b.is-visible {
    opacity: 1;
    -webkit-animation: zoom-in .8s;
    animation: zoom-in .8s
}

.cd-headline.zoom b.is-hidden {
    -webkit-animation: zoom-out .8s;
    animation: zoom-out .8s
}

@-webkit-keyframes zoom-in {
    0% {
        opacity: 0;
        -webkit-transform: translateZ(100px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ(0)
    }
}

@keyframes zoom-in {
    0% {
        opacity: 0;
        -webkit-transform: translateZ(100px);
        transform: translateZ(100px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes zoom-out {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateZ(-100px)
    }
}

@keyframes zoom-out {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateZ(-100px);
        transform: translateZ(-100px)
    }
}

.cd-headline.rotate-3 .cd-words-wrapper {
    -webkit-perspective: 300px;
    perspective: 300px
}

.cd-headline.rotate-3 b {
    opacity: 0
}

.cd-headline.rotate-3 i {
    display: inline-block;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.is-visible .cd-headline.rotate-3 i {
    -webkit-transform: rotateY(0);
    transform: rotateY(0)
}

.cd-headline.rotate-3 i.in {
    -webkit-animation: cd-rotate-3-in .6s forwards;
    animation: cd-rotate-3-in .6s forwards
}

.cd-headline.rotate-3 i.out {
    -webkit-animation: cd-rotate-3-out .6s forwards;
    animation: cd-rotate-3-out .6s forwards
}

.no-csstransitions .cd-headline.rotate-3 i {
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
    opacity: 0
}

.no-csstransitions .cd-headline.rotate-3 .is-visible i {
    opacity: 1
}

@-webkit-keyframes cd-rotate-3-in {
    0% {
        -webkit-transform: rotateY(180deg)
    }
    100% {
        -webkit-transform: rotateY(0)
    }
}

@keyframes cd-rotate-3-in {
    0% {
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg)
    }
    100% {
        -webkit-transform: rotateY(0);
        transform: rotateY(0)
    }
}

@-webkit-keyframes cd-rotate-3-out {
    0% {
        -webkit-transform: rotateY(0)
    }
    100% {
        -webkit-transform: rotateY(-180deg)
    }
}

@keyframes cd-rotate-3-out {
    0% {
        -webkit-transform: rotateY(0);
        transform: rotateY(0)
    }
    100% {
        -webkit-transform: rotateY(-180deg);
        transform: rotateY(-180deg)
    }
}

.cd-headline.scale b {
    opacity: 0
}

.cd-headline.scale i {
    display: inline-block;
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0)
}

.is-visible .cd-headline.scale i {
    opacity: 1
}

.cd-headline.scale i.in {
    -webkit-animation: scale-up .6s forwards;
    animation: scale-up .6s forwards
}

.cd-headline.scale i.out {
    -webkit-animation: scale-down .6s forwards;
    animation: scale-down .6s forwards
}

.no-csstransitions .cd-headline.scale i {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0
}

.no-csstransitions .cd-headline.scale .is-visible i {
    opacity: 1
}

@-webkit-keyframes scale-up {
    0% {
        -webkit-transform: scale(0);
        opacity: 0
    }
    60% {
        -webkit-transform: scale(1.2);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 1
    }
}

@keyframes scale-up {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }
    60% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

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

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

.cd-headline.push b {
    opacity: 0
}

.cd-headline.push b.is-visible {
    opacity: 1;
    -webkit-animation: push-in .6s;
    animation: push-in .6s
}

.cd-headline.push b.is-hidden {
    -webkit-animation: push-out .6s;
    animation: push-out .6s
}

@-webkit-keyframes push-in {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(10%)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}

@keyframes push-in {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(10%);
        transform: translateX(10%)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes push-out {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
    60% {
        opacity: 0;
        -webkit-transform: translateX(110%)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(100%)
    }
}

@keyframes push-out {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    60% {
        opacity: 0;
        -webkit-transform: translateX(110%);
        transform: translateX(110%)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

.revealer {
    width: 100vw;
    height: 100vh;
    position: fixed;
    z-index: 10020;
    pointer-events: none
}

.revealer--cornerbottomleft,
.revealer--cornerbottomright,
.revealer--cornertopleft,
.revealer--cornertopright {
    top: 50%;
    left: 50%
}

.revealer--bottom,
.revealer--top {
    left: 0
}

.revealer--left,
.revealer--right {
    top: 50%;
    left: 50%
}

.revealer--top {
    bottom: 100%
}

.revealer--bottom {
    top: 100%
}

.revealer__layer {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #ddd
}

.anim--effect-1 .page:first-child {
    background: #605BD4
}

.anim--effect-1 .page:nth-child(2) {
    background: #FF6EAE
}

.anim--effect-1 .revealer--animate .revealer__layer {
    -webkit-animation: anim-effect-1 1.5s cubic-bezier(.2, 1, .3, 1) forwards;
    animation: anim-effect-1 1.5s cubic-bezier(.2, 1, .3, 1) forwards
}

@-webkit-keyframes anim-effect-1 {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    35%,
    65% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    100% {
        -webkit-transform: translate3d(0, -200%, 0);
        transform: translate3d(0, -200%, 0)
    }
}

@keyframes anim-effect-1 {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    35%,
    65% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    100% {
        -webkit-transform: translate3d(0, -200%, 0);
        transform: translate3d(0, -200%, 0)
    }
}

.anim--effect-2 .page:first-child {
    background: #9cdab1
}

.anim--effect-2 .page:nth-child(2) {
    background: #F9C969
}

.anim--effect-2 .revealer--animate .revealer__layer {
    -webkit-animation: anim-effect-2-1 1.5s cubic-bezier(.7, 0, .3, 1) forwards;
    animation: anim-effect-2-1 1.5s cubic-bezier(.7, 0, .3, 1) forwards
}

.anim--effect-2 .revealer--animate .revealer__layer:nth-child(2) {
    -webkit-animation-name: anim-effect-2-2;
    animation-name: anim-effect-2-2
}

@-webkit-keyframes anim-effect-2-1 {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    30%,
    70% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        -webkit-animation-timing-function: cubic-bezier(.7, 0, .3, 1);
        animation-timing-function: cubic-bezier(.7, 0, .3, 1)
    }
    100% {
        -webkit-transform: translate3d(0, -200%, 0);
        transform: translate3d(0, -200%, 0)
    }
}

@keyframes anim-effect-2-1 {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    30%,
    70% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        -webkit-animation-timing-function: cubic-bezier(.7, 0, .3, 1);
        animation-timing-function: cubic-bezier(.7, 0, .3, 1)
    }
    100% {
        -webkit-transform: translate3d(0, -200%, 0);
        transform: translate3d(0, -200%, 0)
    }
}

@-webkit-keyframes anim-effect-2-2 {
    0%,
    14.5% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    37.5%,
    62.5% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        -webkit-animation-timing-function: cubic-bezier(.7, 0, .3, 1);
        animation-timing-function: cubic-bezier(.7, 0, .3, 1)
    }
    100%,
    85.5% {
        -webkit-transform: translate3d(0, -200%, 0);
        transform: translate3d(0, -200%, 0)
    }
}

@keyframes anim-effect-2-2 {
    0%,
    14.5% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    37.5%,
    62.5% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        -webkit-animation-timing-function: cubic-bezier(.7, 0, .3, 1);
        animation-timing-function: cubic-bezier(.7, 0, .3, 1)
    }
    100%,
    85.5% {
        -webkit-transform: translate3d(0, -200%, 0);
        transform: translate3d(0, -200%, 0)
    }
}

.anim--effect-3 .page:nth-child(2) {
    background: #ECF3A3
}

.anim--effect-3 .revealer--animate .revealer__layer {
    -webkit-animation: anim-effect-3-1 1.5s cubic-bezier(.55, .055, .675, .19) forwards;
    animation: anim-effect-3-1 1.5s cubic-bezier(.55, .055, .675, .19) forwards
}

.anim--effect-3 .revealer--animate .revealer__layer:nth-child(2) {
    -webkit-animation-name: anim-effect-3-2;
    animation-name: anim-effect-3-2
}

.anim--effect-3 .revealer--animate .revealer__layer:nth-child(3) {
    -webkit-animation-name: anim-effect-3-3;
    animation-name: anim-effect-3-3
}

@-webkit-keyframes anim-effect-3-1 {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    25%,
    75% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    100% {
        -webkit-transform: translate3d(0, -200%, 0);
        transform: translate3d(0, -200%, 0)
    }
}

@keyframes anim-effect-3-1 {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    25%,
    75% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    100% {
        -webkit-transform: translate3d(0, -200%, 0);
        transform: translate3d(0, -200%, 0)
    }
}

@-webkit-keyframes anim-effect-3-2 {
    0%,
    12.5% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    37.5%,
    62.5% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    100%,
    87.5% {
        -webkit-transform: translate3d(0, -200%, 0);
        transform: translate3d(0, -200%, 0)
    }
}

@keyframes anim-effect-3-2 {
    0%,
    12.5% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    37.5%,
    62.5% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    100%,
    87.5% {
        -webkit-transform: translate3d(0, -200%, 0);
        transform: translate3d(0, -200%, 0)
    }
}

@-webkit-keyframes anim-effect-3-3 {
    0%,
    25% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.645, .045, .355, 1);
        animation-timing-function: cubic-bezier(.645, .045, .355, 1)
    }
    100%,
    75% {
        -webkit-transform: translate3d(0, -200%, 0);
        transform: translate3d(0, -200%, 0)
    }
}

@keyframes anim-effect-3-3 {
    0%,
    25% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.645, .045, .355, 1);
        animation-timing-function: cubic-bezier(.645, .045, .355, 1)
    }
    100%,
    75% {
        -webkit-transform: translate3d(0, -200%, 0);
        transform: translate3d(0, -200%, 0)
    }
}

.anim--effect-4 .page:first-child {
    background: #28282D
}

.anim--effect-4 .page:nth-child(2) {
    background: #F15C5C
}

.anim--effect-4 .page--animate-top .quote {
    -webkit-animation: moveQuoteTop 1.5s forwards;
    animation: moveQuoteTop 1.5s forwards
}

@-webkit-keyframes moveQuoteTop {
    0%,
    65% {
        -webkit-transform: translate3d(0, -75px, 0);
        transform: translate3d(0, -75px, 0)
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes moveQuoteTop {
    0%,
    65% {
        -webkit-transform: translate3d(0, -75px, 0);
        transform: translate3d(0, -75px, 0)
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.anim--effect-4 .page--animate-bottom .quote {
    -webkit-animation: moveQuoteBottom 1.5s forwards;
    animation: moveQuoteBottom 1.5s forwards
}

@-webkit-keyframes moveQuoteBottom {
    0%,
    65% {
        -webkit-transform: translate3d(0, 75px, 0);
        transform: translate3d(0, 75px, 0)
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes moveQuoteBottom {
    0%,
    65% {
        -webkit-transform: translate3d(0, 75px, 0);
        transform: translate3d(0, 75px, 0)
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.anim--effect-4 .page--animate-left .quote {
    -webkit-animation: moveQuoteLeft 1.5s forwards;
    animation: moveQuoteLeft 1.5s forwards
}

@-webkit-keyframes moveQuoteLeft {
    0%,
    65% {
        -webkit-transform: translate3d(-75px, 0, 0);
        transform: translate3d(-75px, 0, 0)
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes moveQuoteLeft {
    0%,
    65% {
        -webkit-transform: translate3d(-75px, 0, 0);
        transform: translate3d(-75px, 0, 0)
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.anim--effect-4 .page--animate-right .quote {
    -webkit-animation: moveQuoteRight 1.5s forwards;
    animation: moveQuoteRight 1.5s forwards
}

@-webkit-keyframes moveQuoteRight {
    0%,
    65% {
        -webkit-transform: translate3d(75px, 0, 0);
        transform: translate3d(75px, 0, 0)
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes moveQuoteRight {
    0%,
    65% {
        -webkit-transform: translate3d(75px, 0, 0);
        transform: translate3d(75px, 0, 0)
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.anim--effect-4 .page--animate-cornertopright .quote {
    -webkit-animation: moveQuoteCornerTopRight 1.5s forwards;
    animation: moveQuoteCornerTopRight 1.5s forwards
}

@-webkit-keyframes moveQuoteCornerTopRight {
    0%,
    65% {
        -webkit-transform: translate3d(50px, -50px, 0);
        transform: translate3d(50px, -50px, 0)
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes moveQuoteCornerTopRight {
    0%,
    65% {
        -webkit-transform: translate3d(50px, -50px, 0);
        transform: translate3d(50px, -50px, 0)
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.anim--effect-4 .page--animate-cornertopleft .quote {
    -webkit-animation: moveQuoteCornerTopLeft 1.5s forwards;
    animation: moveQuoteCornerTopLeft 1.5s forwards
}

@-webkit-keyframes moveQuoteCornerTopLeft {
    0%,
    65% {
        -webkit-transform: translate3d(-50px, -50px, 0);
        transform: translate3d(-50px, -50px, 0)
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes moveQuoteCornerTopLeft {
    0%,
    65% {
        -webkit-transform: translate3d(-50px, -50px, 0);
        transform: translate3d(-50px, -50px, 0)
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.anim--effect-4 .page--animate-cornerbottomright .quote {
    -webkit-animation: moveQuoteCornerBottomRight 1.5s forwards;
    animation: moveQuoteCornerBottomRight 1.5s forwards
}

@-webkit-keyframes moveQuoteCornerBottomRight {
    0%,
    65% {
        -webkit-transform: translate3d(50px, 50px, 0);
        transform: translate3d(50px, 50px, 0)
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes moveQuoteCornerBottomRight {
    0%,
    65% {
        -webkit-transform: translate3d(50px, 50px, 0);
        transform: translate3d(50px, 50px, 0)
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.anim--effect-4 .page--animate-cornerbottomleft .quote {
    -webkit-animation: moveQuoteCornerBottomLeft 1.5s forwards;
    animation: moveQuoteCornerBottomLeft 1.5s forwards
}

@-webkit-keyframes moveQuoteCornerBottomLeft {
    0%,
    65% {
        -webkit-transform: translate3d(-50px, 50px, 0);
        transform: translate3d(-50px, 50px, 0)
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes moveQuoteCornerBottomLeft {
    0%,
    65% {
        -webkit-transform: translate3d(-50px, 50px, 0);
        transform: translate3d(-50px, 50px, 0)
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.anim--effect-4 .revealer--animate .revealer__layer {
    -webkit-animation: anim-effect-4-1 1.5s cubic-bezier(.55, .055, .675, .19) forwards;
    animation: anim-effect-4-1 1.5s cubic-bezier(.55, .055, .675, .19) forwards
}

.anim--effect-4 .revealer--animate .revealer__layer:nth-child(2) {
    -webkit-animation-name: anim-effect-4-2;
    animation-name: anim-effect-4-2;
    -webkit-animation-timing-function: cubic-bezier(.895, .03, .685, .22);
    animation-timing-function: cubic-bezier(.895, .03, .685, .22)
}

.anim--effect-4 .revealer--animate .revealer__layer:nth-child(3) {
    -webkit-animation-name: anim-effect-4-3;
    animation-name: anim-effect-4-3;
    -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    animation-timing-function: cubic-bezier(.755, .05, .855, .06)
}

@-webkit-keyframes anim-effect-4-1 {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    35%,
    65% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    100% {
        -webkit-transform: translate3d(0, -200%, 0);
        transform: translate3d(0, -200%, 0)
    }
}

@keyframes anim-effect-4-1 {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    35%,
    65% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    100% {
        -webkit-transform: translate3d(0, -200%, 0);
        transform: translate3d(0, -200%, 0)
    }
}

@-webkit-keyframes anim-effect-4-2 {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    45%,
    55% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        -webkit-animation-timing-function: cubic-bezier(.165, .84, .44, 1);
        animation-timing-function: cubic-bezier(.165, .84, .44, 1)
    }
    100% {
        -webkit-transform: translate3d(0, -200%, 0);
        transform: translate3d(0, -200%, 0)
    }
}

@keyframes anim-effect-4-2 {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    45%,
    55% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        -webkit-animation-timing-function: cubic-bezier(.165, .84, .44, 1);
        animation-timing-function: cubic-bezier(.165, .84, .44, 1)
    }
    100% {
        -webkit-transform: translate3d(0, -200%, 0);
        transform: translate3d(0, -200%, 0)
    }
}

@-webkit-keyframes anim-effect-4-3 {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    45%,
    55% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        -webkit-animation-timing-function: cubic-bezier(.23, 1, .32, 1);
        animation-timing-function: cubic-bezier(.23, 1, .32, 1)
    }
    100% {
        -webkit-transform: translate3d(0, -200%, 0);
        transform: translate3d(0, -200%, 0)
    }
}

@keyframes anim-effect-4-3 {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    45%,
    55% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        -webkit-animation-timing-function: cubic-bezier(.23, 1, .32, 1);
        animation-timing-function: cubic-bezier(.23, 1, .32, 1)
    }
    100% {
        -webkit-transform: translate3d(0, -200%, 0);
        transform: translate3d(0, -200%, 0)
    }
}

body {
    background-color: #fafafa
}

.scroll-container {
    position: relative
}

#store-download-front {
    position: fixed;
    display: none
}

@media (min-width:1024px) {
    #store-download-front {
        display: block;
        right: 2.1875vw;
        bottom: 1.97917vw;
        z-index: 99
    }
}

#about-page .store-download,
#contact-page .store-download {
    position: fixed;
    right: 4.62963vw;
    bottom: 4.62963vw;
    z-index: 9995
}

#logo-wrapper {
    position: fixed;
    top: 3.7037vw;
    left: 4.62963vw;
    width: 19.62963vw;
    height: 8.88889vw;
    z-index: 9996
}

@media (min-width:1024px) {
    #about-page .store-download,
    #contact-page .store-download {
        bottom: 1.97917vw;
        right: 2.60417vw
    }
    #logo-wrapper {
        top: 1.82292vw;
        left: 2.08333vw;
        width: 99px;
        height: 42px
    }
}

#globe .background,
#promo-video,
#promo-video .promo-video-shadow {
    position: fixed;
    left: 0;
    width: 100%
}

#logo-wrapper #logo-text {
    display: none
}

#wave {
    position: fixed;
    top: 40%;
    left: 0;
  /*  z-index: -1*/
}

#globe .background {
    opacity: 0;
    top: 39%;
    height: 100%;
    z-index: -1
}

@media (min-width:1024px) {
    #logo-wrapper #logo-text {
        display: block
    }
    #globe .background {
        top: 27%
    }
}

.line {
    display: block
}

#promo-video {
    top: 0;
    height: 100%;
    background: #fafafa;
    z-index: 10001
}

#promo-video .promo-video-shadow {
    bottom: 0;
    height: 55%;
    background: url("images/video-shadow.png") center bottom no-repeat #fafafa;
    background-size: 100%
}

@media (min-width:1024px) {
    #promo-video .promo-video-shadow {
        background-size: 100%
    }
}

.video-container {
    position: absolute;
    top: 50%;
    left: 50%;
    box-sizing: border-box;
    width: auto;
    max-height: 80%;
    height: 100%;
    margin: 0 auto;
    padding: 5px;
/*    background: #fff;
*/    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

@media (min-width:1024px) {
    .video-container {
        right: 0;
        left: 0;
        width: 80%;
        max-width: 64.58333vw;
        max-height: none;
        height: auto;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.video-container video {
    display: block;
    width: auto;
    height: 100%
}

@media (min-width:1024px) {
    .video-container video {
        width: 100%;
        height: auto
    }
}

.video-container .button-wrapper {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center
}

.video-container .button {
    width: 17.03704vw;
    height: 17.03704vw;
    margin: auto;
    background:  rgba(242, 244, 255, 0.01);
    -webkit-transform: translateY(0) scale(1);
    transform: translateY(0) scale(1);
    -webkit-transition: -webkit-transform .22s cubic-bezier(.175, .885, .32, 1.275);
    transition: -webkit-transform .22s cubic-bezier(.175, .885, .32, 1.275);
    transition: transform .22s cubic-bezier(.175, .885, .32, 1.275);
    transition: transform .22s cubic-bezier(.175, .885, .32, 1.275), -webkit-transform .22s cubic-bezier(.175, .885, .32, 1.275)
}

@media (min-width:1024px) {
    .video-container .button {
        width: 5.98958vw;
        height: 5.98958vw
    }
}

/*.video-container .button .button-background {
    background: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEzOSIgdmlld0JveD0iMCAwIDEzOSAxMzkiIHdpZHRoPSIxMzkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iIzJkMmI1MSIgZD0iTTExNy4wMzcgNjEuNDRMMzYuMzMzIDE0Ljg0N2MtMi40NjctMS40MjQtNS41MDItMS40MjQtNy45NzIgMC0yLjQ2MiAxLjQyMy0zLjk4IDQuMDU2LTMuOTggNi45MDN2OTMuMTg3YzAgMi44NDggMS41MiA1LjQ4IDMuOTggNi45IDEuMjM3LjcxMyAyLjYxIDEuMDY3IDMuOTg3IDEuMDY3IDEuMzc0IDAgMi43NS0uMzU0IDMuOTgzLTEuMDY3bDgwLjcwNC00Ni41OTRjMi40NjYtMS40MjIgMy45ODQtNC4wNTQgMy45ODQtNi45LjAwNS0yLjg0Ni0xLjUxNi01LjQ3Ny0zLjk4LTYuOTAyeiIvPjwvc3ZnPg==) 53% center/24% no-repeat
}*/

.video-container .button:after,
.video-container .button:before {
    box-sizing: border-box;
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 300%;
    height: 300%;
    border: 2px solid #fff;
    border-radius: 50%;
    -webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-timing-function: cubic-bezier(.075, .82, .165, 1);
    animation-timing-function: cubic-bezier(0.79, 0.29, 0.8, 0.79);
    -webkit-animation-delay: .1s;
    animation-delay: .1s !important;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.video-container .button:after {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s
}

.video-container .button:hover {
    -webkit-transform: translateY(5px) scale(.95);
    transform: translateY(5px) scale(.95)
}

.video-container .button:hover:after,
.video-container .button:hover:before {
    -webkit-animation: none;
    animation: none
}

.video-container a {
    position: absolute;
    top: -3em;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media (min-width:1024px) {
    .video-container a {
        top: -5em
    }
}

#orientation-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("images/rotate.png") center 11vw/20% no-repeat #1a192c;
    z-index: 999999
}

#orientation-overlay h1 {
    margin-bottom: 0;
    color: #55546d;
    font-size: 5.55556vw;
    text-align: center
}

#orientation-overlay span {
    display: block;
    width: 100%;
    font-size: 1.48148vw;
    letter-spacing: .075em;
    text-align: center;
    text-transform: uppercase
}

#orientation-overlay .overlay-wrapper {
    position: absolute;
    top: 34vw;
    width: 100%
}

@media (max-device-width:1024px) and (orientation:landscape) {
    #orientation-overlay {
        display: block
    }
}

#hamburger {
    opacity: 0
}

.fade-in-transition {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all .22s cubic-bezier(.075, .82, .165, 1);
    transition: all .22s cubic-bezier(.075, .82, .165, 1)
}

.fade-in-enter,
.fade-in-leave,
.fade-out-enter,
.fade-out-leave {
    opacity: 0
}

.fade-out-transition {
    opacity: 0;
    -webkit-transition: opacity .22s cubic-bezier(.075, .82, .165, 1);
    transition: opacity .22s cubic-bezier(.075, .82, .165, 1)
}