.address-contacts .panel-header, .address-review .panel-header, .block-notifications .panel-header, .header-bar, .header-panel, .page-block .panel-header, .panel-contact-welcome .panel-header, .panel .panel-header, body#carts .panel-shipping-address .panel-header, body#projects-recipients .recipient-picker .panel-header, body.request .request-form .panel-header {
    -webkit-box-flex: 0;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-color: #00265d;
    border-radius: 4px 4px 0 0;
    overflow: hidden;
    padding: .438rem 2.75rem;
    position: relative;
    text-align: center;
}

    .address-contacts .panel-header .h1, .address-contacts .panel-header .h4, .address-contacts .panel-header h1, .address-contacts .panel-header h4, .address-review .panel-header .h1, .address-review .panel-header .h4, .address-review .panel-header h1, .address-review .panel-header h4, .block-notifications .panel-header .h1, .block-notifications .panel-header .h4, .block-notifications .panel-header h1, .block-notifications .panel-header h4, .header-bar .h1, .header-bar .h4, .header-bar h1, .header-bar h4, .header-panel .h1, .header-panel .h4, .header-panel h1, .header-panel h4, .page-block .panel-header .h1, .page-block .panel-header .h4, .page-block .panel-header h1, .page-block .panel-header h4, .panel-contact-welcome .panel-header .h1, .panel-contact-welcome .panel-header .h4, .panel-contact-welcome .panel-header h1, .panel-contact-welcome .panel-header h4, .panel .panel-header .h1, .panel .panel-header .h4, .panel .panel-header h1, .panel .panel-header h4, body#carts .panel-shipping-address .panel-header .h1, body#carts .panel-shipping-address .panel-header .h4, body#carts .panel-shipping-address .panel-header h1, body#carts .panel-shipping-address .panel-header h4, body#projects-recipients .recipient-picker .panel-header .h1, body#projects-recipients .recipient-picker .panel-header .h4, body#projects-recipients .recipient-picker .panel-header h1, body#projects-recipients .recipient-picker .panel-header h4, body.request .request-form .panel-header .h1, body.request .request-form .panel-header .h4, body.request .request-form .panel-header h1, body.request .request-form .panel-header h4 {
        font-size: 1.375rem;
        color: #fff;
        margin: 0;
    }

    .address-contacts .panel-header em, .address-review .panel-header em, .block-notifications .panel-header em, .header-bar em, .header-panel em, .page-block .panel-header em, .panel-contact-welcome .panel-header em, .panel .panel-header em, body#carts .panel-shipping-address .panel-header em, body#projects-recipients .recipient-picker .panel-header em, body.request .request-form .panel-header em {
        font-family: brandongrotesque-regular,sans-serif;
        letter-spacing: normal;
        font-style: normal;
    }

    .address-contacts .panel-header .label, .address-review .panel-header .label, .block-notifications .panel-header .label, .header-bar .label, .header-panel .label, .page-block .panel-header .label, .panel-contact-welcome .panel-header .label, .panel .panel-header .label, body#carts .panel-shipping-address .panel-header .label, body#projects-recipients .recipient-picker .panel-header .label, body.request .request-form .panel-header .label {
        border-radius: 8px;
        display: inline-block;
        height: 16px;
        min-width: 16px;
        font-size: 10px;
        text-align: center;
        font-family: brandongrotesque-bold,sans-serif;
        font-feature-settings: "kern";
        -webkit-font-feature-settings: "kern";
        -moz-font-feature-settings: "kern";
        -moz-font-feature-settings: "kern=1";
        letter-spacing: .01em;
        vertical-align: middle;
        padding: 0 4px;
        line-height: 16px;
        -webkit-transform: translateY(-50%);
        -khtml-transform: translateY(-50%);
        transform: translateY(-50%);
        letter-spacing: 0;
        position: absolute;
        top: 50%;
        right: .625rem;
    }

@media only screen and (max-width:42em) {
    .modal-panel.panel-autoanniversary, .modal-panel.panel-autoanniversary-picker, .modal-panel.panel-autobirthday, .modal-panel.panel-autobirthday-picker, .modal-panel.panel-carboncopy, .modal-panel.panel-carboncopy-picker, .modal-panel.panel-contact-detail, .modal-panel.panel-contact-edit, .modal-panel.panel-credit-card, .modal-panel.panel-envelope-address, .modal-panel.panel-envelope-font, .modal-panel.panel-font, .modal-panel.panel-formality, .modal-panel.panel-gift-card, .modal-panel.panel-group-create, .modal-panel.panel-group-delete, .modal-panel.panel-group-merge, .modal-panel.panel-group-rename, .modal-panel.panel-review-order, .modal-panel.panel-schedule, .modal-panel.panel-send-to-me, body#carts .modal-panel.panel-shipping-address {
        z-index: 2000;
        height: 100vh !important;
        margin-top: 0 !important;
    }
}

.panel-autoanniversary-picker, .panel-autoanniversary-recipients, .panel-autobirthday-picker, .panel-autobirthday-recipients, .panel-carboncopy-picker, .panel-envelope-font, .panel-font, .panel-recipients {
    height: calc(100vh - 210px);
}

    .panel-autoanniversary-picker .panel-body, .panel-autoanniversary-recipients .panel-body, .panel-autobirthday-picker .panel-body, .panel-autobirthday-recipients .panel-body, .panel-carboncopy-picker .panel-body, .panel-envelope-font .panel-body, .panel-font .panel-body, .panel-recipients .panel-body {
        overflow-y: auto !important;
        padding-bottom: 65px !important;
    }

.panel-multi-address {
    max-height: calc(100vh - 210px);
}

    .panel-multi-address .panel-body {
        overflow-y: auto !important;
    }

@media only screen and (max-width:42em) {
    .panel-multi-address {
        max-height: calc(100vh - 45px);
    }
}

.panel {
    background-color: #fff;
    display: none;
    max-height: 100%;
    position: relative;
    width: 100%;
    z-index: 1500;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: none;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,.2);
    -ms-box-shadow: 0 0 2px rgba(0,0,0,.2);
    -o-box-shadow: 0 0 2px rgba(0,0,0,.2);
    box-shadow: 0 0 2px rgba(0,0,0,.2);
    border-radius: 4px;
}

    .panel.active {
        display: -webkit-box;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
    }

@media only screen and (max-width:42em) {
    .panel {
        top: 0;
        left: 0;
        height: auto;
    }
}

@media only screen and (max-width:42em) {
    .panel.modal-panel {
        height: calc(100vh - 45px);
        margin-top: 45px;
        position: fixed;
        width: 100vw;
    }

        .panel.modal-panel .panel-header {
            border-radius: 0;
            display: block !important;
        }

        .panel.modal-panel .panel-body {
            padding-bottom: 150px;
        }

        .panel.modal-panel .panel-footer {
            border-radius: 0;
            bottom: 0;
            left: 0;
            position: fixed;
            right: 0;
        }

        .panel.modal-panel .tab-container {
            border-bottom: 1px solid #f0f5fb;
        }

        .panel.modal-panel .tab-button {
            background-color: #fff;
            font-size: 1.125rem !important;
            padding: .594rem 1rem;
        }

            .panel.modal-panel .tab-button .h4, .panel.modal-panel .tab-button h4 {
                font-family: brandongrotesque-bold,sans-serif;
                font-feature-settings: "kern";
                -webkit-font-feature-settings: "kern";
                -moz-font-feature-settings: "kern";
                -moz-font-feature-settings: "kern=1";
                letter-spacing: .01em;
                color: #00265d !important;
                text-transform: none;
            }

            .panel.modal-panel .tab-button:hover.only-tab {
                color: inherit !important;
                background: #fff !important;
            }

            .panel.modal-panel .tab-button.active:not(.only-tab) .h4, .panel.modal-panel .tab-button.active:not(.only-tab) h4 {
                color: #00b7b5 !important;
            }
}

.panel.no-header .panel-header {
    display: none !important;
}

.panel.no-header .panel-loader {
    top: 0;
}

.panel .button-back {
    cursor: pointer;
    /*display: none;*/
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 2.75rem;
}

    .panel .button-back img, .panel .button-back svg {
        -webkit-transform: translateY(-50%);
        -khtml-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 15px;
        position: absolute;
        top: 50%;
        width: 11px;
    }

    .panel .button-back > img, .panel .button-back > svg {
        height: 45%;
    }

    .panel .button-back svg polyline {
        stroke: #fff;
    }

    .panel .button-back:hover {
        background-color: #000;
    }

.panel.show-back-button .button-back {
    display: inline-block;
}

.panel .panel-loader {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center;
    background: #fff;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}

    .panel .panel-loader img {
        max-width: 25%;
    }

.panel .panel-body {
    -webkit-box-flex: 1;
    -moz-flex: 1 auto;
    -ms-flex: 1 auto;
    flex: 1 auto;
    position: relative;
    overflow-y: auto;
    padding: .625rem;
}

    .panel .panel-body > p {
        padding: 1rem;
        margin-bottom: 0;
    }

    .panel .panel-body.no-padding {
        padding: 0;
    }

    .panel .panel-body hr {
        border-color: #f0f5fb;
        margin: 0;
    }

    .panel .panel-body .panel-cta-row {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-top: 1px solid #f0f5fb;
        color: inherit;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 1.125rem;
        height: 60px;
        padding: .625rem;
        position: relative;
        text-align: left;
    }

        .panel .panel-body .panel-cta-row img.arrow {
            height: auto;
            margin-right: 0;
            position: absolute;
            right: .625rem;
            top: 50%;
            -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
        }

        .panel .panel-body .panel-cta-row img, .panel .panel-body .panel-cta-row svg {
            height: 25px;
            margin-right: 10px;
            vertical-align: middle;
        }

        .panel .panel-body .panel-cta-row:hover {
            background-color: #ffd579;
        }

.panel .panel-icon {
    height: 3.75rem;
    margin: 1.875rem 0 0;
    text-align: center;
}

    .panel .panel-icon img, .panel .panel-icon svg {
        height: 100%;
        width: 100%;
    }

.panel .panel-footer {
    -webkit-box-flex: 0;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    position: relative;
    background-color: #fff;
    border-radius: 0 0 4px 4px;
    border-top: 1px solid #f0f5fb;
    font-size: 1.125rem;
}

    .panel .panel-footer .panel-footer-link {
        padding: 0 0 .625rem;
        background-color: #fff;
        border-radius: 0 0 4px 4px;
        text-align: center;
    }

        .panel .panel-footer .panel-footer-link a {
            font-family: brandongrotesque-regular,sans-serif;
            letter-spacing: normal;
        }

        .panel .panel-footer .panel-footer-link p {
            margin: 1rem 0;
        }

.panel .radio-button .title {
    font-size: 18px;
}

.panel-autoanniversary-recipients .panel-header, .panel-autobirthday-recipients .panel-header, .panel-multi-address .panel-header, .panel-recipients .panel-header, .panel-review-designs .panel-header {
    background: #fff !important;
    overflow: hidden;
    padding: 0 !important;
}

meta.foundation-version {
    font-family: \/5.5.3/;
}

meta.foundation-mq-small {
    font-family: "/only screen/";
    width: 0;
}

meta.foundation-mq-small-only {
    font-family: "/only screen and (max-width: 42em)/";
    width: 0;
}

meta.foundation-mq-medium {
    font-family: "/only screen and (min-width:42.0625em)/";
    width: 42.0625em;
}

meta.foundation-mq-medium-only {
    font-family: "/only screen and (min-width:42.0625em) and (max-width:64em)/";
    width: 42.0625em;
}

meta.foundation-mq-large {
    font-family: "/only screen and (min-width:64.0625em)/";
    width: 64.0625em;
}

meta.foundation-mq-large-only {
    font-family: "/only screen and (min-width:64.0625em) and (max-width:90em)/";
    width: 64.0625em;
}

meta.foundation-mq-xlarge {
    font-family: "/only screen and (min-width:90.0625em)/";
    width: 90.0625em;
}

meta.foundation-mq-xlarge-only {
    font-family: "/only screen and (min-width:90.0625em) and (max-width:120em)/";
    width: 90.0625em;
}

meta.foundation-mq-xxlarge {
    font-family: "/only screen and (min-width:120.0625em)/";
    width: 120.0625em;
}

meta.foundation-data-attribute-namespace {
    font-family: false;
}

body, html {
    height: 100%;
}

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

body, html {
    font-size: 100%;
}

body {
    background: #f0f5fb;
    color: #00265d;
    cursor: auto;
    font-family: brandongrotesque-regular,sans-serif;
    font-style: normal;
    font-weight: 300;
    line-height: 1.5;
    margin: 0;
    padding: 0;
    position: relative;
}

a:hover {
    cursor: pointer;
}

img {
    max-width: 100%;
    height: auto;
    /*height: 170px;*/
    min-height:inherit;
    -ms-interpolation-mode: bicubic;
}

#map_canvas embed, #map_canvas img, #map_canvas object, .map_canvas embed, .map_canvas img, .map_canvas object, .mqa-display embed, .mqa-display img, .mqa-display object {
    max-width: none !important;
}

.left {
    float: left !important;
}

.right {
    float: right !important;
}

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

.clearfix:after {
    clear: both;
}

.hide {
    display: none;
}

.invisible {
    visibility: hidden;
}

.antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

img {
    display: inline-block;
    vertical-align: middle;
}

textarea {
    height: auto;
    min-height: 50px;
}

.row, select {
    width: 100%;
}

.row {
    margin: 0 auto;
    max-width: 75rem;
}

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

    .row:after {
        clear: both;
    }

    .row.collapse > .column, .row.collapse > .columns {
        padding-left: 0;
        padding-right: 0;
    }

    .row.collapse .row {
        margin-left: 0;
        margin-right: 0;
    }

    .row .row {
        margin: 0 -.9375rem;
        max-width: none;
        width: auto;
    }

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

        .row .row:after {
            clear: both;
        }

        .row .row.collapse {
            margin: 0;
            max-width: none;
            width: auto;
        }

            .row .row.collapse:after, .row .row.collapse:before {
                content: " ";
                display: table;
            }

            .row .row.collapse:after {
                clear: both;
            }

.column, .columns {
    padding-left: .9375rem;
    padding-right: .9375rem;
    width: 100%;
    float: left;
}

    .column + .column:last-child, .column + .columns:last-child, .columns + .column:last-child, .columns + .columns:last-child {
        float: right;
    }

    .column + .column.end, .column + .columns.end, .columns + .column.end, .columns + .columns.end {
        float: left;
    }

@media only screen {
    .small-push-0 {
        position: relative;
        left: 0;
        right: auto;
    }

    .small-pull-0 {
        position: relative;
        right: 0;
        left: auto;
    }

    .small-push-1 {
        position: relative;
        left: 8.33333333%;
        right: auto;
    }

    .small-pull-1 {
        position: relative;
        right: 8.33333333%;
        left: auto;
    }

    .small-push-2 {
        position: relative;
        left: 16.66666667%;
        right: auto;
    }

    .small-pull-2 {
        position: relative;
        right: 16.66666667%;
        left: auto;
    }

    .small-push-3 {
        position: relative;
        left: 25%;
        right: auto;
    }

    .small-pull-3 {
        position: relative;
        right: 25%;
        left: auto;
    }

    .small-push-4 {
        position: relative;
        left: 33.33333333%;
        right: auto;
    }

    .small-pull-4 {
        position: relative;
        right: 33.33333333%;
        left: auto;
    }

    .small-push-5 {
        position: relative;
        left: 41.66666667%;
        right: auto;
    }

    .small-pull-5 {
        position: relative;
        right: 41.66666667%;
        left: auto;
    }

    .small-push-6 {
        position: relative;
        left: 50%;
        right: auto;
    }

    .small-pull-6 {
        position: relative;
        right: 50%;
        left: auto;
    }

    .small-push-7 {
        position: relative;
        left: 58.33333333%;
        right: auto;
    }

    .small-pull-7 {
        position: relative;
        right: 58.33333333%;
        left: auto;
    }

    .small-push-8 {
        position: relative;
        left: 66.66666667%;
        right: auto;
    }

    .small-pull-8 {
        position: relative;
        right: 66.66666667%;
        left: auto;
    }

    .small-push-9 {
        position: relative;
        left: 75%;
        right: auto;
    }

    .small-pull-9 {
        position: relative;
        right: 75%;
        left: auto;
    }

    .small-push-10 {
        position: relative;
        left: 83.33333333%;
        right: auto;
    }

    .small-pull-10 {
        position: relative;
        right: 83.33333333%;
        left: auto;
    }

    .small-push-11 {
        position: relative;
        left: 91.66666667%;
        right: auto;
    }

    .small-pull-11 {
        position: relative;
        right: 91.66666667%;
        left: auto;
    }

    .column, .columns {
        position: relative;
        padding-left: .9375rem;
        padding-right: .9375rem;
        float: left;
    }

    .small-1 {
        width: 8.33333333%;
    }

    .small-2 {
        width: 16.66666667%;
    }

    .small-3 {
        width: 25%;
    }

    .small-4 {
        width: 33.33333333%;
    }

    .small-5 {
        width: 41.66666667%;
    }

    .small-6 {
        width: 50%;
    }

    .small-7 {
        width: 58.33333333%;
    }

    .small-8 {
        width: 66.66666667%;
    }

    .small-9 {
        width: 75%;
    }

    .small-10 {
        width: 83.33333333%;
    }

    .small-11 {
        width: 91.66666667%;
    }

    .small-12 {
        width: 100%;
    }

    .small-offset-0 {
        margin-left: 0 !important;
    }

    .small-offset-1 {
        margin-left: 8.33333333% !important;
    }

    .small-offset-2 {
        margin-left: 16.66666667% !important;
    }

    .small-offset-3 {
        margin-left: 25% !important;
    }

    .small-offset-4 {
        margin-left: 33.33333333% !important;
    }

    .small-offset-5 {
        margin-left: 41.66666667% !important;
    }

    .small-offset-6 {
        margin-left: 50% !important;
    }

    .small-offset-7 {
        margin-left: 58.33333333% !important;
    }

    .small-offset-8 {
        margin-left: 66.66666667% !important;
    }

    .small-offset-9 {
        margin-left: 75% !important;
    }

    .small-offset-10 {
        margin-left: 83.33333333% !important;
    }

    .small-offset-11 {
        margin-left: 91.66666667% !important;
    }

    .small-reset-order {
        float: left;
        left: auto;
        margin-left: 0;
        margin-right: 0;
        right: auto;
    }

    .column.small-centered, .columns.small-centered {
        margin-left: auto;
        margin-right: auto;
        float: none;
    }

    .column.small-uncentered, .columns.small-uncentered {
        float: left;
        margin-left: 0;
        margin-right: 0;
    }

    .column.small-centered:last-child, .columns.small-centered:last-child {
        float: none;
    }

    .column.small-uncentered:last-child, .columns.small-uncentered:last-child {
        float: left;
    }

    .column.small-uncentered.opposite, .columns.small-uncentered.opposite {
        float: right;
    }

    .row.small-collapse > .column, .row.small-collapse > .columns {
        padding-left: 0;
        padding-right: 0;
    }

    .row.small-collapse .row {
        margin-left: 0;
        margin-right: 0;
    }

    .row.small-uncollapse > .column, .row.small-uncollapse > .columns {
        padding-left: .9375rem;
        padding-right: .9375rem;
        float: left;
    }
}

@media only screen and (min-width:42.0625em) {
    .medium-push-0 {
        position: relative;
        left: 0;
        right: auto;
    }

    .medium-pull-0 {
        position: relative;
        right: 0;
        left: auto;
    }

    .medium-push-1 {
        position: relative;
        left: 8.33333333%;
        right: auto;
    }

    .medium-pull-1 {
        position: relative;
        right: 8.33333333%;
        left: auto;
    }

    .medium-push-2 {
        position: relative;
        left: 16.66666667%;
        right: auto;
    }

    .medium-pull-2 {
        position: relative;
        right: 16.66666667%;
        left: auto;
    }

    .medium-push-3 {
        position: relative;
        left: 25%;
        right: auto;
    }

    .medium-pull-3 {
        position: relative;
        right: 25%;
        left: auto;
    }

    .medium-push-4 {
        position: relative;
        left: 33.33333333%;
        right: auto;
    }

    .medium-pull-4 {
        position: relative;
        right: 33.33333333%;
        left: auto;
    }

    .medium-push-5 {
        position: relative;
        left: 41.66666667%;
        right: auto;
    }

    .medium-pull-5 {
        position: relative;
        right: 41.66666667%;
        left: auto;
    }

    .medium-push-6 {
        position: relative;
        left: 50%;
        right: auto;
    }

    .medium-pull-6 {
        position: relative;
        right: 50%;
        left: auto;
    }

    .medium-push-7 {
        position: relative;
        left: 58.33333333%;
        right: auto;
    }

    .medium-pull-7 {
        position: relative;
        right: 58.33333333%;
        left: auto;
    }

    .medium-push-8 {
        position: relative;
        left: 66.66666667%;
        right: auto;
    }

    .medium-pull-8 {
        position: relative;
        right: 66.66666667%;
        left: auto;
    }

    .medium-push-9 {
        position: relative;
        left: 75%;
        right: auto;
    }

    .medium-pull-9 {
        position: relative;
        right: 75%;
        left: auto;
    }

    .medium-push-10 {
        position: relative;
        left: 83.33333333%;
        right: auto;
    }

    .medium-pull-10 {
        position: relative;
        right: 83.33333333%;
        left: auto;
    }

    .medium-push-11 {
        position: relative;
        left: 91.66666667%;
        right: auto;
    }

    .medium-pull-11 {
        position: relative;
        right: 91.66666667%;
        left: auto;
    }

    .column, .columns {
        position: relative;
        padding-left: .9375rem;
        padding-right: .9375rem;
        float: left;
    }

    .medium-1 {
        width: 8.33333333%;
    }

    .medium-2 {
        width: 16.66666667%;
    }

    .medium-3 {
        width: 25%;
    }

    .medium-4 {
        width: 33.33333333%;
    }

    .medium-5 {
        width: 41.66666667%;
    }

    .medium-6 {
        width: 50%;
    }

    .medium-7 {
        width: 58.33333333%;
    }

    .medium-8 {
        width: 66.66666667%;
    }

    .medium-9 {
        width: 75%;
    }

    .medium-10 {
        width: 83.33333333%;
    }

    .medium-11 {
        width: 91.66666667%;
    }

    .medium-12 {
        width: 100%;
    }

    .medium-offset-0 {
        margin-left: 0 !important;
    }

    .medium-offset-1 {
        margin-left: 8.33333333% !important;
    }

    .medium-offset-2 {
        margin-left: 16.66666667% !important;
    }

    .medium-offset-3 {
        margin-left: 25% !important;
    }

    .medium-offset-4 {
        margin-left: 33.33333333% !important;
    }

    .medium-offset-5 {
        margin-left: 41.66666667% !important;
    }

    .medium-offset-6 {
        margin-left: 50% !important;
    }

    .medium-offset-7 {
        margin-left: 58.33333333% !important;
    }

    .medium-offset-8 {
        margin-left: 66.66666667% !important;
    }

    .medium-offset-9 {
        margin-left: 75% !important;
    }

    .medium-offset-10 {
        margin-left: 83.33333333% !important;
    }

    .medium-offset-11 {
        margin-left: 91.66666667% !important;
    }

    .medium-reset-order {
        float: left;
        left: auto;
        margin-left: 0;
        margin-right: 0;
        right: auto;
    }

    .column.medium-centered, .columns.medium-centered {
        margin-left: auto;
        margin-right: auto;
        float: none;
    }

    .column.medium-uncentered, .columns.medium-uncentered {
        float: left;
        margin-left: 0;
        margin-right: 0;
    }

    .column.medium-centered:last-child, .columns.medium-centered:last-child {
        float: none;
    }

    .column.medium-uncentered:last-child, .columns.medium-uncentered:last-child {
        float: left;
    }

    .column.medium-uncentered.opposite, .columns.medium-uncentered.opposite {
        float: right;
    }

    .row.medium-collapse > .column, .row.medium-collapse > .columns {
        padding-left: 0;
        padding-right: 0;
    }

    .row.medium-collapse .row {
        margin-left: 0;
        margin-right: 0;
    }

    .row.medium-uncollapse > .column, .row.medium-uncollapse > .columns {
        padding-left: .9375rem;
        padding-right: .9375rem;
        float: left;
    }

    .push-0 {
        left: 0;
        right: auto;
    }

    .pull-0, .push-0 {
        position: relative;
    }

    .pull-0 {
        right: 0;
        left: auto;
    }

    .push-1 {
        left: 8.33333333%;
        right: auto;
    }

    .pull-1, .push-1 {
        position: relative;
    }

    .pull-1 {
        right: 8.33333333%;
        left: auto;
    }

    .push-2 {
        left: 16.66666667%;
        right: auto;
    }

    .pull-2, .push-2 {
        position: relative;
    }

    .pull-2 {
        right: 16.66666667%;
        left: auto;
    }

    .push-3 {
        left: 25%;
        right: auto;
    }

    .pull-3, .push-3 {
        position: relative;
    }

    .pull-3 {
        right: 25%;
        left: auto;
    }

    .push-4 {
        left: 33.33333333%;
        right: auto;
    }

    .pull-4, .push-4 {
        position: relative;
    }

    .pull-4 {
        right: 33.33333333%;
        left: auto;
    }

    .push-5 {
        left: 41.66666667%;
        right: auto;
    }

    .pull-5, .push-5 {
        position: relative;
    }

    .pull-5 {
        right: 41.66666667%;
        left: auto;
    }

    .push-6 {
        left: 50%;
        right: auto;
    }

    .pull-6, .push-6 {
        position: relative;
    }

    .pull-6 {
        right: 50%;
        left: auto;
    }

    .push-7 {
        left: 58.33333333%;
        right: auto;
    }

    .pull-7, .push-7 {
        position: relative;
    }

    .pull-7 {
        right: 58.33333333%;
        left: auto;
    }

    .push-8 {
        left: 66.66666667%;
        right: auto;
    }

    .pull-8, .push-8 {
        position: relative;
    }

    .pull-8 {
        right: 66.66666667%;
        left: auto;
    }

    .push-9 {
        left: 75%;
        right: auto;
    }

    .pull-9, .push-9 {
        position: relative;
    }

    .pull-9 {
        right: 75%;
        left: auto;
    }

    .push-10 {
        position: relative;
        left: 83.33333333%;
        right: auto;
    }

    .pull-10 {
        position: relative;
        right: 83.33333333%;
        left: auto;
    }

    .push-11 {
        position: relative;
        left: 91.66666667%;
        right: auto;
    }

    .pull-11 {
        position: relative;
        right: 91.66666667%;
        left: auto;
    }
}

@media only screen and (min-width:64.0625em) {
    .large-push-0 {
        position: relative;
        left: 0;
        right: auto;
    }

    .large-pull-0 {
        position: relative;
        right: 0;
        left: auto;
    }

    .large-push-1 {
        position: relative;
        left: 8.33333333%;
        right: auto;
    }

    .large-pull-1 {
        position: relative;
        right: 8.33333333%;
        left: auto;
    }

    .large-push-2 {
        position: relative;
        left: 16.66666667%;
        right: auto;
    }

    .large-pull-2 {
        position: relative;
        right: 16.66666667%;
        left: auto;
    }

    .large-push-3 {
        position: relative;
        left: 25%;
        right: auto;
    }

    .large-pull-3 {
        position: relative;
        right: 25%;
        left: auto;
    }

    .large-push-4 {
        position: relative;
        left: 33.33333333%;
        right: auto;
    }

    .large-pull-4 {
        position: relative;
        right: 33.33333333%;
        left: auto;
    }

    .large-push-5 {
        position: relative;
        left: 41.66666667%;
        right: auto;
    }

    .large-pull-5 {
        position: relative;
        right: 41.66666667%;
        left: auto;
    }

    .large-push-6 {
        position: relative;
        left: 50%;
        right: auto;
    }

    .large-pull-6 {
        position: relative;
        right: 50%;
        left: auto;
    }

    .large-push-7 {
        position: relative;
        left: 58.33333333%;
        right: auto;
    }

    .large-pull-7 {
        position: relative;
        right: 58.33333333%;
        left: auto;
    }

    .large-push-8 {
        position: relative;
        left: 66.66666667%;
        right: auto;
    }

    .large-pull-8 {
        position: relative;
        right: 66.66666667%;
        left: auto;
    }

    .large-push-9 {
        position: relative;
        left: 75%;
        right: auto;
    }

    .large-pull-9 {
        position: relative;
        right: 75%;
        left: auto;
    }

    .large-push-10 {
        position: relative;
        left: 83.33333333%;
        right: auto;
    }

    .large-pull-10 {
        position: relative;
        right: 83.33333333%;
        left: auto;
    }

    .large-push-11 {
        position: relative;
        left: 91.66666667%;
        right: auto;
    }

    .large-pull-11 {
        position: relative;
        right: 91.66666667%;
        left: auto;
    }

    .column, .columns {
        position: relative;
        padding-left: .9375rem;
        padding-right: .9375rem;
        float: left;
    }

    .large-1 {
        width: 8.33333333%;
    }

    .large-2 {
        width: 16.66666667%;
    }

    .large-3 {
        width: 25%;
    }

    .large-4 {
        width: 33.33333333%;
    }

    .large-5 {
        width: 41.66666667%;
    }

    .large-6 {
        width: 50%;
    }

    .large-7 {
        width: 58.33333333%;
    }

    .large-8 {
        width: 66.66666667%;
    }

    .large-9 {
        width: 75%;
    }

    .large-10 {
        width: 83.33333333%;
    }

    .large-11 {
        width: 91.66666667%;
    }

    .large-12 {
        width: 100%;
    }

    .large-offset-0 {
        margin-left: 0 !important;
    }

    .large-offset-1 {
        margin-left: 8.33333333% !important;
    }

    .large-offset-2 {
        margin-left: 16.66666667% !important;
    }

    .large-offset-3 {
        margin-left: 25% !important;
    }

    .large-offset-4 {
        margin-left: 33.33333333% !important;
    }

    .large-offset-5 {
        margin-left: 41.66666667% !important;
    }

    .large-offset-6 {
        margin-left: 50% !important;
    }

    .large-offset-7 {
        margin-left: 58.33333333% !important;
    }

    .large-offset-8 {
        margin-left: 66.66666667% !important;
    }

    .large-offset-9 {
        margin-left: 75% !important;
    }

    .large-offset-10 {
        margin-left: 83.33333333% !important;
    }

    .large-offset-11 {
        margin-left: 91.66666667% !important;
    }

    .large-reset-order {
        float: left;
        left: auto;
        margin-left: 0;
        margin-right: 0;
        right: auto;
    }

    .column.large-centered, .columns.large-centered {
        margin-left: auto;
        margin-right: auto;
        float: none;
    }

    .column.large-uncentered, .columns.large-uncentered {
        float: left;
        margin-left: 0;
        margin-right: 0;
    }

    .column.large-centered:last-child, .columns.large-centered:last-child {
        float: none;
    }

    .column.large-uncentered:last-child, .columns.large-uncentered:last-child {
        float: left;
    }

    .column.large-uncentered.opposite, .columns.large-uncentered.opposite {
        float: right;
    }

    .row.large-collapse > .column, .row.large-collapse > .columns {
        padding-left: 0;
        padding-right: 0;
    }

    .row.large-collapse .row {
        margin-left: 0;
        margin-right: 0;
    }

    .row.large-uncollapse > .column, .row.large-uncollapse > .columns {
        padding-left: .9375rem;
        padding-right: .9375rem;
        float: left;
    }

    .push-0 {
        left: 0;
        right: auto;
    }

    .pull-0, .push-0 {
        position: relative;
    }

    .pull-0 {
        right: 0;
        left: auto;
    }

    .push-1 {
        left: 8.33333333%;
        right: auto;
    }

    .pull-1, .push-1 {
        position: relative;
    }

    .pull-1 {
        right: 8.33333333%;
        left: auto;
    }

    .push-2 {
        left: 16.66666667%;
        right: auto;
    }

    .pull-2, .push-2 {
        position: relative;
    }

    .pull-2 {
        right: 16.66666667%;
        left: auto;
    }

    .push-3 {
        left: 25%;
        right: auto;
    }

    .pull-3, .push-3 {
        position: relative;
    }

    .pull-3 {
        right: 25%;
        left: auto;
    }

    .push-4 {
        left: 33.33333333%;
        right: auto;
    }

    .pull-4, .push-4 {
        position: relative;
    }

    .pull-4 {
        right: 33.33333333%;
        left: auto;
    }

    .push-5 {
        left: 41.66666667%;
        right: auto;
    }

    .pull-5, .push-5 {
        position: relative;
    }

    .pull-5 {
        right: 41.66666667%;
        left: auto;
    }

    .push-6 {
        left: 50%;
        right: auto;
    }

    .pull-6, .push-6 {
        position: relative;
    }

    .pull-6 {
        right: 50%;
        left: auto;
    }

    .push-7 {
        left: 58.33333333%;
        right: auto;
    }

    .pull-7, .push-7 {
        position: relative;
    }

    .pull-7 {
        right: 58.33333333%;
        left: auto;
    }

    .push-8 {
        left: 66.66666667%;
        right: auto;
    }

    .pull-8, .push-8 {
        position: relative;
    }

    .pull-8 {
        right: 66.66666667%;
        left: auto;
    }

    .push-9 {
        left: 75%;
        right: auto;
    }

    .pull-9, .push-9 {
        position: relative;
    }

    .pull-9 {
        right: 75%;
        left: auto;
    }

    .push-10 {
        position: relative;
        left: 83.33333333%;
        right: auto;
    }

    .pull-10 {
        position: relative;
        right: 83.33333333%;
        left: auto;
    }

    .push-11 {
        position: relative;
        left: 91.66666667%;
        right: auto;
    }

    .pull-11 {
        position: relative;
        right: 91.66666667%;
        left: auto;
    }
}

.accordion {
    margin-bottom: 0;
    margin-left: 0;
}

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

    .accordion:after {
        clear: both;
    }

    .accordion .accordion-navigation, .accordion dd {
        display: block;
        margin-bottom: 0 !important;
    }

        .accordion .accordion-navigation.active > a, .accordion dd.active > a {
            background: #e1e1e1;
            color: #000;
        }

        .accordion .accordion-navigation > a, .accordion dd > a {
            background: #e8e8e8;
            color: #000;
            display: block;
            font-family: brandongrotesque-regular,sans-serif;
            font-size: 1rem;
            padding: 1rem;
        }

            .accordion .accordion-navigation > a:hover, .accordion dd > a:hover {
                background: #dcdcdc;
            }

        .accordion .accordion-navigation > .content, .accordion dd > .content {
            display: none;
            padding: .9375rem;
        }

            .accordion .accordion-navigation > .content.active, .accordion dd > .content.active {
                background: #fff;
                display: block;
            }

.button, .button-alt, .button-clear, .button-continue, .button-danger, .button-error, .button-info, .button-modal-cancel, .button-modal-cancel.button-continue, .button-modal-cancel.button-modal-confirm, .button-modal-confirm, .button-white, button {
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0;
    cursor: pointer;
    font-family: brandongrotesque-bold,sans-serif;
    font-weight: 400;
    line-height: normal;
    margin: 0 0 1.25rem;
    position: relative;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    padding: .5rem 1rem .5625rem;
    font-size: 1.125rem;
    border: 0 solid #009291;
    -webkit-transition: background-color .3s ease-out;
    transition: background-color .3s ease-out;
}

    .button-alt:focus, .button-alt:hover, .button-clear:focus, .button-clear:hover, .button-continue:focus, .button-continue:hover, .button-danger:focus, .button-danger:hover, .button-error:focus, .button-error:hover, .button-info:focus, .button-info:hover, .button-modal-cancel:focus, .button-modal-cancel:hover, .button-modal-confirm:focus, .button-modal-confirm:hover, .button-white:focus, .button-white:hover, .button:focus, .button:hover, button:focus, button:hover {
        background-color: #009291;
        color: #fff;
    }

    .button.secondary, .secondary.button-alt, .secondary.button-clear, .secondary.button-continue, .secondary.button-danger, .secondary.button-error, .secondary.button-info, .secondary.button-modal-cancel, .secondary.button-modal-confirm, .secondary.button-white, button.secondary {
        background-color: #00265d;
        border-color: #001e4a;
        color: #fff;
    }

        .button.secondary:focus, .button.secondary:hover, .secondary.button-alt:focus, .secondary.button-alt:hover, .secondary.button-clear:focus, .secondary.button-clear:hover, .secondary.button-continue:focus, .secondary.button-continue:hover, .secondary.button-danger:focus, .secondary.button-danger:hover, .secondary.button-error:focus, .secondary.button-error:hover, .secondary.button-info:focus, .secondary.button-info:hover, .secondary.button-modal-cancel:focus, .secondary.button-modal-cancel:hover, .secondary.button-modal-confirm:focus, .secondary.button-modal-confirm:hover, .secondary.button-white:focus, .secondary.button-white:hover, button.secondary:focus, button.secondary:hover {
            background-color: #001e4a;
            color: #fff;
        }

    .button.success, .success.button-alt, .success.button-clear, .success.button-continue, .success.button-danger, .success.button-error, .success.button-info, .success.button-modal-cancel, .success.button-modal-confirm, .success.button-white, button.success {
        background-color: #00b7b5;
        border-color: #009291;
        color: #fff;
    }

        .button.success:focus, .button.success:hover, .success.button-alt:focus, .success.button-alt:hover, .success.button-clear:focus, .success.button-clear:hover, .success.button-continue:focus, .success.button-continue:hover, .success.button-danger:focus, .success.button-danger:hover, .success.button-error:focus, .success.button-error:hover, .success.button-info:focus, .success.button-info:hover, .success.button-modal-cancel:focus, .success.button-modal-cancel:hover, .success.button-modal-confirm:focus, .success.button-modal-confirm:hover, .success.button-white:focus, .success.button-white:hover, button.success:focus, button.success:hover {
            background-color: #009291;
            color: #fff;
        }

    .alert.button-alt, .alert.button-clear, .alert.button-continue, .alert.button-danger, .alert.button-error, .alert.button-info, .alert.button-modal-cancel, .alert.button-modal-confirm, .alert.button-white, .button.alert, button.alert {
        background-color: #e6176d;
        border-color: #b81257;
    }

        .alert.button-alt:focus, .alert.button-alt:hover, .alert.button-clear:focus, .alert.button-clear:hover, .alert.button-continue:focus, .alert.button-continue:hover, .alert.button-danger:focus, .alert.button-danger:hover, .alert.button-error:focus, .alert.button-error:hover, .alert.button-info:focus, .alert.button-info:hover, .alert.button-modal-cancel:focus, .alert.button-modal-cancel:hover, .alert.button-modal-confirm:focus, .alert.button-modal-confirm:hover, .alert.button-white:focus, .alert.button-white:hover, .button.alert:focus, .button.alert:hover, button.alert:focus, button.alert:hover {
            background-color: #b81257;
            color: #fff;
        }

    .button.warning, .warning.button-alt, .warning.button-clear, .warning.button-continue, .warning.button-danger, .warning.button-error, .warning.button-info, .warning.button-modal-cancel, .warning.button-modal-confirm, .warning.button-white, button.warning {
        background-color: #ffd579;
        border-color: #ffbd2e;
        color: #555;
    }

        .button.warning:focus, .button.warning:hover, .warning.button-alt:focus, .warning.button-alt:hover, .warning.button-clear:focus, .warning.button-clear:hover, .warning.button-continue:focus, .warning.button-continue:hover, .warning.button-danger:focus, .warning.button-danger:hover, .warning.button-error:focus, .warning.button-error:hover, .warning.button-info:focus, .warning.button-info:hover, .warning.button-modal-cancel:focus, .warning.button-modal-cancel:hover, .warning.button-modal-confirm:focus, .warning.button-modal-confirm:hover, .warning.button-white:focus, .warning.button-white:hover, button.warning:focus, button.warning:hover {
            background-color: #ffbd2e;
            color: #fff;
        }

    .button.info, .info.button-alt, .info.button-clear, .info.button-continue, .info.button-danger, .info.button-error, .info.button-info, .info.button-modal-cancel, .info.button-modal-confirm, .info.button-white, button.info {
        background-color: #f0f5fb;
        border-color: #a2c1e6;
        color: #555;
    }

        .button.info:focus, .button.info:hover, .info.button-alt:focus, .info.button-alt:hover, .info.button-clear:focus, .info.button-clear:hover, .info.button-continue:focus, .info.button-continue:hover, .info.button-danger:focus, .info.button-danger:hover, .info.button-error:focus, .info.button-error:hover, .info.button-info:focus, .info.button-info:hover, .info.button-modal-cancel:focus, .info.button-modal-cancel:hover, .info.button-modal-confirm:focus, .info.button-modal-confirm:hover, .info.button-white:focus, .info.button-white:hover, button.info:focus, button.info:hover {
            background-color: #a2c1e6;
            color: #555;
        }

    .button.large, .large.button-alt, .large.button-clear, .large.button-continue, .large.button-danger, .large.button-error, .large.button-info, .large.button-modal-cancel, .large.button-modal-confirm, .large.button-white, button.large {
        padding: 1.125rem 2.25rem 1.1875rem;
        font-size: 1.25rem;
    }

    .button.small, .small.button-alt, .small.button-clear, .small.button-continue, .small.button-danger, .small.button-error, .small.button-info, .small.button-modal-cancel, .small.button-modal-confirm, .small.button-white, button.small {
        padding: .875rem 1.75rem .9375rem;
        font-size: .8125rem;
    }

    .button.tiny, .tiny.button-alt, .tiny.button-clear, .tiny.button-continue, .tiny.button-danger, .tiny.button-error, .tiny.button-info, .tiny.button-modal-cancel, .tiny.button-modal-confirm, .tiny.button-white, button.tiny {
        padding: .625rem 1.25rem .6875rem;
        font-size: .6875rem;
    }

    .button.expand, .expand.button-alt, .expand.button-clear, .expand.button-continue, .expand.button-danger, .expand.button-error, .expand.button-info, .expand.button-modal-cancel, .expand.button-modal-confirm, .expand.button-white, button.expand {
        padding: .5rem 1rem .5625rem;
        font-size: 1.125rem;
        padding: .5rem .5rem .5625rem;
        width: 100%;
    }

    .button.left-align, .left-align.button-alt, .left-align.button-clear, .left-align.button-continue, .left-align.button-danger, .left-align.button-error, .left-align.button-info, .left-align.button-modal-cancel, .left-align.button-modal-confirm, .left-align.button-white, button.left-align {
        text-align: left;
        text-indent: .75rem;
    }

    .button.right-align, .right-align.button-alt, .right-align.button-clear, .right-align.button-continue, .right-align.button-danger, .right-align.button-error, .right-align.button-info, .right-align.button-modal-cancel, .right-align.button-modal-confirm, .right-align.button-white, button.right-align {
        text-align: right;
        padding-right: .75rem;
    }

    .button.radius, .radius.button-alt, .radius.button-clear, .radius.button-continue, .radius.button-danger, .radius.button-error, .radius.button-info, .radius.button-modal-cancel, .radius.button-modal-confirm, .radius.button-white, button.radius {
        border-radius: 4px;
    }

    .button.round, .round.button-alt, .round.button-clear, .round.button-continue, .round.button-danger, .round.button-error, .round.button-info, .round.button-modal-cancel, .round.button-modal-confirm, .round.button-white, button.round {
        border-radius: 1000px;
    }

    .button.disabled, .button[disabled], .disabled.button-alt, .disabled.button-clear, .disabled.button-continue, .disabled.button-danger, .disabled.button-error, .disabled.button-info, .disabled.button-modal-cancel, .disabled.button-modal-confirm, .disabled.button-white, [disabled].button-alt, [disabled].button-clear, [disabled].button-continue, [disabled].button-danger, [disabled].button-error, [disabled].button-info, [disabled].button-modal-cancel, [disabled].button-modal-confirm, [disabled].button-white, button.disabled, button[disabled] {
        background-color: #00b7b5;
        border-color: #009291;
        color: #fff;
        -webkit-box-shadow: none;
        box-shadow: none;
        cursor: default;
        opacity: .7;
    }

        .button.disabled:focus, .button.disabled:hover, .button[disabled]:focus, .button[disabled]:hover, .disabled.button-alt:focus, .disabled.button-alt:hover, .disabled.button-clear:focus, .disabled.button-clear:hover, .disabled.button-continue:focus, .disabled.button-continue:hover, .disabled.button-danger:focus, .disabled.button-danger:hover, .disabled.button-error:focus, .disabled.button-error:hover, .disabled.button-info:focus, .disabled.button-info:hover, .disabled.button-modal-cancel:focus, .disabled.button-modal-cancel:hover, .disabled.button-modal-confirm:focus, .disabled.button-modal-confirm:hover, .disabled.button-white:focus, .disabled.button-white:hover, [disabled].button-alt:focus, [disabled].button-alt:hover, [disabled].button-clear:focus, [disabled].button-clear:hover, [disabled].button-continue:focus, [disabled].button-continue:hover, [disabled].button-danger:focus, [disabled].button-danger:hover, [disabled].button-error:focus, [disabled].button-error:hover, [disabled].button-info:focus, [disabled].button-info:hover, [disabled].button-modal-cancel:focus, [disabled].button-modal-cancel:hover, [disabled].button-modal-confirm:focus, [disabled].button-modal-confirm:hover, [disabled].button-white:focus, [disabled].button-white:hover, button.disabled:focus, button.disabled:hover, button[disabled]:focus, button[disabled]:hover {
            background-color: #009291;
            color: #fff;
            background-color: #00b7b5;
        }

        .button.disabled.secondary, .button[disabled].secondary, .disabled.secondary.button-alt, .disabled.secondary.button-clear, .disabled.secondary.button-continue, .disabled.secondary.button-danger, .disabled.secondary.button-error, .disabled.secondary.button-info, .disabled.secondary.button-modal-cancel, .disabled.secondary.button-modal-confirm, .disabled.secondary.button-white, [disabled].secondary.button-alt, [disabled].secondary.button-clear, [disabled].secondary.button-continue, [disabled].secondary.button-danger, [disabled].secondary.button-error, [disabled].secondary.button-info, [disabled].secondary.button-modal-cancel, [disabled].secondary.button-modal-confirm, [disabled].secondary.button-white, button.disabled.secondary, button[disabled].secondary {
            background-color: #00265d;
            border-color: #001e4a;
            color: #fff;
            -webkit-box-shadow: none;
            box-shadow: none;
            cursor: default;
            opacity: .7;
        }

            .button.disabled.secondary:focus, .button.disabled.secondary:hover, .button[disabled].secondary:focus, .button[disabled].secondary:hover, .disabled.secondary.button-alt:focus, .disabled.secondary.button-alt:hover, .disabled.secondary.button-clear:focus, .disabled.secondary.button-clear:hover, .disabled.secondary.button-continue:focus, .disabled.secondary.button-continue:hover, .disabled.secondary.button-danger:focus, .disabled.secondary.button-danger:hover, .disabled.secondary.button-error:focus, .disabled.secondary.button-error:hover, .disabled.secondary.button-info:focus, .disabled.secondary.button-info:hover, .disabled.secondary.button-modal-cancel:focus, .disabled.secondary.button-modal-cancel:hover, .disabled.secondary.button-modal-confirm:focus, .disabled.secondary.button-modal-confirm:hover, .disabled.secondary.button-white:focus, .disabled.secondary.button-white:hover, [disabled].secondary.button-alt:focus, [disabled].secondary.button-alt:hover, [disabled].secondary.button-clear:focus, [disabled].secondary.button-clear:hover, [disabled].secondary.button-continue:focus, [disabled].secondary.button-continue:hover, [disabled].secondary.button-danger:focus, [disabled].secondary.button-danger:hover, [disabled].secondary.button-error:focus, [disabled].secondary.button-error:hover, [disabled].secondary.button-info:focus, [disabled].secondary.button-info:hover, [disabled].secondary.button-modal-cancel:focus, [disabled].secondary.button-modal-cancel:hover, [disabled].secondary.button-modal-confirm:focus, [disabled].secondary.button-modal-confirm:hover, [disabled].secondary.button-white:focus, [disabled].secondary.button-white:hover, button.disabled.secondary:focus, button.disabled.secondary:hover, button[disabled].secondary:focus, button[disabled].secondary:hover {
                background-color: #001e4a;
                color: #fff;
                background-color: #00265d;
            }

        .button.disabled.success, .button[disabled].success, .disabled.success.button-alt, .disabled.success.button-clear, .disabled.success.button-continue, .disabled.success.button-danger, .disabled.success.button-error, .disabled.success.button-info, .disabled.success.button-modal-cancel, .disabled.success.button-modal-confirm, .disabled.success.button-white, [disabled].success.button-alt, [disabled].success.button-clear, [disabled].success.button-continue, [disabled].success.button-danger, [disabled].success.button-error, [disabled].success.button-info, [disabled].success.button-modal-cancel, [disabled].success.button-modal-confirm, [disabled].success.button-white, button.disabled.success, button[disabled].success {
            background-color: #00b7b5;
            border-color: #009291;
            color: #fff;
            -webkit-box-shadow: none;
            box-shadow: none;
            cursor: default;
            opacity: .7;
        }

            .button.disabled.success:focus, .button.disabled.success:hover, .button[disabled].success:focus, .button[disabled].success:hover, .disabled.success.button-alt:focus, .disabled.success.button-alt:hover, .disabled.success.button-clear:focus, .disabled.success.button-clear:hover, .disabled.success.button-continue:focus, .disabled.success.button-continue:hover, .disabled.success.button-danger:focus, .disabled.success.button-danger:hover, .disabled.success.button-error:focus, .disabled.success.button-error:hover, .disabled.success.button-info:focus, .disabled.success.button-info:hover, .disabled.success.button-modal-cancel:focus, .disabled.success.button-modal-cancel:hover, .disabled.success.button-modal-confirm:focus, .disabled.success.button-modal-confirm:hover, .disabled.success.button-white:focus, .disabled.success.button-white:hover, [disabled].success.button-alt:focus, [disabled].success.button-alt:hover, [disabled].success.button-clear:focus, [disabled].success.button-clear:hover, [disabled].success.button-continue:focus, [disabled].success.button-continue:hover, [disabled].success.button-danger:focus, [disabled].success.button-danger:hover, [disabled].success.button-error:focus, [disabled].success.button-error:hover, [disabled].success.button-info:focus, [disabled].success.button-info:hover, [disabled].success.button-modal-cancel:focus, [disabled].success.button-modal-cancel:hover, [disabled].success.button-modal-confirm:focus, [disabled].success.button-modal-confirm:hover, [disabled].success.button-white:focus, [disabled].success.button-white:hover, button.disabled.success:focus, button.disabled.success:hover, button[disabled].success:focus, button[disabled].success:hover {
                background-color: #009291;
                color: #fff;
                background-color: #00b7b5;
            }

        .button.disabled.alert, .button[disabled].alert, .disabled.alert.button-alt, .disabled.alert.button-clear, .disabled.alert.button-continue, .disabled.alert.button-danger, .disabled.alert.button-error, .disabled.alert.button-info, .disabled.alert.button-modal-cancel, .disabled.alert.button-modal-confirm, .disabled.alert.button-white, [disabled].alert.button-alt, [disabled].alert.button-clear, [disabled].alert.button-continue, [disabled].alert.button-danger, [disabled].alert.button-error, [disabled].alert.button-info, [disabled].alert.button-modal-cancel, [disabled].alert.button-modal-confirm, [disabled].alert.button-white, button.disabled.alert, button[disabled].alert {
            background-color: #e6176d;
            border-color: #b81257;
            color: #fff;
            -webkit-box-shadow: none;
            box-shadow: none;
            cursor: default;
            opacity: .7;
        }

            .button.disabled.alert:focus, .button.disabled.alert:hover, .button[disabled].alert:focus, .button[disabled].alert:hover, .disabled.alert.button-alt:focus, .disabled.alert.button-alt:hover, .disabled.alert.button-clear:focus, .disabled.alert.button-clear:hover, .disabled.alert.button-continue:focus, .disabled.alert.button-continue:hover, .disabled.alert.button-danger:focus, .disabled.alert.button-danger:hover, .disabled.alert.button-error:focus, .disabled.alert.button-error:hover, .disabled.alert.button-info:focus, .disabled.alert.button-info:hover, .disabled.alert.button-modal-cancel:focus, .disabled.alert.button-modal-cancel:hover, .disabled.alert.button-modal-confirm:focus, .disabled.alert.button-modal-confirm:hover, .disabled.alert.button-white:focus, .disabled.alert.button-white:hover, [disabled].alert.button-alt:focus, [disabled].alert.button-alt:hover, [disabled].alert.button-clear:focus, [disabled].alert.button-clear:hover, [disabled].alert.button-continue:focus, [disabled].alert.button-continue:hover, [disabled].alert.button-danger:focus, [disabled].alert.button-danger:hover, [disabled].alert.button-error:focus, [disabled].alert.button-error:hover, [disabled].alert.button-info:focus, [disabled].alert.button-info:hover, [disabled].alert.button-modal-cancel:focus, [disabled].alert.button-modal-cancel:hover, [disabled].alert.button-modal-confirm:focus, [disabled].alert.button-modal-confirm:hover, [disabled].alert.button-white:focus, [disabled].alert.button-white:hover, button.disabled.alert:focus, button.disabled.alert:hover, button[disabled].alert:focus, button[disabled].alert:hover {
                background-color: #b81257;
                color: #fff;
                background-color: #e6176d;
            }

        .button.disabled.warning, .button[disabled].warning, .disabled.warning.button-alt, .disabled.warning.button-clear, .disabled.warning.button-continue, .disabled.warning.button-danger, .disabled.warning.button-error, .disabled.warning.button-info, .disabled.warning.button-modal-cancel, .disabled.warning.button-modal-confirm, .disabled.warning.button-white, [disabled].warning.button-alt, [disabled].warning.button-clear, [disabled].warning.button-continue, [disabled].warning.button-danger, [disabled].warning.button-error, [disabled].warning.button-info, [disabled].warning.button-modal-cancel, [disabled].warning.button-modal-confirm, [disabled].warning.button-white, button.disabled.warning, button[disabled].warning {
            background-color: #ffd579;
            border-color: #ffbd2e;
            color: #555;
            -webkit-box-shadow: none;
            box-shadow: none;
            cursor: default;
            opacity: .7;
        }

            .button.disabled.warning:focus, .button.disabled.warning:hover, .button[disabled].warning:focus, .button[disabled].warning:hover, .disabled.warning.button-alt:focus, .disabled.warning.button-alt:hover, .disabled.warning.button-clear:focus, .disabled.warning.button-clear:hover, .disabled.warning.button-continue:focus, .disabled.warning.button-continue:hover, .disabled.warning.button-danger:focus, .disabled.warning.button-danger:hover, .disabled.warning.button-error:focus, .disabled.warning.button-error:hover, .disabled.warning.button-info:focus, .disabled.warning.button-info:hover, .disabled.warning.button-modal-cancel:focus, .disabled.warning.button-modal-cancel:hover, .disabled.warning.button-modal-confirm:focus, .disabled.warning.button-modal-confirm:hover, .disabled.warning.button-white:focus, .disabled.warning.button-white:hover, [disabled].warning.button-alt:focus, [disabled].warning.button-alt:hover, [disabled].warning.button-clear:focus, [disabled].warning.button-clear:hover, [disabled].warning.button-continue:focus, [disabled].warning.button-continue:hover, [disabled].warning.button-danger:focus, [disabled].warning.button-danger:hover, [disabled].warning.button-error:focus, [disabled].warning.button-error:hover, [disabled].warning.button-info:focus, [disabled].warning.button-info:hover, [disabled].warning.button-modal-cancel:focus, [disabled].warning.button-modal-cancel:hover, [disabled].warning.button-modal-confirm:focus, [disabled].warning.button-modal-confirm:hover, [disabled].warning.button-white:focus, [disabled].warning.button-white:hover, button.disabled.warning:focus, button.disabled.warning:hover, button[disabled].warning:focus, button[disabled].warning:hover {
                background-color: #ffbd2e;
                color: #fff;
                background-color: #ffd579;
            }

        .button.disabled.info, .button[disabled].info, .disabled.info.button-alt, .disabled.info.button-clear, .disabled.info.button-continue, .disabled.info.button-danger, .disabled.info.button-error, .disabled.info.button-info, .disabled.info.button-modal-cancel, .disabled.info.button-modal-confirm, .disabled.info.button-white, [disabled].info.button-alt, [disabled].info.button-clear, [disabled].info.button-continue, [disabled].info.button-danger, [disabled].info.button-error, [disabled].info.button-info, [disabled].info.button-modal-cancel, [disabled].info.button-modal-confirm, [disabled].info.button-white, button.disabled.info, button[disabled].info {
            background-color: #f0f5fb;
            border-color: #a2c1e6;
            color: #555;
            -webkit-box-shadow: none;
            box-shadow: none;
            cursor: default;
            opacity: .7;
        }

            .button.disabled.info:focus, .button.disabled.info:hover, .button[disabled].info:focus, .button[disabled].info:hover, .disabled.info.button-alt:focus, .disabled.info.button-alt:hover, .disabled.info.button-clear:focus, .disabled.info.button-clear:hover, .disabled.info.button-continue:focus, .disabled.info.button-continue:hover, .disabled.info.button-danger:focus, .disabled.info.button-danger:hover, .disabled.info.button-error:focus, .disabled.info.button-error:hover, .disabled.info.button-info:focus, .disabled.info.button-info:hover, .disabled.info.button-modal-cancel:focus, .disabled.info.button-modal-cancel:hover, .disabled.info.button-modal-confirm:focus, .disabled.info.button-modal-confirm:hover, .disabled.info.button-white:focus, .disabled.info.button-white:hover, [disabled].info.button-alt:focus, [disabled].info.button-alt:hover, [disabled].info.button-clear:focus, [disabled].info.button-clear:hover, [disabled].info.button-continue:focus, [disabled].info.button-continue:hover, [disabled].info.button-danger:focus, [disabled].info.button-danger:hover, [disabled].info.button-error:focus, [disabled].info.button-error:hover, [disabled].info.button-info:focus, [disabled].info.button-info:hover, [disabled].info.button-modal-cancel:focus, [disabled].info.button-modal-cancel:hover, [disabled].info.button-modal-confirm:focus, [disabled].info.button-modal-confirm:hover, [disabled].info.button-white:focus, [disabled].info.button-white:hover, button.disabled.info:focus, button.disabled.info:hover, button[disabled].info:focus, button[disabled].info:hover {
                background-color: #a2c1e6;
                color: #555;
                background-color: #f0f5fb;
            }

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

@media only screen and (min-width:42.0625em) {
    .button, .button-alt, .button-clear, .button-continue, .button-danger, .button-error, .button-info, .button-modal-cancel, .button-modal-cancel.button-continue, .button-modal-cancel.button-modal-confirm, .button-modal-confirm, .button-white, button {
        display: inline-block;
    }
}

.f-dropdown {
    display: none;
    left: -9999px;
    list-style: none;
    margin-left: 0;
    position: absolute;
    background: #fff;
    border: 0 none #fff;
    font-size: 1.125rem;
    height: auto;
    max-height: none;
    width: 100%;
    z-index: 89;
    margin-top: 5px;
    max-width: 200px;
}

    .f-dropdown.open {
        display: block;
    }

    .f-dropdown > :first-child {
        margin-top: 0;
    }

    .f-dropdown > :last-child {
        margin-bottom: 0;
    }

    .f-dropdown:before {
        border: 6px inset;
        border-color: transparent transparent #fff;
        border-bottom-style: solid;
        top: -12px;
        left: 10px;
        z-index: 89;
    }

    .f-dropdown:after, .f-dropdown:before {
        content: "";
        display: block;
        height: 0;
        width: 0;
        position: absolute;
    }

    .f-dropdown:after {
        border: 7px inset;
        border-color: transparent transparent #fff;
        border-bottom-style: solid;
        top: -14px;
        left: 9px;
        z-index: 88;
    }

    .f-dropdown.right:before {
        left: auto;
        right: 10px;
    }

    .f-dropdown.right:after {
        left: auto;
        right: 9px;
    }

    .f-dropdown.drop-right {
        display: none;
        left: -9999px;
        list-style: none;
        margin-left: 0;
        position: absolute;
        background: #fff;
        border: 0 none #fff;
        font-size: 1.125rem;
        height: auto;
        max-height: none;
        width: 100%;
        z-index: 89;
        margin-top: 0;
        margin-left: 5px;
        max-width: 200px;
    }

        .f-dropdown.drop-right.open {
            display: block;
        }

        .f-dropdown.drop-right > :first-child {
            margin-top: 0;
        }

        .f-dropdown.drop-right > :last-child {
            margin-bottom: 0;
        }

        .f-dropdown.drop-right:before {
            border: 6px inset;
            border-color: transparent #fff transparent transparent;
            border-right-style: solid;
            top: 10px;
            left: -12px;
            z-index: 89;
        }

        .f-dropdown.drop-right:after, .f-dropdown.drop-right:before {
            content: "";
            display: block;
            height: 0;
            width: 0;
            position: absolute;
        }

        .f-dropdown.drop-right:after {
            border: 7px inset;
            border-color: transparent #fff transparent transparent;
            border-right-style: solid;
            top: 9px;
            left: -14px;
            z-index: 88;
        }

    .f-dropdown.drop-left {
        display: none;
        left: -9999px;
        list-style: none;
        margin-left: 0;
        position: absolute;
        background: #fff;
        border: 0 none #fff;
        font-size: 1.125rem;
        height: auto;
        max-height: none;
        width: 100%;
        z-index: 89;
        margin-top: 0;
        margin-left: -5px;
        max-width: 200px;
    }

        .f-dropdown.drop-left.open {
            display: block;
        }

        .f-dropdown.drop-left > :first-child {
            margin-top: 0;
        }

        .f-dropdown.drop-left > :last-child {
            margin-bottom: 0;
        }

        .f-dropdown.drop-left:before {
            border: 6px inset;
            border-color: transparent transparent transparent #fff;
            border-left-style: solid;
            top: 10px;
            right: -12px;
            z-index: 89;
        }

        .f-dropdown.drop-left:after, .f-dropdown.drop-left:before {
            content: "";
            display: block;
            height: 0;
            width: 0;
            position: absolute;
            left: auto;
        }

        .f-dropdown.drop-left:after {
            border: 7px inset;
            border-color: transparent transparent transparent #fff;
            border-left-style: solid;
            top: 9px;
            right: -14px;
            z-index: 88;
        }

    .f-dropdown.drop-top {
        display: none;
        left: -9999px;
        list-style: none;
        position: absolute;
        background: #fff;
        border: 0 none #fff;
        font-size: 1.125rem;
        height: auto;
        max-height: none;
        width: 100%;
        z-index: 89;
        margin-left: 0;
        margin-top: -5px;
        max-width: 200px;
    }

        .f-dropdown.drop-top.open {
            display: block;
        }

        .f-dropdown.drop-top > :first-child {
            margin-top: 0;
        }

        .f-dropdown.drop-top > :last-child {
            margin-bottom: 0;
        }

        .f-dropdown.drop-top:before {
            border: 6px inset;
            border-color: #fff transparent transparent;
            border-top-style: solid;
            bottom: -12px;
            left: 10px;
            z-index: 89;
        }

        .f-dropdown.drop-top:after, .f-dropdown.drop-top:before {
            content: "";
            display: block;
            height: 0;
            width: 0;
            position: absolute;
            top: auto;
            right: auto;
        }

        .f-dropdown.drop-top:after {
            border: 7px inset;
            border-color: #fff transparent transparent;
            border-top-style: solid;
            bottom: -14px;
            left: 9px;
            z-index: 88;
        }

    .f-dropdown li {
        cursor: pointer;
        font-size: 1.125rem;
        line-height: 1.125rem;
        margin: 0;
    }

        .f-dropdown li:focus, .f-dropdown li:hover {
            background: #ffd579;
        }

        .f-dropdown li a {
            display: block;
            padding: .9375rem;
            color: #00265d;
        }

    .f-dropdown.content {
        display: none;
        left: -9999px;
        list-style: none;
        margin-left: 0;
        position: absolute;
        background: #fff;
        border: 0 none #fff;
        font-size: 1.125rem;
        height: auto;
        max-height: none;
        padding: 1.25rem;
        width: 100%;
        z-index: 89;
        max-width: 200px;
    }

        .f-dropdown.content.open {
            display: block;
        }

        .f-dropdown.content > :first-child {
            margin-top: 0;
        }

        .f-dropdown.content > :last-child {
            margin-bottom: 0;
        }

    .f-dropdown.radius {
        border-radius: 4px;
    }

    .f-dropdown.tiny {
        max-width: 200px;
    }

    .f-dropdown.small {
        max-width: 300px;
    }

    .f-dropdown.medium {
        max-width: 500px;
    }

    .f-dropdown.large {
        max-width: 800px;
    }

    .f-dropdown.mega {
        width: 100% !important;
        max-width: 100% !important;
    }

        .f-dropdown.mega.open {
            left: 0 !important;
        }

.dropdown.button, .dropdown.button-alt, .dropdown.button-clear, .dropdown.button-continue, .dropdown.button-danger, .dropdown.button-error, .dropdown.button-info, .dropdown.button-modal-cancel, .dropdown.button-modal-confirm, .dropdown.button-white, button.dropdown {
    position: relative;
    padding-right: 1.875rem;
}

    .dropdown.button-alt:after, .dropdown.button-clear:after, .dropdown.button-continue:after, .dropdown.button-danger:after, .dropdown.button-error:after, .dropdown.button-info:after, .dropdown.button-modal-cancel:after, .dropdown.button-modal-confirm:after, .dropdown.button-white:after, .dropdown.button:after, button.dropdown:after {
        border-style: solid;
        content: "";
        display: block;
        height: 0;
        position: absolute;
        top: 50%;
        width: 0;
        border-width: .3125rem;
        right: .75rem;
        margin-top: -.0625rem;
        border-color: transparent;
    }

    .dropdown.button.tiny, .dropdown.tiny.button-alt, .dropdown.tiny.button-clear, .dropdown.tiny.button-continue, .dropdown.tiny.button-danger, .dropdown.tiny.button-error, .dropdown.tiny.button-info, .dropdown.tiny.button-modal-cancel, .dropdown.tiny.button-modal-confirm, .dropdown.tiny.button-white, button.dropdown.tiny {
        padding-right: 2.625rem;
    }

        .dropdown.button.tiny:after, .dropdown.tiny.button-alt:after, .dropdown.tiny.button-clear:after, .dropdown.tiny.button-continue:after, .dropdown.tiny.button-danger:after, .dropdown.tiny.button-error:after, .dropdown.tiny.button-info:after, .dropdown.tiny.button-modal-cancel:after, .dropdown.tiny.button-modal-confirm:after, .dropdown.tiny.button-white:after, button.dropdown.tiny:after {
            border-width: .375rem;
            right: 1.125rem;
            margin-top: -.125rem;
            border-color: transparent;
        }

    .dropdown.button.small, .dropdown.small.button-alt, .dropdown.small.button-clear, .dropdown.small.button-continue, .dropdown.small.button-danger, .dropdown.small.button-error, .dropdown.small.button-info, .dropdown.small.button-modal-cancel, .dropdown.small.button-modal-confirm, .dropdown.small.button-white, button.dropdown.small {
        padding-right: 3.0625rem;
    }

        .dropdown.button.small:after, .dropdown.small.button-alt:after, .dropdown.small.button-clear:after, .dropdown.small.button-continue:after, .dropdown.small.button-danger:after, .dropdown.small.button-error:after, .dropdown.small.button-info:after, .dropdown.small.button-modal-cancel:after, .dropdown.small.button-modal-confirm:after, .dropdown.small.button-white:after, button.dropdown.small:after {
            border-width: .4375rem;
            right: 1.3125rem;
            margin-top: -.15625rem;
            border-color: transparent;
        }

    .dropdown.button.large, .dropdown.large.button-alt, .dropdown.large.button-clear, .dropdown.large.button-continue, .dropdown.large.button-danger, .dropdown.large.button-error, .dropdown.large.button-info, .dropdown.large.button-modal-cancel, .dropdown.large.button-modal-confirm, .dropdown.large.button-white, button.dropdown.large {
        padding-right: 3.625rem;
    }

        .dropdown.button.large:after, .dropdown.large.button-alt:after, .dropdown.large.button-clear:after, .dropdown.large.button-continue:after, .dropdown.large.button-danger:after, .dropdown.large.button-error:after, .dropdown.large.button-info:after, .dropdown.large.button-modal-cancel:after, .dropdown.large.button-modal-confirm:after, .dropdown.large.button-white:after, button.dropdown.large:after {
            border-width: .3125rem;
            right: 1.71875rem;
            margin-top: -.15625rem;
            border-color: transparent;
        }

    .dropdown.button.secondary:after, .dropdown.secondary.button-alt:after, .dropdown.secondary.button-clear:after, .dropdown.secondary.button-continue:after, .dropdown.secondary.button-danger:after, .dropdown.secondary.button-error:after, .dropdown.secondary.button-info:after, .dropdown.secondary.button-modal-cancel:after, .dropdown.secondary.button-modal-confirm:after, .dropdown.secondary.button-white:after, button.dropdown.secondary:after {
        border-color: #555 transparent transparent;
    }

form {
    margin: 0 0 1.125rem;
}

    form .row .row {
        margin: 0 -.5625rem;
    }

        form .row .row .column, form .row .row .columns {
            padding: 0 .5625rem;
        }

        form .row .row.collapse {
            margin: 0;
        }

            form .row .row.collapse .column, form .row .row.collapse .columns {
                padding: 0;
            }

            form .row .row.collapse input {
                -webkit-border-bottom-right-radius: 0;
                -webkit-border-top-right-radius: 0;
                border-bottom-right-radius: 0;
                border-top-right-radius: 0;
            }

    form .row input.column, form .row input.columns, form .row textarea.column, form .row textarea.columns {
        padding-left: .5625rem;
    }

label {
    color: #00265d;
    cursor: pointer;
    display: block;
    font-size: .875rem;
    font-weight: 300;
    line-height: 1.5;
    margin-bottom: 0;
}

    label.right {
        float: none !important;
        text-align: right;
    }

    label.inline {
        margin: 0 0 1.125rem;
        padding: .5625rem 0;
    }

    label small {
        text-transform: capitalize;
        color: #00409c;
    }

.postfix, .prefix {
    border-style: solid;
    border-width: 1px;
    display: block;
    font-size: .875rem;
    height: 2.75rem;
    line-height: 2.75rem;
    overflow: visible;
    padding-bottom: 0;
    padding-top: 0;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 2;
}

    .postfix.button, .postfix.button-alt, .postfix.button-clear, .postfix.button-continue, .postfix.button-danger, .postfix.button-error, .postfix.button-info, .postfix.button-modal-cancel, .postfix.button-modal-confirm, .postfix.button-white, .prefix.button, .prefix.button-alt, .prefix.button-clear, .prefix.button-continue, .prefix.button-danger, .prefix.button-error, .prefix.button-info, .prefix.button-modal-cancel, .prefix.button-modal-confirm, .prefix.button-white {
        border: none;
        padding: 0;
        text-align: center;
    }

        .prefix.button.radius, .prefix.radius.button-alt, .prefix.radius.button-clear, .prefix.radius.button-continue, .prefix.radius.button-danger, .prefix.radius.button-error, .prefix.radius.button-info, .prefix.radius.button-modal-cancel, .prefix.radius.button-modal-confirm, .prefix.radius.button-white {
            border-radius: 0;
            -webkit-border-bottom-left-radius: 4px;
            -webkit-border-top-left-radius: 4px;
            border-bottom-left-radius: 4px;
            border-top-left-radius: 4px;
        }

        .postfix.button.radius, .postfix.radius.button-alt, .postfix.radius.button-clear, .postfix.radius.button-continue, .postfix.radius.button-danger, .postfix.radius.button-error, .postfix.radius.button-info, .postfix.radius.button-modal-cancel, .postfix.radius.button-modal-confirm, .postfix.radius.button-white {
            border-radius: 0;
            -webkit-border-bottom-right-radius: 4px;
            -webkit-border-top-right-radius: 4px;
            border-bottom-right-radius: 4px;
            border-top-right-radius: 4px;
        }

        .prefix.button.round, .prefix.round.button-alt, .prefix.round.button-clear, .prefix.round.button-continue, .prefix.round.button-danger, .prefix.round.button-error, .prefix.round.button-info, .prefix.round.button-modal-cancel, .prefix.round.button-modal-confirm, .prefix.round.button-white {
            border-radius: 0;
            -webkit-border-bottom-left-radius: 1000px;
            -webkit-border-top-left-radius: 1000px;
            border-bottom-left-radius: 1000px;
            border-top-left-radius: 1000px;
        }

        .postfix.button.round, .postfix.round.button-alt, .postfix.round.button-clear, .postfix.round.button-continue, .postfix.round.button-danger, .postfix.round.button-error, .postfix.round.button-info, .postfix.round.button-modal-cancel, .postfix.round.button-modal-confirm, .postfix.round.button-white {
            border-radius: 0;
            -webkit-border-bottom-right-radius: 1000px;
            -webkit-border-top-right-radius: 1000px;
            border-bottom-right-radius: 1000px;
            border-top-right-radius: 1000px;
        }

label.prefix, span.prefix {
    background: #f2f2f2;
    border-right: none;
    color: #555;
    border-color: #ccc;
}

label.postfix, span.postfix {
    background: #f2f2f2;
    border-left: none;
    color: #555;
    border-color: #ccc;
}

input:not([type]), input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 1;
    background-color: #f0f5fb;
    /*border: 0 solid #bbb;*/
    -webkit-box-shadow: inset 0 0 0 rgba(0,0,0,.1);
    box-shadow: inset 0 0 0 rgba(0,0,0,.1);
    color: #00265d;
    display: block;
    font-family: inherit;
    /*font-size: 1.125rem;*/
    /*height: 2.75rem;*/
    /*height: 40px;*/
    /*margin: 0 0 1.125rem;*/
    margin: 3px;
    padding: .5625rem;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: border-color .15s linear,background .15s linear;
    transition: border-color .15s linear,background .15s linear;
}

    input:not([type]):focus, input[type=color]:focus, input[type=date]:focus, input[type=datetime-local]:focus, input[type=datetime]:focus, input[type=email]:focus, input[type=month]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=time]:focus, input[type=url]:focus, input[type=week]:focus, textarea:focus {
        background: #ffd579;
        border-color: #999;
        outline: none;
    }

    fieldset[disabled] input:not([type]), fieldset[disabled] input[type=color], fieldset[disabled] input[type=date], fieldset[disabled] input[type=datetime-local], fieldset[disabled] input[type=datetime], fieldset[disabled] input[type=email], fieldset[disabled] input[type=month], fieldset[disabled] input[type=number], fieldset[disabled] input[type=password], fieldset[disabled] input[type=search], fieldset[disabled] input[type=tel], fieldset[disabled] input[type=text], fieldset[disabled] input[type=time], fieldset[disabled] input[type=url], fieldset[disabled] input[type=week], fieldset[disabled] textarea, input:not([type]):disabled, input:not([type])[disabled], input:not([type])[readonly], input[type=color]:disabled, input[type=color][disabled], input[type=color][readonly], input[type=date]:disabled, input[type=date][disabled], input[type=date][readonly], input[type=datetime-local]:disabled, input[type=datetime-local][disabled], input[type=datetime-local][readonly], input[type=datetime]:disabled, input[type=datetime][disabled], input[type=datetime][readonly], input[type=email]:disabled, input[type=email][disabled], input[type=email][readonly], input[type=month]:disabled, input[type=month][disabled], input[type=month][readonly], input[type=number]:disabled, input[type=number][disabled], input[type=number][readonly], input[type=password]:disabled, input[type=password][disabled], input[type=password][readonly], input[type=search]:disabled, input[type=search][disabled], input[type=search][readonly], input[type=tel]:disabled, input[type=tel][disabled], input[type=tel][readonly], input[type=text]:disabled, input[type=text][disabled], input[type=text][readonly], input[type=time]:disabled, input[type=time][disabled], input[type=time][readonly], input[type=url]:disabled, input[type=url][disabled], input[type=url][readonly], input[type=week]:disabled, input[type=week][disabled], input[type=week][readonly], textarea:disabled, textarea[disabled], textarea[readonly] {
        background-color: #e8e8e8;
        cursor: default;
    }

    input:not([type]).radius, input[type=color].radius, input[type=date].radius, input[type=datetime-local].radius, input[type=datetime].radius, input[type=email].radius, input[type=month].radius, input[type=number].radius, input[type=password].radius, input[type=search].radius, input[type=tel].radius, input[type=text].radius, input[type=time].radius, input[type=url].radius, input[type=week].radius, textarea.radius {
        border-radius: 4px;
    }

form .row .prefix-radius.row.collapse button, form .row .prefix-radius.row.collapse input, form .row .prefix-radius.row.collapse select, form .row .prefix-radius.row.collapse textarea {
    border-radius: 0;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}

form .row .postfix-radius.row.collapse button, form .row .postfix-radius.row.collapse input, form .row .postfix-radius.row.collapse select, form .row .postfix-radius.row.collapse textarea, form .row .prefix-radius.row.collapse .prefix {
    border-radius: 0;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}

form .row .postfix-radius.row.collapse .postfix {
    border-radius: 0;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}

form .row .prefix-round.row.collapse button, form .row .prefix-round.row.collapse input, form .row .prefix-round.row.collapse select, form .row .prefix-round.row.collapse textarea {
    border-radius: 0;
    -webkit-border-bottom-right-radius: 1000px;
    -webkit-border-top-right-radius: 1000px;
    border-bottom-right-radius: 1000px;
    border-top-right-radius: 1000px;
}

form .row .postfix-round.row.collapse button, form .row .postfix-round.row.collapse input, form .row .postfix-round.row.collapse select, form .row .postfix-round.row.collapse textarea, form .row .prefix-round.row.collapse .prefix {
    border-radius: 0;
    -webkit-border-bottom-left-radius: 1000px;
    -webkit-border-top-left-radius: 1000px;
    border-bottom-left-radius: 1000px;
    border-top-left-radius: 1000px;
}

form .row .postfix-round.row.collapse .postfix {
    border-radius: 0;
    -webkit-border-bottom-right-radius: 1000px;
    -webkit-border-top-right-radius: 1000px;
    border-bottom-right-radius: 1000px;
    border-top-right-radius: 1000px;
}

input[type=submit] {
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0;
}

textarea[rows] {
    height: auto;
}

::-webkit-input-placeholder {
    color: #555;
}

:-moz-placeholder, ::-moz-placeholder {
    color: #555;
}

:-ms-input-placeholder {
    color: #555;
}

select {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background-color: #f0f5fb;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+");
    background-position: 100%;
    border: 0 solid #bbb;
    color: #00265d;
    font-family: inherit;
    font-size: 1.125rem;
    line-height: normal;
    padding: .5625rem;
    border-radius: 0;
    height: 2.75rem;
}

    select::-ms-expand {
        display: none;
    }

    select.radius {
        border-radius: 4px;
    }

    select:focus {
        background-color: #ffd579;
        border-color: #999;
    }

    select:disabled {
        background-color: #e8e8e8;
        cursor: default;
    }

    select[multiple] {
        height: auto;
    }

input[type=checkbox], input[type=file], input[type=radio], select {
    margin: 0 0 1.125rem;
}

    input[type=checkbox] + label, input[type=radio] + label {
        display: inline-block;
        margin-left: .5625rem;
        margin-right: 1.125rem;
        margin-bottom: 0;
        vertical-align: baseline;
    }

input[type=file] {
    width: 100%;
}

fieldset {
    border: 1px solid #e8e8e8;
    margin: 1.125rem 0;
    padding: 1.25rem;
}

    fieldset legend {
        font-weight: 400;
        margin: 0;
        margin-left: -.1875rem;
        padding: 0 .1875rem;
    }

[data-abide] .error small.error, [data-abide] .error span.error, [data-abide] small.error, [data-abide] span.error {
    display: block;
    font-size: .75rem;
    font-style: italic;
    font-weight: 300;
    margin-bottom: 1.125rem;
    margin-top: -1px;
    padding: .375rem .5625rem .5625rem;
    background: #e6176d;
    color: #fff;
}

[data-abide] small.error, [data-abide] span.error {
    display: none;
}

small.error, span.error {
    display: block;
    font-size: .75rem;
    font-style: italic;
    font-weight: 300;
    margin-bottom: 1.125rem;
    margin-top: -1px;
    padding: .375rem .5625rem .5625rem;
    background: #e6176d;
    color: #fff;
}

.error input, .error select, .error textarea {
    margin-bottom: 0;
}

    .error input[type=checkbox], .error input[type=radio] {
        margin-bottom: 1.125rem;
    }

.error label, .error label.error {
    color: #e6176d;
}

.error small.error {
    display: block;
    font-size: .75rem;
    font-style: italic;
    font-weight: 300;
    margin-bottom: 1.125rem;
    margin-top: -1px;
    padding: .375rem .5625rem .5625rem;
    background: #e6176d;
    color: #fff;
}

.error > label > small {
    background: transparent;
    color: #00409c;
    display: inline;
    font-size: 60%;
    font-style: normal;
    margin: 0;
    padding: 0;
    text-transform: capitalize;
}

.error span.error-message {
    display: block;
}

input.error, select.error, textarea.error {
    margin-bottom: 0;
}

label.error {
    color: #e6176d;
}

.inline-list {
    list-style: none;
    margin: 0 0 1.0625rem -1.375rem;
    overflow: hidden;
    padding: 0;
}

    .inline-list > li {
        display: block;
        float: left;
        list-style: none;
        margin-left: 1.375rem;
    }

        .inline-list > li > * {
            display: block;
        }

.label {
    display: inline-block;
    font-family: brandongrotesque-bold,sans-serif;
    font-weight: 300;
    line-height: 1;
    margin-bottom: auto;
    position: relative;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    padding: .125rem .3125rem;
    font-size: .6875rem;
    background-color: #00b7b5;
    color: #fff;
}

    .label.radius {
        border-radius: .5rem;
    }

    .label.round {
        border-radius: 1000px;
    }

    .label.alert {
        background-color: #e6176d;
        color: #fff;
    }

    .label.warning {
        background-color: #ffd579;
        color: #555;
    }

    .label.success {
        background-color: #00b7b5;
        color: #fff;
    }

    .label.secondary {
        background-color: #00265d;
        color: #fff;
    }

    .label.info {
        background-color: #f0f5fb;
        color: #555;
    }

table {
    background: #fff;
    border: 0 none #e8e8e8;
    margin-bottom: 1.25rem;
    table-layout: auto;
}

    table caption {
        background: transparent;
        color: #00265d;
        font-size: 1rem;
        font-weight: 700;
    }

    table thead {
        background: #c3e3ec;
    }

        table thead tr td, table thead tr th {
            color: #00265d;
            font-size: .875rem;
            font-weight: 400;
            padding: .5rem .625rem .625rem;
        }

    table tfoot {
        background: #c3e3ec;
    }

        table tfoot tr td, table tfoot tr th {
            color: #00265d;
            font-size: .875rem;
            font-weight: 400;
            padding: .5rem .625rem .625rem;
        }

    table tr td, table tr th {
        color: #00265d;
        font-size: .875rem;
        padding: .5625rem .625rem;
        text-align: left;
    }

    table tr.alt, table tr.even, table tr:nth-of-type(2n) {
        background: #f7fbfd;
    }

    table tbody tr td, table tbody tr th, table tfoot tr td, table tfoot tr th, table thead tr th, table tr td {
        display: table-cell;
        line-height: 1.125rem;
    }

.tabs {
    margin-bottom: 0 !important;
    margin-left: 0;
}

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

    .tabs:after {
        clear: both;
    }

    .tabs .tab-title, .tabs dd {
        float: left;
        list-style: none;
        margin-bottom: 0 !important;
        position: relative;
    }

        .tabs .tab-title > a, .tabs dd > a {
            display: block;
            background-color: #e8e8e8;
            color: #000;
            font-family: brandongrotesque-regular,sans-serif;
            font-size: 1rem;
            padding: 1rem 2rem;
        }

            .tabs .tab-title > a:hover, .tabs dd > a:hover {
                background-color: #dadada;
            }

        .tabs .tab-title.active > a, .tabs dd.active > a {
            background-color: #fff;
            color: #000;
        }

    .tabs.radius .tab:first-child a, .tabs.radius dd:first-child a {
        -webkit-border-bottom-left-radius: 4px;
        -webkit-border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
        border-top-left-radius: 4px;
    }

    .tabs.radius .tab:last-child a, .tabs.radius dd:last-child a {
        -webkit-border-bottom-right-radius: 4px;
        -webkit-border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        border-top-right-radius: 4px;
    }

    .tabs.vertical .tab-title, .tabs.vertical dd {
        position: inherit;
        float: none;
        display: block;
        top: auto;
    }

.tabs-content {
    margin-bottom: 0;
    width: 100%;
}

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

    .tabs-content:after {
        clear: both;
    }

    .tabs-content > .content {
        display: none;
        float: left;
        padding: 0;
        width: 100%;
    }

        .tabs-content > .content.active {
            display: block;
            float: none;
        }

        .tabs-content > .content.contained {
            padding: 0;
        }

    .tabs-content.vertical {
        display: block;
    }

        .tabs-content.vertical > .content {
            padding: 0;
        }

@media only screen and (min-width:42.0625em) {
    .tabs.vertical {
        float: left;
        margin: 0;
        margin-bottom: 1.25rem !important;
        max-width: 20%;
        width: 20%;
    }

    .tabs-content.vertical {
        float: left;
        margin-left: -1px;
        max-width: 80%;
        padding-left: 1rem;
        width: 80%;
    }
}

.no-js .tabs-content > .content {
    display: block;
    float: none;
}

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

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

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

.text-justify {
    text-align: justify !important;
}

@media only screen and (max-width:42em) {
    .small-only-text-left {
        text-align: left !important;
    }

    .small-only-text-right {
        text-align: right !important;
    }

    .small-only-text-center {
        text-align: center !important;
    }

    .small-only-text-justify {
        text-align: justify !important;
    }
}

@media only screen {
    .small-text-left {
        text-align: left !important;
    }

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

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

    .small-text-justify {
        text-align: justify !important;
    }
}

@media only screen and (min-width:42.0625em) and (max-width:64em) {
    .medium-only-text-left {
        text-align: left !important;
    }

    .medium-only-text-right {
        text-align: right !important;
    }

    .medium-only-text-center {
        text-align: center !important;
    }

    .medium-only-text-justify {
        text-align: justify !important;
    }
}

@media only screen and (min-width:42.0625em) {
    .medium-text-left {
        text-align: left !important;
    }

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

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

    .medium-text-justify {
        text-align: justify !important;
    }
}

@media only screen and (min-width:64.0625em) and (max-width:90em) {
    .large-only-text-left {
        text-align: left !important;
    }

    .large-only-text-right {
        text-align: right !important;
    }

    .large-only-text-center {
        text-align: center !important;
    }

    .large-only-text-justify {
        text-align: justify !important;
    }
}

@media only screen and (min-width:64.0625em) {
    .large-text-left {
        text-align: left !important;
    }

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

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

    .large-text-justify {
        text-align: justify !important;
    }
}

@media only screen and (min-width:90.0625em) and (max-width:120em) {
    .xlarge-only-text-left {
        text-align: left !important;
    }

    .xlarge-only-text-right {
        text-align: right !important;
    }

    .xlarge-only-text-center {
        text-align: center !important;
    }

    .xlarge-only-text-justify {
        text-align: justify !important;
    }
}

@media only screen and (min-width:90.0625em) {
    .xlarge-text-left {
        text-align: left !important;
    }

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

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

    .xlarge-text-justify {
        text-align: justify !important;
    }
}

@media only screen and (min-width:120.0625em) and (max-width:6249999.9375em) {
    .xxlarge-only-text-left {
        text-align: left !important;
    }

    .xxlarge-only-text-right {
        text-align: right !important;
    }

    .xxlarge-only-text-center {
        text-align: center !important;
    }

    .xxlarge-only-text-justify {
        text-align: justify !important;
    }
}

@media only screen and (min-width:120.0625em) {
    .xxlarge-text-left {
        text-align: left !important;
    }

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

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

    .xxlarge-text-justify {
        text-align: justify !important;
    }
}

.h1, .h2, .h3, .h4, .h5, .h6, blockquote, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, li, ol, p, pre, td, th, ul {
    margin: 0;
    padding: 0;
}

a {
    color: #00b7b5;
    line-height: inherit;
    text-decoration: none;
}

    a:focus, a:hover {
        color: #009d9c;
    }

    a img {
        border: none;
    }

p {
    font-family: inherit;
    font-size: 1.125rem;
    font-weight: 300;
    margin-bottom: 1.25rem;
    text-rendering: optimizeLegibility;
}

    p, p.lead {
        line-height: 1.6;
    }

        p.lead {
            font-size: 1.34375rem;
        }

        p aside {
            font-size: .875rem;
            font-style: italic;
            line-height: 1.35;
        }

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    color: #00265d;
    font-style: normal;
    font-weight: 300;
    line-height: 1.3;
    margin-bottom: .5rem;
    margin-top: .2rem;
    text-rendering: optimizeLegibility;
}

    .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
        color: #0062ef;
        font-size: 60%;
        line-height: 0;
    }

.h1, h1 {
    font-size: 2rem;
}

.h2, h2 {
    font-size: 1.6875rem;
}

.h3, h3 {
    font-size: 1.375rem;
}

.h4, .h5, h4, h5 {
    font-size: 1.125rem;
}

.h6, h6 {
    font-size: 1rem;
}

.subheader {
    line-height: 1.4;
    color: #0062ef;
    font-weight: 300;
    margin-top: .2rem;
    margin-bottom: .5rem;
}

hr {
    border: solid #e8e8e8;
    border-width: 1px 0 0;
    clear: both;
    height: 0;
    margin: 1.25rem 0 1.1875rem;
}

em, i {
    font-style: italic;
}

b, em, i, strong {
    line-height: inherit;
}

b, strong {
    /*font-weight: 400;*/
}

small {
    font-size: 60%;
    line-height: inherit;
}

code {
    background-color: #82b5ff;
    border: 1px solid #5b9eff;
    color: #555;
    font-family: Consolas,Liberation Mono,Courier,monospace;
    font-weight: 300;
    padding: .125rem .3125rem .0625rem;
}

dl, ol, ul {
    font-family: inherit;
    font-size: 1.125rem;
    line-height: 1.6;
    list-style-position: outside;
    margin-bottom: 1.25rem;
}

ul {
    margin-left: 1.1rem;
}

    ul li ol, ul li ul {
        margin-left: 1.25rem;
        margin-bottom: 0;
    }

    ul.circle li ul, ul.disc li ul, ul.square li ul {
        list-style: inherit;
    }

    ul.square {
        list-style-type: square;
        margin-left: 1.1rem;
    }

    ul.circle {
        list-style-type: circle;
    }

    ul.circle, ul.disc {
        margin-left: 1.1rem;
    }

    ul.disc {
        list-style-type: disc;
    }

ol {
    margin-left: 1.4rem;
}

    ol li ol, ol li ul {
        margin-left: 1.25rem;
        margin-bottom: 0;
    }

.no-bullet {
    list-style-type: none;
    margin-left: 0;
}

    .no-bullet li ol, .no-bullet li ul {
        margin-left: 1.25rem;
        margin-bottom: 0;
        list-style: none;
    }

dl dt {
    margin-bottom: .3rem;
    font-weight: 400;
}

dl dd {
    margin-bottom: .75rem;
}

abbr, acronym {
    text-transform: uppercase;
    font-size: 90%;
    color: #00265d;
    cursor: help;
}

abbr {
    text-transform: none;
}

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

blockquote {
    margin: 0 0 1.25rem;
    padding: .5625rem 1.25rem 0 1.1875rem;
    border-left: 1px solid #e8e8e8;
}

    blockquote cite {
        display: block;
        font-size: .8125rem;
        color: #004dbd;
    }

        blockquote cite:before {
            content: "\2014    ";
        }

        blockquote cite a, blockquote cite a:visited {
            color: #004dbd;
        }

    blockquote, blockquote p {
        line-height: 1.6;
        color: #0062ef;
    }

.vcard {
    display: inline-block;
    margin: 0 0 1.25rem;
    border: 1px solid #e8e8e8;
    padding: .625rem .75rem;
}

    .vcard li {
        margin: 0;
        display: block;
    }

    .vcard .fn {
        font-size: .9375rem;
    }

    .vcard .fn, .vevent .summary, .vevent abbr {
        font-weight: 400;
    }

.vevent abbr {
    cursor: default;
    text-decoration: none;
    border: none;
    padding: 0 .0625rem;
}

@media only screen and (min-width:42.0625em) {
    .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
        line-height: 1.3;
    }

    .h1, h1 {
        font-size: 2.5rem;
    }

    .h2, h2 {
        font-size: 2.3125rem;
    }

    .h3, h3 {
        font-size: 1.6875rem;
    }

    .h4, h4 {
        font-size: 1.4375rem;
    }

    .h5, h5 {
        font-size: 1.125rem;
    }

    .h6, h6 {
        font-size: 1rem;
    }
}

@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a, a:visited {
        text-decoration: underline;
    }

        a[href]:after {
            content: " (" attr(href) ")";
        }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    .ir a:after, a[href^="#"]:after, a[href^="javascript:"]:after {
        content: "";
    }

    blockquote, pre {
        border: 1px solid #bbb;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    img, tr {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: .34in;
    }

    .h2, .h3, h2, h3, p {
        orphans: 3;
        widows: 3;
    }

    .h2, .h3, h2, h3 {
        page-break-after: avoid;
    }
}

@media only screen {
    .hide-for-large, .hide-for-large-only, .hide-for-large-up, .hide-for-medium, .hide-for-medium-only, .hide-for-medium-up, .hide-for-xlarge, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xxlarge, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .mobile-menu, .show-for-large-down, .show-for-medium-down, .show-for-small, .show-for-small-down, .show-for-small-only, .show-for-small-up, .show-for-xlarge-down, .show-for-xxlarge-down {
        display: inherit !important;
    }

    .hide-for-large-down, .hide-for-medium-down, .hide-for-small, .hide-for-small-down, .hide-for-small-only, .hide-for-small-up, .hide-for-xlarge-down, .hide-for-xxlarge-down, .main-nav, .show-for-large, .show-for-large-only, .show-for-large-up, .show-for-medium, .show-for-medium-only, .show-for-medium-up, .show-for-xlarge, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xxlarge, .show-for-xxlarge-only, .show-for-xxlarge-up {
        display: none !important;
    }

    .hidden-for-large, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-medium, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-xlarge, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xxlarge, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .visible-for-large-down, .visible-for-medium-down, .visible-for-small, .visible-for-small-down, .visible-for-small-only, .visible-for-small-up, .visible-for-xlarge-down, .visible-for-xxlarge-down {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto;
    }

    .hidden-for-large-down, .hidden-for-medium-down, .hidden-for-small, .hidden-for-small-down, .hidden-for-small-only, .hidden-for-small-up, .hidden-for-xlarge-down, .hidden-for-xxlarge-down, .visible-for-large, .visible-for-large-only, .visible-for-large-up, .visible-for-medium, .visible-for-medium-only, .visible-for-medium-up, .visible-for-xlarge, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xxlarge, .visible-for-xxlarge-only, .visible-for-xxlarge-up {
        clip: rect(1px,1px,1px,1px);
        height: 1px;
        overflow: hidden;
        position: absolute !important;
        width: 1px;
    }

    table.hide-for-large, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-medium, table.hide-for-medium-only, table.hide-for-medium-up, table.hide-for-xlarge, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xxlarge, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.mobile-menu, table.show-for-large-down, table.show-for-medium-down, table.show-for-small, table.show-for-small-down, table.show-for-small-only, table.show-for-small-up, table.show-for-xlarge-down, table.show-for-xxlarge-down {
        display: table !important;
    }

    thead.hide-for-large, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-medium, thead.hide-for-medium-only, thead.hide-for-medium-up, thead.hide-for-xlarge, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xxlarge, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.mobile-menu, thead.show-for-large-down, thead.show-for-medium-down, thead.show-for-small, thead.show-for-small-down, thead.show-for-small-only, thead.show-for-small-up, thead.show-for-xlarge-down, thead.show-for-xxlarge-down {
        display: table-header-group !important;
    }

    tbody.hide-for-large, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-medium, tbody.hide-for-medium-only, tbody.hide-for-medium-up, tbody.hide-for-xlarge, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xxlarge, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.mobile-menu, tbody.show-for-large-down, tbody.show-for-medium-down, tbody.show-for-small, tbody.show-for-small-down, tbody.show-for-small-only, tbody.show-for-small-up, tbody.show-for-xlarge-down, tbody.show-for-xxlarge-down {
        display: table-row-group !important;
    }

    tr.hide-for-large, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-medium, tr.hide-for-medium-only, tr.hide-for-medium-up, tr.hide-for-xlarge, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xxlarge, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.mobile-menu, tr.show-for-large-down, tr.show-for-medium-down, tr.show-for-small, tr.show-for-small-down, tr.show-for-small-only, tr.show-for-small-up, tr.show-for-xlarge-down, tr.show-for-xxlarge-down {
        display: table-row;
    }

    td.hide-for-large, td.hide-for-large-only, td.hide-for-large-up, td.hide-for-medium, td.hide-for-medium-only, td.hide-for-medium-up, td.hide-for-xlarge, td.hide-for-xlarge-only, td.hide-for-xlarge-up, td.hide-for-xxlarge, td.hide-for-xxlarge-only, td.hide-for-xxlarge-up, td.mobile-menu, td.show-for-large-down, td.show-for-medium-down, td.show-for-small, td.show-for-small-down, td.show-for-small-only, td.show-for-small-up, td.show-for-xlarge-down, td.show-for-xxlarge-down, th.hide-for-large, th.hide-for-large-only, th.hide-for-large-up, th.hide-for-medium, th.hide-for-medium-only, th.hide-for-medium-up, th.hide-for-xlarge, th.hide-for-xlarge-only, th.hide-for-xlarge-up, th.hide-for-xxlarge, th.hide-for-xxlarge-only, th.hide-for-xxlarge-up, th.mobile-menu, th.show-for-large-down, th.show-for-medium-down, th.show-for-small, th.show-for-small-down, th.show-for-small-only, th.show-for-small-up, th.show-for-xlarge-down, th.show-for-xxlarge-down {
        display: table-cell !important;
    }
}

@media only screen and (min-width:42.0625em) {
    .hide-for-large, .hide-for-large-only, .hide-for-large-up, .hide-for-small, .hide-for-small-down, .hide-for-small-only, .hide-for-xlarge, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xxlarge, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .main-nav, .show-for-large-down, .show-for-medium, .show-for-medium-down, .show-for-medium-only, .show-for-medium-up, .show-for-small-up, .show-for-xlarge-down, .show-for-xxlarge-down {
        display: inherit !important;
    }

    .hide-for-large-down, .hide-for-medium, .hide-for-medium-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-small-up, .hide-for-xlarge-down, .hide-for-xxlarge-down, .mobile-menu, .show-for-large, .show-for-large-only, .show-for-large-up, .show-for-small, .show-for-small-down, .show-for-small-only, .show-for-xlarge, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xxlarge, .show-for-xxlarge-only, .show-for-xxlarge-up {
        display: none !important;
    }

    .hidden-for-large, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-small-only, .hidden-for-xlarge, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xxlarge, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .visible-for-large-down, .visible-for-medium, .visible-for-medium-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-small-up, .visible-for-xlarge-down, .visible-for-xxlarge-down {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto;
    }

    .hidden-for-large-down, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-small-up, .hidden-for-xlarge-down, .hidden-for-xxlarge-down, .visible-for-large, .visible-for-large-only, .visible-for-large-up, .visible-for-small, .visible-for-small-down, .visible-for-small-only, .visible-for-xlarge, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xxlarge, .visible-for-xxlarge-only, .visible-for-xxlarge-up {
        clip: rect(1px,1px,1px,1px);
        height: 1px;
        overflow: hidden;
        position: absolute !important;
        width: 1px;
    }

    table.hide-for-large, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-small-only, table.hide-for-xlarge, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xxlarge, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.main-nav, table.show-for-large-down, table.show-for-medium, table.show-for-medium-down, table.show-for-medium-only, table.show-for-medium-up, table.show-for-small-up, table.show-for-xlarge-down, table.show-for-xxlarge-down {
        display: table !important;
    }

    thead.hide-for-large, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-small-only, thead.hide-for-xlarge, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xxlarge, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.main-nav, thead.show-for-large-down, thead.show-for-medium, thead.show-for-medium-down, thead.show-for-medium-only, thead.show-for-medium-up, thead.show-for-small-up, thead.show-for-xlarge-down, thead.show-for-xxlarge-down {
        display: table-header-group !important;
    }

    tbody.hide-for-large, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-small-only, tbody.hide-for-xlarge, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xxlarge, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.main-nav, tbody.show-for-large-down, tbody.show-for-medium, tbody.show-for-medium-down, tbody.show-for-medium-only, tbody.show-for-medium-up, tbody.show-for-small-up, tbody.show-for-xlarge-down, tbody.show-for-xxlarge-down {
        display: table-row-group !important;
    }

    tr.hide-for-large, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-small-only, tr.hide-for-xlarge, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xxlarge, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.main-nav, tr.show-for-large-down, tr.show-for-medium, tr.show-for-medium-down, tr.show-for-medium-only, tr.show-for-medium-up, tr.show-for-small-up, tr.show-for-xlarge-down, tr.show-for-xxlarge-down {
        display: table-row;
    }

    td.hide-for-large, td.hide-for-large-only, td.hide-for-large-up, td.hide-for-small, td.hide-for-small-down, td.hide-for-small-only, td.hide-for-xlarge, td.hide-for-xlarge-only, td.hide-for-xlarge-up, td.hide-for-xxlarge, td.hide-for-xxlarge-only, td.hide-for-xxlarge-up, td.main-nav, td.show-for-large-down, td.show-for-medium, td.show-for-medium-down, td.show-for-medium-only, td.show-for-medium-up, td.show-for-small-up, td.show-for-xlarge-down, td.show-for-xxlarge-down, th.hide-for-large, th.hide-for-large-only, th.hide-for-large-up, th.hide-for-small, th.hide-for-small-down, th.hide-for-small-only, th.hide-for-xlarge, th.hide-for-xlarge-only, th.hide-for-xlarge-up, th.hide-for-xxlarge, th.hide-for-xxlarge-only, th.hide-for-xxlarge-up, th.main-nav, th.show-for-large-down, th.show-for-medium, th.show-for-medium-down, th.show-for-medium-only, th.show-for-medium-up, th.show-for-small-up, th.show-for-xlarge-down, th.show-for-xxlarge-down {
        display: table-cell !important;
    }
}

@media only screen and (min-width:64.0625em) {
    .hide-for-medium, .hide-for-medium-down, .hide-for-medium-only, .hide-for-small, .hide-for-small-down, .hide-for-small-only, .hide-for-xlarge, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xxlarge, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .main-nav, .show-for-large, .show-for-large-down, .show-for-large-only, .show-for-large-up, .show-for-medium-up, .show-for-small-up, .show-for-xlarge-down, .show-for-xxlarge-down {
        display: inherit !important;
    }

    .hide-for-large, .hide-for-large-down, .hide-for-large-only, .hide-for-large-up, .hide-for-medium-up, .hide-for-small-up, .hide-for-xlarge-down, .hide-for-xxlarge-down, .mobile-menu, .show-for-medium, .show-for-medium-down, .show-for-medium-only, .show-for-small, .show-for-small-down, .show-for-small-only, .show-for-xlarge, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xxlarge, .show-for-xxlarge-only, .show-for-xxlarge-up {
        display: none !important;
    }

    .hidden-for-medium, .hidden-for-medium-down, .hidden-for-medium-only, .hidden-for-small, .hidden-for-small-down, .hidden-for-small-only, .hidden-for-xlarge, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xxlarge, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .visible-for-large, .visible-for-large-down, .visible-for-large-only, .visible-for-large-up, .visible-for-medium-up, .visible-for-small-up, .visible-for-xlarge-down, .visible-for-xxlarge-down {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto;
    }

    .hidden-for-large, .hidden-for-large-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-medium-up, .hidden-for-small-up, .hidden-for-xlarge-down, .hidden-for-xxlarge-down, .visible-for-medium, .visible-for-medium-down, .visible-for-medium-only, .visible-for-small, .visible-for-small-down, .visible-for-small-only, .visible-for-xlarge, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xxlarge, .visible-for-xxlarge-only, .visible-for-xxlarge-up {
        clip: rect(1px,1px,1px,1px);
        height: 1px;
        overflow: hidden;
        position: absolute !important;
        width: 1px;
    }

    table.hide-for-medium, table.hide-for-medium-down, table.hide-for-medium-only, table.hide-for-small, table.hide-for-small-down, table.hide-for-small-only, table.hide-for-xlarge, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xxlarge, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.main-nav, table.show-for-large, table.show-for-large-down, table.show-for-large-only, table.show-for-large-up, table.show-for-medium-up, table.show-for-small-up, table.show-for-xlarge-down, table.show-for-xxlarge-down {
        display: table !important;
    }

    thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-medium-only, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-small-only, thead.hide-for-xlarge, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xxlarge, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.main-nav, thead.show-for-large, thead.show-for-large-down, thead.show-for-large-only, thead.show-for-large-up, thead.show-for-medium-up, thead.show-for-small-up, thead.show-for-xlarge-down, thead.show-for-xxlarge-down {
        display: table-header-group !important;
    }

    tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-medium-only, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-small-only, tbody.hide-for-xlarge, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xxlarge, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.main-nav, tbody.show-for-large, tbody.show-for-large-down, tbody.show-for-large-only, tbody.show-for-large-up, tbody.show-for-medium-up, tbody.show-for-small-up, tbody.show-for-xlarge-down, tbody.show-for-xxlarge-down {
        display: table-row-group !important;
    }

    tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-medium-only, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-small-only, tr.hide-for-xlarge, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xxlarge, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.main-nav, tr.show-for-large, tr.show-for-large-down, tr.show-for-large-only, tr.show-for-large-up, tr.show-for-medium-up, tr.show-for-small-up, tr.show-for-xlarge-down, tr.show-for-xxlarge-down {
        display: table-row;
    }

    td.hide-for-medium, td.hide-for-medium-down, td.hide-for-medium-only, td.hide-for-small, td.hide-for-small-down, td.hide-for-small-only, td.hide-for-xlarge, td.hide-for-xlarge-only, td.hide-for-xlarge-up, td.hide-for-xxlarge, td.hide-for-xxlarge-only, td.hide-for-xxlarge-up, td.main-nav, td.show-for-large, td.show-for-large-down, td.show-for-large-only, td.show-for-large-up, td.show-for-medium-up, td.show-for-small-up, td.show-for-xlarge-down, td.show-for-xxlarge-down, th.hide-for-medium, th.hide-for-medium-down, th.hide-for-medium-only, th.hide-for-small, th.hide-for-small-down, th.hide-for-small-only, th.hide-for-xlarge, th.hide-for-xlarge-only, th.hide-for-xlarge-up, th.hide-for-xxlarge, th.hide-for-xxlarge-only, th.hide-for-xxlarge-up, th.main-nav, th.show-for-large, th.show-for-large-down, th.show-for-large-only, th.show-for-large-up, th.show-for-medium-up, th.show-for-small-up, th.show-for-xlarge-down, th.show-for-xxlarge-down {
        display: table-cell !important;
    }
}

@media only screen and (min-width:90.0625em) {
    .hide-for-large, .hide-for-large-down, .hide-for-large-only, .hide-for-medium, .hide-for-medium-down, .hide-for-medium-only, .hide-for-small, .hide-for-small-down, .hide-for-small-only, .hide-for-xxlarge, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .main-nav, .show-for-large-up, .show-for-medium-up, .show-for-small-up, .show-for-xlarge, .show-for-xlarge-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xxlarge-down {
        display: inherit !important;
    }

    .hide-for-large-up, .hide-for-medium-up, .hide-for-small-up, .hide-for-xlarge, .hide-for-xlarge-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xxlarge-down, .mobile-menu, .show-for-large, .show-for-large-down, .show-for-large-only, .show-for-medium, .show-for-medium-down, .show-for-medium-only, .show-for-small, .show-for-small-down, .show-for-small-only, .show-for-xxlarge, .show-for-xxlarge-only, .show-for-xxlarge-up {
        display: none !important;
    }

    .hidden-for-large, .hidden-for-large-down, .hidden-for-large-only, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-medium-only, .hidden-for-small, .hidden-for-small-down, .hidden-for-small-only, .hidden-for-xxlarge, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .visible-for-large-up, .visible-for-medium-up, .visible-for-small-up, .visible-for-xlarge, .visible-for-xlarge-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xxlarge-down {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto;
    }

    .hidden-for-large-up, .hidden-for-medium-up, .hidden-for-small-up, .hidden-for-xlarge, .hidden-for-xlarge-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xxlarge-down, .visible-for-large, .visible-for-large-down, .visible-for-large-only, .visible-for-medium, .visible-for-medium-down, .visible-for-medium-only, .visible-for-small, .visible-for-small-down, .visible-for-small-only, .visible-for-xxlarge, .visible-for-xxlarge-only, .visible-for-xxlarge-up {
        clip: rect(1px,1px,1px,1px);
        height: 1px;
        overflow: hidden;
        position: absolute !important;
        width: 1px;
    }

    table.hide-for-large, table.hide-for-large-down, table.hide-for-large-only, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-medium-only, table.hide-for-small, table.hide-for-small-down, table.hide-for-small-only, table.hide-for-xxlarge, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.main-nav, table.show-for-large-up, table.show-for-medium-up, table.show-for-small-up, table.show-for-xlarge, table.show-for-xlarge-down, table.show-for-xlarge-only, table.show-for-xlarge-up, table.show-for-xxlarge-down {
        display: table !important;
    }

    thead.hide-for-large, thead.hide-for-large-down, thead.hide-for-large-only, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-medium-only, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-small-only, thead.hide-for-xxlarge, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.main-nav, thead.show-for-large-up, thead.show-for-medium-up, thead.show-for-small-up, thead.show-for-xlarge, thead.show-for-xlarge-down, thead.show-for-xlarge-only, thead.show-for-xlarge-up, thead.show-for-xxlarge-down {
        display: table-header-group !important;
    }

    tbody.hide-for-large, tbody.hide-for-large-down, tbody.hide-for-large-only, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-medium-only, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-small-only, tbody.hide-for-xxlarge, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.main-nav, tbody.show-for-large-up, tbody.show-for-medium-up, tbody.show-for-small-up, tbody.show-for-xlarge, tbody.show-for-xlarge-down, tbody.show-for-xlarge-only, tbody.show-for-xlarge-up, tbody.show-for-xxlarge-down {
        display: table-row-group !important;
    }

    tr.hide-for-large, tr.hide-for-large-down, tr.hide-for-large-only, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-medium-only, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-small-only, tr.hide-for-xxlarge, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.main-nav, tr.show-for-large-up, tr.show-for-medium-up, tr.show-for-small-up, tr.show-for-xlarge, tr.show-for-xlarge-down, tr.show-for-xlarge-only, tr.show-for-xlarge-up, tr.show-for-xxlarge-down {
        display: table-row;
    }

    td.hide-for-large, td.hide-for-large-down, td.hide-for-large-only, td.hide-for-medium, td.hide-for-medium-down, td.hide-for-medium-only, td.hide-for-small, td.hide-for-small-down, td.hide-for-small-only, td.hide-for-xxlarge, td.hide-for-xxlarge-only, td.hide-for-xxlarge-up, td.main-nav, td.show-for-large-up, td.show-for-medium-up, td.show-for-small-up, td.show-for-xlarge, td.show-for-xlarge-down, td.show-for-xlarge-only, td.show-for-xlarge-up, td.show-for-xxlarge-down, th.hide-for-large, th.hide-for-large-down, th.hide-for-large-only, th.hide-for-medium, th.hide-for-medium-down, th.hide-for-medium-only, th.hide-for-small, th.hide-for-small-down, th.hide-for-small-only, th.hide-for-xxlarge, th.hide-for-xxlarge-only, th.hide-for-xxlarge-up, th.main-nav, th.show-for-large-up, th.show-for-medium-up, th.show-for-small-up, th.show-for-xlarge, th.show-for-xlarge-down, th.show-for-xlarge-only, th.show-for-xlarge-up, th.show-for-xxlarge-down {
        display: table-cell !important;
    }
}

@media only screen and (min-width:120.0625em) {
    .hide-for-large, .hide-for-large-down, .hide-for-large-only, .hide-for-medium, .hide-for-medium-down, .hide-for-medium-only, .hide-for-small, .hide-for-small-down, .hide-for-small-only, .hide-for-xlarge, .hide-for-xlarge-down, .hide-for-xlarge-only, .main-nav, .show-for-large-up, .show-for-medium-up, .show-for-small-up, .show-for-xlarge-up, .show-for-xxlarge, .show-for-xxlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up {
        display: inherit !important;
    }

    .hide-for-large-up, .hide-for-medium-up, .hide-for-small-up, .hide-for-xlarge-up, .hide-for-xxlarge, .hide-for-xxlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .mobile-menu, .show-for-large, .show-for-large-down, .show-for-large-only, .show-for-medium, .show-for-medium-down, .show-for-medium-only, .show-for-small, .show-for-small-down, .show-for-small-only, .show-for-xlarge, .show-for-xlarge-down, .show-for-xlarge-only {
        display: none !important;
    }

    .hidden-for-large, .hidden-for-large-down, .hidden-for-large-only, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-medium-only, .hidden-for-small, .hidden-for-small-down, .hidden-for-small-only, .hidden-for-xlarge, .hidden-for-xlarge-down, .hidden-for-xlarge-only, .visible-for-large-up, .visible-for-medium-up, .visible-for-small-up, .visible-for-xlarge-up, .visible-for-xxlarge, .visible-for-xxlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto;
    }

    .hidden-for-large-up, .hidden-for-medium-up, .hidden-for-small-up, .hidden-for-xlarge-up, .hidden-for-xxlarge, .hidden-for-xxlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .visible-for-large, .visible-for-large-down, .visible-for-large-only, .visible-for-medium, .visible-for-medium-down, .visible-for-medium-only, .visible-for-small, .visible-for-small-down, .visible-for-small-only, .visible-for-xlarge, .visible-for-xlarge-down, .visible-for-xlarge-only {
        clip: rect(1px,1px,1px,1px);
        height: 1px;
        overflow: hidden;
        position: absolute !important;
        width: 1px;
    }

    table.hide-for-large, table.hide-for-large-down, table.hide-for-large-only, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-medium-only, table.hide-for-small, table.hide-for-small-down, table.hide-for-small-only, table.hide-for-xlarge, table.hide-for-xlarge-down, table.hide-for-xlarge-only, table.main-nav, table.show-for-large-up, table.show-for-medium-up, table.show-for-small-up, table.show-for-xlarge-up, table.show-for-xxlarge, table.show-for-xxlarge-down, table.show-for-xxlarge-only, table.show-for-xxlarge-up {
        display: table !important;
    }

    thead.hide-for-large, thead.hide-for-large-down, thead.hide-for-large-only, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-medium-only, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-small-only, thead.hide-for-xlarge, thead.hide-for-xlarge-down, thead.hide-for-xlarge-only, thead.main-nav, thead.show-for-large-up, thead.show-for-medium-up, thead.show-for-small-up, thead.show-for-xlarge-up, thead.show-for-xxlarge, thead.show-for-xxlarge-down, thead.show-for-xxlarge-only, thead.show-for-xxlarge-up {
        display: table-header-group !important;
    }

    tbody.hide-for-large, tbody.hide-for-large-down, tbody.hide-for-large-only, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-medium-only, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-small-only, tbody.hide-for-xlarge, tbody.hide-for-xlarge-down, tbody.hide-for-xlarge-only, tbody.main-nav, tbody.show-for-large-up, tbody.show-for-medium-up, tbody.show-for-small-up, tbody.show-for-xlarge-up, tbody.show-for-xxlarge, tbody.show-for-xxlarge-down, tbody.show-for-xxlarge-only, tbody.show-for-xxlarge-up {
        display: table-row-group !important;
    }

    tr.hide-for-large, tr.hide-for-large-down, tr.hide-for-large-only, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-medium-only, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-small-only, tr.hide-for-xlarge, tr.hide-for-xlarge-down, tr.hide-for-xlarge-only, tr.main-nav, tr.show-for-large-up, tr.show-for-medium-up, tr.show-for-small-up, tr.show-for-xlarge-up, tr.show-for-xxlarge, tr.show-for-xxlarge-down, tr.show-for-xxlarge-only, tr.show-for-xxlarge-up {
        display: table-row;
    }

    td.hide-for-large, td.hide-for-large-down, td.hide-for-large-only, td.hide-for-medium, td.hide-for-medium-down, td.hide-for-medium-only, td.hide-for-small, td.hide-for-small-down, td.hide-for-small-only, td.hide-for-xlarge, td.hide-for-xlarge-down, td.hide-for-xlarge-only, td.main-nav, td.show-for-large-up, td.show-for-medium-up, td.show-for-small-up, td.show-for-xlarge-up, td.show-for-xxlarge, td.show-for-xxlarge-down, td.show-for-xxlarge-only, td.show-for-xxlarge-up, th.hide-for-large, th.hide-for-large-down, th.hide-for-large-only, th.hide-for-medium, th.hide-for-medium-down, th.hide-for-medium-only, th.hide-for-small, th.hide-for-small-down, th.hide-for-small-only, th.hide-for-xlarge, th.hide-for-xlarge-down, th.hide-for-xlarge-only, th.main-nav, th.show-for-large-up, th.show-for-medium-up, th.show-for-small-up, th.show-for-xlarge-up, th.show-for-xxlarge, th.show-for-xxlarge-down, th.show-for-xxlarge-only, th.show-for-xxlarge-up {
        display: table-cell !important;
    }
}

.hide-for-portrait, .show-for-landscape {
    display: inherit !important;
}

.hide-for-landscape, .show-for-portrait {
    display: none !important;
}

table.hide-for-landscape, table.show-for-portrait {
    display: table !important;
}

thead.hide-for-landscape, thead.show-for-portrait {
    display: table-header-group !important;
}

tbody.hide-for-landscape, tbody.show-for-portrait {
    display: table-row-group !important;
}

tr.hide-for-landscape, tr.show-for-portrait {
    display: table-row !important;
}

td.hide-for-landscape, td.show-for-portrait, th.hide-for-landscape, th.show-for-portrait {
    display: table-cell !important;
}

@media only screen and (orientation:landscape) {
    .hide-for-portrait, .show-for-landscape {
        display: inherit !important;
    }

    .hide-for-landscape, .show-for-portrait {
        display: none !important;
    }

    table.hide-for-portrait, table.show-for-landscape {
        display: table !important;
    }

    thead.hide-for-portrait, thead.show-for-landscape {
        display: table-header-group !important;
    }

    tbody.hide-for-portrait, tbody.show-for-landscape {
        display: table-row-group !important;
    }

    tr.hide-for-portrait, tr.show-for-landscape {
        display: table-row !important;
    }

    td.hide-for-portrait, td.show-for-landscape, th.hide-for-portrait, th.show-for-landscape {
        display: table-cell !important;
    }
}

@media only screen and (orientation:portrait) {
    .hide-for-landscape, .show-for-portrait {
        display: inherit !important;
    }

    .hide-for-portrait, .show-for-landscape {
        display: none !important;
    }

    table.hide-for-landscape, table.show-for-portrait {
        display: table !important;
    }

    thead.hide-for-landscape, thead.show-for-portrait {
        display: table-header-group !important;
    }

    tbody.hide-for-landscape, tbody.show-for-portrait {
        display: table-row-group !important;
    }

    tr.hide-for-landscape, tr.show-for-portrait {
        display: table-row !important;
    }

    td.hide-for-landscape, td.show-for-portrait, th.hide-for-landscape, th.show-for-portrait {
        display: table-cell !important;
    }
}

.show-for-touch {
    display: none !important;
}

.hide-for-touch, .touch .show-for-touch {
    display: inherit !important;
}

.touch .hide-for-touch {
    display: none !important;
}

.touch table.show-for-touch, table.hide-for-touch {
    display: table !important;
}

.touch thead.show-for-touch, thead.hide-for-touch {
    display: table-header-group !important;
}

.touch tbody.show-for-touch, tbody.hide-for-touch {
    display: table-row-group !important;
}

.touch tr.show-for-touch, tr.hide-for-touch {
    display: table-row !important;
}

.touch td.show-for-touch, .touch th.show-for-touch, td.hide-for-touch, th.hide-for-touch {
    display: table-cell !important;
}

.show-for-sr, .show-on-focus {
    clip: rect(1px,1px,1px,1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
}

    .show-on-focus:active, .show-on-focus:focus {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto;
    }

.print-only, .show-for-print {
    display: none !important;
}

@media print {
    .print-only, .show-for-print {
        display: block !important;
    }

    .hide-for-print, .hide-on-print {
        display: none !important;
    }

    table.show-for-print {
        display: table !important;
    }

    thead.show-for-print {
        display: table-header-group !important;
    }

    tbody.show-for-print {
        display: table-row-group !important;
    }

    tr.show-for-print {
        display: table-row !important;
    }

    td.show-for-print, th.show-for-print {
        display: table-cell !important;
    }
}

/*.font-urara, [data-font-family=urara], [data-font-family] {
    font-family: urara;
}

.font-josefin, [data-font-family=josefin] {
    font-family: josefin;
}

.font-baskerville, [data-font-family=baskerville] {
    font-family: baskerville;
}

.font-poiretone, [data-font-family=poiretone] {
    font-family: poiretone;
}

.font-sourcecode, [data-font-family=sourcecode] {
    font-family: sourcecode;
}

.font-myunderwood, [data-font-family=myunderwood] {
    font-family: myunderwood;
}

.font-oldnewspapertype, [data-font-family=oldnewspapertype] {
    font-family: oldnewspapertype;
}

.font-babyboston, [data-font-family=babyboston] {
    font-family: babyboston;
}

.font-ankecalligraphic, [data-font-family=ankecalligraphic] {
    font-family: ankecalligraphic;
}

.font-kidtypecrayon, [data-font-family=kidtypecrayon] {
    font-family: kidtypecrayon;
}

.font-wilson, [data-font-family=wilson] {
    font-family: wilson;
}

.font-aldo, [data-font-family=aldo] {
    font-family: aldo;
}

.font-lisa, [data-font-family=lisa] {
    font-family: lisa;
}

.font-real, [data-font-family=real] {
    font-family: real;
}

.font-tsui, [data-font-family=tsui] {
    font-family: tsui;
}

.font-chris, [data-font-family=chris] {
    font-family: chris;
}

.font-ira, [data-font-family=ira] {
    font-family: ira;
}

.font-mdd, [data-font-family=mdd] {
    font-family: mdd;
}

.font-erhard, [data-font-family=erhard] {
    font-family: erhard;
}*/

/*.font-color-blue, [data-font-color=blue], [data-font-color] {
    color: #005ca6 !important;
}

.font-color-black, [data-font-color=black] {
    color: #000 !important;
}

.font-color-purple, [data-font-color=purple] {
    color: #7e3e98 !important;
}

.font-color-crayon, [data-font-color=crayon] {
    color: #e26b0a !important;
}

.font-color-brown, [data-font-color=brown] {
    color: #672d03 !important;
}*/

.background-grey-light {
    background-color: #f0f5fb;
}

.background-grey-medium-light {
    background-color: #e8e8e8;
}

.background-white {
    background-color: #fff;
}

.background-teal {
    background-color: #5fc3ad;
}

.background-blue {
    background-color: #00265d;
}

.background-red {
    background-color: #e6176d;
}

.text-blue {
    color: #00265d !important;
}

.text-teal {
    color: #5fc3ad !important;
}

.text-red {
    color: #e6176d !important;
}

#isSmallFlag {
    display: none;
}

@media only screen and (max-width:42em) {
    #isSmallFlag {
        display: block;
    }
}

main {
    position: relative;
    overflow: hidden;
}

@media only screen and (min-width:42.0625em) {
    main {
        min-height: calc(100vh - 408px);
    }
}

main.no-footer {
    min-height: calc(100vh - 70px);
}

@media only screen and (min-width:42.0625em) {
    body.has-hello-bar main {
        min-height: calc(100vh - 70px - 44px - 338px);
    }
}

body.has-hello-bar main.no-footer {
    min-height: calc(100vh - 70px - 44px);
}

p {
    margin-bottom: 1rem;
    line-height: 1.5;
}

.contact-select .header.h4, .contact-select h4.header {
    height: 4.0625rem;
}

@media only screen and (max-width:42em) {
    .contact-select .contact-select {
        height: auto;
        width: 100%;
        top: 0;
        left: 0;
    }
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: helveticarounded-std,brandongrotesque-regular,sans-serif;
    font-feature-settings: "kern";
    -webkit-font-feature-settings: "kern";
    -moz-font-feature-settings: "kern";
    -moz-font-feature-settings: "kern=1";
    letter-spacing: .01em;
    letter-spacing: .07em;
    color: #00b7b5;
    text-transform: uppercase;
}

    .normal-case.h1, .normal-case.h2, .normal-case.h3, .normal-case.h4, .normal-case.h5, .normal-case.h6, h1.normal-case, h2.normal-case, h3.normal-case, h4.normal-case, h5.normal-case, h6.normal-case {
        font-family: brandongrotesque-bold,sans-serif;
        font-feature-settings: "kern";
        -webkit-font-feature-settings: "kern";
        -moz-font-feature-settings: "kern";
        -moz-font-feature-settings: "kern=1";
        letter-spacing: .01em;
        color: #00265d;
        text-transform: none;
    }

@media only screen and (max-width:42em) {
    .contact-select-scroll {
        height: calc(100vh - 308px);
    }

        .contact-select-scroll .contact-select-clipped {
            max-height: calc(100vh - 308px);
        }
}

.no-padding {
    padding: 0 !important;
}

.row-full {
    margin: 0 auto;
    max-width: 75rem;
    width: 100%;
    max-width: 100%;
}

    .row-full:after, .row-full:before {
        content: " ";
        display: table;
    }

    .clear, .row-full:after {
        clear: both;
    }

html.no-scroll, html.no-scroll body {
    overflow: hidden;
}

body {
    width: 100%;
    -webkit-overflow-scrolling: touch;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.link-underline {
    text-decoration: underline !important;
}

.text-lowercase {
    text-transform: lowercase;
}

.text-bold {
    font-family: brandongrotesque-bold,sans-serif;
    font-feature-settings: "kern";
    -webkit-font-feature-settings: "kern";
    -moz-font-feature-settings: "kern";
    -moz-font-feature-settings: "kern=1";
    letter-spacing: .01em;
    font-family: brandongrotesque-bold,sans-serif !important;
}

.text-normal {
    font-family: brandongrotesque-regular,sans-serif;
    letter-spacing: normal;
    font-family: brandongrotesque-regular,sans-serif !important;
}

.page-container {
    margin-top: 2.1875rem;
    margin-bottom: 2.1875rem;
}

.border-right {
    border-right: 1px solid #f0f5fb;
}

.border-left {
    border-left: 1px solid #f0f5fb;
}

.border-top, .list-border-top {
    border-top: 1px solid #f0f5fb !important;
}

.page-section {
    padding: 2rem 0;
}

    .page-section .h3, .page-section h3 {
        font-size: 2.5rem;
    }

.plain-anchor, .plain-anchor:hover, .plain-anchor:visited {
    text-decoration: none;
    color: inherit;
}

div.fullpage-section {
    padding: 1.5rem 0 1.875rem;
}

    div.fullpage-section .h2, div.fullpage-section h2 {
        font-size: 1.75rem;
        text-align: center;
    }

@media only screen and (max-width:42em) {
    div.fullpage-section .h1, div.fullpage-section .h2, div.fullpage-section .h3, div.fullpage-section .h4, div.fullpage-section .h5, div.fullpage-section .h6, div.fullpage-section h1, div.fullpage-section h2, div.fullpage-section h3, div.fullpage-section h4, div.fullpage-section h5, div.fullpage-section h6, div.fullpage-section p {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

.pointer {
    cursor: pointer;
}

.unpointer {
    cursor: default !important;
}

.darkplaceholder ::-webkit-input-placeholder {
    color: #00265d;
}

.darkplaceholder :-moz-placeholder, .darkplaceholder ::-moz-placeholder {
    color: #00265d;
}

.darkplaceholder :-ms-input-placeholder {
    color: #00265d;
}

a, input, select, textarea {
    outline-width: 0;
}

    input::-webkit-input-placeholder, select::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
        color: #7f92ae;
    }

    input:-moz-placeholder, input::-moz-placeholder, select:-moz-placeholder, select::-moz-placeholder, textarea:-moz-placeholder, textarea::-moz-placeholder {
        color: #7f92ae;
    }

    input:-ms-input-placeholder, select:-ms-input-placeholder, textarea:-ms-input-placeholder {
        color: #7f92ae;
    }

    input:-webkit-autofill, select:-webkit-autofill, textarea:-webkit-autofill {
        -webkit-box-shadow: 0 0 0 1000px #ffd579 inset !important;
    }

    input.error, select.error {
        color: #e6176d;
        margin-bottom: .625rem;
    }

        input.error::-webkit-input-placeholder, select.error::-webkit-input-placeholder {
            color: #e6176d;
        }

        input.error:-moz-placeholder, input.error::-moz-placeholder, select.error:-moz-placeholder, select.error::-moz-placeholder {
            color: #e6176d;
        }

        input.error:-ms-input-placeholder, select.error:-ms-input-placeholder {
            color: #e6176d;
        }

select {
    -khtml-background-size: 11px 7px;
    -ms-background-size: 11px 7px;
    background-size: 11px 7px;
    background-image: url(../images/icon_arrow_down.svg);
    background-repeat: no-repeat;
    background-position: right .8rem center;
    padding-right: 2rem;
}

div.error, input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select, small.error, textarea {
    border-radius: 4px;
    margin-bottom: .625rem;
}

div.error, small.error {
    background-color: #e6176d;
    color: #fff;
    font-size: 1.25rem;
    font-style: normal;
}

span.error {
    color: #e6176d;
}

.mb0 {
    margin-bottom: 0 !important;
}

.mb3 {
    margin-bottom: 3rem !important;
}

input[type=range] {
    -webkit-appearance: none;
    width: 100%;
    border-radius: 2px;
    height: 4px;
    background-color: #ffd579 !important;
}

    input[type=range]::-webkit-slider-thumb {
        -webkit-appearance: none;
        background-color: #00b7b5 !important;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        border: 4px solid #00265d;
        cursor: pointer;
    }

table {
    border-collapse: collapse;
}

.row-gutter-small {
    margin: 0 -.3125rem !important;
}

    .row-gutter-small .column, .row-gutter-small .columns {
        padding-left: .3125rem !important;
        padding-right: .3125rem !important;
    }

.f-dropdown {
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.2);
    -ms-box-shadow: 0 0 5px rgba(0,0,0,.2);
    -o-box-shadow: 0 0 5px rgba(0,0,0,.2);
    box-shadow: 0 0 5px rgba(0,0,0,.2);
    border-radius: 4px;
    max-height: calc(100vh - 300px);
    overflow: auto;
}

    .f-dropdown:after, .f-dropdown:before {
        display: none;
    }

    .f-dropdown .disabled {
        background-color: #e8e8e8 !important;
        color: #555;
    }

    .f-dropdown img, .f-dropdown svg {
        width: 20px;
        margin-right: 5px;
        vertical-align: top;
    }

.label {
    border-radius: .5rem;
    vertical-align: middle;
}

    .label.radius {
        font-family: brandongrotesque-bold,sans-serif;
        font-feature-settings: "kern";
        -webkit-font-feature-settings: "kern";
        -moz-font-feature-settings: "kern";
        -moz-font-feature-settings: "kern=1";
        letter-spacing: .01em;
        border-radius: .25rem;
        text-transform: uppercase;
    }

div.header-image {
    height: 4.25rem;
    margin: 2rem 0;
    text-align: center;
}

    div.header-image img, div.header-image svg {
        height: 100%;
    }

canvas.snow {
    bottom: 0;
    height: 100%;
    left: 0;
    right: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.croppa-container svg.icon-remove {
    -webkit-filter: drop-shadow(0 0 2px rgba(0,0,0,.3)) !important;
    -khtml-filter: drop-shadow(0 0 2px rgba(0,0,0,.3)) !important;
    -moz-filter: drop-shadow(0 0 2px rgba(0,0,0,.3)) !important;
    -ms-filter: drop-shadow(0 0 2px rgba(0,0,0,.3)) !important;
    -o-filter: drop-shadow(0 0 2px rgba(0,0,0,.3)) !important;
    filter: drop-shadow(0 0 2px rgba(0,0,0,.3)) !important;
}

[v-cloak] {
    display: none;
}

input.validation-error, select.validation-error, textarea.validation-error {
    color: #e6176d !important;
}

    input.validation-error:focus, select.validation-error:focus, textarea.validation-error:focus {
        color: #00265d !important;
    }

    input.validation-error::-webkit-input-placeholder, select.validation-error::-webkit-input-placeholder, textarea.validation-error::-webkit-input-placeholder {
        color: #e6176d;
    }

    input.validation-error:-moz-placeholder, input.validation-error::-moz-placeholder, select.validation-error:-moz-placeholder, select.validation-error::-moz-placeholder, textarea.validation-error:-moz-placeholder, textarea.validation-error::-moz-placeholder {
        color: #e6176d;
    }

    input.validation-error:-ms-input-placeholder, select.validation-error:-ms-input-placeholder, textarea.validation-error:-ms-input-placeholder {
        color: #e6176d;
    }

.slick-slider {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list, .slick-slider {
    position: relative;
    display: block;
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0;
}

    .slick-list:focus {
        outline: none;
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand;
    }

.slick-slider .slick-list, .slick-slider .slick-track {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

    .slick-track:after, .slick-track:before {
        content: "";
        display: table;
    }

    .slick-track:after {
        clear: both;
    }

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none;
}

[dir=rtl] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

#settings-panel {
    padding: 0;
}

    #settings-panel section {
        padding-bottom: 2rem;
        padding-top: 2rem;
    }

@media only screen and (min-width:42.0625em) {
    #settings-panel section {
        padding-bottom: 1rem;
        padding-top: 1rem;
        text-align: left;
    }
}

#settings-panel .toggle {
    margin-bottom: 0;
}

    #settings-panel .toggle div {
        width: 20%;
        float: left;
    }

        #settings-panel .toggle div.slider-label {
            width: 40%;
            line-height: 20px;
        }

@media only screen and (min-width:42.0625em) {
    #settings-panel .row {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

#settings-panel .icon-column {
    margin-bottom: 1rem;
    text-align: center;
}

@media only screen and (min-width:42.0625em) {
    #settings-panel .icon-column {
        margin-bottom: 0;
    }
}

#settings-panel .icon-column svg {
    height: auto;
    max-height: 55px;
    max-width: 55px;
    width: 100%;
}

#settings-panel .text-column p {
    max-width: none;
}

@media only screen and (min-width:42.0625em) {
    #settings-panel .text-column p {
        margin: 0;
    }
}

#settings-panel .action-column {
    text-align: right;
}

    #settings-panel .action-column button {
        margin: 0;
        min-width: 0;
        width: 100%;
    }

#form-panel input#FormMessageHeader, #form-panel input#FormMessageSubheader {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 80%;
}

#form-panel input#FormMessageHeader {
    font-family: helveticarounded-std,brandongrotesque-regular,sans-serif;
    font-feature-settings: "kern";
    -webkit-font-feature-settings: "kern";
    -moz-font-feature-settings: "kern";
    -moz-font-feature-settings: "kern=1";
    letter-spacing: .01em;
    letter-spacing: .07em;
    font-size: 22px;
    height: auto;
    text-transform: uppercase;
}

#prepay-panel {
    padding-bottom: 0;
}

    #prepay-panel .credit-bar {
        background-color: #ffd579;
        padding: 20px;
        font-size: 1.125rem;
    }

        #prepay-panel .credit-bar span {
            font-family: brandongrotesque-bold,sans-serif;
            font-feature-settings: "kern";
            -webkit-font-feature-settings: "kern";
            -moz-font-feature-settings: "kern";
            -moz-font-feature-settings: "kern=1";
            letter-spacing: .01em;
        }

    #prepay-panel .prepay-banner.project-autobirthday-banner, #prepay-panel .prepay-banner.project-black-friday-sale-banner, #prepay-panel .prepay-banner.project-credit-banner, #prepay-panel .prepay-banner.project-cyber-monday-sale-banner, #prepay-panel .prepay-banner.project-free-stamps-banner, #prepay-panel .prepay-banner.project-generic-sale-banner, #prepay-panel .prepay-banner.project-gift-cards-banner, #prepay-panel .prepay-banner.refer-friends-banner, #prepay-panel .project-summary.prepay-banner {
        background-color: #00b7b5;
        padding: 1rem;
    }

        #prepay-panel .prepay-banner.project-autobirthday-banner .project-image-container, #prepay-panel .prepay-banner.project-black-friday-sale-banner .project-image-container, #prepay-panel .prepay-banner.project-credit-banner .project-image-container, #prepay-panel .prepay-banner.project-cyber-monday-sale-banner .project-image-container, #prepay-panel .prepay-banner.project-free-stamps-banner .project-image-container, #prepay-panel .prepay-banner.project-generic-sale-banner .project-image-container, #prepay-panel .prepay-banner.project-gift-cards-banner .project-image-container, #prepay-panel .prepay-banner.refer-friends-banner .project-image-container, #prepay-panel .project-summary.prepay-banner .project-image-container {
            padding: 10px 0;
        }

            #prepay-panel .prepay-banner.project-autobirthday-banner .project-image-container img, #prepay-panel .prepay-banner.project-black-friday-sale-banner .project-image-container img, #prepay-panel .prepay-banner.project-credit-banner .project-image-container img, #prepay-panel .prepay-banner.project-cyber-monday-sale-banner .project-image-container img, #prepay-panel .prepay-banner.project-free-stamps-banner .project-image-container img, #prepay-panel .prepay-banner.project-generic-sale-banner .project-image-container img, #prepay-panel .prepay-banner.project-gift-cards-banner .project-image-container img, #prepay-panel .prepay-banner.refer-friends-banner .project-image-container img, #prepay-panel .project-summary.prepay-banner .project-image-container img {
                width: 125px;
                height: 120px;
                margin: 0 auto;
            }

@media only screen and (max-width:42em) {
    #prepay-panel .prepay-banner.project-autobirthday-banner .project-image-container, #prepay-panel .prepay-banner.project-black-friday-sale-banner .project-image-container, #prepay-panel .prepay-banner.project-credit-banner .project-image-container, #prepay-panel .prepay-banner.project-cyber-monday-sale-banner .project-image-container, #prepay-panel .prepay-banner.project-free-stamps-banner .project-image-container, #prepay-panel .prepay-banner.project-generic-sale-banner .project-image-container, #prepay-panel .prepay-banner.project-gift-cards-banner .project-image-container, #prepay-panel .prepay-banner.refer-friends-banner .project-image-container, #prepay-panel .project-summary.prepay-banner .project-image-container {
        width: auto;
        height: auto;
    }
}

#prepay-panel .prepay-banner.project-autobirthday-banner .information .h2, #prepay-panel .prepay-banner.project-autobirthday-banner .information h2, #prepay-panel .prepay-banner.project-black-friday-sale-banner .information .h2, #prepay-panel .prepay-banner.project-black-friday-sale-banner .information h2, #prepay-panel .prepay-banner.project-credit-banner .information .h2, #prepay-panel .prepay-banner.project-credit-banner .information h2, #prepay-panel .prepay-banner.project-cyber-monday-sale-banner .information .h2, #prepay-panel .prepay-banner.project-cyber-monday-sale-banner .information h2, #prepay-panel .prepay-banner.project-free-stamps-banner .information .h2, #prepay-panel .prepay-banner.project-free-stamps-banner .information h2, #prepay-panel .prepay-banner.project-generic-sale-banner .information .h2, #prepay-panel .prepay-banner.project-generic-sale-banner .information h2, #prepay-panel .prepay-banner.project-gift-cards-banner .information .h2, #prepay-panel .prepay-banner.project-gift-cards-banner .information h2, #prepay-panel .prepay-banner.refer-friends-banner .information .h2, #prepay-panel .prepay-banner.refer-friends-banner .information h2, #prepay-panel .project-summary.prepay-banner .information .h2, #prepay-panel .project-summary.prepay-banner .information h2 {
    color: #00265d;
    font-size: 30px;
    text-align: center;
}

#prepay-panel .prepay-banner.project-autobirthday-banner .information p, #prepay-panel .prepay-banner.project-black-friday-sale-banner .information p, #prepay-panel .prepay-banner.project-credit-banner .information p, #prepay-panel .prepay-banner.project-cyber-monday-sale-banner .information p, #prepay-panel .prepay-banner.project-free-stamps-banner .information p, #prepay-panel .prepay-banner.project-generic-sale-banner .information p, #prepay-panel .prepay-banner.project-gift-cards-banner .information p, #prepay-panel .prepay-banner.refer-friends-banner .information p, #prepay-panel .project-summary.prepay-banner .information p {
    margin-bottom: 0;
    text-align: center;
}

#prepay-panel .prepay-plans {
    border-bottom: 1px solid #f0f5fb;
}

@media only screen and (min-width:42.0625em) {
    #prepay-panel .prepay-plans {
        display: table;
    }
}

#prepay-panel .prepay-plans .columns {
    padding: 20px;
    border-right: 1px solid #f0f5fb;
    font-size: 1.125rem;
}

@media only screen and (min-width:42.0625em) {
    #prepay-panel .prepay-plans .columns {
        display: table-cell;
        float: none;
        height: 100%;
    }
}

@media only screen and (max-width:42em) {
    #prepay-panel .prepay-plans .columns {
        padding-bottom: 20px;
        border-bottom: 1px solid #f0f5fb;
    }
}

#prepay-panel .prepay-plans .columns label, #prepay-panel .prepay-plans .columns span {
    display: block;
    font-size: inherit;
}

    #prepay-panel .prepay-plans .columns label em, #prepay-panel .prepay-plans .columns span em {
        font-style: normal;
    }

#prepay-panel .prepay-plans .columns.last {
    border-right: none;
}

#prepay-panel .prepay-plans select {
    margin-top: 1rem;
}

#prepay-panel .prepay-submit {
    padding-top: 2rem;
}

    #prepay-panel .prepay-submit button {
        margin-bottom: .75rem;
    }

span.button-icon {
    margin-left: -2rem;
}

    span.button-icon svg {
        float: left;
        margin-top: .125rem;
        margin-left: 1.25rem;
        height: 1.5rem;
        width: 1.5rem;
    }

        span.button-icon svg #facebook-circle-icon_2_ {
            fill: #fff;
        }

input.postable-error {
    color: #e6176d !important;
}

.login-message {
    font-size: 1.5rem;
    color: #e6176d;
    text-align: center;
    padding-top: 2.1875rem;
    min-height: 1.875rem;
}

.login {
    margin-bottom: 0;
}

    .login .h1, .login h1, .login p {
        padding: 0 1rem;
        text-align: center;
    }

        .login p a {
            text-decoration: underline;
        }

    .login .container {
        margin-top: 1rem;
    }

        .login .container .h1, .login .container h1 {
            text-align: center;
            margin-top: .75rem;
            margin-bottom: 1.125rem;
        }

    .login p.subtext {
        margin-top: 1rem;
        text-align: right;
    }

div.login-footer .columns {
    padding: 0;
}

div.login-footer .button, div.login-footer .button-alt, div.login-footer .button-clear, div.login-footer .button-continue, div.login-footer .button-danger, div.login-footer .button-error, div.login-footer .button-info, div.login-footer .button-modal-cancel, div.login-footer .button-modal-confirm, div.login-footer .button-white {
    margin-bottom: 0;
}

div.login-footer .account-terms {
    font-size: 1.125rem;
    padding-top: .9375rem;
    text-align: center;
    margin-bottom: 3.75rem;
}

.option-checkmarks {
    padding: .625rem;
}

    .option-checkmarks .row-gutter-small {
        margin: 0 auto !important;
    }

    .option-checkmarks ul {
        list-style: none;
    }

    .option-checkmarks li span {
        display: block;
        background-color: #f0f5fb;
        background-image: url(../images/icon_checkbox_off.svg);
        background-position: calc(100% - 1rem) 50%;
        background-repeat: no-repeat;
        background-size: 1.5rem 1.25rem;
        border-radius: 4px;
        cursor: pointer;
        margin-bottom: .625rem;
        padding: .625rem 3.125rem .625rem 1rem;
        text-align: left;
    }

    .option-checkmarks li.uneditable span {
        cursor: auto;
    }

    .option-checkmarks li.active span {
        background-color: #ffd579;
        background-image: url(../images/icon_checkbox_on.svg);
        background-position: calc(100% - 1rem) 50%;
    }

    .option-checkmarks li:last-child {
        float: left !important;
    }

section.project {
    padding: 2.1875rem !important;
    position: relative;
}

    section.project a.delete {
        position: absolute;
        width: 30px;
        height: 30px;
        top: 10px;
        right: 10px;
        font-size: 1.5rem;
        color: #bbb;
        display: none;
        z-index: 100;
    }

@media only screen and (max-width:42em) {
    section.project div.deets, section.project div.thumb {
        margin-right: .9375rem;
        margin-left: .9375rem;
    }
}

@media only screen and (min-width:42.0625em) {
    section.project div.thumb {
        float: left;
        width: 178px;
        text-align: center;
        margin-right: 2rem;
    }

    section.project div.deets {
        float: left;
        text-align: left;
        width: calc(100% - 210px);
    }
}

section.project div.thumb img {
    -webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,.5);
    box-shadow: 0 0 4px 0 rgba(0,0,0,.5);
}

section.project div.thumb.vertical img {
    width: 160px;
}

section.project div.deets {
    margin-top: 2rem;
}

    section.project div.deets .h4, section.project div.deets h4 {
        font-size: 1.625rem;
    }

section.project:hover a.delete {
    display: block;
}

.account-subnav-container {
    height: 100%;
}

.projects-list.no-projects {
    padding-bottom: 0;
}

    .projects-list.no-projects section.project div.thumb img {
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }

    .projects-list.no-projects section.project div.deets {
        margin-top: 3.5rem;
    }

.signup-expanded {
    display: none;
}

    .signup-expanded .header-row {
        height: 65px;
        line-height: 65px;
        text-align: center;
        font-size: 1.25rem;
    }

.success.save-post, .success.save-post:focus {
    background-color: #00265d;
}

    .success.save-post:hover {
        background-color: #39517a;
    }

.contact-full {
    background: #fff;
    text-align: center;
    margin-top: 1rem;
}

    .contact-full.fit-scroll {
        z-index: 9999;
        max-height: calc(100vh - 150px);
        overflow-y: scroll;
    }

    .contact-full .contact-name {
        margin-left: 1px;
        margin-right: 1px;
        padding: 1rem;
        border-bottom: 1px solid #f0f5fb;
    }

        .contact-full .contact-name .h3, .contact-full .contact-name h3 {
            line-height: 1.75rem;
        }

        .contact-full .contact-name .avatar {
            padding-top: 20px;
            padding-bottom: 10px;
        }

            .contact-full .contact-name .avatar img {
                border-radius: 9999px;
            }

    .contact-full section {
        padding: 1.25rem;
        border-bottom: 1px solid #f0f5fb;
    }

        .contact-full section a.button, .contact-full section a.button-alt, .contact-full section a.button-clear, .contact-full section a.button-continue, .contact-full section a.button-danger, .contact-full section a.button-error, .contact-full section a.button-info, .contact-full section a.button-modal-cancel, .contact-full section a.button-modal-confirm, .contact-full section a.button-white {
            width: 40%;
            margin-bottom: 0;
        }

        .contact-full section img {
            width: 3rem;
            margin-bottom: 1rem;
        }

.contact-info {
    margin-left: 0;
    padding: 0 2rem;
}

    .contact-info li {
        padding-top: 30px;
        list-style: none;
    }

        .contact-info li span {
            display: block;
            font-size: 1.25rem;
            line-height: 1.5;
            padding-top: 10px;
            text-align: center;
        }

    .contact-info .icon-autobirthday {
        height: 32px;
    }

.address-contacts {
    background-color: #fff;
    display: none;
    max-height: 100%;
    position: relative;
    width: 100%;
    z-index: 1500;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: none;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,.2);
    -ms-box-shadow: 0 0 2px rgba(0,0,0,.2);
    -o-box-shadow: 0 0 2px rgba(0,0,0,.2);
    box-shadow: 0 0 2px rgba(0,0,0,.2);
    border-radius: 4px;
    display: block;
    overflow: hidden;
}

    .address-contacts.active {
        display: -webkit-box;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
    }

@media only screen and (max-width:42em) {
    .address-contacts {
        top: 0;
        left: 0;
        height: auto;
    }
}

@media only screen and (max-width:42em) {
    .address-contacts.modal-panel {
        height: calc(100vh - 45px);
        margin-top: 45px;
        position: fixed;
        width: 100vw;
    }

        .address-contacts.modal-panel .panel-header {
            border-radius: 0;
            display: block !important;
        }

        .address-contacts.modal-panel .panel-body {
            padding-bottom: 150px;
        }

        .address-contacts.modal-panel .panel-footer {
            border-radius: 0;
            bottom: 0;
            left: 0;
            position: fixed;
            right: 0;
        }

        .address-contacts.modal-panel .tab-container {
            border-bottom: 1px solid #f0f5fb;
        }

        .address-contacts.modal-panel .tab-button {
            background-color: #fff;
            font-size: 1.125rem !important;
            padding: .594rem 1rem;
        }

            .address-contacts.modal-panel .tab-button .h4, .address-contacts.modal-panel .tab-button h4 {
                font-family: brandongrotesque-bold,sans-serif;
                font-feature-settings: "kern";
                -webkit-font-feature-settings: "kern";
                -moz-font-feature-settings: "kern";
                -moz-font-feature-settings: "kern=1";
                letter-spacing: .01em;
                color: #00265d !important;
                text-transform: none;
            }

            .address-contacts.modal-panel .tab-button:hover.only-tab {
                color: inherit !important;
                background: #fff !important;
            }

            .address-contacts.modal-panel .tab-button.active:not(.only-tab) .h4, .address-contacts.modal-panel .tab-button.active:not(.only-tab) h4 {
                color: #00b7b5 !important;
            }
}

.address-contacts.no-header .panel-header {
    display: none !important;
}

.address-contacts.no-header .panel-loader {
    top: 0;
}

.address-contacts .button-back {
    cursor: pointer;
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 2.75rem;
}

    .address-contacts .button-back img, .address-contacts .button-back svg {
        -webkit-transform: translateY(-50%);
        -khtml-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 15px;
        position: absolute;
        top: 50%;
        width: 11px;
    }

    .address-contacts .button-back > img, .address-contacts .button-back > svg {
        height: 45%;
    }

    .address-contacts .button-back svg polyline {
        stroke: #fff;
    }

    .address-contacts .button-back:hover {
        background-color: #000;
    }

.address-contacts.show-back-button .button-back {
    display: inline-block;
}

.address-contacts .panel-loader {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center;
    background: #fff;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}

    .address-contacts .panel-loader img {
        max-width: 25%;
    }

.address-contacts .panel-body {
    -webkit-box-flex: 1;
    -moz-flex: 1 auto;
    -ms-flex: 1 auto;
    flex: 1 auto;
    position: relative;
    overflow-y: auto;
    padding: .625rem;
}

    .address-contacts .panel-body > p {
        padding: 1rem;
        margin-bottom: 0;
    }

    .address-contacts .panel-body.no-padding {
        padding: 0;
    }

    .address-contacts .panel-body hr {
        border-color: #f0f5fb;
        margin: 0;
    }

    .address-contacts .panel-body .panel-cta-row {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-top: 1px solid #f0f5fb;
        color: inherit;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 1.125rem;
        height: 60px;
        padding: .625rem;
        position: relative;
        text-align: left;
    }

        .address-contacts .panel-body .panel-cta-row img.arrow {
            height: auto;
            margin-right: 0;
            position: absolute;
            right: .625rem;
            top: 50%;
            -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
        }

        .address-contacts .panel-body .panel-cta-row img, .address-contacts .panel-body .panel-cta-row svg {
            height: 25px;
            margin-right: 10px;
            vertical-align: middle;
        }

        .address-contacts .panel-body .panel-cta-row:hover {
            background-color: #ffd579;
        }

.address-contacts .panel-icon {
    height: 3.75rem;
    margin: 1.875rem 0 0;
    text-align: center;
}

    .address-contacts .panel-icon img, .address-contacts .panel-icon svg {
        height: 100%;
        width: 100%;
    }

.address-contacts .panel-footer {
    -webkit-box-flex: 0;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    position: relative;
    background-color: #fff;
    border-radius: 0 0 4px 4px;
    border-top: 1px solid #f0f5fb;
    font-size: 1.125rem;
}

    .address-contacts .panel-footer .panel-footer-link {
        padding: 0 0 .625rem;
        background-color: #fff;
        border-radius: 0 0 4px 4px;
        text-align: center;
    }

        .address-contacts .panel-footer .panel-footer-link a {
            font-family: brandongrotesque-regular,sans-serif;
            letter-spacing: normal;
        }

        .address-contacts .panel-footer .panel-footer-link p {
            margin: 1rem 0;
        }

.address-contacts .radio-button .title {
    font-size: 18px;
}

@media only screen and (max-width:42em) {
    .address-contacts {
        margin: 0;
        height: 100%;
        max-height: none;
        overflow: scroll;
    }
}

.address-contacts .contacts-alpha-nav {
    display: none;
}

.address-contacts[data-active-group=all] .contacts-alpha-nav {
    display: block;
}

.address-contacts .header-bar .contact-groups-dropdown-trigger.h1, .address-contacts .header-bar h1.contact-groups-dropdown-trigger {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    cursor: pointer;
}

.address-contacts .header-bar .h1 img, .address-contacts .header-bar h1 img {
    display: none;
}

.address-contacts .header-bar .h1 svg, .address-contacts .header-bar h1 svg {
    margin-left: 5px;
    overflow: visible;
    vertical-align: middle;
    width: 11px;
}

    .address-contacts .header-bar .h1 svg polyline, .address-contacts .header-bar h1 svg polyline {
        -webkit-transform: rotate(0deg);
        -khtml-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transform-origin: 50% 50%;
        -khtml-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
    }

.address-contacts .header-bar .open.h1, .address-contacts .header-bar h1.open {
    color: #00b7b5;
}

    .address-contacts .header-bar .open.h1 svg polyline, .address-contacts .header-bar h1.open svg polyline {
        -webkit-transform: rotate(180deg);
        -khtml-transform: rotate(180deg);
        transform: rotate(180deg);
        -webkit-transform-origin: 50% 50%;
        -khtml-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        stroke: #00b7b5;
    }

@media only screen and (max-width:42em) {
    .address-contacts .header-bar.header-bar--small-light {
        background-color: #fff;
        border-bottom: 1px solid #f0f5fb;
        border-radius: 0;
        padding: 0;
        text-align: left;
    }

        .address-contacts .header-bar.header-bar--small-light .h1, .address-contacts .header-bar.header-bar--small-light h1 {
            font-family: brandongrotesque-bold,sans-serif;
            font-feature-settings: "kern";
            -webkit-font-feature-settings: "kern";
            -moz-font-feature-settings: "kern";
            -moz-font-feature-settings: "kern=1";
            letter-spacing: .01em;
            color: #00265d;
            font-size: 1.25rem;
            padding: .594rem .625rem;
            text-transform: none;
        }

            .address-contacts .header-bar.header-bar--small-light .h1 img, .address-contacts .header-bar.header-bar--small-light h1 img {
                display: inline-block;
                margin-right: 8px;
                vertical-align: bottom;
                width: 25px;
            }

            .address-contacts .header-bar.header-bar--small-light .h1 svg, .address-contacts .header-bar.header-bar--small-light h1 svg {
                margin: 0;
                position: absolute;
                right: .625rem;
                top: 50%;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
            }

                .address-contacts .header-bar.header-bar--small-light .h1 svg polyline, .address-contacts .header-bar.header-bar--small-light h1 svg polyline {
                    stroke: #00265d;
                }

            .address-contacts .header-bar.header-bar--small-light .open.h1, .address-contacts .header-bar.header-bar--small-light h1.open {
                color: #00b7b5;
            }

                .address-contacts .header-bar.header-bar--small-light .open.h1 svg polyline, .address-contacts .header-bar.header-bar--small-light h1.open svg polyline {
                    stroke: #00b7b5;
                }
}

@media only screen and (max-width:42em) {
    .address-contacts .sticky-search .contact-add-new {
        display: none;
    }
}

.address-contacts .empty-message {
    padding: 3.125rem 1.5625rem 9.375rem;
    text-align: center;
}

    .address-contacts .empty-message .icon {
        height: 2.8125rem;
    }

    .address-contacts .empty-message .h5, .address-contacts .empty-message h5 {
        font-family: brandongrotesque-bold,sans-serif;
        font-feature-settings: "kern";
        -webkit-font-feature-settings: "kern";
        -moz-font-feature-settings: "kern";
        -moz-font-feature-settings: "kern=1";
        letter-spacing: .01em;
        color: #00265d;
        font-size: 1.375rem;
        margin-top: .625rem;
        text-transform: none;
    }

.contact-groups-dropdown {
    background: #c0eded;
    display: none;
    list-style: none;
    margin: 0;
    max-height: 30vh;
    overflow: auto;
    padding: .625rem;
}

    .contact-groups-dropdown.open {
        display: block;
    }

    .contact-groups-dropdown > li a {
        font-family: brandongrotesque-bold,sans-serif;
        font-feature-settings: "kern";
        -webkit-font-feature-settings: "kern";
        -moz-font-feature-settings: "kern";
        -moz-font-feature-settings: "kern=1";
        letter-spacing: .01em;
        color: #00265d;
        display: block;
        padding: .3125rem 0;
        position: relative;
    }

        .contact-groups-dropdown > li a:hover {
            color: #00b7b5;
        }

        .contact-groups-dropdown > li a img {
            margin-right: 8px;
            vertical-align: bottom;
            width: 25px;
        }

        .contact-groups-dropdown > li a em {
            font-family: brandongrotesque-regular,sans-serif;
            letter-spacing: normal;
            font-style: normal;
            margin-top: -.875rem;
            position: absolute;
            right: 0;
            top: 50%;
        }

.contacts {
    list-style: none;
    margin: 0;
    max-height: calc(100vh - 330px);
    overflow-y: scroll;
}

@media only screen and (max-width:42em) {
    .contacts {
        height: calc(100vh - 156px);
        max-height: none;
    }
}

.contacts.no-scroll {
    overflow: hidden;
}

.contacts li {
    background-color: #fff;
    margin-bottom: 0;
    margin-top: 0;
    padding: 15px;
    position: relative;
}

    .contacts li:after {
        border-bottom: 1px solid #f0f5fb;
        bottom: 0;
        content: " ";
        left: 15px;
        position: absolute;
        right: 15px;
    }

@media only screen and (min-width:42.0625em) {
    .contacts li:hover {
        background-color: rgba(255,213,121,.5);
    }
}

.contacts li.active {
    background-color: #ffd579;
}

.contacts li a {
    color: #00265d;
    display: block;
}

.contacts li:last-of-type a {
    border-bottom: 0;
}

.contacts.no-scroll li, .contacts.no-scroll li a {
    cursor: default;
}

    .contacts.no-scroll li:hover {
        background-color: #fff;
    }

body.has-hello-bar .contacts {
    max-height: calc(100vh - 374px);
}

@media only screen and (max-width:42em) {
    body.has-hello-bar .contacts {
        height: calc(100vh - 200px);
        max-height: none;
    }
}

.close {
    display: none;
}

@media only screen and (max-width:42em) {
    .close {
        position: absolute;
        top: 10px;
        left: 20px;
        font-size: 30px;
        display: block;
    }
}

.sub-nav-white {
    background-color: #fff;
}

.contact-sub-nav {
    position: relative;
}

    .contact-sub-nav .h4, .contact-sub-nav h4 {
        padding: 14px 0 10px;
    }

.back-arrow {
    position: absolute;
    top: 19px;
    left: 0;
}

    .back-arrow svg {
        height: 15px;
    }

#import-page .page-block {
    margin: 0 auto;
    max-width: 900px;
}

#import-page .hero-image {
    margin: 0 auto 1.25rem;
    width: 50%;
}

    #import-page .hero-image img {
        height: 100%;
        max-height: 90px;
        max-width: 90px;
        width: 100%;
    }

#import-page input:not(#import-file) {
    margin: 0 auto;
    width: 50%;
}

#import-page strong {
    font-family: brandongrotesque-bold,sans-serif;
    font-feature-settings: "kern";
    -webkit-font-feature-settings: "kern";
    -moz-font-feature-settings: "kern";
    -moz-font-feature-settings: "kern=1";
    letter-spacing: .01em;
    font-size: .875rem;
}

#import-page .button, #import-page .button-alt, #import-page .button-clear, #import-page .button-continue, #import-page .button-danger, #import-page .button-error, #import-page .button-info, #import-page .button-modal-cancel, #import-page .button-modal-confirm, #import-page .button-white {
    margin-top: 1.25rem;
}

#import-page .sample-image {
    margin: 2rem auto;
    width: 95%;
}

#import-page .spreadsheet-details ul {
    width: 20rem;
    text-align: left;
    margin: 0 auto 2rem;
}

#import-page .continue-options {
    width: 37.5rem;
    margin: 2rem auto;
}

    #import-page .continue-options img {
        margin-bottom: 1rem;
    }

    #import-page .continue-options div {
        width: 40%;
        margin-right: 20%;
        float: left;
    }

        #import-page .continue-options div.last {
            margin-right: 0;
        }

#link-page .page-block {
    margin: 0 auto;
    max-width: 900px;
    padding: .625rem;
    font-size: 1.125rem;
}

#link-page .hero-image {
    margin: 0 auto 1.25rem;
    width: 50%;
}

    #link-page .hero-image img {
        height: 100%;
        max-height: 90px;
        max-width: 90px;
        width: 100%;
    }

#link-page input {
    font-size: inherit;
    margin: 0 auto;
    width: 50%;
}

#link-page button {
    margin: 1.5rem 0;
}

#link-page .link-url {
    color: #00b7b5;
    font-size: 1.4rem;
}

    #link-page .link-url input {
        background-color: #f0f5fb;
        text-align: center;
    }

#link-page .link-edit-form input {
    display: inline-block;
    width: 20%;
}

#link-page #link-availability {
    position: relative;
}

    #link-page #link-availability div {
        display: none;
        margin-top: 1.5rem;
    }

    #link-page #link-availability .available {
        color: #00b7b5;
    }

        #link-page #link-availability .available img {
            width: 16px;
            height: 15px;
            margin-right: .25rem;
            vertical-align: middle;
        }

    #link-page #link-availability .invalid, #link-page #link-availability .not-available, #link-page #link-availability .too-short {
        color: #e6176d;
    }

.address-contacts--all .search-options__all {
    display: block;
}

.address-contacts--all .search-options__group, .address-contacts--group .search-options__all {
    display: none;
}

.address-contacts--group .search-options__group {
    display: block;
}

ul.contacts-alpha-nav {
    overflow: hidden;
    margin: 0;
    padding: .75rem;
    border-bottom: 1px solid #f0f5fb;
    background-color: #fff;
}

@media only screen and (max-width:42em) {
    ul.contacts-alpha-nav {
        display: none !important;
    }
}

ul.contacts-alpha-nav li {
    list-style: none;
    float: left;
    width: 3.84615385%;
}

ul.contacts-alpha-nav .contacts-alpha-link {
    -webkit-transition: none,0,0;
    transition: none,0,0;
    display: block;
    position: relative;
    width: 20px;
    height: 20px;
    min-height: auto;
    min-width: inherit;
    margin: 0;
    padding: .22rem 0;
    color: #00265d;
    font-size: 15px;
    line-height: .8;
    text-align: center;
    border-radius: 9999px;
    background: transparent;
}

    ul.contacts-alpha-nav .contacts-alpha-link.active {
        background: #00b7b5;
        font-weight: 600;
        color: #fff;
    }

        ul.contacts-alpha-nav .contacts-alpha-link.active:hover {
            background: #00265d;
        }

    ul.contacts-alpha-nav .contacts-alpha-link:hover {
        color: #fff;
        background: #00b7b5;
        font-weight: 600;
    }

    ul.contacts-alpha-nav .contacts-alpha-link.inactive {
        color: #bbe4ed;
        background: transparent;
    }

        ul.contacts-alpha-nav .contacts-alpha-link.inactive:hover {
            color: #bbe4ed;
            cursor: default;
            background: transparent;
        }

.fixed {
    width: 50%;
    min-width: 50%;
}

body.onboard .page-container {
    max-width: 900px;
}

body.onboard .import-icon, body.onboard .onboard-icon {
    height: 90px;
    margin: 0 auto 1.875rem;
    width: 90px;
}

body.onboard .page-block {
    display: block;
    padding: 3.125rem;
    text-align: center;
}

body.onboard .spreadsheet-details ul {
    width: 20rem;
    text-align: left;
    margin: 0 auto 2rem;
}

body.onboard .button, body.onboard .button-alt, body.onboard .button-clear, body.onboard .button-continue, body.onboard .button-danger, body.onboard .button-error, body.onboard .button-info, body.onboard .button-modal-cancel, body.onboard .button-modal-confirm, body.onboard .button-white, body.onboard button {
    margin-top: .625rem;
}

@media only screen and (max-width:42em) {
    body.onboard {
        background-color: #fff;
    }

        body.onboard .main-header {
            display: none;
        }

        body.onboard .page-container {
            margin: 0;
        }

            body.onboard .page-container > .columns {
                padding-left: 0;
                padding-right: 0;
            }

        body.onboard .page-block {
            border-radius: 0;
            -webkit-box-shadow: none;
            box-shadow: none;
            background-color: transparent;
            padding: 1.875rem;
        }

        body.onboard .step {
            color: #7f92ae;
            margin-bottom: 1.875rem;
        }
}

.picker {
    list-style: none;
    margin-bottom: 0;
    margin-left: 0;
    overflow: auto;
    height: calc(100% - 61px);
}

    .picker .picker-item {
        padding: 1rem 3rem 1rem 1rem;
        width: 33.33333333%;
        height: 90px;
        border-width: 0 1px 1px 0;
        border-color: #f0f5fb;
        border-style: solid;
        cursor: pointer;
        float: left;
        position: relative;
        background-color: #fff;
        background-image: url(../images/icon_checkbox_off.svg);
        background-position: calc(100% - 1rem) 50%;
        background-repeat: no-repeat;
        background-size: 1rem 1rem;
    }

@media only screen and (min-width:42.0625em) {
    .picker .picker-item:hover {
        background-color: rgba(255,213,121,.5);
    }
}

.picker .picker-item.active {
    background-color: #ffd579;
    background-image: url(../images/icon_checkbox_on.svg);
    background-position: calc(100% - 1rem) 50%;
    background-repeat: no-repeat;
    background-size: 1rem 1rem;
}

    .picker .picker-item.active span {
        color: #000;
    }

.picker .picker-item span {
    height: 3.625rem;
    display: table-cell;
    text-align: left;
    vertical-align: middle;
    color: #00265d;
}

@media only screen and (max-width:42em) {
    .picker {
        height: calc(100vh - 240px);
        margin-bottom: 0;
    }
}

.picker--radio .picker-item {
    background-image: url(../images/icon_radio_off.svg);
}

    .picker--radio .picker-item.active {
        background-image: url(../images/icon_radio_on.svg);
    }

@media only screen and (max-width:42em) {
    .picker .picker-item {
        width: 100%;
        border-left: 0;
        border-right: 0;
        height: 60px;
        text-align: left;
    }

        .picker .picker-item, .picker .picker-item.active {
            background-position-y: 50%;
        }

            .picker .picker-item span {
                height: auto;
                padding-top: 0;
                background-size: 1rem 1rem;
            }
}

.list-items {
    margin-left: 0;
    margin-bottom: 0;
    list-style: none;
    background: #fff;
    overflow: auto;
}

    .list-items .selection-list-item, .list-items li {
        width: 100%;
        cursor: pointer;
        padding: 15px;
        color: #00265d;
        background: #fff url(../images/icon_radio_off.svg) no-repeat;
        background-position: right 15px center;
        background-size: 1rem 1rem;
        position: relative;
    }

        .list-items .selection-list-item:after, .list-items li:after {
            border-bottom: 1px solid #f0f5fb;
            bottom: 0;
            content: " ";
            left: 15px;
            position: absolute;
            right: 15px;
        }

        .list-items .selection-list-item:last-of-type:after, .list-items li:last-of-type:after {
            border-bottom: 0;
        }

        .list-items .selection-list-item.active, .list-items .selection-list-item.selected, .list-items li.active, .list-items li.selected {
            background-color: #ffd579;
            background-image: url(../images/icon_radio_on.svg);
        }

        .list-items .selection-list-item.hide, .list-items li.hide {
            display: none;
        }

        .list-items .selection-list-item a, .list-items li a {
            color: #00265d;
        }

@media only screen and (min-width:42.0625em) {
    .list-items .selection-list-item:hover, .list-items li:hover {
        background-color: rgba(255,213,121,.5) !important;
    }
}

.list-items .selection-list-item:hover .remove-xmark, .list-items li:hover .remove-xmark {
    display: block;
}

.list-items .selection-list-item.selection-list-item--no-click, .list-items li.selection-list-item--no-click {
    cursor: default;
}

@media only screen and (min-width:42.0625em) {
    .list-items .selection-list-item.selection-list-item--no-click:hover, .list-items li.selection-list-item--no-click:hover {
        background-color: #fff !important;
    }
}

.list-items .selection-list-item.focused, .list-items li.focused {
    background-color: rgba(255,213,121,.5) !important;
}

.list-items .selection-list-item .remove-xmark, .list-items li .remove-xmark {
    position: absolute;
    right: .9375rem;
    top: .75rem;
}

@media only screen and (min-width:42.0625em) {
    .list-items .selection-list-item .remove-xmark, .list-items li .remove-xmark {
        display: none;
    }
}

.list-items--checkboxes .selection-list-item, .list-items--checkboxes li {
    background-image: url(../images/icon_checkbox_off.svg);
}

    .list-items--checkboxes .selection-list-item.active, .list-items--checkboxes .selection-list-item.selected, .list-items--checkboxes li.active, .list-items--checkboxes li.selected {
        background-image: url(../images/icon_checkbox_on.svg);
    }

.list-items .selection-list-item {
    background-image: none;
}

@media only screen and (min-width:42.0625em) {
    .list-items .selection-list-item:hover {
        background-color: #ffd579 !important;
    }
}

.picker-wrapper {
    overflow-y: auto;
    height: calc(100vh - 182px);
}

@media only screen and (max-width:42em) {
    .picker-wrapper {
        height: calc(100vh - 266px);
    }
}

@media only screen and (max-width:42em) {
    .save-picker {
        position: fixed;
        bottom: 0;
        left: 0;
    }

    #panel-picker-recipients {
        display: none;
    }
}

.split-page-container {
    display: table;
    width: 100%;
    max-width: 100%;
    height: auto;
    position: relative;
}

    .split-page-container .panel-main {
        position: relative;
        display: table-cell;
        overflow-y: auto;
        border-collapse: collapse;
        background-color: transparent;
        padding: 2.1875rem;
    }

@media only screen and (max-width:42em) {
    .split-page-container .panel-main {
        padding: .625rem;
    }
}

@media only screen and (min-width:42.0625em) {
    .split-page-container .panel-main {
        padding-right: 1.09375rem;
    }
}

.split-page-container .panel-sub {
    position: relative;
    display: table-cell;
    overflow-y: auto;
    border-collapse: collapse;
    background-color: #f0f5fb;
    padding: 2.1875rem;
    width: 33%;
}

@media only screen and (max-width:42em) {
    .split-page-container .panel-sub {
        padding: .625rem;
    }
}

@media only screen and (min-width:42.0625em) {
    .split-page-container .panel-sub {
        padding-left: 1.09375rem;
    }
}

.split-page-container .button-back {
    position: absolute;
    height: 65px;
    top: 4.5rem;
    left: 1rem;
}

@media only screen and (max-width:42em) {
    .split-page-container {
        margin: 0;
        max-width: 75rem;
        width: 100%;
        width: 200vw;
        max-width: none;
        overflow-x: hidden;
        top: 0;
        left: 0;
        -webkit-transition: left;
        transition: left;
        -webkit-transition-duration: .6s;
        transition-duration: .6s;
        -webkit-transition-timing-function: ease;
        transition-timing-function: ease;
    }

        .split-page-container:after, .split-page-container:before {
            content: " ";
            display: table;
        }

        .split-page-container:after {
            clear: both;
        }

        .split-page-container.show-panel {
            top: 0;
            left: -100vw;
        }

        .split-page-container .panel-main, .split-page-container .panel-sub {
            width: 100vw;
        }

        .split-page-container .button-back {
            display: block;
        }
}

.sticky {
    position: fixed;
    top: 0;
    color: red;
    width: 100%;
}

.fixed.large {
    width: 66%;
    min-width: 66%;
}

@media only screen and (max-width:42em) {
    .fixed.large {
        width: 100%;
        min-width: 100%;
    }

    .search-box {
        width: 100%;
    }
}

.sticky-search.fixed {
    margin: 0 .9375rem;
    min-width: calc(50% - 2rem);
    width: calc(50% - 1rem);
}

@media only screen and (max-width:42em) {
    .sticky-search.fixed {
        width: 100%;
        margin-left: 0;
    }
}

.sticky-search {
    padding-bottom: 0;
}

.sub-nav {
    background-color: #fff;
    width: 100%;
    padding: 0;
}

.sub-progress-nav {
    overflow: hidden;
}

    .sub-progress-nav ul {
        height: 70px;
        line-height: 70px;
        list-style: none;
        margin: 0;
        text-align: center;
    }

        .sub-progress-nav ul:after {
            content: "";
            display: inline-block;
            width: 100%;
        }

@media only screen and (max-width:42em) {
    .sub-progress-nav ul {
        float: left !important;
        margin-left: 0;
    }
}

.sub-progress-nav ul li {
    color: #00b7b5;
    font-family: brandongrotesque-bold,sans-serif;
    font-feature-settings: "kern";
    -webkit-font-feature-settings: "kern";
    -moz-font-feature-settings: "kern";
    -moz-font-feature-settings: "kern=1";
    letter-spacing: .01em;
    position: relative;
    display: inline !important;
    float: none;
    top: 0;
    margin-left: 2.4375rem;
    font-size: 1.25rem;
    list-style: none;
    line-height: 70px;
    padding: .1875rem 1rem;
}

    .sub-progress-nav ul li:first-of-type {
        margin-left: 0;
    }

    .sub-progress-nav ul li a {
        color: #00265d;
        text-decoration: none;
    }

        .sub-progress-nav ul li a:hover {
            color: #00b7b5;
        }

    .sub-progress-nav ul li.disabled {
        color: #c0eded;
    }

        .sub-progress-nav ul li.disabled a {
            color: #c0eded;
            cursor: default;
            pointer-events: none;
        }

.sub-progress-nav ul .active {
    color: #00b7b5;
}

    .sub-progress-nav ul .active a {
        background-color: transparent;
        color: #00b7b5;
        cursor: default;
        pointer-events: none;
    }

@media only screen and (max-width:42em) {
    .sub-progress-nav li {
        font-size: 10px;
    }
}

.sub-nav-circles {
    background-color: #fff;
    overflow: hidden;
}

    .sub-nav-circles ul {
        height: 70px;
        line-height: 70px;
        list-style: none;
        margin: 0;
        text-align: center;
    }

        .sub-nav-circles ul li {
            font-family: brandongrotesque-bold,sans-serif;
            font-feature-settings: "kern";
            -webkit-font-feature-settings: "kern";
            -moz-font-feature-settings: "kern";
            -moz-font-feature-settings: "kern=1";
            letter-spacing: .01em;
            color: #00265d;
            display: inline-block;
            font-size: 1.25rem;
            line-height: 70px;
            margin: 0 1.25rem;
        }

@media only screen and (max-width:42em) {
    .sub-nav-circles ul li {
        margin: 0 .625rem;
    }
}

.sub-nav-circles ul li .circle {
    background: #00265d;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    margin-right: 2px;
    position: relative;
    text-align: center;
    top: -3px;
    vertical-align: middle;
    width: 20px;
}

.sub-nav-circles ul li a {
    color: #00265d;
}

    .sub-nav-circles ul li a:hover {
        color: #00b7b5;
    }

        .sub-nav-circles ul li a:hover .circle {
            background: #00b7b5;
        }

.sub-nav-circles ul .active {
    color: #00b7b5;
}

    .sub-nav-circles ul .active a {
        color: #00b7b5;
        cursor: default;
        pointer-events: none;
    }

    .sub-nav-circles ul .active .circle {
        background: #00b7b5;
    }

.sub-nav-circles ul .disabled {
    color: #c0eded;
}

    .sub-nav-circles ul .disabled a {
        color: #c0eded;
        cursor: default;
        pointer-events: none;
    }

    .sub-nav-circles ul .disabled .circle {
        background: #c0eded;
    }

.sub-nav-simple {
    background-color: #fff;
}

    .sub-nav-simple ul {
        line-height: 70px;
        list-style: none;
        margin: 0;
        text-align: center;
    }

        .sub-nav-simple ul > li {
            color: #00265d;
            display: inline-block;
            font-size: 1.25rem;
            padding: 0 1.25rem;
            position: relative;
        }

            .sub-nav-simple ul > li a {
                color: #00265d;
            }

                .sub-nav-simple ul > li.active, .sub-nav-simple ul > li a:hover {
                    color: #00b7b5;
                }

                    .sub-nav-simple ul > li.active a {
                        color: #00b7b5;
                    }

                    .sub-nav-simple ul > li.active a, .sub-nav-simple ul > li.disabled a {
                        cursor: default;
                        pointer-events: none;
                    }

            .sub-nav-simple ul > li:after {
                -webkit-transform: translateY(-50%);
                -khtml-transform: translateY(-50%);
                transform: translateY(-50%);
                content: "";
                background-image: url("../images/icon_arrow_right_small.svg");
                background-repeat: no-repeat;
                background-size: contain;
                display: inline-block;
                height: 11px;
                position: absolute;
                right: -5px;
                top: 50%;
                width: 7px;
            }

            .sub-nav-simple ul > li:last-of-type:after {
                display: none;
            }

.gift-card {
    margin-bottom: .9375rem;
    border-radius: .75rem;
}

.contact-select {
    border-radius: 4px;
    height: 100%;
    overflow: hidden;
}

@media only screen and (max-width:42em) {
    .contact-select {
        background-color: #fff;
    }
}

.no-recipients {
    background: #fff;
    text-align: center;
}

    .no-recipients p {
        margin: 0;
        padding: 1rem;
    }

.contact-select-scroll {
    background-color: #fff;
    padding-bottom: 1px;
}

    .contact-select-scroll .contact-select-clipped {
        max-height: calc(100vh - 357px);
        overflow-y: auto;
    }

@media only screen and (max-width:42em) {
    .contact-select-scroll .contact-select-clipped {
        max-height: none;
        overflow-y: auto;
        background-color: #fff;
    }
}

.contact-select.schedule .contact-select-clipped {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
}

.blank {
    background-color: #fff;
}

.inactive {
    display: block;
}

    .inactive .header {
        background-color: #bbb;
    }

@media only screen and (max-width:42em) {
    .recipients {
        height: auto;
        overflow: visible;
    }
}

.save {
    background-color: #e6176d;
    width: 100%;
    color: #fff;
}

    .save:focus, .save:hover {
        background-color: #cf1562;
        color: #fff;
    }

.bottom {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.wrapper {
    height: 100%;
}

.social-icons img {
    height: 2.8125rem;
    margin-right: 2rem;
}

    .social-icons img.last {
        margin-right: 0;
    }

    .social-icons img.heart {
        height: 2.5625rem;
        margin-right: 2.25rem;
    }

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

.activity-list__item {
    position: relative;
    padding: 1.25rem 0;
    border-bottom: 1px solid #f0f5fb;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    max-width: 75rem;
    width: 100%;
}

    .activity-list__item:after, .activity-list__item:before {
        content: " ";
        display: table;
    }

    .activity-list__item:after {
        clear: both;
    }

    .activity-list__item:last-of-type {
        border-bottom: 0;
    }

    .activity-list__item img {
        padding-left: .9375rem;
        padding-right: .9375rem;
        width: 16.66666667%;
        float: left;
        vertical-align: middle;
        height: 1.875rem;
        padding-right: 0;
        padding-left: .5rem;
    }

    .activity-list__item .text {
        padding-left: .9375rem;
        padding-right: .9375rem;
        width: 83.33333333%;
        float: left;
        padding-left: .3125rem;
        vertical-align: middle;
    }

        .activity-list__item .text strong {
            color: #00265d;
            font-family: brandongrotesque-bold,sans-serif;
            font-feature-settings: "kern";
            -webkit-font-feature-settings: "kern";
            -moz-font-feature-settings: "kern";
            -moz-font-feature-settings: "kern=1";
            letter-spacing: .01em;
        }

        .activity-list__item .text a {
            color: #00b7b5;
        }

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

    .animated.infinite {
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
    }

    .animated.hinge {
        -webkit-animation-duration: 2s;
        animation-duration: 2s;
    }

    .animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY {
        -webkit-animation-duration: .75s;
        animation-duration: .75s;
    }

@-webkit-keyframes bounce {
    0%,20%,53%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-30px,0);
        transform: translate3d(0,-30px,0);
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-15px,0);
        transform: translate3d(0,-15px,0);
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0);
    }
}

@keyframes bounce {
    0%,20%,53%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-30px,0);
        transform: translate3d(0,-30px,0);
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-15px,0);
        transform: translate3d(0,-15px,0);
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0);
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
}

@-webkit-keyframes flash {
    0%,50%,to {
        opacity: 1;
    }

    25%,75% {
        opacity: 0;
    }
}

@keyframes flash {
    0%,50%,to {
        opacity: 1;
    }

    25%,75% {
        opacity: 0;
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }

    50% {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05);
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }

    50% {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05);
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }

    30% {
        -webkit-transform: scale3d(1.25,.75,1);
        transform: scale3d(1.25,.75,1);
    }

    40% {
        -webkit-transform: scale3d(.75,1.25,1);
        transform: scale3d(.75,1.25,1);
    }

    50% {
        -webkit-transform: scale3d(1.15,.85,1);
        transform: scale3d(1.15,.85,1);
    }

    65% {
        -webkit-transform: scale3d(.95,1.05,1);
        transform: scale3d(.95,1.05,1);
    }

    75% {
        -webkit-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1);
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }

    30% {
        -webkit-transform: scale3d(1.25,.75,1);
        transform: scale3d(1.25,.75,1);
    }

    40% {
        -webkit-transform: scale3d(.75,1.25,1);
        transform: scale3d(.75,1.25,1);
    }

    50% {
        -webkit-transform: scale3d(1.15,.85,1);
        transform: scale3d(1.15,.85,1);
    }

    65% {
        -webkit-transform: scale3d(.95,1.05,1);
        transform: scale3d(.95,1.05,1);
    }

    75% {
        -webkit-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1);
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand;
}

@-webkit-keyframes shake {
    0%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0);
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0);
    }
}

@keyframes shake {
    0%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0);
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0);
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake;
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

.swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing;
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }

    10%,20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate(-3deg);
        transform: scale3d(.9,.9,.9) rotate(-3deg);
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(3deg);
    }

    40%,60%,80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(-3deg);
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }

    10%,20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate(-3deg);
        transform: scale3d(.9,.9,.9) rotate(-3deg);
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(3deg);
    }

    40%,60%,80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(-3deg);
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada;
}

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none;
    }

    15% {
        -webkit-transform: translate3d(-25%,0,0) rotate(-5deg);
        transform: translate3d(-25%,0,0) rotate(-5deg);
    }

    30% {
        -webkit-transform: translate3d(20%,0,0) rotate(3deg);
        transform: translate3d(20%,0,0) rotate(3deg);
    }

    45% {
        -webkit-transform: translate3d(-15%,0,0) rotate(-3deg);
        transform: translate3d(-15%,0,0) rotate(-3deg);
    }

    60% {
        -webkit-transform: translate3d(10%,0,0) rotate(2deg);
        transform: translate3d(10%,0,0) rotate(2deg);
    }

    75% {
        -webkit-transform: translate3d(-5%,0,0) rotate(-1deg);
        transform: translate3d(-5%,0,0) rotate(-1deg);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none;
    }

    15% {
        -webkit-transform: translate3d(-25%,0,0) rotate(-5deg);
        transform: translate3d(-25%,0,0) rotate(-5deg);
    }

    30% {
        -webkit-transform: translate3d(20%,0,0) rotate(3deg);
        transform: translate3d(20%,0,0) rotate(3deg);
    }

    45% {
        -webkit-transform: translate3d(-15%,0,0) rotate(-3deg);
        transform: translate3d(-15%,0,0) rotate(-3deg);
    }

    60% {
        -webkit-transform: translate3d(10%,0,0) rotate(2deg);
        transform: translate3d(10%,0,0) rotate(2deg);
    }

    75% {
        -webkit-transform: translate3d(-5%,0,0) rotate(-1deg);
        transform: translate3d(-5%,0,0) rotate(-1deg);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble;
}

@-webkit-keyframes jello {
    11.1% {
        -webkit-transform: none;
        transform: none;
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg);
    }

    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg);
    }

    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes jello {
    11.1% {
        -webkit-transform: none;
        transform: none;
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg);
    }

    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg);
    }

    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

.jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center;
}

@-webkit-keyframes bounceIn {
    0%,20%,40%,60%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3);
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1);
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03);
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97);
    }

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

@keyframes bounceIn {
    0%,20%,40%,60%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3);
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1);
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03);
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97);
    }

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-3000px,0);
        transform: translate3d(0,-3000px,0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,25px,0);
        transform: translate3d(0,25px,0);
    }

    75% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0);
    }

    90% {
        -webkit-transform: translate3d(0,5px,0);
        transform: translate3d(0,5px,0);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInDown {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-3000px,0);
        transform: translate3d(0,-3000px,0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,25px,0);
        transform: translate3d(0,25px,0);
    }

    75% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0);
    }

    90% {
        -webkit-transform: translate3d(0,5px,0);
        transform: translate3d(0,5px,0);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px,0,0);
        transform: translate3d(-3000px,0,0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px,0,0);
        transform: translate3d(25px,0,0);
    }

    75% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0);
    }

    90% {
        -webkit-transform: translate3d(5px,0,0);
        transform: translate3d(5px,0,0);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInLeft {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px,0,0);
        transform: translate3d(-3000px,0,0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px,0,0);
        transform: translate3d(25px,0,0);
    }

    75% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0);
    }

    90% {
        -webkit-transform: translate3d(5px,0,0);
        transform: translate3d(5px,0,0);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px,0,0);
        transform: translate3d(3000px,0,0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px,0,0);
        transform: translate3d(-25px,0,0);
    }

    75% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0);
    }

    90% {
        -webkit-transform: translate3d(-5px,0,0);
        transform: translate3d(-5px,0,0);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInRight {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px,0,0);
        transform: translate3d(3000px,0,0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px,0,0);
        transform: translate3d(-25px,0,0);
    }

    75% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0);
    }

    90% {
        -webkit-transform: translate3d(-5px,0,0);
        transform: translate3d(-5px,0,0);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,3000px,0);
        transform: translate3d(0,3000px,0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0);
    }

    75% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0);
    }

    90% {
        -webkit-transform: translate3d(0,-5px,0);
        transform: translate3d(0,-5px,0);
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes bounceInUp {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,3000px,0);
        transform: translate3d(0,3000px,0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0);
    }

    75% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0);
    }

    90% {
        -webkit-transform: translate3d(0,-5px,0);
        transform: translate3d(0,-5px,0);
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9);
    }

    50%,55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3);
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9);
    }

    50%,55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3);
    }
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0);
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0);
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0);
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0);
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px,0,0);
        transform: translate3d(20px,0,0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0);
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px,0,0);
        transform: translate3d(20px,0,0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0);
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px,0,0);
        transform: translate3d(-20px,0,0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0);
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px,0,0);
        transform: translate3d(-20px,0,0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0);
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0);
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,20px,0);
        transform: translate3d(0,20px,0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0);
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0);
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,20px,0);
        transform: translate3d(0,20px,0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0);
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0);
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0);
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0);
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0);
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0);
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0);
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0);
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0);
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotateY(-1turn);
        transform: perspective(400px) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95,.95,.95);
        transform: perspective(400px) scale3d(.95,.95,.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotateY(-1turn);
        transform: perspective(400px) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95,.95,.95);
        transform: perspective(400px) scale3d(.95,.95,.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip;
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}

.flipOutY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%,0,0) skewX(-30deg);
        transform: translate3d(100%,0,0) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1;
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%,0,0) skewX(-30deg);
        transform: translate3d(100%,0,0) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1;
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
    0% {
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(100%,0,0) skewX(30deg);
        transform: translate3d(100%,0,0) skewX(30deg);
        opacity: 0;
    }
}

@keyframes lightSpeedOut {
    0% {
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(100%,0,0) skewX(30deg);
        transform: translate3d(100%,0,0) skewX(30deg);
        opacity: 0;
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0;
    }
}

@keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0;
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0;
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0;
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0;
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    20%,60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    40%,80% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(0,700px,0);
        transform: translate3d(0,700px,0);
        opacity: 0;
    }
}

@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    20%,60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    40%,80% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(0,700px,0);
        transform: translate3d(0,700px,0);
        opacity: 0;
    }
}

.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge;
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0) rotate(-120deg);
        transform: translate3d(-100%,0,0) rotate(-120deg);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0) rotate(-120deg);
        transform: translate3d(-100%,0,0) rotate(-120deg);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn;
}

@-webkit-keyframes rollOut {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0) rotate(120deg);
        transform: translate3d(100%,0,0) rotate(120deg);
    }
}

@keyframes rollOut {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0) rotate(120deg);
        transform: translate3d(100%,0,0) rotate(120deg);
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3);
    }

    50% {
        opacity: 1;
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3);
    }

    50% {
        opacity: 1;
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
    }
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
    }
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
    }
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3);
    }

    to {
        opacity: 0;
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3);
    }

    to {
        opacity: 0;
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
    }
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px,0,0);
        transform: scale(.1) translate3d(-2000px,0,0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px,0,0);
        transform: scale(.1) translate3d(-2000px,0,0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px,0,0);
        transform: scale(.1) translate3d(2000px,0,0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px,0,0);
        transform: scale(.1) translate3d(2000px,0,0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
        visibility: visible;
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
        visibility: visible;
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        visibility: visible;
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        visibility: visible;
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        visibility: visible;
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        visibility: visible;
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(-50%,200%,0);
        transform: translate3d(-50%,200%,0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(-50%,-50%,0);
        transform: translate3d(-50%,-50%,0);
    }
}

@keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(-50%,200%,0);
        transform: translate3d(-50%,200%,0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(-50%,-50%,0);
        transform: translate3d(-50%,-50%,0);
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translate3d(-50%,-50%,0);
        transform: translate3d(-50%,-50%,0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-50%,200%,0);
        transform: translate3d(-50%,200%,0);
    }
}

@keyframes slideOutDown {
    0% {
        -webkit-transform: translate3d(-50%,-50%,0);
        transform: translate3d(-50%,-50%,0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-50%,200%,0);
        transform: translate3d(-50%,200%,0);
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp;
}

.banner-section {
    text-align: center;
}

    .banner-section .content {
        display: -webkit-box;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-direction: normal;
        -webkit-box-orient: horizontal;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: none;
        flex-wrap: nowrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -moz-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -moz-align-items: center;
        align-items: center;
        max-width: 1400px;
        width: auto !important;
        margin: 0 auto;
    }

        .banner-section .content .hero-image {
            width: 50%;
            text-align: right;
            overflow: hidden;
            padding-right: 1.25rem;
        }

        .banner-section .content .text-block {
            display: -webkit-box;
            display: -moz-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-direction: normal;
            -webkit-box-orient: vertical;
            -moz-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
            -ms-flex-wrap: none;
            flex-wrap: nowrap;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            -moz-justify-content: space-between;
            justify-content: space-between;
            -webkit-box-align: left;
            -ms-flex-align: left;
            -moz-align-items: left;
            align-items: left;
            width: 50%;
        }

@media only screen and (min-width:42.0625em) {
    .banner-section .content .text-block {
        padding-left: 5rem;
    }
}

.banner-section .content .text-block .h1, .banner-section .content .text-block h1 {
    text-align: left;
    max-width: 500px;
}

@media only screen and (max-width:42em) {
    .banner-section .content .text-block .h1, .banner-section .content .text-block h1 {
        margin-left: auto;
        margin-right: auto;
    }
}

.banner-section .content .text-block .section-description {
    max-width: 500px;
    width: 100%;
}

@media only screen and (max-width:42em) {
    .banner-section .content .text-block .section-description {
        margin-bottom: 0;
        margin-left: auto;
        margin-right: auto;
    }
}

.banner-section .content .text-block .button, .banner-section .content .text-block .button-alt, .banner-section .content .text-block .button-clear, .banner-section .content .text-block .button-continue, .banner-section .content .text-block .button-danger, .banner-section .content .text-block .button-error, .banner-section .content .text-block .button-info, .banner-section .content .text-block .button-modal-cancel, .banner-section .content .text-block .button-modal-confirm, .banner-section .content .text-block .button-white {
    width: 12.5rem;
    color: #fff;
}

    .banner-section .content .text-block .button-alt:hover, .banner-section .content .text-block .button-clear:hover, .banner-section .content .text-block .button-continue:hover, .banner-section .content .text-block .button-danger:hover, .banner-section .content .text-block .button-error:hover, .banner-section .content .text-block .button-info:hover, .banner-section .content .text-block .button-modal-cancel:hover, .banner-section .content .text-block .button-modal-confirm:hover, .banner-section .content .text-block .button-white:hover, .banner-section .content .text-block .button:hover {
        color: #fff;
    }

.banner-section .content .button.clear, .banner-section .content .button.white, .banner-section .content .clear.button-alt, .banner-section .content .clear.button-clear, .banner-section .content .clear.button-continue, .banner-section .content .clear.button-danger, .banner-section .content .clear.button-error, .banner-section .content .clear.button-info, .banner-section .content .clear.button-modal-cancel, .banner-section .content .clear.button-modal-confirm, .banner-section .content .clear.button-white, .banner-section .content .white.button-alt, .banner-section .content .white.button-clear, .banner-section .content .white.button-continue, .banner-section .content .white.button-danger, .banner-section .content .white.button-error, .banner-section .content .white.button-info, .banner-section .content .white.button-modal-cancel, .banner-section .content .white.button-modal-confirm, .banner-section .content .white.button-white {
    min-height: 2.5rem;
    margin-top: .9375rem;
    margin-bottom: .3125rem;
    padding: .5rem 1.25rem;
}

.banner-section.banner-left .content .hero-image {
    -webkit-box-ordinal-group: 3;
    -moz-order: 2;
    -ms-flex-order: 2;
    order: 2;
    text-align: left;
    padding-right: 1.25rem;
}

.banner-section.banner-left .content .text-block {
    -webkit-box-ordinal-group: 2;
    -moz-order: 1;
    -ms-flex-order: 1;
    order: 1;
    text-align: right;
}

@media only screen and (max-width:42em) {
    .banner-section.banner-left .content .text-block {
        text-align: center;
        width: 100%;
    }
}

.banner-section.white-text, .banner-section.white-text .h1, .banner-section.white-text h1 {
    color: #fff;
}

    .banner-section.white-text .content .text-block .button, .banner-section.white-text .content .text-block .button-alt, .banner-section.white-text .content .text-block .button-clear, .banner-section.white-text .content .text-block .button-continue, .banner-section.white-text .content .text-block .button-danger, .banner-section.white-text .content .text-block .button-error, .banner-section.white-text .content .text-block .button-info, .banner-section.white-text .content .text-block .button-modal-cancel, .banner-section.white-text .content .text-block .button-modal-confirm, .banner-section.white-text .content .text-block .button-white {
        color: #fff;
        border-color: #fff;
    }

        .banner-section.white-text .content .text-block .button-alt:hover, .banner-section.white-text .content .text-block .button-clear:hover, .banner-section.white-text .content .text-block .button-continue:hover, .banner-section.white-text .content .text-block .button-danger:hover, .banner-section.white-text .content .text-block .button-error:hover, .banner-section.white-text .content .text-block .button-info:hover, .banner-section.white-text .content .text-block .button-modal-cancel:hover, .banner-section.white-text .content .text-block .button-modal-confirm:hover, .banner-section.white-text .content .text-block .button-white:hover, .banner-section.white-text .content .text-block .button:hover {
            color: #555;
            background: #fff;
        }

@media only screen and (min-width:42.0625em) and (max-width:64em) {
    .banner-section {
        padding: 2.5rem 2.5rem 0;
    }
}

@media only screen and (max-width:42em) {
    .banner-section {
        padding: 2.5rem 0 0;
    }

        .banner-section .content {
            -webkit-box-direction: normal;
            -webkit-box-orient: vertical;
            -moz-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
        }

            .banner-section .content .hero-image {
                -webkit-box-ordinal-group: 3;
                -moz-order: 2;
                -ms-flex-order: 2;
                order: 2;
                padding: 0 1.25rem;
                width: 100%;
            }

            .banner-section .content .text-block {
                display: block;
                width: 100%;
                padding: 0 1.25rem;
                -webkit-box-ordinal-group: 2;
                -moz-order: 1;
                -ms-flex-order: 1;
                order: 1;
            }

                .banner-section .content .text-block .h1, .banner-section .content .text-block h1 {
                    text-align: center;
                    width: 100%;
                }

                .banner-section .content .text-block .button, .banner-section .content .text-block .button-alt, .banner-section .content .text-block .button-clear, .banner-section .content .text-block .button-continue, .banner-section .content .text-block .button-danger, .banner-section .content .text-block .button-error, .banner-section .content .text-block .button-info, .banner-section .content .text-block .button-modal-cancel, .banner-section .content .text-block .button-modal-confirm, .banner-section .content .text-block .button-white {
                    margin: 1.25rem auto !important;
                }

        .banner-section.banner-left .content .hero-image, .banner-section.banner-left .content .text-block {
            padding: 0 1.25rem;
        }

        .banner-section.mobile-image-top {
            padding: 0 0 1.25rem;
        }

            .banner-section.mobile-image-top .content .hero-image {
                -webkit-box-ordinal-group: 2;
                -moz-order: 1;
                -ms-flex-order: 1;
                order: 1;
            }

            .banner-section.mobile-image-top .content .text-block {
                -webkit-box-ordinal-group: 3;
                -moz-order: 2;
                -ms-flex-order: 2;
                order: 2;
            }
}

.banner-section.banner-above-fold .content .text-block .h1, .banner-section.banner-above-fold .content .text-block h1 {
    color: #00265d;
    max-width: none;
}

@media only screen and (max-width:42em) {
    .banner-section.banner-above-fold .content .text-block .button, .banner-section.banner-above-fold .content .text-block .button-alt, .banner-section.banner-above-fold .content .text-block .button-clear, .banner-section.banner-above-fold .content .text-block .button-continue, .banner-section.banner-above-fold .content .text-block .button-danger, .banner-section.banner-above-fold .content .text-block .button-error, .banner-section.banner-above-fold .content .text-block .button-info, .banner-section.banner-above-fold .content .text-block .button-modal-cancel, .banner-section.banner-above-fold .content .text-block .button-modal-confirm, .banner-section.banner-above-fold .content .text-block .button-white {
        margin: .625rem 0;
    }
}

.button-back {
    cursor: pointer;
    /*display: none;*/
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 2.75rem;
}

    .button-back img, .button-back svg {
        -webkit-transform: translateY(-50%);
        -khtml-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 15px;
        position: absolute;
        top: 50%;
        width: 11px;
    }

    .button-back > img, .button-back > svg {
        height: 45%;
    }

    .button-back svg polyline {
        stroke: #fff;
    }

.button-cart {
    display: block;
    position: relative;
}

    .button-cart svg {
        width: 20px;
        height: 20px;
        vertical-align: middle;
    }

    .button-cart .cart-count {
        border-radius: 8px;
        display: inline-block;
        height: 16px;
        min-width: 16px;
        font-size: 10px;
        text-align: center;
        font-family: brandongrotesque-bold,sans-serif;
        font-feature-settings: "kern";
        -webkit-font-feature-settings: "kern";
        -moz-font-feature-settings: "kern";
        -moz-font-feature-settings: "kern=1";
        letter-spacing: .01em;
        color: #fff;
        background: #e6176d;
        vertical-align: middle;
        position: relative;
        left: -2px;
        padding: 0 4px;
        line-height: 16px;
    }

.button-close-mobile-menu svg {
    width: 20px;
    height: 20px;
}

.button-facebook {
    background-color: transparent;
    width: auto;
    height: auto;
    padding: 1rem;
}

    .button-facebook img {
        height: 1.875rem;
        width: 1.875rem;
    }

    .button-facebook:hover {
        background-color: transparent;
        -webkit-filter: brightness(70%);
        -khtml-filter: brightness(70%);
        -moz-filter: brightness(70%);
        -ms-filter: brightness(70%);
        -o-filter: brightness(70%);
        filter: brightness(70%);
    }

.button.file-upload > input[type=file], .file-upload.button-alt > input[type=file], .file-upload.button-clear > input[type=file], .file-upload.button-continue > input[type=file], .file-upload.button-danger > input[type=file], .file-upload.button-error > input[type=file], .file-upload.button-info > input[type=file], .file-upload.button-modal-cancel > input[type=file], .file-upload.button-modal-confirm > input[type=file], .file-upload.button-white > input[type=file], button.file-upload > input[type=file] {
    cursor: pointer;
    position: absolute;
    font-size: 0;
    top: 0;
    left: 0;
    opacity: 0;
    height: 100%;
    width: 100%;
}

.button-icon {
    cursor: pointer;
}

.button-instagram {
    background-color: transparent;
    width: auto;
    height: auto;
    padding: 1rem;
}

    .button-instagram img {
        height: 1.875rem;
        width: 1.875rem;
    }

    .button-instagram:hover {
        background-color: transparent;
        -webkit-filter: brightness(70%);
        -khtml-filter: brightness(70%);
        -moz-filter: brightness(70%);
        -ms-filter: brightness(70%);
        -o-filter: brightness(70%);
        filter: brightness(70%);
    }

.button-open-mobile-menu {
    cursor: pointer;
}

    .button-open-mobile-menu svg {
        width: 20px;
        height: 20px;
    }

.button-open-subpanel {
    font-size: 1.125rem;
    position: relative;
    padding: 1.125rem .9rem;
    border-bottom: 1px solid #f0f5fb;
    cursor: pointer;
}

    .button-open-subpanel .icon-expand-arrow {
        position: absolute;
        top: 1rem;
        right: 1rem;
    }

    .button-open-subpanel.last {
        border-bottom: 0;
    }

.button-panel {
    -webkit-transition-property: background-color;
    transition-property: background-color;
    min-height: 2.75rem;
    min-width: 12.5rem;
    outline-width: 0;
    color: #fff;
    border-radius: 4px;
    position: relative;
    text-align: center;
    display: block;
    width: calc(100% - 1.25rem);
    margin: .625rem auto;
}

    .button-panel, .button-panel:focus {
        background-color: #00b7b5;
    }

        .button-panel:hover {
            background-color: #008483;
            color: #fff;
        }

        .button-panel.full-width {
            width: 100%;
        }

        .button-panel[data-category=continue], .button-panel[data-category=continue]:focus {
            background-color: #00b7b5;
        }

            .button-panel[data-category=continue]:hover {
                background-color: #008483;
            }

        .button-panel[data-category=danger], .button-panel[data-category=danger]:focus {
            background-color: #e6176d;
        }

            .button-panel[data-category=danger]:hover {
                background-color: #b81257;
            }

        .button-panel[data-category=alt], .button-panel[data-category=alt]:focus {
            background-color: #ffd579;
        }

            .button-panel[data-category=alt]:hover {
                background-color: #ffc546;
            }

        .button-panel.white {
            border: 2px solid #fff;
        }

            .button-panel.white, .button-panel.white:focus, .button-panel.white:hover {
                background-color: #fff;
                color: #00265d;
            }

        .button-panel.clear {
            border: 2px solid #fff;
            color: #fff;
        }

            .button-panel.clear, .button-panel.clear:focus {
                background-color: transparent;
            }

                .button-panel.clear:hover {
                    background-color: #fff;
                    color: rgba(0,0,0,.75);
                }

        .button-panel.validation-error, .button-panel.validation-error:focus {
            background-color: #e6176d;
        }

            .button-panel.validation-error:hover {
                background-color: #b81257;
            }

        .button-panel[disabled] {
            opacity: 1 !important;
        }

        .button-panel .spinner-button {
            display: none;
        }

        .button-panel.locked {
            font-size: 0;
            background-color: #00b7b5;
        }

            .button-panel.locked .spinner-button {
                display: block;
            }

.button-pinterest {
    background-color: transparent;
    width: auto;
    height: auto;
    padding: 1rem;
}

    .button-pinterest img {
        height: 1.875rem;
        width: 1.875rem;
    }

    .button-pinterest:hover {
        background-color: transparent;
        -webkit-filter: brightness(70%);
        -khtml-filter: brightness(70%);
        -moz-filter: brightness(70%);
        -ms-filter: brightness(70%);
        -o-filter: brightness(70%);
        filter: brightness(70%);
    }

.button-twitter {
    background-color: transparent;
    width: auto;
    height: auto;
    padding: 1rem;
}

    .button-twitter img {
        height: 1.875rem;
        width: 1.875rem;
    }

    .button-twitter:hover {
        background-color: transparent;
        -webkit-filter: brightness(70%);
        -khtml-filter: brightness(70%);
        -moz-filter: brightness(70%);
        -ms-filter: brightness(70%);
        -o-filter: brightness(70%);
        filter: brightness(70%);
    }

.button-writing-area-mobile {
    width: 100%;
    height: 100%;
    position: absolute;
    text-align: center;
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: none;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -moz-justify-content: center;
    justify-content: center;
}

    .button-writing-area-mobile .icon {
        -webkit-box-flex: 0;
        -moz-flex: 0 auto;
        -ms-flex: 0 auto;
        flex: 0 auto;
    }

        .button-writing-area-mobile .icon svg {
            width: 100px;
            height: 100px;
        }

    .button-writing-area-mobile .instruction {
        -webkit-box-flex: 0;
        -moz-flex: 0 auto;
        -ms-flex: 0 auto;
        flex: 0 auto;
        font-size: 32px;
    }

.button, .button-alt, .button-clear, .button-continue, .button-danger, .button-error, .button-info, .button-modal-cancel, .button-modal-cancel.button-continue, .button-modal-cancel.button-modal-confirm, .button-modal-confirm, .button-white, button:not([class^="_hj"]) {
    -webkit-transition-property: background-color;
    transition-property: background-color;
    min-height: 2.75rem;
    min-width: 12.5rem;
    outline-width: 0;
    background-color: #00b7b5;
    color: #fff;
    border-radius: 4px;
}

    .button-alt:focus, .button-clear:focus, .button-continue:focus, .button-danger:focus, .button-error:focus, .button-info:focus, .button-modal-cancel:focus, .button-modal-confirm:focus, .button-white:focus, .button:focus, button:focus {
        background-color: #00b7b5;
    }

    .button-alt:hover, .button-clear:hover, .button-continue:hover, .button-danger:hover, .button-error:hover, .button-info:hover, .button-modal-cancel:hover, .button-modal-confirm:hover, .button-white:hover, .button:hover, button:hover {
        background-color: #008483;
        color: #fff;
    }

    .button.full-width, .full-width.button-alt, .full-width.button-clear, .full-width.button-continue, .full-width.button-danger, .full-width.button-error, .full-width.button-info, .full-width.button-modal-cancel, .full-width.button-modal-confirm, .full-width.button-white, button.full-width {
        width: 100%;
    }

    .button[data-category=continue], .button[data-category=continue]:focus, [data-category=continue].button-alt, [data-category=continue].button-alt:focus, [data-category=continue].button-clear, [data-category=continue].button-clear:focus, [data-category=continue].button-continue, [data-category=continue].button-continue:focus, [data-category=continue].button-danger, [data-category=continue].button-danger:focus, [data-category=continue].button-error, [data-category=continue].button-error:focus, [data-category=continue].button-info, [data-category=continue].button-info:focus, [data-category=continue].button-modal-cancel, [data-category=continue].button-modal-cancel:focus, [data-category=continue].button-modal-confirm, [data-category=continue].button-modal-confirm:focus, [data-category=continue].button-white, [data-category=continue].button-white:focus, button[data-category=continue], button[data-category=continue]:focus {
        background-color: #00b7b5;
    }

        .button[data-category=continue]:hover, [data-category=continue].button-alt:hover, [data-category=continue].button-clear:hover, [data-category=continue].button-continue:hover, [data-category=continue].button-danger:hover, [data-category=continue].button-error:hover, [data-category=continue].button-info:hover, [data-category=continue].button-modal-cancel:hover, [data-category=continue].button-modal-confirm:hover, [data-category=continue].button-white:hover, button[data-category=continue]:hover {
            background-color: #008483;
        }

    .button[data-category=danger], .button[data-category=danger]:focus, [data-category=danger].button-alt, [data-category=danger].button-alt:focus, [data-category=danger].button-clear, [data-category=danger].button-clear:focus, [data-category=danger].button-continue, [data-category=danger].button-continue:focus, [data-category=danger].button-danger, [data-category=danger].button-danger:focus, [data-category=danger].button-error, [data-category=danger].button-error:focus, [data-category=danger].button-info, [data-category=danger].button-info:focus, [data-category=danger].button-modal-cancel, [data-category=danger].button-modal-cancel:focus, [data-category=danger].button-modal-confirm, [data-category=danger].button-modal-confirm:focus, [data-category=danger].button-white, [data-category=danger].button-white:focus, button[data-category=danger], button[data-category=danger]:focus {
        background-color: #e6176d;
    }

        .button[data-category=danger]:hover, [data-category=danger].button-alt:hover, [data-category=danger].button-clear:hover, [data-category=danger].button-continue:hover, [data-category=danger].button-danger:hover, [data-category=danger].button-error:hover, [data-category=danger].button-info:hover, [data-category=danger].button-modal-cancel:hover, [data-category=danger].button-modal-confirm:hover, [data-category=danger].button-white:hover, button[data-category=danger]:hover {
            background-color: #b81257;
        }

    .button[data-category=alt], .button[data-category=alt]:focus, [data-category=alt].button-alt, [data-category=alt].button-alt:focus, [data-category=alt].button-clear, [data-category=alt].button-clear:focus, [data-category=alt].button-continue, [data-category=alt].button-continue:focus, [data-category=alt].button-danger, [data-category=alt].button-danger:focus, [data-category=alt].button-error, [data-category=alt].button-error:focus, [data-category=alt].button-info, [data-category=alt].button-info:focus, [data-category=alt].button-modal-cancel, [data-category=alt].button-modal-cancel:focus, [data-category=alt].button-modal-confirm, [data-category=alt].button-modal-confirm:focus, [data-category=alt].button-white, [data-category=alt].button-white:focus, button[data-category=alt], button[data-category=alt]:focus {
        background-color: #ffd579;
    }

        .button[data-category=alt]:hover, [data-category=alt].button-alt:hover, [data-category=alt].button-clear:hover, [data-category=alt].button-continue:hover, [data-category=alt].button-danger:hover, [data-category=alt].button-error:hover, [data-category=alt].button-info:hover, [data-category=alt].button-modal-cancel:hover, [data-category=alt].button-modal-confirm:hover, [data-category=alt].button-white:hover, button[data-category=alt]:hover {
            background-color: #ffc546;
        }

    .button.white, .white.button-alt, .white.button-clear, .white.button-continue, .white.button-danger, .white.button-error, .white.button-info, .white.button-modal-cancel, .white.button-modal-confirm, .white.button-white, button.white {
        background-color: #fff;
        border: 2px solid #fff;
        color: #00265d;
    }

        .button.white:focus, .button.white:hover, .white.button-alt:focus, .white.button-alt:hover, .white.button-clear:focus, .white.button-clear:hover, .white.button-continue:focus, .white.button-continue:hover, .white.button-danger:focus, .white.button-danger:hover, .white.button-error:focus, .white.button-error:hover, .white.button-info:focus, .white.button-info:hover, .white.button-modal-cancel:focus, .white.button-modal-cancel:hover, .white.button-modal-confirm:focus, .white.button-modal-confirm:hover, .white.button-white:focus, .white.button-white:hover, button.white:focus, button.white:hover {
            background-color: #fff;
            color: #00265d;
        }

    .button.clear, .clear.button-alt, .clear.button-clear, .clear.button-continue, .clear.button-danger, .clear.button-error, .clear.button-info, .clear.button-modal-cancel, .clear.button-modal-confirm, .clear.button-white, button.clear {
        background-color: transparent;
        border: 2px solid #fff;
        color: #fff;
    }

        .button.clear:focus, .clear.button-alt:focus, .clear.button-clear:focus, .clear.button-continue:focus, .clear.button-danger:focus, .clear.button-error:focus, .clear.button-info:focus, .clear.button-modal-cancel:focus, .clear.button-modal-confirm:focus, .clear.button-white:focus, button.clear:focus {
            background-color: transparent;
        }

        .button.clear:hover, .clear.button-alt:hover, .clear.button-clear:hover, .clear.button-continue:hover, .clear.button-danger:hover, .clear.button-error:hover, .clear.button-info:hover, .clear.button-modal-cancel:hover, .clear.button-modal-confirm:hover, .clear.button-white:hover, button.clear:hover {
            background-color: #fff;
            color: rgba(0,0,0,.75);
        }

    .button.validation-error, .button.validation-error:focus, .validation-error.button-alt, .validation-error.button-alt:focus, .validation-error.button-clear, .validation-error.button-clear:focus, .validation-error.button-continue, .validation-error.button-continue:focus, .validation-error.button-danger, .validation-error.button-danger:focus, .validation-error.button-error, .validation-error.button-error:focus, .validation-error.button-info, .validation-error.button-info:focus, .validation-error.button-modal-cancel, .validation-error.button-modal-cancel:focus, .validation-error.button-modal-confirm, .validation-error.button-modal-confirm:focus, .validation-error.button-white, .validation-error.button-white:focus, button.validation-error, button.validation-error:focus {
        background-color: #e6176d;
    }

        .button.validation-error:hover, .validation-error.button-alt:hover, .validation-error.button-clear:hover, .validation-error.button-continue:hover, .validation-error.button-danger:hover, .validation-error.button-error:hover, .validation-error.button-info:hover, .validation-error.button-modal-cancel:hover, .validation-error.button-modal-confirm:hover, .validation-error.button-white:hover, button.validation-error:hover {
            background-color: #b81257;
        }

    .alert.button-alt, .alert.button-clear, .alert.button-continue, .alert.button-danger, .alert.button-error, .alert.button-info, .alert.button-modal-cancel, .alert.button-modal-confirm, .alert.button-white, .button.alert, button.alert {
        color: #fff;
    }

    .button.dropdown, .dropdown.button-alt, .dropdown.button-clear, .dropdown.button-continue, .dropdown.button-danger, .dropdown.button-error, .dropdown.button-info, .dropdown.button-modal-cancel, .dropdown.button-modal-confirm, .dropdown.button-white, button.dropdown {
        -khtml-background-size: 11px 7px;
        -ms-background-size: 11px 7px;
        background-size: 11px 7px;
        background-image: url(../images/icon_arrow_down_small_white.svg);
        background-repeat: no-repeat;
        background-position: right .75rem center;
    }

        .button.dropdown.open, .dropdown.open.button-alt, .dropdown.open.button-clear, .dropdown.open.button-continue, .dropdown.open.button-danger, .dropdown.open.button-error, .dropdown.open.button-info, .dropdown.open.button-modal-cancel, .dropdown.open.button-modal-confirm, .dropdown.open.button-white, button.dropdown.open {
            background-image: url(../images/icon_arrow_up_small_white.svg);
        }

    .button-info, .button-info:focus {
        background-color: #00265d;
    }

        .button-info:hover {
            background-color: #39517a;
        }

    .button-continue, .button-continue:focus, .button-modal-confirm, .button-modal-confirm:focus {
        background-color: #00b7b5;
    }

        .button-continue:hover, .button-modal-confirm:hover {
            background-color: #008483;
        }

    .button-danger, .button-danger:focus, .button-modal-cancel, .button-modal-cancel:focus {
        background-color: #e6176d;
    }

        .button-danger:hover, .button-modal-cancel:hover {
            background-color: #b81257;
        }

    .button-error, .button-error:focus {
        background-color: #e6176d;
    }

        .button-error:hover {
            background-color: #b81257;
        }

    .button-alt, .button-alt:focus {
        background-color: #ffd579;
    }

        .button-alt:hover {
            background-color: #ffc546;
        }

.button-clear {
    border: 2px solid #fff;
    color: #fff;
}

    .button-clear, .button-clear:focus {
        background-color: transparent;
    }

        .button-clear:hover {
            background-color: #fff;
            color: rgba(0,0,0,.75);
        }

.button-white {
    border: 2px solid #fff;
}

    .button-white, .button-white:focus, .button-white:hover {
        background-color: #fff;
        color: #00265d;
    }

        .button-white.dropdown {
            background-image: url(../images/icon_arrow_down.svg);
        }

            .button-white.dropdown.open {
                background-image: url(../images/icon_arrow_up.svg);
            }

.card-landing-section {
    width: 100%;
    padding: 0 3.125rem;
}

    .card-landing-section .content {
        display: -webkit-box;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-direction: normal;
        -webkit-box-orient: horizontal;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: distribute;
        -moz-justify-content: space-around;
        justify-content: space-around;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -moz-align-items: center;
        align-items: center;
        max-width: 1080px;
        width: auto !important;
        margin: 0 auto;
    }

    .card-landing-section .card-landing-image {
        -webkit-box-ordinal-group: 1;
        -moz-order: 0;
        -ms-flex-order: 0;
        order: 0;
        width: 50%;
    }

    .card-landing-section .card-landing-content {
        -webkit-box-ordinal-group: 2;
        -moz-order: 1;
        -ms-flex-order: 1;
        order: 1;
        width: 50%;
        text-align: center;
    }

        .card-landing-section .card-landing-content ul {
            margin: 0;
        }

        .card-landing-section .card-landing-content li {
            list-style-type: none;
        }

        .card-landing-section .card-landing-content a {
            color: #555;
            text-decoration: none;
        }

            .card-landing-section .card-landing-content a:hover {
                color: #00265d;
            }

        .card-landing-section .card-landing-content .card-landing-description {
            margin: 1.25rem 0;
            padding: 0 2.5rem;
        }

        .card-landing-section .card-landing-content .button, .card-landing-section .card-landing-content .button-alt, .card-landing-section .card-landing-content .button-clear, .card-landing-section .card-landing-content .button-continue, .card-landing-section .card-landing-content .button-danger, .card-landing-section .card-landing-content .button-error, .card-landing-section .card-landing-content .button-info, .card-landing-section .card-landing-content .button-modal-cancel, .card-landing-section .card-landing-content .button-modal-confirm, .card-landing-section .card-landing-content .button-white {
            border-color: #555;
        }

            .card-landing-section .card-landing-content .button-alt:hover, .card-landing-section .card-landing-content .button-clear:hover, .card-landing-section .card-landing-content .button-continue:hover, .card-landing-section .card-landing-content .button-danger:hover, .card-landing-section .card-landing-content .button-error:hover, .card-landing-section .card-landing-content .button-info:hover, .card-landing-section .card-landing-content .button-modal-cancel:hover, .card-landing-section .card-landing-content .button-modal-confirm:hover, .card-landing-section .card-landing-content .button-white:hover, .card-landing-section .card-landing-content .button:hover {
                color: #fff;
                background-color: #555;
            }

    .card-landing-section.left .card-landing-image {
        -webkit-box-ordinal-group: 2;
        -moz-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }

    .card-landing-section.left .card-landing-content {
        -webkit-box-ordinal-group: 1;
        -moz-order: 0;
        -ms-flex-order: 0;
        order: 0;
    }

@media only screen and (min-width:42.0625em) and (max-width:64em) {
    .card-landing-section {
        padding: 2.5rem 2.5rem 0;
    }

        .card-landing-section .card-landing-content {
            padding-bottom: 2.5rem;
        }
}

@media only screen and (max-width:42em) {
    .card-landing-section .content {
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 1.25rem 0 0;
    }

    .card-landing-section .card-landing-image {
        -webkit-box-ordinal-group: 2;
        -moz-order: 1;
        -ms-flex-order: 1;
        order: 1;
        width: 75%;
        margin-top: .625rem;
    }

    .card-landing-section .card-landing-content {
        width: 100%;
        margin-bottom: 2.5rem;
        -webkit-box-ordinal-group: 3;
        -moz-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }

        .card-landing-section .card-landing-content .button, .card-landing-section .card-landing-content .button-alt, .card-landing-section .card-landing-content .button-clear, .card-landing-section .card-landing-content .button-continue, .card-landing-section .card-landing-content .button-danger, .card-landing-section .card-landing-content .button-error, .card-landing-section .card-landing-content .button-info, .card-landing-section .card-landing-content .button-modal-cancel, .card-landing-section .card-landing-content .button-modal-confirm, .card-landing-section .card-landing-content .button-white {
            margin: .625rem 0 0;
        }

    .card-landing-section.left .card-landing-image {
        -webkit-box-ordinal-group: 2;
        -moz-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }

    .card-landing-section.left .card-landing-content {
        -webkit-box-ordinal-group: 3;
        -moz-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }
}

.card-thumb-image {
    position: relative;
    text-align: center;
}

    .card-thumb-image:before {
        display: block;
        content: "";
        width: 100%;
        padding-top: 100%;
    }

    .card-thumb-image > .content {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .card-thumb-image .card-image, .card-thumb-image .fold {
        -webkit-transform: translate(-50%);
        -khtml-transform: translate(-50%);
        transform: translate(-50%);
        -webkit-box-shadow: 0 0 4px rgba(0,0,0,.5);
        -ms-box-shadow: 0 0 4px rgba(0,0,0,.5);
        -o-box-shadow: 0 0 4px rgba(0,0,0,.5);
        box-shadow: 0 0 4px rgba(0,0,0,.5);
        position: absolute;
        bottom: 0;
        left: 50%;
        color: transparent;
    }

.vertical .card-thumb-image .card-image, .vertical .card-thumb-image .fold {
    height: 100%;
}

.card-thumb-image .card-image.lazy, .card-thumb-image .fold.lazy {
    -webkit-transition: opacity .3s ease-in 0s;
    transition: opacity .3s ease-in 0s;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
}

    .card-thumb-image .card-image.lazy[src^="data:"], .card-thumb-image .fold.lazy[src^="data:"] {
        filter: alpha(opacity=0);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-opacity: 0;
        -khtml-opacity: 0;
        -moz-opacity: 0;
        -ms-opacity: 0;
        -o-opacity: 0;
        opacity: 0;
    }

.card-thumb-image.horizontal .card-image {
    width: 100%;
    top: 61%;
}

.card-thumb-image.vertical .card-image {
    height: 100%;
}

.fold {
    -webkit-transform: none;
    transform: none;
    -webkit-transition: -webkit-transform .5s ease-out;
    transition: -webkit-transform .5s ease-out;
    transition: transform .5s ease-out;
    transition: transform .5s ease-out,-webkit-transform .5s ease-out;
}

.white .fold {
    background: #e6e6e6;
}

.brown .fold {
    background: #cfc7b6;
}

.cream .fold {
    background: #eae9d6;
}

.horizontal .fold {
    -webkit-transform: translate(-50%) scaleY(.95) skewX(-1.5deg);
    -khtml-transform: translate(-50%) scaleY(.95) skewX(-1.5deg);
    width: 100%;
    height: 77.33333333%;
    left: 49%;
    bottom: 0;
    transform: translate(-50%) scaleY(.95) skewX(-1.5deg);
}

    .horizontal .fold .fold-content {
        width: 100%;
        height: 100%;
    }

.horizontal:hover .fold {
    -webkit-transform: translate(-51%,-2%) scaleY(.9) skewX(-4deg);
    transform: translate(-51%,-2%) scaleY(.9) skewX(-4deg);
}

.vertical .fold {
    width: 77.33333333%;
    height: 100%;
    left: 49%;
    top: 49%;
    -webkit-transform: translate(-50%,-50%) scaleX(.95) skewY(-1.5deg);
    transform: translate(-50%,-50%) scaleX(.95) skewY(-1.5deg);
}

    .vertical .fold .fold-content {
        width: 100%;
        height: 100%;
    }

.vertical:hover .fold {
    -webkit-transform: translate(-52%,-51%) scaleX(.9) skewY(-4deg);
    transform: translate(-52%,-51%) scaleX(.9) skewY(-4deg);
}

.cart-item {
    color: #00265d;
    font-size: 1.125rem;
    margin-bottom: .5rem;
}

    .cart-item:after, .cart-item:before {
        content: " ";
        display: table;
    }

    .cart-item:after {
        clear: both;
    }

    .cart-item.promo-code {
        color: #e6176d;
    }

    .cart-item .label {
        font-family: brandongrotesque-regular,sans-serif;
        letter-spacing: normal;
        background: transparent;
        color: inherit;
        float: left;
        font-size: inherit;
        line-height: inherit;
        padding: 0;
        text-align: left;
    }

        .cart-item .label .quantity {
            font-family: brandongrotesque-bold,sans-serif;
            font-feature-settings: "kern";
            -webkit-font-feature-settings: "kern";
            -moz-font-feature-settings: "kern";
            -moz-font-feature-settings: "kern=1";
            letter-spacing: .01em;
        }

    .cart-item .cost {
        float: right;
        font-size: inherit;
        text-align: right;
    }

    .cart-item.cart-total, .cart-item.cart-total .label {
        font-family: brandongrotesque-bold,sans-serif;
        font-feature-settings: "kern";
        -webkit-font-feature-settings: "kern";
        -moz-font-feature-settings: "kern";
        -moz-font-feature-settings: "kern=1";
        letter-spacing: .01em;
    }

/*input[type=checkbox] {
    display: none;
}*/

    input[type=checkbox] + label {
        display: inline-block;
        white-space: nowrap;
        font-size: 1.125rem;
        margin: 0;
    }

    input[type=checkbox]:checked + label:before {
        background: url(../images/icon_checkbox_on.svg) no-repeat 50%;
        background-size: contain;
    }

    input[type=checkbox] + label:before {
        content: " ";
        display: inline-block;
        height: 1rem;
        width: 1rem;
        margin-right: 8px;
        vertical-align: middle;
        background: url(../images/icon_checkbox_off.svg) no-repeat 50%;
        background-size: contain;
        position: relative;
        top: -2px;
    }

.compose-sub-nav-header {
    height: 4.375rem;
}

    .compose-sub-nav-header .subnav-title {
        display: inline-block;
        width: 75%;
        overflow: hidden;
        margin: 0;
        font-family: brandongrotesque-bold,sans-serif;
        font-feature-settings: "kern";
        -webkit-font-feature-settings: "kern";
        -moz-font-feature-settings: "kern";
        -moz-font-feature-settings: "kern=1";
        letter-spacing: .01em;
        font-size: 1.25rem;
        color: #00265d;
        line-height: 4.375rem;
        text-overflow: ellipsis;
        text-transform: none;
        white-space: nowrap;
    }

@media only screen and (min-width:42.0625em) and (max-width:64em) {
    .compose-sub-nav-header .subnav-title {
        width: 60%;
    }
}

.compose-sub-nav-header img {
    height: 48px;
    margin: 11px 10px 0 0;
    vertical-align: top;
    background-color: #fff;
    border: 1px solid #e8e8e8;
}

    .compose-sub-nav-header img.cart-icon {
        height: 24px;
        margin: 21px 10px 0 20px;
        border: 0;
        background-color: transparent;
    }

@media only screen and (max-width:42em) {
    .compose-sub-nav-header {
        border: none;
        height: 2.8125rem;
        padding: 0;
    }

        .compose-sub-nav-header img {
            position: absolute;
            top: .625rem;
            left: .625rem;
            margin: 0;
            padding: 0;
            height: 24px;
        }

        .compose-sub-nav-header .subnav-title {
            font-size: 1.125rem;
            line-height: 2.8125rem;
            width: 100%;
            top: 0;
            left: 0;
            overflow: hidden;
            margin: 0;
            text-align: center;
            text-overflow: ellipsis;
            vertical-align: top;
            white-space: nowrap;
        }
}

#carts .compose-sub-nav-header .subnav-title {
    width: auto;
    top: 0;
    left: 0;
    overflow: hidden;
    margin: 0;
    padding: 0;
    text-align: left;
    text-overflow: ellipsis;
    vertical-align: top;
    white-space: nowrap;
}

@media only screen and (max-width:42em) {
    #carts .compose-sub-nav-header .subnav-title {
        width: 100%;
        text-align: center;
    }
}

textarea.customize-field.onerow {
    height: 3.75rem;
}

textarea.customize-field.tworow {
    height: 4.6875rem;
}

textarea.customize-field.threerow {
    height: 5.625rem;
}

textarea.customize-field.fourrow {
    height: 6.5625rem;
}

textarea.customize-field.fiverow {
    height: 7.5rem;
}

.dotted-divider {
    width: 40%;
    height: 20px;
    margin: 1.25rem auto;
    background-image: url("../images/dotted_divider.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    border: none;
}

@media only screen and (min-width:42.0625em) and (max-width:64em) {
    .dotted-divider {
        width: 80%;
        height: 40px;
    }
}

@media only screen and (max-width:42em) {
    .dotted-divider {
        width: 90%;
        height: 40px;
    }
}

.dotted-divider-vertical {
    width: 6px;
    height: 175px;
    margin: 0 2.5rem;
    background-image: url("../images/dotted_divider_vertical.svg");
    background-repeat: no-repeat;
}

@-webkit-keyframes heartbeat {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    10% {
        -webkit-transform: scale(.2);
        transform: scale(.2);
    }

    20% {
        -webkit-transform: scale(.4);
        transform: scale(.4);
    }

    30% {
        -webkit-transform: scale(.6);
        transform: scale(.6);
    }

    40% {
        -webkit-transform: scale(.8);
        transform: scale(.8);
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    60% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    80% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes heartbeat {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    10% {
        -webkit-transform: scale(.2);
        transform: scale(.2);
    }

    20% {
        -webkit-transform: scale(.4);
        transform: scale(.4);
    }

    30% {
        -webkit-transform: scale(.6);
        transform: scale(.6);
    }

    40% {
        -webkit-transform: scale(.8);
        transform: scale(.8);
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    60% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    80% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.favorite-toggle svg {
    width: 20px;
}

    .favorite-toggle svg path {
        fill: #eff3fa;
    }

.favorite-toggle.active {
    -webkit-animation: heartbeat .2s normal;
    animation: heartbeat .2s normal;
}

    .favorite-toggle.active svg path {
        fill: #e6176d;
    }

@media only screen and (min-width:42.0625em) {
    .favorite-toggle:not(.active):hover svg path {
        fill: #f6a0c4;
    }
}

.footer-divider {
    z-index: 300;
    position: relative;
    width: 100%;
    height: .625rem;
    margin-top: -10px;
    background-image: url("../images/cobrand_contact_border.svg");
    background-repeat: repeat-x;
    background-size: 44px 10px;
}

.jump-to-top {
    bottom: 50px;
    opacity: 0;
    position: fixed;
    right: 25px;
    -webkit-transform: scale(.95) translate3d(0,100%,0);
    transform: scale(.95) translate3d(0,100%,0);
    -webkit-transition: opacity .4s ease,-webkit-transform .4s ease;
    transition: opacity .4s ease,-webkit-transform .4s ease;
    transition: transform .4s ease,opacity .4s ease;
    transition: transform .4s ease,opacity .4s ease,-webkit-transform .4s ease;
    z-index: 1000;
}

    .jump-to-top svg {
        border-radius: 50%;
        -webkit-filter: drop-shadow(0 0 2px rgba(0,0,0,.3));
        filter: drop-shadow(0 0 2px rgba(0,0,0,.3));
        height: 48px;
        width: 48px;
    }

    .jump-to-top:hover svg > g > circle {
        -webkit-transition: fill .3s;
        transition: fill .3s;
        fill: #008483;
    }

.jump-to-top--active {
    opacity: 1;
}

.jump-to-top--active, .jump-to-top--inactive {
    -webkit-transform: scale(1) translateZ(0);
    transform: scale(1) translateZ(0);
}

.jump-to-top--inactive {
    opacity: 0;
}

.link-panel {
    font-size: 20px;
    line-height: 20px;
    text-align: center;
    padding: .35rem 1rem 1rem;
}

    .link-panel > p {
        text-align: inherit;
        margin: 0;
    }

.logo {
    margin: 0;
    position: relative;
    top: -5px;
}

@media only screen and (max-width:42em) {
    .logo {
        margin: 0 auto;
        text-align: center;
        top: 0;
    }
}

.logo .logo-small {
    height: 26px;
}

@media only screen and (max-width:42em) {
    .logo .logo-small {
        display: inline-block !important;
    }
}

.logo .logo-small svg {
    display: block;
    position: relative;
    margin: 0 auto;
    height: 100%;
}

.mobile-menu-option {
    color: #00265d;
    text-align: center;
    margin-bottom: 4vh;
    margin-top: 1vh;
    cursor: pointer;
}

    .mobile-menu-option .mobile-menu-link {
        color: inherit;
        font-family: brandongrotesque-bold,sans-serif;
        font-feature-settings: "kern";
        -webkit-font-feature-settings: "kern";
        -moz-font-feature-settings: "kern";
        -moz-font-feature-settings: "kern=1";
        letter-spacing: .01em;
        font-size: 1.25rem;
    }

/*.paper-color {
    z-index: 500;
    position: absolute;
    width: 100%;
    height: 100%;
}

    .paper-color.white, .paper-color[data-color=white], .white .paper-color, [data-color=white] .paper-color {
        
        background:url(../../Banners/static/images/card_bg_white.png)
    }

    .cream .paper-color, .paper-color.cream, .paper-color[data-color=cream], [data-color=cream] .paper-color {
        background: url(../../Banners/static/images/card_bg_cream.png) repeat;
    }

    .brown .paper-color, .paper-color.brown, .paper-color[data-color=brown], [data-color=brown] .paper-color {
        background: url(../../Banners/static/images/bag.gif) repeat;
    }*/

.photo-customizer-placeholder-upload-button {
    position: relative;
}

    .photo-customizer-placeholder-upload-button .icon {
        position: relative;
        margin: 0 auto;
        line-height: 0;
    }

        .photo-customizer-placeholder-upload-button .icon svg {
            width: 100%;
            height: 100%;
        }

        .photo-customizer-placeholder-upload-button .icon:hover svg > circle {
            -webkit-transition: fill .3s;
            transition: fill .3s;
            fill: #008483;
        }

    .photo-customizer-placeholder-upload-button .progress-animation {
        position: absolute;
        visibility: hidden;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        margin: 0 auto;
        padding: 13%;
        border-radius: 100%;
        background: #00b7b5;
        border: 3px solid #00265d;
        display: -webkit-box;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: none;
        flex-wrap: nowrap;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -moz-justify-content: center;
        justify-content: center;
    }

        .photo-customizer-placeholder-upload-button .progress-animation .three-dots {
            position: relative;
            width: 100%;
            height: auto;
        }

.in-progress .photo-customizer-placeholder-upload-button .progress-animation {
    visibility: visible;
}

.price-hero {
    text-align: center;
}

    .price-hero .price-amount {
        color: inherit;
        font-weight: 100;
        font-size: 160px;
    }

    .price-hero .price-description {
        color: inherit;
        font-size: 2.5rem;
    }

.quote-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 6.25rem 0;
    text-align: center;
    background-color: #fff;
    /*background-image: url("../images/cobrand_quote.svg");*/
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 300px;
}

    .quote-block .quote-content {
        color: #00265d;
        font-family: brandongrotesque-regular,sans-serif;
        letter-spacing: normal;
        text-transform: none;
        max-width: 80%;
        margin: 0 auto;
        font-size: 3.125rem;
    }

    .quote-block .quote-source {
        font-family: brandongrotesque-bold,sans-serif;
        font-feature-settings: "kern";
        -webkit-font-feature-settings: "kern";
        -moz-font-feature-settings: "kern";
        -moz-font-feature-settings: "kern=1";
        letter-spacing: .01em;
        text-transform: none;
        font-size: 1.5rem;
    }

@media only screen and (min-width:42.0625em) and (max-width:64em) {
    .quote-block {
        padding: 3.125rem 0;
    }
}

@media only screen and (max-width:42em) {
    .quote-block {
        padding: 3.125rem 0;
    }

        .quote-block .quote-content {
            font-size: 1.875rem;
        }

        .quote-block .quote-source {
            font-size: 1.125rem;
        }
}

.radio-button-paper-color {
    margin: 0 auto;
    max-width: 75rem;
    width: 100%;
    padding: 1rem 1rem 1rem 3.5rem;
    border-top: 1px solid #f0f5fb;
    cursor: pointer;
    white-space: nowrap;
    background: url(../images/icon_radio_off.svg) no-repeat 1rem;
    background-size: 1rem 1rem;
    font-size: 1.125rem;
    position: relative;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

    .radio-button-paper-color:after, .radio-button-paper-color:before {
        content: " ";
        display: table;
    }

    .radio-button-paper-color:after {
        clear: both;
    }

    .radio-button-paper-color .icon {
        display: inline-block;
        width: 67px;
        height: 50px;
        margin-right: 10%;
        padding-top: 0;
        vertical-align: middle;
    }

@media only screen and (min-width:42.0625em) and (max-width:64em) {
    .radio-button-paper-color .icon {
        margin-right: 1.25rem;
    }
}

.radio-button-paper-color .info {
    display: inline-block;
    font-size: 14px;
    max-width: 55%;
    vertical-align: middle;
}

@media only screen and (min-width:42.0625em) and (max-width:64em) {
    .radio-button-paper-color .info {
        max-width: 40%;
    }
}

.radio-button-paper-color .title {
    font-size: 22px;
}

.radio-button-paper-color.selected {
    background-color: #ffd579;
    background-image: url(../images/icon_radio_on.svg);
}

@media only screen and (min-width:42.0625em) {
    .radio-button-paper-color:hover {
        background-color: rgba(255,213,121,.5);
    }
}

.radio-button-paper-color.disabled {
    background-color: #e8e8e8 !important;
    color: #555;
}

.radio-button-paper-color .swatch {
    position: absolute;
    top: .875rem;
    right: 1rem;
    border-radius: 3px;
    border: 3px solid #c0eded;
    width: 2.125rem;
    height: 2.125rem;
}

.radio-button-paper-color.selected .swatch {
    border-color: #00b7b5;
}

.radio-button {
    margin: 0 auto;
    max-width: 75rem;
    width: 100%;
    padding: 1rem 1rem 1rem 3.5rem;
    border-top: 1px solid #f0f5fb;
    cursor: pointer;
    white-space: nowrap;
    background: url(../images/icon_radio_off.svg) no-repeat 1rem;
    background-size: 1rem 1rem;
    font-size: 1.125rem;
}

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

    .radio-button:after {
        clear: both;
    }

    .radio-button .icon {
        display: inline-block;
        width: 67px;
        height: 50px;
        margin-right: 10%;
        padding-top: 0;
        vertical-align: middle;
    }

@media only screen and (min-width:42.0625em) and (max-width:64em) {
    .radio-button .icon {
        margin-right: 1.25rem;
    }
}

.radio-button .info {
    display: inline-block;
    font-size: 14px;
    max-width: 55%;
    vertical-align: middle;
}

@media only screen and (min-width:42.0625em) and (max-width:64em) {
    .radio-button .info {
        max-width: 40%;
    }
}

.radio-button .title {
    font-size: 22px;
}

.radio-button.selected {
    background-color: #ffd579;
    background-image: url(../images/icon_radio_on.svg);
}

@media only screen and (min-width:42.0625em) {
    .radio-button:hover {
        background-color: rgba(255,213,121,.5);
    }
}

.radio-button.disabled {
    background-color: #e8e8e8 !important;
    color: #555;
}

.section-description {
    font-size: 1.375rem;
    text-align: left;
    margin-bottom: 1.875rem;
    padding: 0;
}

@media only screen and (max-width:42em) {
    .section-description {
        text-align: center;
        width: 100%;
    }
}

@media only screen and (min-width:42.0625em) {
    .section-description {
        width: 83.33333333%;
    }
}

@media only screen and (min-width:64.0625em) {
    .section-description {
        width: 66.66666667%;
    }
}

.section-header {
    font-size: 2.75rem;
    text-align: center;
    margin-bottom: 1rem;
    margin-top: 0;
}

@media only screen and (max-width:42em) {
    .section-header {
        font-size: 2.125rem;
    }
}

.section-title {
    margin: 0 auto;
    max-width: 75rem;
    width: 100%;
}

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

    .section-title:after {
        clear: both;
    }

    .section-title .h3, .section-title h3 {
        padding-left: .9375rem;
        padding-right: .9375rem;
        width: 100%;
        float: left;
        font-family: brandongrotesque-bold,sans-serif;
        font-feature-settings: "kern";
        -webkit-font-feature-settings: "kern";
        -moz-font-feature-settings: "kern";
        -moz-font-feature-settings: "kern=1";
        letter-spacing: .01em;
        font-size: 1.375rem;
        text-transform: none;
    }

        .section-title .h3 a, .section-title h3 a {
            color: #00265d;
        }

            .section-title .h3 a:hover, .section-title h3 a:hover {
                color: #00b7b5;
            }

                .section-title .h3 a:hover svg polyline, .section-title h3 a:hover svg polyline {
                    stroke: #00b7b5;
                }

        .section-title .h3 small, .section-title .h3 small a, .section-title h3 small, .section-title h3 small a {
            color: #00b7b5;
            font-family: brandongrotesque-regular,sans-serif;
            letter-spacing: normal;
            font-size: inherit;
        }

.spinner-button {
    display: block;
    margin: 0 auto;
    max-width: 50px;
}

.photo-customizer-card .spinner-button {
    display: block;
    margin: 0 auto;
    width: 138px;
    height: 138px;
    background-color: #8bc441;
    border-radius: 138px;
}

.tab-button {
    font-size: 1.375rem;
    font-family: helveticarounded-std,brandongrotesque-regular,sans-serif;
    font-feature-settings: "kern";
    -webkit-font-feature-settings: "kern";
    -moz-font-feature-settings: "kern";
    -moz-font-feature-settings: "kern=1";
    letter-spacing: .01em;
    letter-spacing: .07em;
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
    background-color: rgba(0,38,93,.8);
    color: hsla(0,0%,100%,.5);
    cursor: pointer;
    display: block;
    padding: .438rem 1rem;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}

    .tab-button .h4, .tab-button h4 {
        color: inherit !important;
        font-size: inherit !important;
        margin: 0;
    }

.active.tab-button {
    background: #00265d;
    color: #fff;
}

    .active.tab-button:before {
        border: 8px solid transparent;
        border-bottom-color: #f0f5fb;
        margin-left: -8px;
    }

    .active.tab-button:after, .active.tab-button:before {
        bottom: -1px;
        content: " ";
        height: 0;
        left: 50%;
        pointer-events: none;
        position: absolute;
        width: 0;
    }

    .active.tab-button:after {
        border: 7px solid transparent;
        border-bottom-color: #fff;
        margin-left: -7px;
    }

.tab-button:hover {
    background: #00112a;
    color: #fff;
}

.tab-button .label {
    border-radius: 8px;
    display: inline-block;
    height: 16px;
    min-width: 16px;
    font-size: 10px;
    text-align: center;
    font-family: brandongrotesque-bold,sans-serif;
    font-feature-settings: "kern";
    -webkit-font-feature-settings: "kern";
    -moz-font-feature-settings: "kern";
    -moz-font-feature-settings: "kern=1";
    letter-spacing: .01em;
    vertical-align: middle;
    padding: 0 4px;
    line-height: 16px;
    -webkit-transform: translateY(-50%);
    -khtml-transform: translateY(-50%);
    transform: translateY(-50%);
    letter-spacing: 0;
    position: absolute;
    top: 50%;
    right: .625rem;
}

.only-tab.tab-button {
    cursor: default;
}

    .only-tab.tab-button:after, .only-tab.tab-button:before {
        display: none;
    }

    .only-tab.tab-button:hover {
        background: #00265d;
        color: #fff;
    }

.has-instructions.tab-button:after, .has-instructions.tab-button:before {
    border-bottom-color: #ffd579;
}

.tab-instructions {
    background-color: #ffd579;
    height: 45px;
    position: relative;
    text-align: center;
}

    .tab-instructions span {
        -webkit-transform: translateY(-50%);
        -khtml-transform: translateY(-50%);
        transform: translateY(-50%);
        font-size: 1.125rem;
        left: 0;
        position: absolute;
        top: 50%;
        width: 100%;
    }

.toast-title {
    font-weight: 700;
}

.toast-message {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

    .toast-message a, .toast-message label {
        color: #fff;
    }

        .toast-message a:hover {
            color: #ccc;
            text-decoration: none;
        }

.toast-close-button {
    position: relative;
    right: -.3em;
    top: -.3em;
    float: right;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    -webkit-text-shadow: 0 1px 0 #fff;
    text-shadow: 0 1px 0 #fff;
    opacity: .8;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80);
}

    .toast-close-button:focus, .toast-close-button:hover {
        color: #000;
        text-decoration: none;
        cursor: pointer;
        opacity: .4;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
        filter: alpha(opacity=40);
    }

button.toast-close-button {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}

.toast-top-center {
    top: 0;
    right: 0;
    width: 100%;
}

.toast-bottom-center {
    bottom: 0;
    right: 0;
    width: 100%;
}

.toast-top-full-width {
    top: 0;
    right: 0;
    width: 100%;
}

.toast-bottom-full-width {
    bottom: 0;
    right: 0;
    width: 100%;
}

.toast-top-left {
    top: 12px;
    left: 12px;
}

.toast-top-right {
    top: 12px;
    right: 12px;
}

.toast-bottom-right {
    right: 12px;
    bottom: 12px;
}

.toast-bottom-left {
    bottom: 12px;
    left: 12px;
}

#toast-container {
    position: fixed;
    z-index: 999999;
}

    #toast-container * {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    #toast-container > div {
        position: relative;
        overflow: hidden;
        margin: 0 0 6px;
        padding: 10px;
        width: 300px;
        border-radius: 3px 3px 3px 3px;
        color: #00265d;
        text-align: center;
    }

    #toast-container > :hover {
        cursor: pointer;
    }

    #toast-container.toast-bottom-center > div, #toast-container.toast-top-center > div {
        width: 300px;
        margin: auto;
    }

    #toast-container.toast-bottom-full-width > div, #toast-container.toast-top-full-width > div {
        width: 96%;
        margin: auto;
    }

.toast {
    background-color: #ffd579;
    color: #00265d;
}

.toast-error {
    background-color: #e6176d;
    color: #fff;
}

.toast-progress {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4px;
    background-color: #000;
    opacity: .4;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    filter: alpha(opacity=40);
}

@media (max-width:240px) {
    #toast-container > div {
        padding: 8px 8px 8px 50px;
        width: 11em;
    }

    #toast-container .toast-close-button {
        right: -.2em;
        top: -.2em;
    }
}

@media (min-width:241px) and (max-width:480px) {
    #toast-container > div {
        padding: 8px 8px 8px 50px;
        width: 18em;
    }

    #toast-container .toast-close-button {
        right: -.2em;
        top: -.2em;
    }
}

@media (min-width:481px) and (max-width:768px) {
    #toast-container > div {
        padding: 15px 15px 15px 50px;
        width: 25em;
    }
}

.toggle {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center;
    display: block;
    margin-bottom: 2rem;
}

    .toggle .slider-label {
        font-family: brandongrotesque-bold,sans-serif;
        font-feature-settings: "kern";
        -webkit-font-feature-settings: "kern";
        -moz-font-feature-settings: "kern";
        -moz-font-feature-settings: "kern=1";
        letter-spacing: .01em;
        color: rgba(0,38,93,.5);
        cursor: pointer;
        font-size: 1.125rem;
        line-height: 1.25rem;
    }

        .toggle .slider-label.active {
            color: #00265d;
        }

    .toggle .slider-label-left {
        padding-right: 1rem;
        text-align: right;
    }

    .toggle .slider-label-right {
        padding-left: 1rem;
        text-align: left;
    }

.tooltip {
    display: inline-block;
    vertical-align: top;
}

    .tooltip.help-icon {
        height: 14px;
        width: 14px;
    }

        .tooltip.help-icon svg circle {
            -webkit-transition: .35s;
            transition: .35s;
            -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out;
        }

        .tooltip.help-icon svg:hover circle {
            fill: #00b7b5;
        }

.tooltipster-base {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    pointer-events: none;
    position: absolute;
}

.tooltipster-box {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.tooltipster-content {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-height: 100%;
    max-width: 100%;
    overflow: auto;
}

.tooltipster-ruler {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    visibility: hidden;
}

.tooltipster-fade {
    opacity: 0;
    -webkit-transition-property: opacity;
    transition-property: opacity;
}

    .tooltipster-fade.tooltipster-show {
        opacity: 1;
    }

.tooltipster-grow {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-backface-visibility: hidden;
}

    .tooltipster-grow.tooltipster-show {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transition-timing-function: cubic-bezier(.175,.885,.32,1);
        -webkit-transition-timing-function: cubic-bezier(.175,.885,.32,1.15);
        transition-timing-function: cubic-bezier(.175,.885,.32,1.15);
    }

.tooltipster-swing {
    opacity: 0;
    -webkit-transform: rotate(4deg);
    transform: rotate(4deg);
    -webkit-transition-property: -webkit-transform,opacity;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
}

    .tooltipster-swing.tooltipster-show {
        opacity: 1;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition-timing-function: cubic-bezier(.23,.635,.495,1);
        -webkit-transition-timing-function: cubic-bezier(.23,.635,.495,2.4);
        transition-timing-function: cubic-bezier(.23,.635,.495,2.4);
    }

.tooltipster-fall {
    -webkit-transition-property: top;
    transition-property: top;
    -webkit-transition-timing-function: cubic-bezier(.175,.885,.32,1);
    -webkit-transition-timing-function: cubic-bezier(.175,.885,.32,1.15);
    transition-timing-function: cubic-bezier(.175,.885,.32,1.15);
}

    .tooltipster-fall.tooltipster-initial {
        top: 0 !important;
    }

    .tooltipster-fall.tooltipster-dying {
        -webkit-transition-property: all;
        transition-property: all;
        top: 0 !important;
        opacity: 0;
    }

.tooltipster-slide {
    -webkit-transition-property: left;
    transition-property: left;
    -webkit-transition-timing-function: cubic-bezier(.175,.885,.32,1);
    -webkit-transition-timing-function: cubic-bezier(.175,.885,.32,1.15);
    transition-timing-function: cubic-bezier(.175,.885,.32,1.15);
}

    .tooltipster-slide.tooltipster-initial {
        left: -40px !important;
    }

    .tooltipster-slide.tooltipster-dying {
        -webkit-transition-property: all;
        transition-property: all;
        left: 0 !important;
        opacity: 0;
    }

@-webkit-keyframes tooltipster-fading {
    0% {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes tooltipster-fading {
    0% {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.tooltipster-update-fade {
    -webkit-animation: tooltipster-fading .4s;
    animation: tooltipster-fading .4s;
}

@-webkit-keyframes tooltipster-rotating {
    25% {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg);
    }

    75% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg);
    }

    to {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
}

@keyframes tooltipster-rotating {
    25% {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg);
    }

    75% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg);
    }

    to {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
}

.tooltipster-update-rotate {
    -webkit-animation: tooltipster-rotating .6s;
    animation: tooltipster-rotating .6s;
}

@-webkit-keyframes tooltipster-scaling {
    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes tooltipster-scaling {
    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.tooltipster-update-scale {
    -webkit-animation: tooltipster-scaling .6s;
    animation: tooltipster-scaling .6s;
}

.tooltipster-sidetip .tooltipster-box {
    background: #565656;
    border: 2px solid #000;
    border-radius: 4px;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-box {
    margin-top: 8px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-box {
    margin-right: 8px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-box {
    margin-left: 8px;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-box {
    margin-bottom: 8px;
}

.tooltipster-sidetip .tooltipster-content {
    color: #fff;
    line-height: 18px;
    padding: 6px 14px;
}

.tooltipster-sidetip .tooltipster-arrow {
    overflow: hidden;
    position: absolute;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow {
    height: 10px;
    margin-left: -10px;
    top: 0;
    width: 20px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow {
    height: 20px;
    margin-top: -10px;
    right: 0;
    top: 0;
    width: 10px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow {
    height: 20px;
    margin-top: -10px;
    left: 0;
    top: 0;
    width: 10px;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow {
    bottom: 0;
    height: 10px;
    margin-left: -10px;
    width: 20px;
}

.tooltipster-sidetip .tooltipster-arrow-background, .tooltipster-sidetip .tooltipster-arrow-border {
    height: 0;
    position: absolute;
    width: 0;
}

.tooltipster-sidetip .tooltipster-arrow-background {
    border: 10px solid transparent;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
    border-bottom-color: #565656;
    left: 0;
    top: 3px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
    border-left-color: #565656;
    left: -3px;
    top: 0;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
    border-right-color: #565656;
    left: 3px;
    top: 0;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
    border-top-color: #565656;
    left: 0;
    top: -3px;
}

.tooltipster-sidetip .tooltipster-arrow-border {
    border: 10px solid transparent;
    left: 0;
    top: 0;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
    border-bottom-color: #000;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
    border-left-color: #000;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
    border-right-color: #000;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
    border-top-color: #000;
}

.tooltipster-sidetip .tooltipster-arrow-uncropped {
    position: relative;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped {
    top: -10px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped {
    left: -10px;
}

.tooltipster-follower.tooltipster-postable .tooltipster-box, .tooltipster-sidetip.tooltipster-postable .tooltipster-box {
    border: none;
    background: #ffd579;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.2);
    -ms-box-shadow: 0 0 5px rgba(0,0,0,.2);
    -o-box-shadow: 0 0 5px rgba(0,0,0,.2);
    box-shadow: 0 0 5px rgba(0,0,0,.2);
    border-radius: 4px;
}

.tooltipster-follower.tooltipster-postable.tooltipster-bottom .tooltipster-box, .tooltipster-sidetip.tooltipster-postable.tooltipster-bottom .tooltipster-box {
    margin-top: 6px;
}

.tooltipster-follower.tooltipster-postable.tooltipster-left .tooltipster-box, .tooltipster-sidetip.tooltipster-postable.tooltipster-left .tooltipster-box {
    margin-right: 6px;
}

.tooltipster-follower.tooltipster-postable.tooltipster-right .tooltipster-box, .tooltipster-sidetip.tooltipster-postable.tooltipster-right .tooltipster-box {
    margin-left: 6px;
}

.tooltipster-follower.tooltipster-postable.tooltipster-top .tooltipster-box, .tooltipster-sidetip.tooltipster-postable.tooltipster-top .tooltipster-box {
    margin-bottom: 6px;
}

.tooltipster-follower.tooltipster-postable .tooltipster-content, .tooltipster-sidetip.tooltipster-postable .tooltipster-content {
    color: #00265d;
    font-size: 1.125rem;
    line-height: 1.25;
    padding: .75rem;
    text-align: center;
}

    .tooltipster-follower.tooltipster-postable .tooltipster-content strong, .tooltipster-sidetip.tooltipster-postable .tooltipster-content strong {
        font-family: brandongrotesque-bold,sans-serif;
        font-feature-settings: "kern";
        -webkit-font-feature-settings: "kern";
        -moz-font-feature-settings: "kern";
        -moz-font-feature-settings: "kern=1";
        letter-spacing: .01em;
    }

.tooltipster-follower.tooltipster-postable .tooltipster-arrow, .tooltipster-sidetip.tooltipster-postable .tooltipster-arrow {
    height: 6px;
    margin-left: -6px;
    width: 12px;
}

.tooltipster-follower.tooltipster-postable.tooltipster-left .tooltipster-arrow, .tooltipster-follower.tooltipster-postable.tooltipster-right .tooltipster-arrow, .tooltipster-sidetip.tooltipster-postable.tooltipster-left .tooltipster-arrow, .tooltipster-sidetip.tooltipster-postable.tooltipster-right .tooltipster-arrow {
    height: 12px;
    margin-left: 0;
    margin-top: -6px;
    width: 6px;
}

.tooltipster-follower.tooltipster-postable .tooltipster-arrow-background, .tooltipster-sidetip.tooltipster-postable .tooltipster-arrow-background {
    display: none;
}

.tooltipster-follower.tooltipster-postable .tooltipster-arrow-border, .tooltipster-sidetip.tooltipster-postable .tooltipster-arrow-border {
    border: 6px solid transparent;
}

.tooltipster-follower.tooltipster-postable.tooltipster-bottom .tooltipster-arrow-border, .tooltipster-sidetip.tooltipster-postable.tooltipster-bottom .tooltipster-arrow-border {
    border-bottom-color: #ffd579;
}

.tooltipster-follower.tooltipster-postable.tooltipster-left .tooltipster-arrow-border, .tooltipster-sidetip.tooltipster-postable.tooltipster-left .tooltipster-arrow-border {
    border-left-color: #ffd579;
}

.tooltipster-follower.tooltipster-postable.tooltipster-right .tooltipster-arrow-border, .tooltipster-sidetip.tooltipster-postable.tooltipster-right .tooltipster-arrow-border {
    border-right-color: #ffd579;
}

.tooltipster-follower.tooltipster-postable.tooltipster-top .tooltipster-arrow-border, .tooltipster-sidetip.tooltipster-postable.tooltipster-top .tooltipster-arrow-border {
    border-top-color: #ffd579;
}

.tooltipster-follower.tooltipster-postable.tooltipster-bottom .tooltipster-arrow-uncropped, .tooltipster-sidetip.tooltipster-postable.tooltipster-bottom .tooltipster-arrow-uncropped {
    top: -6px;
}

.tooltipster-follower.tooltipster-postable.tooltipster-right .tooltipster-arrow-uncropped, .tooltipster-sidetip.tooltipster-postable.tooltipster-right .tooltipster-arrow-uncropped {
    left: -6px;
}

.twitter-typeahead {
    width: 100%;
}

    .twitter-typeahead .tt-hint, .twitter-typeahead .tt-query, .twitter-typeahead .typeahead {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        outline: none;
        width: 100%;
    }

    .twitter-typeahead .typeahead {
        background-color: #f0f5fb !important;
        color: #00265d;
    }

        .twitter-typeahead .typeahead:active, .twitter-typeahead .typeahead:focus {
            background-color: transparent !important;
        }

    .twitter-typeahead .tt-hint {
        color: #fff;
        background-color: #ffd579 !important;
    }

    .twitter-typeahead .tt-dropdown-menu {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        background-color: #bbe4ed;
        display: block;
        width: 100%;
    }

    .twitter-typeahead .tt-suggestion {
        font-size: 85%;
        padding: 8px 12px;
        white-space: nowrap;
    }

        .twitter-typeahead .tt-suggestion:after, .twitter-typeahead .tt-suggestion:before {
            content: " ";
            display: table;
        }

        .twitter-typeahead .tt-suggestion:after {
            clear: both;
        }

        .twitter-typeahead .tt-suggestion .left, .twitter-typeahead .tt-suggestion .right {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            width: 48%;
        }

        .twitter-typeahead .tt-suggestion .left {
            float: left;
            font-weight: 700;
            text-align: left;
        }

        .twitter-typeahead .tt-suggestion .right {
            float: right;
            text-align: right;
        }

        .twitter-typeahead .tt-suggestion.tt-cursor {
            color: #00b7b5;
            background-color: #00265d;
        }

.banner-card-animation {
    position: relative;
    overflow: visible;
}

    .banner-card-animation .card {
        position: relative;
        width: 88%;
        left: 6.2%;
        top: 10px;
    }

    .banner-card-animation img {
        width: 100%;
    }

    .banner-card-animation .envelope-background, .banner-card-animation .envelope-foreground {
        position: absolute;
        -webkit-transform: translateY(400px);
        -khtml-transform: translateY(400px);
        transform: translateY(400px);
        -webkit-animation: banner-envelope-animation .35s ease-out forwards .5s;
        animation: banner-envelope-animation .35s ease-out forwards .5s;
    }

    .banner-card-animation .envelope-background {
        width: 100%;
        bottom: -55%;
    }

    .banner-card-animation .envelope-foreground {
        width: 100%;
        left: 0;
        bottom: -55%;
    }

@-webkit-keyframes banner-envelope-animation {
    0% {
        -webkit-transform: translateY(400px);
        -khtml-transform: translateY(400px);
        transform: translateY(400px);
    }

    to {
        -webkit-transform: translate(0);
        -khtml-transform: translate(0);
        transform: translate(0);
    }
}

@keyframes banner-envelope-animation {
    0% {
        -webkit-transform: translateY(400px);
        -khtml-transform: translateY(400px);
        transform: translateY(400px);
    }

    to {
        -webkit-transform: translate(0);
        -khtml-transform: translate(0);
        transform: translate(0);
    }
}

.card-gallery-filters {
    font-size: 1.125rem;
    margin-bottom: 2rem;
}

    .card-gallery-filters .radio-button {
        background-position: 0;
        border-top: 0;
        display: block;
        font-size: .875rem;
        margin: 0;
        max-width: none;
        padding: 0 0 0 1.5rem;
        width: auto;
    }

        .card-gallery-filters .radio-button .title {
            font-size: 1.125rem;
        }

        .card-gallery-filters .radio-button.selected, .card-gallery-filters .radio-button:hover {
            background-color: transparent;
        }

@media only screen and (max-width:42em) {
    .card-gallery-filters .radio-button {
        margin-bottom: .625rem;
    }

        .card-gallery-filters .radio-button:last-of-type {
            margin-bottom: 0;
        }

        .card-gallery-filters .radio-button.last {
            margin-bottom: 1.25rem;
            position: relative;
        }

            .card-gallery-filters .radio-button.last:after {
                bottom: -10px;
                content: "";
                border-bottom: 1px solid #f0f5fb;
                left: 0;
                position: absolute;
                width: 100%;
            }
}

@media only screen and (min-width:42.0625em) {
    .card-gallery-filters .radio-button {
        display: inline-block;
        margin: 0 .5rem;
    }

        .card-gallery-filters .radio-button.last {
            padding-right: 1rem;
            position: relative;
        }

            .card-gallery-filters .radio-button.last:after {
                content: "";
                border-right: 1px solid #00265d;
                height: 20px;
                position: absolute;
                right: 0;
                top: 12px;
            }
}

.card-gallery-filters__label {
    font-family: brandongrotesque-bold,sans-serif;
    font-feature-settings: "kern";
    -webkit-font-feature-settings: "kern";
    -moz-font-feature-settings: "kern";
    -moz-font-feature-settings: "kern=1";
    letter-spacing: .01em;
    display: none;
    margin-right: .5rem;
    position: relative;
}

@media only screen and (min-width:42.0625em) {
    .card-gallery-filters__label {
        line-height: 44px;
        display: inline-block;
    }
}

.card-gallery-filters__filters .card-gallery-filters__label {
    padding-right: 1rem;
}

    .card-gallery-filters__filters .card-gallery-filters__label:after {
        content: "";
        border-right: 1px solid #00265d;
        height: 20px;
        position: absolute;
        right: 0;
        top: 12px;
    }

@media only screen and (min-width:42.0625em) {
    .card-gallery-filters__filters {
        line-height: 44px;
    }
}

.card-gallery-filters__sort {
    text-align: right;
}

    .card-gallery-filters__sort .button, .card-gallery-filters__sort .button-alt, .card-gallery-filters__sort .button-clear, .card-gallery-filters__sort .button-continue, .card-gallery-filters__sort .button-danger, .card-gallery-filters__sort .button-error, .card-gallery-filters__sort .button-info, .card-gallery-filters__sort .button-modal-cancel, .card-gallery-filters__sort .button-modal-confirm, .card-gallery-filters__sort .button-white {
        margin-bottom: 0;
        text-align: left;
        font-family: brandongrotesque-regular,sans-serif;
    }

    .card-gallery-filters__sort .f-dropdown {
        text-align: left;
    }

.card-landing-category {
    max-width: 73rem;
    margin: 0 auto;
    padding: 0 2rem;
}

    .card-landing-category .h2 a, .card-landing-category h2 a {
        color: #555;
    }

        .card-landing-category .h2 a:hover, .card-landing-category h2 a:hover {
            color: #00265d;
        }

    .card-landing-category .card-landing-sub-nav {
        display: -webkit-box;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-direction: normal;
        -webkit-box-orient: horizontal;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -moz-justify-content: center;
        justify-content: center;
        -ms-flex-line-pack: start;
        align-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -moz-align-items: center;
        align-items: center;
        position: relative;
        padding: 0 1rem;
        margin: 0 auto;
    }

        .card-landing-category .card-landing-sub-nav li {
            margin: 0 .5rem;
            font-size: 1.15625rem;
            list-style-type: none;
        }

            .card-landing-category .card-landing-sub-nav li > a {
                color: #555;
            }

@media only screen and (max-width:970px) {
    .card-landing-category .card-landing-sub-nav li > a {
        font-size: 1rem;
    }
}

@media only screen and (max-width:845px) {
    .card-landing-category .card-landing-sub-nav li > a {
        font-size: 1rem;
    }
}

.card-landing-category .card-landing-sub-nav li > a:hover {
    color: #00265d;
}

.card-landing-category .card-landing-banner {
    margin-top: 1.5rem;
}

@media only screen and (max-width:42em) {
    .card-landing-category .card-landing-banner {
        padding: 0 1em;
    }
}

.card-landing-category .view-all {
    display: block;
    color: #555;
    text-align: center;
}

@media only screen and (max-width:970px) {
    .card-landing-category .view-all {
        font-size: 1rem;
    }
}

@media only screen and (max-width:845px) {
    .card-landing-category .view-all {
        font-size: 1rem;
    }
}

.card-landing-category .view-all:hover {
    color: #00265d;
}

.card-options {
    margin: 0 auto;
    max-width: 75rem;
    width: 100%;
    padding: .5rem .5rem 0;
}

    .card-options:after, .card-options:before {
        content: " ";
        display: table;
    }

    .card-options:after {
        clear: both;
    }

    .card-options strong {
        font-family: brandongrotesque-bold,sans-serif;
        font-feature-settings: "kern";
        -webkit-font-feature-settings: "kern";
        -moz-font-feature-settings: "kern";
        -moz-font-feature-settings: "kern=1";
        letter-spacing: .01em;
    }

    .card-options .button-options {
        padding-left: 0;
        padding-right: 0;
        width: 50%;
        float: left;
        display: block;
        height: 23px;
        margin-bottom: .5rem;
        margin-top: .5rem;
        position: relative;
    }

        .card-options .button-options img {
            height: 22px;
            vertical-align: top;
            width: 22px;
        }

        .card-options .button-options .label {
            font-family: brandongrotesque-regular,sans-serif;
            letter-spacing: normal;
            background-color: transparent;
            color: #00265d;
            display: inline-block;
            font-size: 1.125rem;
            left: 37px;
            line-height: 22px;
            padding: 0;
            position: absolute;
            text-align: left;
            top: 0;
            white-space: normal;
        }

        .card-options .button-options:hover .label {
            color: #00b7b5;
        }

@media only screen and (min-width:42.0625em) and (max-width:64em) {
    .card-options .button-options .label {
        font-size: 1rem;
    }
}

.card-thumb {
    position: relative;
    padding: 1.25rem;
    background: #fff;
    text-align: center;
    overflow: hidden;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    -webkit-transform: scale(1);
    -khtml-transform: scale(1);
    transform: scale(1);
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,.2);
    -ms-box-shadow: 0 0 2px rgba(0,0,0,.2);
    -o-box-shadow: 0 0 2px rgba(0,0,0,.2);
    box-shadow: 0 0 2px rgba(0,0,0,.2);
    border-radius: 4px;
}

@media only screen and (min-width:42.0625em) {
    .card-thumb:hover {
        -webkit-box-shadow: 0 6px 18px rgba(0,0,0,.2);
        -ms-box-shadow: 0 6px 18px rgba(0,0,0,.2);
        -o-box-shadow: 0 6px 18px rgba(0,0,0,.2);
        box-shadow: 0 6px 18px rgba(0,0,0,.2);
        -webkit-transform: scale(1.05);
        -khtml-transform: scale(1.05);
        transform: scale(1.05);
        -webkit-transform: translateY(-5px);
        -khtml-transform: translateY(-5px);
        transform: translateY(-5px);
    }

        .card-thumb:hover .title {
            color: #00265d;
        }
}

.card-thumb > a {
    display: block;
    width: 100%;
    height: 100%;
}

.card-thumb .card-thumb-image {
    height: 60%;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}

.card-thumb .card-info {
    height: 6.7rem;
    padding: 1rem 0;
    position: relative;
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: none;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center;
}

    .card-thumb .card-info .author, .card-thumb .card-info .title {
        -webkit-box-flex: 0;
        -moz-flex: 0 auto;
        -ms-flex: 0 auto;
        flex: 0 auto;
        display: block;
        -webkit-transition: all .4s ease;
        transition: all .4s ease;
        line-height: 1.4em;
    }

    .card-thumb .card-info .title {
        font-size: 1.25rem;
        font-family: brandongrotesque-bold,sans-serif;
        font-feature-settings: "kern";
        -webkit-font-feature-settings: "kern";
        -moz-font-feature-settings: "kern";
        -moz-font-feature-settings: "kern=1";
        letter-spacing: .01em;
    }

    .card-thumb .card-info .author {
        margin-top: .25rem;
        font-size: 1rem;
    }

        .card-thumb .card-info .author a, .card-thumb .card-info .author a:hover {
            color: #00265d;
        }

@media only screen and (max-width:42em) {
    .card-thumb .card-info {
        margin-top: .9375rem;
        padding: 0;
        height: 5.625rem;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -moz-justify-content: flex-start;
        justify-content: flex-start;
    }

        .card-thumb .card-info .title {
            font-size: 1rem;
        }
}

.card-thumb .top-seller {
    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 4px;
    border-top-left-radius: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 4px;
    font-family: brandongrotesque-bold,sans-serif;
    font-feature-settings: "kern";
    -webkit-font-feature-settings: "kern";
    -moz-font-feature-settings: "kern";
    -moz-font-feature-settings: "kern=1";
    letter-spacing: .01em;
    background-color: #ffd579;
    color: #fff;
    font-size: .875rem;
    padding: .125rem .625rem;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: 0;
}

.category-thumb {
    position: relative;
    padding: 0;
    background: #fff;
    cursor: pointer;
    overflow: hidden;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    -webkit-transform: scale(1);
    -khtml-transform: scale(1);
    transform: scale(1);
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,.2);
    -ms-box-shadow: 0 0 2px rgba(0,0,0,.2);
    -o-box-shadow: 0 0 2px rgba(0,0,0,.2);
    box-shadow: 0 0 2px rgba(0,0,0,.2);
    border-radius: 4px;
}

    .category-thumb:hover {
        -webkit-box-shadow: 0 6px 18px rgba(0,0,0,.2);
        -ms-box-shadow: 0 6px 18px rgba(0,0,0,.2);
        -o-box-shadow: 0 6px 18px rgba(0,0,0,.2);
        box-shadow: 0 6px 18px rgba(0,0,0,.2);
        -webkit-transform: scale(1.05);
        -khtml-transform: scale(1.05);
        transform: scale(1.05);
        -webkit-transform: translateY(-5px);
        -khtml-transform: translateY(-5px);
        transform: translateY(-5px);
    }

        .category-thumb:hover .title {
            color: #00265d;
        }

    .category-thumb > a {
        display: block;
        width: 100%;
        height: 100%;
    }

    .category-thumb .category-thumb-image {
        overflow: hidden;
    }

        .category-thumb .category-thumb-image img {
            width: 100%;
        }

@media only screen and (min-width:42.0625em) {
    .category-thumb .category-thumb-image {
        max-height: 260px;
    }
}

.category-thumb .category-info {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: none;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -moz-align-items: flex-start;
    align-items: flex-start;
    padding: 1rem;
    position: relative;
}

    .category-thumb .category-info .sub-text, .category-thumb .category-info .title {
        -webkit-box-flex: 0;
        -moz-flex: 0 auto;
        -ms-flex: 0 auto;
        flex: 0 auto;
        display: block;
        -webkit-transition: all .4s ease;
        transition: all .4s ease;
        line-height: 1.4em;
    }

    .category-thumb .category-info .title {
        font-family: brandongrotesque-bold,sans-serif;
        font-feature-settings: "kern";
        -webkit-font-feature-settings: "kern";
        -moz-font-feature-settings: "kern";
        -moz-font-feature-settings: "kern=1";
        letter-spacing: .01em;
        font-size: 1.25rem;
    }

    .category-thumb .category-info .sub-text {
        margin-top: .25rem;
        font-size: 1rem;
    }

.compose-sub-nav .sub-progress-nav ul {
    text-align: right;
}

.compose-sub-nav .tab-container {
    border-bottom: 1px solid #f0f5fb;
}

.compose-sub-nav .tab-button {
    background-color: #fff;
    font-size: 1.125rem !important;
    padding: .594rem 1rem;
}

    .compose-sub-nav .tab-button .h4, .compose-sub-nav .tab-button h4 {
        font-family: brandongrotesque-bold,sans-serif;
        font-feature-settings: "kern";
        -webkit-font-feature-settings: "kern";
        -moz-font-feature-settings: "kern";
        -moz-font-feature-settings: "kern=1";
        letter-spacing: .01em;
        color: #00265d !important;
        text-transform: none;
    }

    .compose-sub-nav .tab-button:hover.only-tab {
        color: inherit !important;
        background: #fff !important;
    }

    .compose-sub-nav .tab-button.active:not(.only-tab) .h4, .compose-sub-nav .tab-button.active:not(.only-tab) h4 {
        color: #00b7b5 !important;
    }

    .compose-sub-nav .tab-button.active:not(.only-tab):after {
        border-bottom-color: #f0f5fb;
    }

.compose-sub-nav__dynamic {
    display: none;
    padding: .688rem 2.75rem;
    position: relative;
    text-align: center;
}

    .compose-sub-nav__dynamic .h4, .compose-sub-nav__dynamic h4 {
        font-family: brandongrotesque-bold,sans-serif;
        font-feature-settings: "kern";
        -webkit-font-feature-settings: "kern";
        -moz-font-feature-settings: "kern";
        -moz-font-feature-settings: "kern=1";
        letter-spacing: .01em;
        color: #00265d;
        margin: 0;
        text-transform: none;
    }

    .compose-sub-nav__dynamic .sub-nav-button-back {
        cursor: pointer;
        display: none;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 2.75rem;
        display: block;
        z-index: 1;
    }

        .compose-sub-nav__dynamic .sub-nav-button-back img, .compose-sub-nav__dynamic .sub-nav-button-back svg {
            -webkit-transform: translateY(-50%);
            -khtml-transform: translateY(-50%);
            transform: translateY(-50%);
            left: 15px;
            position: absolute;
            top: 50%;
            width: 11px;
        }

        .compose-sub-nav__dynamic .sub-nav-button-back > img, .compose-sub-nav__dynamic .sub-nav-button-back > svg {
            height: 45%;
        }

        .compose-sub-nav__dynamic .sub-nav-button-back svg polyline {
            stroke: #fff;
        }

        .compose-sub-nav__dynamic .sub-nav-button-back img {
            border: 0;
        }

    .compose-sub-nav__dynamic img {
        vertical-align: top;
        background-color: #fff;
        border: 1px solid #e8e8e8;
        position: absolute;
        top: .625rem;
        right: .625rem;
        margin: 0;
        padding: 0;
        height: 24px;
    }

.compose-sub-nav__dynamic--tabs {
    padding: 0;
}

    .compose-sub-nav__dynamic--tabs > img {
        display: none;
    }

.contact-selection-list {
    margin-left: 0;
    margin-bottom: 0;
    list-style: none;
    background: #fff;
    overflow: auto;
}

    .contact-selection-list .selection-list-item, .contact-selection-list li {
        width: 100%;
        cursor: pointer;
        padding: 15px;
        color: #00265d;
        background: #fff url(../images/icon_radio_off.svg) no-repeat;
        background-position: right 15px center;
        background-size: 1rem 1rem;
        position: relative;
    }

        .contact-selection-list .selection-list-item:after, .contact-selection-list li:after {
            border-bottom: 1px solid #f0f5fb;
            bottom: 0;
            content: " ";
            left: 15px;
            position: absolute;
            right: 15px;
        }

        .contact-selection-list .selection-list-item:last-of-type:after, .contact-selection-list li:last-of-type:after {
            border-bottom: 0;
        }

        .contact-selection-list .selection-list-item.active, .contact-selection-list .selection-list-item.selected, .contact-selection-list li.active, .contact-selection-list li.selected {
            background-color: #ffd579;
            background-image: url(../images/icon_radio_on.svg);
        }

        .contact-selection-list .selection-list-item.hide, .contact-selection-list li.hide {
            display: none;
        }

        .contact-selection-list .selection-list-item a, .contact-selection-list li a {
            color: #00265d;
        }

@media only screen and (min-width:42.0625em) {
    .contact-selection-list .selection-list-item:hover, .contact-selection-list li:hover {
        background-color: rgba(255,213,121,.5) !important;
    }
}

.contact-selection-list .selection-list-item:hover .remove-xmark, .contact-selection-list li:hover .remove-xmark {
    display: block;
}

.contact-selection-list .selection-list-item.selection-list-item--no-click, .contact-selection-list li.selection-list-item--no-click {
    cursor: default;
}

@media only screen and (min-width:42.0625em) {
    .contact-selection-list .selection-list-item.selection-list-item--no-click:hover, .contact-selection-list li.selection-list-item--no-click:hover {
        background-color: #fff !important;
    }
}

.contact-selection-list .selection-list-item.focused, .contact-selection-list li.focused {
    background-color: rgba(255,213,121,.5) !important;
}

.contact-selection-list .selection-list-item .remove-xmark, .contact-selection-list li .remove-xmark {
    position: absolute;
    right: .9375rem;
    top: .75rem;
}

@media only screen and (min-width:42.0625em) {
    .contact-selection-list .selection-list-item .remove-xmark, .contact-selection-list li .remove-xmark {
        display: none;
    }
}

.contact-selection-list--checkboxes .selection-list-item, .contact-selection-list--checkboxes li {
    background-image: url(../images/icon_checkbox_off.svg);
}

    .contact-selection-list--checkboxes .selection-list-item.active, .contact-selection-list--checkboxes .selection-list-item.selected, .contact-selection-list--checkboxes li.active, .contact-selection-list--checkboxes li.selected {
        background-image: url(../images/icon_checkbox_on.svg);
    }

.email-submission {
    margin: 0 auto;
    max-width: 75rem;
    width: 100%;
    max-width: 40rem;
    padding: 2rem;
}

    .email-submission:after, .email-submission:before {
        content: " ";
        display: table;
    }

    .email-submission:after {
        clear: both;
    }

    .email-submission input {
        width: 66.66666667%;
    }

    .email-submission button, .email-submission input {
        padding-left: .9375rem;
        padding-right: .9375rem;
        float: left;
    }

    .email-submission button {
        width: 33.33333333%;
    }

.envelope-address-thumbnail {
    display: block;
    cursor: pointer;
    padding: 1rem;
    border: 3px solid #c0eded;
    background-image: url("../images/textures/paper-texture-brown.png");
}

    .envelope-address-thumbnail.selected, .envelope-address-thumbnail:hover {
        border-color: #00b7b5;
    }

    .envelope-address-thumbnail[data-color=white] {
        background-image: url("../images/textures/paper-texture-white.png");
    }

    .envelope-address-thumbnail[data-color=cream] {
        background-image: url("../images/textures/paper-texture-cream.png");
    }

    .envelope-address-thumbnail[data-color=brown] {
        background-image: url("../images/textures/paper-texture-brown.png");
    }

    .envelope-address-thumbnail p {
        margin-bottom: 0;
    }

.modal-alert {
    z-index: 2400;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.2);
    -ms-box-shadow: 0 0 5px rgba(0,0,0,.2);
    -o-box-shadow: 0 0 5px rgba(0,0,0,.2);
    box-shadow: 0 0 5px rgba(0,0,0,.2);
    border-radius: 4px;
    background-color: #fff;
    bottom: 0;
    color: #00265d;
    display: none;
    font-size: 1.125rem;
    left: 0;
    margin: 0;
    padding: 2.1875rem;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
}

@media only screen and (max-width:42em) {
    .modal-alert {
        border-radius: 0;
    }
}

@media only screen and (min-width:42.0625em) {
    .modal-alert {
        max-width: 28.125rem;
        max-height: calc(100% + 2.5rem);
        min-width: 25rem;
        top: 50%;
        left: 50%;
        right: auto;
        bottom: auto;
        width: auto;
        -webkit-transform: translate3d(-50%,-50%,0);
        -khtml-transform: translate3d(-50%,-50%,0);
        transform: translate3d(-50%,-50%,0);
    }
}

.modal-alert.modal-is-visible {
    display: block;
}

.modal-alert .button-modal-close {
    z-index: 2600;
    height: 12px;
    position: absolute;
    right: 15px;
    top: 15px;
    width: 12px;
}

    .modal-alert .button-modal-close img, .modal-alert .button-modal-close svg {
        vertical-align: top;
    }

.modal-alert .button-modal-cancel, .modal-alert .button-modal-confirm {
    display: block;
    margin-bottom: .625rem;
    width: 100%;
}

    .modal-alert .button-modal-cancel:last-child, .modal-alert .button-modal-confirm:last-child {
        margin-bottom: 0;
    }

.modal-alert .h2, .modal-alert h2 {
    font-family: brandongrotesque-bold,sans-serif;
    font-feature-settings: "kern";
    -webkit-font-feature-settings: "kern";
    -moz-font-feature-settings: "kern";
    -moz-font-feature-settings: "kern=1";
    letter-spacing: .01em;
    color: #00265d;
    font-size: 1.375rem;
    text-align: center;
    text-transform: none;
}

.modal-alert p {
    font-size: 1.125rem;
    margin: 0 0 1.25rem;
    text-align: center;
}

@media only screen and (max-width:42em) {
    .modal-alert__body-wrapper {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        bottom: 2.1875rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        left: 2.1875rem;
        position: absolute;
        right: 2.1875rem;
        top: 2.1875rem;
    }
}

.modal-alert__body {
    width: 100%;
}

.button-modal-cancel.button-continue, .button-modal-cancel.button-continue:focus, .button-modal-cancel.button-modal-confirm, .button-modal-cancel.button-modal-confirm:focus {
    background-color: #00b7b5;
}

    .button-modal-cancel.button-continue:hover, .button-modal-cancel.button-modal-confirm:hover {
        background-color: #008483;
    }

.modal-alert__icon {
    text-align: center;
}

    .modal-alert__icon img, .modal-alert__icon svg {
        height: auto;
        max-width: 20%;
        width: 100%;
    }

.modal-overlay {
    background-color: #00265d;
    display: none;
    opacity: .05;
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 2300;
}

    .modal-overlay.modal-is-visible {
        display: block;
        z-index: 2300;
    }

.modal-contact {
    max-width: 37.5rem;
}

    .modal-contact textarea {
        height: 15.625rem;
    }

@media only screen and (max-width:42em) {
    .modal-contact textarea {
        height: 6.25rem;
    }
}

.modal-contact .modal-contact-success {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    padding: 2rem;
    background-color: #fff;
}

.modal-contact .button-modal-confirm, .modal-contact .button-modal-confirm:focus {
    background-color: #00b7b5;
}

    .modal-contact .button-modal-confirm:hover {
        background-color: #008483;
    }

.modal-invalid-chars .invalid-chars {
    font-family: monospace;
    text-align: center;
}

.modal-project-extra-cards {
    text-align: center;
}

    .modal-project-extra-cards .button, .modal-project-extra-cards .button-alt, .modal-project-extra-cards .button-clear, .modal-project-extra-cards .button-continue, .modal-project-extra-cards .button-danger, .modal-project-extra-cards .button-error, .modal-project-extra-cards .button-info, .modal-project-extra-cards .button-modal-cancel, .modal-project-extra-cards .button-modal-confirm, .modal-project-extra-cards .button-white {
        margin-bottom: 0;
    }

    .modal-project-extra-cards input {
        margin-left: auto;
        margin-right: auto;
        max-width: 100px;
        text-align: center;
    }

    .modal-project-extra-cards #add-extra-cards-error {
        display: none;
    }

.modal-project-schedule {
    text-align: center;
}

    .modal-project-schedule strong {
        font-family: brandongrotesque-bold,sans-serif;
        font-feature-settings: "kern";
        -webkit-font-feature-settings: "kern";
        -moz-font-feature-settings: "kern";
        -moz-font-feature-settings: "kern=1";
        letter-spacing: .01em;
    }

    .modal-project-schedule .button, .modal-project-schedule .button-alt, .modal-project-schedule .button-clear, .modal-project-schedule .button-continue, .modal-project-schedule .button-danger, .modal-project-schedule .button-error, .modal-project-schedule .button-info, .modal-project-schedule .button-modal-cancel, .modal-project-schedule .button-modal-confirm, .modal-project-schedule .button-white {
        margin-bottom: 0;
    }

.photo-customizer-placeholder {
    background-color: transparent;
    cursor: pointer;
}

    .photo-customizer-placeholder.disabled {
        background: transparent;
        cursor: default;
    }

        .photo-customizer-placeholder.disabled .photo-customizer-placeholder-upload-button {
            display: none;
        }

    .photo-customizer-placeholder .button-container {
        display: -webkit-box;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: none;
        flex-wrap: nowrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -moz-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -moz-align-items: center;
        align-items: center;
        width: auto;
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        z-index: 1;
    }

    .photo-customizer-placeholder .photo-customizer-placeholder-upload-button {
        width: 50%;
        max-width: 93px;
    }

    .photo-customizer-placeholder.image-loaded .button-container {
        display: none;
    }

    .photo-customizer-placeholder.in-progress .button-container {
        display: -webkit-box;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
    }

    .photo-customizer-placeholder input[type=file] {
        opacity: 0;
        position: fixed;
        left: -9999px;
        top: -9999px;
    }

.pricing {
    padding: 2.5rem 1.25rem;
    background-color: #bbe5ee;
}

    .pricing .pricing-header {
        margin-bottom: 1.25rem;
        text-align: center;
    }

        .pricing .pricing-header .h1, .pricing .pricing-header h1 {
            padding: 0 2rem;
        }

        .pricing .pricing-header p {
            font-size: 1.375rem;
        }

        .pricing .pricing-header small {
            font-size: 1.125rem;
        }

    .pricing .prices {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
    }

@media only screen and (min-width:42.0625em) and (max-width:64em) {
    .pricing .prices {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .pricing .prices .dotted-divider-vertical {
            display: none;
        }
}

@media only screen and (max-width:42em) {
    .pricing .prices {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .pricing .prices .dotted-divider-vertical {
            display: none;
        }
}

.pricing .prices .card-price, .pricing .prices .postcard-price {
    margin: 1.125rem 0;
}

.pricing .prices .price {
    font-family: helveticarounded-std,brandongrotesque-regular,sans-serif;
    font-feature-settings: "kern";
    -webkit-font-feature-settings: "kern";
    -moz-font-feature-settings: "kern";
    -moz-font-feature-settings: "kern=1";
    letter-spacing: .01em;
    letter-spacing: .07em;
    color: #00b7b5;
    font-size: 7.375rem;
    line-height: 1em;
}

.pricing .prices small {
    font-size: 1.375rem;
}

.project-autobirthday-banner {
    background-color: #caf9d1;
    padding: 0 1rem !important;
}

    .project-autobirthday-banner:hover {
        background-color: #caf9d1 !important;
    }

    .project-autobirthday-banner .project-title .h3, .project-autobirthday-banner .project-title h3 {
        font-weight: 400;
    }

    .project-autobirthday-banner .project-title .h4, .project-autobirthday-banner .project-title h4 {
        margin-bottom: 0;
    }

@media only screen and (min-width:42.0625em) and (max-width:64em) {
    .project-autobirthday-banner .project-title .h4, .project-autobirthday-banner .project-title h4 {
        font-size: 1rem;
    }
}

@media only screen and (max-width:42em) {
    .project-autobirthday-banner .project-title .h4, .project-autobirthday-banner .project-title h4 {
        font-size: 1.5rem;
    }
}

.project-autobirthday-banner .project-details {
    padding-top: 0;
}

    .project-autobirthday-banner .project-details a {
        margin-top: .5rem;
        display: inline-block;
        color: #555;
        border: 1px solid #555;
        padding: .5rem 2rem;
    }

        .project-autobirthday-banner .project-details a:hover {
            background-color: #555;
            color: #fff !important;
        }

    .project-autobirthday-banner .project-details p {
        font-size: 1.25rem;
        margin-top: 6px;
    }

.project-autobirthday-banner .information {
    padding-left: 2.5rem;
}

@media only screen and (min-width:42.0625em) and (max-width:64em) {
    .project-autobirthday-banner .information {
        padding-left: 1.25rem;
    }
}

.project-autobirthday-banner .thumb {
    padding-right: 1rem;
}

    .project-autobirthday-banner .thumb img {
        height: 212px;
    }

.project-black-friday-sale-banner {
    background-color: #000;
    cursor: pointer;
}

    .project-black-friday-sale-banner:hover {
        background-color: #000 !important;
    }

@media only screen and (max-width:42em) {
    .project-black-friday-sale-banner .information {
        padding: 0 !important;
    }
}

.project-black-friday-sale-banner img {
    max-height: 164px;
    padding: 14px 0;
}

.project-black-friday-sale-banner .project-title .h4, .project-black-friday-sale-banner .project-title h4 {
    color: #fff;
    font-size: 1.875rem;
    margin-bottom: 0;
}

@media only screen and (min-width:42.0625em) and (max-width:64em) {
    .project-black-friday-sale-banner .project-title .h4, .project-black-friday-sale-banner .project-title h4 {
        font-size: 1rem;
    }
}

@media only screen and (max-width:42em) {
    .project-black-friday-sale-banner .project-title .h4, .project-black-friday-sale-banner .project-title h4 {
        font-size: 1.5rem;
    }
}

.project-black-friday-sale-banner .project-details {
    padding-top: 0 !important;
}

@media only screen and (max-width:42em) {
    .project-black-friday-sale-banner .project-details {
        padding-bottom: 1rem;
    }
}

.project-black-friday-sale-banner .project-details p {
    color: #fff !important;
    font-size: 1.25rem;
    margin-top: 6px;
}

.project-black-friday-sale-banner .project-details .button, .project-black-friday-sale-banner .project-details .button-alt, .project-black-friday-sale-banner .project-details .button-clear, .project-black-friday-sale-banner .project-details .button-continue, .project-black-friday-sale-banner .project-details .button-danger, .project-black-friday-sale-banner .project-details .button-error, .project-black-friday-sale-banner .project-details .button-info, .project-black-friday-sale-banner .project-details .button-modal-cancel, .project-black-friday-sale-banner .project-details .button-modal-confirm, .project-black-friday-sale-banner .project-details .button-white {
    background-color: #fff;
    color: #000 !important;
    margin-bottom: 0;
    text-align: center !important;
}

.project-black-friday-sale-banner .button-delete svg line {
    stroke: #fff;
}

.project-credit-banner {
    background-color: #00b7b5;
    cursor: pointer;
}

    .project-credit-banner:hover {
        background-color: #00b7b5 !important;
    }

@media only screen and (max-width:42em) {
    .project-credit-banner .information {
        padding: 0 !important;
    }
}

.project-credit-banner img {
    max-height: 164px;
    padding: 14px 0;
}

.project-credit-banner .project-title .h4, .project-credit-banner .project-title h4 {
    color: #fff;
    font-size: 1.875rem;
    margin-bottom: 0;
}

@media only screen and (min-width:42.0625em) and (max-width:64em) {
    .project-credit-banner .project-title .h4, .project-credit-banner .project-title h4 {
        font-size: 1rem;
    }
}

@media only screen and (max-width:42em) {
    .project-credit-banner .project-title .h4, .project-credit-banner .project-title h4 {
        font-size: 1.5rem;
    }
}

.project-credit-banner .project-details {
    padding-top: 0 !important;
}

@media only screen and (max-width:42em) {
    .project-credit-banner .project-details {
        padding-bottom: 1rem;
    }
}

.project-credit-banner .project-details p {
    color: #fff !important;
    font-size: 1.25rem;
    margin-top: 6px;
}

.project-credit-banner .project-details .button, .project-credit-banner .project-details .button-alt, .project-credit-banner .project-details .button-clear, .project-credit-banner .project-details .button-continue, .project-credit-banner .project-details .button-danger, .project-credit-banner .project-details .button-error, .project-credit-banner .project-details .button-info, .project-credit-banner .project-details .button-modal-cancel, .project-credit-banner .project-details .button-modal-confirm, .project-credit-banner .project-details .button-white {
    color: #fff !important;
    margin-bottom: 0;
}

.project-cyber-monday-sale-banner {
    background-color: #e6176d;
    cursor: pointer;
}

    .project-cyber-monday-sale-banner:hover {
        background-color: #e6176d !important;
    }

@media only screen and (max-width:42em) {
    .project-cyber-monday-sale-banner .information {
        padding: 0 !important;
    }
}

.project-cyber-monday-sale-banner img {
    max-height: 164px;
    padding: 14px 0;
}

.project-cyber-monday-sale-banner .project-title .h4, .project-cyber-monday-sale-banner .project-title h4 {
    color: #fff;
    font-size: 1.875rem;
    margin-bottom: 0;
}

@media only screen and (min-width:42.0625em) and (max-width:64em) {
    .project-cyber-monday-sale-banner .project-title .h4, .project-cyber-monday-sale-banner .project-title h4 {
        font-size: 1rem;
    }
}

@media only screen and (max-width:42em) {
    .project-cyber-monday-sale-banner .project-title .h4, .project-cyber-monday-sale-banner .project-title h4 {
        font-size: 1.5rem;
    }
}

.project-cyber-monday-sale-banner .project-details {
    padding-top: 0 !important;
}

@media only screen and (max-width:42em) {
    .project-cyber-monday-sale-banner .project-details {
        padding-bottom: 1rem;
    }
}

.project-cyber-monday-sale-banner .project-details p {
    color: #fff !important;
    font-size: 1.25rem;
    margin-top: 6px;
}

.project-cyber-monday-sale-banner .project-details .button, .project-cyber-monday-sale-banner .project-details .button-alt, .project-cyber-monday-sale-banner .project-details .button-clear, .project-cyber-monday-sale-banner .project-details .button-continue, .project-cyber-monday-sale-banner .project-details .button-danger, .project-cyber-monday-sale-banner .project-details .button-error, .project-cyber-monday-sale-banner .project-details .button-info, .project-cyber-monday-sale-banner .project-details .button-modal-cancel, .project-cyber-monday-sale-banner .project-details .button-modal-confirm, .project-cyber-monday-sale-banner .project-details .button-white {
    color: #fff !important;
    margin-bottom: 0;
}

.project-cyber-monday-sale-banner .button-delete svg line {
    stroke: #fff;
}

.project-free-stamps-banner {
    background-color: #fff;
    color: #00265d;
    cursor: pointer;
}

    .project-free-stamps-banner:hover {
        background-color: #fff !important;
    }

@media only screen and (max-width:42em) {
    .project-free-stamps-banner .information {
        padding: 0 !important;
    }
}

.project-free-stamps-banner img {
    max-height: 164px;
    padding: 14px 0;
}

.project-free-stamps-banner .project-title .h4, .project-free-stamps-banner .project-title h4 {
    color: #00265d;
    font-size: 1.875rem;
    margin-bottom: 0;
}

@media only screen and (min-width:42.0625em) and (max-width:64em) {
    .project-free-stamps-banner .project-title .h4, .project-free-stamps-banner .project-title h4 {
        font-size: 1rem;
    }
}

@media only screen and (max-width:42em) {
    .project-free-stamps-banner .project-title .h4, .project-free-stamps-banner .project-title h4 {
        font-size: 1.5rem;
    }
}

.project-free-stamps-banner .project-details {
    padding-top: 0 !important;
}

@media only screen and (max-width:42em) {
    .project-free-stamps-banner .project-details {
        padding-bottom: 1rem;
    }
}

.project-free-stamps-banner .project-details p {
    color: #00265d !important;
    font-size: 1.25rem;
    margin-top: 6px;
}

.project-free-stamps-banner .project-details .button, .project-free-stamps-banner .project-details .button-alt, .project-free-stamps-banner .project-details .button-clear, .project-free-stamps-banner .project-details .button-continue, .project-free-stamps-banner .project-details .button-danger, .project-free-stamps-banner .project-details .button-error, .project-free-stamps-banner .project-details .button-info, .project-free-stamps-banner .project-details .button-modal-cancel, .project-free-stamps-banner .project-details .button-modal-confirm, .project-free-stamps-banner .project-details .button-white {
    color: #fff !important;
    margin-bottom: 0;
    text-align: center !important;
}

.project-free-stamps-banner .button-delete svg line {
    stroke: #00265d;
}

.project-generic-sale-banner {
    background-color: #fff;
    color: #00265d;
    cursor: pointer;
}

    .project-generic-sale-banner:hover {
        background-color: #fff !important;
    }

@media only screen and (max-width:42em) {
    .project-generic-sale-banner .information {
        padding: 0 !important;
    }
}

.project-generic-sale-banner img {
    max-height: 164px;
    padding: 14px 0;
}

.project-generic-sale-banner .project-title .h4, .project-generic-sale-banner .project-title h4 {
    color: #00265d;
    font-size: 1.875rem;
    margin-bottom: 0;
}

@media only screen and (min-width:42.0625em) and (max-width:64em) {
    .project-generic-sale-banner .project-title .h4, .project-generic-sale-banner .project-title h4 {
        font-size: 1rem;
    }
}

@media only screen and (max-width:42em) {
    .project-generic-sale-banner .project-title .h4, .project-generic-sale-banner .project-title h4 {
        font-size: 1.5rem;
    }
}

.project-generic-sale-banner .project-details {
    padding-top: 0 !important;
}

@media only screen and (max-width:42em) {
    .project-generic-sale-banner .project-details {
        padding-bottom: 1rem;
    }
}

.project-generic-sale-banner .project-details p {
    color: #00265d !important;
    font-size: 1.25rem;
    margin-top: 6px;
}

.project-generic-sale-banner .project-details .button, .project-generic-sale-banner .project-details .button-alt, .project-generic-sale-banner .project-details .button-clear, .project-generic-sale-banner .project-details .button-continue, .project-generic-sale-banner .project-details .button-danger, .project-generic-sale-banner .project-details .button-error, .project-generic-sale-banner .project-details .button-info, .project-generic-sale-banner .project-details .button-modal-cancel, .project-generic-sale-banner .project-details .button-modal-confirm, .project-generic-sale-banner .project-details .button-white {
    color: #fff !important;
    margin-bottom: 0;
    text-align: center !important;
}

.project-generic-sale-banner .button-delete svg line {
    stroke: #00265d;
}

.project-gift-cards-banner {
    background-color: #00b7b5;
    cursor: pointer;
}

    .project-gift-cards-banner:hover {
        background-color: #00b7b5 !important;
    }

@media only screen and (max-width:42em) {
    .project-gift-cards-banner .information {
        padding: 0 !important;
    }
}

.project-gift-cards-banner img {
    max-height: 164px;
    padding: 14px 0;
}

.project-gift-cards-banner .project-title .h4, .project-gift-cards-banner .project-title h4 {
    color: #fff;
    font-size: 1.875rem;
    margin-bottom: 0;
}

@media only screen and (min-width:42.0625em) and (max-width:64em) {
    .project-gift-cards-banner .project-title .h4, .project-gift-cards-banner .project-title h4 {
        font-size: 1rem;
    }
}

@media only screen and (max-width:42em) {
    .project-gift-cards-banner .project-title .h4, .project-gift-cards-banner .project-title h4 {
        font-size: 1.5rem;
    }
}

.project-gift-cards-banner .project-details {
    padding-top: 0 !important;
}

@media only screen and (max-width:42em) {
    .project-gift-cards-banner .project-details {
        padding-bottom: 1rem;
    }
}

.project-gift-cards-banner .project-details p {
    color: #fff !important;
    font-size: 1.25rem;
    margin-top: 6px;
}

.project-gift-cards-banner .project-details .button, .project-gift-cards-banner .project-details .button-alt, .project-gift-cards-banner .project-details .button-clear, .project-gift-cards-banner .project-details .button-continue, .project-gift-cards-banner .project-details .button-danger, .project-gift-cards-banner .project-details .button-error, .project-gift-cards-banner .project-details .button-info, .project-gift-cards-banner .project-details .button-modal-cancel, .project-gift-cards-banner .project-details .button-modal-confirm, .project-gift-cards-banner .project-details .button-white {
    color: #fff !important;
    margin-bottom: 0;
}

.project-gift-cards-banner .button-delete svg line {
    stroke: #00265d;
}

.project-summary-placeholder {
    padding: 2.5rem;
    text-align: center;
}

    .project-summary-placeholder .trophy-icon {
        height: 12.5rem;
    }

    .project-summary-placeholder .envelope-icon {
        height: 4.0625rem;
    }

    .project-summary-placeholder .h5, .project-summary-placeholder h5 {
        font-family: brandongrotesque-bold,sans-serif;
        font-feature-settings: "kern";
        -webkit-font-feature-settings: "kern";
        -moz-font-feature-settings: "kern";
        -moz-font-feature-settings: "kern=1";
        letter-spacing: .01em;
        color: #00265d;
        font-size: 1.375rem;
        margin-top: 1.25rem;
        text-transform: none;
    }

    .project-summary-placeholder .button, .project-summary-placeholder .button-alt, .project-summary-placeholder .button-clear, .project-summary-placeholder .button-continue, .project-summary-placeholder .button-danger, .project-summary-placeholder .button-error, .project-summary-placeholder .button-info, .project-summary-placeholder .button-modal-cancel, .project-summary-placeholder .button-modal-confirm, .project-summary-placeholder .button-white {
        margin-bottom: 0;
    }

.flip-container {
    min-height: 300px;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    width: 100%;
}

    .flip-container .flipper {
        position: relative;
        -webkit-transition: .6s;
        transition: .6s;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }

        .flip-container .flipper .back, .flip-container .flipper .front {
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            left: 0;
            min-height: 300px;
            position: absolute;
            top: 0;
            width: 100%;
        }

        .flip-container .flipper .front {
            -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
            z-index: 2;
        }

        .flip-container.flip .flipper, .flip-container .flipper .back {
            -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
        }

.project-autobirthday-banner, .project-black-friday-sale-banner, .project-credit-banner, .project-cyber-monday-sale-banner, .project-free-stamps-banner, .project-generic-sale-banner, .project-gift-cards-banner, .project-summary, .refer-friends-banner {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: none;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center;
    position: relative;
    height: auto;
    /*padding: 1rem;*/
    padding: 0;
    border-bottom: 1px solid #f0f5fb;
}

    .project-autobirthday-banner strong, .project-black-friday-sale-banner strong, .project-credit-banner strong, .project-cyber-monday-sale-banner strong, .project-free-stamps-banner strong, .project-generic-sale-banner strong, .project-gift-cards-banner strong, .project-summary strong, .refer-friends-banner strong {
        font-family: brandongrotesque-bold,sans-serif;
        font-feature-settings: "kern";
        -webkit-font-feature-settings: "kern";
        -moz-font-feature-settings: "kern";
        -moz-font-feature-settings: "kern=1";
        letter-spacing: .01em;
    }

    .project-autobirthday-banner:hover, .project-black-friday-sale-banner:hover, .project-credit-banner:hover, .project-cyber-monday-sale-banner:hover, .project-free-stamps-banner:hover, .project-generic-sale-banner:hover, .project-gift-cards-banner:hover, .project-summary:hover, .refer-friends-banner:hover {
        background-color: #ffd579;
    }

    .project-autobirthday-banner:last-child, .project-black-friday-sale-banner:last-child, .project-credit-banner:last-child, .project-cyber-monday-sale-banner:last-child, .project-free-stamps-banner:last-child, .project-generic-sale-banner:last-child, .project-gift-cards-banner:last-child, .project-summary:last-child, .refer-friends-banner:last-child {
        border-bottom: none;
    }

    .project-autobirthday-banner .project-image-container, .project-black-friday-sale-banner .project-image-container, .project-credit-banner .project-image-container, .project-cyber-monday-sale-banner .project-image-container, .project-free-stamps-banner .project-image-container, .project-generic-sale-banner .project-image-container, .project-gift-cards-banner .project-image-container, .project-summary .project-image-container, .refer-friends-banner .project-image-container {
        position: relative;
        display: block;
        height: auto;
        max-width: 15.25rem;
        padding: 1.125rem 2rem;
        -webkit-box-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        display: -webkit-box;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: none;
        flex-wrap: nowrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -moz-justify-content: center;
        justify-content: center;
    }

        .project-autobirthday-banner .project-image-container.horizontal .card-thumb-image .fold, .project-black-friday-sale-banner .project-image-container.horizontal .card-thumb-image .fold, .project-credit-banner .project-image-container.horizontal .card-thumb-image .fold, .project-cyber-monday-sale-banner .project-image-container.horizontal .card-thumb-image .fold, .project-free-stamps-banner .project-image-container.horizontal .card-thumb-image .fold, .project-generic-sale-banner .project-image-container.horizontal .card-thumb-image .fold, .project-gift-cards-banner .project-image-container.horizontal .card-thumb-image .fold, .project-summary .project-image-container.horizontal .card-thumb-image .fold, .refer-friends-banner .project-image-container.horizontal .card-thumb-image .fold {
            height: 100%;
        }

        .project-autobirthday-banner .project-image-container.horizontal.a2 .card-thumb-image:before, .project-black-friday-sale-banner .project-image-container.horizontal.a2 .card-thumb-image:before, .project-credit-banner .project-image-container.horizontal.a2 .card-thumb-image:before, .project-cyber-monday-sale-banner .project-image-container.horizontal.a2 .card-thumb-image:before, .project-free-stamps-banner .project-image-container.horizontal.a2 .card-thumb-image:before, .project-generic-sale-banner .project-image-container.horizontal.a2 .card-thumb-image:before, .project-gift-cards-banner .project-image-container.horizontal.a2 .card-thumb-image:before, .project-summary .project-image-container.horizontal.a2 .card-thumb-image:before, .refer-friends-banner .project-image-container.horizontal.a2 .card-thumb-image:before {
            padding-top: 78.31325301%;
        }

        .project-autobirthday-banner .project-image-container.horizontal.a7 .card-thumb-image:before, .project-black-friday-sale-banner .project-image-container.horizontal.a7 .card-thumb-image:before, .project-credit-banner .project-image-container.horizontal.a7 .card-thumb-image:before, .project-cyber-monday-sale-banner .project-image-container.horizontal.a7 .card-thumb-image:before, .project-free-stamps-banner .project-image-container.horizontal.a7 .card-thumb-image:before, .project-generic-sale-banner .project-image-container.horizontal.a7 .card-thumb-image:before, .project-gift-cards-banner .project-image-container.horizontal.a7 .card-thumb-image:before, .project-summary .project-image-container.horizontal.a7 .card-thumb-image:before, .refer-friends-banner .project-image-container.horizontal.a7 .card-thumb-image:before {
            padding-top: 72.22222222%;
        }

        .project-autobirthday-banner .project-image-container.horizontal.custom .paper-color, .project-black-friday-sale-banner .project-image-container.horizontal.custom .paper-color, .project-credit-banner .project-image-container.horizontal.custom .paper-color, .project-cyber-monday-sale-banner .project-image-container.horizontal.custom .paper-color, .project-free-stamps-banner .project-image-container.horizontal.custom .paper-color, .project-generic-sale-banner .project-image-container.horizontal.custom .paper-color, .project-gift-cards-banner .project-image-container.horizontal.custom .paper-color, .project-summary .project-image-container.horizontal.custom .paper-color, .refer-friends-banner .project-image-container.horizontal.custom .paper-color {
            -webkit-transform: translate(-50%);
            -khtml-transform: translate(-50%);
            transform: translate(-50%);
            position: absolute;
            width: 100%;
            left: 50%;
            bottom: 0;
            height: 100%;
            z-index: 500;
        }

        .project-autobirthday-banner .project-image-container.horizontal.custom .card-image, .project-black-friday-sale-banner .project-image-container.horizontal.custom .card-image, .project-credit-banner .project-image-container.horizontal.custom .card-image, .project-cyber-monday-sale-banner .project-image-container.horizontal.custom .card-image, .project-free-stamps-banner .project-image-container.horizontal.custom .card-image, .project-generic-sale-banner .project-image-container.horizontal.custom .card-image, .project-gift-cards-banner .project-image-container.horizontal.custom .card-image, .project-summary .project-image-container.horizontal.custom .card-image, .refer-friends-banner .project-image-container.horizontal.custom .card-image {
            width: 100%;
            z-index: 600;
        }

        .project-autobirthday-banner .project-image-container.vertical.custom .paper-color, .project-black-friday-sale-banner .project-image-container.vertical.custom .paper-color, .project-credit-banner .project-image-container.vertical.custom .paper-color, .project-cyber-monday-sale-banner .project-image-container.vertical.custom .paper-color, .project-free-stamps-banner .project-image-container.vertical.custom .paper-color, .project-generic-sale-banner .project-image-container.vertical.custom .paper-color, .project-gift-cards-banner .project-image-container.vertical.custom .paper-color, .project-summary .project-image-container.vertical.custom .paper-color, .refer-friends-banner .project-image-container.vertical.custom .paper-color {
            -webkit-transform: translate(-50%,-50%);
            -khtml-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
            position: absolute;
            width: 100%;
            height: 100%;
            left: 50%;
            top: 50%;
            z-index: 500;
        }

        .project-autobirthday-banner .project-image-container.vertical.custom .card-image, .project-black-friday-sale-banner .project-image-container.vertical.custom .card-image, .project-credit-banner .project-image-container.vertical.custom .card-image, .project-cyber-monday-sale-banner .project-image-container.vertical.custom .card-image, .project-free-stamps-banner .project-image-container.vertical.custom .card-image, .project-generic-sale-banner .project-image-container.vertical.custom .card-image, .project-gift-cards-banner .project-image-container.vertical.custom .card-image, .project-summary .project-image-container.vertical.custom .card-image, .refer-friends-banner .project-image-container.vertical.custom .card-image {
            z-index: 600;
        }

        .project-autobirthday-banner .project-image-container.vertical.custom.a7 .paper-color, .project-black-friday-sale-banner .project-image-container.vertical.custom.a7 .paper-color, .project-credit-banner .project-image-container.vertical.custom.a7 .paper-color, .project-cyber-monday-sale-banner .project-image-container.vertical.custom.a7 .paper-color, .project-free-stamps-banner .project-image-container.vertical.custom.a7 .paper-color, .project-generic-sale-banner .project-image-container.vertical.custom.a7 .paper-color, .project-gift-cards-banner .project-image-container.vertical.custom.a7 .paper-color, .project-summary .project-image-container.vertical.custom.a7 .paper-color, .refer-friends-banner .project-image-container.vertical.custom.a7 .paper-color {
            width: 72.22222222%;
        }

        .project-autobirthday-banner .project-image-container.vertical.custom.a2 .paper-color, .project-black-friday-sale-banner .project-image-container.vertical.custom.a2 .paper-color, .project-credit-banner .project-image-container.vertical.custom.a2 .paper-color, .project-cyber-monday-sale-banner .project-image-container.vertical.custom.a2 .paper-color, .project-free-stamps-banner .project-image-container.vertical.custom.a2 .paper-color, .project-generic-sale-banner .project-image-container.vertical.custom.a2 .paper-color, .project-gift-cards-banner .project-image-container.vertical.custom.a2 .paper-color, .project-summary .project-image-container.vertical.custom.a2 .paper-color, .refer-friends-banner .project-image-container.vertical.custom.a2 .paper-color {
            width: 78.31325301%;
        }

        .project-autobirthday-banner .project-image-container .card-thumb-image, .project-black-friday-sale-banner .project-image-container .card-thumb-image, .project-credit-banner .project-image-container .card-thumb-image, .project-cyber-monday-sale-banner .project-image-container .card-thumb-image, .project-free-stamps-banner .project-image-container .card-thumb-image, .project-generic-sale-banner .project-image-container .card-thumb-image, .project-gift-cards-banner .project-image-container .card-thumb-image, .project-summary .project-image-container .card-thumb-image, .refer-friends-banner .project-image-container .card-thumb-image {
            -webkit-box-flex: 0;
            -moz-flex: 0 auto;
            -ms-flex: 0 auto;
            flex: 0 auto;
        }

    .project-autobirthday-banner .information, .project-black-friday-sale-banner .information, .project-credit-banner .information, .project-cyber-monday-sale-banner .information, .project-free-stamps-banner .information, .project-generic-sale-banner .information, .project-gift-cards-banner .information, .project-summary .information, .refer-friends-banner .information {
        display: block;
        -webkit-box-flex: 3;
        -moz-flex: 3;
        -ms-flex: 3;
        flex: 3;
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .project-autobirthday-banner .project-title, .project-black-friday-sale-banner .project-title, .project-credit-banner .project-title, .project-cyber-monday-sale-banner .project-title, .project-free-stamps-banner .project-title, .project-generic-sale-banner .project-title, .project-gift-cards-banner .project-title, .project-summary .project-title, .refer-friends-banner .project-title {
        font-family: brandongrotesque-bold,sans-serif;
        font-feature-settings: "kern";
        -webkit-font-feature-settings: "kern";
        -moz-font-feature-settings: "kern";
        -moz-font-feature-settings: "kern=1";
        letter-spacing: .01em;
        font-size: 1.5rem;
        line-height: 1.5em;
    }

        .project-autobirthday-banner .project-title a, .project-black-friday-sale-banner .project-title a, .project-credit-banner .project-title a, .project-cyber-monday-sale-banner .project-title a, .project-free-stamps-banner .project-title a, .project-generic-sale-banner .project-title a, .project-gift-cards-banner .project-title a, .project-summary .project-title a, .refer-friends-banner .project-title a {
            color: #00265d;
        }

            .project-autobirthday-banner .project-title a:hover, .project-black-friday-sale-banner .project-title a:hover, .project-credit-banner .project-title a:hover, .project-cyber-monday-sale-banner .project-title a:hover, .project-free-stamps-banner .project-title a:hover, .project-generic-sale-banner .project-title a:hover, .project-gift-cards-banner .project-title a:hover, .project-summary .project-title a:hover, .refer-friends-banner .project-title a:hover {
                color: #00b7b5;
            }

    .project-autobirthday-banner .project-details, .project-black-friday-sale-banner .project-details, .project-credit-banner .project-details, .project-cyber-monday-sale-banner .project-details, .project-free-stamps-banner .project-details, .project-generic-sale-banner .project-details, .project-gift-cards-banner .project-details, .project-summary .project-details, .refer-friends-banner .project-details {
        font-size: 1.25rem;
        padding-top: .5rem;
    }

        .project-autobirthday-banner .project-details .date-modified, .project-autobirthday-banner .project-details .draft-count, .project-autobirthday-banner .project-details .sent-count, .project-black-friday-sale-banner .project-details .date-modified, .project-black-friday-sale-banner .project-details .draft-count, .project-black-friday-sale-banner .project-details .sent-count, .project-credit-banner .project-details .date-modified, .project-credit-banner .project-details .draft-count, .project-credit-banner .project-details .sent-count, .project-cyber-monday-sale-banner .project-details .date-modified, .project-cyber-monday-sale-banner .project-details .draft-count, .project-cyber-monday-sale-banner .project-details .sent-count, .project-free-stamps-banner .project-details .date-modified, .project-free-stamps-banner .project-details .draft-count, .project-free-stamps-banner .project-details .sent-count, .project-generic-sale-banner .project-details .date-modified, .project-generic-sale-banner .project-details .draft-count, .project-generic-sale-banner .project-details .sent-count, .project-gift-cards-banner .project-details .date-modified, .project-gift-cards-banner .project-details .draft-count, .project-gift-cards-banner .project-details .sent-count, .project-summary .project-details .date-modified, .project-summary .project-details .draft-count, .project-summary .project-details .sent-count, .refer-friends-banner .project-details .date-modified, .refer-friends-banner .project-details .draft-count, .refer-friends-banner .project-details .sent-count {
            margin: 1rem;
        }

            .project-autobirthday-banner .project-details .date-modified:first-child, .project-autobirthday-banner .project-details .draft-count:first-child, .project-autobirthday-banner .project-details .sent-count:first-child, .project-black-friday-sale-banner .project-details .date-modified:first-child, .project-black-friday-sale-banner .project-details .draft-count:first-child, .project-black-friday-sale-banner .project-details .sent-count:first-child, .project-credit-banner .project-details .date-modified:first-child, .project-credit-banner .project-details .draft-count:first-child, .project-credit-banner .project-details .sent-count:first-child, .project-cyber-monday-sale-banner .project-details .date-modified:first-child, .project-cyber-monday-sale-banner .project-details .draft-count:first-child, .project-cyber-monday-sale-banner .project-details .sent-count:first-child, .project-free-stamps-banner .project-details .date-modified:first-child, .project-free-stamps-banner .project-details .draft-count:first-child, .project-free-stamps-banner .project-details .sent-count:first-child, .project-generic-sale-banner .project-details .date-modified:first-child, .project-generic-sale-banner .project-details .draft-count:first-child, .project-generic-sale-banner .project-details .sent-count:first-child, .project-gift-cards-banner .project-details .date-modified:first-child, .project-gift-cards-banner .project-details .draft-count:first-child, .project-gift-cards-banner .project-details .sent-count:first-child, .project-summary .project-details .date-modified:first-child, .project-summary .project-details .draft-count:first-child, .project-summary .project-details .sent-count:first-child, .refer-friends-banner .project-details .date-modified:first-child, .refer-friends-banner .project-details .draft-count:first-child, .refer-friends-banner .project-details .sent-count:first-child {
                margin-left: 0;
            }

        .project-autobirthday-banner .project-details a:not(.button-info), .project-black-friday-sale-banner .project-details a:not(.button-info), .project-credit-banner .project-details a:not(.button-info), .project-cyber-monday-sale-banner .project-details a:not(.button-info), .project-free-stamps-banner .project-details a:not(.button-info), .project-generic-sale-banner .project-details a:not(.button-info), .project-gift-cards-banner .project-details a:not(.button-info), .project-summary .project-details a:not(.button-info), .refer-friends-banner .project-details a:not(.button-info) {
            color: #00265d;
            text-align: left;
        }

            .project-autobirthday-banner .project-details a:not(.button-info):hover, .project-black-friday-sale-banner .project-details a:not(.button-info):hover, .project-credit-banner .project-details a:not(.button-info):hover, .project-cyber-monday-sale-banner .project-details a:not(.button-info):hover, .project-free-stamps-banner .project-details a:not(.button-info):hover, .project-generic-sale-banner .project-details a:not(.button-info):hover, .project-gift-cards-banner .project-details a:not(.button-info):hover, .project-summary .project-details a:not(.button-info):hover, .refer-friends-banner .project-details a:not(.button-info):hover {
                color: #00b7b5;
            }

            .project-autobirthday-banner .project-details a:not(.button-info) svg, .project-black-friday-sale-banner .project-details a:not(.button-info) svg, .project-credit-banner .project-details a:not(.button-info) svg, .project-cyber-monday-sale-banner .project-details a:not(.button-info) svg, .project-free-stamps-banner .project-details a:not(.button-info) svg, .project-generic-sale-banner .project-details a:not(.button-info) svg, .project-gift-cards-banner .project-details a:not(.button-info) svg, .project-summary .project-details a:not(.button-info) svg, .refer-friends-banner .project-details a:not(.button-info) svg {
                height: 1.25rem;
                margin-right: 2px;
                position: relative;
                top: 2px;
                width: 1.25rem;
            }

    .project-autobirthday-banner .button-delete, .project-black-friday-sale-banner .button-delete, .project-credit-banner .button-delete, .project-cyber-monday-sale-banner .button-delete, .project-free-stamps-banner .button-delete, .project-generic-sale-banner .button-delete, .project-gift-cards-banner .button-delete, .project-summary .button-delete, .refer-friends-banner .button-delete {
        position: absolute;
        right: 1rem;
        top: 1rem;
        width: 1.625rem;
        height: 1.625rem;
        cursor: pointer;
    }

@media only screen and (max-width:42em) {
    .project-autobirthday-banner .button-delete a.delete, .project-black-friday-sale-banner .button-delete a.delete, .project-credit-banner .button-delete a.delete, .project-cyber-monday-sale-banner .button-delete a.delete, .project-free-stamps-banner .button-delete a.delete, .project-generic-sale-banner .button-delete a.delete, .project-gift-cards-banner .button-delete a.delete, .project-summary .button-delete a.delete, .refer-friends-banner .button-delete a.delete {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 100%;
        height: 100%;
        padding: 10px;
    }
}

.project-autobirthday-banner .button-delete svg, .project-black-friday-sale-banner .button-delete svg, .project-credit-banner .button-delete svg, .project-cyber-monday-sale-banner .button-delete svg, .project-free-stamps-banner .button-delete svg, .project-generic-sale-banner .button-delete svg, .project-gift-cards-banner .button-delete svg, .project-summary .button-delete svg, .refer-friends-banner .button-delete svg {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1rem;
    height: 1rem;
    -webkit-transform: translate(-50%,-50%);
    -khtml-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.project-summary.static .button-delete, .project-summary.static .project-details, .static.project-autobirthday-banner .button-delete, .static.project-autobirthday-banner .project-details, .static.project-black-friday-sale-banner .button-delete, .static.project-black-friday-sale-banner .project-details, .static.project-credit-banner .button-delete, .static.project-credit-banner .project-details, .static.project-cyber-monday-sale-banner .button-delete, .static.project-cyber-monday-sale-banner .project-details, .static.project-free-stamps-banner .button-delete, .static.project-free-stamps-banner .project-details, .static.project-generic-sale-banner .button-delete, .static.project-generic-sale-banner .project-details, .static.project-gift-cards-banner .button-delete, .static.project-gift-cards-banner .project-details, .static.refer-friends-banner .button-delete, .static.refer-friends-banner .project-details {
    display: none;
}

.project-summary.static .project-title a, .static.project-autobirthday-banner .project-title a, .static.project-black-friday-sale-banner .project-title a, .static.project-credit-banner .project-title a, .static.project-cyber-monday-sale-banner .project-title a, .static.project-free-stamps-banner .project-title a, .static.project-generic-sale-banner .project-title a, .static.project-gift-cards-banner .project-title a, .static.refer-friends-banner .project-title a {
    cursor: default;
    pointer-events: none;
}

@media only screen and (min-width:42.0625em) and (max-width:64em) {
    .project-autobirthday-banner .information, .project-black-friday-sale-banner .information, .project-credit-banner .information, .project-cyber-monday-sale-banner .information, .project-free-stamps-banner .information, .project-generic-sale-banner .information, .project-gift-cards-banner .information, .project-summary .information, .refer-friends-banner .information {
        padding-right: 0;
    }

    .project-autobirthday-banner .project-image-container, .project-black-friday-sale-banner .project-image-container, .project-credit-banner .project-image-container, .project-cyber-monday-sale-banner .project-image-container, .project-free-stamps-banner .project-image-container, .project-generic-sale-banner .project-image-container, .project-gift-cards-banner .project-image-container, .project-summary .project-image-container, .refer-friends-banner .project-image-container {
        -webkit-box-flex: 2;
        -moz-flex: 2 auto;
        -ms-flex: 2 auto;
        flex: 2 auto;
    }
}

@media only screen and (max-width:42em) {
    .project-autobirthday-banner, .project-black-friday-sale-banner, .project-credit-banner, .project-cyber-monday-sale-banner, .project-free-stamps-banner, .project-generic-sale-banner, .project-gift-cards-banner, .project-summary, .refer-friends-banner {
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        height: auto;
        padding-top: 3rem;
    }

        .project-autobirthday-banner .information, .project-black-friday-sale-banner .information, .project-credit-banner .information, .project-cyber-monday-sale-banner .information, .project-free-stamps-banner .information, .project-generic-sale-banner .information, .project-gift-cards-banner .information, .project-summary .information, .refer-friends-banner .information {
            -webkit-box-flex: 1;
            -moz-flex: 1;
            -ms-flex: 1;
            flex: 1;
            padding: 1rem 0 0;
            text-align: center;
            width: 100%;
        }

        .project-autobirthday-banner .project-image-container, .project-black-friday-sale-banner .project-image-container, .project-credit-banner .project-image-container, .project-cyber-monday-sale-banner .project-image-container, .project-free-stamps-banner .project-image-container, .project-generic-sale-banner .project-image-container, .project-gift-cards-banner .project-image-container, .project-summary .project-image-container, .refer-friends-banner .project-image-container {
            -webkit-box-flex: 3;
            -moz-flex: 3 auto;
            -ms-flex: 3 auto;
            flex: 3 auto;
            max-width: 100%;
            width: 15.625rem;
            padding: 0;
        }
}

.recipients-picker-search-header {
    position: relative;
}

    .recipients-picker-search-header .search-box, .recipients-picker-search-header .search-options {
        background: transparent;
    }

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

.search-box {
    background: #fff;
    border-bottom: 1px solid #f0f5fb;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 50%;
    flex: 1 0 50%;
    padding: .625rem;
    position: relative;
}

    .search-box input.search-filter {
        margin-bottom: 0;
        padding-right: 2.8125rem !important;
    }

    .search-box .right {
        -webkit-transform: translateY(-50%);
        -khtml-transform: translateY(-50%);
        transform: translateY(-50%);
        position: absolute;
        right: 1.25rem;
        top: 50%;
        color: inherit;
    }

    .search-box .search-clear.active, .search-box .search-icon.active {
        display: block;
    }

    .search-box .search-clear {
        cursor: pointer;
        display: none;
        height: 1rem;
        position: relative;
        top: -.1875rem;
        width: 1rem;
    }

    .search-box .search-icon {
        display: none;
        position: relative;
        top: .1875rem;
    }

        .search-box .search-icon svg {
            width: 20px;
        }

            .search-box .search-icon svg line, .search-box .search-icon svg path {
                stroke: #00265d;
            }

.search-options {
    background: #fff;
    border-bottom: 1px solid #f0f5fb;
    padding: .625rem;
    padding-left: 0;
}

    .search-options .button, .search-options .button-alt, .search-options .button-clear, .search-options .button-continue, .search-options .button-danger, .search-options .button-error, .search-options .button-info, .search-options .button-modal-cancel, .search-options .button-modal-confirm, .search-options .button-white {
        margin: 0;
        min-width: 0;
    }

.search-dropdown-hide, .search-filter-hide, .show-when-search {
    display: none;
}

.step .icon {
    height: 5rem;
    margin-bottom: 1rem;
}

    .step .icon svg {
        height: 100%;
    }

.step .title {
    font-family: brandongrotesque-bold,sans-serif;
    font-feature-settings: "kern";
    -webkit-font-feature-settings: "kern";
    -moz-font-feature-settings: "kern";
    -moz-font-feature-settings: "kern=1";
    letter-spacing: .01em;
    text-transform: none;
    font-size: 1.5rem;
}

.step .description {
    font-size: 1.375rem;
}

.tab-container {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: none;
    flex-wrap: nowrap;
}

    .tab-container .tab-button {
        -webkit-box-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

.welcome-block {
    margin: 0 auto;
    max-width: 75rem;
    width: 100%;
    max-width: 1200px;
    margin: 1rem auto;
    padding: 0 1rem;
}

    .welcome-block:after, .welcome-block:before {
        content: " ";
        display: table;
    }

    .welcome-block:after {
        clear: both;
    }

@media only screen and (max-width:42em) {
    .welcome-block {
        padding: 0;
    }
}

.welcome-block .welcome-block-content {
    background: #fff;
}

    .welcome-block .welcome-block-content:after, .welcome-block .welcome-block-content:before {
        content: " ";
        display: table;
    }

    .welcome-block .welcome-block-content:after {
        clear: both;
    }

.welcome-block .welcome-block-header, .welcome-block .welcome-block-section {
    padding-left: .9375rem;
    padding-right: .9375rem;
    width: 100%;
    float: left;
    text-align: center;
    border-bottom: 1px solid #f0f5fb;
}

.welcome-block .welcome-block-section {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: none;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center;
    position: relative;
}

@media only screen and (max-width:42em) {
    .welcome-block .welcome-block-section {
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.welcome-block .welcome-block-section:last-child {
    border: none;
}

.welcome-block .welcome-block-text {
    padding: 1rem;
    -webkit-box-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: none;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -moz-justify-content: center;
    justify-content: center;
    height: 100%;
}

    .welcome-block .welcome-block-text .button, .welcome-block .welcome-block-text .button-alt, .welcome-block .welcome-block-text .button-clear, .welcome-block .welcome-block-text .button-continue, .welcome-block .welcome-block-text .button-danger, .welcome-block .welcome-block-text .button-error, .welcome-block .welcome-block-text .button-info, .welcome-block .welcome-block-text .button-modal-cancel, .welcome-block .welcome-block-text .button-modal-confirm, .welcome-block .welcome-block-text .button-white {
        min-width: 230px;
    }

.welcome-block .welcome-block-image {
    -webkit-box-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 1rem;
}

.refer-friends-banner {
    background-color: #ffd579;
    cursor: pointer;
}

    .refer-friends-banner:hover {
        background-color: #ffd579 !important;
    }

@media only screen and (max-width:42em) {
    .refer-friends-banner .information {
        padding: 0 !important;
    }
}

.refer-friends-banner img {
    max-height: 164px;
    padding: 14px 0;
}

.refer-friends-banner .project-title .h4, .refer-friends-banner .project-title h4 {
    color: #00265d;
    font-size: 1.875rem;
    margin-bottom: 0;
}

@media only screen and (min-width:42.0625em) and (max-width:64em) {
    .refer-friends-banner .project-title .h4, .refer-friends-banner .project-title h4 {
        font-size: 1rem;
    }
}

@media only screen and (max-width:42em) {
    .refer-friends-banner .project-title .h4, .refer-friends-banner .project-title h4 {
        font-size: 1.5rem;
    }
}

.refer-friends-banner .project-details {
    padding-top: 0 !important;
}

@media only screen and (max-width:42em) {
    .refer-friends-banner .project-details {
        padding-bottom: 1rem;
    }
}

.refer-friends-banner .project-details p {
    color: #00265d !important;
    font-size: 1.25rem;
    margin-top: 6px;
}

.refer-friends-banner .project-details .button, .refer-friends-banner .project-details .button-alt, .refer-friends-banner .project-details .button-clear, .refer-friends-banner .project-details .button-continue, .refer-friends-banner .project-details .button-danger, .refer-friends-banner .project-details .button-error, .refer-friends-banner .project-details .button-info, .refer-friends-banner .project-details .button-modal-cancel, .refer-friends-banner .project-details .button-modal-confirm, .refer-friends-banner .project-details .button-white {
    color: #fff !important;
    margin-bottom: 0;
}

.refer-friends-banner .button-delete svg line {
    stroke: #00265d;
}

.about-card-category {
    padding: 2.5rem 0;
}

.pac-container {
    z-index: 2200;
}

section.address-book-block {
    text-align: center;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}

    section.address-book-block .section-description, section.address-book-block .section-header {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    section.address-book-block .h1, section.address-book-block .h2, section.address-book-block h1, section.address-book-block h2 {
        color: #fff;
    }

    section.address-book-block .h2, section.address-book-block h2 {
        font-size: 1.5rem;
    }

    section.address-book-block .image {
        display: block;
        margin: 2rem auto;
        max-width: 100%;
    }

        section.address-book-block .image svg {
            width: 100%;
        }

    section.address-book-block .contents {
        margin: 0 auto;
        max-width: 75rem;
        width: 100%;
        padding: 0 2rem;
    }

        section.address-book-block .contents:after, section.address-book-block .contents:before {
            content: " ";
            display: table;
        }

        section.address-book-block .contents:after {
            clear: both;
        }

    section.address-book-block, section.address-book-block .image {
        padding-bottom: 0;
        margin-bottom: 0;
    }

        section.address-book-block .section-description, section.address-book-block .section-header {
            color: inherit;
        }

        section.address-book-block .image {
            margin-bottom: 0;
        }

        section.address-book-block a.learn-more {
            display: block;
            max-width: 13.75rem;
            margin: 2rem auto 0 !important;
        }

@media only screen and (max-width:42em) {
    section.address-book-block {
        padding: 1rem 1rem 0;
    }
}

.address-form .expand-fields, .address-form .show-expanded-address-fields {
    position: absolute;
    right: 1.5rem;
    top: 0;
    font-size: 1.5rem;
    color: #555;
}

.address-form .error input[data-fv-field] {
    color: #e6176d;
}

    .address-form .error input[data-fv-field]::-webkit-input-placeholder {
        color: #e6176d !important;
    }

    .address-form .error input[data-fv-field]:-moz-placeholder, .address-form .error input[data-fv-field]::-moz-placeholder {
        color: #e6176d !important;
    }

    .address-form .error input[data-fv-field]:-ms-input-placeholder {
        color: #e6176d !important;
    }

.address-review {
    background-color: #fff;
    display: none;
    max-height: 100%;
    position: relative;
    width: 100%;
    z-index: 1500;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: none;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,.2);
    -ms-box-shadow: 0 0 2px rgba(0,0,0,.2);
    -o-box-shadow: 0 0 2px rgba(0,0,0,.2);
    box-shadow: 0 0 2px rgba(0,0,0,.2);
    border-radius: 4px;
    display: block;
    background: #fff;
    min-height: 100%;
    overflow: scroll;
}

    .address-review.active {
        display: -webkit-box;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
    }

@media only screen and (max-width:42em) {
    .address-review {
        top: 0;
        left: 0;
        height: auto;
    }
}

@media only screen and (max-width:42em) {
    .address-review.modal-panel {
        height: calc(100vh - 45px);
        margin-top: 45px;
        position: fixed;
        width: 100vw;
    }

        .address-review.modal-panel .panel-header {
            border-radius: 0;
            display: block !important;
        }

        .address-review.modal-panel .panel-body {
            padding-bottom: 150px;
        }

        .address-review.modal-panel .panel-footer {
            border-radius: 0;
            bottom: 0;
            left: 0;
            position: fixed;
            right: 0;
        }

        .address-review.modal-panel .tab-container {
            border-bottom: 1px solid #f0f5fb;
        }

        .address-review.modal-panel .tab-button {
            background-color: #fff;
            font-size: 1.125rem !important;
            padding: .594rem 1rem;
        }

            .address-review.modal-panel .tab-button .h4, .address-review.modal-panel .tab-button h4 {
                font-family: brandongrotesque-bold,sans-serif;
                font-feature-settings: "kern";
                -webkit-font-feature-settings: "kern";
                -moz-font-feature-settings: "kern";
                -moz-font-feature-settings: "kern=1";
                letter-spacing: .01em;
                color: #00265d !important;
                text-transform: none;
            }

            .address-review.modal-panel .tab-button:hover.only-tab {
                color: inherit !important;
                background: #fff !important;
            }

            .address-review.modal-panel .tab-button.active:not(.only-tab) .h4, .address-review.modal-panel .tab-button.active:not(.only-tab) h4 {
                color: #00b7b5 !important;
            }
}

.address-review.no-header .panel-header {
    display: none !important;
}

.address-review.no-header .panel-loader {
    top: 0;
}

.address-review .button-back {
    cursor: pointer;
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 2.75rem;
}

    .address-review .button-back img, .address-review .button-back svg {
        -webkit-transform: translateY(-50%);
        -khtml-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 15px;
        position: absolute;
        top: 50%;
        width: 11px;
    }

    .address-review .button-back > img, .address-review .button-back > svg {
        height: 45%;
    }

    .address-review .button-back svg polyline {
        stroke: #fff;
    }

    .address-review .button-back:hover {
        background-color: #000;
    }

.address-review.show-back-button .button-back {
    display: inline-block;
}

.address-review .panel-loader {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center;
    background: #fff;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}

    .address-review .panel-loader img {
        max-width: 25%;
    }

.address-review .panel-body {
    -webkit-box-flex: 1;
    -moz-flex: 1 auto;
    -ms-flex: 1 auto;
    flex: 1 auto;
    position: relative;
    overflow-y: auto;
    padding: .625rem;
}

    .address-review .panel-body > p {
        padding: 1rem;
        margin-bottom: 0;
    }

    .address-review .panel-body.no-padding {
        padding: 0;
    }

    .address-review .panel-body hr {
        border-color: #f0f5fb;
        margin: 0;
    }

    .address-review .panel-body .panel-cta-row {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-top: 1px solid #f0f5fb;
        color: inherit;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 1.125rem;
        height: 60px;
        padding: .625rem;
        position: relative;
        text-align: left;
    }

        .address-review .panel-body .panel-cta-row img.arrow {
            height: auto;
            margin-right: 0;
            position: absolute;
            right: .625rem;
            top: 50%;
            -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
        }

        .address-review .panel-body .panel-cta-row img, .address-review .panel-body .panel-cta-row svg {
            height: 25px;
            margin-right: 10px;
            vertical-align: middle;
        }

        .address-review .panel-body .panel-cta-row:hover {
            background-color: #ffd579;
        }

.address-review .panel-icon {
    height: 3.75rem;
    margin: 1.875rem 0 0;
    text-align: center;
}

    .address-review .panel-icon img, .address-review .panel-icon svg {
        height: 100%;
        width: 100%;
    }

.address-review .panel-footer {
    -webkit-box-flex: 0;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    position: relative;
    background-color: #fff;
    border-radius: 0 0 4px 4px;
    border-top: 1px solid #f0f5fb;
    font-size: 1.125rem;
}

    .address-review .panel-footer .panel-footer-link {
        padding: 0 0 .625rem;
        background-color: #fff;
        border-radius: 0 0 4px 4px;
        text-align: center;
    }

        .address-review .panel-footer .panel-footer-link a {
            font-family: brandongrotesque-regular,sans-serif;
            letter-spacing: normal;
        }

        .address-review .panel-footer .panel-footer-link p {
            margin: 1rem 0;
        }

.address-review .radio-button .title {
    font-size: 18px;
}

@media only screen and (max-width:42em) {
    .address-review {
        padding-bottom: 1.25rem;
    }
}

.address-review .interaction-hint {
    padding-left: 1rem;
}

.address-review .address-list {
    padding: 1rem;
    overflow-y: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    overflow-x: hidden;
}

    .address-review .address-list .envelope-address-thumbnail {
        margin-bottom: 1rem;
    }

.artist-social-buttons {
    background: #fff;
}

    .artist-social-buttons > button {
        display: inline-block;
    }

.banner-artist .hero-section {
    background: #f0f5fb;
    position: relative;
    height: auto;
    padding: 2rem;
}

@media only screen and (min-width:64.0625em) {
    .banner-artist .hero-section {
        height: 500px;
    }
}

.banner-artist .artist-hero {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
}

    .banner-artist .artist-hero.align-top {
        background-position: top;
    }

    .banner-artist .artist-hero.align-center {
        background-position: 50%;
    }

    .banner-artist .artist-hero.align-bottom {
        background-position: bottom;
    }

.banner-artist .artist-summary {
    position: relative;
    width: 35%;
    min-width: 270px;
    max-width: 300px;
    height: auto;
    top: 0;
    left: 0;
    padding: 2rem;
    background: #fff;
    text-align: center;
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,.2);
    -ms-box-shadow: 0 0 2px rgba(0,0,0,.2);
    -o-box-shadow: 0 0 2px rgba(0,0,0,.2);
    box-shadow: 0 0 2px rgba(0,0,0,.2);
    border-radius: 4px;
}

    .banner-artist .artist-summary .logo {
        width: 100%;
        padding-bottom: 1rem;
        margin: 0 auto;
    }

.banner-artist .artist-social-buttons {
    position: relative;
    margin-top: 1.5rem;
}

    .banner-artist .artist-social-buttons .button-icon-social {
        padding-left: 3%;
        padding-right: 3%;
        margin-bottom: 0;
    }

        .banner-artist .artist-social-buttons .button-icon-social svg {
            height: 37px;
            width: 37px;
        }

.banner-artist .artist-description {
    background: #fff;
    text-align: center;
    width: 100%;
    padding: 3rem;
}

@media only screen and (max-width:42em) {
    .banner-artist .artist-description {
        padding-left: 16px;
        padding-right: 16px;
    }
}

.banner-artist .artist-description .description, .banner-artist .artist-description .name {
    margin: 0 auto;
    max-width: 56.25rem;
}

.banner-artist .artist-description .name {
    margin: 0 auto 1.25rem;
    text-align: center;
}

@media only screen and (max-width:42em) {
    .banner-artist .hero-section {
        padding: 0;
    }

    .banner-artist .artist-hero {
        position: relative;
        height: 52.08333333vw;
        background-position: 50%;
        background-size: cover;
    }

    .banner-artist .artist-summary {
        margin: 0;
        padding: 2rem;
        width: 100%;
        min-width: 100%;
    }

        .banner-artist .artist-summary .logo {
            max-width: 300px;
        }

            .banner-artist .artist-summary .logo img {
                max-height: 120px;
            }

        .banner-artist .artist-summary .artist-social-buttons button {
            padding: 1rem 1rem 0 0 !important;
        }

            .banner-artist .artist-summary .artist-social-buttons button:last-child {
                padding-right: 0 !important;
            }
}

.banner-cards {
    overflow: hidden;
    position: relative;
    padding: 0 1rem;
    z-index: 1400;
    color: #fff;
    background: #b4ffff;
}

    .banner-cards .banner-content {
        display: -webkit-box;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-direction: normal;
        -webkit-box-orient: horizontal;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: none;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -moz-justify-content: space-between;
        justify-content: space-between;
        -webkit-box-align: end;
        -ms-flex-align: end;
        -moz-align-items: flex-end;
        align-items: flex-end;
        position: relative;
        height: 40vw;
        max-width: 73rem;
        max-height: 450px;
        padding: 0;
        margin: 0 auto;
    }

@media only screen and (max-width:42em) {
    .banner-cards .banner-content {
        height: 35vw;
    }
}

.banner-cards .banner-text {
    -webkit-box-flex: 5;
    -moz-flex: 5;
    -ms-flex: 5;
    flex: 5;
    padding-right: 1rem;
    height: 100%;
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: none;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -moz-align-items: flex-start;
    align-items: flex-start;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    text-align: left;
    color: #00b7b5;
}

@media only screen and (max-width:42em) {
    .banner-cards .banner-text {
        -webkit-box-flex: 7;
        -moz-flex: 7;
        -ms-flex: 7;
        flex: 7;
    }
}

.banner-cards .banner-text * {
    height: auto;
    color: inherit;
}

.banner-cards .banner-text .sub-text {
    color: #00265d;
}

.banner-cards .banner-text .large {
    max-width: 500px;
    position: relative;
}

@media only screen and (max-width:42em) {
    .banner-cards .banner-text .large {
        display: none;
    }
}

.banner-cards .banner-text .large .title-text {
    font-size: 2.5rem;
}

.banner-cards .banner-text .large .sub-text {
    font-family: brandongrotesque-regular,sans-serif;
    letter-spacing: normal;
    font-size: 1.375rem;
    text-transform: none;
}

@media only screen and (min-width:42.0625em) {
    .banner-cards .banner-text .small {
        display: none;
    }
}

.banner-cards .banner-text .small .small-text {
    font-size: 1.875rem;
    margin: 0;
}

@media only screen and (max-width:42em) {
    .banner-cards .banner-text .small .small-text {
        font-size: 1.375rem;
        font-weight: 400;
    }
}

.banner-cards .banner-text .button, .banner-cards .banner-text .button-alt, .banner-cards .banner-text .button-clear, .banner-cards .banner-text .button-continue, .banner-cards .banner-text .button-danger, .banner-cards .banner-text .button-error, .banner-cards .banner-text .button-info, .banner-cards .banner-text .button-modal-cancel, .banner-cards .banner-text .button-modal-confirm, .banner-cards .banner-text .button-white {
    background-color: #00265d;
    color: #fff;
    margin: 1rem 0 0;
}

    .banner-cards .banner-text .button-alt:hover, .banner-cards .banner-text .button-clear:hover, .banner-cards .banner-text .button-continue:hover, .banner-cards .banner-text .button-danger:hover, .banner-cards .banner-text .button-error:hover, .banner-cards .banner-text .button-info:hover, .banner-cards .banner-text .button-modal-cancel:hover, .banner-cards .banner-text .button-modal-confirm:hover, .banner-cards .banner-text .button-white:hover, .banner-cards .banner-text .button:hover {
        background-color: #39517a;
    }

@media only screen and (max-width:42em) {
    .banner-cards .banner-text .button, .banner-cards .banner-text .button-alt, .banner-cards .banner-text .button-clear, .banner-cards .banner-text .button-continue, .banner-cards .banner-text .button-danger, .banner-cards .banner-text .button-error, .banner-cards .banner-text .button-info, .banner-cards .banner-text .button-modal-cancel, .banner-cards .banner-text .button-modal-confirm, .banner-cards .banner-text .button-white {
        display: none;
    }
}

.banner-cards .banner-card-animation {
    -webkit-box-flex: 4;
    -moz-flex: 4;
    -ms-flex: 4;
    flex: 4;
    bottom: 20px;
}

@media only screen and (max-width:42em) {
    .banner-cards .banner-card-animation {
        -webkit-box-flex: 5;
        -moz-flex: 5;
        -ms-flex: 5;
        flex: 5;
    }
}

.banner-cards .banner-card-image-custom {
    -webkit-box-flex: 3;
    -moz-flex: 3;
    -ms-flex: 3;
    flex: 3;
    height: 100%;
    width: auto;
}

@media only screen and (max-width:42em) {
    .banner-cards .banner-card-image-custom {
        -webkit-box-flex: 5;
        -moz-flex: 5;
        -ms-flex: 5;
        flex: 5;
    }
}

.banner-cards .banner-card-image-custom img {
    height: 100%;
}

.banner-cards.banner-right .banner-content .banner-card-animation, .banner-cards.banner-right .banner-content .banner-card-image-custom {
    -webkit-box-ordinal-group: 2;
    -moz-order: 1;
    -ms-flex-order: 1;
    order: 1;
}

.banner-cards.banner-right .banner-content .banner-text {
    -webkit-box-ordinal-group: 3;
    -moz-order: 2;
    -ms-flex-order: 2;
    order: 2;
    padding-left: 1.25rem;
    padding-right: 0;
}

.banner-section.banner-confirmation {
    background: #ffd579;
}

    .banner-section.banner-confirmation .content .text-block {
        text-align: left;
    }

        .banner-section.banner-confirmation .content .text-block .h1, .banner-section.banner-confirmation .content .text-block h1 {
            color: #00265d;
        }

        .banner-section.banner-confirmation .content .text-block p {
            font-size: 1.375rem;
            margin-bottom: 2rem;
        }

        .banner-section.banner-confirmation .content .text-block .button, .banner-section.banner-confirmation .content .text-block .button-alt, .banner-section.banner-confirmation .content .text-block .button-alt:focus, .banner-section.banner-confirmation .content .text-block .button-clear, .banner-section.banner-confirmation .content .text-block .button-clear:focus, .banner-section.banner-confirmation .content .text-block .button-continue, .banner-section.banner-confirmation .content .text-block .button-continue:focus, .banner-section.banner-confirmation .content .text-block .button-danger, .banner-section.banner-confirmation .content .text-block .button-danger:focus, .banner-section.banner-confirmation .content .text-block .button-error, .banner-section.banner-confirmation .content .text-block .button-error:focus, .banner-section.banner-confirmation .content .text-block .button-info, .banner-section.banner-confirmation .content .text-block .button-info:focus, .banner-section.banner-confirmation .content .text-block .button-modal-cancel, .banner-section.banner-confirmation .content .text-block .button-modal-cancel:focus, .banner-section.banner-confirmation .content .text-block .button-modal-confirm, .banner-section.banner-confirmation .content .text-block .button-modal-confirm:focus, .banner-section.banner-confirmation .content .text-block .button-white, .banner-section.banner-confirmation .content .text-block .button-white:focus, .banner-section.banner-confirmation .content .text-block .button:focus {
            background-color: #00265d;
        }

            .banner-section.banner-confirmation .content .text-block .button-alt:hover, .banner-section.banner-confirmation .content .text-block .button-clear:hover, .banner-section.banner-confirmation .content .text-block .button-continue:hover, .banner-section.banner-confirmation .content .text-block .button-danger:hover, .banner-section.banner-confirmation .content .text-block .button-error:hover, .banner-section.banner-confirmation .content .text-block .button-info:hover, .banner-section.banner-confirmation .content .text-block .button-modal-cancel:hover, .banner-section.banner-confirmation .content .text-block .button-modal-confirm:hover, .banner-section.banner-confirmation .content .text-block .button-white:hover, .banner-section.banner-confirmation .content .text-block .button:hover {
                background-color: #39517a;
            }

    .banner-section.banner-confirmation .content .hero-image {
        margin: 86px 0;
    }

@media only screen and (max-width:42em) {
    .banner-section.banner-confirmation .content .text-block {
        text-align: center;
    }

        .banner-section.banner-confirmation .content .text-block p {
            margin-bottom: 1rem;
        }

    .banner-section.banner-confirmation .content .hero-image {
        margin: 4rem 0;
    }
}

.banner-section.banner-confirmation.write-congress {
    background: #e6176d;
}

    .banner-section.banner-confirmation.write-congress .content .text-block, .banner-section.banner-confirmation.write-congress .content .text-block .h1, .banner-section.banner-confirmation.write-congress .content .text-block h1 {
        color: #fff;
    }

        .banner-section.banner-confirmation.write-congress .content .text-block .button, .banner-section.banner-confirmation.write-congress .content .text-block .button-alt, .banner-section.banner-confirmation.write-congress .content .text-block .button-clear, .banner-section.banner-confirmation.write-congress .content .text-block .button-continue, .banner-section.banner-confirmation.write-congress .content .text-block .button-danger, .banner-section.banner-confirmation.write-congress .content .text-block .button-error, .banner-section.banner-confirmation.write-congress .content .text-block .button-info, .banner-section.banner-confirmation.write-congress .content .text-block .button-modal-cancel, .banner-section.banner-confirmation.write-congress .content .text-block .button-modal-confirm, .banner-section.banner-confirmation.write-congress .content .text-block .button-white {
            min-width: 175px;
            width: 175px;
        }

            .banner-section.banner-confirmation.write-congress .content .text-block .button-alt svg, .banner-section.banner-confirmation.write-congress .content .text-block .button-clear svg, .banner-section.banner-confirmation.write-congress .content .text-block .button-continue svg, .banner-section.banner-confirmation.write-congress .content .text-block .button-danger svg, .banner-section.banner-confirmation.write-congress .content .text-block .button-error svg, .banner-section.banner-confirmation.write-congress .content .text-block .button-info svg, .banner-section.banner-confirmation.write-congress .content .text-block .button-modal-cancel svg, .banner-section.banner-confirmation.write-congress .content .text-block .button-modal-confirm svg, .banner-section.banner-confirmation.write-congress .content .text-block .button-white svg, .banner-section.banner-confirmation.write-congress .content .text-block .button svg {
                height: 25px;
                left: 15px;
                position: absolute;
                top: 12px;
            }

.block-notifications, .panel-contact-welcome {
    background-color: #fff;
    display: none;
    max-height: 100%;
    position: relative;
    width: 100%;
    z-index: 1500;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: none;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,.2);
    -ms-box-shadow: 0 0 2px rgba(0,0,0,.2);
    -o-box-shadow: 0 0 2px rgba(0,0,0,.2);
    box-shadow: 0 0 2px rgba(0,0,0,.2);
    border-radius: 4px;
    display: block;
}

    .active.panel-contact-welcome, .block-notifications.active {
        display: -webkit-box;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
    }

@media only screen and (max-width:42em) {
    .block-notifications, .panel-contact-welcome {
        top: 0;
        left: 0;
        height: auto;
    }
}

@media only screen and (max-width:42em) {
    .block-notifications.modal-panel, .modal-panel.panel-contact-welcome {
        height: calc(100vh - 45px);
        margin-top: 45px;
        position: fixed;
        width: 100vw;
    }

        .block-notifications.modal-panel .panel-header, .modal-panel.panel-contact-welcome .panel-header {
            border-radius: 0;
            display: block !important;
        }

        .block-notifications.modal-panel .panel-body, .modal-panel.panel-contact-welcome .panel-body {
            padding-bottom: 150px;
        }

        .block-notifications.modal-panel .panel-footer, .modal-panel.panel-contact-welcome .panel-footer {
            border-radius: 0;
            bottom: 0;
            left: 0;
            position: fixed;
            right: 0;
        }

        .block-notifications.modal-panel .tab-container, .modal-panel.panel-contact-welcome .tab-container {
            border-bottom: 1px solid #f0f5fb;
        }

        .block-notifications.modal-panel .tab-button, .modal-panel.panel-contact-welcome .tab-button {
            background-color: #fff;
            font-size: 1.125rem !important;
            padding: .594rem 1rem;
        }

            .block-notifications.modal-panel .tab-button .h4, .block-notifications.modal-panel .tab-button h4, .modal-panel.panel-contact-welcome .tab-button .h4, .modal-panel.panel-contact-welcome .tab-button h4 {
                font-family: brandongrotesque-bold,sans-serif;
                font-feature-settings: "kern";
                -webkit-font-feature-settings: "kern";
                -moz-font-feature-settings: "kern";
                -moz-font-feature-settings: "kern=1";
                letter-spacing: .01em;
                color: #00265d !important;
                text-transform: none;
            }

            .block-notifications.modal-panel .tab-button:hover.only-tab, .modal-panel.panel-contact-welcome .tab-button:hover.only-tab {
                color: inherit !important;
                background: #fff !important;
            }

            .block-notifications.modal-panel .tab-button.active:not(.only-tab) .h4, .block-notifications.modal-panel .tab-button.active:not(.only-tab) h4, .modal-panel.panel-contact-welcome .tab-button.active:not(.only-tab) .h4, .modal-panel.panel-contact-welcome .tab-button.active:not(.only-tab) h4 {
                color: #00b7b5 !important;
            }
}

.block-notifications.no-header .panel-header, .no-header.panel-contact-welcome .panel-header {
    display: none !important;
}

.block-notifications.no-header .panel-loader, .no-header.panel-contact-welcome .panel-loader {
    top: 0;
}

.block-notifications .button-back, .panel-contact-welcome .button-back {
    cursor: pointer;
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 2.75rem;
}

    .block-notifications .button-back img, .block-notifications .button-back svg, .panel-contact-welcome .button-back img, .panel-contact-welcome .button-back svg {
        -webkit-transform: translateY(-50%);
        -khtml-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 15px;
        position: absolute;
        top: 50%;
        width: 11px;
    }

    .block-notifications .button-back > img, .block-notifications .button-back > svg, .panel-contact-welcome .button-back > img, .panel-contact-welcome .button-back > svg {
        height: 45%;
    }

    .block-notifications .button-back svg polyline, .panel-contact-welcome .button-back svg polyline {
        stroke: #fff;
    }

    .block-notifications .button-back:hover, .panel-contact-welcome .button-back:hover {
        background-color: #000;
    }

.block-notifications.show-back-button .button-back, .show-back-button.panel-contact-welcome .button-back {
    display: inline-block;
}

.block-notifications .panel-loader, .panel-contact-welcome .panel-loader {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center;
    background: #fff;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}

    .block-notifications .panel-loader img, .panel-contact-welcome .panel-loader img {
        max-width: 25%;
    }

.block-notifications .panel-body, .panel-contact-welcome .panel-body {
    -webkit-box-flex: 1;
    -moz-flex: 1 auto;
    -ms-flex: 1 auto;
    flex: 1 auto;
    position: relative;
    overflow-y: auto;
    padding: .625rem;
}

    .block-notifications .panel-body > p, .panel-contact-welcome .panel-body > p {
        padding: 1rem;
        margin-bottom: 0;
    }

    .block-notifications .panel-body.no-padding, .panel-contact-welcome .panel-body.no-padding {
        padding: 0;
    }

    .block-notifications .panel-body hr, .panel-contact-welcome .panel-body hr {
        border-color: #f0f5fb;
        margin: 0;
    }

    .block-notifications .panel-body .panel-cta-row, .panel-contact-welcome .panel-body .panel-cta-row {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-top: 1px solid #f0f5fb;
        color: inherit;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 1.125rem;
        height: 60px;
        padding: .625rem;
        position: relative;
        text-align: left;
    }

        .block-notifications .panel-body .panel-cta-row img.arrow, .panel-contact-welcome .panel-body .panel-cta-row img.arrow {
            height: auto;
            margin-right: 0;
            position: absolute;
            right: .625rem;
            top: 50%;
            -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
        }

        .block-notifications .panel-body .panel-cta-row img, .block-notifications .panel-body .panel-cta-row svg, .panel-contact-welcome .panel-body .panel-cta-row img, .panel-contact-welcome .panel-body .panel-cta-row svg {
            height: 25px;
            margin-right: 10px;
            vertical-align: middle;
        }

        .block-notifications .panel-body .panel-cta-row:hover, .panel-contact-welcome .panel-body .panel-cta-row:hover {
            background-color: #ffd579;
        }

.block-notifications .panel-icon, .panel-contact-welcome .panel-icon {
    height: 3.75rem;
    margin: 1.875rem 0 0;
    text-align: center;
}

    .block-notifications .panel-icon img, .block-notifications .panel-icon svg, .panel-contact-welcome .panel-icon img, .panel-contact-welcome .panel-icon svg {
        height: 100%;
        width: 100%;
    }

.block-notifications .panel-footer, .panel-contact-welcome .panel-footer {
    -webkit-box-flex: 0;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    position: relative;
    background-color: #fff;
    border-radius: 0 0 4px 4px;
    border-top: 1px solid #f0f5fb;
    font-size: 1.125rem;
}

    .block-notifications .panel-footer .panel-footer-link, .panel-contact-welcome .panel-footer .panel-footer-link {
        padding: 0 0 .625rem;
        background-color: #fff;
        border-radius: 0 0 4px 4px;
        text-align: center;
    }

        .block-notifications .panel-footer .panel-footer-link a, .panel-contact-welcome .panel-footer .panel-footer-link a {
            font-family: brandongrotesque-regular,sans-serif;
            letter-spacing: normal;
        }

        .block-notifications .panel-footer .panel-footer-link p, .panel-contact-welcome .panel-footer .panel-footer-link p {
            margin: 1rem 0;
        }

.block-notifications .radio-button .title, .panel-contact-welcome .radio-button .title {
    font-size: 18px;
}

.block-notifications .activity-list__item.no-click.active, .block-notifications .activity-list__item.no-click:hover, .panel-contact-welcome .activity-list__item.no-click.active, .panel-contact-welcome .activity-list__item.no-click:hover {
    background-color: #fff;
    cursor: default;
}

.block-notifications .activity-list__item.active, .block-notifications .activity-list__item:hover, .panel-contact-welcome .activity-list__item.active, .panel-contact-welcome .activity-list__item:hover {
    background-color: #ffd579;
    cursor: pointer;
}

.card-gallery-wrapper {
    padding-top: 2.5rem;
}

.card-gallery {
    margin-left: 0;
}

    .card-gallery > .slider {
        display: none;
    }

        .card-gallery > .slider.slick-initialized {
            margin: 0 auto;
            max-width: 75rem;
            width: 100%;
            display: block;
        }

            .card-gallery > .slider.slick-initialized:after, .card-gallery > .slider.slick-initialized:before {
                content: " ";
                display: table;
            }

            .card-gallery > .slider.slick-initialized:after {
                clear: both;
            }

        .card-gallery > .slider .card-thumb {
            display: block !important;
            margin: .5rem 1rem;
        }

@media only screen and (max-width:42em) {
    .card-gallery > .slider .card-thumb {
        margin-left: .46875rem;
        margin-right: .46875rem;
    }
}

.card-gallery > .slider .slick-slide {
    min-height: auto;
}

.card-gallery > .slider .slick-dots {
    list-style: none;
    margin: 1.5rem 0 0;
    padding: 0;
    text-align: center;
}

    .card-gallery > .slider .slick-dots li {
        display: inline-block;
    }

        .card-gallery > .slider .slick-dots li button {
            background-color: #00b7b5;
            border-radius: 50%;
            height: 10px;
            margin: 0 .2rem;
            min-height: 0;
            min-width: 0;
            padding: 0;
            text-indent: -9999px;
            width: 10px;
        }

        .card-gallery > .slider .slick-dots li.slick-active button {
            background-color: #00265d;
        }

.card-gallery > ul {
    margin: 0 auto;
    max-width: 75rem;
    width: 100%;
    margin-bottom: 0;
    padding-top: 0;
}

    .card-gallery > ul:after, .card-gallery > ul:before {
        content: " ";
        display: table;
    }

    .card-gallery > ul:after {
        clear: both;
    }

    .card-gallery > ul li {
        list-style: none;
        margin-bottom: 1.875rem;
        padding-left: .9375rem;
        padding-right: .9375rem;
        width: 33.33333333%;
        float: left;
    }

        .card-gallery > ul li.grid-item[data-bound] {
            display: none;
        }

        .card-gallery > ul li.grid-item-banner {
            font-feature-settings: "kern";
            -webkit-font-feature-settings: "kern";
            -moz-font-feature-settings: "kern";
            -moz-font-feature-settings: "kern=1";
            letter-spacing: .01em;
            width: 100%;
        }

            .card-gallery > ul li.grid-item-banner .grid-item-banner__wrapper {
                background: #00b7b5;
                border-radius: 4px;
                color: #fff;
                font-family: brandongrotesque-bold,sans-serif;
                font-feature-settings: "kern";
                -webkit-font-feature-settings: "kern";
                -moz-font-feature-settings: "kern";
                -moz-font-feature-settings: "kern=1";
                letter-spacing: .01em;
                font-size: 1.875rem;
                line-height: 1.1;
                padding: 2.1875rem 1.25rem;
                position: relative;
                text-align: center;
            }

            .card-gallery > ul li.grid-item-banner img {
                display: block;
                margin: 0 auto .625rem;
            }

@media only screen and (min-width:64.0625em) {
    .card-gallery > ul li.grid-item-banner img {
        display: inline-block;
        left: 3.75rem;
        margin: 0;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

@media only screen and (min-width:64.0625em) {
    .card-gallery > ul li {
        padding-left: .9375rem;
        padding-right: .9375rem;
        width: 25%;
        float: left;
    }
}

@media only screen and (min-width:42.0625em) and (max-width:64em) {
    .card-gallery > ul li {
        padding-left: .9375rem;
        padding-right: .9375rem;
        width: 33.33333333%;
        float: left;
    }
}

@media only screen and (max-width:42em) {
    .card-gallery > ul li {
        padding-left: .9375rem;
        padding-right: .9375rem;
        width: 50%;
        float: left;
        margin-bottom: 1rem;
        padding: 0 .5rem;
    }
}

.card-gallery p.view-more {
    padding-top: .5rem;
}

.search-results.h1, h1.search-results {
    text-align: center;
    padding: 2rem .9375rem 0;
    margin-bottom: 2rem;
}

#cards-your-design .banner-section.banner-above-fold {
    background: #00b7b5;
}

    #cards-your-design .banner-section.banner-above-fold .content .text-block .h1, #cards-your-design .banner-section.banner-above-fold .content .text-block h1, #cards-your-design .banner-section.banner-above-fold .content .text-block p {
        color: #fff;
    }

#cards-your-design .your-design-cta {
    background-color: #00b7b5;
}

@media only screen and (max-width:42em) {
    #cards-your-design .your-design-cta .text-block {
        display: block;
    }
}

#cards-your-design .your-design-cta .text-block .h1, #cards-your-design .your-design-cta .text-block h1, #cards-your-design .your-design-cta .text-block p {
    color: #fff;
}

#cards-your-design .your-design-cta .section-description {
    max-width: 25rem;
}

#cards-your-design .custom-card-section {
    padding: 3.75rem 0;
}

    #cards-your-design .custom-card-section p {
        font-size: 1.375rem;
        max-width: 37.5rem;
        margin-left: auto;
        margin-right: auto;
    }

        #cards-your-design .custom-card-section p.price {
            color: #00b7b5;
        }

#cards-your-design .folded-cards-section {
    background: #e0f6fc;
}

#cards-your-design .flat-cards-section {
    background: #f6fbfd;
}

#cards-your-design .custom-card-description {
    margin-bottom: 2.5rem;
    padding: 0 .625rem;
}

#cards-your-design .card-type-wrapper {
    text-align: center;
    max-width: 650px;
    margin-left: auto;
    margin-right: auto;
}

    #cards-your-design .card-type-wrapper:after, #cards-your-design .card-type-wrapper:before {
        content: " ";
        display: table;
    }

    #cards-your-design .card-type-wrapper:after {
        clear: both;
    }

    #cards-your-design .card-type-wrapper .card-type {
        float: left;
        width: 50%;
        padding: 0 5rem;
    }

        #cards-your-design .card-type-wrapper .card-type svg {
            margin: 0 0 2.5rem;
        }

        #cards-your-design .card-type-wrapper .card-type .button, #cards-your-design .card-type-wrapper .card-type .button-alt, #cards-your-design .card-type-wrapper .card-type .button-clear, #cards-your-design .card-type-wrapper .card-type .button-continue, #cards-your-design .card-type-wrapper .card-type .button-danger, #cards-your-design .card-type-wrapper .card-type .button-error, #cards-your-design .card-type-wrapper .card-type .button-info, #cards-your-design .card-type-wrapper .card-type .button-modal-cancel, #cards-your-design .card-type-wrapper .card-type .button-modal-confirm, #cards-your-design .card-type-wrapper .card-type .button-white {
            min-width: auto;
            width: 100%;
        }

@media only screen and (max-width:42em) {
    #cards-your-design .card-type-wrapper .card-type {
        display: block;
        width: 100%;
        padding: 0 3.125rem;
    }
}

#cards-your-design a > p {
    color: #555;
}

.card-hero-wrapper {
    bottom: 0;
    display: block;
    left: 0;
    padding: inherit;
    position: absolute;
    right: 0;
    top: 0;
}

/*.card-hero {
    -webkit-box-shadow: 0 4px 10px rgba(0,0,0,.2);
    -ms-box-shadow: 0 4px 10px rgba(0,0,0,.2);
    -o-box-shadow: 0 4px 10px rgba(0,0,0,.2);
    box-shadow: 0 4px 10px rgba(0,0,0,.2);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-perspective: 2000px;
    -khtml-perspective: 2000px;
    -ms-perspective: 2000px;
    -o-perspective: 2000px;
    perspective: 2000px;
    -webkit-perspective-origin: 50% 0;
    -khtml-perspective-origin: 50% 0;
    -ms-perspective-origin: 50% 0;
    -o-perspective-origin: 50% 0;
    perspective-origin: 50% 0;
    display: block;
    margin: 0 auto;
    overflow: visible;
    position: relative;
}

    .card-hero.vertical {
        -webkit-perspective-origin: 0 50%;
        -khtml-perspective-origin: 0 50%;
        -ms-perspective-origin: 0 50%;
        -o-perspective-origin: 0 50%;
        perspective-origin: 0 50%;
    }*/

.js .card-hero {
    visibility: hidden;
}

/*.card-hero.white {
     background:url(../../Banners/static/images/card_bg_white.png)repeat;
}

.card-hero.cream {
    background: url(https://Banners/static/images/card_bg_cream.png) repeat;
}

.card-hero.brown {
    background: url(https://Banners/static/images/bag.gif) repeat;
}

.card-hero .card-hero-images {
    -webkit-transform-style: preserve-3d;
    display: inline-block;
    overflow: hidden;
    position: relative;
    transform-style: preserve-3d;
}

    .card-hero .card-hero-images, .card-hero .card-hero-images img {
        height: 100%;
        max-height: none;
        max-width: none;
        width: 100%;
    }

        .card-hero .card-hero-images .scene7Image {
            z-index: 900;
            display: block;
            pointer-events: none;
            position: relative;
        }

        .card-hero .card-hero-images .custom-photo-container {
            height: 100%;
            left: 0;
            position: absolute;
            top: 0;
            width: 100%;
        }

        .card-hero .card-hero-images .button-container {
            text-align: center;
        }

        .card-hero .card-hero-images .bleed-mask {
            z-index: 1300;
            display: block;
            height: auto;
            left: 0;
            max-height: 100%;
            max-width: 100%;
            min-height: 100%;
            min-width: 100%;
            pointer-events: none;
            position: absolute;
            top: 0;
            width: auto;
        }

.card-hero.horizontal .writeCardFlipOpen {
    -webkit-transform-origin: 50% 0;
    -khtml-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-animation: flip-open-animation 1s ease-in-out 1 forwards;
    animation: flip-open-animation 1s ease-in-out 1 forwards;
}

.card-hero.horizontal .writeCardFlipClosed {
    -webkit-transform-origin: 50% 0;
    -khtml-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-animation: flip-closed-animation 1s ease-in-out 1 forwards;
    animation: flip-closed-animation 1s ease-in-out 1 forwards;
}

.card-hero.vertical .writeCardFlipOpen {
    -webkit-animation: flip-open-animation-vertical 1s ease-in-out 1 forwards;
    animation: flip-open-animation-vertical 1s ease-in-out 1 forwards;
}

.card-hero.vertical .writeCardFlipClosed, .card-hero.vertical .writeCardFlipOpen {
    -webkit-transform-origin: 0 50%;
    -khtml-transform-origin: 0 50%;
    transform-origin: 0 50%;
}

.card-hero.vertical .writeCardFlipClosed {
    -webkit-animation: flip-closed-animation-vertical 1s ease-in-out 1 forwards;
    animation: flip-closed-animation-vertical 1s ease-in-out 1 forwards;
}

.card-hero.has-bleed-mask, .card-hero.has-bleed-mask .scene7Image {
    -webkit-box-shadow: 0 0 0 transparent;
    -ms-box-shadow: 0 0 0 transparent;
    -o-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent;
}

@-webkit-keyframes flip-open-animation {
    0% {
        -webkit-transform: rotateX(0deg);
        -khtml-transform: rotateX(0deg);
        transform: rotateX(0deg);
        filter: alpha(opacity=100);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-opacity: 1;
        -khtml-opacity: 1;
        -moz-opacity: 1;
        -ms-opacity: 1;
        -o-opacity: 1;
        opacity: 1;
    }

    99% {
        -webkit-transform: rotateX(90deg);
        -khtml-transform: rotateX(90deg);
        transform: rotateX(90deg);
        filter: alpha(opacity=100);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-opacity: 1;
        -khtml-opacity: 1;
        -moz-opacity: 1;
        -ms-opacity: 1;
        -o-opacity: 1;
        opacity: 1;
    }

    to {
        -webkit-transform: rotateX(90deg);
        -khtml-transform: rotateX(90deg);
        transform: rotateX(90deg);
        filter: alpha(opacity=0);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-opacity: 0;
        -khtml-opacity: 0;
        -moz-opacity: 0;
        -ms-opacity: 0;
        -o-opacity: 0;
        opacity: 0;
    }
}

@keyframes flip-open-animation {
    0% {
        -webkit-transform: rotateX(0deg);
        -khtml-transform: rotateX(0deg);
        transform: rotateX(0deg);
        filter: alpha(opacity=100);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-opacity: 1;
        -khtml-opacity: 1;
        -moz-opacity: 1;
        -ms-opacity: 1;
        -o-opacity: 1;
        opacity: 1;
    }

    99% {
        -webkit-transform: rotateX(90deg);
        -khtml-transform: rotateX(90deg);
        transform: rotateX(90deg);
        filter: alpha(opacity=100);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-opacity: 1;
        -khtml-opacity: 1;
        -moz-opacity: 1;
        -ms-opacity: 1;
        -o-opacity: 1;
        opacity: 1;
    }

    to {
        -webkit-transform: rotateX(90deg);
        -khtml-transform: rotateX(90deg);
        transform: rotateX(90deg);
        filter: alpha(opacity=0);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-opacity: 0;
        -khtml-opacity: 0;
        -moz-opacity: 0;
        -ms-opacity: 0;
        -o-opacity: 0;
        opacity: 0;
    }
}

@-webkit-keyframes flip-open-animation-vertical {
    0% {
        -webkit-transform: rotateY(0deg);
        -khtml-transform: rotateY(0deg);
        transform: rotateY(0deg);
        filter: alpha(opacity=100);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-opacity: 1;
        -khtml-opacity: 1;
        -moz-opacity: 1;
        -ms-opacity: 1;
        -o-opacity: 1;
        opacity: 1;
    }

    99% {
        -webkit-transform: rotateY(-90deg);
        -khtml-transform: rotateY(-90deg);
        transform: rotateY(-90deg);
        filter: alpha(opacity=100);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-opacity: 1;
        -khtml-opacity: 1;
        -moz-opacity: 1;
        -ms-opacity: 1;
        -o-opacity: 1;
        opacity: 1;
    }

    to {
        -webkit-transform: rotateY(-90deg);
        -khtml-transform: rotateY(-90deg);
        transform: rotateY(-90deg);
        filter: alpha(opacity=0);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-opacity: 0;
        -khtml-opacity: 0;
        -moz-opacity: 0;
        -ms-opacity: 0;
        -o-opacity: 0;
        opacity: 0;
    }
}

@keyframes flip-open-animation-vertical {
    0% {
        -webkit-transform: rotateY(0deg);
        -khtml-transform: rotateY(0deg);
        transform: rotateY(0deg);
        filter: alpha(opacity=100);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-opacity: 1;
        -khtml-opacity: 1;
        -moz-opacity: 1;
        -ms-opacity: 1;
        -o-opacity: 1;
        opacity: 1;
    }

    99% {
        -webkit-transform: rotateY(-90deg);
        -khtml-transform: rotateY(-90deg);
        transform: rotateY(-90deg);
        filter: alpha(opacity=100);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-opacity: 1;
        -khtml-opacity: 1;
        -moz-opacity: 1;
        -ms-opacity: 1;
        -o-opacity: 1;
        opacity: 1;
    }

    to {
        -webkit-transform: rotateY(-90deg);
        -khtml-transform: rotateY(-90deg);
        transform: rotateY(-90deg);
        filter: alpha(opacity=0);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-opacity: 0;
        -khtml-opacity: 0;
        -moz-opacity: 0;
        -ms-opacity: 0;
        -o-opacity: 0;
        opacity: 0;
    }
}

@-webkit-keyframes flip-closed-animation {
    0% {
        -webkit-transform: rotateX(90deg);
        -khtml-transform: rotateX(90deg);
        transform: rotateX(90deg);
        filter: alpha(opacity=0);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-opacity: 0;
        -khtml-opacity: 0;
        -moz-opacity: 0;
        -ms-opacity: 0;
        -o-opacity: 0;
        opacity: 0;
    }

    1% {
        -webkit-transform: rotateX(90deg);
        -khtml-transform: rotateX(90deg);
        transform: rotateX(90deg);
        filter: alpha(opacity=100);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-opacity: 1;
        -khtml-opacity: 1;
        -moz-opacity: 1;
        -ms-opacity: 1;
        -o-opacity: 1;
        opacity: 1;
    }

    to {
        -webkit-transform: rotateX(0deg);
        -khtml-transform: rotateX(0deg);
        transform: rotateX(0deg);
        filter: alpha(opacity=100);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-opacity: 1;
        -khtml-opacity: 1;
        -moz-opacity: 1;
        -ms-opacity: 1;
        -o-opacity: 1;
        opacity: 1;
    }
}

@keyframes flip-closed-animation {
    0% {
        -webkit-transform: rotateX(90deg);
        -khtml-transform: rotateX(90deg);
        transform: rotateX(90deg);
        filter: alpha(opacity=0);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-opacity: 0;
        -khtml-opacity: 0;
        -moz-opacity: 0;
        -ms-opacity: 0;
        -o-opacity: 0;
        opacity: 0;
    }

    1% {
        -webkit-transform: rotateX(90deg);
        -khtml-transform: rotateX(90deg);
        transform: rotateX(90deg);
        filter: alpha(opacity=100);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-opacity: 1;
        -khtml-opacity: 1;
        -moz-opacity: 1;
        -ms-opacity: 1;
        -o-opacity: 1;
        opacity: 1;
    }

    to {
        -webkit-transform: rotateX(0deg);
        -khtml-transform: rotateX(0deg);
        transform: rotateX(0deg);
        filter: alpha(opacity=100);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-opacity: 1;
        -khtml-opacity: 1;
        -moz-opacity: 1;
        -ms-opacity: 1;
        -o-opacity: 1;
        opacity: 1;
    }
}

@-webkit-keyframes flip-closed-animation-vertical {
    0% {
        -webkit-transform: rotateY(-90deg);
        -khtml-transform: rotateY(-90deg);
        transform: rotateY(-90deg);
        filter: alpha(opacity=0);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-opacity: 0;
        -khtml-opacity: 0;
        -moz-opacity: 0;
        -ms-opacity: 0;
        -o-opacity: 0;
        opacity: 0;
    }

    1% {
        -webkit-transform: rotateY(-90deg);
        -khtml-transform: rotateY(-90deg);
        transform: rotateY(-90deg);
        filter: alpha(opacity=100);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-opacity: 1;
        -khtml-opacity: 1;
        -moz-opacity: 1;
        -ms-opacity: 1;
        -o-opacity: 1;
        opacity: 1;
    }

    to {
        -webkit-transform: rotateY(0deg);
        -khtml-transform: rotateY(0deg);
        transform: rotateY(0deg);
        filter: alpha(opacity=100);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-opacity: 1;
        -khtml-opacity: 1;
        -moz-opacity: 1;
        -ms-opacity: 1;
        -o-opacity: 1;
        opacity: 1;
    }
}

@keyframes flip-closed-animation-vertical {
    0% {
        -webkit-transform: rotateY(-90deg);
        -khtml-transform: rotateY(-90deg);
        transform: rotateY(-90deg);
        filter: alpha(opacity=0);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-opacity: 0;
        -khtml-opacity: 0;
        -moz-opacity: 0;
        -ms-opacity: 0;
        -o-opacity: 0;
        opacity: 0;
    }

    1% {
        -webkit-transform: rotateY(-90deg);
        -khtml-transform: rotateY(-90deg);
        transform: rotateY(-90deg);
        filter: alpha(opacity=100);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-opacity: 1;
        -khtml-opacity: 1;
        -moz-opacity: 1;
        -ms-opacity: 1;
        -o-opacity: 1;
        opacity: 1;
    }

    to {
        -webkit-transform: rotateY(0deg);
        -khtml-transform: rotateY(0deg);
        transform: rotateY(0deg);
        filter: alpha(opacity=100);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-opacity: 1;
        -khtml-opacity: 1;
        -moz-opacity: 1;
        -ms-opacity: 1;
        -o-opacity: 1;
        opacity: 1;
    }
}*/

.category-sub-nav {
    position: relative;
}

    .category-sub-nav nav {
        height: 4.375rem;
        background-color: #fff;
        text-align: center;
    }

    .category-sub-nav .full-width-search {
        z-index: 1600;
        position: absolute;
        width: 100%;
        margin: 0;
        display: none;
    }

        .category-sub-nav .full-width-search input {
            background-color: #fff;
            background-image: url(../images/icon_card_search.svg);
            background-position: 1.25rem;
            background-repeat: no-repeat;
            background-size: 1.0625rem 1rem;
            border: none;
            height: 4.375rem;
            margin: 0;
            padding: 0 3.4375rem;
        }

        .category-sub-nav .full-width-search .cat-search-close {
            z-index: 1600;
            -webkit-transform: translateY(-50%);
            -khtml-transform: translateY(-50%);
            transform: translateY(-50%);
            position: absolute;
            right: 1.25rem;
            top: 50%;
            width: 12px;
            height: 12px;
            background: url(../images/icon_close.svg);
        }

    .category-sub-nav .main-sub-nav {
        display: inline-block;
        list-style: none;
        margin: 0 auto;
    }

        .category-sub-nav .main-sub-nav > li {
            display: inline-block;
            margin: 0 1.25rem;
            font-size: 1.25rem;
            text-align: center;
        }

@media only screen and (min-width:42.0625em) and (max-width:64em) {
    .category-sub-nav .main-sub-nav > li {
        margin: 0 .3125rem;
        font-size: 1rem;
    }
}

.category-sub-nav .main-sub-nav > li > a {
    display: block;
    font-family: brandongrotesque-bold,sans-serif;
    font-feature-settings: "kern";
    -webkit-font-feature-settings: "kern";
    -moz-font-feature-settings: "kern";
    -moz-font-feature-settings: "kern=1";
    letter-spacing: .01em;
    line-height: 4.375rem;
}

    .category-sub-nav .main-sub-nav > li > a.cat-search-open {
        margin-top: 5px;
        position: absolute;
        right: 1.25rem;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        top: 50%;
    }

.category-sub-nav .main-sub-nav > li:hover .full-width-dropdown {
    display: block;
}

.category-sub-nav .main-sub-nav > li:hover > a {
    color: #00b7b5;
}

.category-sub-nav .main-sub-nav .full-width-dropdown {
    z-index: 1600;
    background: #fff;
    display: none;
    left: 0;
    overflow: auto;
    padding: 1.25rem 0;
    position: absolute;
    right: 0;
    text-align: left;
    top: 100%;
}

    .category-sub-nav .main-sub-nav .full-width-dropdown ul {
        list-style: none;
        margin: 0 0 1.25rem;
        padding: 0;
    }

        .category-sub-nav .main-sub-nav .full-width-dropdown ul li {
            font-size: 1rem;
            margin: 0 0 .25rem;
            position: relative;
        }

            .category-sub-nav .main-sub-nav .full-width-dropdown ul li img {
                left: -24px;
                position: absolute;
                top: 4px;
            }

    .category-sub-nav .main-sub-nav .full-width-dropdown .h4, .category-sub-nav .main-sub-nav .full-width-dropdown h4 {
        font-family: brandongrotesque-bold,sans-serif;
        font-feature-settings: "kern";
        -webkit-font-feature-settings: "kern";
        -moz-font-feature-settings: "kern";
        -moz-font-feature-settings: "kern=1";
        letter-spacing: .01em;
        font-size: 1.25rem;
        margin: 0 0 .25rem;
        text-transform: none;
    }

        .category-sub-nav .main-sub-nav .full-width-dropdown .h4 a, .category-sub-nav .main-sub-nav .full-width-dropdown h4 a {
            font-feature-settings: "kern";
            -webkit-font-feature-settings: "kern";
            -moz-font-feature-settings: "kern";
            -moz-font-feature-settings: "kern=1";
            letter-spacing: .01em;
            color: #00b7b5;
        }

.category-sub-nav a {
    color: #00265d;
}

    .category-sub-nav a:hover {
        color: #00b7b5;
    }

.category-sub-nav-mobile .full-width-search {
    margin: 0;
    background-color: #fff;
    padding: 1rem;
}

    .category-sub-nav-mobile .full-width-search input {
        height: 3.125rem;
        margin: 0;
        padding: 0 3.4375rem 0 1rem;
        background-color: #eff3fa;
        background-image: url(../images/icon_card_search.svg);
        background-position: 95%;
        background-repeat: no-repeat;
        background-size: 1.0625rem 1rem;
        border: none;
        color: #00265d;
        font-size: 1rem;
    }

        .category-sub-nav-mobile .full-width-search input::-webkit-input-placeholder {
            color: #00265d;
        }

        .category-sub-nav-mobile .full-width-search input:-moz-placeholder, .category-sub-nav-mobile .full-width-search input::-moz-placeholder {
            color: #00265d;
        }

        .category-sub-nav-mobile .full-width-search input:-ms-input-placeholder {
            color: #00265d;
        }

.category-sub-nav-mobile a {
    display: block;
    font-family: brandongrotesque-bold,sans-serif;
    font-feature-settings: "kern";
    -webkit-font-feature-settings: "kern";
    -moz-font-feature-settings: "kern";
    -moz-font-feature-settings: "kern=1";
    letter-spacing: .01em;
    font-size: 1.125rem;
    padding: .875rem;
    text-align: left;
}

.category-sub-nav-mobile .mobile-nav-toggle {
    display: block;
    width: 100%;
    height: 2.8125rem;
    background-color: #fff;
}

    .category-sub-nav-mobile .mobile-nav-toggle a {
        margin: 0 auto;
        padding: .5625rem 1rem;
        color: #00265d;
        background: url(../images/icon_arrow_down.svg) no-repeat 95% 50% #fff;
        -khtml-background-size: .6875rem .4375rem;
        -ms-background-size: .6875rem .4375rem;
        background-size: .6875rem .4375rem;
    }

        .category-sub-nav-mobile .mobile-nav-toggle a.open {
            background: url(../images/icon_arrow_up.svg) no-repeat 95% 50% #fff;
            -khtml-background-size: .6875rem .4375rem;
            -ms-background-size: .6875rem .4375rem;
            background-size: .6875rem .4375rem;
        }

.category-sub-nav-mobile .main-sub-nav {
    display: none;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}

    .category-sub-nav-mobile .main-sub-nav.open {
        display: block;
    }

    .category-sub-nav-mobile .main-sub-nav .accordion, .category-sub-nav-mobile .main-sub-nav .content {
        margin: 0;
        padding: 0;
    }

        .category-sub-nav-mobile .main-sub-nav .accordion li, .category-sub-nav-mobile .main-sub-nav .content li {
            list-style-type: none;
        }

            .category-sub-nav-mobile .main-sub-nav .accordion li a, .category-sub-nav-mobile .main-sub-nav .content li a {
                font-family: brandongrotesque-regular,sans-serif;
                letter-spacing: normal;
                text-align: center;
            }

    .category-sub-nav-mobile .main-sub-nav > .accordion-navigation > a {
        background-color: #fff;
        color: #00265d;
        font-family: brandongrotesque-regular,sans-serif;
        letter-spacing: normal;
        padding: .56rem 1rem;
    }

    .category-sub-nav-mobile .main-sub-nav > .accordion-navigation > .content a {
        background-color: #00b7b5;
        color: #fff;
        font-family: brandongrotesque-regular,sans-serif;
        letter-spacing: normal;
        padding: .5rem 1rem;
        text-align: left;
    }

.credentials {
    position: relative;
    padding: 3.75rem 0;
    background-color: #f1f6fc;
}

    .credentials:before {
        content: "";
        width: 42px;
        height: 21px;
        position: absolute;
        top: -21px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -khtml-transform: translateX(-50%);
        transform: translateX(-50%);
        /*background-image: url(../images/business_credentials_caret.svg);*/
        background-position: top;
    }

    .credentials .links {
        display: -webkit-box;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-direction: normal;
        -webkit-box-orient: horizontal;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -moz-align-items: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -moz-justify-content: center;
        justify-content: center;
    }

        .credentials .links a {
            display: inline-block;
            margin: 0 1.25rem;
        }

            .credentials .links a.logo {
                top: 0;
            }

@media only screen and (min-width:42.0625em) and (max-width:64em) {
    .credentials .links {
        width: 100%;
        margin: 0 auto;
        text-align: center;
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .credentials .links a {
            padding: 0 .9375rem;
            margin: 0;
            margin-bottom: 3.125rem;
        }

            .credentials .links a:last-child {
                margin-bottom: 0;
            }
}

@media only screen and (max-width:42em) {
    .credentials .links {
        width: 100%;
        margin: 0 auto;
        text-align: center;
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .credentials .links a {
            padding: 0 .9375rem;
            margin: 0;
            margin-bottom: 3.125rem;
        }

            .credentials .links a:last-child {
                margin-bottom: 0;
            }
}

.envelope-sample {
    position: relative;
    text-align: left;
    margin: 0 auto;
    -webkit-box-shadow: 0 4px 10px rgba(0,0,0,.2);
    -ms-box-shadow: 0 4px 10px rgba(0,0,0,.2);
    -o-box-shadow: 0 4px 10px rgba(0,0,0,.2);
    box-shadow: 0 4px 10px rgba(0,0,0,.2);
}

    .envelope-sample .env-address {
        z-index: 700;
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        font-size: 2vw;
    }

        .envelope-sample .env-address, .envelope-sample .env-address * {
            -ms-font-feature-settings: "liga" 1;
            -o-font-feature-settings: "liga" 1;
            -webkit-font-feature-settings: "liga" 1;
            font-feature-settings: "liga" 1;
            -webkit-font-variant-ligatures: common-ligatures;
            font-variant-ligatures: common-ligatures;
        }

@media only screen and (max-width:42em) {
    .envelope-sample .env-address {
        font-size: 3vw;
    }
}

.envelope-sample .env-address.hide {
    display: none !important;
}

.envelope-sample .env-address.return {
    font-size: 1.5vw;
    top: 1.25rem;
    left: 1.25rem;
    text-align: left;
    width: 75%;
}

@media only screen and (max-width:42em) {
    .envelope-sample .env-address.return {
        font-size: 2.25vw;
    }
}

.envelope-sample .env-address.to-address {
    top: 45%;
}

    .envelope-sample .env-address.to-address[data-align~=center] {
        left: 0;
        width: 100%;
        text-align: center;
    }

    .envelope-sample .env-address.to-address[data-align~=left] {
        left: 31%;
        width: 65%;
        text-align: left;
    }

    .envelope-sample .env-address.to-address .address {
        display: none;
    }

    .envelope-sample .env-address.to-address[data-formality~=casual] .address.casual, .envelope-sample .env-address.to-address[data-formality~=family] .address.family, .envelope-sample .env-address.to-address[data-formality~=formal] .address.formal, .envelope-sample .env-address.to-address[data-formality~=super-formal] .address.super-formal {
        display: block;
    }

.envelope-sample .stamp {
    display: block;
    position: absolute;
    right: 1vw;
    top: 1vw;
    width: 9.5vw;
    height: 9.5vw;
    z-index: 700;
}

    .envelope-sample .stamp img {
        width: 100%;
        height: 100%;
    }

.feature-block {
    text-align: center;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}

    .feature-block .section-description, .feature-block .section-header {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .feature-block .h1, .feature-block .h2, .feature-block h1, .feature-block h2 {
        color: #fff;
    }

    .feature-block .h2, .feature-block h2 {
        font-size: 1.5rem;
    }

    .feature-block .image {
        display: block;
        margin: 2rem auto;
        max-width: 100%;
    }

        .feature-block .image svg {
            width: 100%;
        }

    .feature-block .contents {
        margin: 0 auto;
        max-width: 75rem;
        width: 100%;
        padding: 0 2rem;
    }

        .feature-block .contents:after, .feature-block .contents:before {
            content: " ";
            display: table;
        }

        .feature-block .contents:after {
            clear: both;
        }

.handwriting-sample {
    text-align: center;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    background: #fff;
}

    .handwriting-sample .section-description, .handwriting-sample .section-header {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .handwriting-sample .h1, .handwriting-sample .h2, .handwriting-sample h1, .handwriting-sample h2 {
        color: #fff;
    }

    .handwriting-sample .h2, .handwriting-sample h2 {
        font-size: 1.5rem;
    }

    .handwriting-sample .image {
        display: block;
        margin: 2rem auto;
        max-width: 100%;
    }

        .handwriting-sample .image svg {
            width: 100%;
        }

    .handwriting-sample .contents {
        margin: 0 auto;
        max-width: 75rem;
        width: 100%;
        padding: 0 2rem;
    }

        .handwriting-sample .contents:after, .handwriting-sample .contents:before {
            content: " ";
            display: table;
        }

        .handwriting-sample .contents:after {
            clear: both;
        }

.header-banner {
    font-feature-settings: "kern";
    -webkit-font-feature-settings: "kern";
    -moz-font-feature-settings: "kern";
    -moz-font-feature-settings: "kern=1";
    letter-spacing: .01em;
    z-index: 1900;
    background: #ffd579;
    color: #00265d;
    padding: .625rem;
    position: relative;
    text-align: center;
}

    .header-banner strong {
        font-family: brandongrotesque-bold,sans-serif;
        font-feature-settings: "kern";
        -webkit-font-feature-settings: "kern";
        -moz-font-feature-settings: "kern";
        -moz-font-feature-settings: "kern=1";
        letter-spacing: .01em;
    }

    .header-banner a {
        color: inherit;
    }

        .header-banner a:hover {
            text-decoration: underline;
        }

.header-cobrand {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-line-pack: center;
    align-content: center;
    height: 70px;
    margin: 0;
    padding: 1rem;
    text-align: center;
    background: #00265d;
}

    .header-cobrand .logo-postable {
        position: relative;
        top: 5px;
    }

        .header-cobrand .logo-postable a {
            display: block;
            width: 100%;
            height: 100%;
        }

@media only screen and (max-width:42em) {
    .header-cobrand .logo-postable {
        -webkit-transform: scale(.7);
        -khtml-transform: scale(.7);
        transform: scale(.7);
        top: 3px;
    }
}

.header-cobrand .logo-cobrand {
    position: relative;
    top: 5px;
}

    .header-cobrand .logo-cobrand a {
        display: block;
        width: 100%;
        height: 100%;
        color: #fff;
    }

@media only screen and (max-width:42em) {
    .header-cobrand .logo-cobrand {
        -webkit-transform: scale(.7);
        -khtml-transform: scale(.7);
        transform: scale(.7);
        top: 3px;
    }
}

.header-cobrand .plus {
    position: relative;
    top: 5px;
    padding-bottom: .625rem;
    margin: 0 1.25rem;
}

@media only screen and (max-width:42em) {
    .header-cobrand .plus {
        -webkit-transform: scale(.7);
        -khtml-transform: scale(.7);
        transform: scale(.7);
        margin: 0;
    }
}

@media only screen and (max-width:42em) {
    .header-cobrand.header-wtp .logo-postable {
        -webkit-transform: scale(.6);
        -khtml-transform: scale(.6);
        transform: scale(.6);
    }
}

.header-cobrand.header-wtp .button-cart {
    display: none;
    position: absolute;
    right: 1rem;
}

@media only screen and (max-width:42em) {
    .header-cobrand.header-wtp .button-cart .cart-count {
        display: none;
    }
}

.header-cobrand.header-wtp .button-cart.active {
    display: block;
}

@media only screen and (max-width:42em) {
    .header-cobrand {
        height: 2.8125rem;
        padding: .5625rem 1rem;
    }
}

.main-footer {
    background-color: #00265d;
    color: #fff;
    font-size: 1.125rem;
    padding: 2.875rem 0;
    text-align: center;
}

    .main-footer ul.social-icons {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .main-footer ul.social-icons > li {
            display: inline-block;
            width: 36px;
            height: 36px;
            margin: 0 .875rem;
        }

            .main-footer ul.social-icons > li path {
                -webkit-transition: fill .3s;
                transition: fill .3s;
                fill: #fff;
            }

            .main-footer ul.social-icons > li:hover path {
                -webkit-transition: fill .3s;
                transition: fill .3s;
                fill: #e6e5e5;
            }

    .main-footer p {
        margin-bottom: 0;
    }

    .main-footer a {
        color: inherit;
    }

        .main-footer a.button, .main-footer a.button-alt, .main-footer a.button-clear, .main-footer a.button-continue, .main-footer a.button-danger, .main-footer a.button-error, .main-footer a.button-info, .main-footer a.button-modal-cancel, .main-footer a.button-modal-confirm, .main-footer a.button-white {
            background-color: transparent;
            border: 2px solid #00b7b5;
            color: #00b7b5;
        }

            .main-footer a.button-alt:focus, .main-footer a.button-clear:focus, .main-footer a.button-continue:focus, .main-footer a.button-danger:focus, .main-footer a.button-error:focus, .main-footer a.button-info:focus, .main-footer a.button-modal-cancel:focus, .main-footer a.button-modal-confirm:focus, .main-footer a.button-white:focus, .main-footer a.button:focus {
                background-color: transparent;
            }

            .main-footer a.button-alt:hover, .main-footer a.button-clear:hover, .main-footer a.button-continue:hover, .main-footer a.button-danger:hover, .main-footer a.button-error:hover, .main-footer a.button-info:hover, .main-footer a.button-modal-cancel:hover, .main-footer a.button-modal-confirm:hover, .main-footer a.button-white:hover, .main-footer a.button:hover {
                background-color: #00b7b5;
                color: #fff;
            }

    .main-footer ul.footer-links {
        font-family: brandongrotesque-bold,sans-serif;
        font-feature-settings: "kern";
        -webkit-font-feature-settings: "kern";
        -moz-font-feature-settings: "kern";
        -moz-font-feature-settings: "kern=1";
        letter-spacing: .01em;
        color: #00b7b5;
        list-style: none;
        margin: 2.5rem 0;
        padding: 0;
    }

        .main-footer ul.footer-links > li {
            display: inline-block;
            margin: 0 .75rem;
        }

.main-header {
    position: relative;
    height: 4.375rem;
    padding: 1.25rem;
    background-color: #00265d;
    z-index: 1800;
}

    .main-header .logo {
        float: left;
    }

    .main-header .button-close-mobile-menu, .main-header .button-open-mobile-menu {
        position: absolute;
        top: 13px;
        width: 1.25rem;
        height: 1.25rem;
    }

@media only screen and (min-width:42.0625em) {
    .main-header .button-close-mobile-menu, .main-header .button-open-mobile-menu {
        opacity: 0;
        left: -100%;
        top: -100%;
    }
}

.main-header .button-close-mobile-menu {
    display: none;
}

@media only screen and (max-width:42em) {
    .main-header {
        height: 2.8125rem;
        background-image: none;
        padding: .5625rem 1rem;
    }

        .main-header .button-cart {
            position: absolute;
            top: 8px;
            right: 10px;
        }

        .main-header .logo {
            display: block;
            float: none;
            margin: 0 auto;
        }
}

.main-nav {
    list-style: none;
    margin-top: 0;
    margin-bottom: 1.0625rem;
    margin: .375rem 0 0 -1.375rem;
    overflow: hidden;
    padding: 0;
    float: right;
    line-height: 1rem;
}

    .main-nav > li {
        float: left;
        list-style: none;
        margin-left: 1.375rem;
    }

        .main-nav > li, .main-nav > li > * {
            display: block;
        }

    .main-nav li {
        margin-left: 9px;
    }

        .main-nav li a {
            font-family: brandongrotesque-bold,sans-serif;
            font-feature-settings: "kern";
            -webkit-font-feature-settings: "kern";
            -moz-font-feature-settings: "kern";
            -moz-font-feature-settings: "kern=1";
            letter-spacing: .01em;
            font-size: 1rem;
            padding-top: 2px;
            padding-bottom: 2px;
            padding-right: 9px;
            border-right: 1px solid #fff;
            color: #fff;
        }

            .main-nav li a.active, .main-nav li a:hover {
                color: #00b7b5;
            }

        .main-nav li.last a {
            border-right: none;
            padding-right: 0;
        }

            .main-nav li.last a.button-cart {
                margin-left: .75rem;
                top: -2px;
            }

@media only screen and (max-width:42em) {
    .main-nav {
        background-color: #00b7b5;
    }
}

.mobile-menu {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background-color: #ffd579;
    z-index: 1700;
    left: -200vw;
    top: -100vw;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
    -webkit-transition: opacity .2s ease-out;
    transition: opacity .2s ease-out;
}

    .mobile-menu.open {
        left: 0;
        top: 0;
        filter: alpha(opacity=100);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-opacity: 1;
        -khtml-opacity: 1;
        -moz-opacity: 1;
        -ms-opacity: 1;
        -o-opacity: 1;
        opacity: 1;
    }

    .mobile-menu .mobile-menu-options {
        display: -webkit-box;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: none;
        flex-wrap: nowrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -moz-align-items: center;
        align-items: center;
        list-style: none;
        margin: 0;
        padding: 0 1rem;
        top: 50%;
        position: absolute;
        width: 100%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

        .mobile-menu .mobile-menu-options .mobile-menu-option {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            filter: alpha(opacity=0);
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
            -webkit-opacity: 0;
            -khtml-opacity: 0;
            -moz-opacity: 0;
            -ms-opacity: 0;
            -o-opacity: 0;
            opacity: 0;
            -webkit-transform: translateY(150px);
            -khtml-transform: translateY(150px);
            transform: translateY(150px);
        }

            .mobile-menu .mobile-menu-options .mobile-menu-option:first-child {
                -webkit-transition-delay: 50ms;
                transition-delay: 50ms;
            }

            .mobile-menu .mobile-menu-options .mobile-menu-option:nth-child(2) {
                -webkit-transition-delay: .1s;
                transition-delay: .1s;
            }

            .mobile-menu .mobile-menu-options .mobile-menu-option:nth-child(3) {
                -webkit-transition-delay: .15s;
                transition-delay: .15s;
            }

            .mobile-menu .mobile-menu-options .mobile-menu-option:nth-child(4) {
                -webkit-transition-delay: .2s;
                transition-delay: .2s;
            }

            .mobile-menu .mobile-menu-options .mobile-menu-option:nth-child(5) {
                -webkit-transition-delay: .25s;
                transition-delay: .25s;
            }

            .mobile-menu .mobile-menu-options .mobile-menu-option:nth-child(6) {
                -webkit-transition-delay: .3s;
                transition-delay: .3s;
            }

            .mobile-menu .mobile-menu-options .mobile-menu-option:nth-child(7) {
                -webkit-transition-delay: .35s;
                transition-delay: .35s;
            }

            .mobile-menu .mobile-menu-options .mobile-menu-option:nth-child(8) {
                -webkit-transition-delay: .4s;
                transition-delay: .4s;
            }

            .mobile-menu .mobile-menu-options .mobile-menu-option:nth-child(9) {
                -webkit-transition-delay: .45s;
                transition-delay: .45s;
            }

            .mobile-menu .mobile-menu-options .mobile-menu-option:nth-child(10) {
                -webkit-transition-delay: .5s;
                transition-delay: .5s;
            }

    .mobile-menu.open .mobile-menu-option {
        filter: alpha(opacity=100);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-opacity: 1;
        -khtml-opacity: 1;
        -moz-opacity: 1;
        -ms-opacity: 1;
        -o-opacity: 1;
        opacity: 1;
        -webkit-transform: translate(0);
        -khtml-transform: translate(0);
        transform: translate(0);
        -webkit-transition: all .25s cubic-bezier(.215,.61,.355,1);
        transition: all .25s cubic-bezier(.215,.61,.355,1);
    }

.page-block {
    display: none;
    max-height: 100%;
    position: relative;
    width: 100%;
    z-index: 1500;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: none;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,.2);
    -ms-box-shadow: 0 0 2px rgba(0,0,0,.2);
    -o-box-shadow: 0 0 2px rgba(0,0,0,.2);
    box-shadow: 0 0 2px rgba(0,0,0,.2);
    border-radius: 4px;
    background-color: #fff;
    min-height: 12.5rem;
    padding-bottom: 1.25rem;
}

    .page-block.active {
        display: -webkit-box;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
    }

@media only screen and (max-width:42em) {
    .page-block {
        top: 0;
        left: 0;
        height: auto;
    }
}

@media only screen and (max-width:42em) {
    .page-block.modal-panel {
        height: calc(100vh - 45px);
        margin-top: 45px;
        position: fixed;
        width: 100vw;
    }

        .page-block.modal-panel .panel-header {
            border-radius: 0;
            display: block !important;
        }

        .page-block.modal-panel .panel-body {
            padding-bottom: 150px;
        }

        .page-block.modal-panel .panel-footer {
            border-radius: 0;
            bottom: 0;
            left: 0;
            position: fixed;
            right: 0;
        }

        .page-block.modal-panel .tab-container {
            border-bottom: 1px solid #f0f5fb;
        }

        .page-block.modal-panel .tab-button {
            background-color: #fff;
            font-size: 1.125rem !important;
            padding: .594rem 1rem;
        }

            .page-block.modal-panel .tab-button .h4, .page-block.modal-panel .tab-button h4 {
                font-family: brandongrotesque-bold,sans-serif;
                font-feature-settings: "kern";
                -webkit-font-feature-settings: "kern";
                -moz-font-feature-settings: "kern";
                -moz-font-feature-settings: "kern=1";
                letter-spacing: .01em;
                color: #00265d !important;
                text-transform: none;
            }

            .page-block.modal-panel .tab-button:hover.only-tab {
                color: inherit !important;
                background: #fff !important;
            }

            .page-block.modal-panel .tab-button.active:not(.only-tab) .h4, .page-block.modal-panel .tab-button.active:not(.only-tab) h4 {
                color: #00b7b5 !important;
            }
}

.page-block.no-header .panel-header {
    display: none !important;
}

.page-block.no-header .panel-loader {
    top: 0;
}

.page-block .button-back {
    cursor: pointer;
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 2.75rem;
}

    .page-block .button-back img, .page-block .button-back svg {
        -webkit-transform: translateY(-50%);
        -khtml-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 15px;
        position: absolute;
        top: 50%;
        width: 11px;
    }

    .page-block .button-back > img, .page-block .button-back > svg {
        height: 45%;
    }

    .page-block .button-back svg polyline {
        stroke: #fff;
    }

    .page-block .button-back:hover {
        background-color: #000;
    }

.page-block.show-back-button .button-back {
    display: inline-block;
}

.page-block .panel-loader {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center;
    background: #fff;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}

    .page-block .panel-loader img {
        max-width: 25%;
    }

.page-block .panel-body {
    -webkit-box-flex: 1;
    -moz-flex: 1 auto;
    -ms-flex: 1 auto;
    flex: 1 auto;
    position: relative;
    overflow-y: auto;
    padding: .625rem;
}

    .page-block .panel-body > p {
        padding: 1rem;
        margin-bottom: 0;
    }

    .page-block .panel-body.no-padding {
        padding: 0;
    }

    .page-block .panel-body hr {
        border-color: #f0f5fb;
        margin: 0;
    }

    .page-block .panel-body .panel-cta-row {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-top: 1px solid #f0f5fb;
        color: inherit;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 1.125rem;
        height: 60px;
        padding: .625rem;
        position: relative;
        text-align: left;
    }

        .page-block .panel-body .panel-cta-row img.arrow {
            height: auto;
            margin-right: 0;
            position: absolute;
            right: .625rem;
            top: 50%;
            -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
        }

        .page-block .panel-body .panel-cta-row img, .page-block .panel-body .panel-cta-row svg {
            height: 25px;
            margin-right: 10px;
            vertical-align: middle;
        }

        .page-block .panel-body .panel-cta-row:hover {
            background-color: #ffd579;
        }

.page-block .panel-icon {
    height: 3.75rem;
    margin: 1.875rem 0 0;
    text-align: center;
}

    .page-block .panel-icon img, .page-block .panel-icon svg {
        height: 100%;
        width: 100%;
    }

.page-block .panel-footer {
    -webkit-box-flex: 0;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    position: relative;
    background-color: #fff;
    border-radius: 0 0 4px 4px;
    border-top: 1px solid #f0f5fb;
    font-size: 1.125rem;
}

    .page-block .panel-footer .panel-footer-link {
        padding: 0 0 .625rem;
        background-color: #fff;
        border-radius: 0 0 4px 4px;
        text-align: center;
    }

        .page-block .panel-footer .panel-footer-link a {
            font-family: brandongrotesque-regular,sans-serif;
            letter-spacing: normal;
        }

        .page-block .panel-footer .panel-footer-link p {
            margin: 1rem 0;
        }

.page-block .radio-button .title {
    font-size: 18px;
}

.page-block section {
    border-bottom: 1px solid #f0f5fb;
    text-align: center;
}

    .page-block section.last {
        border: none;
    }

    .page-block section.noheader {
        padding-top: 2rem;
    }

.page-block .content-wrapper {
    margin: 0 auto;
    max-width: 500px;
}

.photo-customizer-controls {
    -webkit-transform: translateX(-50%);
    -khtml-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1100;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
    -webkit-transition: opacity .6s;
    transition: opacity .6s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    background-color: #ffd579;
    border-radius: 0 0 10px 10px;
    -webkit-box-shadow: 0 0 3px 3px rgba(0,0,0,.05);
    box-shadow: 0 0 3px 3px rgba(0,0,0,.05);
    left: 50%;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 288px;
}

    .photo-customizer-controls.enabled {
        filter: alpha(opacity=100);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-opacity: 1;
        -khtml-opacity: 1;
        -moz-opacity: 1;
        -ms-opacity: 1;
        -o-opacity: 1;
        opacity: 1;
        pointer-events: auto;
    }

    .photo-customizer-controls .button-icon {
        background-color: #ffd579;
        display: inline-block;
        padding: 10px 0 5px;
        text-align: center;
        width: 96px;
    }

        .photo-customizer-controls .button-icon svg {
            height: 32px;
        }

        .photo-customizer-controls .button-icon:hover {
            background-color: #ffcd60;
        }

        .photo-customizer-controls .button-icon.button-toggle-filter .bw, .photo-customizer-controls .button-icon.button-toggle-filter .sepia {
            display: none;
        }

        .photo-customizer-controls .button-icon.button-zoom {
            -webkit-transition: width .35s ease-in-out;
            transition: width .35s ease-in-out;
            bottom: 0;
            position: absolute;
            right: 0;
            top: 0;
        }

            .photo-customizer-controls .button-icon.button-zoom .button-icon {
                background-color: #ffd579;
                display: none;
                position: absolute;
                left: 0;
                padding: 17px 0 13px;
                top: 0;
            }

                .photo-customizer-controls .button-icon.button-zoom .button-icon:hover {
                    background-color: #ffcd60;
                }

                .photo-customizer-controls .button-icon.button-zoom .button-icon svg {
                    height: 16px;
                }

            .photo-customizer-controls .button-icon.button-zoom .zoom-controls {
                -webkit-transition: opacity 1s ease-in-out;
                transition: opacity 1s ease-in-out;
                display: inline-block;
                margin-left: 15px;
                opacity: 0;
                vertical-align: top;
            }

                .photo-customizer-controls .button-icon.button-zoom .zoom-controls .slider-scale {
                    display: inline-block;
                    position: relative;
                    margin: 0;
                    width: 130px;
                }

                .photo-customizer-controls .button-icon.button-zoom .zoom-controls input[type=range] {
                    background-color: #00265d !important;
                }

            .photo-customizer-controls .button-icon.button-zoom.active {
                background-color: #ffcd60;
                cursor: default;
                padding-left: 72px;
                width: 100%;
            }

                .photo-customizer-controls .button-icon.button-zoom.active .button-icon {
                    display: inline-block;
                    width: 72px;
                }

                .photo-customizer-controls .button-icon.button-zoom.active .zoom-controls {
                    opacity: 1;
                }

.photo-customizer-placeholder {
    position: absolute;
    display: block;
    overflow: hidden;
    z-index: 1200;
}

    .photo-customizer-placeholder[data-image-uploaded=true] {
        z-index: 800;
    }

    .photo-customizer-placeholder.is-logo {
        z-index: 1200;
    }

    .photo-customizer-placeholder .custom-image {
        -webkit-transition: opacity .1s ease-in 0s;
        transition: opacity .1s ease-in 0s;
        filter: alpha(opacity=75);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
        -webkit-opacity: .75;
        -khtml-opacity: .75;
        -moz-opacity: .75;
        -ms-opacity: .75;
        -o-opacity: .75;
        opacity: .75;
        position: relative;
        cursor: move;
        will-change: top,left,width,height;
    }

        .photo-customizer-placeholder .custom-image.disabled {
            filter: alpha(opacity=100);
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
            -webkit-opacity: 1;
            -khtml-opacity: 1;
            -moz-opacity: 1;
            -ms-opacity: 1;
            -o-opacity: 1;
            opacity: 1;
            cursor: default;
        }

        .photo-customizer-placeholder .custom-image[data-filter=bw] {
            -webkit-filter: saturate(0);
            -khtml-filter: saturate(0);
            -moz-filter: saturate(0);
            -ms-filter: saturate(0);
            -o-filter: saturate(0);
            filter: saturate(0);
        }

        .photo-customizer-placeholder .custom-image[data-filter=sepia] {
            -webkit-filter: sepia(100%);
            -khtml-filter: sepia(100%);
            -moz-filter: sepia(100%);
            -ms-filter: sepia(100%);
            -o-filter: sepia(100%);
            filter: sepia(100%);
        }

        .photo-customizer-placeholder .custom-image[data-filter=saturate] {
            -webkit-filter: saturate(150%);
            -khtml-filter: saturate(150%);
            -moz-filter: saturate(150%);
            -ms-filter: saturate(150%);
            -o-filter: saturate(150%);
            filter: saturate(150%);
        }

    .photo-customizer-placeholder.active .custom-image {
        filter: alpha(opacity=100);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-opacity: 1;
        -khtml-opacity: 1;
        -moz-opacity: 1;
        -ms-opacity: 1;
        -o-opacity: 1;
        opacity: 1;
    }

.price-block {
    background-color: #00265d;
}

    .price-block .h1, .price-block .h2, .price-block .h3, .price-block .h4, .price-block .h5, .price-block .h6, .price-block h1, .price-block h2, .price-block h3, .price-block h4, .price-block h5, .price-block h6, .price-block p, .price-block small {
        color: #fff;
    }

    .price-block div.price {
        color: #00b7b5;
    }

    .price-block .h3, .price-block h3 {
        font-size: 1.75rem;
    }

.save-modal {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: none;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.2);
    -ms-box-shadow: 0 0 5px rgba(0,0,0,.2);
    -o-box-shadow: 0 0 5px rgba(0,0,0,.2);
    box-shadow: 0 0 5px rgba(0,0,0,.2);
    border-radius: 4px;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding: 2rem;
    background: #fff;
    text-align: center;
    z-index: 2500;
}

@media only screen and (max-width:42em) {
    .save-modal {
        width: 100vw;
        height: 100vh;
        position: fixed;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -moz-align-items: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -moz-justify-content: center;
        justify-content: center;
    }
}

.save-modal p {
    font-size: 1.5rem;
}

.save-modal .icon-fail, .save-modal .icon-progress, .save-modal .icon-success {
    margin-bottom: 1rem;
}

.save-modal .state-card-fail p, .save-modal .state-signup-error p {
    margin: 1.25rem 0;
}

.save-modal .state-autocard-saved, .save-modal .state-card-fail, .save-modal .state-card-saved, .save-modal .state-error, .save-modal .state-loading, .save-modal .state-loading-card, .save-modal .state-saving-card, .save-modal .state-signup-error, .save-modal .state-success {
    display: none;
}

    .save-modal .state-loading-card img, .save-modal .state-loading img, .save-modal .state-saving-card img {
        height: 100px;
    }

@media only screen and (min-width:42.0625em) {
    .save-modal[data-state=saving-card] {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -moz-justify-content: flex-start;
        justify-content: flex-start;
    }
}

.save-modal[data-state=autocard-saved] .state-autocard-saved, .save-modal[data-state=card-fail] .state-card-fail, .save-modal[data-state=card-saved] .state-card-saved, .save-modal[data-state=error] .state-error, .save-modal[data-state=loading-card] .state-loading-card, .save-modal[data-state=loading] .state-loading, .save-modal[data-state=saving-card] .state-saving-card, .save-modal[data-state=signup-error] .state-signup-error, .save-modal[data-state=success] .state-success {
    display: block;
}

.shopping-list .enter-promocode, .shopping-list .promocode, .shopping-list input {
    margin: 0;
}

    .shopping-list .account-credit .cost, .shopping-list .promocode .cost {
        color: #e6176d;
    }

.shopping-list .separator {
    height: 1px;
    margin: .65rem 0;
    border-top: 1px solid #f0f5fb;
}

.steps {
    text-align: center;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    background: #fff;
}

    .steps .section-description, .steps .section-header {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .steps .h1, .steps .h2, .steps h1, .steps h2 {
        color: #fff;
    }

    .steps .h2, .steps h2 {
        font-size: 1.5rem;
    }

    .steps .image {
        display: block;
        margin: 2rem auto;
        max-width: 100%;
    }

        .steps .image svg {
            width: 100%;
        }

    .steps .contents {
        margin: 0 auto;
        max-width: 75rem;
        width: 100%;
        padding: 0 2rem;
    }

        .steps .contents:after, .steps .contents:before {
            content: " ";
            display: table;
        }

        .steps .contents:after {
            clear: both;
        }

    .steps .step-container {
        margin: 0 auto;
        max-width: 75rem;
        width: 100%;
        margin-top: 2.5rem;
    }

        .steps .step-container:after, .steps .step-container:before {
            content: " ";
            display: table;
        }

        .steps .step-container:after {
            clear: both;
        }

    .steps .step {
        padding-left: .9375rem;
        padding-right: .9375rem;
        width: 33.33333333%;
        float: left;
    }

        .steps .step .icon svg {
            width: 100%;
        }

@media only screen and (min-width:64.0625em) {
    .steps .step p {
        padding-left: 4rem;
        padding-right: 4rem;
    }
}

@media only screen and (max-width:42em) {
    .steps .step {
        padding-left: .9375rem;
        padding-right: .9375rem;
        width: 100%;
        float: left;
        margin-bottom: 2.5rem;
    }

        .steps .step:last-child {
            margin-bottom: 0;
        }
}

.steps > p {
    margin: 0 auto;
    max-width: 75rem;
    width: 100%;
}

    .steps > p:after, .steps > p:before {
        content: " ";
        display: table;
    }

    .steps > p:after {
        clear: both;
    }

@media only screen and (max-width:42em) {
    .steps > p {
        padding: 2rem 2rem 0;
    }
}

/*.writing-area-mobile {
    z-index: 2100;
    background: #f0f5fb;
    left: 0;
    min-height: 568px;
    padding: .625rem;
    position: fixed;
    top: -200vh;
    width: 100vw;
    -webkit-transition: top .35s cubic-bezier(.45,-.01,1,1);
    transition: top .35s cubic-bezier(.45,-.01,1,1);
}

@media only screen and (max-width:42em) {
    .writing-area-mobile.active {
        -webkit-transition: top .5s cubic-bezier(.06,.21,.25,1);
        transition: top .5s cubic-bezier(.06,.21,.25,1);
        bottom: 0;
        left: 0;
        top: 0;
    }
}

.writing-area-mobile .writing-field {
    background-color: #fff;
    margin-bottom: .625rem;
    overflow-y: scroll;
    resize: none;
}

    .writing-area-mobile .writing-field:focus {
        background-color: #fff;
    }

.writing-area-mobile #message-mobile {
    height: 25vh;
}

.writing-area-mobile #signoff-mobile {
    height: 10vh;
}

.writing-area-mobile .button-save {
    display: block;
    width: 100%;
}

.writing-area {
    -webkit-transform: translate(-50%);
    -khtml-transform: translate(-50%);
    transform: translate(-50%);
    position: absolute;
    top: 0;
    left: 50%;
    width: 0;
    height: 0;
    padding: 0 !important;
    visibility: hidden;
    overflow: hidden;
    font-size: 2.9vw;
}

    .writing-area .no-js {
        visibility: visible;
        width: 100%;
        height: 100%;
    }

    .writing-area, .writing-area.white, .writing-area[data-paper-stock=white] {
         background:url(../../Banners/static/images/card_bg_white.png)repeat;
    }

        .writing-area.cream, .writing-area[data-paper-stock=cream] {
            background: url(https://Banners/static/images/card_bg_cream.png) repeat;
        }

        .writing-area.brown, .writing-area[data-paper-stock=brown] {
            background: url(https://Banners/static/images/bag.gif) repeat;
        }

@media only screen and (max-width:42em) {
    .writing-area {
        font-size: 5vw;
        cursor: pointer;
    }

        .writing-area.disabled {
            cursor: default;
        }
}

.writing-area #message {
    margin: 0;
    min-height: 0;
    padding: 0;
    position: absolute;
    overflow-x: hidden; 
    word-wrap: break-word; 
    height: -webkit-fill-available; 

  
    border-width:2.5px;
    border-color:#00b7b5;
    border-style:solid;
    height:87%;
}

.writing-area #signoff
{
    margin: 0;
    min-height: 0;
    padding: 0;
    position: absolute;
    overflow-x: hidden; 
    word-wrap: break-word; 
    height: -webkit-fill-available; 

  
    border-width:2.5px;
    border-color:#00b7b5;
    border-style:solid;
    height:10.9%;
        
}

.writing-area .writing-field {
    -webkit-transition: opacity .6s ease-in-out,border-color .6s ease-in-out;
    transition: opacity .6s ease-in-out,border-color .6s ease-in-out;
    overflow: hidden;
    resize: none;
    background: transparent;
    color: inherit;
    border: 1px dotted #bbe4ed;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
    -ms-font-feature-settings: "liga" 1;
    -o-font-feature-settings: "liga" 1;
    -webkit-font-feature-settings: "liga" 1;
    font-feature-settings: "liga" 1;
    -webkit-font-variant-ligatures: common-ligatures;
    font-variant-ligatures: common-ligatures;
}

    .writing-area .writing-field::-moz-selection {
        background: #fbb988;
        color: #005ca6;
    }

    .writing-area .writing-field::selection {
        background: #fbb988;
        color: #005ca6;
    }

@media only screen and (max-width:42em) {
    .writing-area .writing-field {
        border: none;
        opacity: 1;
        pointer-events: none;
    }
}

.writing-area.disabled .writing-field {
    border-width: 0;
}

.writing-area #buttonMobile {
    display: none;
    opacity: 1;
    -webkit-transition: all .1s ease-out;
    transition: all .1s ease-out;
}

@media only screen and (max-width:42em) {
    .writing-area #buttonMobile {
        display: block;
    }
}

.writing-area #buttonMobile.hidden {
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
}

.writing-area #buttonMobile .button-writing-area-mobile {
    font-family: brandongrotesque-regular,sans-serif;
    letter-spacing: normal;
    background: #fff;
    color: #00265d;
}*/

@media only screen and (max-width:42em) {
    .panel-address-review {
        margin-top: 4.375rem;
    }

        .panel-address-review .panel-footer {
            position: fixed;
            left: 0;
            bottom: 0;
            right: 0;
        }

        .panel-address-review .header-panel, .panel-address-review .link-panel, .panel-address-review .panel-body, .panel-address-review .panel-header {
            display: none;
        }
}

.panel-autoanniversary-picker .instructions {
    padding-bottom: 1.5rem;
    margin-bottom: 0;
    border-bottom: 1px solid #bbb;
}

.panel-autoanniversary-picker .empty-message {
    display: none;
    padding: 1rem;
    text-align: center;
}

.panel-autoanniversary {
    text-align: center;
}

@media only screen and (max-width:42em) {
    .panel-autoanniversary {
        height: calc(100vh - 120px) !important;
    }
}

.panel-autoanniversary .panel-body {
    overflow-y: auto !important;
}

.panel-autobirthday-picker .instructions {
    padding-bottom: 1.5rem;
    margin-bottom: 0;
    border-bottom: 1px solid #bbb;
}

.panel-autobirthday-picker .empty-message {
    display: none;
    padding: 1rem;
    text-align: center;
}

.panel-autobirthday .panel-body > p {
    text-align: center;
}

.panel-back-design .picker, .panel-back-design .picker-wrapper {
    height: auto;
}

    .panel-back-design .picker .picker-item {
        background-position: 1rem;
        height: auto;
        padding-left: 3rem;
        width: 50%;
    }

@media only screen and (max-width:42em) {
    .panel-back-design .picker .picker-item:first-child {
        border-top-left-radius: 4px;
    }
}

@media only screen and (max-width:42em) {
    .panel-back-design .picker .picker-item:nth-child(2) {
        border-top-right-radius: 4px;
    }
}

.panel-back-design .picker .picker-item img, .panel-back-design .picker .picker-item svg {
    height: 60px;
}

.panel-back-design .picker .picker-item:nth-child(2n) {
    border-width: 0 0 1px;
}

.panel-box-quantity .box-qty-input {
    text-align: center;
}

.panel-box-quantity .box-qty-select {
    width: auto;
    min-width: 50%;
}

.panel-box-quantity .panel-body input.box-qty {
    display: inline;
    width: 5rem;
    text-align: center;
}

.panel-carboncopy-picker .instructions {
    padding-bottom: 1.5rem;
    margin-bottom: 0;
    border-bottom: 1px solid #bbb;
}

.panel-carboncopy-picker .empty-message {
    display: none;
    padding: 1rem;
    text-align: center;
}

@media only screen and (max-width:42em) {
    .panel-carboncopy {
        height: calc(100vh - 120px) !important;
    }
}

.panel-card-detail .panel-header {
    background: transparent;
    border-bottom: 1px solid #f0f5fb;
    padding: 2rem 1.5rem 1.5rem;
}

    .panel-card-detail .panel-header .h1, .panel-card-detail .panel-header h1 {
        color: #00b7b5;
        margin-bottom: .5rem;
    }

    .panel-card-detail .panel-header .artist, .panel-card-detail .panel-header .price {
        margin: 0;
    }

.panel-card-detail .panel-footer {
    border-top: 0;
}

.panel-card-detail .panel-body p {
    text-align: center;
}

.panel-card-detail .panel-body .promo {
    background-color: #e6216d;
    color: #fff;
}

    .panel-card-detail .panel-body .promo a {
        color: inherit;
    }

        .panel-card-detail .panel-body .promo a.primary {
            font-weight: 700;
            text-decoration: underline;
        }

.panel-card-detail .panel-body .header-image {
    height: auto;
    margin: 1rem 0;
}

    .panel-card-detail .panel-body .header-image img {
        height: auto;
    }

.panel-card-detail .panel-body .instruction {
    margin: 0;
}

.panel-card-detail .panel-body .icon-cobrand {
    height: 4rem;
}

    .panel-card-detail .panel-body .icon-cobrand svg {
        height: 100%;
        width: auto;
    }

@media only screen and (max-width:42em) {
    .panel-card-saved {
        height: calc(100vh - 140px) !important;
    }
}

@media only screen and (max-width:42em) {
    body.has-hello-bar .panel-card-saved {
        height: calc((100vh - 140px) - 44px) !important;
    }
}

.panel-contact-detail .icon {
    text-align: center;
}

    .panel-contact-detail .icon img {
        -webkit-transform: scale(.9);
        -khtml-transform: scale(.9);
        transform: scale(.9);
    }

.panel-contact-detail .h5, .panel-contact-detail h5 {
    font-family: brandongrotesque-bold,sans-serif;
    font-feature-settings: "kern";
    -webkit-font-feature-settings: "kern";
    -moz-font-feature-settings: "kern";
    -moz-font-feature-settings: "kern=1";
    letter-spacing: .01em;
    color: #00265d;
    margin-top: 1.25rem;
    text-align: center;
    text-transform: none;
}

.panel-contact-detail hr {
    border-color: #f0f5fb;
}

.panel-contact-detail .card-list {
    list-style: none;
    margin: 0 auto 2rem;
    width: 90%;
}

    .panel-contact-detail .card-list li {
        display: inline-block;
        margin: 1rem 0 0;
        text-align: center;
        vertical-align: bottom;
        width: 32%;
    }

        .panel-contact-detail .card-list li .card-thumb {
            -webkit-box-shadow: 0 0 0 transparent;
            -ms-box-shadow: 0 0 0 transparent;
            -o-box-shadow: 0 0 0 transparent;
            box-shadow: 0 0 0 transparent;
            overflow: visible;
            padding: 0;
        }

.panel-contact-edit .h5, .panel-contact-edit h5 {
    font-family: brandongrotesque-bold,sans-serif;
    font-feature-settings: "kern";
    -webkit-font-feature-settings: "kern";
    -moz-font-feature-settings: "kern";
    -moz-font-feature-settings: "kern=1";
    letter-spacing: .01em;
    color: #00265d;
    text-transform: none;
}

.panel-contact-edit .notes-input {
    height: 100px;
    margin-bottom: 0;
}

@media only screen and (max-width:42em) {
    #panel-contact-group, #panel-contact-group.active {
        display: none;
    }
}

#panel-contact-groups .contact-info li {
    margin-bottom: 1.25rem;
}

    #panel-contact-groups .contact-info li:last-child {
        margin-bottom: 0;
    }

#panel-contact-groups .icon-groups, #panel-picker-group-no-contacts .icon-groups {
    text-align: center;
    margin-bottom: .625rem;
}

#group-picker-panel {
    height: auto;
}

.panel-contact-news .panel-contact-group-list {
    margin: .625rem 0 1rem;
}

    .panel-contact-news .panel-contact-group-list .panel-contact-group {
        padding: 0;
    }

.panel-contact-news .h5, .panel-contact-news h5 {
    color: inherit;
    font-family: brandongrotesque-bold,sans-serif;
    font-feature-settings: "kern";
    -webkit-font-feature-settings: "kern";
    -moz-font-feature-settings: "kern";
    -moz-font-feature-settings: "kern=1";
    letter-spacing: .01em;
    font-size: inherit;
    text-transform: none;
}

.panel-contact-news .button, .panel-contact-news .button-alt, .panel-contact-news .button-clear, .panel-contact-news .button-continue, .panel-contact-news .button-danger, .panel-contact-news .button-error, .panel-contact-news .button-info, .panel-contact-news .button-modal-cancel, .panel-contact-news .button-modal-confirm, .panel-contact-news .button-white {
    font-feature-settings: "kern";
    -webkit-font-feature-settings: "kern";
    -moz-font-feature-settings: "kern";
    -moz-font-feature-settings: "kern=1";
    letter-spacing: .01em;
}

@media only screen and (max-width:42em) {
    .panel-contact-news, .panel-contact-news.active {
        display: none;
    }
}

.panel-contact-welcome {
    display: none;
}

@media only screen and (max-width:42em) {
    .panel-contact-welcome, .panel-contact-welcome.active {
        display: none;
    }
}

.panel-credit-card {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
}

@media only screen and (max-width:42em) {
    .panel-credit-card {
        background-color: #fff;
    }

        .panel-credit-card .panel-body {
            -webkit-box-flex: 0;
            -moz-flex: 0 auto;
            -ms-flex: 0 auto;
            flex: 0 auto;
        }
}

.panel-customize-back-design .upload-instructions {
    margin-top: 1rem;
    text-align: center;
}

.panel-customize-back-design textarea {
    height: 120px;
}

.panel-customize-design .upload-instructions {
    margin-top: 1rem;
    text-align: center;
}

.panel-customize-design .button-back-customize {
    cursor: pointer;
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 2.75rem;
    display: block;
}

    .panel-customize-design .button-back-customize img, .panel-customize-design .button-back-customize svg {
        -webkit-transform: translateY(-50%);
        -khtml-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 15px;
        position: absolute;
        top: 50%;
        width: 11px;
    }

    .panel-customize-design .button-back-customize > img, .panel-customize-design .button-back-customize > svg {
        height: 45%;
    }

    .panel-customize-design .button-back-customize svg polyline {
        stroke: #fff;
    }

.panel-design-approval, .panel-design-approval p {
    text-align: center;
}

    .panel-design-approval .icon-checkmark {
        display: inline-block;
        height: 115px;
        margin: 1.25rem auto .625rem;
    }

.panel-envelope-font .font-selector {
    margin-left: 0;
    margin-bottom: 0;
    list-style: none;
    background: #fff;
    overflow: auto;
}

    .panel-envelope-font .font-selector .selection-list-item, .panel-envelope-font .font-selector li {
        width: 100%;
        cursor: pointer;
        padding: 15px;
        color: #00265d;
        background: #fff url(../images/icon_radio_off.svg) no-repeat;
        background-position: right 15px center;
        background-size: 1rem 1rem;
        position: relative;
    }

        .panel-envelope-font .font-selector .selection-list-item:after, .panel-envelope-font .font-selector li:after {
            border-bottom: 1px solid #f0f5fb;
            bottom: 0;
            content: " ";
            left: 15px;
            position: absolute;
            right: 15px;
        }

        .panel-envelope-font .font-selector .selection-list-item:last-of-type:after, .panel-envelope-font .font-selector li:last-of-type:after {
            border-bottom: 0;
        }

        .panel-envelope-font .font-selector .selection-list-item.active, .panel-envelope-font .font-selector .selection-list-item.selected, .panel-envelope-font .font-selector li.active, .panel-envelope-font .font-selector li.selected {
            background-color: #ffd579;
            background-image: url(../images/icon_radio_on.svg);
        }

        .panel-envelope-font .font-selector .selection-list-item.hide, .panel-envelope-font .font-selector li.hide {
            display: none;
        }

        .panel-envelope-font .font-selector .selection-list-item a, .panel-envelope-font .font-selector li a {
            color: #00265d;
        }

@media only screen and (min-width:42.0625em) {
    .panel-envelope-font .font-selector .selection-list-item:hover, .panel-envelope-font .font-selector li:hover {
        background-color: rgba(255,213,121,.5) !important;
    }
}

.panel-envelope-font .font-selector .selection-list-item:hover .remove-xmark, .panel-envelope-font .font-selector li:hover .remove-xmark {
    display: block;
}

.panel-envelope-font .font-selector .selection-list-item.selection-list-item--no-click, .panel-envelope-font .font-selector li.selection-list-item--no-click {
    cursor: default;
}

@media only screen and (min-width:42.0625em) {
    .panel-envelope-font .font-selector .selection-list-item.selection-list-item--no-click:hover, .panel-envelope-font .font-selector li.selection-list-item--no-click:hover {
        background-color: #fff !important;
    }
}

.panel-envelope-font .font-selector .selection-list-item.focused, .panel-envelope-font .font-selector li.focused {
    background-color: rgba(255,213,121,.5) !important;
}

.panel-envelope-font .font-selector .selection-list-item .remove-xmark, .panel-envelope-font .font-selector li .remove-xmark {
    position: absolute;
    right: .9375rem;
    top: .75rem;
}

@media only screen and (min-width:42.0625em) {
    .panel-envelope-font .font-selector .selection-list-item .remove-xmark, .panel-envelope-font .font-selector li .remove-xmark {
        display: none;
    }
}

.panel-envelope-font .font-selector--checkboxes .selection-list-item, .panel-envelope-font .font-selector--checkboxes li {
    background-image: url(../images/icon_checkbox_off.svg);
}

    .panel-envelope-font .font-selector--checkboxes .selection-list-item.active, .panel-envelope-font .font-selector--checkboxes .selection-list-item.selected, .panel-envelope-font .font-selector--checkboxes li.active, .panel-envelope-font .font-selector--checkboxes li.selected {
        background-image: url(../images/icon_checkbox_on.svg);
    }

.panel-envelope-font .font-selector li {
    -ms-font-feature-settings: "liga" 1;
    -o-font-feature-settings: "liga" 1;
    -webkit-font-feature-settings: "liga" 1;
    font-feature-settings: "liga" 1;
    -webkit-font-variant-ligatures: common-ligatures;
    font-variant-ligatures: common-ligatures;
}

.panel-envelope-stamp-options .toggle:first-child {
    margin-top: 2rem;
}

.panel-envelope-stamp-options p {
    text-align: center;
}

.panel-envelope-style label.left.inline {
    margin: 0;
    padding: 1.125rem 0;
}

.panel-envelope-style .envelope-edit-section {
    background: #fff;
    border-top: 1px solid #f0f5fb;
}

    .panel-envelope-style .envelope-edit-section.last {
        border-bottom: 1px solid #f0f5fb;
    }

    .panel-envelope-style .envelope-edit-section label {
        font-size: 1.125rem;
        cursor: default;
    }

.panel-envelope-style .input-floats {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: none;
    flex-wrap: nowrap;
    -ms-flex-pack: distribute;
    -moz-justify-content: space-around;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    height: 63px;
}

    .panel-envelope-style .input-floats label img {
        cursor: pointer;
        max-height: 2.5rem;
    }

        .panel-envelope-style .input-floats label img.button-paper {
            border-radius: 3px;
            border: 3px solid #bbe4ed;
            margin: .25rem 0;
        }

        .panel-envelope-style .input-floats label img.button-alignment {
            height: 100%;
            margin: .75rem 0;
            max-height: 2.875rem;
            opacity: .4;
            width: 25px;
        }

        .panel-envelope-style .input-floats label img.selected {
            border-color: #00b7b5;
            opacity: 1;
        }

.panel-envelopes-or-postcards {
    overflow: hidden;
}

    .panel-envelopes-or-postcards .custom-button-back {
        cursor: pointer;
        display: none;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 2.75rem;
        display: block;
    }

        .panel-envelopes-or-postcards .custom-button-back img, .panel-envelopes-or-postcards .custom-button-back svg {
            -webkit-transform: translateY(-50%);
            -khtml-transform: translateY(-50%);
            transform: translateY(-50%);
            left: 15px;
            position: absolute;
            top: 50%;
            width: 11px;
        }

        .panel-envelopes-or-postcards .custom-button-back > img, .panel-envelopes-or-postcards .custom-button-back > svg {
            height: 45%;
        }

        .panel-envelopes-or-postcards .custom-button-back svg polyline {
            stroke: #fff;
        }

    .panel-envelopes-or-postcards .radio-button {
        white-space: normal;
    }

@media only screen and (max-width:42em) {
    .panel-envelopes-or-postcards .radio-button:first-of-type {
        border-top: 0;
    }
}

.panel-envelopes-or-postcards .title {
    font-family: brandongrotesque-bold,sans-serif;
    font-feature-settings: "kern";
    -webkit-font-feature-settings: "kern";
    -moz-font-feature-settings: "kern";
    -moz-font-feature-settings: "kern=1";
    letter-spacing: .01em;
}

.panel-envelopes-or-postcards .price {
    font-size: 1.125rem;
}

.panel-error .icon-alert {
    margin-top: 1rem;
    text-align: center;
}

.panel-font .font-selector {
    margin-left: 0;
    margin-bottom: 0;
    list-style: none;
    background: #fff;
    overflow: auto;
}

    .panel-font .font-selector .selection-list-item, .panel-font .font-selector li {
        width: 100%;
        cursor: pointer;
        padding: 15px;
        color: #00265d;
        background: #fff url(../images/icon_radio_off.svg) no-repeat;
        background-position: right 15px center;
        background-size: 1rem 1rem;
        position: relative;
    }

        .panel-font .font-selector .selection-list-item:after, .panel-font .font-selector li:after {
            border-bottom: 1px solid #f0f5fb;
            bottom: 0;
            content: " ";
            left: 15px;
            position: absolute;
            right: 15px;
        }

        .panel-font .font-selector .selection-list-item:last-of-type:after, .panel-font .font-selector li:last-of-type:after {
            border-bottom: 0;
        }

        .panel-font .font-selector .selection-list-item.active, .panel-font .font-selector .selection-list-item.selected, .panel-font .font-selector li.active, .panel-font .font-selector li.selected {
            background-color: #ffd579;
            background-image: url(../images/icon_radio_on.svg);
        }

        .panel-font .font-selector .selection-list-item.hide, .panel-font .font-selector li.hide {
            display: none;
        }

        .panel-font .font-selector .selection-list-item a, .panel-font .font-selector li a {
            color: #00265d;
        }

@media only screen and (min-width:42.0625em) {
    .panel-font .font-selector .selection-list-item:hover, .panel-font .font-selector li:hover {
        background-color: rgba(255,213,121,.5) !important;
    }
}

.panel-font .font-selector .selection-list-item:hover .remove-xmark, .panel-font .font-selector li:hover .remove-xmark {
    display: block;
}

.panel-font .font-selector .selection-list-item.selection-list-item--no-click, .panel-font .font-selector li.selection-list-item--no-click {
    cursor: default;
}

@media only screen and (min-width:42.0625em) {
    .panel-font .font-selector .selection-list-item.selection-list-item--no-click:hover, .panel-font .font-selector li.selection-list-item--no-click:hover {
        background-color: #fff !important;
    }
}

.panel-font .font-selector .selection-list-item.focused, .panel-font .font-selector li.focused {
    background-color: rgba(255,213,121,.5) !important;
}

.panel-font .font-selector .selection-list-item .remove-xmark, .panel-font .font-selector li .remove-xmark {
    position: absolute;
    right: .9375rem;
    top: .75rem;
}

@media only screen and (min-width:42.0625em) {
    .panel-font .font-selector .selection-list-item .remove-xmark, .panel-font .font-selector li .remove-xmark {
        display: none;
    }
}

.panel-font .font-selector--checkboxes .selection-list-item, .panel-font .font-selector--checkboxes li {
    background-image: url(../images/icon_checkbox_off.svg);
}

    .panel-font .font-selector--checkboxes .selection-list-item.active, .panel-font .font-selector--checkboxes .selection-list-item.selected, .panel-font .font-selector--checkboxes li.active, .panel-font .font-selector--checkboxes li.selected {
        background-image: url(../images/icon_checkbox_on.svg);
    }

.panel-font .font-selector li {
    -ms-font-feature-settings: "liga" 1;
    -o-font-feature-settings: "liga" 1;
    -webkit-font-feature-settings: "liga" 1;
    font-feature-settings: "liga" 1;
    -webkit-font-variant-ligatures: common-ligatures;
    font-variant-ligatures: common-ligatures;
}

.panel-formality .formality-selector {
    margin-left: 0;
    margin-bottom: 0;
    list-style: none;
    background: #fff;
    overflow: auto;
}

    .panel-formality .formality-selector .selection-list-item, .panel-formality .formality-selector li {
        width: 100%;
        cursor: pointer;
        padding: 15px;
        color: #00265d;
        background: #fff url(../images/icon_radio_off.svg) no-repeat;
        background-position: right 15px center;
        background-size: 1rem 1rem;
        position: relative;
    }

        .panel-formality .formality-selector .selection-list-item:after, .panel-formality .formality-selector li:after {
            border-bottom: 1px solid #f0f5fb;
            bottom: 0;
            content: " ";
            left: 15px;
            position: absolute;
            right: 15px;
        }

        .panel-formality .formality-selector .selection-list-item:last-of-type:after, .panel-formality .formality-selector li:last-of-type:after {
            border-bottom: 0;
        }

        .panel-formality .formality-selector .selection-list-item.active, .panel-formality .formality-selector .selection-list-item.selected, .panel-formality .formality-selector li.active, .panel-formality .formality-selector li.selected {
            background-color: #ffd579;
            background-image: url(../images/icon_radio_on.svg);
        }

        .panel-formality .formality-selector .selection-list-item.hide, .panel-formality .formality-selector li.hide {
            display: none;
        }

        .panel-formality .formality-selector .selection-list-item a, .panel-formality .formality-selector li a {
            color: #00265d;
        }

@media only screen and (min-width:42.0625em) {
    .panel-formality .formality-selector .selection-list-item:hover, .panel-formality .formality-selector li:hover {
        background-color: rgba(255,213,121,.5) !important;
    }
}

.panel-formality .formality-selector .selection-list-item:hover .remove-xmark, .panel-formality .formality-selector li:hover .remove-xmark {
    display: block;
}

.panel-formality .formality-selector .selection-list-item.selection-list-item--no-click, .panel-formality .formality-selector li.selection-list-item--no-click {
    cursor: default;
}

@media only screen and (min-width:42.0625em) {
    .panel-formality .formality-selector .selection-list-item.selection-list-item--no-click:hover, .panel-formality .formality-selector li.selection-list-item--no-click:hover {
        background-color: #fff !important;
    }
}

.panel-formality .formality-selector .selection-list-item.focused, .panel-formality .formality-selector li.focused {
    background-color: rgba(255,213,121,.5) !important;
}

.panel-formality .formality-selector .selection-list-item .remove-xmark, .panel-formality .formality-selector li .remove-xmark {
    position: absolute;
    right: .9375rem;
    top: .75rem;
}

@media only screen and (min-width:42.0625em) {
    .panel-formality .formality-selector .selection-list-item .remove-xmark, .panel-formality .formality-selector li .remove-xmark {
        display: none;
    }
}

.panel-formality .formality-selector--checkboxes .selection-list-item, .panel-formality .formality-selector--checkboxes li {
    background-image: url(../images/icon_checkbox_off.svg);
}

    .panel-formality .formality-selector--checkboxes .selection-list-item.active, .panel-formality .formality-selector--checkboxes .selection-list-item.selected, .panel-formality .formality-selector--checkboxes li.active, .panel-formality .formality-selector--checkboxes li.selected {
        background-image: url(../images/icon_checkbox_on.svg);
    }

.group-panel input[type=text], .group-panel select {
    width: 75%;
    min-width: 250px;
    margin: 0 auto .625rem;
}

.group-panel .button, .group-panel .button-alt, .group-panel .button-clear, .group-panel .button-continue, .group-panel .button-danger, .group-panel .button-error, .group-panel .button-info, .group-panel .button-modal-cancel, .group-panel .button-modal-confirm, .group-panel .button-white {
    width: 75%;
    min-width: 250px;
    margin-bottom: 0;
}

.panel-mail-or-box .custom-button-back {
    cursor: pointer;
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 2.75rem;
    display: block;
}

    .panel-mail-or-box .custom-button-back img, .panel-mail-or-box .custom-button-back svg {
        -webkit-transform: translateY(-50%);
        -khtml-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 15px;
        position: absolute;
        top: 50%;
        width: 11px;
    }

    .panel-mail-or-box .custom-button-back > img, .panel-mail-or-box .custom-button-back > svg {
        height: 45%;
    }

    .panel-mail-or-box .custom-button-back svg polyline {
        stroke: #fff;
    }

.panel-mail-or-box p {
    text-align: center;
}

#panel-picker-group-contacts {
    max-height: calc(100vh - 255px);
}

.panel-recipients .no-recipients {
    -webkit-transform: translateY(-50%);
    -khtml-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    position: absolute;
    right: 0;
    top: 50%;
}

    .panel-recipients .no-recipients p {
        padding: 0;
    }

.panel-return-address .button-back {
    display: block;
}

.panel-review-designs {
    text-align: center;
}

    .panel-review-designs .h5, .panel-review-designs h5 {
        font-family: brandongrotesque-bold,sans-serif;
        font-feature-settings: "kern";
        -webkit-font-feature-settings: "kern";
        -moz-font-feature-settings: "kern";
        -moz-font-feature-settings: "kern=1";
        letter-spacing: .01em;
        color: inherit;
        font-size: 1.25rem;
        margin: .9375rem 0 0;
        text-transform: capitalize;
    }

    .panel-review-designs p {
        text-align: center;
    }

@media only screen and (max-width:42em) {
    .panel-review-order .panel-body {
        overflow-y: auto !important;
    }
}

.panel-review-order #show-enter-promocode {
    display: none;
}

.panel-review-order .review-credit-card, .panel-review-order .review-shipping-address {
    margin-top: .5rem;
}

    .panel-review-order .review-credit-card .title, .panel-review-order .review-shipping-address .title {
        font-weight: 700;
    }

    .panel-review-order .review-credit-card .card-number .number {
        padding-right: 1rem;
    }

.panel-sign-up-confirm p {
    margin-bottom: 0;
}

.panel-sign-up-confirm .panel-body p {
    margin-bottom: 20px;
    padding: 1.5rem;
    text-align: center;
}

.panel-sign-up-confirm .confirm-image {
    width: 150px;
    margin: 20px auto 0;
    padding: 1.25rem;
    text-align: center;
}

.panel-sign-up-prompt p {
    margin-bottom: 0;
}

.panel-sign-up-prompt .panel-body p {
    padding: 1.5rem;
    text-align: center;
}

.panel-sign-up-prompt .email.last {
    border-top: 1px solid #f0f5fb;
}

.panel-sign-up-prompt .link-terms-and-conditions p {
    font-size: 16px;
}

.panel-sign-up-prompt .confirm-image {
    width: 150px;
    margin: 20px auto 0;
    padding: 1.25rem;
    text-align: center;
}

.panel-sign-up p {
    margin-bottom: 0;
}

.panel-sign-up .panel-body p {
    padding: 1.5rem;
    text-align: center;
}

.panel-sign-up .email.last {
    border-top: 1px solid #f0f5fb;
}

.panel-sign-up .link-terms-and-conditions p {
    font-size: 16px;
}

.panel-stop-gap {
    text-align: center;
}

    .panel-stop-gap.modal-panel .panel-header {
        display: none !important;
    }

@media only screen and (max-width:42em) {
    .panel-stop-gap .panel-body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.panel-stop-gap .h3, .panel-stop-gap h3 {
    font-family: brandongrotesque-bold,sans-serif;
    font-feature-settings: "kern";
    -webkit-font-feature-settings: "kern";
    -moz-font-feature-settings: "kern";
    -moz-font-feature-settings: "kern=1";
    letter-spacing: .01em;
    color: #00265d;
    font-size: 1.375rem;
    margin-top: .625rem;
    text-transform: none;
}

body.request {
    height: auto;
    background: #fff;
}

    body.request main {
        position: relative;
    }

    body.request .h1, body.request h1 {
        color: #00265d;
    }

    body.request .message-text {
        margin: 0 auto;
        max-width: 37.5rem;
    }

    body.request .logo {
        padding-bottom: 2.5rem;
    }

        body.request .logo img {
            width: 10.6875rem;
            height: 2.3125rem;
        }

    body.request .request-body {
        background: #ffd579;
        color: #00265d;
        text-align: center;
        padding: 4.375rem;
    }

@media only screen and (max-width:42em) {
    body.request .request-body {
        padding: 2.875rem 0 0;
    }
}

body.request .request-body .columns {
    position: static;
}

@media only screen and (max-width:42em) {
    body.request footer {
        display: none;
    }
}

body.request .request-form {
    background-color: #fff;
    display: none;
    max-height: 100%;
    position: relative;
    z-index: 1500;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: none;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,.2);
    -ms-box-shadow: 0 0 2px rgba(0,0,0,.2);
    -o-box-shadow: 0 0 2px rgba(0,0,0,.2);
    box-shadow: 0 0 2px rgba(0,0,0,.2);
    border-radius: 4px;
    background: #fff;
    display: block;
    margin: 0 auto;
    max-width: 37.5rem;
    padding: .625rem;
    text-align: left;
    width: 100%;
}

    body.request .request-form.active {
        display: -webkit-box;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
    }

@media only screen and (max-width:42em) {
    body.request .request-form {
        top: 0;
        left: 0;
        height: auto;
    }
}

@media only screen and (max-width:42em) {
    body.request .request-form.modal-panel {
        height: calc(100vh - 45px);
        margin-top: 45px;
        position: fixed;
        width: 100vw;
    }

        body.request .request-form.modal-panel .panel-header {
            border-radius: 0;
            display: block !important;
        }

        body.request .request-form.modal-panel .panel-body {
            padding-bottom: 150px;
        }

        body.request .request-form.modal-panel .panel-footer {
            border-radius: 0;
            bottom: 0;
            left: 0;
            position: fixed;
            right: 0;
        }

        body.request .request-form.modal-panel .tab-container {
            border-bottom: 1px solid #f0f5fb;
        }

        body.request .request-form.modal-panel .tab-button {
            background-color: #fff;
            font-size: 1.125rem !important;
            padding: .594rem 1rem;
        }

            body.request .request-form.modal-panel .tab-button .h4, body.request .request-form.modal-panel .tab-button h4 {
                font-family: brandongrotesque-bold,sans-serif;
                font-feature-settings: "kern";
                -webkit-font-feature-settings: "kern";
                -moz-font-feature-settings: "kern";
                -moz-font-feature-settings: "kern=1";
                letter-spacing: .01em;
                color: #00265d !important;
                text-transform: none;
            }

            body.request .request-form.modal-panel .tab-button:hover.only-tab {
                color: inherit !important;
                background: #fff !important;
            }

            body.request .request-form.modal-panel .tab-button.active:not(.only-tab) .h4, body.request .request-form.modal-panel .tab-button.active:not(.only-tab) h4 {
                color: #00b7b5 !important;
            }
}

body.request .request-form.no-header .panel-header {
    display: none !important;
}

body.request .request-form.no-header .panel-loader {
    top: 0;
}

body.request .request-form .button-back {
    cursor: pointer;
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 2.75rem;
}

    body.request .request-form .button-back img, body.request .request-form .button-back svg {
        -webkit-transform: translateY(-50%);
        -khtml-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 15px;
        position: absolute;
        top: 50%;
        width: 11px;
    }

    body.request .request-form .button-back > img, body.request .request-form .button-back > svg {
        height: 45%;
    }

    body.request .request-form .button-back svg polyline {
        stroke: #fff;
    }

    body.request .request-form .button-back:hover {
        background-color: #000;
    }

body.request .request-form.show-back-button .button-back {
    display: inline-block;
}

body.request .request-form .panel-loader {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center;
    background: #fff;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}

    body.request .request-form .panel-loader img {
        max-width: 25%;
    }

body.request .request-form .panel-body {
    -webkit-box-flex: 1;
    -moz-flex: 1 auto;
    -ms-flex: 1 auto;
    flex: 1 auto;
    position: relative;
    overflow-y: auto;
    padding: .625rem;
}

    body.request .request-form .panel-body > p {
        padding: 1rem;
        margin-bottom: 0;
    }

    body.request .request-form .panel-body.no-padding {
        padding: 0;
    }

    body.request .request-form .panel-body hr {
        border-color: #f0f5fb;
        margin: 0;
    }

    body.request .request-form .panel-body .panel-cta-row {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-top: 1px solid #f0f5fb;
        color: inherit;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 1.125rem;
        height: 60px;
        padding: .625rem;
        position: relative;
        text-align: left;
    }

        body.request .request-form .panel-body .panel-cta-row img.arrow {
            height: auto;
            margin-right: 0;
            position: absolute;
            right: .625rem;
            top: 50%;
            -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
        }

        body.request .request-form .panel-body .panel-cta-row img, body.request .request-form .panel-body .panel-cta-row svg {
            height: 25px;
            margin-right: 10px;
            vertical-align: middle;
        }

        body.request .request-form .panel-body .panel-cta-row:hover {
            background-color: #ffd579;
        }

body.request .request-form .panel-icon {
    height: 3.75rem;
    margin: 1.875rem 0 0;
    text-align: center;
}

    body.request .request-form .panel-icon img, body.request .request-form .panel-icon svg {
        height: 100%;
        width: 100%;
    }

body.request .request-form .panel-footer {
    -webkit-box-flex: 0;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    position: relative;
    background-color: #fff;
    border-radius: 0 0 4px 4px;
    border-top: 1px solid #f0f5fb;
    font-size: 1.125rem;
}

    body.request .request-form .panel-footer .panel-footer-link {
        padding: 0 0 .625rem;
        background-color: #fff;
        border-radius: 0 0 4px 4px;
        text-align: center;
    }

        body.request .request-form .panel-footer .panel-footer-link a {
            font-family: brandongrotesque-regular,sans-serif;
            letter-spacing: normal;
        }

        body.request .request-form .panel-footer .panel-footer-link p {
            margin: 1rem 0;
        }

body.request .request-form .radio-button .title {
    font-size: 18px;
}

body.request .request-form .h5, body.request .request-form h5 {
    font-family: brandongrotesque-bold,sans-serif;
    font-feature-settings: "kern";
    -webkit-font-feature-settings: "kern";
    -moz-font-feature-settings: "kern";
    -moz-font-feature-settings: "kern=1";
    letter-spacing: .01em;
    color: #00265d;
    text-transform: none;
}

body.request .request-form .section {
    margin-bottom: 1.5rem;
}

    body.request .request-form .section:last-of-type {
        margin-bottom: 0;
    }

.split-view {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: none;
    flex-wrap: nowrap;
}

@media only screen and (max-width:42em) {
    .split-view.flipped .main-view {
        -webkit-box-ordinal-group: 3;
        -moz-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }

    .split-view.flipped .sub-view {
        -webkit-box-ordinal-group: 2;
        -moz-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }
}

@media only screen and (min-width:42.0625em) {
    .split-view {
        overflow: visible;
        z-index: 200;
    }

        .split-view, .split-view .main-view {
            height: calc(100vh - 140px);
        }

            .split-view .sub-view {
                min-height: calc(100vh - 140px);
                height: 100%;
            }

            .split-view.full-height, .split-view.full-height .main-view, .split-view.full-height .sub-view {
                height: 100vh;
            }
}

.split-view .main-view, .split-view .sub-view {
    padding: .625rem;
}

@media only screen and (min-width:42.0625em) {
    .split-view .main-view, .split-view .sub-view {
        padding: 2.1875rem;
    }
}

.split-view .sub-view {
    max-height: 100%;
}

@media only screen and (max-width:42em) {
    .split-view {
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: none;
        flex-wrap: nowrap;
        height: auto;
    }
}

.split-view .main-view {
    background: transparent;
    overflow: auto;
    -webkit-box-flex: 8;
    -moz-flex: 8;
    -ms-flex: 8;
    flex: 8;
}

@media only screen and (min-width:42.0625em) {
    .split-view .main-view {
        padding-right: 1.09375rem;
    }
}

@media only screen and (min-width:42.0625em) and (max-width:64em) {
    .split-view .main-view {
        -webkit-box-flex: 7;
        -moz-flex: 7;
        -ms-flex: 7;
        flex: 7;
    }
}

@media only screen and (max-width:42em) {
    .split-view .main-view {
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto;
        overflow: auto;
    }
}

.split-view .sub-view {
    position: relative;
    background: #f0f5fb;
    -webkit-box-flex: 4;
    -moz-flex: 4;
    -ms-flex: 4;
    flex: 4;
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: none;
    flex-wrap: nowrap;
}

@media only screen and (min-width:42.0625em) {
    .split-view .sub-view {
        padding-left: 1.09375rem;
    }
}

@media only screen and (min-width:42.0625em) and (max-width:64em) {
    .split-view .sub-view {
        -webkit-box-flex: 5;
        -moz-flex: 5;
        -ms-flex: 5;
        flex: 5;
    }
}

@media only screen and (max-width:42em) {
    .split-view .sub-view {
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto;
    }
}

.split-view.sub-view-no-collapse {
    height: auto;
}

    .split-view.sub-view-no-collapse .sub-view {
        height: auto;
        max-height: none;
    }

        .split-view.sub-view-no-collapse .sub-view .panel-body {
            overflow-y: visible;
        }

@media only screen and (min-width:42.0625em) {
    body.has-hello-bar .split-view, body.has-hello-bar .split-view .main-view {
        height: calc((100vh - 140px) - 44px);
    }

        body.has-hello-bar .split-view .sub-view {
            min-height: calc((100vh - 140px) - 44px);
        }

        body.has-hello-bar .split-view.sub-view-no-collapse {
            height: auto;
        }

            body.has-hello-bar .split-view.sub-view-no-collapse .sub-view {
                height: auto;
                max-height: none;
            }

                body.has-hello-bar .split-view.sub-view-no-collapse .sub-view .panel-body {
                    overflow-y: visible;
                }
}

body#about-faq .faq-body {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
}

@media only screen and (min-width:42.0625em) {
    body#about-faq .faq-body {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }
}

body#about-faq .faq-body input {
    background-image: url(../images/icon_search.svg);
    background-position: 1.25rem;
    background-repeat: no-repeat;
    background-size: 1.0625rem 1rem;
    background-color: #fff;
    padding-left: 3.125rem;
}

body#about-faq .faq-body ul {
    list-style: none;
    margin: 2.25rem 0 0;
    padding: 0;
}

    body#about-faq .faq-body ul li {
        margin-bottom: 2.25rem;
    }

        body#about-faq .faq-body ul li .h3, body#about-faq .faq-body ul li h3 {
            font-family: brandongrotesque-bold,sans-serif;
            font-feature-settings: "kern";
            -webkit-font-feature-settings: "kern";
            -moz-font-feature-settings: "kern";
            -moz-font-feature-settings: "kern=1";
            letter-spacing: .01em;
            color: #00265d;
            font-size: inherit;
            margin: 0;
            text-transform: none;
        }

body#about-faq .banner-faq-contact {
    background-color: #00b7b5;
}

    body#about-faq .banner-faq-contact .hero-image {
        padding-top: 2.5rem;
    }

    body#about-faq .banner-faq-contact .text-block {
        color: #fff;
    }

@media only screen and (max-width:42em) {
    body#about-faq .banner-faq-contact .text-block {
        display: block;
    }
}

body#about-faq .banner-faq-contact .text-block .h1, body#about-faq .banner-faq-contact .text-block a, body#about-faq .banner-faq-contact .text-block h1 {
    color: #fff;
}

body#about-faq #credit-table tr td:first-child, body#about-faq #credit-table tr th:first-child {
    font-weight: 700;
}

body#about-privacy .privacy-body {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
}

@media only screen and (min-width:42.0625em) {
    body#about-privacy .privacy-body {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }
}

body#about-terms .terms-body {
    padding-bottom: 1.25rem;
    padding-top: 1.25rem;
}

@media only screen and (min-width:42.0625em) {
    body#about-terms .terms-body {
        padding-bottom: 5rem;
        padding-top: 5rem;
    }
}

body#about .about-landing .banner-about {
    background-color: #f6fbfd;
}

    body#about .about-landing .banner-about .content .text-block .h1, body#about .about-landing .banner-about .content .text-block h1 {
        color: #00b7b5;
    }

    body#about .about-landing .banner-about.banner-above-fold, body#about .about-landing .banner-about.banner-address-book-made-easy, body#about .about-landing .banner-about.banner-our-cards {
        background-color: #e0f6fc;
    }

    body#about .about-landing .banner-about.banner-thats-it {
        background-color: #00b7b5;
    }

        body#about .about-landing .banner-about.banner-thats-it .hero-image {
            padding-top: 2.5rem;
        }

        body#about .about-landing .banner-about.banner-thats-it .text-block {
            color: #fff;
        }

@media only screen and (max-width:42em) {
    body#about .about-landing .banner-about.banner-thats-it .text-block {
        display: block;
    }
}

body#about .about-landing .banner-about.banner-thats-it .text-block .h1, body#about .about-landing .banner-about.banner-thats-it .text-block a, body#about .about-landing .banner-about.banner-thats-it .text-block h1 {
    color: #fff;
}

body#account-forgot .login {
    margin-top: 2.5rem;
}

body#account-forgot input, body#account-forgot select {
    background-color: #fff;
}

body#account-login .login {
    margin-top: 2.5rem;
}

body#account-login input, body#account-login select {
    background-color: #fff;
}

body#account-signup .login {
    margin-top: 2.5rem;
}

body#account-signup input, body#account-signup select {
    background-color: #fff;
}

body#account {
    overflow-x: hidden;
}

    body#account .h5, body#account h5 {
        color: #00265d;
        margin-bottom: 0;
        text-transform: none;
    }

    body#account .h5, body#account h5, body#account strong {
        font-family: brandongrotesque-bold,sans-serif;
        font-feature-settings: "kern";
        -webkit-font-feature-settings: "kern";
        -moz-font-feature-settings: "kern";
        -moz-font-feature-settings: "kern=1";
        letter-spacing: .01em;
    }

    body#account ul.option-checkmarks li.uneditable {
        color: #00265d;
    }

    body#account div.message {
        background-color: #00b7b5;
        color: #fff;
        padding: .5rem;
        text-align: center;
        margin-bottom: 2rem;
        font-size: 1rem;
    }

@media only screen and (max-width:42em) {
    body#account .split-page-container:after, body#account .split-page-container:before {
        content: " ";
        display: table;
    }

    body#account .split-page-container:after {
        clear: both;
    }

    body#account .split-page-container .panel-main {
        display: block;
        float: right;
    }

    body#account .split-page-container .panel-sub {
        display: block;
        float: left;
    }
}

body#account .panel-container {
    position: relative;
}

    body#account .panel-container .account-button-back {
        cursor: pointer;
        display: none;
        height: 100%;
        position: absolute;
        width: 2.75rem;
        display: block;
        top: 0;
        left: 0;
        height: 44px;
        padding: 0 18px;
        line-height: 5.9375rem;
        z-index: 2000;
    }

        body#account .panel-container .account-button-back img, body#account .panel-container .account-button-back svg {
            -webkit-transform: translateY(-50%);
            -khtml-transform: translateY(-50%);
            transform: translateY(-50%);
            left: 15px;
            position: absolute;
            top: 50%;
            width: 11px;
        }

        body#account .panel-container .account-button-back > img, body#account .panel-container .account-button-back > svg {
            height: 45%;
        }

        body#account .panel-container .account-button-back svg polyline {
            stroke: #fff;
        }

@media only screen and (min-width:42.0625em) {
    body#account .panel-container .account-button-back {
        display: none;
    }
}

body#account .request-form {
    padding: .625rem;
    margin: 0 auto;
    width: 100%;
}

    body#account .request-form .h5, body#account .request-form h5 {
        font-family: brandongrotesque-bold,sans-serif;
        font-feature-settings: "kern";
        -webkit-font-feature-settings: "kern";
        -moz-font-feature-settings: "kern";
        -moz-font-feature-settings: "kern=1";
        letter-spacing: .01em;
        color: #00265d;
        text-transform: none;
    }

    body#account .request-form .section {
        margin-bottom: 1.5rem;
    }

        body#account .request-form .section:last-of-type {
            margin-bottom: 0;
        }

body#account .add-child-row {
    color: #00b7b5;
    cursor: pointer;
    float: right;
}

body#account .credit-card-prompt.success {
    color: #e6176d;
}

body#account .credit-card-errors {
    display: none;
    background-color: #e6176d;
    color: #fff;
    text-align: center;
    padding: 1rem 0;
    margin-bottom: .5rem;
    font-size: 1.25rem;
}

body#artists .banner-cards {
    background-image: url("../images/banner-artists.jpg");
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 2.5rem;
}

    body#artists .banner-cards .banner-content {
        max-height: 500px;
    }

    body#artists .banner-cards .banner-text {
        padding: 0;
    }

@media only screen and (max-width:42em) {
    body#artists .banner-cards .banner-text {
        max-width: 60%;
    }
}

body#artists ul.artists-gallery {
    margin: 0 auto;
    max-width: 75rem;
    width: 100%;
    list-style: none;
    margin-top: .625rem;
    padding: 0;
}

    body#artists ul.artists-gallery:after, body#artists ul.artists-gallery:before {
        content: " ";
        display: table;
    }

    body#artists ul.artists-gallery:after {
        clear: both;
    }

    body#artists ul.artists-gallery li {
        padding-left: .9375rem;
        padding-right: .9375rem;
        width: 33.33333333%;
        float: left;
        margin-bottom: 1.875rem;
    }

@media only screen and (max-width:42em) {
    body#artists ul.artists-gallery li {
        padding-left: .9375rem;
        padding-right: .9375rem;
        width: 100%;
        float: left;
        margin-bottom: 1rem;
        padding: 0 1rem;
    }
}

body#artists .artist-thumb-image {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 210px;
}

body#automated-birthday-cards .banner-section, body#automated-birthday-cards .banner-section.banner-above-fold {
    background-color: #dff2f8;
}

    body#automated-birthday-cards .banner-section.banner-above-fold .content .text-block .h1, body#automated-birthday-cards .banner-section.banner-above-fold .content .text-block h1 {
        color: #00b7b5;
    }

    body#automated-birthday-cards .banner-section.banner-custom-cards, body#automated-birthday-cards .banner-section.banner-handwriting {
        background-color: #fff;
    }

body#automated-birthday-cards .automated-birthday-cards-contact {
    background-color: #00b7b5;
}

    body#automated-birthday-cards .automated-birthday-cards-contact .hero-image {
        padding-top: 2.5rem;
    }

    body#automated-birthday-cards .automated-birthday-cards-contact .text-block {
        color: #fff;
    }

@media only screen and (max-width:42em) {
    body#automated-birthday-cards .automated-birthday-cards-contact .text-block {
        display: block;
    }
}

body#automated-birthday-cards .automated-birthday-cards-contact .text-block .h1, body#automated-birthday-cards .automated-birthday-cards-contact .text-block h1 {
    color: #fff;
}

body#automated-birthday-cards .automated-birthday-cards-contact .text-block .button, body#automated-birthday-cards .automated-birthday-cards-contact .text-block .button-alt, body#automated-birthday-cards .automated-birthday-cards-contact .text-block .button-clear, body#automated-birthday-cards .automated-birthday-cards-contact .text-block .button-continue, body#automated-birthday-cards .automated-birthday-cards-contact .text-block .button-danger, body#automated-birthday-cards .automated-birthday-cards-contact .text-block .button-error, body#automated-birthday-cards .automated-birthday-cards-contact .text-block .button-info, body#automated-birthday-cards .automated-birthday-cards-contact .text-block .button-modal-cancel, body#automated-birthday-cards .automated-birthday-cards-contact .text-block .button-modal-confirm, body#automated-birthday-cards .automated-birthday-cards-contact .text-block .button-white {
    color: #fff !important;
    border-color: #fff !important;
}

    body#automated-birthday-cards .automated-birthday-cards-contact .text-block .button-alt:hover, body#automated-birthday-cards .automated-birthday-cards-contact .text-block .button-clear:hover, body#automated-birthday-cards .automated-birthday-cards-contact .text-block .button-continue:hover, body#automated-birthday-cards .automated-birthday-cards-contact .text-block .button-danger:hover, body#automated-birthday-cards .automated-birthday-cards-contact .text-block .button-error:hover, body#automated-birthday-cards .automated-birthday-cards-contact .text-block .button-info:hover, body#automated-birthday-cards .automated-birthday-cards-contact .text-block .button-modal-cancel:hover, body#automated-birthday-cards .automated-birthday-cards-contact .text-block .button-modal-confirm:hover, body#automated-birthday-cards .automated-birthday-cards-contact .text-block .button-white:hover, body#automated-birthday-cards .automated-birthday-cards-contact .text-block .button:hover {
        color: #555 !important;
        background-color: #fff !important;
    }

body#business .business-landing .banner-business {
    background-color: #bbe4ed;
}

    body#business .business-landing .banner-business .h1, body#business .business-landing .banner-business h1 {
        color: #00b7b5;
    }

body#business .business-landing .banner-above-fold {
    background-color: #00b7b5;
    color: #fff;
}

    body#business .business-landing .banner-above-fold .h1, body#business .business-landing .banner-above-fold h1 {
        color: #fff;
    }

body#business .business-landing .banner-custom-stationery, body#business .business-landing .banner-every-occasion {
    background-color: #eff3fa;
}

body#business .business-landing .business-pricing {
    background-color: #00265d;
}

    body#business .business-landing .business-pricing .h1, body#business .business-landing .business-pricing h1, body#business .business-landing .business-pricing small {
        color: #fff;
    }

    body#business .business-landing .business-pricing .h1, body#business .business-landing .business-pricing h1 {
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
        word-wrap: break-word;
    }

    body#business .business-landing .business-pricing .prices .price {
        color: #00b7b5;
    }

body#business .business-landing .business-benefits {
    background-color: #fff;
}

body#business .business-landing .business-benefits-divider {
    margin: 0 auto;
    padding: 1.25rem 0;
}

body#business .business-landing .business-contact {
    background-color: #00b7b5;
}

    body#business .business-landing .business-contact .hero-image {
        padding-top: 2.5rem;
    }

    body#business .business-landing .business-contact .text-block, body#business .business-landing .business-contact .text-block .h1, body#business .business-landing .business-contact .text-block h1 {
        color: #fff;
    }

body#cards-artist .card-gallery {
    margin-top: 3rem;
    margin-bottom: 3rem;
}

body#cards-category .banner-cards {
    margin-bottom: 2.5rem;
}

body#cards-category .card-category-title {
    margin-bottom: 1.875rem;
}

body#cards-category .card-gallery {
    margin-top: 10px;
}

body#cards-category div.fullpage-section {
    padding-bottom: 0;
}

    body#cards-category div.fullpage-section.first {
        padding-top: 0;
    }

body#cards-category .card-thumb-image .card-image {
    visibility: visible;
}

body#cards-grid .section-description {
    font-size: 1.7rem;
}

body#cards-grid .banner-cobrand, body#cards-grid .banner-cobrand .content, body#cards-grid .banner-write-congress, body#cards-grid .banner-write-congress .content {
    position: relative;
}

    body#cards-grid .banner-cobrand .content .hero-image, body#cards-grid .banner-write-congress .content .hero-image {
        width: 40%;
    }

    body#cards-grid .banner-cobrand .content .text-block, body#cards-grid .banner-write-congress .content .text-block {
        color: #fff;
        width: 60%;
    }

        body#cards-grid .banner-cobrand .content .text-block .h1, body#cards-grid .banner-cobrand .content .text-block h1, body#cards-grid .banner-write-congress .content .text-block .h1, body#cards-grid .banner-write-congress .content .text-block h1 {
            color: #fff;
            max-width: 550px;
        }

        body#cards-grid .banner-cobrand .content .text-block .section-description, body#cards-grid .banner-write-congress .content .text-block .section-description {
            font-size: 1.4rem;
            width: 90%;
        }

    body#cards-grid .banner-cobrand.banner-cobrand .content .section-description, body#cards-grid .banner-write-congress.banner-cobrand .content .section-description {
        margin: 0;
    }

    body#cards-grid .banner-cobrand.banner-cobrand-add-space, body#cards-grid .banner-write-congress.banner-cobrand-add-space {
        margin-bottom: 30px;
    }

@media only screen and (min-width:42.0625em) and (max-width:64em) {
    body#cards-grid .banner-cobrand .content .text-block, body#cards-grid .banner-write-congress .content .text-block {
        width: 60%;
    }

        body#cards-grid .banner-cobrand .content .text-block .section-description, body#cards-grid .banner-write-congress .content .text-block .section-description {
            width: 90%;
            margin: 0;
        }
}

@media only screen and (max-width:42em) {
    body#cards-grid .banner-cobrand .content .hero-image, body#cards-grid .banner-write-congress .content .hero-image {
        width: 75%;
    }

    body#cards-grid .banner-cobrand .content .text-block, body#cards-grid .banner-write-congress .content .text-block {
        width: 100%;
    }

        body#cards-grid .banner-cobrand .content .text-block .section-description, body#cards-grid .banner-write-congress .content .text-block .section-description {
            width: 100%;
            margin: 0;
            font-size: 1.125rem;
        }
}

body#cards-grid .filters-dropdown-trigger {
    font-family: brandongrotesque-bold,sans-serif;
    font-feature-settings: "kern";
    -webkit-font-feature-settings: "kern";
    -moz-font-feature-settings: "kern";
    -moz-font-feature-settings: "kern=1";
    letter-spacing: .01em;
    background: transparent url(../images/icon_arrow_down.svg) no-repeat right 15px center;
    background-size: .625rem .375rem;
    color: #00265d;
    display: block;
    padding: 0 30px 0 15px;
    position: relative;
    text-align: right;
    top: -20px;
}

    body#cards-grid .filters-dropdown-trigger.active {
        background-image: url(../images/icon_arrow_up_green2.svg);
        color: #00b7b5;
    }

@media only screen and (min-width:42.0625em) {
    body#cards-grid .filters-dropdown-trigger {
        display: none;
    }
}

@media only screen and (max-width:42em) {
    body#cards-grid .card-gallery-filters {
        -webkit-box-shadow: 0 0 2px rgba(0,0,0,.2);
        -ms-box-shadow: 0 0 2px rgba(0,0,0,.2);
        -o-box-shadow: 0 0 2px rgba(0,0,0,.2);
        box-shadow: 0 0 2px rgba(0,0,0,.2);
        border-radius: 4px;
        background: #fff;
        display: none;
        margin: 0 10px 20px;
        overflow: hidden;
        padding: 15px 0;
    }

        body#cards-grid .card-gallery-filters.open {
            display: block;
        }
}

body#cards-grid .write-congress-steps {
    margin-bottom: 4rem;
}

body#cards-view .split-view.horizontal .main-view {
    padding-top: .6rem;
}

body#cards-view .card-information {
    background-color: #fff;
    text-align: center;
    padding-bottom: 2.8125rem;
    padding-top: 2.8125rem;
}

    body#cards-view .card-information .social-icons {
        margin-bottom: 0;
        margin-top: .875rem;
    }

        body#cards-view .card-information .social-icons a {
            margin-right: 1.875rem;
        }

            body#cards-view .card-information .social-icons a svg {
                height: 2.5rem;
            }

            body#cards-view .card-information .social-icons a.last {
                margin-right: 0;
            }

    body#cards-view .card-information .card-details {
        font-size: 1.125rem;
    }

body#cards-view .h5, body#cards-view h5 {
    color: #00b7b5;
    margin-top: 2rem;
}

body#cards-view .card-gallery {
    margin-top: 2rem;
}

body#cards .category-grid {
    margin: 0 auto;
}

    body#cards .category-grid:after, body#cards .category-grid:before {
        content: " ";
        display: table;
    }

    body#cards .category-grid:after {
        clear: both;
    }

body#cards .category-grid-item {
    float: left;
    margin-bottom: 30px;
    width: 270px;
}

@media only screen and (max-width:42em) {
    body#cards .category-grid-item {
        width: 100%;
    }
}



body#cards .category-card {
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,.2);
    -ms-box-shadow: 0 0 2px rgba(0,0,0,.2);
    -o-box-shadow: 0 0 2px rgba(0,0,0,.2);
    box-shadow: 0 0 2px rgba(0,0,0,.2);
    border-radius: 4px;
    background: #fff;
    display: block;
    overflow: hidden;
}

    body#cards .category-card .card-img-top {
        display: block;
        height: 152px;
        overflow: hidden;
    }

        body#cards .category-card .card-img-top img {
            display: block;
            height: 100%;
            margin: 0 auto;
            width: auto;
        }

        body#cards .category-card .card-img-top .envelope {
            bottom: -50px;
            height: 152px;
            margin: 0 auto;
            position: relative;
            width: 65%;
        }

@media only screen and (max-width:42em) {
    body#cards .category-card .card-img-top .envelope {
        width: 50%;
    }
}

body#cards .category-card .card-img-top .envelope__bottom {
    bottom: 0;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 1;
}

body#cards .category-card .card-img-top .envelope__middle {
    bottom: 20px;
    height: auto;
    position: relative;
    width: 85%;
    z-index: 2;
}

@media only screen and (max-width:42em) {
    body#cards .category-card .card-img-top .envelope__middle {
        bottom: 15px;
    }
}

body#cards .category-card .card-img-top .envelope__top {
    bottom: 0;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 3;
}

body#cards .category-card .card-block {
    padding: 20px;
}

body#cards .category-card .h4, body#cards .category-card h4 {
    font-size: 1.25rem;
    margin: 0;
}

body#cards .category-card ul {
    list-style: none;
    margin: 5px 0 0;
    padding: 0;
}

    body#cards .category-card ul > li a {
        color: #00265d;
        font-size: 1.125rem;
        line-height: 2rem;
    }

        body#cards .category-card ul > li a:hover {
            color: #00b7b5;
        }

body#cards .banner-cards {
    margin-bottom: 2.5rem;
}

#page-cart-empty .hero-image {
    margin: 3rem auto;
}

    #page-cart-empty .hero-image img {
        max-height: 5.625rem;
    }

#page-cart-empty .h1, #page-cart-empty h1 {
    color: #00265d;
    margin-bottom: 3rem;
}

body#carts .card-image {
    visibility: visible;
}

body#carts .panel-shipping-address {
    background-color: #fff;
    display: none;
    max-height: 100%;
    position: relative;
    width: 100%;
    z-index: 1500;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: none;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,.2);
    -ms-box-shadow: 0 0 2px rgba(0,0,0,.2);
    -o-box-shadow: 0 0 2px rgba(0,0,0,.2);
    box-shadow: 0 0 2px rgba(0,0,0,.2);
    border-radius: 4px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
}

    body#carts .panel-shipping-address.active {
        display: -webkit-box;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
    }

@media only screen and (max-width:42em) {
    body#carts .panel-shipping-address {
        top: 0;
        left: 0;
        height: auto;
    }
}

@media only screen and (max-width:42em) {
    body#carts .panel-shipping-address.modal-panel {
        height: calc(100vh - 45px);
        margin-top: 45px;
        position: fixed;
        width: 100vw;
    }

        body#carts .panel-shipping-address.modal-panel .panel-header {
            border-radius: 0;
            display: block !important;
        }

        body#carts .panel-shipping-address.modal-panel .panel-body {
            padding-bottom: 150px;
        }

        body#carts .panel-shipping-address.modal-panel .panel-footer {
            border-radius: 0;
            bottom: 0;
            left: 0;
            position: fixed;
            right: 0;
        }

        body#carts .panel-shipping-address.modal-panel .tab-container {
            border-bottom: 1px solid #f0f5fb;
        }

        body#carts .panel-shipping-address.modal-panel .tab-button {
            background-color: #fff;
            font-size: 1.125rem !important;
            padding: .594rem 1rem;
        }

            body#carts .panel-shipping-address.modal-panel .tab-button .h4, body#carts .panel-shipping-address.modal-panel .tab-button h4 {
                font-family: brandongrotesque-bold,sans-serif;
                font-feature-settings: "kern";
                -webkit-font-feature-settings: "kern";
                -moz-font-feature-settings: "kern";
                -moz-font-feature-settings: "kern=1";
                letter-spacing: .01em;
                color: #00265d !important;
                text-transform: none;
            }

            body#carts .panel-shipping-address.modal-panel .tab-button:hover.only-tab {
                color: inherit !important;
                background: #fff !important;
            }

            body#carts .panel-shipping-address.modal-panel .tab-button.active:not(.only-tab) .h4, body#carts .panel-shipping-address.modal-panel .tab-button.active:not(.only-tab) h4 {
                color: #00b7b5 !important;
            }
}

body#carts .panel-shipping-address.no-header .panel-header {
    display: none !important;
}

body#carts .panel-shipping-address.no-header .panel-loader {
    top: 0;
}

body#carts .panel-shipping-address .button-back {
    cursor: pointer;
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 2.75rem;
}

    body#carts .panel-shipping-address .button-back img, body#carts .panel-shipping-address .button-back svg {
        -webkit-transform: translateY(-50%);
        -khtml-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 15px;
        position: absolute;
        top: 50%;
        width: 11px;
    }

    body#carts .panel-shipping-address .button-back > img, body#carts .panel-shipping-address .button-back > svg {
        height: 45%;
    }

    body#carts .panel-shipping-address .button-back svg polyline {
        stroke: #fff;
    }

    body#carts .panel-shipping-address .button-back:hover {
        background-color: #000;
    }

body#carts .panel-shipping-address.show-back-button .button-back {
    display: inline-block;
}

body#carts .panel-shipping-address .panel-loader {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center;
    background: #fff;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}

    body#carts .panel-shipping-address .panel-loader img {
        max-width: 25%;
    }

body#carts .panel-shipping-address .panel-body {
    -webkit-box-flex: 1;
    -moz-flex: 1 auto;
    -ms-flex: 1 auto;
    flex: 1 auto;
    position: relative;
    overflow-y: auto;
    padding: .625rem;
}

    body#carts .panel-shipping-address .panel-body > p {
        padding: 1rem;
        margin-bottom: 0;
    }

    body#carts .panel-shipping-address .panel-body.no-padding {
        padding: 0;
    }

    body#carts .panel-shipping-address .panel-body hr {
        border-color: #f0f5fb;
        margin: 0;
    }

    body#carts .panel-shipping-address .panel-body .panel-cta-row {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-top: 1px solid #f0f5fb;
        color: inherit;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 1.125rem;
        height: 60px;
        padding: .625rem;
        position: relative;
        text-align: left;
    }

        body#carts .panel-shipping-address .panel-body .panel-cta-row img.arrow {
            height: auto;
            margin-right: 0;
            position: absolute;
            right: .625rem;
            top: 50%;
            -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
        }

        body#carts .panel-shipping-address .panel-body .panel-cta-row img, body#carts .panel-shipping-address .panel-body .panel-cta-row svg {
            height: 25px;
            margin-right: 10px;
            vertical-align: middle;
        }

        body#carts .panel-shipping-address .panel-body .panel-cta-row:hover {
            background-color: #ffd579;
        }

body#carts .panel-shipping-address .panel-icon {
    height: 3.75rem;
    margin: 1.875rem 0 0;
    text-align: center;
}

    body#carts .panel-shipping-address .panel-icon img, body#carts .panel-shipping-address .panel-icon svg {
        height: 100%;
        width: 100%;
    }

body#carts .panel-shipping-address .panel-footer {
    -webkit-box-flex: 0;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    position: relative;
    background-color: #fff;
    border-radius: 0 0 4px 4px;
    border-top: 1px solid #f0f5fb;
    font-size: 1.125rem;
}

    body#carts .panel-shipping-address .panel-footer .panel-footer-link {
        padding: 0 0 .625rem;
        background-color: #fff;
        border-radius: 0 0 4px 4px;
        text-align: center;
    }

        body#carts .panel-shipping-address .panel-footer .panel-footer-link a {
            font-family: brandongrotesque-regular,sans-serif;
            letter-spacing: normal;
        }

        body#carts .panel-shipping-address .panel-footer .panel-footer-link p {
            margin: 1rem 0;
        }

body#carts .panel-shipping-address .radio-button .title {
    font-size: 18px;
}

@media only screen and (max-width:42em) {
    body#carts .panel-shipping-address {
        background-color: #fff;
    }

        body#carts .panel-shipping-address .panel-body {
            -webkit-box-flex: 0;
            -moz-flex: 0 auto;
            -ms-flex: 0 auto;
            flex: 0 auto;
        }
}

body#carts .payment-errors, body#carts .promocode-errors {
    background-color: #e6176d;
    color: #fff;
    text-align: center;
    font-size: 1rem;
    padding: 1rem 0;
    display: none;
    border-radius: 4px;
}

body#carts .promocode-errors {
    padding: .5rem 0;
}

@media only screen and (max-width:42em) {
    body#carts .main-view {
        -webkit-box-ordinal-group: 3;
        -moz-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }

    body#carts .sub-view {
        -webkit-box-ordinal-group: 2;
        -moz-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }

    body#carts .compose-sub-nav {
        width: 100vw;
    }

        body#carts .compose-sub-nav .cart-icon {
            display: none;
        }

        body#carts .compose-sub-nav .h4, body#carts .compose-sub-nav h4 {
            text-align: center;
            width: 100%;
            margin: 12px 0;
        }
}

body#carts .main-view .cart-item-block {
    padding: 0;
    margin-bottom: 1rem;
}

body#carts .cart-items-container a.cart-item-edit {
    color: #00265d;
}

    body#carts .cart-items-container a.cart-item-edit:hover {
        text-decoration: underline;
    }

body#carts .cart-items-container .project-autobirthday-banner, body#carts .cart-items-container .project-black-friday-sale-banner, body#carts .cart-items-container .project-credit-banner, body#carts .cart-items-container .project-cyber-monday-sale-banner, body#carts .cart-items-container .project-free-stamps-banner, body#carts .cart-items-container .project-generic-sale-banner, body#carts .cart-items-container .project-gift-cards-banner, body#carts .cart-items-container .project-summary, body#carts .cart-items-container .refer-friends-banner {
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,.2);
    -ms-box-shadow: 0 0 2px rgba(0,0,0,.2);
    -o-box-shadow: 0 0 2px rgba(0,0,0,.2);
    box-shadow: 0 0 2px rgba(0,0,0,.2);
    border-radius: 4px;
    background-color: #fff;
    border-bottom: none;
    margin-bottom: .9375rem;
}

    body#carts .cart-items-container .prepay-card.project-autobirthday-banner .project-image-container, body#carts .cart-items-container .prepay-card.project-black-friday-sale-banner .project-image-container, body#carts .cart-items-container .prepay-card.project-credit-banner .project-image-container, body#carts .cart-items-container .prepay-card.project-cyber-monday-sale-banner .project-image-container, body#carts .cart-items-container .prepay-card.project-free-stamps-banner .project-image-container, body#carts .cart-items-container .prepay-card.project-generic-sale-banner .project-image-container, body#carts .cart-items-container .prepay-card.project-gift-cards-banner .project-image-container, body#carts .cart-items-container .prepay-card.refer-friends-banner .project-image-container, body#carts .cart-items-container .project-summary.prepay-card .project-image-container {
        padding: 10px 0;
    }

        body#carts .cart-items-container .prepay-card.project-autobirthday-banner .project-image-container img, body#carts .cart-items-container .prepay-card.project-black-friday-sale-banner .project-image-container img, body#carts .cart-items-container .prepay-card.project-credit-banner .project-image-container img, body#carts .cart-items-container .prepay-card.project-cyber-monday-sale-banner .project-image-container img, body#carts .cart-items-container .prepay-card.project-free-stamps-banner .project-image-container img, body#carts .cart-items-container .prepay-card.project-generic-sale-banner .project-image-container img, body#carts .cart-items-container .prepay-card.project-gift-cards-banner .project-image-container img, body#carts .cart-items-container .prepay-card.refer-friends-banner .project-image-container img, body#carts .cart-items-container .project-summary.prepay-card .project-image-container img {
            width: 125px;
            height: 120px;
            margin: 0 auto;
        }

@media only screen and (max-width:42em) {
    body#carts .cart-items-container .project-autobirthday-banner .project-title, body#carts .cart-items-container .project-black-friday-sale-banner .project-title, body#carts .cart-items-container .project-credit-banner .project-title, body#carts .cart-items-container .project-cyber-monday-sale-banner .project-title, body#carts .cart-items-container .project-free-stamps-banner .project-title, body#carts .cart-items-container .project-generic-sale-banner .project-title, body#carts .cart-items-container .project-gift-cards-banner .project-title, body#carts .cart-items-container .project-summary .project-title, body#carts .cart-items-container .refer-friends-banner .project-title {
        border-bottom: 1px solid #f0f5fb;
        margin-bottom: 1rem;
        padding-bottom: 1rem;
    }

    body#carts .cart-items-container .project-autobirthday-banner .project-details a, body#carts .cart-items-container .project-black-friday-sale-banner .project-details a, body#carts .cart-items-container .project-credit-banner .project-details a, body#carts .cart-items-container .project-cyber-monday-sale-banner .project-details a, body#carts .cart-items-container .project-free-stamps-banner .project-details a, body#carts .cart-items-container .project-generic-sale-banner .project-details a, body#carts .cart-items-container .project-gift-cards-banner .project-details a, body#carts .cart-items-container .project-summary .project-details a, body#carts .cart-items-container .refer-friends-banner .project-details a {
        display: block;
        margin-bottom: .625rem;
    }

        body#carts .cart-items-container .project-autobirthday-banner .project-details a:last-of-type, body#carts .cart-items-container .project-black-friday-sale-banner .project-details a:last-of-type, body#carts .cart-items-container .project-credit-banner .project-details a:last-of-type, body#carts .cart-items-container .project-cyber-monday-sale-banner .project-details a:last-of-type, body#carts .cart-items-container .project-free-stamps-banner .project-details a:last-of-type, body#carts .cart-items-container .project-generic-sale-banner .project-details a:last-of-type, body#carts .cart-items-container .project-gift-cards-banner .project-details a:last-of-type, body#carts .cart-items-container .project-summary .project-details a:last-of-type, body#carts .cart-items-container .refer-friends-banner .project-details a:last-of-type {
            margin-bottom: 0;
        }

    body#carts .cart-items-container .project-autobirthday-banner .project-details .cart-edit-separator, body#carts .cart-items-container .project-black-friday-sale-banner .project-details .cart-edit-separator, body#carts .cart-items-container .project-credit-banner .project-details .cart-edit-separator, body#carts .cart-items-container .project-cyber-monday-sale-banner .project-details .cart-edit-separator, body#carts .cart-items-container .project-free-stamps-banner .project-details .cart-edit-separator, body#carts .cart-items-container .project-generic-sale-banner .project-details .cart-edit-separator, body#carts .cart-items-container .project-gift-cards-banner .project-details .cart-edit-separator, body#carts .cart-items-container .project-summary .project-details .cart-edit-separator, body#carts .cart-items-container .refer-friends-banner .project-details .cart-edit-separator {
        display: none;
    }
}

body#carts .cart-items-container .project-autobirthday-banner:hover, body#carts .cart-items-container .project-black-friday-sale-banner:hover, body#carts .cart-items-container .project-credit-banner:hover, body#carts .cart-items-container .project-cyber-monday-sale-banner:hover, body#carts .cart-items-container .project-free-stamps-banner:hover, body#carts .cart-items-container .project-generic-sale-banner:hover, body#carts .cart-items-container .project-gift-cards-banner:hover, body#carts .cart-items-container .project-summary:hover, body#carts .cart-items-container .refer-friends-banner:hover {
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.2);
    -ms-box-shadow: 0 0 5px rgba(0,0,0,.2);
    -o-box-shadow: 0 0 5px rgba(0,0,0,.2);
    box-shadow: 0 0 5px rgba(0,0,0,.2);
    border-radius: 4px;
}

body#carts .cart-item-list {
    overflow: scroll;
}

body#carts .cart-item-block {
    padding: 0 1.25rem 1.25rem;
}

    body#carts .cart-item-block .columns {
        background-color: #fff;
        min-height: 6.25rem;
        padding: 1.25rem;
    }

        body#carts .cart-item-block .columns div.container {
            width: 50%;
            float: left;
        }

            body#carts .cart-item-block .columns div.container.right {
                float: right;
            }

            body#carts .cart-item-block .columns div.container .h3, body#carts .cart-item-block .columns div.container h3 {
                text-align: center;
                margin: 100px auto 0;
            }

        body#carts .cart-item-block .columns div.card-image {
            height: 18.75rem;
            margin: 0 auto;
        }

            body#carts .cart-item-block .columns div.card-image.white {
                 background:url(../../Banners/static/images/card_bg_white.png)repeat;
            }

            body#carts .cart-item-block .columns div.card-image.cream {
                background: url(https://Banners/static/images/card_bg_cream.png) repeat;
            }

            body#carts .cart-item-block .columns div.card-image.brown {
                background: url(https://Banners/static/images/bag.gif) repeat;
            }

            body#carts .cart-item-block .columns div.card-image img {
                height: 18.75rem;
            }

    body#carts .cart-item-block a.delete {
        position: absolute;
        width: 1.875rem;
        height: 1.875rem;
        top: .625rem;
        right: .625rem;
        font-size: 1.5rem;
        color: #bbb;
        display: none;
    }

    body#carts .cart-item-block:hover a.delete {
        display: block;
    }

body#cobrand .banner-cobrand {
    background-color: #dff2f8;
}

    body#cobrand .banner-cobrand:nth-child(odd) {
        background-color: #f6fbfd;
    }

body#cobrand .cobrand-thank-you {
    background-color: #dff2f8 !important;
}

body#cobrand .cobrand-discount {
    padding: 2.5rem 0;
    text-align: center;
    background-color: #00265d;
    color: #fff;
}

    body#cobrand .cobrand-discount .cobrand-discount-title {
        color: #fff;
    }

    body#cobrand .cobrand-discount .cobrand-discount-description {
        max-width: 50%;
        margin: 0 auto;
    }

@media only screen and (max-width:42em) {
    body#cobrand .cobrand-discount .cobrand-discount-description {
        max-width: 90%;
    }
}

body#cobrand .cobrand-discount .cobrand-discount-price {
    color: #00b7b5;
    font-size: 7.5rem;
    font-weight: 700;
}

body#cobrand .cobrand-see-the-cards {
    background-color: #00b7b5;
}

    body#cobrand .cobrand-see-the-cards .text-block {
        color: #fff;
    }

@media only screen and (max-width:42em) {
    body#cobrand .cobrand-see-the-cards .text-block {
        display: block;
    }
}

body#cobrand .cobrand-see-the-cards .text-block .h1, body#cobrand .cobrand-see-the-cards .text-block h1 {
    color: #fff;
}

body#contacts-export-print .page-block {
    margin: 0 auto;
    max-width: 900px;
}

body#contacts-export-print .hero-image {
    margin: 0 auto 1.25rem;
    width: 50%;
}

    body#contacts-export-print .hero-image svg {
        height: 100%;
        max-height: 90px;
        max-width: 90px;
        width: 100%;
    }

body#contacts-export-print button {
    margin-top: 1.25rem;
}

body#contacts-import .header-image {
    height: auto;
    max-height: 5.625rem;
}

body#contacts-welcome .banner-section {
    background-color: #ffd579;
}

@media only screen and (min-width:42.0625em) {
    body#contacts-welcome .banner-section.banner-above-fold .h1, body#contacts-welcome .banner-section.banner-above-fold h1 {
        margin-bottom: 1.875rem;
    }
}

body#contacts-welcome .selling-points {
    text-align: center;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    background: #f0f5fb;
}

    body#contacts-welcome .selling-points .section-description, body#contacts-welcome .selling-points .section-header {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    body#contacts-welcome .selling-points .h1, body#contacts-welcome .selling-points .h2, body#contacts-welcome .selling-points h1, body#contacts-welcome .selling-points h2 {
        color: #fff;
    }

    body#contacts-welcome .selling-points .h2, body#contacts-welcome .selling-points h2 {
        font-size: 1.5rem;
    }

    body#contacts-welcome .selling-points .image {
        display: block;
        margin: 2rem auto;
        max-width: 100%;
    }

        body#contacts-welcome .selling-points .image svg {
            width: 100%;
        }

    body#contacts-welcome .selling-points .contents {
        margin: 0 auto;
        max-width: 75rem;
        width: 100%;
        padding: 0 2rem;
    }

        body#contacts-welcome .selling-points .contents:after, body#contacts-welcome .selling-points .contents:before {
            content: " ";
            display: table;
        }

        body#contacts-welcome .selling-points .contents:after {
            clear: both;
        }

body#contacts-welcome .contact-steps {
    background: #fff;
}

body#contacts-welcome .envelopes-and-cards {
    text-align: center;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    background: #fff;
}

    body#contacts-welcome .envelopes-and-cards .section-description, body#contacts-welcome .envelopes-and-cards .section-header {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    body#contacts-welcome .envelopes-and-cards .h1, body#contacts-welcome .envelopes-and-cards .h2, body#contacts-welcome .envelopes-and-cards h1, body#contacts-welcome .envelopes-and-cards h2 {
        color: #fff;
    }

    body#contacts-welcome .envelopes-and-cards .h2, body#contacts-welcome .envelopes-and-cards h2 {
        font-size: 1.5rem;
    }

    body#contacts-welcome .envelopes-and-cards .image {
        display: block;
        margin: 2rem auto;
        max-width: 100%;
    }

        body#contacts-welcome .envelopes-and-cards .image svg {
            width: 100%;
        }

    body#contacts-welcome .envelopes-and-cards .contents {
        margin: 0 auto;
        max-width: 75rem;
        width: 100%;
        padding: 0 2rem;
    }

        body#contacts-welcome .envelopes-and-cards .contents:after, body#contacts-welcome .envelopes-and-cards .contents:before {
            content: " ";
            display: table;
        }

        body#contacts-welcome .envelopes-and-cards .contents:after {
            clear: both;
        }

body#contacts-welcome .send-link-step .icon svg {
    -webkit-transform: scale(.75);
    transform: scale(.75);
}

body#contacts-welcome .add-info-step .icon svg {
    -webkit-transform: scale(.6);
    transform: scale(.6);
}

body#contacts-welcome .contacts-benefits {
    background-color: #fff;
}

body#contacts-welcome .contacts-features {
    padding: 3.125rem 1.25rem 4.6875rem;
    background-color: #fff;
}

body#contacts-welcome .features-container {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    body#contacts-welcome .features-container, body#contacts-welcome .features-container .step-row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-direction: normal;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        body#contacts-welcome .features-container .step-row {
            -webkit-box-orient: horizontal;
            -ms-flex-direction: row;
            flex-direction: row;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            margin-bottom: 4.6875rem;
        }

            body#contacts-welcome .features-container .step-row:last-child {
                margin-bottom: 0;
            }

            body#contacts-welcome .features-container .step-row .step {
                width: 75%;
                margin-right: 12.5rem;
                text-align: center;
            }

                body#contacts-welcome .features-container .step-row .step .description, body#contacts-welcome .features-container .step-row .step .title {
                    max-width: 18.75rem;
                }

                body#contacts-welcome .features-container .step-row .step:last-child {
                    margin-right: 0;
                }

@media only screen and (max-width:42em) {
    body#contacts-welcome .features-container .step-row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 2.5rem;
    }

        body#contacts-welcome .features-container .step-row:last-child {
            margin-bottom: 0;
        }

        body#contacts-welcome .features-container .step-row .step {
            width: 80%;
            margin-left: auto;
            margin-right: auto;
            margin-bottom: 2.5rem;
            text-align: center;
        }

            body#contacts-welcome .features-container .step-row .step:last-child {
                margin-left: auto;
                margin-right: auto;
                margin-bottom: 0;
            }
}

body#contacts-welcome .contacts-great-for {
    padding: 2.5rem 0;
    background-color: #fff;
}

body#contacts-welcome .steps-wrapper {
    text-align: center;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    background: #fff;
    padding: 3.125rem 0;
}

    body#contacts-welcome .steps-wrapper .section-description, body#contacts-welcome .steps-wrapper .section-header {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    body#contacts-welcome .steps-wrapper .h1, body#contacts-welcome .steps-wrapper .h2, body#contacts-welcome .steps-wrapper h1, body#contacts-welcome .steps-wrapper h2 {
        color: #fff;
    }

    body#contacts-welcome .steps-wrapper .h2, body#contacts-welcome .steps-wrapper h2 {
        font-size: 1.5rem;
    }

    body#contacts-welcome .steps-wrapper .image {
        display: block;
        margin: 2rem auto;
        max-width: 100%;
    }

        body#contacts-welcome .steps-wrapper .image svg {
            width: 100%;
        }

    body#contacts-welcome .steps-wrapper .contents {
        margin: 0 auto;
        max-width: 75rem;
        width: 100%;
        padding: 0 2rem;
    }

        body#contacts-welcome .steps-wrapper .contents:after, body#contacts-welcome .steps-wrapper .contents:before {
            content: " ";
            display: table;
        }

        body#contacts-welcome .steps-wrapper .contents:after {
            clear: both;
        }

    body#contacts-welcome .steps-wrapper .step-container {
        margin: 0 auto;
        max-width: 75rem;
        width: 100%;
        margin-top: 2.5rem;
    }

        body#contacts-welcome .steps-wrapper .step-container:after, body#contacts-welcome .steps-wrapper .step-container:before {
            content: " ";
            display: table;
        }

        body#contacts-welcome .steps-wrapper .step-container:after {
            clear: both;
        }

    body#contacts-welcome .steps-wrapper .step {
        padding-left: .9375rem;
        padding-right: .9375rem;
        width: 33.33333333%;
        float: left;
    }

        body#contacts-welcome .steps-wrapper .step .icon svg {
            width: 100%;
        }

@media only screen and (min-width:64.0625em) {
    body#contacts-welcome .steps-wrapper .step p {
        padding-left: 4rem;
        padding-right: 4rem;
    }
}

@media only screen and (max-width:42em) {
    body#contacts-welcome .steps-wrapper .step {
        padding-left: .9375rem;
        padding-right: .9375rem;
        width: 100%;
        float: left;
        margin-bottom: 2.5rem;
    }

        body#contacts-welcome .steps-wrapper .step:last-child {
            margin-bottom: 0;
        }
}

body#contacts-welcome .steps-wrapper > p {
    margin: 0 auto;
    max-width: 75rem;
    width: 100%;
}

    body#contacts-welcome .steps-wrapper > p:after, body#contacts-welcome .steps-wrapper > p:before {
        content: " ";
        display: table;
    }

    body#contacts-welcome .steps-wrapper > p:after {
        clear: both;
    }

@media only screen and (max-width:42em) {
    body#contacts-welcome .steps-wrapper > p {
        padding: 2rem 2rem 0;
    }
}

body#contacts-welcome .steps-wrapper .section-header {
    margin-bottom: 3.125rem;
}

@media only screen {
    body#contacts-welcome .steps-wrapper {
        padding: 0;
    }
}

body#contacts-welcome .contacts-cta {
    background-color: #00b7b5;
}

@media only screen and (max-width:42em) {
    body#contacts-welcome .contacts-cta .text-block {
        display: block;
    }
}

body#contacts-welcome .contacts-cta .text-block .h1, body#contacts-welcome .contacts-cta .text-block h1, body#contacts-welcome .contacts-cta .text-block p {
    color: #fff;
}

body#contacts-welcome .contacts-cta .section-description {
    max-width: 25rem;
}

@media only screen {
    body#contacts-welcome .contacts-cta .section-description {
        max-width: none;
    }
}

@media only screen and (max-width:42em) {
    body#contacts .split-view {
        margin-top: 0;
    }
}

@media only screen and (max-width:42em) {
    body#contacts .split-view .main-view {
        padding: 0;
    }
}

body#contacts .split-view .sub-view {
    padding-bottom: 0;
}

@media only screen and (max-width:42em) {
    body#contacts .split-view .sub-view {
        padding-top: 0;
    }
}

@media only screen and (min-width:42.0625em) {
    body#contacts .split-view .main-view {
        z-index: 200;
        padding-bottom: 0;
    }

    body#contacts .split-view .sub-view {
        z-index: 100;
    }
}

body#contacts .request-form {
    margin: 0 auto;
    width: 100%;
}

    body#contacts .request-form .section {
        margin-bottom: 1.5rem;
    }

        body#contacts .request-form .section:last-of-type {
            margin-bottom: 0;
        }

body#contacts .add-child-row {
    color: #00b7b5;
    cursor: pointer;
    float: right;
}

body#contacts button.success {
    margin-bottom: 0;
}

body#edit-group .page-block {
    display: block;
    min-height: 0;
    padding-bottom: 0;
}

body#edit-group .picker-wrapper {
    height: 100%;
    max-height: calc(100vh - 360px);
    overflow-y: scroll;
}

@media only screen and (max-width:42em) {
    body#edit-group .panel-picker-group-contacts {
        display: none;
    }
}

body#edit-group .group-contacts-list {
    margin-left: 0;
    margin-bottom: 0;
    list-style: none;
    background: #fff;
    overflow: auto;
}

    body#edit-group .group-contacts-list .selection-list-item, body#edit-group .group-contacts-list li {
        width: 100%;
        cursor: pointer;
        padding: 15px;
        color: #00265d;
        background: #fff url(../images/icon_radio_off.svg) no-repeat;
        background-position: right 15px center;
        background-size: 1rem 1rem;
        position: relative;
    }

        body#edit-group .group-contacts-list .selection-list-item:after, body#edit-group .group-contacts-list li:after {
            border-bottom: 1px solid #f0f5fb;
            bottom: 0;
            content: " ";
            left: 15px;
            position: absolute;
            right: 15px;
        }

        body#edit-group .group-contacts-list .selection-list-item:last-of-type:after, body#edit-group .group-contacts-list li:last-of-type:after {
            border-bottom: 0;
        }

        body#edit-group .group-contacts-list .selection-list-item.active, body#edit-group .group-contacts-list .selection-list-item.selected, body#edit-group .group-contacts-list li.active, body#edit-group .group-contacts-list li.selected {
            background-color: #ffd579;
            background-image: url(../images/icon_radio_on.svg);
        }

        body#edit-group .group-contacts-list .selection-list-item.hide, body#edit-group .group-contacts-list li.hide {
            display: none;
        }

        body#edit-group .group-contacts-list .selection-list-item a, body#edit-group .group-contacts-list li a {
            color: #00265d;
        }

@media only screen and (min-width:42.0625em) {
    body#edit-group .group-contacts-list .selection-list-item:hover, body#edit-group .group-contacts-list li:hover {
        background-color: rgba(255,213,121,.5) !important;
    }
}

body#edit-group .group-contacts-list .selection-list-item:hover .remove-xmark, body#edit-group .group-contacts-list li:hover .remove-xmark {
    display: block;
}

body#edit-group .group-contacts-list .selection-list-item.selection-list-item--no-click, body#edit-group .group-contacts-list li.selection-list-item--no-click {
    cursor: default;
}

@media only screen and (min-width:42.0625em) {
    body#edit-group .group-contacts-list .selection-list-item.selection-list-item--no-click:hover, body#edit-group .group-contacts-list li.selection-list-item--no-click:hover {
        background-color: #fff !important;
    }
}

body#edit-group .group-contacts-list .selection-list-item.focused, body#edit-group .group-contacts-list li.focused {
    background-color: rgba(255,213,121,.5) !important;
}

body#edit-group .group-contacts-list .selection-list-item .remove-xmark, body#edit-group .group-contacts-list li .remove-xmark {
    position: absolute;
    right: .9375rem;
    top: .75rem;
}

@media only screen and (min-width:42.0625em) {
    body#edit-group .group-contacts-list .selection-list-item .remove-xmark, body#edit-group .group-contacts-list li .remove-xmark {
        display: none;
    }
}

body#edit-group .group-contacts-list--checkboxes .selection-list-item, body#edit-group .group-contacts-list--checkboxes li {
    background-image: url(../images/icon_checkbox_off.svg);
}

    body#edit-group .group-contacts-list--checkboxes .selection-list-item.active, body#edit-group .group-contacts-list--checkboxes .selection-list-item.selected, body#edit-group .group-contacts-list--checkboxes li.active, body#edit-group .group-contacts-list--checkboxes li.selected {
        background-image: url(../images/icon_checkbox_on.svg);
    }

body#edit-group .group-contacts-list li {
    background: transparent;
}

body#edit-group .picker .picker-item:nth-child(3n) {
    border-width: 0 0 1px;
}

@media only screen and (min-width:42.0625em) {
    body#edit-group .main-save-picker {
        display: none;
    }
}

@media only screen and (max-width:42em) {
    body#edit-group .main-view, body#edit-group .sub-view {
        padding: 0;
    }

    body#edit-group .picker-wrapper {
        max-height: calc(100vh - 155px);
        padding-bottom: 64px;
    }

    body#edit-group .picker {
        height: 100%;
    }

    body#edit-group .main-save-picker {
        background: #fff;
        bottom: 0;
        left: 0;
        position: fixed;
        right: 0;
    }
}

body#error404 .hero-image {
    margin: 3rem auto 1rem !important;
}

    body#error404 .hero-image img {
        max-width: 350px;
        width: 50%;
    }

body#error500 .hero-image {
    margin: 3rem auto 1rem !important;
}

    body#error500 .hero-image img {
        max-width: 350px;
        width: 50%;
    }

body#index main {
    overflow: visible;
}

body#index .banner-section .h1, body#index .banner-section h1, body#index .banner-section p {
    color: #fff;
}

body#index .banner-section:nth-child(2n) {
    background-color: #00b7b5;
}

body#index .banner-section:nth-child(odd) {
    /*background-color: #dff2f8;*/
}

    body#index .banner-section:nth-child(odd) .h1, body#index .banner-section:nth-child(odd) h1 {
        color: #00b7b5;
    }

    body#index .banner-section:nth-child(odd) p {
        color: #00265d;
    }

body#index .banner-section.homepage-contact {
    background-color: #00b7b5;
}

    body#index .banner-section.homepage-contact .h1, body#index .banner-section.homepage-contact h1, body#index .banner-section.homepage-contact p {
        color: #fff;
    }

body#index .banner-section.banner-homepage {
    background-color: #e6176d;
    position: relative;
}

    body#index .banner-section.banner-homepage .h1, body#index .banner-section.banner-homepage h1, body#index .banner-section.banner-homepage p {
        color: #fff;
    }

@media only screen and (min-width:42.0625em) {
    body#index .banner-section.banner-homepage .h1, body#index .banner-section.banner-homepage h1 {
        margin-bottom: 1.875rem;
    }
}

body#index .banner-section.banner-homepage .content {
    position: relative;
}

body#index .banner-section.no-e-cards .section-description {
    max-width: 1180px;
}

body#index .address-book-block {
    background: #f6fbfd;
    color: #fff;
}

    body#index .address-book-block .learn-more {
        background-color: transparent;
        border: 2px solid #fff;
        color: #fff;
    }

        body#index .address-book-block .learn-more:focus {
            background-color: transparent;
        }

        body#index .address-book-block .learn-more:hover {
            background-color: #fff;
            color: rgba(0,0,0,.75);
        }

body#mediakit .holiday-intro {
    text-align: center;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    background-color: #00b159;
    padding-bottom: 0;
}

    body#mediakit .holiday-intro .section-description, body#mediakit .holiday-intro .section-header {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    body#mediakit .holiday-intro .h1, body#mediakit .holiday-intro .h2, body#mediakit .holiday-intro h1, body#mediakit .holiday-intro h2 {
        color: #fff;
    }

    body#mediakit .holiday-intro .h2, body#mediakit .holiday-intro h2 {
        font-size: 1.5rem;
    }

    body#mediakit .holiday-intro .image {
        display: block;
        margin: 2rem auto;
        max-width: 100%;
    }

        body#mediakit .holiday-intro .image svg {
            width: 100%;
        }

    body#mediakit .holiday-intro .contents {
        margin: 0 auto;
        max-width: 75rem;
        width: 100%;
        padding: 0 2rem;
    }

        body#mediakit .holiday-intro .contents:after, body#mediakit .holiday-intro .contents:before {
            content: " ";
            display: table;
        }

        body#mediakit .holiday-intro .contents:after {
            clear: both;
        }

    body#mediakit .holiday-intro, body#mediakit .holiday-intro .image {
        padding-bottom: 0;
        margin-bottom: 0;
    }

        body#mediakit .holiday-intro .hero-image {
            margin-top: 40px;
            text-align: center;
        }

            body#mediakit .holiday-intro .hero-image img {
                width: 100%;
                max-width: 750px;
            }

body#mediakit section {
    text-align: center;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}

    body#mediakit section .section-description, body#mediakit section .section-header {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    body#mediakit section .h1, body#mediakit section .h2, body#mediakit section h1, body#mediakit section h2 {
        color: #fff;
    }

    body#mediakit section .h2, body#mediakit section h2 {
        font-size: 1.5rem;
    }

    body#mediakit section .image {
        display: block;
        margin: 2rem auto;
        max-width: 100%;
    }

        body#mediakit section .image svg {
            width: 100%;
        }

    body#mediakit section .contents {
        margin: 0 auto;
        max-width: 75rem;
        width: 100%;
        padding: 0 2rem;
    }

        body#mediakit section .contents:after, body#mediakit section .contents:before {
            content: " ";
            display: table;
        }

        body#mediakit section .contents:after {
            clear: both;
        }

body#mediakit .logo {
    margin-bottom: 20px;
}

body#mediakit .link-steps {
    margin-top: 20px;
}

    body#mediakit .link-steps img {
        width: 30%;
    }

body#mediakit p {
    font-size: 1.2em;
}

body#mediakit .h3, body#mediakit h3 {
    font-size: 1.9rem;
}

body#mediakit .h4, body#mediakit h4 {
    font-size: 1.6rem;
}

body#mediakit .card-gallery .card-item {
    min-height: 0;
}

    body#mediakit .card-gallery .card-item a {
        font-size: .8em;
        color: #00265d;
    }

    body#mediakit .card-gallery .card-item .card-image {
        visibility: visible;
    }

        body#mediakit .card-gallery .card-item .card-image img {
            margin-top: 0;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

@media only screen and (max-width:640px) {
    body#mediakit .video-block.large {
        display: none;
    }
}

@media only screen and (min-width:640px) {
    body#mediakit .video-block.small {
        display: none;
    }
}

body#mediakit ul.talking-points li {
    text-align: left;
    line-height: 1.1em;
    margin-bottom: 1rem;
}

body#orders-confirmation .h3, body#orders-confirmation h3 {
    font-size: 2.5rem;
    padding-bottom: 2rem;
}

body#orders-confirmation .faq {
    padding-top: 2rem;
}

body#orders-confirmation .order-confirmation-contact {
    background-color: #00b7b5;
}

    body#orders-confirmation .order-confirmation-contact .h1, body#orders-confirmation .order-confirmation-contact h1, body#orders-confirmation .order-confirmation-contact p {
        color: #fff;
    }

body#orders-confirmation .order-confirmation-title {
    margin: 3.125rem 0;
    margin-bottom: 0;
    padding: 0;
    text-align: center;
}

body#orders-confirmation .order-confirmation-subtitle {
    margin-bottom: 2.5rem;
    padding: 0;
    text-align: center;
    font-size: 1.5rem;
}

body#orders-confirmation .confirmation-signup {
    width: 350px;
    margin: 0 auto 40px;
}

    body#orders-confirmation .confirmation-signup #account-type-select {
        padding-left: 1rem;
        padding-right: 1rem;
        line-height: 1.5625rem;
    }

    body#orders-confirmation .confirmation-signup input, body#orders-confirmation .confirmation-signup select {
        background-color: #fff;
    }

    body#orders-confirmation .confirmation-signup #signup-wedding .header-row {
        border-top: 1px solid #bbb;
    }

    body#orders-confirmation .confirmation-signup #signup-wedding .wedding-select {
        border-top: 1px solid #bbb;
        border-bottom: 1px solid #bbb;
        border-right: 1px solid #bbb !important;
    }

        body#orders-confirmation .confirmation-signup #signup-wedding .wedding-select select {
            padding-left: 1rem;
            padding-right: 1rem;
        }

        body#orders-confirmation .confirmation-signup #signup-wedding .wedding-select:last-child {
            border-right: 0 !important;
        }

    body#orders-confirmation .confirmation-signup #signup-business {
        border-top: 1px solid #bbb;
    }

@media only screen and (max-width:42em) {
    body#orders-confirmation .confirmation-signup {
        width: 100%;
    }
}

body#orders-confirmation .confirmation-steps .h3, body#orders-confirmation .confirmation-steps h3 {
    padding-bottom: 0;
    margin-bottom: 0;
}

body#orders-confirmation .confirmation-steps p {
    font-size: 1.5rem;
    padding-bottom: 1.25rem;
}

    body#orders-confirmation .confirmation-steps p a {
        font-family: brandongrotesque-bold,sans-serif;
        font-feature-settings: "kern";
        -webkit-font-feature-settings: "kern";
        -moz-font-feature-settings: "kern";
        -moz-font-feature-settings: "kern=1";
        letter-spacing: .01em;
    }

@media only screen and (max-width:42em) {
    body#orders-confirmation .text-block {
        display: block;
    }
}

body#orders-confirmation .share-buttons .button, body#orders-confirmation .share-buttons .button-alt, body#orders-confirmation .share-buttons .button-clear, body#orders-confirmation .share-buttons .button-continue, body#orders-confirmation .share-buttons .button-danger, body#orders-confirmation .share-buttons .button-error, body#orders-confirmation .share-buttons .button-info, body#orders-confirmation .share-buttons .button-modal-cancel, body#orders-confirmation .share-buttons .button-modal-confirm, body#orders-confirmation .share-buttons .button-white {
    margin-bottom: .5rem !important;
    min-width: 155px;
    width: 155px;
}

    body#orders-confirmation .share-buttons .button-alt svg, body#orders-confirmation .share-buttons .button-clear svg, body#orders-confirmation .share-buttons .button-continue svg, body#orders-confirmation .share-buttons .button-danger svg, body#orders-confirmation .share-buttons .button-error svg, body#orders-confirmation .share-buttons .button-info svg, body#orders-confirmation .share-buttons .button-modal-cancel svg, body#orders-confirmation .share-buttons .button-modal-confirm svg, body#orders-confirmation .share-buttons .button-white svg, body#orders-confirmation .share-buttons .button svg {
        height: 20px;
        left: auto;
        position: relative;
        top: -3px;
        vertical-align: middle;
        right: 10px;
    }

body#projects-congress-customize .split-view .main-view, body#projects-congress-writing .split-view .main-view, body#projects-customize .split-view .main-view {
    position: relative;
}

@media only screen and (max-width:42em) {
    body#projects-congress-customize .split-view.horizontal .main-view, body#projects-congress-writing .split-view.horizontal .main-view, body#projects-customize .split-view.horizontal .main-view {
        height: 75vw;
    }
}

@media only screen and (max-width:42em) {
    body#projects-congress-customize .split-view.vertical .main-view, body#projects-congress-writing .split-view.vertical .main-view, body#projects-customize .split-view.vertical .main-view {
        height: 105vw;
    }
}

body#projects-congress-customize .overlay-card-back, body#projects-congress-customize .overlay-card-back-preview, body#projects-congress-writing .overlay-card-back, body#projects-congress-writing .overlay-card-back-preview, body#projects-customize .overlay-card-back, body#projects-customize .overlay-card-back-preview {
    z-index: -1;
}

    body#projects-congress-customize .overlay-card-back-preview.active, body#projects-congress-customize .overlay-card-back.active, body#projects-congress-writing .overlay-card-back-preview.active, body#projects-congress-writing .overlay-card-back.active, body#projects-customize .overlay-card-back-preview.active, body#projects-customize .overlay-card-back.active {
        z-index: 1;
    }

body#projects-express-box .split-view .main-view {
    position: relative;
}

body#projects-express-box .box-qty-input {
    margin: .5rem 0 1rem;
}

@media only screen and (max-width:42em) {
    body#projects-express-box[data-panel-state=box-quantity] .card-hero {
        display: none;
    }
}

body#projects-recipients .recipient-picker {
    background-color: #fff;
    display: none;
    max-height: 100%;
    position: relative;
    width: 100%;
    z-index: 1500;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: none;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,.2);
    -ms-box-shadow: 0 0 2px rgba(0,0,0,.2);
    -o-box-shadow: 0 0 2px rgba(0,0,0,.2);
    box-shadow: 0 0 2px rgba(0,0,0,.2);
    border-radius: 4px;
    background: #fff;
    display: block;
    height: auto;
    overflow-x: hidden;
    overflow-y: scroll;
}

    body#projects-recipients .recipient-picker.active {
        display: -webkit-box;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
    }

@media only screen and (max-width:42em) {
    body#projects-recipients .recipient-picker {
        top: 0;
        left: 0;
        height: auto;
    }
}

@media only screen and (max-width:42em) {
    body#projects-recipients .recipient-picker.modal-panel {
        height: calc(100vh - 45px);
        margin-top: 45px;
        position: fixed;
        width: 100vw;
    }

        body#projects-recipients .recipient-picker.modal-panel .panel-header {
            border-radius: 0;
            display: block !important;
        }

        body#projects-recipients .recipient-picker.modal-panel .panel-body {
            padding-bottom: 150px;
        }

        body#projects-recipients .recipient-picker.modal-panel .panel-footer {
            border-radius: 0;
            bottom: 0;
            left: 0;
            position: fixed;
            right: 0;
        }

        body#projects-recipients .recipient-picker.modal-panel .tab-container {
            border-bottom: 1px solid #f0f5fb;
        }

        body#projects-recipients .recipient-picker.modal-panel .tab-button {
            background-color: #fff;
            font-size: 1.125rem !important;
            padding: .594rem 1rem;
        }

            body#projects-recipients .recipient-picker.modal-panel .tab-button .h4, body#projects-recipients .recipient-picker.modal-panel .tab-button h4 {
                font-family: brandongrotesque-bold,sans-serif;
                font-feature-settings: "kern";
                -webkit-font-feature-settings: "kern";
                -moz-font-feature-settings: "kern";
                -moz-font-feature-settings: "kern=1";
                letter-spacing: .01em;
                color: #00265d !important;
                text-transform: none;
            }

            body#projects-recipients .recipient-picker.modal-panel .tab-button:hover.only-tab {
                color: inherit !important;
                background: #fff !important;
            }

            body#projects-recipients .recipient-picker.modal-panel .tab-button.active:not(.only-tab) .h4, body#projects-recipients .recipient-picker.modal-panel .tab-button.active:not(.only-tab) h4 {
                color: #00b7b5 !important;
            }
}

body#projects-recipients .recipient-picker.no-header .panel-header {
    display: none !important;
}

body#projects-recipients .recipient-picker.no-header .panel-loader {
    top: 0;
}

body#projects-recipients .recipient-picker .button-back {
    cursor: pointer;
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 2.75rem;
}

    body#projects-recipients .recipient-picker .button-back img, body#projects-recipients .recipient-picker .button-back svg {
        -webkit-transform: translateY(-50%);
        -khtml-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 15px;
        position: absolute;
        top: 50%;
        width: 11px;
    }

    body#projects-recipients .recipient-picker .button-back > img, body#projects-recipients .recipient-picker .button-back > svg {
        height: 45%;
    }

    body#projects-recipients .recipient-picker .button-back svg polyline {
        stroke: #fff;
    }

    body#projects-recipients .recipient-picker .button-back:hover {
        background-color: #000;
    }

body#projects-recipients .recipient-picker.show-back-button .button-back {
    display: inline-block;
}

body#projects-recipients .recipient-picker .panel-loader {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center;
    background: #fff;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}

    body#projects-recipients .recipient-picker .panel-loader img {
        max-width: 25%;
    }

body#projects-recipients .recipient-picker .panel-body {
    -webkit-box-flex: 1;
    -moz-flex: 1 auto;
    -ms-flex: 1 auto;
    flex: 1 auto;
    position: relative;
    overflow-y: auto;
    padding: .625rem;
}

    body#projects-recipients .recipient-picker .panel-body > p {
        padding: 1rem;
        margin-bottom: 0;
    }

    body#projects-recipients .recipient-picker .panel-body.no-padding {
        padding: 0;
    }

    body#projects-recipients .recipient-picker .panel-body hr {
        border-color: #f0f5fb;
        margin: 0;
    }

    body#projects-recipients .recipient-picker .panel-body .panel-cta-row {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-top: 1px solid #f0f5fb;
        color: inherit;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 1.125rem;
        height: 60px;
        padding: .625rem;
        position: relative;
        text-align: left;
    }

        body#projects-recipients .recipient-picker .panel-body .panel-cta-row img.arrow {
            height: auto;
            margin-right: 0;
            position: absolute;
            right: .625rem;
            top: 50%;
            -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
        }

        body#projects-recipients .recipient-picker .panel-body .panel-cta-row img, body#projects-recipients .recipient-picker .panel-body .panel-cta-row svg {
            height: 25px;
            margin-right: 10px;
            vertical-align: middle;
        }

        body#projects-recipients .recipient-picker .panel-body .panel-cta-row:hover {
            background-color: #ffd579;
        }

body#projects-recipients .recipient-picker .panel-icon {
    height: 3.75rem;
    margin: 1.875rem 0 0;
    text-align: center;
}

    body#projects-recipients .recipient-picker .panel-icon img, body#projects-recipients .recipient-picker .panel-icon svg {
        height: 100%;
        width: 100%;
    }

body#projects-recipients .recipient-picker .panel-footer {
    -webkit-box-flex: 0;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    position: relative;
    background-color: #fff;
    border-radius: 0 0 4px 4px;
    border-top: 1px solid #f0f5fb;
    font-size: 1.125rem;
}

    body#projects-recipients .recipient-picker .panel-footer .panel-footer-link {
        padding: 0 0 .625rem;
        background-color: #fff;
        border-radius: 0 0 4px 4px;
        text-align: center;
    }

        body#projects-recipients .recipient-picker .panel-footer .panel-footer-link a {
            font-family: brandongrotesque-regular,sans-serif;
            letter-spacing: normal;
        }

        body#projects-recipients .recipient-picker .panel-footer .panel-footer-link p {
            margin: 1rem 0;
        }

body#projects-recipients .recipient-picker .radio-button .title {
    font-size: 18px;
}

body#projects-recipients .f-dropdown {
    z-index: 2000;
}

body#projects-recipients .picker {
    height: 100%;
    list-style: none;
    margin: 0;
    max-height: calc(100vh - 280px);
    overflow-y: scroll;
    padding: 0;
}

    body#projects-recipients .picker .picker-item:nth-child(3n) {
        border-width: 0 0 1px;
    }

body#projects-recipients .main-save-picker {
    background: #fff;
    bottom: 0;
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    z-index: 2000;
}

@media only screen and (max-width:42em) {
    body#projects-recipients .main-view, body#projects-recipients .sub-view {
        padding: 0;
    }

    body#projects-recipients .picker {
        height: calc(100vh - 153px);
        max-height: calc(100vh - 153px);
        padding-bottom: 66px;
    }

    body#projects-recipients .main-save-picker {
        display: block;
    }
}

@media only screen and (min-width:42.0625em) {
    body#projects-write .main-view {
        z-index: 200;
    }

    body#projects-write .sub-view {
        z-index: 100;
    }

    body#projects-write .split-view {
        overflow: hidden;
    }
}

@media only screen and (max-width:42em) {
    body#projects-write .panel-footer .button-checkout {
        bottom: 0;
    }
}

body#projects-write .f-dropdown {
    z-index: 2000;
}

@media only screen and (max-width:42em) {
    body#projects .sub-view {
        -webkit-box-ordinal-group: 2;
        -moz-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }

    body#projects .main-view {
        -webkit-box-ordinal-group: 3;
        -moz-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }
}

@media only screen and (min-width:42.0625em) {
    body#projects .split-view, body#projects .split-view .main-view {
        height: auto;
    }
}

body#request-confirmation .request-form {
    padding: 3rem;
    position: relative;
    max-width: 46.875rem;
    text-align: center;
}

body#request-confirmation .coin-animation {
    position: absolute;
    left: 0;
    width: 100%;
    margin: 0 auto;
}

    body#request-confirmation .coin-animation[data-step="0"] {
        -webkit-transform: perspective(900px) rotateY(0deg);
        -khtml-transform: perspective(900px) rotateY(0deg);
        transform: perspective(900px) rotateY(0deg);
    }

        body#request-confirmation .coin-animation[data-step="0"].play {
            -webkit-transition: transform 1s cubic-bezier(0,-.34,.32,.04);
            -webkit-transition: -webkit-transform 1s cubic-bezier(0,-.34,.32,.04);
            transition: -webkit-transform 1s cubic-bezier(0,-.34,.32,.04);
            transition: transform 1s cubic-bezier(0,-.34,.32,.04);
            transition: transform 1s cubic-bezier(0,-.34,.32,.04),-webkit-transform 1s cubic-bezier(0,-.34,.32,.04);
            -webkit-transform: perspective(900px) rotateY(-90deg);
            -khtml-transform: perspective(900px) rotateY(-90deg);
            transform: perspective(900px) rotateY(-90deg);
        }

    body#request-confirmation .coin-animation[data-step="1"] {
        -webkit-transform: perspective(900px) rotateY(90deg);
        -khtml-transform: perspective(900px) rotateY(90deg);
        transform: perspective(900px) rotateY(90deg);
    }

        body#request-confirmation .coin-animation[data-step="1"].play {
            -webkit-transition: transform 1s cubic-bezier(.54,1.6,.79,1.44) 1s;
            -webkit-transition: -webkit-transform 1s cubic-bezier(.54,1.6,.79,1.44) 1s;
            transition: -webkit-transform 1s cubic-bezier(.54,1.6,.79,1.44) 1s;
            transition: transform 1s cubic-bezier(.54,1.6,.79,1.44) 1s;
            transition: transform 1s cubic-bezier(.54,1.6,.79,1.44) 1s,-webkit-transform 1s cubic-bezier(.54,1.6,.79,1.44) 1s;
            -webkit-transform: perspective(900px) rotateY(0deg);
            -khtml-transform: perspective(900px) rotateY(0deg);
            transform: perspective(900px) rotateY(0deg);
        }

    body#request-confirmation .coin-animation svg {
        height: 100%;
        width: 100%;
        max-height: 130px;
        max-width: 130px;
    }

body#request-confirmation .text {
    position: relative;
    top: 160px;
    height: 380px;
}

    body#request-confirmation .text .text-animation[data-step="0"].play {
        visibility: hidden;
    }

    body#request-confirmation .text .text-animation[data-step="1"] {
        position: absolute;
        left: 0;
        top: 0;
        padding-top: 0;
    }

        body#request-confirmation .text .text-animation[data-step="1"] .h4, body#request-confirmation .text .text-animation[data-step="1"] h4 {
            padding-top: 0;
            visibility: hidden;
        }

        body#request-confirmation .text .text-animation[data-step="1"] p {
            visibility: hidden;
        }

        body#request-confirmation .text .text-animation[data-step="1"].play .h4, body#request-confirmation .text .text-animation[data-step="1"].play a.button, body#request-confirmation .text .text-animation[data-step="1"].play a.button-alt, body#request-confirmation .text .text-animation[data-step="1"].play a.button-clear, body#request-confirmation .text .text-animation[data-step="1"].play a.button-continue, body#request-confirmation .text .text-animation[data-step="1"].play a.button-danger, body#request-confirmation .text .text-animation[data-step="1"].play a.button-error, body#request-confirmation .text .text-animation[data-step="1"].play a.button-info, body#request-confirmation .text .text-animation[data-step="1"].play a.button-modal-cancel, body#request-confirmation .text .text-animation[data-step="1"].play a.button-modal-confirm, body#request-confirmation .text .text-animation[data-step="1"].play a.button-white, body#request-confirmation .text .text-animation[data-step="1"].play h4, body#request-confirmation .text .text-animation[data-step="1"].play p {
            visibility: visible;
        }

        body#request-confirmation .text .text-animation[data-step="1"] a.button, body#request-confirmation .text .text-animation[data-step="1"] a.button-alt, body#request-confirmation .text .text-animation[data-step="1"] a.button-clear, body#request-confirmation .text .text-animation[data-step="1"] a.button-continue, body#request-confirmation .text .text-animation[data-step="1"] a.button-danger, body#request-confirmation .text .text-animation[data-step="1"] a.button-error, body#request-confirmation .text .text-animation[data-step="1"] a.button-info, body#request-confirmation .text .text-animation[data-step="1"] a.button-modal-cancel, body#request-confirmation .text .text-animation[data-step="1"] a.button-modal-confirm, body#request-confirmation .text .text-animation[data-step="1"] a.button-white {
            visibility: hidden;
            color: #fff;
        }

body#request-confirmation .h4, body#request-confirmation h4 {
    font-size: 1.875rem;
    padding-top: 2rem;
}

body#request-confirmation .cta-text {
    width: 100%;
}

    body#request-confirmation .cta-text .button, body#request-confirmation .cta-text .button-alt, body#request-confirmation .cta-text .button-clear, body#request-confirmation .cta-text .button-continue, body#request-confirmation .cta-text .button-danger, body#request-confirmation .cta-text .button-error, body#request-confirmation .cta-text .button-info, body#request-confirmation .cta-text .button-modal-cancel, body#request-confirmation .cta-text .button-modal-confirm, body#request-confirmation .cta-text .button-white {
        margin-top: 2rem;
    }

@media only screen and (max-width:42em) {
    body#request-confirmation .request-body {
        padding-top: 1rem;
    }

    body#request-confirmation .coin-animation {
        width: 100%;
        height: 170px;
        margin: 0 auto;
    }

        body#request-confirmation .coin-animation img {
            height: 100%;
        }

    body#request-confirmation .text {
        top: 200px;
    }

    body#request-confirmation .h4, body#request-confirmation h4 {
        font-size: 1.25rem;
        padding: 2rem 1rem;
    }

    body#request-confirmation .cta-text .h4, body#request-confirmation .cta-text h4 {
        font-size: 1.25rem;
        padding: 0 1rem;
    }

    body#request-confirmation .cta-text .button, body#request-confirmation .cta-text .button-alt, body#request-confirmation .cta-text .button-clear, body#request-confirmation .cta-text .button-continue, body#request-confirmation .cta-text .button-danger, body#request-confirmation .cta-text .button-error, body#request-confirmation .cta-text .button-info, body#request-confirmation .cta-text .button-modal-cancel, body#request-confirmation .cta-text .button-modal-confirm, body#request-confirmation .cta-text .button-white {
        margin-top: 1rem;
    }
}

@media only screen and (max-width:20em) {
    body#request-confirmation .coin-animation {
        height: 130px;
    }

    body#request-confirmation .text {
        top: 160px;
    }
}

body#request-review .message-text {
    padding-bottom: 1rem;
}

    body#request-review .message-text .h3, body#request-review .message-text h3 {
        font-size: 2.5rem;
        color: #00265d;
    }

    body#request-review .message-text .h4, body#request-review .message-text h4 {
        font-size: 1.875rem;
    }

body#request-review .button-decline a:hover {
    text-decoration: underline;
}

body#request-review .submit-form {
    padding-top: 2rem;
    text-align: center;
}

body#request-review .sub-actions {
    text-align: center;
}

    body#request-review .sub-actions a:hover {
        text-decoration: underline;
    }

@media only screen and (max-width:42em) {
    body#request-review .sub-actions {
        padding-bottom: 1rem;
    }
}

body#request-review .request-email span {
    word-wrap: break-word;
}

body#request-review .contact-info li {
    text-align: center;
}

body#request .login {
    margin: 0;
    position: absolute;
    top: 1rem;
    right: 1rem;
}

    body#request .login a, body#request .login p {
        font-size: 1rem;
    }

    body#request .login a {
        font-family: brandongrotesque-bold,sans-serif;
        font-feature-settings: "kern";
        -webkit-font-feature-settings: "kern";
        -moz-font-feature-settings: "kern";
        -moz-font-feature-settings: "kern=1";
        letter-spacing: .01em;
        text-decoration: none;
    }

@media only screen and (max-width:42em) {
    body#request .login {
        left: 1rem;
        right: 1rem;
    }

        body#request .login p {
            padding: 0;
        }
}

@media only screen and (max-width:42em) {
    body#request .request-body {
        padding: 3.75rem 0;
    }
}

body#request .disclaimer {
    text-align: center;
}

    body#request .disclaimer.small {
        font-size: .75rem;
    }

body#request .add-child-row {
    color: #00b7b5;
    cursor: pointer;
    float: right;
}

body#wedding .wedding-banner {
    background: #caebf0;
}

body#wedding .wedding-steps {
    text-align: center;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    background: #fff;
}

    body#wedding .wedding-steps .section-description, body#wedding .wedding-steps .section-header {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    body#wedding .wedding-steps .h1, body#wedding .wedding-steps .h2, body#wedding .wedding-steps h1, body#wedding .wedding-steps h2 {
        color: #fff;
    }

    body#wedding .wedding-steps .h2, body#wedding .wedding-steps h2 {
        font-size: 1.5rem;
    }

    body#wedding .wedding-steps .image {
        display: block;
        margin: 2rem auto;
        max-width: 100%;
    }

        body#wedding .wedding-steps .image svg {
            width: 100%;
        }

    body#wedding .wedding-steps .contents {
        margin: 0 auto;
        max-width: 75rem;
        width: 100%;
        padding: 0 2rem;
    }

        body#wedding .wedding-steps .contents:after, body#wedding .wedding-steps .contents:before {
            content: " ";
            display: table;
        }

        body#wedding .wedding-steps .contents:after {
            clear: both;
        }

    body#wedding .wedding-steps .step-container {
        margin: 0 auto;
        max-width: 75rem;
        width: 100%;
        margin-top: 2.5rem;
    }

        body#wedding .wedding-steps .step-container:after, body#wedding .wedding-steps .step-container:before {
            content: " ";
            display: table;
        }

        body#wedding .wedding-steps .step-container:after {
            clear: both;
        }

    body#wedding .wedding-steps .step {
        padding-left: .9375rem;
        padding-right: .9375rem;
        width: 25%;
        float: left;
    }

        body#wedding .wedding-steps .step .icon svg {
            width: 100%;
        }

@media only screen and (min-width:64.0625em) {
    body#wedding .wedding-steps .step p {
        padding-left: 4rem;
        padding-right: 4rem;
    }
}

@media only screen and (max-width:42em) {
    body#wedding .wedding-steps .step {
        padding-left: .9375rem;
        padding-right: .9375rem;
        width: 100%;
        float: left;
        margin-bottom: 2.5rem;
    }

        body#wedding .wedding-steps .step:last-child {
            margin-bottom: 0;
        }
}

body#wedding .wedding-steps > p {
    margin: 0 auto;
    max-width: 75rem;
    width: 100%;
}

    body#wedding .wedding-steps > p:after, body#wedding .wedding-steps > p:before {
        content: " ";
        display: table;
    }

    body#wedding .wedding-steps > p:after {
        clear: both;
    }

@media only screen and (max-width:42em) {
    body#wedding .wedding-steps > p {
        padding: 2rem 2rem 0;
    }
}

body#wedding .no-e-cards {
    background: #cce9e0;
}

    body#wedding .no-e-cards .section-description {
        max-width: 1180px;
    }

body#wedding .custom-invitations {
    background: #eaeae9;
}

body#wedding .need-addresses {
    background: #f4f4f4;
}

body#wedding .pens {
    background: #efefec;
}

body#wedding .price-block {
    background: #dff2f8;
}

body#welcome .welcome-landing .welcome-contact {
    background-color: #00b7b5;
}

    body#welcome .welcome-landing .welcome-contact .hero-image {
        padding-top: 2.5rem;
    }

    body#welcome .welcome-landing .welcome-contact .text-block {
        color: #fff;
    }

@media only screen and (max-width:42em) {
    body#welcome .welcome-landing .welcome-contact .text-block {
        display: block;
    }
}

body#welcome .welcome-landing .welcome-contact .text-block .h1, body#welcome .welcome-landing .welcome-contact .text-block h1 {
    color: #fff;
}

body#welcome .welcome-landing .welcome-contact .text-block .button, body#welcome .welcome-landing .welcome-contact .text-block .button-alt, body#welcome .welcome-landing .welcome-contact .text-block .button-clear, body#welcome .welcome-landing .welcome-contact .text-block .button-continue, body#welcome .welcome-landing .welcome-contact .text-block .button-danger, body#welcome .welcome-landing .welcome-contact .text-block .button-error, body#welcome .welcome-landing .welcome-contact .text-block .button-info, body#welcome .welcome-landing .welcome-contact .text-block .button-modal-cancel, body#welcome .welcome-landing .welcome-contact .text-block .button-modal-confirm, body#welcome .welcome-landing .welcome-contact .text-block .button-white {
    color: #fff !important;
    border-color: #fff !important;
}

    body#welcome .welcome-landing .welcome-contact .text-block .button-alt:hover, body#welcome .welcome-landing .welcome-contact .text-block .button-clear:hover, body#welcome .welcome-landing .welcome-contact .text-block .button-continue:hover, body#welcome .welcome-landing .welcome-contact .text-block .button-danger:hover, body#welcome .welcome-landing .welcome-contact .text-block .button-error:hover, body#welcome .welcome-landing .welcome-contact .text-block .button-info:hover, body#welcome .welcome-landing .welcome-contact .text-block .button-modal-cancel:hover, body#welcome .welcome-landing .welcome-contact .text-block .button-modal-confirm:hover, body#welcome .welcome-landing .welcome-contact .text-block .button-white:hover, body#welcome .welcome-landing .welcome-contact .text-block .button:hover {
        color: #555 !important;
        background-color: #fff !important;
    }

body#welcome .welcome-landing .banner-send-a-card {
    background-color: #e0f6fc;
}

@media only screen and (max-width:42em) {
    body#welcome .welcome-landing .banner-send-a-card .text-block {
        display: block;
    }
}

body#welcome .welcome-landing .banner-need-addresses {
    background-color: transparent;
}


.card-preview {
    margin: 0 auto;
    -webkit-perspective: 2000px;
    perspective: 2000px;
    position: relative;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.card-preview--paper-white .card-preview__front, .card-preview--paper-white .card-preview__inside { /* background-image:url("https://d1wli5mq9yq9mw.cloudfront.net/static/images/card_bg_white.png"); */
}

.card-preview--paper-cream .card-preview__front, .card-preview--paper-cream .card-preview__inside {
    background-image: url("https://d1wli5mq9yq9mw.cloudfront.net/static/images/card_bg_cream.png");
}

.card-preview--paper-brown .card-preview__front, .card-preview--paper-brown .card-preview__inside {
    background-image: url("https://d1wli5mq9yq9mw.cloudfront.net/static/images/bag.gif");
}

.card-preview__inside {
    background-color: #fff;
    background-repeat: repeat;
    bottom: 0;
    -webkit-box-shadow: 0 0 10px #c9c9c9;
    box-shadow: 0 0 10px #c9c9c9;
    height: 100%;
    overflow: hidden;
    padding: 10px;
    position: absolute;
    width: 100%;
    will-change: transform;
}

.card-preview__front {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    height: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    width: 100%;
}

.card-preview__images {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    width: 100%;
}

    .card-preview__images > img {
        z-index: 800;
        pointer-events: none;
    }

    .card-preview__images img {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        height: 100%;
        left: 0;
        max-width: none;
        position: absolute;
        top: 0;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        width: 100%;
    }

.card-preview--no-bleed .card-preview__images {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.card-preview--has-fold .card-preview__front {
    -webkit-box-shadow: 0 0 10px #c9c9c9;
    box-shadow: 0 0 10px #c9c9c9;
}

.card-preview--horizontal {
    width: 100%;
}

    .card-preview--horizontal .card-preview__front:before {
        content: "";
        display: block;
    }

    .card-preview--horizontal.card-preview--a2 .card-preview__front:before {
        padding-top: 78.31325301%;
    }

    .card-preview--horizontal.card-preview--a7 .card-preview__front:before {
        padding-top: 72.22222222%;
    }

    .card-preview--horizontal.card-preview--opened .card-preview__inside {
        left: 0 !important;
        -webkit-transform: none !important;
        transform: none !important;
    }

    .card-preview--horizontal.card-preview--opened .card-preview__front {
        -webkit-animation: flip-front-open-horizontal 1s ease-in-out 1 forwards;
        animation: flip-front-open-horizontal 1s ease-in-out 1 forwards;
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
    }

    .card-preview--horizontal.card-preview--closed .card-preview__front {
        -webkit-animation: flip-front-closed-horizontal 1s ease-in-out 1 forwards;
        animation: flip-front-closed-horizontal 1s ease-in-out 1 forwards;
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
    }

    .card-preview--horizontal.card-preview--has-fold .card-preview__inside {
        left: 1%;
        -webkit-transform: translateX(-2%) scaleY(.95) skewX(-1.5deg);
        transform: translateX(-2%) scaleY(.95) skewX(-1.5deg);
    }

    .card-preview--horizontal.card-preview--has-fold:not(.card-preview--no-animation) .card-preview__inside {
        -webkit-transition: -webkit-transform .5s ease-in-out;
        transition: -webkit-transform .5s ease-in-out;
        transition: transform .5s ease-in-out;
        transition: transform .5s ease-in-out,-webkit-transform .5s ease-in-out;
    }

    .card-preview--horizontal.card-preview--has-fold:not(.card-preview--no-animation):hover .card-preview__inside {
        -webkit-transform: translateX(-3.6%) scaleY(.925) skewX(-4deg);
        transform: translateX(-3.6%) scaleY(.925) skewX(-4deg);
    }

.card-preview--vertical {
    height: 100%;
}

    .card-preview--vertical .card-preview__front:before {
        content: "";
        display: block;
    }

    .card-preview--vertical.card-preview--a2 {
        width: 78.31325301%;
    }

        .card-preview--vertical.card-preview--a2 .card-preview__front:before {
            padding-top: 127.69230769%;
        }

    .card-preview--vertical.card-preview--a7 {
        width: 72.22222222%;
    }

        .card-preview--vertical.card-preview--a7 .card-preview__front:before {
            padding-top: 138.46153846%;
        }

    .card-preview--vertical.card-preview--opened .card-preview__inside {
        top: 0 !important;
        -webkit-transform: none !important;
        transform: none !important;
    }

    .card-preview--vertical.card-preview--opened .card-preview__front {
        -webkit-animation: flip-front-open-vertical 1s ease-in-out 1 forwards;
        animation: flip-front-open-vertical 1s ease-in-out 1 forwards;
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
    }

    .card-preview--vertical.card-preview--closed .card-preview__front {
        -webkit-animation: flip-front-closed-vertical 1s ease-in-out 1 forwards;
        animation: flip-front-closed-vertical 1s ease-in-out 1 forwards;
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
    }

    .card-preview--vertical.card-preview--has-fold .card-preview__inside {
        top: 1%;
        -webkit-transform: translateY(-2%) scaleX(.95) skewY(-1.5deg);
        transform: translateY(-2%) scaleX(.95) skewY(-1.5deg);
    }

    .card-preview--vertical.card-preview--has-fold:not(.card-preview--no-animation) .card-preview__inside {
        -webkit-transition: -webkit-transform .5s ease-in-out;
        transition: -webkit-transform .5s ease-in-out;
        transition: transform .5s ease-in-out;
        transition: transform .5s ease-in-out,-webkit-transform .5s ease-in-out;
    }

    .card-preview--vertical.card-preview--has-fold:not(.card-preview--no-animation):hover .card-preview__inside {
        -webkit-transform: translateY(-4%) scaleX(.925) skewY(-4deg);
        transform: translateY(-4%) scaleX(.925) skewY(-4deg);
    }

.card-preview--postcard {
    -webkit-transition: -webkit-transform 1s ease-in-out;
    transition: -webkit-transform 1s ease-in-out;
    transition: transform 1s ease-in-out;
    transition: transform 1s ease-in-out,-webkit-transform 1s ease-in-out;
}

    .card-preview--postcard .card-preview__inside {
        backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg);
    }

    .card-preview--postcard .card-preview__front {
        -webkit-box-shadow: 0 0 10px #c9c9c9;
        box-shadow: 0 0 10px #c9c9c9;
    }

        .card-preview--postcard .card-preview__front:before {
            content: "";
            display: block;
            padding-top: 78.31325301%;
            width: 100%;
        }

    .card-preview--postcard.card-preview--opened {
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg);
    }

        .card-preview--postcard.card-preview--opened .card-preview__inside {
            backface-visibility: hidden;
            -webkit-backface-visibility: hidden;
            -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
        }

    .card-preview--postcard.card-preview--closed {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }

.blank-cards {
display:flex;
-ms-flex-flow:column nowrap;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
flex-flow:column nowrap;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
-moz-justify-content:space-between;
justify-content:space-between;
-webkit-box-shadow:0 0 2px rgba(0,0,0,.2);
-ms-box-shadow:0 0 2px rgba(0,0,0,.2);
-o-box-shadow:0 0 2px rgba(0,0,0,.2);
box-shadow:0 0 2px rgba(0,0,0,.2);
border-radius:4px;
background:#fff;
border:2px solid #00b7b5;
overflow:hidden;
text-align:center;
padding:10px;
}

.blank-cards img {
display:inline-block;
width:40%;
margin:10px 0 30px;
}

.blank-cards__image {
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
-moz-align-items:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
-moz-justify-content:center;
justify-content:center;
-webkit-box-flex:1;
-moz-flex:1;
-ms-flex:1;
flex:1;
}

.blank-cards__text {
justify-self:flex-end;
}

.blank-cards__text .h4,.blank-cards__text h4 {
font-size:1.25rem;
margin:0 0 5px;
}

.blank-cards__text .button,.blank-cards__text .button-alt,.blank-cards__text .button-clear,.blank-cards__text .button-continue,.blank-cards__text .button-danger,.blank-cards__text .button-error,.blank-cards__text .button-info,.blank-cards__text .button-modal-cancel,.blank-cards__text .button-modal-confirm,.blank-cards__text .button-white {
display:block;
min-width:0;
margin:0;
}