@font-face {
    font-family: RT Raleway;
    src: url(/assets/fonts/rtraleway-light-webfont.a775332236919a4356c1e31d0d9138dc.eot);
    src: url(/assets/fonts/rtraleway-light-webfont.a775332236919a4356c1e31d0d9138dc.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/rtraleway-light-webfont.1242a345fcef51492c62bbbf53d7b63c.woff2) format("woff2"), url(/assets/fonts/rtraleway-light-webfont.e118c77beaed74a9aa370d513bfa2e1d.woff) format("woff"), url(/assets/fonts/rtraleway-light-webfont.2a25d07250a29d4dd9ddac4e767b7072.ttf) format("truetype"), url(/assets/fonts/rtraleway-light-webfont.3daac7d41305991d64b9f18ba68e1ee0.svg#rt_ralewaylight) format("svg");
    font-weight: 300;
    font-style: normal
}
@font-face {
    font-family: RT Raleway;
    src: url(/assets/fonts/rtraleway-regular-webfont.0cf7fb28297e6eafce69bafbbabc8d76.eot);
    src: url(/assets/fonts/rtraleway-regular-webfont.0cf7fb28297e6eafce69bafbbabc8d76.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/rtraleway-regular-webfont.65c65930c94b0e05cb6f3107c50e8c11.woff2) format("woff2"), url(/assets/fonts/rtraleway-regular-webfont.a88e8c13351c86209ee68f56acc5e573.woff) format("woff"), url(/assets/fonts/rtraleway-regular-webfont.fa1afd2a2adf49a0603f6f8ccf569b13.ttf) format("truetype"), url(/assets/fonts/rtraleway-regular-webfont.0445a39bb602de98770c3a516949dcc0.svg#rt_ralewayregular) format("svg");
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: RT Raleway;
    src: url(/assets/fonts/rtraleway-medium-webfont.c1006134ef1f241d4addf08dad7943df.eot);
    src: url(/assets/fonts/rtraleway-medium-webfont.c1006134ef1f241d4addf08dad7943df.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/rtraleway-medium-webfont.54670b2f52ae9450468c1161cd1d5df4.woff2) format("woff2"), url(/assets/fonts/rtraleway-medium-webfont.a2e2307418679687dd73a53b21c19e41.woff) format("woff"), url(/assets/fonts/rtraleway-medium-webfont.c21ca12975710a894183a750c6dadaa2.ttf) format("truetype"), url(/assets/fonts/rtraleway-medium-webfont.b83a2aea6a90a2f6354e0b8551c0f590.svg#rt_ralewaymedium) format("svg");
    font-weight: 500;
    font-style: normal
}
@font-face {
    font-family: RT Raleway;
    src: url(/assets/fonts/rtraleway-semibold-webfont.e6f5c76b40f1dff6a886ccefdf1fb6dd.eot);
    src: url(/assets/fonts/rtraleway-semibold-webfont.e6f5c76b40f1dff6a886ccefdf1fb6dd.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/rtraleway-semibold-webfont.3abd976ea73659a092ea08229c1f958e.woff2) format("woff2"), url(/assets/fonts/rtraleway-semibold-webfont.61b0ed78bba57972ddab452d425a1eb0.woff) format("woff"), url(/assets/fonts/rtraleway-semibold-webfont.fb1cd8d371c969323f278f2ad53e3bd4.ttf) format("truetype"), url(/assets/fonts/rtraleway-semibold-webfont.2b9ca50f2033f551312488af496f330b.svg#rt_ralewaysemibold) format("svg");
    font-weight: 600;
    font-style: normal
}
@font-face {
    font-family: RT Raleway;
    src: url(/assets/fonts/rtraleway-bold-webfont.cc5626c62a26bd120a4fb0a110e640fb.eot);
    src: url(/assets/fonts/rtraleway-bold-webfont.cc5626c62a26bd120a4fb0a110e640fb.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/rtraleway-bold-webfont.3d395a5d11908292c904e1464ebcf673.woff2) format("woff2"), url(/assets/fonts/rtraleway-bold-webfont.1394a79bd4c9d0767a0fce88f574c659.woff) format("woff"), url(/assets/fonts/rtraleway-bold-webfont.919cc7a6645ae84a464933d64b68a4e8.ttf) format("truetype"), url(/assets/fonts/rtraleway-bold-webfont.1d32df18d67f087b23bb74694794706b.svg#rt_ralewaybold) format("svg");
    font-weight: 700;
    font-style: normal
}
@font-face {
    font-family: RT Raleway;
    src: url(/assets/fonts/rtraleway-extrabold-webfont.363f430c9df65e480f8f548693e635f3.eot);
    src: url(/assets/fonts/rtraleway-extrabold-webfont.363f430c9df65e480f8f548693e635f3.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/rtraleway-extrabold-webfont.38b279a3094646c15f028d2306fc513c.woff2) format("woff2"), url(/assets/fonts/rtraleway-extrabold-webfont.d5cf339ee34eea671192744df15b2a1a.woff) format("woff"), url(/assets/fonts/rtraleway-extrabold-webfont.c633ee869e42b45407c6f6ef6d72b6c6.ttf) format("truetype"), url(/assets/fonts/rtraleway-extrabold-webfont.3598807a42e47dfb120e79c2053da104.svg#rt_ralewayextrabold) format("svg");
    font-weight: 800;
    font-style: normal
}
@keyframes a {
    0%, to {
        opacity: 0
    }
    50% {
        opacity: 1
    }
}
@-webkit-keyframes a {
    0%, to {
        opacity: 0
    }
    50% {
        opacity: 1
    }
}
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}
body {
    line-height: 1
}
ol,
ul {
    list-style: none
}
blockquote,
q {
    quotes: none
}
blockquote:after,
blockquote:before,
q:after,
q:before {
    content: none
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
button:focus,
input:focus,
select:focus,
textarea:focus {
    outline: none
}
*,
:after,
:before {
    box-sizing: border-box
}
body,
html {
    margin: 0;
    padding: 0;
    position: relative;
    height: 100%
}
html {
    font-size: 10px
}
body {
    font-size: 1.6rem
}
@media (-webkit-min-device-pixel-ratio: 2) and (max-device-width: 900px),
(-webkit-min-device-pixel-ratio: 2) and (max-device-width: 1024px),
(min-resolution: 192dpi) and (max-device-width: 1024px) {
    html {
        font-size: 5px
    }
}
.featured,
.footer,
.hero,
.newsletter {
    position: relative;
    display: block;
    width: 100%;
    height: auto
}
.image-loaded.section__background {
    opacity: 0;
    will-change: opacity;
    transition: opacity .35s ease-in
}
.image-loaded.is-loaded.section__background {
    opacity: 1
}
a,
button,
div,
h1,
h2,
h3,
h4,
h5,
h6,
input,
label,
li,
p,
select,
small,
span {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility
}
.featured__inner,
.footer__inner,
.header__inner,
.hero__inner,
.newsletter__inner {
    width: 100%;
    margin: 0 auto;
    max-width: 124rem
}
@media (max-width: 800px) {
    .featured__inner,
    .footer__inner,
    .header__inner,
    .hero__inner,
    .newsletter__inner {
        padding-left: 4rem;
        padding-right: 4rem
    }
    #div-raffle {
    	margin-left: 10em;
    }
}
@media (min-width: 800px) {
    .featured__inner,
    .footer__inner,
    .header__inner,
    .hero__inner,
    .newsletter__inner {
        padding-left: 2rem;
        padding-right: 2rem
    }
}
.header {
    position: fixed;
    display: block;
    width: 100%;
    z-index: 50;
    will-change: background;
    transition: background .15s cubic-bezier(.55, 0, .1, 1)
}
.header.is-sticky {
    background-color: #fff;
    box-shadow: 0 0 1rem 0 rgba(0, 0, 0, .1)
}
.header__inner {
    height: 20rem;
    will-change: height;
    transition: height .25s ease-in-out
}
.header__inner:after {
    content: "";
    display: table;
    clear: both
}
.is-sticky .header__inner {
    height: 12rem
}
@media (min-width: 800px) {
    .header__inner {
        height: 16.8rem
    }
    .is-sticky .header__inner {
        height: 8rem
    }
}
.header__logo {
    display: block;
    position: absolute;
    top: 50%;
    width: 10rem;
    height: 10rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}
.header__logo:after {
    color: #fff;
    font-family: RT Raleway, Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 2.4rem;
    line-height: 1.19;
    content: "tycoon";
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    padding-top: .8rem;
    text-align: center;
    opacity: 1;
    visibility: visible;
    will-change: opacity, visible;
    transition: opacity .25s cubic-bezier(.165, .84, .44, 1) .3s, visibility 0s .3s
}
.header__logo:after>p+p {
    margin-top: 2.2rem
}
@media (min-width: 800px) {
    .header__logo:after {
        font-size: 1.8rem
    }
}
.header__logo svg {
    width: 100%;
    height: 100%;
    fill: #fff
}
.header__logo svg:after {
    padding-top: .6rem
}
.is-sticky .header__logo {
    width: 6.2rem;
    height: 6.2rem
}
.is-sticky .header__logo:after {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0s 0s, visibility 0s 0s
}
.is-sticky .header__logo svg {
    fill: #73d782
}
@media (min-width: 800px) {
    .header__logo {
        width: 8rem;
        height: 8rem
    }
    .is-sticky .header__logo {
        width: 5rem;
        height: 5rem
    }
}
.nav {
    position: relative;
    float: right;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}
@media (min-width: 800px) {
    .nav {
        top: 44%
    }
}
.nav__item {
    display: inline-block
}
.nav__item:nth-child(1) {
    margin-right: 3rem
}
.nav__item:nth-child(2):after {
    content: "";
    display: inline-block;
    position: relative;
    top: .7rem;
    width: 1px;
    height: 2.4rem;
    background-color: #fff;
    margin-left: 1.3rem;
    margin-right: 1.3rem
}
.nav__item:nth-child(3) {
    margin-right: 3rem
}
.nav__item:nth-child(4) {
    margin-right: 3rem
}
.is-sticky .nav__item:nth-child(2):after {
    background-color: #c5c5c5;
    margin-left: 1rem;
    margin-right: 1rem
}
.nav__link {
    color: #fff;
    font-family: RT Raleway, Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 2rem;
    line-height: 1.21;
    letter-spacing: .016em;
    text-transform: uppercase;
    text-decoration: none;
    will-change: color;
    transition: color .2s cubic-bezier(.165, .84, .44, 1)
}
@media (min-width: 800px) {
    .nav__link {
        font-size: 1.4rem
    }
}
.nav__link:hover {
    color: #73d782!important
}
.nav__link:active {
    color: #12cb99!important
}
.nav__link.is-fixed {
    color: #636769
}
.is-sticky .nav__link {
    color: #929292
}
.nav__link>span {
    text-transform: lowercase
}
.footer {
    border-top: 1px solid #c5c5c5
}
.footer__inner {
    position: relative;
    padding-top: 3.6rem;
    padding-bottom: 3.6rem
}
.footer__item {
    display: inline-block
}
.footer__item+* {
    margin-left: 2.8rem
}
.footer__link {
    color: #636769;
    font-family: RT Raleway, Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 2.4rem;
    line-height: 1.19;
    text-decoration: none;
    will-change: color;
    transition: color .2s cubic-bezier(.165, .84, .44, 1)
}
.footer__link>p+p {
    margin-top: 2.2rem
}
@media (min-width: 800px) {
    .footer__link {
        font-size: 1.8rem
    }
}
.footer__link:hover {
    color: #73d782
}
.footer__link:active {
    color: #12cb99
}
.page__wrapper {
    width: 100%;
    overflow: hidden
}
.modal__backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 70;
    background-color: #000
}
.modal-is-open .modal__backdrop {
    opacity: .5
}
.modal__inner {
    display: none;
    height: 100%;
    width: 100%;
    z-index: 60;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}
.modal__inner.modal-is-open {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}
.modal__wrap {
    position: relative;
    width: auto
}
@media (min-width: 600px) {
    .modal__wrap {
        width: 600px
    }
    .modal__wrap .modal-sm {
        width: 300px
    }
}
@media (min-width: 800px) {
    .modal__wrap .modal-lg {
        width: 900px
    }
}
.modal__content {
    position: relative;
    background-color: #fff;
    z-index: 80;
    height: 100%;
    width: 100%
}
.modal__close {
    cursor: pointer;
    height: 4rem;
    width: 4rem;
    position: absolute;
    top: -5rem;
    right: -5rem;
    border: 3px solid #fff;
    border-radius: 50%
}
.modal__close:hover {
    background: #fff
}
.modal__close:hover:after,
.modal__close:hover:before {
    background: #000
}
.modal__close:after,
.modal__close:before {
    content: "";
    position: absolute;
    width: 75%;
    top: 41%;
    left: 13%;
    background: #fff;
    height: 3px;
    margin-top: 3px
}
.modal__close:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}
.modal__close:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}
.hero {
    background-color: #c5c5c5;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column
}
.hero:after {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    z-index: -1;
    content: url(/assets/images/background_hero_free-thinkers.ba29c4b33f576f60c0acafe26f6c2542.jpeg) url(/assets/images/background_hero_freedom.e6cb8d3d5665fbcbefdd5606464b6d97.jpeg) url(/assets/images/background_hero_rebels.beac09b3c20ea42b31585ceb5dd8a902.jpeg) url(/assets/images/background_hero_freelancers.32156bf489e197fb5738fa1608def81d.jpeg) url(/assets/images/background_hero_independence.969e16aeb39fe60ebcd4ddb346315b81.jpeg)
}
.hero__background {
    background-color: #636769
}
.hero__background,
.hero__background:after {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%
}
.hero__background:after {
    content: "";
    top: 0;
    left: 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, .6) 0, transparent 70%, transparent);
    -webkit-filter: progid: dximagetransform.microsoft.gradient(startColorstr='#000', endColorstr='#000', GradientType=1);
    filter: progid: dximagetransform.microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=1);
    z-index: 20
}
.hero__image {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    opacity: 0;
    will-change: opacity;
    transition-delay: 1s
}
.hero__image.is-current {
    opacity: 1;
    transition: opacity .5s ease-in;
    transition-delay: 0
}
.hero__image.image-loaded.is-current {
    opacity: 0
}
.hero__image.image-loaded.is-current.is-loaded {
    opacity: 1
}
.hero__image:nth-child(1) {
    background-image: url(/assets/images/background_hero_free-thinkers.ba29c4b33f576f60c0acafe26f6c2542.jpeg)
}
.hero__image:nth-child(2) {
    background-image: url(/assets/images/background_hero_freedom.e6cb8d3d5665fbcbefdd5606464b6d97.jpeg)
}
.hero__image:nth-child(3) {
    background-image: url(/assets/images/background_hero_rebels.beac09b3c20ea42b31585ceb5dd8a902.jpeg)
}
.hero__image:nth-child(4) {
    background-image: url(/assets/images/background_hero_free-spirited.f51c589d0f25d220c2ff18ff3ccbd7c0.jpeg)
}
.hero__image:nth-child(5) {
    background-image: url(/assets/images/background_hero_independence.969e16aeb39fe60ebcd4ddb346315b81.jpeg)
}
.hero__image:nth-child(6) {
    background-image: url(/assets/images/background_hero_unique.3792d6b678d2506da19f94e5332b2b2d.jpeg)
}
.hero__image:nth-child(7) {
    background-image: url(/assets/images/background_hero_freelancers.32156bf489e197fb5738fa1608def81d.jpeg)
}
@media (min-width: 800px) {
    .hero__image {
        background-position: 100%
    }
}
.hero__inner {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    min-height: 77.7rem;
    padding-top: 26rem;
    padding-bottom: 18rem;
    z-index: 20
}
@media (min-width: 600px) {
    .hero__inner {
        height: 100vh
    }
}
@media (min-width: 800px) {
    .hero__inner {
        padding-top: 20rem
    }
}
.hero__typewriter {
    margin-bottom: 2.6rem
}
.hero__typewriter>h1 {
    color: #fff;
    font-family: RT Raleway, Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-size: 7.2rem;
    line-height: 1.12;
    display: inline
}
@media (min-width: 800px) {
    .hero__typewriter>h1 {
        font-size: 7.8rem
    }
}
.hero__cursor {
    display: none;
    width: .3rem;
    height: 7.4rem;
    background-color: #fff;
    position: relative;
    top: .6rem;
    margin: 0 2rem;
    -webkit-animation: a .6s step-end infinite;
    animation: a .6s step-end infinite
}
.is-cycling .hero__cursor {
    display: inline-block
}
.hero__copy {
    color: #fff;
    font-family: RT Raleway, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 3.4rem;
    line-height: 1.23;
    max-width: 77rem;
    margin-bottom: 4.4rem
}
.hero__copy>p+p {
    margin-top: 3.4rem
}
@media (min-width: 800px) {
    .hero__copy {
        font-size: 2.6rem
    }
}
.hero__typewriter .typewriter {
    display: none
}
.hero__typewriter .typewriter.is-current {
    display: inline
}
.hero__typewriter .typewriter span {
    display: none
}
.hero__typewriter .typewriter span.show {
    display: inline
}
@media (min-width: 1000px) {
    .section {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }
}
.section:nth-child(2) .section__block--photo {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2
}
[class*=section__block] {
    position: relative
}
[class*=section__block]:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 4rem
}
@media (min-width: 1000px) {
    [class*=section__block] {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        width: 50%
    }
}
.section__block--photo {
    background-color: #636769
}
.section__block--photo .section__heading {
    color: #fff
}
.section__block--photo:after {
    display: none
}
.section__block--green:after {
    background-color: #73d782
}
.section__block--teal:after {
    background-color: #12cb99
}
.section__block--orange:after {
    background-color: #fd9950
}
.section__background {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}
.section__background,
.section__background:after {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
.section__background:after {
    content: "";
    background-color: rgba(0, 0, 0, .4)
}
.section__content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 82rem;
    padding: 8rem 10rem 14rem;
    text-align: center;
    z-index: 20
}
.section__heading {
    color: #636769;
    font-family: RT Raleway, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 5.2rem;
    line-height: 1.19;
    margin: 0 auto 8rem;
    z-index: 20
}
@media (min-width: 1000px) {
    .section__heading {
        max-width: 44rem
    }
}
.section__copy {
    color: #fff;
    font-family: RT Raleway, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 3.4rem;
    line-height: 1.23;
    position: relative;
    padding-top: 4.6rem
}
.section__copy>p+p {
    margin-top: 3.4rem
}
@media (min-width: 800px) {
    .section__copy {
        font-size: 2.6rem
    }
}
.section__copy:before {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    width: 10rem;
    height: .4rem;
    background-color: #fff;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}
@media (min-width: 1000px) {
    .section__copy {
        max-width: 44rem;
        margin: 0 auto
    }
}
.newsletter {
    border-top: 1px solid #c5c5c5;
    padding: 8rem 0
}
.newsletter__inner {
    text-align: center
}
.newsletter__heading {
    color: #73d782;
    font-weight: 300;
    font-size: 5.2rem;
    margin-bottom: .8rem
}
.newsletter__copy,
.newsletter__heading {
    font-family: RT Raleway, Helvetica, Arial, sans-serif;
    line-height: 1.19
}
.newsletter__copy {
    color: #636769;
    font-weight: 500;
    font-size: 2.8rem;
    margin-bottom: 4.6rem
}
.newsletter__copy>p+p {
    margin-top: 2.2rem
}
@media (min-width: 800px) {
    .newsletter__copy {
        font-size: 2.2rem;
        margin-bottom: 3.4rem
    }
}
.form {
    position: relative;
    display: inline-block
}
.form__element {
    background-color: transparent;
    border: none;
    border-radius: 0;
    outline: 0 none!important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #636769;
    font-family: RT Raleway, Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 2.4rem;
    line-height: 6rem;
    border: 1px solid #c5c5c5;
    border-radius: .3rem;
    padding-left: 2.4rem;
    padding-right: 12.8rem;
    height: 6.4rem;
    width: 40rem
}
.form__element>p+p {
    margin-top: 2.2rem
}
@media (min-width: 800px) {
    .form__element {
        font-size: 1.8rem
    }
}
.form__submit {
    background-color: transparent;
    border: none;
    border-radius: 0;
    outline: 0 none!important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #fff;
    font-family: RT Raleway, Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 1.19;
    text-transform: uppercase;
    width: 12.8rem;
    height: 6.4rem;
    position: absolute;
    top: 0;
    right: 0;
    background-color: #73d782;
    border-top-right-radius: .3rem;
    border-bottom-right-radius: .3rem;
    will-change: background;
    transition: background .2s cubic-bezier(.165, .84, .44, 1);
    cursor: pointer;
    z-index: 20
}
.form__submit:hover {
    background-color: #12cb99
}
.badges__item {
    display: inline-block;
    margin-right: 1.5rem
}
.badges__image {
    width: auto;
    height: 6.4rem
}

.landing-badges-img-android {
  height: 6.6rem;
}

@media (min-width: 800px) {
    .badges__image {
        height: 5rem
    }

    .landing-badges-img-android {
      height: 5.15rem;
    }
}
.phone__image {
    position: relative;
    top: 3rem;
    width: 26.5rem;
    height: auto;
    margin-bottom: 6rem
}
@media (min-width: 600px) {
    .phone__image {
        opacity: 0;
        visibility: hidden;
        will-change: top, opacity;
        transition: top .8s cubic-bezier(.165, .84, .44, 1), opacity .8s cubic-bezier(.165, .84, .44, 1)
    }
    .is-viewed .phone__image {
        top: 0;
        opacity: 1;
        visibility: visible
    }
}
@media (min-width: 800px) {
    .phone__image {
        margin-bottom: 3.6rem
    }
}
.phone__copy {
    color: #636769;
    font-family: RT Raleway, Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 2.8rem;
    line-height: 1.19;
    position: relative
}
.phone__copy>p+p {
    margin-top: 2.2rem
}
@media (min-width: 800px) {
    .phone__copy {
        font-size: 2.2rem
    }
}
@media (min-width: 600px) {
    .phone__copy {
        top: 1.6rem;
        opacity: 0;
        visibility: hidden;
        will-change: top, opacity;
        transition: top .5s cubic-bezier(.165, .84, .44, 1) .3s, opacity .5s cubic-bezier(.165, .84, .44, 1) .3s
    }
    .is-viewed .phone__copy {
        top: 0;
        opacity: 1;
        visibility: visible
    }
}
.featured__inner {
    padding-top: 3.6rem
}
.featured__inner:before {
    color: #c5c5c5;
    font-family: RT Raleway, Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 2rem;
    line-height: 1.21;
    letter-spacing: .016em;
    text-transform: uppercase;
    content: "Featured in";
    display: block;
    text-align: center
}
@media (min-width: 800px) {
    .featured__inner:before {
        font-size: 1.4rem
    }
}
.featured__list {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    padding: 3rem 0 4rem
}
@media (max-width: 800px) {
    .featured__list {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-bottom: 0
    }
}
.featured__item {
    -webkit-flex: 0 1 20%;
    -ms-flex: 0 1 20%;
    flex: 0 1 20%;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center
}
@media (max-width: 800px) {
    .featured__item {
        -webkit-flex-basis: 18rem;
        -ms-flex-preferred-size: 18rem;
        flex-basis: 18rem;
        margin-bottom: 4rem
    }
}

@media (max-width: 1000px) {
    #use_forbes_logo, #use_fashion_week_daily_logo {
	display: none;
    }
}

@media (max-width: 1000px) {
    #use_forbes_logo_mobile, #use_fashion_week_daily_logo_mobile {
	display: block;
    }
}

@media (min-width:1000px) {
	#use_forbes_logo_mobile, #use_fashion_week_daily_logo_mobile {
		display: none;
	}
}

.featured__link {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center
}
.featured__link:hover svg {
    fill: #73d782
}
.featured__link:active svg {
    fill: #12cb99
}
.featured__icon {
    display: block;
    width: 10rem;
    height: 7rem;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}
.featured__icon svg {
    width: 100%;
    height: 100%;
    fill: #c5c5c5;
    will-change: fill;
    transition: fill .2s cubic-bezier(.165, .84, .44, 1)
}
.share {
    position: absolute;
    top: 50%;
    right: 4rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}
[class*=share__item] {
    display: inline-block
}
[class*=share__item]+* {
    margin-left: 2.4rem
}
.share__link:hover svg {
    fill: #73d782
}
.share__link:active svg {
    fill: #12cb99
}
.share__icon {
    display: block;
    width: 2.2rem;
    height: 2.2rem
}
.share__icon svg {
    fill: #6d6e71;
    width: 100%;
    height: 100%;
    will-change: fill;
    transition: fill .2s cubic-bezier(.165, .84, .44, 1)
}

.laptop__and__stuff {
    height: 100vh;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
}

@media only screen and (max-width: 800px) {
    .laptop__and__stuff {
        height: 80vh;
    }
}

.vertical__center {
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
    left: 0;
    right: 0;
}

.outer__video__container {
    margin: 0 auto;
    width: 50%;
}

@media only screen and (max-width: 800px) {
    .outer__video__container {
        width: 70%;
    }
}

.video__container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}

.video__container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}
.credit__donkey__message {
    width: 40%;
    z-index: 1;
    margin-left: 60%;
    font-size: 2.6rem;
    text-align: center;
    color: white;
    margin-top: 4vh;
    font-family: RT Raleway, Helvetica, Arial, sans-serif;

}
.by__credit__donkey {
    margin-top: 5px;
	float: right;
	height: 100 px;
}
.by__credit__donkey img{
    height:80px;
}
.img_reviews{
    margin:auto;
    width: 100%;
}

@media only screen and (max-width: 800px) {
    .credit__donkey__message {
        width: auto;
        margin: 40px auto;
        margin-bottom: -40px;
    }
   .by__credit__donkey img{
       height:50px;
   }
}

@media only screen and (min-width: 801px) and (max-width: 1000px) {
    .credit__donkey__message {
        width: auto;
	margin-left: 50%;
	width: 50%;
    }
   .by__credit__donkey img{
        height:70px;
   }
}

.landing-header{
  padding-left: 20%;
  padding-right: 20%;
  padding-top: 50px;
  padding-bottom: 50px;
  display: block;
  float: left;
  width: 100%;
}

.landing-firstLine{
  width: 100%;
}

.landing-logo {
  width: 50%;
  float: left;
}

.landing-logo img {
  width: auto;
}

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

  .landing-logo img {
    height: 40px;
    padding-top: -1px;
    margin-top: 25px;
  }
}

.landing-badges {
  width: 30%;
  float: right;
}

.landing-badges-img {
  float: right;
  margin-top: 5px;
  margin-bottom: 10px;
}

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

  .badges__image {
      width: auto;
      height: 4.4rem;
  }

  .landing-badges-img-android {
      height: 4.6rem;
  }
}

.landing-secondLine{
  padding-top: 35px;
  display: block;
  float: left;
  width: 100%;
  font-family: RT Raleway, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 2.3rem;
  line-height: 2;
  color: black;
  text-align: center;
  letter-spacing: 3px;
}

.landing-white-div {
  padding-left: 20%;
  padding-right: 20%;
  display: block;
  float: left;
  width: 100%;
}

.landing-app-images{
  width: 100%;
}

.landing-white-subtitle{
  width: 100%;
  padding-top: 50px;
  padding-bottom: 50px;
  float: left;
  text-align: center;
  font-family: RT Raleway, Helvetica, Arial, sans-serif;
  font-size: 1.8rem;
  letter-spacing: 2px;
}

.landing-app-image{
  width: 50%;
  float: left;
  text-align: center;
}

.landing-app-image-right{
  padding-left: 20px;
}

.landing-app-image-left{
  padding-right: 20px;
}

.landing-app-image img {
  width: auto;
  height: 50rem;
  margin: 5px;
}

.landing-app-image div {
  font-family: RT Raleway, Helvetica, Arial, sans-serif;
  font-size: 1.5rem;
  text-align: center;
  letter-spacing: 2px;
  padding-top: 20px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
}

.landing-green-div {
  background-color: #68D78B;
  padding-left: 20%;
  padding-right: 20%;
  display: block;
  float: left;
  width: 100%;
  text-align: center;
  color: white;
}

.landing-upgrade-title{
  width: 100%;
  font-family: RT Raleway, Helvetica, Arial, sans-serif;
  font-size: 1.8rem;
  text-align: center;
  letter-spacing: 2px;
  padding: 15px;
  font-weight: bold;
}

.landing-upgrade-title div{
  width: 100%;
  padding-top: 10px;
}

.landing-upgrade-bold {
  font-weight: bold;
  padding-bottom: 25px !important;
}

.landing-footer{
  padding-left: 25%;
  padding-right: 25%;
  display: block;
  float: left;
  width: 100%;
  text-align: center;
}

.landing-footer li{
  padding-top: 15px;
  padding-left: 15px;
  padding-right: 15px;
  -webkit-flex-basis: 15rem;
  -ms-flex-preferred-size: 15rem;
  flex-basis: 15rem;
}

.landing-footer ul{
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-bottom: 15px;
}