.overflow-centered {
    left: 50%;
    position: relative;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.logo-hosting {
    display: none;
}

.o-container {
    margin: 0 auto;
    max-width: 1440px;
    padding: 0 20px;
}

@media only screen and (min-width: 600px) {
    .o-container {
        box-sizing: initial;
        padding: 0 40px;
    }
}

.l-section {
    padding: 46px 0;
}

.l-section--extra-padding {
    padding: 70px 0 15px;
}

@media only screen and (min-width: 1000px) {
    .l-section {
        padding: 54px 0;
    }

    .l-section--extra-padding {
        padding: 108px 0 85px;
    }

    .l-section__intro h1 {
        font-size: 55px;
    }

    .l-section__intro h2 {
        font-size: 20px !important;
    }
}

.l-section__intro {
    margin: 0 auto;
    text-align: center;
}

    .l-section__intro h1, .l-section__intro h2 {
        margin-bottom: 0.3em;
    }

    .l-section__intro p {
        margin: 0;
    }

    .l-section__intro h1 + .btn {
        margin-top: 2.2em;
    }

    .l-section__intro h2 + .btn {
        margin-top: 2.5em;
    }

    .l-section__intro p + .btn {
        margin-top: 1.6em;
    }

    .l-section__intro h1 + p {
        margin-top: 1.2em;
    }

    .l-section__intro h2 + p {
        margin-top: 1em;
    }

    .l-section__intro p + p {
        margin-top: 1.4em;
    }

.l-section__text {
    margin: 0 auto 10px;
    max-width: 550px;
}



    .l-section__text h3 + p {
        margin-top: 1.2em;
    }

.l-section__media {
    max-width: 550px;
}

    .l-section__media img {
        display: block;
        margin: 0 auto 0;
    }

@media only screen and (min-width: 600px) {
    .l-section__intro {
        max-width: 80%;
    }

        .l-section__intro h1 + .btn {
            margin-top: 0.8em;
        }

        .l-section__intro h2 + .btn {
            margin-top: 1.3em;
        }

        .l-section__intro p + .btn {
            margin-top: 2.4em;
        }

        .l-section__intro h1 + p {
            margin-top: 0.8em;
        }

        .l-section__intro h2 + p {
            margin-top: 1.25em;
        }

        .l-section__intro p + p {
            margin-top: 0.8em;
        }

    .l-section__text {
        margin: 0 auto 30px;
    }

        
        .l-section__text h3 + p {
            margin-top: 1.3em;
        }

    .l-section__media {
        max-width: 100%;
    }
}

@media only screen and (min-width: 780px) {
    .l-section__intro {
        max-width: 550px;
    }
}

@media only screen and (min-width: 1000px) {
    .l-section__intro {
        max-width: 55%;
    }

        .l-section__intro p {
            margin-left: 55px;
            margin-right: 55px;
        }

            .l-section__intro p + p {
                margin-top: 0.2em;
            }
}

@media only screen and (min-width: 1440px) {
    .l-section__intro p {
        margin-left: 100px;
        margin-right: 100px;
    }
}

@media only screen and (max-width: 999px) {
    .l-section__media img {
        height: auto;
        max-width: 100%;
    }
}

@media only screen and (min-width: 1000px) {
    .l-section__media img {
        height: auto;
        max-width: 100%;
    }
}

@media only screen and (min-width: 1000px) {
    .l-section__media--centered-border-right {
        text-align: right;
    }

        .l-section__media--centered-border-right .l-section__media-wrapper {
            display: inline-block;
            left: 15px;
            position: relative;
        }

            .l-section__media--centered-border-right .l-section__media-wrapper img {
                margin: 0 0 0 auto;
                -webkit-transform: translateX(50%);
                -moz-transform: translateX(50%);
                -ms-transform: translateX(50%);
                -o-transform: translateX(50%);
                transform: translateX(50%);
            }

    .l-section__media--centered-border-left {
        text-align: left;
    }

        .l-section__media--centered-border-left .l-section__media-wrapper {
            display: inline-block;
            left: -15px;
            position: relative;
        }

            .l-section__media--centered-border-left .l-section__media-wrapper img {
                margin: 0;
                -webkit-transform: translateX(-50%);
                -moz-transform: translateX(-50%);
                -ms-transform: translateX(-50%);
                -o-transform: translateX(-50%);
                transform: translateX(-50%);
            }
}

@media only screen and (max-width: 999px) {
    .l-section__media img {
        margin: 27px auto 0;
    }
}

@media only screen and (min-width: 320px) and (max-width: 999px) {
    .l-section__text {
        margin-top: 0;
        text-align: center;
    }

        .l-section__intro h1 {
        font-size: 45px;
    }

    .l-section__intro h2 {
        font-size: 16px !important;
    }

}


.btn:hover, .btn:focus {
    color: #0b51c5;
    text-decoration: none;
}

.btn--full {
    background: #2196f3;
    border-radius: 3px;
    color: #fff;
    padding: 17px 21px;
}

@media only screen and (min-width: 600px) {
    .btn--full {
        padding: 17px 21px;
    }
}

.btn--full:hover, .btn--full:focus {
    background: #0b51c5;
    color: #fff;
}

.btn--full--blue {
    background: #2196f3;
}

    .btn--full--blue:hover, .btn--full--blue:focus {
        background: #0b51c5;
    }

.btn--full--white {
    background: #fff;
    color: #424242;
}

    .btn--full--white:hover, .btn--full--white:focus {
        background: #f7f7f7;
        color: #424242;
    }

.btn:disabled, .btn--disabled {
    background: #c8c8c8 !important;
}

input.btn {
    -webkit-appearance: none;
}

.u-color-white {
    color: #fff !important;
}

    .u-color-white h1, .u-color-white h2, .u-color-white h3 {
        color: #fff !important;
    }

.u-color-blue-highlight {
    color: #83e5fc !important;
}

.u-bg-dark-blue {
    background-color: #3367d6 !important;
}

.u-bg-medium-blue {
    background-color: #2196f3 !important;
}

.u-bg-light-blue {
    background-color: #0273bd !important;
}

.u-bg-light-gray {
    background-color: #f7f7f7 !important;
}

.u-text-align-left {
    text-align: left !important;
}

.u-text-align-center {
    text-align: center !important;
}

.u-text-align-right {
    text-align: right !important;
}

.u-tight-left {
    margin-left: 0 !important;
    padding-left: 0 !important;
}

.u-tight-right {
    margin-right: 0 !important;
    padding-right: 0 !important;
}

.u-tight-top {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.u-tight-bottom {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.u-is-hidden {
    display: none !important;
}

.u-bring-to-front {
    position: relative !important;
    z-index: 100 !important;
}

.u-overflow-hidden {
    overflow: hidden !important;
}

@media only screen and (max-width: 319px) {
    .u-upto-mobile-is-hidden {
        display: none !important;
    }

    .l-section__intro h1 {
        font-size: 20px;
    }

    .l-section__media img {
    margin:no
    }
}

@media only screen and (min-width: 320px) {
    .u-from-mobile-is-hidden {
        display: none !important;
    }
}

@media only screen and (max-width: 599px) {
    .u-upto-tablet-is-hidden {
        display: none !important;
    }
}

@media only screen and (max-width: 599px) {
    .u-upto-tablet-text-align-left {
        text-align: left !important;
    }
}

@media only screen and (min-width: 600px) {
    .u-from-tablet-is-hidden {
        display: none !important;
    }
}

@media only screen and (max-width: 999px) {
    .u-upto-desktop-is-hidden {
        display: none !important;
    }
}

@media only screen and (min-width: 1000px) {
    .u-from-desktop-is-hidden {
        display: none !important;
    }
}

@media only screen and (max-width: 1439px) {
    .u-upto-large-desktop-is-hidden {
        display: none !important;
    }
}

@media only screen and (min-width: 1440px) {
    .u-from-large-desktop-is-hidden {
        display: none !important;
    }
}

.grid {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .grid:after {
        clear: both;
        content: "";
        display: table;
    }

.grid__item {
    box-sizing: border-box;
    float: left;
    vertical-align: top;
    width: 100%;
}

.grid--rev {
    text-align: left;
    direction: rtl;
}

    .grid--rev > .grid__item {
        text-align: left;
        direction: ltr;
    }

.grid--full {
    margin-left: 0;
}

    .grid--full > .grid__item {
        padding-left: 0;
    }

.grid--right {
    text-align: right;
}

    .grid--right > .grid__item {
        text-align: left;
    }

.grid--center {
    text-align: center;
}

    .grid--center > .grid__item {
        text-align: left;
    }

.grid--middle-flex {
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .grid--middle-flex > .grid__item {
        flex: 0 0 auto;
    }

.grid--middle > .grid__item {
    vertical-align: middle;
}

.grid--bottom > .grid__item {
    vertical-align: bottom;
}

.grid--narrow {
    margin-left: -15px;
}

    .grid--narrow > .grid__item {
        padding-left: 15px;
    }

.grid--wide {
    margin-left: -60px;
}

    .grid--wide > .grid__item {
        padding-left: 60px;
    }

.one-whole {
    width: 100%;
}

.one-half, .two-quarters, .three-sixths, .four-eighths, .five-tenths, .six-twelfths {
    width: 50%;
}

.one-third, .two-sixths, .four-twelfths {
    width: 33.333%;
}

.two-thirds, .four-sixths, .eight-twelfths {
    width: 66.666%;
}

.one-quarter, .two-eighths, .three-twelfths {
    width: 25%;
}

.three-quarters, .six-eighths, .nine-twelfths {
    width: 75%;
}

.one-fifth, .two-tenths {
    width: 20%;
}

.two-fifths, .four-tenths {
    width: 40%;
}

.three-fifths, .six-tenths {
    width: 60%;
}

.four-fifths, .eight-tenths {
    width: 80%;
}

.one-sixth, .two-twelfths {
    width: 16.666%;
}

.five-sixths, .ten-twelfths {
    width: 83.333%;
}

.one-eighth {
    width: 12.5%;
}

.three-eighths {
    width: 37.5%;
}

.five-eighths {
    width: 62.5%;
}

.seven-eighths {
    width: 87.5%;
}

.one-tenth {
    width: 10%;
}

.three-tenths {
    width: 30%;
}

.seven-tenths {
    width: 70%;
}

.nine-tenths {
    width: 90%;
}

.one-twelfth {
    width: 8.333%;
}

.five-twelfths {
    width: 41.666%;
}

.seven-twelfths {
    width: 58.333%;
}

.eleven-twelfths {
    width: 91.666%;
}

@media only screen and (max-width: 599px) {
    .mobile--one-whole {
        width: 100%;
    }

    .mobile--one-half, .mobile--two-quarters, .mobile--three-sixths, .mobile--four-eighths, .mobile--five-tenths, .mobile--six-twelfths {
        width: 50%;
    }

    .mobile--one-third, .mobile--two-sixths, .mobile--four-twelfths {
        width: 33.333%;
    }

    .mobile--two-thirds, .mobile--four-sixths, .mobile--eight-twelfths {
        width: 66.666%;
    }

    .mobile--one-quarter, .mobile--two-eighths, .mobile--three-twelfths {
        width: 25%;
    }

    .mobile--three-quarters, .mobile--six-eighths, .mobile--nine-twelfths {
        width: 75%;
    }

    .mobile--one-fifth, .mobile--two-tenths {
        width: 20%;
    }

    .mobile--two-fifths, .mobile--four-tenths {
        width: 40%;
    }

    .mobile--three-fifths, .mobile--six-tenths {
        width: 60%;
    }

    .mobile--four-fifths, .mobile--eight-tenths {
        width: 80%;
    }

    .mobile--one-sixth, .mobile--two-twelfths {
        width: 16.666%;
    }

    .mobile--five-sixths, .mobile--ten-twelfths {
        width: 83.333%;
    }

    .mobile--one-eighth {
        width: 12.5%;
    }

    .mobile--three-eighths {
        width: 37.5%;
    }

    .mobile--five-eighths {
        width: 62.5%;
    }

    .mobile--seven-eighths {
        width: 87.5%;
    }

    .mobile--one-tenth {
        width: 10%;
    }

    .mobile--three-tenths {
        width: 30%;
    }

    .mobile--seven-tenths {
        width: 70%;
    }

    .mobile--nine-tenths {
        width: 90%;
    }

    .mobile--one-twelfth {
        width: 8.333%;
    }

    .mobile--five-twelfths {
        width: 41.666%;
    }

    .mobile--seven-twelfths {
        width: 58.333%;
    }

    .mobile--eleven-twelfths {
        width: 91.666%;
    }
}

@media only screen and (min-width: 600px) {
    .tablet--one-whole {
        width: 100%;
    }

    .tablet--one-half, .tablet--two-quarters, .tablet--three-sixths, .tablet--four-eighths, .tablet--five-tenths, .tablet--six-twelfths {
        width: 50%;
    }

    .tablet--one-third, .tablet--two-sixths, .tablet--four-twelfths {
        width: 33.333%;
    }

    .tablet--two-thirds, .tablet--four-sixths, .tablet--eight-twelfths {
        width: 66.666%;
    }

    .tablet--one-quarter, .tablet--two-eighths, .tablet--three-twelfths {
        width: 25%;
    }

    .tablet--three-quarters, .tablet--six-eighths, .tablet--nine-twelfths {
        width: 75%;
    }

    .tablet--one-fifth, .tablet--two-tenths {
        width: 20%;
    }

    .tablet--two-fifths, .tablet--four-tenths {
        width: 40%;
    }

    .tablet--three-fifths, .tablet--six-tenths {
        width: 60%;
    }

    .tablet--four-fifths, .tablet--eight-tenths {
        width: 80%;
    }

    .tablet--one-sixth, .tablet--two-twelfths {
        width: 16.666%;
    }

    .tablet--five-sixths, .tablet--ten-twelfths {
        width: 83.333%;
    }

    .tablet--one-eighth {
        width: 12.5%;
    }

    .tablet--three-eighths {
        width: 37.5%;
    }

    .tablet--five-eighths {
        width: 62.5%;
    }

    .tablet--seven-eighths {
        width: 87.5%;
    }

    .tablet--one-tenth {
        width: 10%;
    }

    .tablet--three-tenths {
        width: 30%;
    }

    .tablet--seven-tenths {
        width: 70%;
    }

    .tablet--nine-tenths {
        width: 90%;
    }

    .tablet--one-twelfth {
        width: 8.333%;
    }

    .tablet--five-twelfths {
        width: 41.666%;
    }

    .tablet--seven-twelfths {
        width: 58.333%;
    }

    .tablet--eleven-twelfths {
        width: 91.666%;
    }
}

@media only screen and (min-width: 1000px) {
    .desktop--one-whole {
        width: 100%;
    }

    .desktop--one-half, .desktop--two-quarters, .desktop--three-sixths, .desktop--four-eighths, .desktop--five-tenths, .desktop--six-twelfths {
        width: 50%;
    }

    .desktop--one-third, .desktop--two-sixths, .desktop--four-twelfths {
        width: 33.333%;
    }

    .desktop--two-thirds, .desktop--four-sixths, .desktop--eight-twelfths {
        width: 66.666%;
    }

    .desktop--one-quarter, .desktop--two-eighths, .desktop--three-twelfths {
        width: 25%;
    }

    .desktop--three-quarters, .desktop--six-eighths, .desktop--nine-twelfths {
        width: 75%;
    }

    .desktop--one-fifth, .desktop--two-tenths {
        width: 20%;
    }

    .desktop--two-fifths, .desktop--four-tenths {
        width: 40%;
    }

    .desktop--three-fifths, .desktop--six-tenths {
        width: 60%;
    }

    .desktop--four-fifths, .desktop--eight-tenths {
        width: 80%;
    }

    .desktop--one-sixth, .desktop--two-twelfths {
        width: 16.666%;
    }

    .desktop--five-sixths, .desktop--ten-twelfths {
        width: 83.333%;
    }

    .desktop--one-eighth {
        width: 12.5%;
    }

    .desktop--three-eighths {
        width: 37.5%;
    }

    .desktop--five-eighths {
        width: 62.5%;
    }

    .desktop--seven-eighths {
        width: 87.5%;
    }

    .desktop--one-tenth {
        width: 10%;
    }

    .desktop--three-tenths {
        width: 30%;
    }

    .desktop--seven-tenths {
        width: 70%;
    }

    .desktop--nine-tenths {
        width: 90%;
    }

    .desktop--one-twelfth {
        width: 8.333%;
    }

    .desktop--five-twelfths {
        width: 41.666%;
    }

    .desktop--seven-twelfths {
        width: 58.333%;
    }

    .desktop--eleven-twelfths {
        width: 91.666%;
    }
}

@media only screen and (min-width: 1440px) {
    .large-desktop--one-whole {
        width: 100%;
    }

    .large-desktop--one-half, .large-desktop--two-quarters, .large-desktop--three-sixths, .large-desktop--four-eighths, .large-desktop--five-tenths, .large-desktop--six-twelfths {
        width: 50%;
    }

    .large-desktop--one-third, .large-desktop--two-sixths, .large-desktop--four-twelfths {
        width: 33.333%;
    }

    .large-desktop--two-thirds, .large-desktop--four-sixths, .large-desktop--eight-twelfths {
        width: 66.666%;
    }

    .large-desktop--one-quarter, .large-desktop--two-eighths, .large-desktop--three-twelfths {
        width: 25%;
    }

    .large-desktop--three-quarters, .large-desktop--six-eighths, .large-desktop--nine-twelfths {
        width: 75%;
    }

    .large-desktop--one-fifth, .large-desktop--two-tenths {
        width: 20%;
    }

    .large-desktop--two-fifths, .large-desktop--four-tenths {
        width: 40%;
    }

    .large-desktop--three-fifths, .large-desktop--six-tenths {
        width: 60%;
    }

    .large-desktop--four-fifths, .large-desktop--eight-tenths {
        width: 80%;
    }

    .large-desktop--one-sixth, .large-desktop--two-twelfths {
        width: 16.666%;
    }

    .large-desktop--five-sixths, .large-desktop--ten-twelfths {
        width: 83.333%;
    }

    .large-desktop--one-eighth {
        width: 12.5%;
    }

    .large-desktop--three-eighths {
        width: 37.5%;
    }

    .large-desktop--five-eighths {
        width: 62.5%;
    }

    .large-desktop--seven-eighths {
        width: 87.5%;
    }

    .large-desktop--one-tenth {
        width: 10%;
    }

    .large-desktop--three-tenths {
        width: 30%;
    }

    .large-desktop--seven-tenths {
        width: 70%;
    }

    .large-desktop--nine-tenths {
        width: 90%;
    }

    .large-desktop--one-twelfth {
        width: 8.333%;
    }

    .large-desktop--five-twelfths {
        width: 41.666%;
    }

    .large-desktop--seven-twelfths {
        width: 58.333%;
    }

    .large-desktop--eleven-twelfths {
        width: 91.666%;
    }
}

[class*="push--"] {
    position: relative;
}

.push--one-whole {
    left: 100%;
}

.push--one-half, .push--two-quarters, .push--three-sixths, .push--four-eighths, .push--five-tenths, .push--six-twelfths {
    left: 50%;
}

.push--one-third, .push--two-sixths, .push--four-twelfths {
    left: 33.333%;
}

.push--two-thirds, .push--four-sixths, .push--eight-twelfths {
    left: 66.666%;
}

.push--one-quarter, .push--two-eighths, .push--three-twelfths {
    left: 25%;
}

.push--three-quarters, .push--six-eighths, .push--nine-twelfths {
    left: 75%;
}

.push--one-fifth, .push--two-tenths {
    left: 20%;
}

.push--two-fifths, .push--four-tenths {
    left: 40%;
}

.push--three-fifths, .push--six-tenths {
    left: 60%;
}

.push--four-fifths, .push--eight-tenths {
    left: 80%;
}

.push--one-sixth, .push--two-twelfths {
    left: 16.666%;
}

.push--five-sixths, .push--ten-twelfths {
    left: 83.333%;
}

.push--one-eighth {
    left: 12.5%;
}

.push--three-eighths {
    left: 37.5%;
}

.push--five-eighths {
    left: 62.5%;
}

.push--seven-eighths {
    left: 87.5%;
}

.push--one-tenth {
    left: 10%;
}

.push--three-tenths {
    left: 30%;
}

.push--seven-tenths {
    left: 70%;
}

.push--nine-tenths {
    left: 90%;
}

.push--one-twelfth {
    left: 8.333%;
}

.push--five-twelfths {
    left: 41.666%;
}

.push--seven-twelfths {
    left: 58.333%;
}

.push--eleven-twelfths {
    left: 91.666%;
}

@media only screen and (max-width: 599px) {
    .push--mobile--one-whole {
        left: 100%;
    }

    .push--mobile--one-half, .push--mobile--two-quarters, .push--mobile--three-sixths, .push--mobile--four-eighths, .push--mobile--five-tenths, .push--mobile--six-twelfths {
        left: 50%;
    }

    .push--mobile--one-third, .push--mobile--two-sixths, .push--mobile--four-twelfths {
        left: 33.333%;
    }

    .push--mobile--two-thirds, .push--mobile--four-sixths, .push--mobile--eight-twelfths {
        left: 66.666%;
    }

    .push--mobile--one-quarter, .push--mobile--two-eighths, .push--mobile--three-twelfths {
        left: 25%;
    }

    .push--mobile--three-quarters, .push--mobile--six-eighths, .push--mobile--nine-twelfths {
        left: 75%;
    }

    .push--mobile--one-fifth, .push--mobile--two-tenths {
        left: 20%;
    }

    .push--mobile--two-fifths, .push--mobile--four-tenths {
        left: 40%;
    }

    .push--mobile--three-fifths, .push--mobile--six-tenths {
        left: 60%;
    }

    .push--mobile--four-fifths, .push--mobile--eight-tenths {
        left: 80%;
    }

    .push--mobile--one-sixth, .push--mobile--two-twelfths {
        left: 16.666%;
    }

    .push--mobile--five-sixths, .push--mobile--ten-twelfths {
        left: 83.333%;
    }

    .push--mobile--one-eighth {
        left: 12.5%;
    }

    .push--mobile--three-eighths {
        left: 37.5%;
    }

    .push--mobile--five-eighths {
        left: 62.5%;
    }

    .push--mobile--seven-eighths {
        left: 87.5%;
    }

    .push--mobile--one-tenth {
        left: 10%;
    }

    .push--mobile--three-tenths {
        left: 30%;
    }

    .push--mobile--seven-tenths {
        left: 70%;
    }

    .push--mobile--nine-tenths {
        left: 90%;
    }

    .push--mobile--one-twelfth {
        left: 8.333%;
    }

    .push--mobile--five-twelfths {
        left: 41.666%;
    }

    .push--mobile--seven-twelfths {
        left: 58.333%;
    }

    .push--mobile--eleven-twelfths {
        left: 91.666%;
    }
}

@media only screen and (min-width: 600px) {
    .push--tablet--one-whole {
        left: 100%;
    }

    .push--tablet--one-half, .push--tablet--two-quarters, .push--tablet--three-sixths, .push--tablet--four-eighths, .push--tablet--five-tenths, .push--tablet--six-twelfths {
        left: 50%;
    }

    .push--tablet--one-third, .push--tablet--two-sixths, .push--tablet--four-twelfths {
        left: 33.333%;
    }

    .push--tablet--two-thirds, .push--tablet--four-sixths, .push--tablet--eight-twelfths {
        left: 66.666%;
    }

    .push--tablet--one-quarter, .push--tablet--two-eighths, .push--tablet--three-twelfths {
        left: 25%;
    }

    .push--tablet--three-quarters, .push--tablet--six-eighths, .push--tablet--nine-twelfths {
        left: 75%;
    }

    .push--tablet--one-fifth, .push--tablet--two-tenths {
        left: 20%;
    }

    .push--tablet--two-fifths, .push--tablet--four-tenths {
        left: 40%;
    }

    .push--tablet--three-fifths, .push--tablet--six-tenths {
        left: 60%;
    }

    .push--tablet--four-fifths, .push--tablet--eight-tenths {
        left: 80%;
    }

    .push--tablet--one-sixth, .push--tablet--two-twelfths {
        left: 16.666%;
    }

    .push--tablet--five-sixths, .push--tablet--ten-twelfths {
        left: 83.333%;
    }

    .push--tablet--one-eighth {
        left: 12.5%;
    }

    .push--tablet--three-eighths {
        left: 37.5%;
    }

    .push--tablet--five-eighths {
        left: 62.5%;
    }

    .push--tablet--seven-eighths {
        left: 87.5%;
    }

    .push--tablet--one-tenth {
        left: 10%;
    }

    .push--tablet--three-tenths {
        left: 30%;
    }

    .push--tablet--seven-tenths {
        left: 70%;
    }

    .push--tablet--nine-tenths {
        left: 90%;
    }

    .push--tablet--one-twelfth {
        left: 8.333%;
    }

    .push--tablet--five-twelfths {
        left: 41.666%;
    }

    .push--tablet--seven-twelfths {
        left: 58.333%;
    }

    .push--tablet--eleven-twelfths {
        left: 91.666%;
    }
}

@media only screen and (min-width: 1000px) {
    .push--desktop--one-whole {
        left: 100%;
    }

    .push--desktop--one-half, .push--desktop--two-quarters, .push--desktop--three-sixths, .push--desktop--four-eighths, .push--desktop--five-tenths, .push--desktop--six-twelfths {
        left: 50%;
    }

    .push--desktop--one-third, .push--desktop--two-sixths, .push--desktop--four-twelfths {
        left: 33.333%;
    }

    .push--desktop--two-thirds, .push--desktop--four-sixths, .push--desktop--eight-twelfths {
        left: 66.666%;
    }

    .push--desktop--one-quarter, .push--desktop--two-eighths, .push--desktop--three-twelfths {
        left: 25%;
    }

    .push--desktop--three-quarters, .push--desktop--six-eighths, .push--desktop--nine-twelfths {
        left: 75%;
    }

    .push--desktop--one-fifth, .push--desktop--two-tenths {
        left: 20%;
    }

    .push--desktop--two-fifths, .push--desktop--four-tenths {
        left: 40%;
    }

    .push--desktop--three-fifths, .push--desktop--six-tenths {
        left: 60%;
    }

    .push--desktop--four-fifths, .push--desktop--eight-tenths {
        left: 80%;
    }

    .push--desktop--one-sixth, .push--desktop--two-twelfths {
        left: 16.666%;
    }

    .push--desktop--five-sixths, .push--desktop--ten-twelfths {
        left: 83.333%;
    }

    .push--desktop--one-eighth {
        left: 12.5%;
    }

    .push--desktop--three-eighths {
        left: 37.5%;
    }

    .push--desktop--five-eighths {
        left: 62.5%;
    }

    .push--desktop--seven-eighths {
        left: 87.5%;
    }

    .push--desktop--one-tenth {
        left: 10%;
    }

    .push--desktop--three-tenths {
        left: 30%;
    }

    .push--desktop--seven-tenths {
        left: 70%;
    }

    .push--desktop--nine-tenths {
        left: 90%;
    }

    .push--desktop--one-twelfth {
        left: 8.333%;
    }

    .push--desktop--five-twelfths {
        left: 41.666%;
    }

    .push--desktop--seven-twelfths {
        left: 58.333%;
    }

    .push--desktop--eleven-twelfths {
        left: 91.666%;
    }
}

@media only screen and (min-width: 1440px) {
    .push--large-desktop--one-whole {
        left: 100%;
    }

    .push--large-desktop--one-half, .push--large-desktop--two-quarters, .push--large-desktop--three-sixths, .push--large-desktop--four-eighths, .push--large-desktop--five-tenths, .push--large-desktop--six-twelfths {
        left: 50%;
    }

    .push--large-desktop--one-third, .push--large-desktop--two-sixths, .push--large-desktop--four-twelfths {
        left: 33.333%;
    }

    .push--large-desktop--two-thirds, .push--large-desktop--four-sixths, .push--large-desktop--eight-twelfths {
        left: 66.666%;
    }

    .push--large-desktop--one-quarter, .push--large-desktop--two-eighths, .push--large-desktop--three-twelfths {
        left: 25%;
    }

    .push--large-desktop--three-quarters, .push--large-desktop--six-eighths, .push--large-desktop--nine-twelfths {
        left: 75%;
    }

    .push--large-desktop--one-fifth, .push--large-desktop--two-tenths {
        left: 20%;
    }

    .push--large-desktop--two-fifths, .push--large-desktop--four-tenths {
        left: 40%;
    }

    .push--large-desktop--three-fifths, .push--large-desktop--six-tenths {
        left: 60%;
    }

    .push--large-desktop--four-fifths, .push--large-desktop--eight-tenths {
        left: 80%;
    }

    .push--large-desktop--one-sixth, .push--large-desktop--two-twelfths {
        left: 16.666%;
    }

    .push--large-desktop--five-sixths, .push--large-desktop--ten-twelfths {
        left: 83.333%;
    }

    .push--large-desktop--one-eighth {
        left: 12.5%;
    }

    .push--large-desktop--three-eighths {
        left: 37.5%;
    }

    .push--large-desktop--five-eighths {
        left: 62.5%;
    }

    .push--large-desktop--seven-eighths {
        left: 87.5%;
    }

    .push--large-desktop--one-tenth {
        left: 10%;
    }

    .push--large-desktop--three-tenths {
        left: 30%;
    }

    .push--large-desktop--seven-tenths {
        left: 70%;
    }

    .push--large-desktop--nine-tenths {
        left: 90%;
    }

    .push--large-desktop--one-twelfth {
        left: 8.333%;
    }

    .push--large-desktop--five-twelfths {
        left: 41.666%;
    }

    .push--large-desktop--seven-twelfths {
        left: 58.333%;
    }

    .push--large-desktop--eleven-twelfths {
        left: 91.666%;
    }
}

[class*="pull--"] {
    position: relative;
}

.pull--one-whole {
    right: 100%;
}

.pull--one-half, .pull--two-quarters, .pull--three-sixths, .pull--four-eighths, .pull--five-tenths, .pull--six-twelfths {
    right: 50%;
}

.pull--one-third, .pull--two-sixths, .pull--four-twelfths {
    right: 33.333%;
}

.pull--two-thirds, .pull--four-sixths, .pull--eight-twelfths {
    right: 66.666%;
}

.pull--one-quarter, .pull--two-eighths, .pull--three-twelfths {
    right: 25%;
}

.pull--three-quarters, .pull--six-eighths, .pull--nine-twelfths {
    right: 75%;
}

.pull--one-fifth, .pull--two-tenths {
    right: 20%;
}

.pull--two-fifths, .pull--four-tenths {
    right: 40%;
}

.pull--three-fifths, .pull--six-tenths {
    right: 60%;
}

.pull--four-fifths, .pull--eight-tenths {
    right: 80%;
}

.pull--one-sixth, .pull--two-twelfths {
    right: 16.666%;
}

.pull--five-sixths, .pull--ten-twelfths {
    right: 83.333%;
}

.pull--one-eighth {
    right: 12.5%;
}

.pull--three-eighths {
    right: 37.5%;
}

.pull--five-eighths {
    right: 62.5%;
}

.pull--seven-eighths {
    right: 87.5%;
}

.pull--one-tenth {
    right: 10%;
}

.pull--three-tenths {
    right: 30%;
}

.pull--seven-tenths {
    right: 70%;
}

.pull--nine-tenths {
    right: 90%;
}

.pull--one-twelfth {
    right: 8.333%;
}

.pull--five-twelfths {
    right: 41.666%;
}

.pull--seven-twelfths {
    right: 58.333%;
}

.pull--eleven-twelfths {
    right: 91.666%;
}

@media only screen and (max-width: 599px) {
    .pull--mobile--one-whole {
        right: 100%;
    }

    .pull--mobile--one-half, .pull--mobile--two-quarters, .pull--mobile--three-sixths, .pull--mobile--four-eighths, .pull--mobile--five-tenths, .pull--mobile--six-twelfths {
        right: 50%;
    }

    .pull--mobile--one-third, .pull--mobile--two-sixths, .pull--mobile--four-twelfths {
        right: 33.333%;
    }

    .pull--mobile--two-thirds, .pull--mobile--four-sixths, .pull--mobile--eight-twelfths {
        right: 66.666%;
    }

    .pull--mobile--one-quarter, .pull--mobile--two-eighths, .pull--mobile--three-twelfths {
        right: 25%;
    }

    .pull--mobile--three-quarters, .pull--mobile--six-eighths, .pull--mobile--nine-twelfths {
        right: 75%;
    }

    .pull--mobile--one-fifth, .pull--mobile--two-tenths {
        right: 20%;
    }

    .pull--mobile--two-fifths, .pull--mobile--four-tenths {
        right: 40%;
    }

    .pull--mobile--three-fifths, .pull--mobile--six-tenths {
        right: 60%;
    }

    .pull--mobile--four-fifths, .pull--mobile--eight-tenths {
        right: 80%;
    }

    .pull--mobile--one-sixth, .pull--mobile--two-twelfths {
        right: 16.666%;
    }

    .pull--mobile--five-sixths, .pull--mobile--ten-twelfths {
        right: 83.333%;
    }

    .pull--mobile--one-eighth {
        right: 12.5%;
    }

    .pull--mobile--three-eighths {
        right: 37.5%;
    }

    .pull--mobile--five-eighths {
        right: 62.5%;
    }

    .pull--mobile--seven-eighths {
        right: 87.5%;
    }

    .pull--mobile--one-tenth {
        right: 10%;
    }

    .pull--mobile--three-tenths {
        right: 30%;
    }

    .pull--mobile--seven-tenths {
        right: 70%;
    }

    .pull--mobile--nine-tenths {
        right: 90%;
    }

    .pull--mobile--one-twelfth {
        right: 8.333%;
    }

    .pull--mobile--five-twelfths {
        right: 41.666%;
    }

    .pull--mobile--seven-twelfths {
        right: 58.333%;
    }

    .pull--mobile--eleven-twelfths {
        right: 91.666%;
    }
}

@media only screen and (min-width: 600px) {
    .pull--tablet--one-whole {
        right: 100%;
    }

    .pull--tablet--one-half, .pull--tablet--two-quarters, .pull--tablet--three-sixths, .pull--tablet--four-eighths, .pull--tablet--five-tenths, .pull--tablet--six-twelfths {
        right: 50%;
    }

    .pull--tablet--one-third, .pull--tablet--two-sixths, .pull--tablet--four-twelfths {
        right: 33.333%;
    }

    .pull--tablet--two-thirds, .pull--tablet--four-sixths, .pull--tablet--eight-twelfths {
        right: 66.666%;
    }

    .pull--tablet--one-quarter, .pull--tablet--two-eighths, .pull--tablet--three-twelfths {
        right: 25%;
    }

    .pull--tablet--three-quarters, .pull--tablet--six-eighths, .pull--tablet--nine-twelfths {
        right: 75%;
    }

    .pull--tablet--one-fifth, .pull--tablet--two-tenths {
        right: 20%;
    }

    .pull--tablet--two-fifths, .pull--tablet--four-tenths {
        right: 40%;
    }

    .pull--tablet--three-fifths, .pull--tablet--six-tenths {
        right: 60%;
    }

    .pull--tablet--four-fifths, .pull--tablet--eight-tenths {
        right: 80%;
    }

    .pull--tablet--one-sixth, .pull--tablet--two-twelfths {
        right: 16.666%;
    }

    .pull--tablet--five-sixths, .pull--tablet--ten-twelfths {
        right: 83.333%;
    }

    .pull--tablet--one-eighth {
        right: 12.5%;
    }

    .pull--tablet--three-eighths {
        right: 37.5%;
    }

    .pull--tablet--five-eighths {
        right: 62.5%;
    }

    .pull--tablet--seven-eighths {
        right: 87.5%;
    }

    .pull--tablet--one-tenth {
        right: 10%;
    }

    .pull--tablet--three-tenths {
        right: 30%;
    }

    .pull--tablet--seven-tenths {
        right: 70%;
    }

    .pull--tablet--nine-tenths {
        right: 90%;
    }

    .pull--tablet--one-twelfth {
        right: 8.333%;
    }

    .pull--tablet--five-twelfths {
        right: 41.666%;
    }

    .pull--tablet--seven-twelfths {
        right: 58.333%;
    }

    .pull--tablet--eleven-twelfths {
        right: 91.666%;
    }
}

@media only screen and (min-width: 1000px) {
    .pull--desktop--one-whole {
        right: 100%;
    }

    .pull--desktop--one-half, .pull--desktop--two-quarters, .pull--desktop--three-sixths, .pull--desktop--four-eighths, .pull--desktop--five-tenths, .pull--desktop--six-twelfths {
        right: 50%;
    }

    .pull--desktop--one-third, .pull--desktop--two-sixths, .pull--desktop--four-twelfths {
        right: 33.333%;
    }

    .pull--desktop--two-thirds, .pull--desktop--four-sixths, .pull--desktop--eight-twelfths {
        right: 66.666%;
    }

    .pull--desktop--one-quarter, .pull--desktop--two-eighths, .pull--desktop--three-twelfths {
        right: 25%;
    }

    .pull--desktop--three-quarters, .pull--desktop--six-eighths, .pull--desktop--nine-twelfths {
        right: 75%;
    }

    .pull--desktop--one-fifth, .pull--desktop--two-tenths {
        right: 20%;
    }

    .pull--desktop--two-fifths, .pull--desktop--four-tenths {
        right: 40%;
    }

    .pull--desktop--three-fifths, .pull--desktop--six-tenths {
        right: 60%;
    }

    .pull--desktop--four-fifths, .pull--desktop--eight-tenths {
        right: 80%;
    }

    .pull--desktop--one-sixth, .pull--desktop--two-twelfths {
        right: 16.666%;
    }

    .pull--desktop--five-sixths, .pull--desktop--ten-twelfths {
        right: 83.333%;
    }

    .pull--desktop--one-eighth {
        right: 12.5%;
    }

    .pull--desktop--three-eighths {
        right: 37.5%;
    }

    .pull--desktop--five-eighths {
        right: 62.5%;
    }

    .pull--desktop--seven-eighths {
        right: 87.5%;
    }

    .pull--desktop--one-tenth {
        right: 10%;
    }

    .pull--desktop--three-tenths {
        right: 30%;
    }

    .pull--desktop--seven-tenths {
        right: 70%;
    }

    .pull--desktop--nine-tenths {
        right: 90%;
    }

    .pull--desktop--one-twelfth {
        right: 8.333%;
    }

    .pull--desktop--five-twelfths {
        right: 41.666%;
    }

    .pull--desktop--seven-twelfths {
        right: 58.333%;
    }

    .pull--desktop--eleven-twelfths {
        right: 91.666%;
    }
}

@media only screen and (min-width: 1440px) {
    .pull--large-desktop--one-whole {
        right: 100%;
    }

    .pull--large-desktop--one-half, .pull--large-desktop--two-quarters, .pull--large-desktop--three-sixths, .pull--large-desktop--four-eighths, .pull--large-desktop--five-tenths, .pull--large-desktop--six-twelfths {
        right: 50%;
    }

    .pull--large-desktop--one-third, .pull--large-desktop--two-sixths, .pull--large-desktop--four-twelfths {
        right: 33.333%;
    }

    .pull--large-desktop--two-thirds, .pull--large-desktop--four-sixths, .pull--large-desktop--eight-twelfths {
        right: 66.666%;
    }

    .pull--large-desktop--one-quarter, .pull--large-desktop--two-eighths, .pull--large-desktop--three-twelfths {
        right: 25%;
    }

    .pull--large-desktop--three-quarters, .pull--large-desktop--six-eighths, .pull--large-desktop--nine-twelfths {
        right: 75%;
    }

    .pull--large-desktop--one-fifth, .pull--large-desktop--two-tenths {
        right: 20%;
    }

    .pull--large-desktop--two-fifths, .pull--large-desktop--four-tenths {
        right: 40%;
    }

    .pull--large-desktop--three-fifths, .pull--large-desktop--six-tenths {
        right: 60%;
    }

    .pull--large-desktop--four-fifths, .pull--large-desktop--eight-tenths {
        right: 80%;
    }

    .pull--large-desktop--one-sixth, .pull--large-desktop--two-twelfths {
        right: 16.666%;
    }

    .pull--large-desktop--five-sixths, .pull--large-desktop--ten-twelfths {
        right: 83.333%;
    }

    .pull--large-desktop--one-eighth {
        right: 12.5%;
    }

    .pull--large-desktop--three-eighths {
        right: 37.5%;
    }

    .pull--large-desktop--five-eighths {
        right: 62.5%;
    }

    .pull--large-desktop--seven-eighths {
        right: 87.5%;
    }

    .pull--large-desktop--one-tenth {
        right: 10%;
    }

    .pull--large-desktop--three-tenths {
        right: 30%;
    }

    .pull--large-desktop--seven-tenths {
        right: 70%;
    }

    .pull--large-desktop--nine-tenths {
        right: 90%;
    }

    .pull--large-desktop--one-twelfth {
        right: 8.333%;
    }

    .pull--large-desktop--five-twelfths {
        right: 41.666%;
    }

    .pull--large-desktop--seven-twelfths {
        right: 58.333%;
    }

    .pull--large-desktop--eleven-twelfths {
        right: 91.666%;
    }
}

.l-header {
    background-color: #fff;
    height: 68px;
    position: relative;
    z-index: 1000;
    padding-top:12px;
}

.l-header__cta {
    border-radius: 0;
    border-width: 0;
    line-height: 49px;
    padding: 0 43px;
}

.l-header.l-header--locked {
    box-shadow: rgba(0,0,0,0.2) 0 2px 6px 0;
    left: 0;
    right: 0;
    top: 0;
    z-index: 999;
}

.l-header .logo-datally {
    display: inline-block;
    position: relative;
    width: 100px;
}

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

    .l-header {
        height: 68px;
    }

        .l-header .logo-datally {
            left: 0;
            top: 0;
            width: 135px;
        }

        .l-header .l-header__right {
            float: right;
        }
}

.c-nav [role="menubar"] {
    list-style: none;
    margin: 0;
    padding: 0;
}

@media only screen and (min-width: 1000px) {
    .c-nav [role="menubar"] > li {
        float: left;
    }

        .c-nav [role="menubar"] > li.social-menu {
            float: right;
            margin-right: 15px;
        }

    .c-nav [role="menubar"]:after {
        clear: both;
        content: "";
        display: block;
    }
}

.c-nav [role="menuitem"] {
    color: #838383;
    display: block;
    padding: 20px;
    font-size: 16px;
    font-size: 1rem;
    -webkit-transition: all 100ms cubic-bezier(0.25, 0.1, 0.25, 1);
    -moz-transition: all 100ms cubic-bezier(0.25, 0.1, 0.25, 1);
    -o-transition: all 100ms cubic-bezier(0.25, 0.1, 0.25, 1);
    transition: all 100ms cubic-bezier(0.25, 0.1, 0.25, 1);
}

    .c-nav [role="menuitem"]:active, .c-nav [role="menuitem"]:focus, .c-nav [role="menuitem"]:hover, .c-nav [role="menuitem"].is-active {
        color: #424242;
        text-decoration: none;
    }

@media only screen and (min-width: 1000px) {
    .c-nav [role="menuitem"] {
        padding: 10px 15px;
    }
}

.c-nav--main [role="menuitem"] {
    font-weight: 400;
}

@media only screen and (max-width: 999px) {
    .c-nav [role="menuitem"] {
        padding: 10px 0;
        font-size: 14px;
        font-size: .875rem;
    }

    .c-nav .social-menu {
        margin: 5px 15px;
    }
}

.l-footer {
    background-color: #f2f2f2;
    position: relative;
    z-index: 900;
}

.l-footer__cta-wrapper {
    min-height: 80px;
}

.l-footer__cta {
    border-radius: 0;
    border-width: 0;
    bottom: 0;
    line-height: 63px;
    padding: 0;
    position: fixed;
    text-align: center;
    width: 100%;
    z-index: 2;
}

.l-footer .logo-google {
    display: block;
    height: 34px;
    width: 92px;
}

@media only screen and (min-width: 600px) {
    .l-footer .logo-google {
        margin-left: 15px;
        margin-right: 30px;
        padding: 10px 15px;
    }
}

.l-footer .logo-google img {
    opacity: 0.6;
}

@media only screen and (max-width: 599px) {
    .l-footer .logo-google img {
        max-width: 80%;
    }
}

.l-footer .c-nav--main [role="menubar"] {
    padding: 0 5px;
}

@media only screen and (min-width: 600px) {
    .l-footer .c-nav--main [role="menubar"] {
        padding: 15px 0 25px;
    }
}

.l-footer .c-nav--main .c-nav__header {
    border-bottom: 1px solid #e9e9e9;
    margin: 0 15px;
    padding: 22px 0;
}

@media only screen and (min-width: 1000px) {
    .l-footer .c-nav--main [role="menubar"] {
        display: flex;
        align-items: center;
        margin: 0 -15px;
        padding: 50px 0;
    }

    .l-footer .c-nav--main {
        padding: 0 30px;
    }

        .l-footer .c-nav--main .c-nav__header {
            margin: 0;
            padding: 29px 0;
        }
}

.language-select {
    margin: 0;
    padding: 0;
    position: absolute;
    right: 30px;
    top: 72px;
}

.language-select-container {
    background-color: transparent;
    display: inline-block;
    margin-top: 5px;
    position: relative;
    vertical-align: bottom;
    width: 190px;
}

    .language-select-container label {
        line-height: 16px;
    }

    .language-select-container .caret-down {
        position: absolute;
        right: 5px;
        top: 7px;
        z-index: 1;
        fill: #b1b1b1;
    }

.language-select-options {
    background-color: transparent;
    border: 1px solid #ededed;
    border-radius: 1px;
    color: #b1b1b1;
    cursor: pointer;
    display: inline-block;
    font-family: inherit;
    font-weight: 400;
    padding: 10px 16px;
    position: relative;
    transition: all 0.25s ease-in-out;
    vertical-align: top;
    width: 100%;
    z-index: 2;
    -moz-appearance: none;
    -webkit-appearance: none;
    line-height: 1.14286;
    font-size: 14px;
    font-size: .875rem;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

    .language-select-options:hover {
        box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    }

.icon {
    display: inline-block;
    vertical-align: middle;
}

.icon--circle-outer {
    background: #cfcfcf;
    border-radius: 50%;
    display: inline-block;
    height: 25px;
    padding: 7px;
    width: 25px;
    -webkit-transition: background-color 0.2s ease-in-out;
    -moz-transition: background-color 0.2s ease-in-out;
    -o-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
    fill: white;
}

.l-footer__social a:hover .icon--circle-outer, .l-footer__social a:focus .icon--circle-outer {
    background: #424242;
}

.icon--circle-outer.icon--google-plus {
    height: 25px;
    padding: 7px;
    width: 25px;
}

.icon--circle-outer.icon--facebook {
    height: 20px;
    padding: 9.5px;
    width: 20px;
}

.icon--circle-outer.icon--twitter {
    height: 18px;
    padding: 10.5px;
    width: 18px;
}

@media only screen and (max-width: 999px) {
    .l-footer__social {
        right: 10px;
        top: 20px;
    }

    .language-select {
        right: 16px;
        top: 9px;
    }

    .l-footer__social li {
        margin: 0 6px;
    }

    .l-footer__social__share {
        font-size: 12px;
        font-size: .75rem;
    }

    .icon--circle-outer.icon--google-plus {
        height: 18.75px;
        padding: 5.25px;
        width: 18.75px;
    }

    .icon--circle-outer.icon--facebook {
        height: 15px;
        padding: 7.125px;
        width: 15px;
    }

    .icon--circle-outer.icon--twitter {
        height: 13.5px;
        padding: 7.875px;
        width: 13.5px;
    }
}

.icons {
    left: 50%;
    max-width: 700px;
    opacity: 0.35;
    position: absolute;
    top: 30px;
    width: 100%;
}

    .icons svg {
        margin-left: -100%;
        transform-box: fill-box;
    }

        .icons svg .cls-1 {
            fill: #3374ba;
        }

        .icons svg .cls-2 {
            fill: #fff;
        }

        .icons svg > g {
            opacity: 0;
        }

    .icons.animated svg > g {
        -webkit-transition: all 3s cubic-bezier(0.25, 0.1, 0.25, 1);
        -moz-transition: all 3s cubic-bezier(0.25, 0.1, 0.25, 1);
        -o-transition: all 3s cubic-bezier(0.25, 0.1, 0.25, 1);
        transition: all 3s cubic-bezier(0.25, 0.1, 0.25, 1);
    }

@media only screen and (min-width: 600px) {
    .icons {
        top: 50px;
    }
}

@media only screen and (min-width: 1000px) {
    .icons {
        top: 30px;
    }
}

.o-container--anim-parent {
    position: relative;
}

.anim {
    margin: 0 auto;
    max-width: 550px;
    position: relative;
}

.anim__image {
    height: auto;
    position: absolute;
}

.anim-00__family-left {
    left: 13.5%;
    top: 182px;
}

.anim-00__trees {
    left: calc(22.9% + 80px);
    top: 35px;
}

.anim-00__cloud-left {
    left: 14%;
    top: 64px;
}

.anim-00__grass-left {
    left: 14%;
    top: 348px;
}

.anim-00__person {
    right: 22%;
    top: 158px;
}

.anim-00__tree {
    right: 16%;
    top: -7px;
}

.anim-00__cloud-right {
    right: 13.6%;
}

.anim-00__icon-left {
    left: 19.2%;
    top: 146px;
}

.anim-00__icon-right {
    right: 19%;
    top: 82px;
}

.anim-01 .anim__wrapper {
    padding-top: 29.89537%;
}

.anim-01__trees-left {
    bottom: 75px;
    left: 5%;
}

.anim-01__trees-right {
    bottom: 75px;
    right: 5%;
}

.anim-01__people-left {
    bottom: 93px;
    left: 20%;
}

.anim-01__flower-left {
    bottom: 90px;
    left: 18.12%;
}

.anim-01__icon-left {
    bottom: 252px;
    left: 23.5%;
}

.anim-01__icon-right {
    bottom: 245px;
    right: 25.5%;
}

.anim-01__icon2-right {
    bottom: 246px;
    right: 7%;
}

.anim-01__person-right {
    bottom: 93px;
    right: 21%;
}

.anim-01__person2-right {
    bottom: 93px;
    right: 10.6%;
}

.anim-01__flower-right {
    bottom: 92px;
    right: 25%;
}

.anim-01__flower2-right {
    bottom: 91px;
    right: 8%;
}

.anim-02 {
    max-width: 420px;
}

    .anim-02 .anim__wrapper {
        padding-top: 80%;
    }

.anim-02__trees-left {
    bottom: 6%;
    left: 6%;
}

.anim-02__trees-right {
    bottom: 4.8%;
    left: 66.6%;
    width: 100%;
}

.anim-02__person-right2 {
    bottom: 8.2%;
    right: 20%;
}

.anim-02__icon {
    bottom: 30%;
    right: 15.5%;
}

.anim-02__cloud {
    right: 8%;
    top: 38%;
}

.anim-03 .anim__wrapper {
    height: 250px;
}

.anim-03__ground-left {
    left: 6%;
    top: 615px;
}

.anim-03__ground-right {
    margin-right: -580px;
    right: 50%;
    top: 675px;
}

.anim-03__icon-left {
    left: 7.5%;
    top: 485px;
}

.anim-03__window-left {
    left: 18%;
    top: 542px;
}

.anim-03__window-right {
    margin-right: -492px;
    right: 50%;
    top: 542px;
}

.anim-03__plant {
    margin-right: -380px;
    right: 50%;
    top: 617px;
}

.anim-04 .anim__wrapper {
    padding-top: 46.875%;
}

.anim-04__city-left {
    bottom: 26px;
    left: 5%;
    z-index: 0;
}

.anim-04__city-right {
    bottom: 15px;
    display: block;
    left: 50%;
    margin-left: 180px;
}

.anim-04__icon {
    bottom: 170px;
    display: block;
    left: 50%;
    margin-left: 210px;
}

.anim-04__icon2 {
    bottom: 170px;
    display: block;
    left: 50%;
    margin-left: 460px;
}

.anim-04__plant {
    bottom: 5.7%;
    left: calc(6% + 182px);
}

@media only screen and (max-width: 1000px) {
    .anim-00 .anim__wrapper {
        padding-top: 0;
    }

    .anim-00__family-left {
        display: none;
    }

    .anim-00__trees {
        display: none;
    }

    .anim-00__cloud-left {
        display: none;
    }

    .anim-00__grass-left {
        display: none;
    }

    .anim-00__person {
        display: none;
    }

    .anim-00__tree {
        display: none;
    }

    .anim-00__cloud-right {
        display: none;
    }

    .anim-00__icon-left {
        display: none;
    }

    .anim-00__icon-right {
        display: none;
    }

    .anim-01 .anim__wrapper {
        padding-top: 260px;
    }

    .anim-01__trees-left {
        bottom: 20px;
        left: 50%;
        margin-left: -140px;
        max-width: 280px;
    }

    .anim-01__trees-right {
        display: none;
    }

    .anim-01__people-left {
        bottom: 34px;
        left: 50%;
        margin-left: 30px;
        max-width: 60px;
    }

    .anim-01__flower-left {
        bottom: 35px;
        left: 50%;
        margin-left: -23px;
        max-width: 16px;
    }

    .anim-01__icon-left {
        bottom: 130px;
        left: 50%;
        margin-left: 60px;
        max-width: 35px;
    }

    .anim-01__icon-right {
        display: none;
    }

    .anim-01__icon2-right {
        display: none;
    }

    .anim-01__person-right {
        display: none;
    }

    .anim-01__person2-right {
        display: none;
    }

    .anim-01__flower-right {
        display: none;
    }

    .anim-01__flower2-right {
        display: none;
    }

    .anim-02 {
        max-width: 300px;
    }

        .anim-02 .anim__wrapper {
            padding-top: 241px;
        }

    .anim-02__trees-left {
        display: none;
    }

    .anim-02__trees-right {
        bottom: 6%;
        left: 50%;
        margin-left: -100px;
        max-width: 70%;
    }

    .anim-02__person-right2 {
        bottom: 9.4%;
        left: 28%;
        margin-left: 69px;
        max-width: 24px;
    }

    .anim-02__icon {
        bottom: 34%;
        left: 45%;
        margin-left: 40px;
        max-width: 40px;
    }

    .anim-02__cloud {
        display: none;
    }

    .anim-03 .anim__wrapper {
        height: 200px;
    }

    .anim-03__ground-left {
        left: 50%;
        margin-left: -100px;
        max-width: 200px;
        top: 100px;
    }

    .anim-03__ground-right {
        display: none;
    }

    .anim-03__icon-left {
        left: 50%;
        margin-left: -76px;
        top: 50px;
        width: 35px;
    }

    .anim-03__window-left {
        left: 50%;
        margin-left: -15px;
        max-width: 70px;
        top: 56px;
    }

    .anim-03__window-right {
        display: none;
    }

    .anim-03__plant {
        display: none;
    }

    .anim-04 .anim__wrapper {
        padding-top: 220px;
    }

    .anim-04__city-left {
        display: none;
    }

    .anim-04__city-right {
        bottom: 15px;
        left: 50%;
        margin-left: -100px;
        max-width: 200px;
    }

    .anim-04__icon {
        bottom: 94px;
        left: 50%;
        margin-left: -92px;
        max-width: 40px;
    }

    .anim-04__icon2 {
        bottom: 94px;
        left: 50%;
        margin-left: 38px;
        max-width: 40px;
    }

    .anim-04__plant {
        display: none;
    }
}

@media only screen and (min-width: 1000px) {
    .anim {
        bottom: 0;
        left: 0;
        margin: 0;
        max-width: none;
        position: absolute;
        right: 0;
        top: 0;
    }

    .anim__wrapper {
        bottom: 0;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
    }

    .anim__image {
        width: auto;
        width: initial;
    }

    .anim__image, .animated-opacity {
        opacity: 0;
    }

    .anim-01 .anim__wrapper {
        padding-top: 0;
    }

    .anim-02 {
        max-width: none;
    }

        .anim-02 .anim__wrapper {
            padding-top: 0;
        }
}

#hero-section {
    padding-bottom: 0;
    padding-top: 100px;
}

    #hero-section .l-section__media {
        /*min-width: 478px;*/
        padding-top: 18px;
    }

    #hero-section h2 {
        line-height: 1.4;
        font-size: 20px;
        font-size: 1.25rem;
    }

@media only screen and (max-width: 600px) {
    #hero-section {
        padding-top: 24px;
    }
}

.logo-datally-white {
    height: auto;
    max-width: 140px;
}

#see-how-section {
    position: relative;
}

@media only screen and (max-width: 600px) {
    #see-how-section h2 {
        margin: 0 auto;
        max-width: 260px;
    }
}

#see-how-section p {
    position: relative;
    z-index: 1;
}

@media only screen and (max-width: 600px) {
    #see-how-section p {
        margin-left: auto;
        margin-right: auto;
        margin-top: 1.5em;
        max-width: 290px;
    }
}

#phone-floater-container {
    background: #0273bd;
}

#control-how-section {
    position: relative;
    z-index: 2;
}

@media only screen and (max-width: 600px) {
    #control-how-section p {
        margin-left: auto;
        margin-right: auto;
        margin-top: 1.5em;
        max-width: 240px;
    }
}

#get-data-section {
    position: relative;
    z-index: 1;
}

#start-earning-section {
    position: relative;
    z-index: 6;
}

#questions-section h2 + p {
    margin-top: 1em;
}

@media only screen and (min-width: 600px) {
    .logo-datally-white {
        max-width: none;
    }

    #hero-section .l-section__intro {
        max-width: 556px;
    }


    #earn-rewards-section .l-section__intro {
        max-width: 600px;
    }

        #earn-rewards-section .l-section__intro p {
            margin-left: auto;
            margin-right: auto;
            max-width: 500px;
        }
}

@media only screen and (min-width: 1000px) {
    #say-hi-section {
        padding-bottom: 55px;
    }

        #say-hi-section .l-section__intro {
            margin-bottom: 60px;
        }

    .blue-anim-sections .grid, #see-how-section .grid {
        height: 800px;
    }

    #see-how-section .grid {
        height: 640px;
    }

    #start-earning-section .rewards-phone {
        margin: 83px 0 -35px;
    }
}

#ready-to-start-section {
    background: #fff;
    margin-bottom: 0;
    overflow: hidden;
    padding-bottom: 0;
    position: relative;
    z-index: 800;
}

@media only screen and (min-width: 1000px) {
    #ready-to-start-section {
        padding-bottom: 100px;
        padding-top: 185px;
    }
}

#ready-to-start-section .l-section__media-wrapper {
    margin-bottom: -10%;
    margin-top: -10%;
    width: 560px;
}

#ready-to-start-section .l-section__text {
    max-width: 400px;
}

@media only screen and (max-width: 600px) {
    #ready-to-start-section img.angled-phone {
        padding-bottom: 100px;
        padding-top: 30px;
    }
}

@media only screen and (min-width: 600px) {
    #ready-to-start-section .l-section__media-wrapper {
        margin-left: 5%;
        width: 110%;
    }

    #ready-to-start-section h3 {
        line-height: 1.25;
        font-size: 40px;
        font-size: 2.5rem;
    }
}

@media only screen and (min-width: 1000px) {
    #ready-to-start-section .l-section__media {
        padding-top: 44px;
    }

    #ready-to-start-section .l-section__media-wrapper {
        margin-bottom: -105px;
        margin-left: -20%;
        margin-top: -5%;
        width: 967px;
    }
}

#phone-floater-media {
    height: 0 !important;
}

#phone-floater {
    display: inline-block;
    position: relative;
    z-index: 5;
}

.phone-floater__screen {
    position: relative;
}

.phone-floater__screen__bg {
    background: white;
    height: 440px;
    left: 61px;
    position: absolute;
    top: 73px;
    width: 280px;
}

.phone-floater__screen img {
    display: block;
    left: 62px;
    margin: 0;
    position: absolute;
    top: 36px;
}

    .phone-floater__screen img.phone-floater__screen__anim-01 {
        top: 84px;
    }

    .phone-floater__screen img.phone-floater__screen__anim-02 {
        top: 84px;
    }

    .phone-floater__screen img.phone-floater__screen__anim-03 {
        top: 84px;
    }

    .phone-floater__screen img.phone-floater__screen__anim-04 {
        top: 84px;
    }

.phone-floater__chrome {
    position: relative;
    z-index: 1;
}

    .phone-floater__chrome img {
        margin: 0 auto;
    }

.phone-floater-overlay {
    background: black;
    display: none;
    height: 800px;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: -800px;
}

.rewards-list {
    left: 0;
    overflow: auto;
    position: relative;
    width: 200%;
    -webkit-transition: left 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);
    -moz-transition: left 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);
    -o-transition: left 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);
    transition: left 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);
}

    .rewards-list:after {
        clear: both;
        content: "";
    }

.rewards-list__item {
    background: url(../images/reward-box_1x.png) center center no-repeat;
    box-sizing: border-box;
    float: left;
    height: 346px;
    margin: 0;
    padding: 88px 0 0;
    text-align: center;
    width: 50%;
}

    .rewards-list__item:last-child {
        margin-right: 0;
    }

    .rewards-list__item:after {
        content: "";
        display: inline-block;
        height: 100%;
        margin-right: -0.25em;
        vertical-align: middle;
        width: 1px;
    }

.rewards-list__item__content {
    box-sizing: border-box;
    display: inline-block;
    padding: 0 20px;
    vertical-align: middle;
    width: 300px;
}

    .rewards-list__item__content h3 {
        color: #3367d6;
        font-weight: 300;
        margin-bottom: -7px;
        font-size: 48px;
        font-size: 3rem;
    }

    .rewards-list__item__content h4 {
        color: #3367d6;
        font-weight: 400;
        margin-bottom: 7px;
        font-size: 24px;
        font-size: 1.5rem;
    }

.rewards-carousel-nav {
    margin: 20px 0 40px;
}

    .rewards-carousel-nav a {
        background: #fff;
        border-radius: 6px;
        color: #4e443c;
        display: inline-block;
        font-size: 11px;
        height: 12px;
        line-height: 10px;
        margin: 0 5px;
        opacity: 0.5;
        text-decoration: none;
        text-indent: -9999px;
        width: 12px;
    }

        .rewards-carousel-nav a.active {
            opacity: 1;
        }

@media only screen and (min-width: 1000px) {
    .rewards-list {
        left: 50%;
        margin-left: -447px;
        margin-top: -130px;
        position: absolute;
        top: 50%;
        width: 100%;
    }

    .rewards-list__item {
        margin-right: 288px;
        width: auto;
    }
}

.c-app-list {
    list-style: none;
    margin: 65px 0 50px;
    padding: 0;
    text-align: center;
    width: 900px;
}

.c-app-list__logo {
    display: inline-block;
    margin: 14px 18px;
    vertical-align: top;
}

    .c-app-list__logo img {
        background: white;
        border-radius: 6px;
        box-shadow: 0 4px 2px 1px rgba(0,0,0,0.2);
        display: block;
        height: 132px;
        width: 132px;
    }

@media only screen and (max-width: 889px) {
    .c-app-list {
        margin: 35px 0 30px;
        width: 550px;
    }

    .c-app-list__logo {
        margin: 8px 10px;
    }

        .c-app-list__logo img, .c-app-list__logo img.loaded {
            height: 85px;
            width: 85px;
        }
}

@media only screen and (max-width: 649px) {
    .c-app-list {
        width: 450px;
    }

    .c-app-list__logo:nth-child(1), .c-app-list__logo:nth-child(6) {
        display: none;
    }
}

@media only screen and (max-width: 449px) {
    .c-app-list {
        width: 350px;
    }

    .c-app-list__logo:nth-child(5), .c-app-list__logo:nth-child(10) {
        display: none;
    }
}

@media only screen and (min-width: 1000px) {
    .l-section--media-desk-right .grid__item {
        text-align: right;
    }

    .l-section--media-desk-right .l-section__text {
        margin: 0 170px 0 auto;
        max-width: 360px;
        text-align: left;
    }

        .l-section--media-desk-right .l-section__text.wider {
            margin: 0 107px 0 auto;
            max-width: 440px;
        }

        .l-section--media-desk-right .l-section__text p {
            padding-right: 30px;
        }

    .l-section--media-desk-left .l-section__text {
        margin: 0 0 0 170px;
        max-width: 360px;
    }

        .l-section--media-desk-left .l-section__text p {
            padding-right: 30px;
        }
}

@media only screen and (min-width: 1100px) {
    .l-section--media-desk-right .l-section__text {
        margin-right: 187px;
    }

        .l-section--media-desk-right .l-section__text.wider {
            margin-right: 107px;
        }

    .l-section--media-desk-left .l-section__text {
        margin-left: 187px;
    }
}

.l-section__text .text-label {
    color: #0273bd;
    font-weight: 500;
    margin-bottom: 25px;
    text-transform: uppercase;
    font-size: 16px;
    font-size: 1rem;
}

@media only screen and (min-width: 1000px) {
    .text-label--pull-up {
        margin-top: -25px;
    }
}

/*.phone-full-mobile {
    margin: 0 -14%;
}*/

@media only screen and (max-width: 999px) {
    .phone-full-larger-mobile {
        margin: 0 -4%;
    }
}