html {
    background-color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #272b37;
    color: rgba(39, 43, 55, .5);
    font: normal normal 16px/1.6 'Open Sans', Helvetica, Arial, sans-serif;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: rgba(39, 43, 55, 0)
}

*, :after, :before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}

body {
    z-index: -5;
    position: relative
}

.primary-btn {
    background-color: #ffcb55;
    border-radius: 6px;
    color: #fff;
    font-weight: 600;
    letter-spacing: 3.2px;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.primary-btn:hover {
    background-color: #f9b21c
}

.flex-context {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.center-alignment {
    text-align: center
}

::-moz-selection {
    background: #8d8dec;
    color: #fff
}

::selection {
    background: #8d8dec;
    color: #fff
}

.brand-story, .cat-merits, .dog-merits, .offer {
    border-top: 4px solid #fff
}

h1, h2, h3, h4, h5, h6, p {
    margin: 0
}

h2, h3, h4 {
    line-height: 1.2
}

h2 {
    color: #272b37;
    font-weight: 300;
    font-size: 1.8rem;
    text-shadow: 0px 0px 6px rgba(255, 255, 255, 1);
}

h3 {
    color: #272b37;
    font-size: 1.8rem;
    font-weight: 700;
    text-transform: uppercase
}

h4 {
    color: #272b37;
    font-weight: 600;
    font-size: 1.1rem;
    letter-spacing: 3.2px;
    text-transform: uppercase;
    margin-bottom: 18px
}

a:link {
    color: #272b37;
    font-weight: 600;
    letter-spacing: 3.2px;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

a:visited {
    color: #52555f
}

a:hover {
    color: #ffcb55
}

a:active {
    color: #ffe099
}

a:focus {
    outline: 0
}

.auxilary-heading {
    color: #272b37;
    color: rgba(39, 43, 55, .5);
    font: normal normal 1rem/1.6 'Open Sans', Helvetica, Arial, sans-serif;
    letter-spacing: 1.6px;
    text-transform: uppercase
}

a.inferior-link {
    color: #272b37;
    color: rgba(39, 43, 55, .5);
    font: normal normal 1rem/1.6 'Open Sans', Helvetica, Arial, sans-serif;
    text-decoration: underline;
    text-transform: none;
    letter-spacing: normal;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

a.inferior-link:hover {
    color: #272b37;
    text-decoration: none
}

.highlighted-description {
    color: #272b37;
    font-size: 1.2rem;
    line-height: 1.8
}

.hidden-text {
    font-size: 0;
    line-height: 0
}

.arrow-button {
    background: #fff url(arrow-next533b.svg?12731447821119762224) no-repeat;
    background-size: 30px 15px;
    background-position: center center;
    border-radius: 20px;
    -webkit-box-shadow: 0 18px 43px 0 rgba(102, 90, 90, .16);
    box-shadow: 0 18px 43px 0 rgba(102, 90, 90, .16);
    width: 72px;
    height: 40px;
    margin: 0 auto;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.arrow-button:hover {
    background-color: #ffcb55
}

input {
    height: 72px;
    border-radius: 6px;
    border: none;
    width: 100%;
    margin-bottom: 12px;
    -webkit-box-shadow: 0 18px 43px 0 rgba(102, 90, 90, .16);
    box-shadow: 0 18px 43px 0 rgba(102, 90, 90, .16);
    outline: 0;
    transition: all .6s ease-in-out
}

input[type=email]:focus {
    text-align: left;
    color: #272b37;
    padding-left: 20px
}

.success-message {
    color: #34bb96;
    font-weight: 700;
    clear: both;
    padding-bottom: 6px
}

.error-message {
    color: #ec644a;
    clear: both;
    padding-bottom: 6px
}

.logo {
    width: 120px;
    margin: 0 auto
}

.logo img {
    width: 100%
}

.hero-block {
    background: #f3f2f2 url(../img/puppymob.jpg) no-repeat;
    background-size: 460px;
    background-position: center 100px;
    padding: 10px 30px;
    position: relative;
    z-index: -3
}

.hero-block::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    background-image: url(//cdn.shopify.com/s/files/1/2006/1615/t/2/assets/confetti.svg?12731447821119762224);
    z-index: -1;
    background-size: 783px 585px
}

.newsletter-subscription {
    margin-top: 320px;
    margin-bottom: 48px
}

@media (max-width: 460px) {
    .mobile-xs-hidden {
        display: none
    }
}

@media (min-width: 461px) {
    .mobile-s-hidden {
        display: none
    }

    .hero-block {
        background: #f3f2f2 url(../img/puppy.jpg) no-repeat;
        background-size: 1200px;
        background-position: -135px 0;
        padding: 10px 20px 10px 50%
    }

    .hero-block::before {
        width: 50%
    }

    .logo {
        margin: initial
    }

    .newsletter-subscription > p, h2, h4 {
        text-align: left
    }

    .newsletter-subscription {
        margin-top: 36px
    }

    h2 {
        margin-top: 24px
    }
}

@media (min-width: 769px) {
    html {
        font-size: 18px
    }

    .hero-block {
        background-size: 1530px;
        background-position: -150px -40px;
        padding: 60px 6% 36px 50%
    }

    .newsletter-subscription > p, .subscribe-form, h2 {
        max-width: 480px
    }

    h2 {
        font-size: 2rem;
        line-height: initial;
        min-height: 150px;
    }

    h2 {
        margin-top: 60px
    }

    .newsletter-subscription {
        margin-top: 30px;
        min-height: 400px
    }
}

@media (min-width: 1101px) {
    .logo {
        width: 191px
    }

    .hero-block {
        background-size: 2000px;
        background-position: 0 -160px;
        padding: 106px 6% 120px 60%
    }

    .hero-block::before {
        width: 54%
    }

    h2 {
        font-size: 2.4rem
    }

    .newsletter-subscription {
        font-size: .9rem;
        min-height: 280px;
        text-align: left
    }

    form.subscribe-form {
        max-width: 660px
    }

    input[type=email] {
        border-radius: 6px 0 0 6px;
        display: inline-block;
        max-width: 60%;
        float: left;
        padding-left: 20px;
        text-align: left
    }

    input[type=submit] {
        border-radius: 0 6px 6px 0;
        display: inline-block;
        letter-spacing: 2px;
        max-width: 40%;
        float: right;
        width: 360px
    }

    .newsletter-subscription {
        margin-top: 60px
    }

    .error-message, .success-message {
        text-align: left;
        padding-left: 20px
    }
}

@media (min-width: 1601px) {
    .hero-block {
        background-size: 2000px;
        background-position: 0 -130px;
        padding: 106px 6% 120px 60%
    }

    .hero-block::before {
        width: 48%
    }

    h2 {
        font-size: 2.8rem
    }

    h4 {
        font-size: 1.4rem
    }

    .newsletter-subscription {
        margin-top: 90px
    }

    .newsletter-subscription > p {
        max-width: 660px
    }
}

.special-offer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    text-align: center
}

.offer {
    width: 100%;
    height: 420px
}

.description {
    background-color: #f2f3f3;
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
    border-top: none;
    padding: 0 30px
}

.first-visual {
    background: #ffe8b9 url(//cdn.shopify.com/s/files/1/2006/1615/t/2/assets/first-visual-bg.png?12731447821119762224) no-repeat center/cover;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.second-visual {
    background: #d0e9ee url(//cdn.shopify.com/s/files/1/2006/1615/t/2/assets/second-visual-bg.png?12731447821119762224) no-repeat center/cover;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.third-visual {
    background: #d1d1f7 url(//cdn.shopify.com/s/files/1/2006/1615/t/2/assets/third-visual-bg.png?12731447821119762224) no-repeat center/cover;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
}

.description h3 {
    margin: 48px 0 12px 0
}

.description .auxilary-heading {
    display: inline-block;
    padding-bottom: 24px
}

.description p {
    padding-bottom: 24px
}

@media (min-width: 461px) {
    .auxilary-heading {
        margin-top: 72px
    }

    .special-offer {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }

    .first-visual, .second-visual, .third-visual {
        -ms-flex: 0 1 33.3%;
        -webkit-box-flex: 0;
        flex: 0 1 33.3%;
        border-bottom: 4px solid #fff
    }
}

@media (min-width: 769px) {
    .auxilary-heading {
        margin-top: 60px
    }
}

@media (min-width: 1101px) {
    .description, .first-visual, .second-visual, .third-visual {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 25%;
        flex: 0 1 25%;
        border-bottom: none
    }

    .description {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .first-visual {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .second-visual {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .third-visual {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .description h3 {
        margin-top: 0;
        font-size: 1.4rem
    }

    .offer {
        height: 464px
    }
}

@media (min-width: 1601px) {
    .description h3 {
        margin-top: 60px
    }
}

.brand-story {
    background: #f2f3f3 url(//cdn.shopify.com/s/files/1/2006/1615/t/2/assets/two-cats-bg.jpg?12731447821119762224) no-repeat;
    background-position: -140px bottom;
    background-size: 520px;
    padding: 60px 30px 144px;
    position: relative;
    z-index: -3
}

.brand-story::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    background-image: url(//cdn.shopify.com/s/files/1/2006/1615/t/2/assets/confetti.svg?12731447821119762224);
    z-index: -1;
    background-size: 783px 585px
}

.brand-logos {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    margin-bottom: 42px
}

.partner-brand-logo {
    width: 130px;
    margin: 0 auto
}

.partner-brand-logo img {
    width: 100%
}

.decorative-typography {
    color: #272b37;
    font-size: 2.6rem;
    text-align: center;
    font-weight: 400;
    line-height: 2rem;
    padding-top: 12px
}

.full-stack-logo-with-l-logomark {
    width: 196px;
    margin: 0 auto
}

.full-stack-logo-with-l-logomark img {
    width: 100%
}

.brand-story h2 {
    margin-bottom: 24px
}

@media (max-width: 460px) {
    .brand-story-text {
        min-height: 300px
    }
}

@media (min-width: 461px) {
    .brand-story {
        background-position: -30px bottom;
        background-size: 960px;
        padding-bottom: 60px
    }

    .brand-story::before {
        width: 60%
    }

    .brand-logos {
        -ms-flex-flow: column nowrap;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-flow: row nowrap;
        -ms-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        max-width: 420px
    }

    .decorative-typography {
        margin-left: 18px
    }

    .brand-story h2 {
        min-height: 0;
        text-align: left
    }

    .brand-story-text {
        max-width: 50%
    }
}

@media (min-width: 769px) {
    .brand-story {
        background-size: 1200px;
        padding-bottom: 120px
    }
}

@media (min-width: 1101px) {
    .brand-story {
        background-position: right bottom;
        background-size: 1200px;
        padding: 120px 60px
    }
}

@media (min-width: 1601px) {
    .brand-story {
        background-size: 1600px;
        padding: 204px 120px
    }

    .brand-story-text {
        max-width: 800px
    }
}

.binary-text-block {
    -ms-flex-flow: column wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-flow: column wrap;
    overflow: hidden
}

.cat-merits, .dog-merits {
    background-color: #f2f3f3;
    padding: 60px 30px
}

.duplicate-form {
    background-color: #fff
}

.for-cats, .for-dogs {
    display: block;
    margin: 30px auto 48px
}

.dog-illustration {
    margin: 42px 0 0 -36px
}

.cat-illustration {
    margin: 42px 0 0 48px
}

.binary-text-block .highlighted-description {
    min-height: 210px
}

@media (min-width: 461px) {
    .binary-text-block .highlighted-description {
        min-height: 140px
    }
}

@media (min-width: 769px) {
    .binary-text-block {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap
    }

    .binary-text-block .highlighted-description {
        font-size: 1.4rem
    }

    .cat-merits, .dog-merits {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 50%;
        flex: 0 1 50%
    }

    .dog-merits {
        border-right: 2px solid #fff
    }

    .cat-merits {
        border-left: 2px solid #fff
    }
}

@media (min-width: 1101px) {
    .cat-merits, .dog-merits {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 120px 60px
    }

    .dog-merits {
        background: #f2f3f3 url(//cdn.shopify.com/s/files/1/2006/1615/t/2/assets/dog-arrow-shape.svg?12731447821119762224) no-repeat;
        background-position: right -100px
    }

    .dog-merits .highlighted-description {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        min-height: 160px
    }

    .dog-illustration {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-left: -84px;
        margin-right: 42px
    }

    .for-dogs {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        margin: 30px 0 48px
    }

    .cat-merits {
        background: #f2f3f3 url(//cdn.shopify.com/s/files/1/2006/1615/t/2/assets/cat-circles-shape.svg?12731447821119762224) no-repeat;
        background-position: -30px 560px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .for-cats {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin: 60px 0 48px
    }

    .cat-illustration {
        margin-top: 0;
        margin-right: -100px
    }

    .cat-merits .highlighted-description {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }
}

@media (min-width: 1601px) {
    .cat-merits, .dog-merits {
        padding-left: 120px;
        padding-right: 120px
    }

    .dog-merits {
        padding-top: 210px
    }

    .cat-merits .highlighted-description, .dog-merits .highlighted-description {
        margin-right: 8%
    }
}

.form-duplication {
    margin: 0 auto;
    padding: 120px 30px
}

.form-duplication h3 {
    margin-bottom: 18px
}

.form-duplication h4 {
    margin-bottom: 30px
}

.form-duplication .error-message, .form-duplication .success-message {
    text-align: center
}

.form-duplication input[type=email] {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #eeecec
}

@media (min-width: 461px) {
    .form-duplication .subscribe-form {
        margin: 0 auto
    }

    .form-duplication > p {
        margin: 0 auto;
        text-align: center
    }
}

@media (min-width: 1101px) {
    .form-duplication input[type=email] {
        border-right: none
    }

    .form-duplication input[type=submit] {
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.shorten-footer {
    background: #fff url(//cdn.shopify.com/s/files/1/2006/1615/t/2/assets/airballoon-logomark.svg?12731447821119762224) no-repeat;
    background-position: center 180px;
    background-size: 340px;
    padding: 24px 30px 156px
}

.twitter-icon {
    width: 30px
}

.facebook-icon {
    width: 16px;
    margin: 0 24px
}

.instagram-icon {
    width: 28px
}

.contact-channels, .legal {
    margin: 0 auto
}

.contact-channels {
    margin-bottom: 42px
}

.social-icons {
    margin-bottom: 18px
}

.terms, privacy {
    display: inline-block
}

.terms {
    margin-right: 15px
}

.privacy {
    margin-left: 15px
}

@media (min-width: 1101px) {
    .shorten-footer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 42px 30px;
        background-position: center -56px
    }

    .contact-channels {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin: 0
    }

    .legal {
        text-align: left;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin: 0
    }

    .social-icons {
        float: right;
        margin: 0 0 0 24px
    }

    .copyright, .legal-info {
        display: inline-block
    }

    .copyright {
        margin-right: 24px
    }
}

.overlay-module {
    background-color: rgba(39, 43, 55, .35);
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: none
}

.overlay-module__block {
    background-color: #fff;
    border-radius: 6px;
    -webkit-box-shadow: 0 18px 43px 0 rgba(102, 100, 100, .16);
    box-shadow: 0 18px 43px 0 rgba(102, 100, 100, .16);
    height: 80%;
    width: 80%;
    padding: 42px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.open {
    display: block
}

.close-popup {
    display: block;
    float: right;
    background: url(//cdn.shopify.com/s/files/1/2006/1615/t/2/assets/close-icon.svg?12731447821119762224) no-repeat;
    border: none;
    width: 14px;
    height: 14px;
    padding-right: 24px
}

.popup-content {
    overflow-y: scroll;
    height: 94%;
    height: calc(100% - 42px);
    margin-right: -42px;
    padding-right: 42px
}

/*# sourceMappingURL=/s/files/1/2006/1615/t/2/assets/password.css.map?v=10661428308031190470 */