@media print,
screen and (min-width: 40em) {

    .reveal,
    .reveal.tiny,
    .reveal.small,
    .reveal.large {
        right: auto;
        left: auto;
        margin: 0 auto
    }
}

/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */
html {
    font-family: sans-serif;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,
aside,
footer,
header,
nav,
section {
    display: block
}

h1 {
    font-size: 2em;
    margin: 0.67em 0
}

figcaption,
figure {
    display: block
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

main {
    display: block
}

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

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

a:active,
a:hover {
    outline-width: 0
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: inherit
}

b,
strong {
    font-weight: bolder
}

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

dfn {
    font-style: italic
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

audio,
video {
    display: inline-block
}

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

img {
    border-style: none
}

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

button,
input,
optgroup,
select,
textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText
}

input {
    overflow: visible
}

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

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

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

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

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em
}

legend {
    box-sizing: border-box;
    display: table;
    max-width: 100%;
    padding: 0;
    color: inherit;
    white-space: normal
}

progress {
    display: inline-block;
    vertical-align: baseline
}

textarea {
    overflow: auto
}

details {
    display: block
}

summary {
    display: list-item
}

menu {
    display: block
}

canvas {
    display: inline-block
}

template {
    display: none
}

[hidden] {
    display: none
}

.foundation-mq {
    font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"
}

html {
    box-sizing: border-box;
    font-size: 100%
}

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

body {
    margin: 0;
    padding: 0;
    background: #fefefe;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: normal;
    line-height: 1.5;
    color: #0a0a0a;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic
}

textarea {
    height: auto;
    min-height: 50px;
    border-radius: 0
}

select {
    box-sizing: border-box;
    width: 100%;
    border-radius: 0
}

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

button {
    padding: 0;
    appearance: none;
    border: 0;
    border-radius: 0;
    background: transparent;
    line-height: 1
}

[data-whatinput='mouse'] button {
    outline: 0
}

pre {
    overflow: auto
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit
}

.is-visible {
    display: block !important
}

.is-hidden {
    display: none !important
}

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

.row::before,
.row::after {
    display: table;
    content: ' ';
    flex-basis: 0;
    order: 1
}

.row::after {
    clear: both
}

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

.row .row {
    margin-right: -.625rem;
    margin-left: -.625rem
}

@media print,
screen and (min-width: 40em) {
    .row .row {
        margin-right: -.9375rem;
        margin-left: -.9375rem
    }
}

@media print,
screen and (min-width: 64em) {
    .row .row {
        margin-right: -.9375rem;
        margin-left: -.9375rem
    }
}

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

.row.expanded {
    max-width: none
}

.row.expanded .row {
    margin-right: auto;
    margin-left: auto
}

.row:not(.expanded) .row {
    max-width: none
}

.row.gutter-small>.column,
.row.gutter-small>.columns {
    padding-right: .625rem;
    padding-left: .625rem
}

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

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

@media print,
screen and (min-width: 40em) {

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

.column:last-child:not(:first-child),
.columns:last-child:not(:first-child) {
    float: right
}

.column.end:last-child:last-child,
.end.columns:last-child:last-child {
    float: left
}

.column.row.row,
.row.row.columns {
    float: none
}

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

.small-1 {
    width: 8.33333%
}

.small-push-1 {
    position: relative;
    left: 8.33333%
}

.small-pull-1 {
    position: relative;
    left: -8.33333%
}

.small-offset-0 {
    margin-left: 0%
}

.small-2 {
    width: 16.66667%
}

.small-push-2 {
    position: relative;
    left: 16.66667%
}

.small-pull-2 {
    position: relative;
    left: -16.66667%
}

.small-offset-1 {
    margin-left: 8.33333%
}

.small-3 {
    width: 25%
}

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

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

.small-offset-2 {
    margin-left: 16.66667%
}

.small-4 {
    width: 33.33333%
}

.small-push-4 {
    position: relative;
    left: 33.33333%
}

.small-pull-4 {
    position: relative;
    left: -33.33333%
}

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

.small-5 {
    width: 41.66667%
}

.small-push-5 {
    position: relative;
    left: 41.66667%
}

.small-pull-5 {
    position: relative;
    left: -41.66667%
}

.small-offset-4 {
    margin-left: 33.33333%
}

.small-6 {
    width: 50%
}

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

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

.small-offset-5 {
    margin-left: 41.66667%
}

.small-7 {
    width: 58.33333%
}

.small-push-7 {
    position: relative;
    left: 58.33333%
}

.small-pull-7 {
    position: relative;
    left: -58.33333%
}

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

.small-8 {
    width: 66.66667%
}

.small-push-8 {
    position: relative;
    left: 66.66667%
}

.small-pull-8 {
    position: relative;
    left: -66.66667%
}

.small-offset-7 {
    margin-left: 58.33333%
}

.small-9 {
    width: 75%
}

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

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

.small-offset-8 {
    margin-left: 66.66667%
}

.small-10 {
    width: 83.33333%
}

.small-push-10 {
    position: relative;
    left: 83.33333%
}

.small-pull-10 {
    position: relative;
    left: -83.33333%
}

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

.small-11 {
    width: 91.66667%
}

.small-push-11 {
    position: relative;
    left: 91.66667%
}

.small-pull-11 {
    position: relative;
    left: -91.66667%
}

.small-offset-10 {
    margin-left: 83.33333%
}

.small-12 {
    width: 100%
}

.small-offset-11 {
    margin-left: 91.66667%
}

.small-up-1>.column,
.small-up-1>.columns {
    float: left;
    width: 100%
}

.small-up-1>.column:nth-of-type(1n),
.small-up-1>.columns:nth-of-type(1n) {
    clear: none
}

.small-up-1>.column:nth-of-type(1n+1),
.small-up-1>.columns:nth-of-type(1n+1) {
    clear: both
}

.small-up-1>.column:last-child,
.small-up-1>.columns:last-child {
    float: left
}

.small-up-2>.column,
.small-up-2>.columns {
    float: left;
    width: 50%
}

.small-up-2>.column:nth-of-type(1n),
.small-up-2>.columns:nth-of-type(1n) {
    clear: none
}

.small-up-2>.column:nth-of-type(2n+1),
.small-up-2>.columns:nth-of-type(2n+1) {
    clear: both
}

.small-up-2>.column:last-child,
.small-up-2>.columns:last-child {
    float: left
}

.small-up-3>.column,
.small-up-3>.columns {
    float: left;
    width: 33.33333%
}

.small-up-3>.column:nth-of-type(1n),
.small-up-3>.columns:nth-of-type(1n) {
    clear: none
}

.small-up-3>.column:nth-of-type(3n+1),
.small-up-3>.columns:nth-of-type(3n+1) {
    clear: both
}

.small-up-3>.column:last-child,
.small-up-3>.columns:last-child {
    float: left
}

.small-up-4>.column,
.small-up-4>.columns {
    float: left;
    width: 25%
}

.small-up-4>.column:nth-of-type(1n),
.small-up-4>.columns:nth-of-type(1n) {
    clear: none
}

.small-up-4>.column:nth-of-type(4n+1),
.small-up-4>.columns:nth-of-type(4n+1) {
    clear: both
}

.small-up-4>.column:last-child,
.small-up-4>.columns:last-child {
    float: left
}

.small-up-5>.column,
.small-up-5>.columns {
    float: left;
    width: 20%
}

.small-up-5>.column:nth-of-type(1n),
.small-up-5>.columns:nth-of-type(1n) {
    clear: none
}

.small-up-5>.column:nth-of-type(5n+1),
.small-up-5>.columns:nth-of-type(5n+1) {
    clear: both
}

.small-up-5>.column:last-child,
.small-up-5>.columns:last-child {
    float: left
}

.small-up-6>.column,
.small-up-6>.columns {
    float: left;
    width: 16.66667%
}

.small-up-6>.column:nth-of-type(1n),
.small-up-6>.columns:nth-of-type(1n) {
    clear: none
}

.small-up-6>.column:nth-of-type(6n+1),
.small-up-6>.columns:nth-of-type(6n+1) {
    clear: both
}

.small-up-6>.column:last-child,
.small-up-6>.columns:last-child {
    float: left
}

.small-up-7>.column,
.small-up-7>.columns {
    float: left;
    width: 14.28571%
}

.small-up-7>.column:nth-of-type(1n),
.small-up-7>.columns:nth-of-type(1n) {
    clear: none
}

.small-up-7>.column:nth-of-type(7n+1),
.small-up-7>.columns:nth-of-type(7n+1) {
    clear: both
}

.small-up-7>.column:last-child,
.small-up-7>.columns:last-child {
    float: left
}

.small-up-8>.column,
.small-up-8>.columns {
    float: left;
    width: 12.5%
}

.small-up-8>.column:nth-of-type(1n),
.small-up-8>.columns:nth-of-type(1n) {
    clear: none
}

.small-up-8>.column:nth-of-type(8n+1),
.small-up-8>.columns:nth-of-type(8n+1) {
    clear: both
}

.small-up-8>.column:last-child,
.small-up-8>.columns:last-child {
    float: left
}

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

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

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

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

.small-centered {
    margin-right: auto;
    margin-left: auto
}

.small-centered,
.small-centered:last-child:not(:first-child) {
    float: none;
    clear: both
}

.small-uncentered,
.small-push-0,
.small-pull-0 {
    position: static;
    float: left;
    margin-right: 0;
    margin-left: 0
}

@media print,
screen and (min-width: 40em) {
    .medium-1 {
        width: 8.33333%
    }

    .medium-push-1 {
        position: relative;
        left: 8.33333%
    }

    .medium-pull-1 {
        position: relative;
        left: -8.33333%
    }

    .medium-offset-0 {
        margin-left: 0%
    }

    .medium-2 {
        width: 16.66667%
    }

    .medium-push-2 {
        position: relative;
        left: 16.66667%
    }

    .medium-pull-2 {
        position: relative;
        left: -16.66667%
    }

    .medium-offset-1 {
        margin-left: 8.33333%
    }

    .medium-3 {
        width: 25%
    }

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

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

    .medium-offset-2 {
        margin-left: 16.66667%
    }

    .medium-4 {
        width: 33.33333%
    }

    .medium-push-4 {
        position: relative;
        left: 33.33333%
    }

    .medium-pull-4 {
        position: relative;
        left: -33.33333%
    }

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

    .medium-5 {
        width: 41.66667%
    }

    .medium-push-5 {
        position: relative;
        left: 41.66667%
    }

    .medium-pull-5 {
        position: relative;
        left: -41.66667%
    }

    .medium-offset-4 {
        margin-left: 33.33333%
    }

    .medium-6 {
        width: 50%
    }

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

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

    .medium-offset-5 {
        margin-left: 41.66667%
    }

    .medium-7 {
        width: 58.33333%
    }

    .medium-push-7 {
        position: relative;
        left: 58.33333%
    }

    .medium-pull-7 {
        position: relative;
        left: -58.33333%
    }

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

    .medium-8 {
        width: 66.66667%
    }

    .medium-push-8 {
        position: relative;
        left: 66.66667%
    }

    .medium-pull-8 {
        position: relative;
        left: -66.66667%
    }

    .medium-offset-7 {
        margin-left: 58.33333%
    }

    .medium-9 {
        width: 75%
    }

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

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

    .medium-offset-8 {
        margin-left: 66.66667%
    }

    .medium-10 {
        width: 83.33333%
    }

    .medium-push-10 {
        position: relative;
        left: 83.33333%
    }

    .medium-pull-10 {
        position: relative;
        left: -83.33333%
    }

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

    .medium-11 {
        width: 91.66667%
    }

    .medium-push-11 {
        position: relative;
        left: 91.66667%
    }

    .medium-pull-11 {
        position: relative;
        left: -91.66667%
    }

    .medium-offset-10 {
        margin-left: 83.33333%
    }

    .medium-12 {
        width: 100%
    }

    .medium-offset-11 {
        margin-left: 91.66667%
    }

    .medium-up-1>.column,
    .medium-up-1>.columns {
        float: left;
        width: 100%
    }

    .medium-up-1>.column:nth-of-type(1n),
    .medium-up-1>.columns:nth-of-type(1n) {
        clear: none
    }

    .medium-up-1>.column:nth-of-type(1n+1),
    .medium-up-1>.columns:nth-of-type(1n+1) {
        clear: both
    }

    .medium-up-1>.column:last-child,
    .medium-up-1>.columns:last-child {
        float: left
    }

    .medium-up-2>.column,
    .medium-up-2>.columns {
        float: left;
        width: 50%
    }

    .medium-up-2>.column:nth-of-type(1n),
    .medium-up-2>.columns:nth-of-type(1n) {
        clear: none
    }

    .medium-up-2>.column:nth-of-type(2n+1),
    .medium-up-2>.columns:nth-of-type(2n+1) {
        clear: both
    }

    .medium-up-2>.column:last-child,
    .medium-up-2>.columns:last-child {
        float: left
    }

    .medium-up-3>.column,
    .medium-up-3>.columns {
        float: left;
        width: 33.33333%
    }

    .medium-up-3>.column:nth-of-type(1n),
    .medium-up-3>.columns:nth-of-type(1n) {
        clear: none
    }

    .medium-up-3>.column:nth-of-type(3n+1),
    .medium-up-3>.columns:nth-of-type(3n+1) {
        clear: both
    }

    .medium-up-3>.column:last-child,
    .medium-up-3>.columns:last-child {
        float: left
    }

    .medium-up-4>.column,
    .medium-up-4>.columns {
        float: left;
        width: 25%
    }

    .medium-up-4>.column:nth-of-type(1n),
    .medium-up-4>.columns:nth-of-type(1n) {
        clear: none
    }

    .medium-up-4>.column:nth-of-type(4n+1),
    .medium-up-4>.columns:nth-of-type(4n+1) {
        clear: both
    }

    .medium-up-4>.column:last-child,
    .medium-up-4>.columns:last-child {
        float: left
    }

    .medium-up-5>.column,
    .medium-up-5>.columns {
        float: left;
        width: 20%
    }

    .medium-up-5>.column:nth-of-type(1n),
    .medium-up-5>.columns:nth-of-type(1n) {
        clear: none
    }

    .medium-up-5>.column:nth-of-type(5n+1),
    .medium-up-5>.columns:nth-of-type(5n+1) {
        clear: both
    }

    .medium-up-5>.column:last-child,
    .medium-up-5>.columns:last-child {
        float: left
    }

    .medium-up-6>.column,
    .medium-up-6>.columns {
        float: left;
        width: 16.66667%
    }

    .medium-up-6>.column:nth-of-type(1n),
    .medium-up-6>.columns:nth-of-type(1n) {
        clear: none
    }

    .medium-up-6>.column:nth-of-type(6n+1),
    .medium-up-6>.columns:nth-of-type(6n+1) {
        clear: both
    }

    .medium-up-6>.column:last-child,
    .medium-up-6>.columns:last-child {
        float: left
    }

    .medium-up-7>.column,
    .medium-up-7>.columns {
        float: left;
        width: 14.28571%
    }

    .medium-up-7>.column:nth-of-type(1n),
    .medium-up-7>.columns:nth-of-type(1n) {
        clear: none
    }

    .medium-up-7>.column:nth-of-type(7n+1),
    .medium-up-7>.columns:nth-of-type(7n+1) {
        clear: both
    }

    .medium-up-7>.column:last-child,
    .medium-up-7>.columns:last-child {
        float: left
    }

    .medium-up-8>.column,
    .medium-up-8>.columns {
        float: left;
        width: 12.5%
    }

    .medium-up-8>.column:nth-of-type(1n),
    .medium-up-8>.columns:nth-of-type(1n) {
        clear: none
    }

    .medium-up-8>.column:nth-of-type(8n+1),
    .medium-up-8>.columns:nth-of-type(8n+1) {
        clear: both
    }

    .medium-up-8>.column:last-child,
    .medium-up-8>.columns:last-child {
        float: left
    }

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

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

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

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

    .medium-centered {
        margin-right: auto;
        margin-left: auto
    }

    .medium-centered,
    .medium-centered:last-child:not(:first-child) {
        float: none;
        clear: both
    }

    .medium-uncentered,
    .medium-push-0,
    .medium-pull-0 {
        position: static;
        float: left;
        margin-right: 0;
        margin-left: 0
    }
}

@media print,
screen and (min-width: 64em) {
    .large-1 {
        width: 8.33333%
    }

    .large-push-1 {
        position: relative;
        left: 8.33333%
    }

    .large-pull-1 {
        position: relative;
        left: -8.33333%
    }

    .large-offset-0 {
        margin-left: 0%
    }

    .large-2 {
        width: 16.66667%
    }

    .large-push-2 {
        position: relative;
        left: 16.66667%
    }

    .large-pull-2 {
        position: relative;
        left: -16.66667%
    }

    .large-offset-1 {
        margin-left: 8.33333%
    }

    .large-3 {
        width: 25%
    }

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

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

    .large-offset-2 {
        margin-left: 16.66667%
    }

    .large-4 {
        width: 33.33333%
    }

    .large-push-4 {
        position: relative;
        left: 33.33333%
    }

    .large-pull-4 {
        position: relative;
        left: -33.33333%
    }

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

    .large-5 {
        width: 41.66667%
    }

    .large-push-5 {
        position: relative;
        left: 41.66667%
    }

    .large-pull-5 {
        position: relative;
        left: -41.66667%
    }

    .large-offset-4 {
        margin-left: 33.33333%
    }

    .large-6 {
        width: 50%
    }

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

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

    .large-offset-5 {
        margin-left: 41.66667%
    }

    .large-7 {
        width: 58.33333%
    }

    .large-push-7 {
        position: relative;
        left: 58.33333%
    }

    .large-pull-7 {
        position: relative;
        left: -58.33333%
    }

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

    .large-8 {
        width: 66.66667%
    }

    .large-push-8 {
        position: relative;
        left: 66.66667%
    }

    .large-pull-8 {
        position: relative;
        left: -66.66667%
    }

    .large-offset-7 {
        margin-left: 58.33333%
    }

    .large-9 {
        width: 75%
    }

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

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

    .large-offset-8 {
        margin-left: 66.66667%
    }

    .large-10 {
        width: 83.33333%
    }

    .large-push-10 {
        position: relative;
        left: 83.33333%
    }

    .large-pull-10 {
        position: relative;
        left: -83.33333%
    }

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

    .large-11 {
        width: 91.66667%
    }

    .large-push-11 {
        position: relative;
        left: 91.66667%
    }

    .large-pull-11 {
        position: relative;
        left: -91.66667%
    }

    .large-offset-10 {
        margin-left: 83.33333%
    }

    .large-12 {
        width: 100%
    }

    .large-offset-11 {
        margin-left: 91.66667%
    }

    .large-up-1>.column,
    .large-up-1>.columns {
        float: left;
        width: 100%
    }

    .large-up-1>.column:nth-of-type(1n),
    .large-up-1>.columns:nth-of-type(1n) {
        clear: none
    }

    .large-up-1>.column:nth-of-type(1n+1),
    .large-up-1>.columns:nth-of-type(1n+1) {
        clear: both
    }

    .large-up-1>.column:last-child,
    .large-up-1>.columns:last-child {
        float: left
    }

    .large-up-2>.column,
    .large-up-2>.columns {
        float: left;
        width: 50%
    }

    .large-up-2>.column:nth-of-type(1n),
    .large-up-2>.columns:nth-of-type(1n) {
        clear: none
    }

    .large-up-2>.column:nth-of-type(2n+1),
    .large-up-2>.columns:nth-of-type(2n+1) {
        clear: both
    }

    .large-up-2>.column:last-child,
    .large-up-2>.columns:last-child {
        float: left
    }

    .large-up-3>.column,
    .large-up-3>.columns {
        float: left;
        width: 33.33333%
    }

    .large-up-3>.column:nth-of-type(1n),
    .large-up-3>.columns:nth-of-type(1n) {
        clear: none
    }

    .large-up-3>.column:nth-of-type(3n+1),
    .large-up-3>.columns:nth-of-type(3n+1) {
        clear: both
    }

    .large-up-3>.column:last-child,
    .large-up-3>.columns:last-child {
        float: left
    }

    .large-up-4>.column,
    .large-up-4>.columns {
        float: left;
        width: 25%
    }

    .large-up-4>.column:nth-of-type(1n),
    .large-up-4>.columns:nth-of-type(1n) {
        clear: none
    }

    .large-up-4>.column:nth-of-type(4n+1),
    .large-up-4>.columns:nth-of-type(4n+1) {
        clear: both
    }

    .large-up-4>.column:last-child,
    .large-up-4>.columns:last-child {
        float: left
    }

    .large-up-5>.column,
    .large-up-5>.columns {
        float: left;
        width: 20%
    }

    .large-up-5>.column:nth-of-type(1n),
    .large-up-5>.columns:nth-of-type(1n) {
        clear: none
    }

    .large-up-5>.column:nth-of-type(5n+1),
    .large-up-5>.columns:nth-of-type(5n+1) {
        clear: both
    }

    .large-up-5>.column:last-child,
    .large-up-5>.columns:last-child {
        float: left
    }

    .large-up-6>.column,
    .large-up-6>.columns {
        float: left;
        width: 16.66667%
    }

    .large-up-6>.column:nth-of-type(1n),
    .large-up-6>.columns:nth-of-type(1n) {
        clear: none
    }

    .large-up-6>.column:nth-of-type(6n+1),
    .large-up-6>.columns:nth-of-type(6n+1) {
        clear: both
    }

    .large-up-6>.column:last-child,
    .large-up-6>.columns:last-child {
        float: left
    }

    .large-up-7>.column,
    .large-up-7>.columns {
        float: left;
        width: 14.28571%
    }

    .large-up-7>.column:nth-of-type(1n),
    .large-up-7>.columns:nth-of-type(1n) {
        clear: none
    }

    .large-up-7>.column:nth-of-type(7n+1),
    .large-up-7>.columns:nth-of-type(7n+1) {
        clear: both
    }

    .large-up-7>.column:last-child,
    .large-up-7>.columns:last-child {
        float: left
    }

    .large-up-8>.column,
    .large-up-8>.columns {
        float: left;
        width: 12.5%
    }

    .large-up-8>.column:nth-of-type(1n),
    .large-up-8>.columns:nth-of-type(1n) {
        clear: none
    }

    .large-up-8>.column:nth-of-type(8n+1),
    .large-up-8>.columns:nth-of-type(8n+1) {
        clear: both
    }

    .large-up-8>.column:last-child,
    .large-up-8>.columns:last-child {
        float: left
    }

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

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

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

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

    .large-centered {
        margin-right: auto;
        margin-left: auto
    }

    .large-centered,
    .large-centered:last-child:not(:first-child) {
        float: none;
        clear: both
    }

    .large-uncentered,
    .large-push-0,
    .large-pull-0 {
        position: static;
        float: left;
        margin-right: 0;
        margin-left: 0
    }
}

.column-block {
    margin-bottom: 1.25rem
}

.column-block>:last-child {
    margin-bottom: 0
}

@media print,
screen and (min-width: 40em) {
    .column-block {
        margin-bottom: 1.875rem
    }

    .column-block>:last-child {
        margin-bottom: 0
    }
}

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

p {
    margin-bottom: 1rem;
    font-size: inherit;
    line-height: 1.6;
    text-rendering: optimizeLegibility
}

em,
i {
    font-style: italic;
    line-height: inherit
}

strong,
b {
    font-weight: bold;
    line-height: inherit
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Rubik", sans-serif;
    font-style: normal;
    font-weight: normal;
    color: inherit;
    text-rendering: optimizeLegibility
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
    line-height: 0;
    color: #cacaca
}

h1 {
    font-size: 1.5rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: .5rem
}

h2 {
    font-size: 1.25rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: .5rem
}

h3 {
    font-size: 1.1875rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: .5rem
}

h4 {
    font-size: 1.125rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: .5rem
}

h5 {
    font-size: 1.0625rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: .5rem
}

h6 {
    font-size: 1rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: .5rem
}

@media print,
screen and (min-width: 40em) {
    h1 {
        font-size: 3rem
    }

    h2 {
        font-size: 2.5rem
    }

    h3 {
        font-size: 1.9375rem
    }

    h4 {
        font-size: 1.5625rem
    }

    h5 {
        font-size: 1.25rem
    }

    h6 {
        font-size: 1rem
    }
}

a {
    line-height: inherit;
    color: #2199e8;
    text-decoration: none;
    cursor: pointer
}

a:hover,
a:focus {
    color: #1585cf
}

a img {
    border: 0
}

hr {
    clear: both;
    max-width: 75rem;
    height: 0;
    margin: 1.25rem auto;
    border-top: 0;
    border-right: 0;
    border-bottom: 1px solid #cacaca;
    border-left: 0
}

ul,
ol,
dl {
    margin-bottom: 1rem;
    list-style-position: outside;
    line-height: 1.6
}

li {
    font-size: inherit
}

ul {
    margin-left: 1.25rem;
    list-style-type: disc
}

ol {
    margin-left: 1.25rem
}

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

dl {
    margin-bottom: 1rem
}

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

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

blockquote,
blockquote p {
    line-height: 1.6;
    color: #8a8a8a
}

cite {
    display: block;
    font-size: .8125rem;
    color: #8a8a8a
}

cite:before {
    content: "— "
}

abbr,
abbr[title] {
    border-bottom: 1px dotted #0a0a0a;
    cursor: help;
    text-decoration: none
}

figure {
    margin: 0
}

code {
    padding: .125rem .3125rem .0625rem;
    border: 1px solid #cacaca;
    background-color: #e6e6e6;
    font-family: Consolas, "Liberation Mono", Courier, monospace;
    font-weight: normal;
    color: #0a0a0a
}

kbd {
    margin: 0;
    padding: .125rem .25rem 0;
    background-color: #e6e6e6;
    font-family: Consolas, "Liberation Mono", Courier, monospace;
    color: #0a0a0a
}

.subheader {
    margin-top: .2rem;
    margin-bottom: .5rem;
    font-weight: normal;
    line-height: 1.4;
    color: #8a8a8a
}

.lead {
    font-size: 125%;
    line-height: 1.6
}

.stat {
    font-size: 2.5rem;
    line-height: 1
}

p+.stat {
    margin-top: -1rem
}

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

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

@media print,
screen and (min-width: 40em) {
    .medium-text-left {
        text-align: left
    }

    .medium-text-right {
        text-align: right
    }

    .medium-text-center {
        text-align: center
    }

    .medium-text-justify {
        text-align: justify
    }
}


@media print,
screen and (min-width: 64em) {
    .large-text-left {
        text-align: left
    }

    .large-text-right {
        text-align: right
    }

    .large-text-center {
        text-align: center
    }

    .large-text-justify {
        text-align: justify
    }
}

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

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

    .show-for-print {
        display: block !important
    }

    .hide-for-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 {
        display: table-cell !important
    }

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

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

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

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

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

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

    thead {
        display: table-header-group
    }

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

    img {
        max-width: 100% !important
    }

    @page {
        margin: 0.5cm
    }

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

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

    .print-break-inside {
        page-break-inside: auto
    }
}

.accordion {
    margin-left: 0;
    background: #fefefe;
    list-style-type: none
}

.accordion[disabled] .accordion-title {
    cursor: not-allowed
}

.accordion-item:first-child>:first-child {
    border-radius: 0 0 0 0
}

.accordion-item:last-child>:last-child {
    border-radius: 0 0 0 0
}

.accordion-title {
    position: relative;
    display: block;
    padding: 1.25rem 1rem;
    border: 1px solid #e6e6e6;
    border-bottom: 0;
    font-size: .75rem;
    line-height: 1;
    color: foreground(#fefefe, #2199e8)
}

:last-child:not(.is-active)>.accordion-title {
    border-bottom: 1px solid #e6e6e6;
    border-radius: 0 0 0 0
}

.accordion-title:hover,
.accordion-title:focus {
    background-color: #e6e6e6
}

.accordion-title::before {
    position: absolute;
    top: 50%;
    right: 1rem;
    margin-top: -0.5rem;
    content: '+'
}

.is-active>.accordion-title::before {
    content: '\2013'
}

.accordion-content {
    display: none;
    padding: 1rem;
    border: 1px solid #e6e6e6;
    border-bottom: 0;
    background-color: #fefefe;
    color: foreground(#fefefe, #2199e8)
}

:last-child>.accordion-content:last-child {
    border-bottom: 1px solid #e6e6e6
}

.accordion-menu li {
    width: 100%
}

.accordion-menu a {
    padding: 0.7rem 1rem
}

.accordion-menu .is-accordion-submenu a {
    padding: 0.7rem 1rem
}

.accordion-menu .nested.is-accordion-submenu {
    margin-right: 0;
    margin-left: 1rem
}

.accordion-menu.align-right .nested.is-accordion-submenu {
    margin-right: 1rem;
    margin-left: 0
}

.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle)>a {
    position: relative
}

.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle)>a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #2199e8 transparent transparent;
    position: absolute;
    top: 50%;
    margin-top: -3px;
    right: 1rem
}

.accordion-menu.align-left .is-accordion-submenu-parent>a::after {
    left: auto;
    right: 1rem
}

.accordion-menu.align-right .is-accordion-submenu-parent>a::after {
    right: auto;
    left: 1rem
}

.accordion-menu .is-accordion-submenu-parent[aria-expanded='true']>a::after {
    transform: rotate(180deg);
    transform-origin: 50% 50%
}

.is-accordion-submenu-parent {
    position: relative
}

.has-submenu-toggle>a {
    margin-right: 40px
}

.submenu-toggle {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    width: 40px;
    height: 40px
}

.submenu-toggle::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #2199e8 transparent transparent;
    top: 0;
    bottom: 0;
    margin: auto
}

.submenu-toggle[aria-expanded='true']::after {
    transform: scaleY(-1);
    transform-origin: 50% 50%
}

.submenu-toggle-text {
    position: absolute !important;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    clip-path: inset(50%);
    border: 0
}

.close-button {
    position: absolute;
    color: #8a8a8a;
    cursor: pointer
}

[data-whatinput='mouse'] .close-button {
    outline: 0
}

.close-button:hover,
.close-button:focus {
    color: #0a0a0a
}

.close-button.small {
    right: 1rem;
    top: .5rem;
    font-size: 2em;
    line-height: 1
}

.close-button,
.close-button.medium {
    right: 1rem;
    top: .5rem;
    font-size: 2em;
    line-height: 1
}

[type='text'],
[type='password'],
[type='date'],
[type='datetime'],
[type='datetime-local'],
[type='month'],
[type='week'],
[type='email'],
[type='number'],
[type='search'],
[type='tel'],
[type='time'],
[type='url'],
[type='color'],
textarea {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 2.4375rem;
    margin: 0 0 1rem;
    padding: .5rem;
    border: 1px solid #cacaca;
    border-radius: 0;
    background-color: #fefefe;
    box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
    font-family: inherit;
    font-size: 1rem;
    font-weight: normal;
    line-height: 1.5;
    color: #0a0a0a;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
    appearance: none
}

[type='text']:focus,
[type='password']:focus,
[type='date']:focus,
[type='datetime']:focus,
[type='datetime-local']:focus,
[type='month']:focus,
[type='week']:focus,
[type='email']:focus,
[type='number']:focus,
[type='search']:focus,
[type='tel']:focus,
[type='time']:focus,
[type='url']:focus,
[type='color']:focus,
textarea:focus {
    outline: none;
    border: 1px solid #8a8a8a;
    background-color: #fefefe;
    box-shadow: 0 0 5px #cacaca;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out
}

textarea {
    max-width: 100%
}

textarea[rows] {
    height: auto
}

input::placeholder,
textarea::placeholder {
    color: #cacaca
}

input:disabled,
input[readonly],
textarea:disabled,
textarea[readonly] {
    background-color: #e6e6e6;
    cursor: default
}

[type='submit'],
[type='button'] {
    appearance: none;
    border-radius: 0
}

input[type='search'] {
    box-sizing: border-box
}

[type='file'],
[type='checkbox'],
[type='radio'] {
    margin: 0 0 1rem
}

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

[type='checkbox']+label[for],
[type='radio']+label[for] {
    cursor: pointer
}

label>[type='checkbox'],
label>[type='radio'] {
    margin-right: .5rem
}

[type='file'] {
    width: 100%
}

label {
    display: block;
    margin: 0;
    font-size: .875rem;
    font-weight: normal;
    line-height: 1.8;
    color: #0a0a0a
}

label.middle {
    margin: 0 0 1rem;
    padding: .5625rem 0
}

.help-text {
    margin-top: -.5rem;
    font-size: .8125rem;
    font-style: italic;
    color: #333
}

.input-group {
    display: flex;
    width: 100%;
    margin-bottom: 1rem;
    align-items: stretch
}

.input-group>:first-child {
    border-radius: 0 0 0 0
}

.input-group>:last-child>* {
    border-radius: 0 0 0 0
}

.input-group-label,
.input-group-field,
.input-group-button,
.input-group-button a,
.input-group-button input,
.input-group-button button,
.input-group-button label {
    margin: 0;
    white-space: nowrap
}

.input-group-label {
    padding: 0 1rem;
    border: 1px solid #cacaca;
    background: #e6e6e6;
    color: #0a0a0a;
    text-align: center;
    white-space: nowrap;
    display: flex;
    flex: 0 0 auto;
    align-items: center
}

.input-group-label:first-child {
    border-right: 0
}

.input-group-label:last-child {
    border-left: 0
}

.input-group-field {
    border-radius: 0;
    flex: 1 1 0px;
    height: auto;
    min-width: 0
}

.input-group-button {
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
    flex: 0 0 auto
}

.input-group-button a,
.input-group-button input,
.input-group-button button,
.input-group-button label {
    height: 2.5rem;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 1rem
}

fieldset {
    margin: 0;
    padding: 0;
    border: 0
}

legend {
    max-width: 100%;
    margin-bottom: .5rem
}

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

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

select {
    height: 2.4375rem;
    margin: 0 0 1rem;
    padding: .5rem;
    appearance: none;
    border: 1px solid #cacaca;
    border-radius: 5px;
    background-color: #fefefe;
    font-family: inherit;
    font-size: 1rem;
    font-weight: normal;
    line-height: 1.5;
    color: #0a0a0a;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%2851, 51, 51%29'></polygon></svg>");
    background-origin: content-box;
    background-position: right -1rem center;
    background-repeat: no-repeat;
    background-size: 9px 6px;
    padding-right: 1.5rem;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out
}

@media screen and (min-width: 0\0) {
    select {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==")
    }
}

select:focus {
    outline: none;
    border: 1px solid #8a8a8a;
    background-color: #fefefe;
    box-shadow: 0 0 5px #cacaca;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out
}

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

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

select[multiple] {
    height: auto;
    background-image: none
}

.is-invalid-input:not(:focus) {
    border-color: #ec5840;
    background-color: #fcedeb
}

.is-invalid-input:not(:focus)::placeholder {
    color: #ec5840
}

.is-invalid-label {
    color: #ec5840
}

.form-error {
    display: none;
    margin-top: -.5rem;
    margin-bottom: 1rem;
    font-size: .75rem;
    font-weight: bold;
    color: #ec5840
}

.form-error.is-visible {
    display: block
}

.menu {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
    display: flex;
    flex-wrap: wrap
}

[data-whatinput='mouse'] .menu li {
    outline: 0
}

.menu a,
.menu .button,
.menu .fbds-newsletter-form .fsForm .fsSubmit input.fsSubmitButton,
.fbds-newsletter-form .fsForm .fsSubmit .menu input.fsSubmitButton,
.menu .newsletter-form .fsSubmitButton,
.newsletter-form .menu .fsSubmitButton {
    text-decoration: none;
    white-space: nowrap;
    display: block;
    padding: 0.7rem 1rem
}

.menu input,
.menu select,
.menu a,
.menu button {
    margin-bottom: 0
}

.menu input {
    display: inline-block
}

.menu,
.menu.horizontal {
    flex-wrap: wrap;
    flex-direction: row
}

.menu.vertical {
    flex-wrap: nowrap;
    flex-direction: column
}

.menu.expanded li {
    flex: 1 1 0px
}

.menu.simple {
    align-items: center
}

.menu.simple li+li {
    margin-left: 1rem
}

.menu.simple a {
    padding: 0
}

@media print,
screen and (min-width: 40em) {
    .menu.medium-horizontal {
        flex-wrap: wrap;
        flex-direction: row
    }

    .menu.medium-vertical {
        flex-wrap: nowrap;
        flex-direction: column
    }

    .menu.medium-expanded li {
        flex: 1 1 0px
    }

    .menu.medium-simple li {
        flex: 1 1 0px
    }
}

@media print,
screen and (min-width: 64em) {
    .menu.large-horizontal {
        flex-wrap: wrap;
        flex-direction: row
    }

    .menu.large-vertical {
        flex-wrap: nowrap;
        flex-direction: column
    }

    .menu.large-expanded li {
        flex: 1 1 0px
    }

    .menu.large-simple li {
        flex: 1 1 0px
    }
}

.menu.nested {
    margin-right: 0;
    margin-left: 1rem
}

.menu.icons a {
    display: flex
}

.menu.icon-left li a {
    flex-flow: row nowrap
}

.menu.icon-left li a img,
.menu.icon-left li a i,
.menu.icon-left li a svg {
    margin-right: .25rem
}

.menu.icon-right li a {
    flex-flow: row nowrap
}

.menu.icon-right li a img,
.menu.icon-right li a i,
.menu.icon-right li a svg {
    margin-left: .25rem
}

.menu.icon-top li a {
    flex-flow: column nowrap
}

.menu.icon-top li a img,
.menu.icon-top li a i,
.menu.icon-top li a svg {
    align-self: stretch;
    margin-bottom: .25rem;
    text-align: center
}

.menu.icon-bottom li a {
    flex-flow: column nowrap
}

.menu.icon-bottom li a img,
.menu.icon-bottom li a i,
.menu.icon-bottom li a svg {
    align-self: stretch;
    margin-bottom: .25rem;
    text-align: center
}

.menu .is-active>a {
    background: #1779ba;
    color: #fefefe
}

.menu .active>a {
    background: #1779ba;
    color: #fefefe
}

.menu.align-left {
    justify-content: flex-start
}

.menu.align-right li {
    display: flex;
    justify-content: flex-end
}

.menu.align-right li .submenu li {
    justify-content: flex-start
}

.menu.align-right.vertical li {
    display: block;
    text-align: right
}

.menu.align-right.vertical li .submenu li {
    text-align: right
}

.menu.align-right .nested {
    margin-right: 1rem;
    margin-left: 0
}

.menu.align-center li {
    display: flex;
    justify-content: center
}

.menu.align-center li .submenu li {
    justify-content: flex-start
}

.menu .menu-text {
    padding: 0.7rem 1rem;
    font-weight: bold;
    line-height: 1;
    color: inherit
}

.menu-centered>.menu {
    justify-content: center
}

.menu-centered>.menu li {
    display: flex;
    justify-content: center
}

.menu-centered>.menu li .submenu li {
    justify-content: flex-start
}

.no-js [data-responsive-menu] ul {
    display: none
}

.menu-icon {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 16px;
    cursor: pointer
}

.menu-icon::after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 2px;
    background: #fefefe;
    box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe;
    content: ''
}

.menu-icon:hover::after {
    background: #cacaca;
    box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca
}

.menu-icon.dark {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 16px;
    cursor: pointer
}

.menu-icon.dark::after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 2px;
    background: #0a0a0a;
    box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a;
    content: ''
}

.menu-icon.dark:hover::after {
    background: #8a8a8a;
    box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a
}

.is-drilldown {
    position: relative;
    overflow: hidden
}

.is-drilldown li {
    display: block
}

.is-drilldown.animate-height {
    transition: height 0.5s
}

.drilldown a {
    padding: 0.7rem 1rem;
    background: #fefefe
}

.drilldown .is-drilldown-submenu {
    position: absolute;
    top: 0;
    left: 100%;
    z-index: -1;
    width: 100%;
    background: #fefefe;
    transition: transform 0.15s linear
}

.drilldown .is-drilldown-submenu.is-active {
    z-index: 1;
    display: block;
    transform: translateX(-100%)
}

.drilldown .is-drilldown-submenu.is-closing {
    transform: translateX(100%)
}

.drilldown .is-drilldown-submenu a {
    padding: 0.7rem 1rem
}

.drilldown .nested.is-drilldown-submenu {
    margin-right: 0;
    margin-left: 0
}

.drilldown .drilldown-submenu-cover-previous {
    min-height: 100%
}

.drilldown .is-drilldown-submenu-parent>a {
    position: relative
}

.drilldown .is-drilldown-submenu-parent>a::after {
    position: absolute;
    top: 50%;
    margin-top: -6px;
    right: 1rem;
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #2199e8
}

.drilldown.align-left .is-drilldown-submenu-parent>a::after {
    left: auto;
    right: 1rem;
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #1c2f3a
}

.drilldown.align-right .is-drilldown-submenu-parent>a::after {
    right: auto;
    left: 1rem;
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #1c2f3a transparent transparent
}

.drilldown .js-drilldown-back>a::before {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #2199e8 transparent transparent;
    border-left-width: 0;
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.75rem;
    border-left-width: 0
}

.dropdown-pane {
    position: absolute;
    z-index: 10;
    width: 300px;
    padding: 1rem;
    visibility: hidden;
    display: none;
    border: 1px solid #cacaca;
    border-radius: 0;
    background-color: #fefefe;
    font-size: 16rem
}

.dropdown-pane.is-opening {
    display: block
}

.dropdown-pane.is-open {
    visibility: visible;
    display: block
}

.dropdown-pane.tiny {
    width: 100px
}

.dropdown-pane.small {
    width: 200px
}

.dropdown-pane.large {
    width: 400px
}

.dropdown.menu>li.opens-left>.is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto
}

.dropdown.menu>li.opens-right>.is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0
}

.dropdown.menu>li.is-dropdown-submenu-parent>a {
    position: relative;
    padding-right: 1.5rem
}

.dropdown.menu>li.is-dropdown-submenu-parent>a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #1c2f3a transparent transparent;
    right: 5px;
    margin-top: -3px
}

.dropdown.menu a {
    padding: 0.7rem 1rem
}

[data-whatinput='mouse'] .dropdown.menu a {
    outline: 0
}

.dropdown.menu .is-active>a {
    background: transparent;
    color: #1779ba
}

.no-js .dropdown.menu ul {
    display: none
}

.dropdown.menu .nested.is-dropdown-submenu {
    margin-right: 0;
    margin-left: 0
}

.dropdown.menu.vertical>li .is-dropdown-submenu {
    top: 0
}

.dropdown.menu.vertical>li.opens-left>.is-dropdown-submenu {
    right: 100%;
    left: auto;
    top: 0
}

.dropdown.menu.vertical>li.opens-right>.is-dropdown-submenu {
    right: auto;
    left: 100%
}

.dropdown.menu.vertical>li>a::after {
    right: 14px
}

.dropdown.menu.vertical>li.opens-left>a::after {
    right: auto;
    left: 5px;
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #1c2f3a transparent transparent
}

.dropdown.menu.vertical>li.opens-right>a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #1c2f3a
}

@media print,
screen and (min-width: 40em) {
    .dropdown.menu.medium-horizontal>li.opens-left>.is-dropdown-submenu {
        top: 100%;
        right: 0;
        left: auto
    }

    .dropdown.menu.medium-horizontal>li.opens-right>.is-dropdown-submenu {
        top: 100%;
        right: auto;
        left: 0
    }

    .dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a {
        position: relative;
        padding-right: 1.5rem
    }

    .dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a::after {
        display: block;
        width: 0;
        height: 0;
        border: inset 6px;
        content: '';
        border-bottom-width: 0;
        border-top-style: solid;
        border-color: #1c2f3a transparent transparent;
        right: 5px;
        margin-top: -3px
    }

    .dropdown.menu.medium-vertical>li .is-dropdown-submenu {
        top: 0
    }

    .dropdown.menu.medium-vertical>li.opens-left>.is-dropdown-submenu {
        right: 100%;
        left: auto;
        top: 0
    }

    .dropdown.menu.medium-vertical>li.opens-right>.is-dropdown-submenu {
        right: auto;
        left: 100%
    }

    .dropdown.menu.medium-vertical>li>a::after {
        right: 14px
    }

    .dropdown.menu.medium-vertical>li.opens-left>a::after {
        right: auto;
        left: 5px;
        display: block;
        width: 0;
        height: 0;
        border: inset 6px;
        content: '';
        border-left-width: 0;
        border-right-style: solid;
        border-color: transparent #1c2f3a transparent transparent
    }

    .dropdown.menu.medium-vertical>li.opens-right>a::after {
        display: block;
        width: 0;
        height: 0;
        border: inset 6px;
        content: '';
        border-right-width: 0;
        border-left-style: solid;
        border-color: transparent transparent transparent #1c2f3a
    }
}

@media print,
screen and (min-width: 64em) {
    .dropdown.menu.large-horizontal>li.opens-left>.is-dropdown-submenu {
        top: 100%;
        right: 0;
        left: auto
    }

    .dropdown.menu.large-horizontal>li.opens-right>.is-dropdown-submenu {
        top: 100%;
        right: auto;
        left: 0
    }

    .dropdown.menu.large-horizontal>li.is-dropdown-submenu-parent>a {
        position: relative;
        padding-right: 1.5rem
    }

    .dropdown.menu.large-horizontal>li.is-dropdown-submenu-parent>a::after {
        display: block;
        width: 0;
        height: 0;
        border: inset 6px;
        content: '';
        border-bottom-width: 0;
        border-top-style: solid;
        border-color: #1c2f3a transparent transparent;
        right: 5px;
        margin-top: -3px
    }

    .dropdown.menu.large-vertical>li .is-dropdown-submenu {
        top: 0
    }

    .dropdown.menu.large-vertical>li.opens-left>.is-dropdown-submenu {
        right: 100%;
        left: auto;
        top: 0
    }

    .dropdown.menu.large-vertical>li.opens-right>.is-dropdown-submenu {
        right: auto;
        left: 100%
    }

    .dropdown.menu.large-vertical>li>a::after {
        right: 14px
    }

    .dropdown.menu.large-vertical>li.opens-left>a::after {
        right: auto;
        left: 5px;
        display: block;
        width: 0;
        height: 0;
        border: inset 6px;
        content: '';
        border-left-width: 0;
        border-right-style: solid;
        border-color: transparent #1c2f3a transparent transparent
    }

    .dropdown.menu.large-vertical>li.opens-right>a::after {
        display: block;
        width: 0;
        height: 0;
        border: inset 6px;
        content: '';
        border-right-width: 0;
        border-left-style: solid;
        border-color: transparent transparent transparent #1c2f3a
    }
}

.dropdown.menu.align-right .is-dropdown-submenu.first-sub {
    top: 100%;
    right: 0;
    left: auto
}

.is-dropdown-menu.vertical {
    width: 100px
}

.is-dropdown-menu.vertical.align-right {
    float: right
}

.is-dropdown-submenu-parent {
    position: relative
}

.is-dropdown-submenu-parent a::after {
    position: absolute;
    top: 50%;
    right: 5px;
    margin-top: -6px
}

.is-dropdown-submenu-parent.opens-inner>.is-dropdown-submenu {
    top: 100%;
    left: auto
}

.is-dropdown-submenu-parent.opens-left>.is-dropdown-submenu {
    right: 100%;
    left: auto
}

.is-dropdown-submenu-parent.opens-right>.is-dropdown-submenu {
    right: auto;
    left: 100%
}

.is-dropdown-submenu {
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 1;
    display: none;
    min-width: 200px;
    border: 1px solid #cacaca;
    background: #fefefe
}

.dropdown .is-dropdown-submenu a {
    padding: 0.7rem 1rem
}

.is-dropdown-submenu .is-dropdown-submenu-parent>a::after {
    right: 14px
}

.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left>a::after {
    right: auto;
    left: 5px;
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #1c2f3a transparent transparent
}

.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right>a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #1c2f3a
}

.is-dropdown-submenu .is-dropdown-submenu {
    margin-top: -1px
}

.is-dropdown-submenu>li {
    width: 100%
}

.is-dropdown-submenu.js-dropdown-active {
    display: block
}

.sticky-container {
    position: relative
}

.sticky {
    position: relative;
    z-index: 0;
    transform: translate3d(0, 0, 0)
}

.sticky.is-stuck {
    position: fixed;
    z-index: 5;
    width: 100%
}

.sticky.is-stuck.is-at-top {
    top: 0
}

.sticky.is-stuck.is-at-bottom {
    bottom: 0
}

.sticky.is-anchored {
    position: relative;
    right: auto;
    left: auto
}

.sticky.is-anchored.is-at-bottom {
    bottom: 0
}

body.is-reveal-open {
    overflow: hidden
}

html.is-reveal-open,
html.is-reveal-open body {
    min-height: 100%;
    overflow: hidden;
    position: fixed;
    user-select: none
}

.reveal-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1005;
    display: none;
    background-color: rgba(10, 10, 10, 0.45);
    overflow-y: scroll
}

.reveal {
    z-index: 1006;
    backface-visibility: hidden;
    display: none;
    padding: 1rem;
    border: 1px solid #cacaca;
    border-radius: 0;
    background-color: #fefefe;
    position: relative;
    top: 100px;
    margin-right: auto;
    margin-left: auto;
    overflow-y: auto
}

[data-whatinput='mouse'] .reveal {
    outline: 0
}

@media print,
screen and (min-width: 40em) {
    .reveal {
        min-height: 0
    }
}

.reveal .column,
.reveal .columns {
    min-width: 0
}

.reveal>:last-child {
    margin-bottom: 0
}

@media print,
screen and (min-width: 40em) {
    .reveal {
        width: 600px;
        max-width: 75rem
    }
}

.reveal.collapse {
    padding: 0
}

@media print,
screen and (min-width: 40em) {
    .reveal.tiny {
        width: 30%;
        max-width: 75rem
    }
}

@media print,
screen and (min-width: 40em) {
    .reveal.small {
        width: 50%;
        max-width: 75rem
    }
}

@media print,
screen and (min-width: 40em) {
    .reveal.large {
        width: 90%;
        max-width: 75rem
    }
}

.reveal.full {
    top: 0;
    left: 0;
    width: 100%;
    max-width: none;
    height: 100%;
    height: 100vh;
    min-height: 100vh;
    margin-left: 0;
    border: 0;
    border-radius: 0
}

@media screen and (max-width: 39.9375em) {
    .reveal {
        top: 0;
        left: 0;
        width: 100%;
        max-width: none;
        height: 100%;
        height: 100vh;
        min-height: 100vh;
        margin-left: 0;
        border: 0;
        border-radius: 0
    }
}

.reveal.without-overlay {
    position: fixed
}

.switch {
    height: 2rem;
    position: relative;
    margin-bottom: 1rem;
    outline: 0;
    font-size: .875rem;
    font-weight: bold;
    color: #fefefe;
    user-select: none
}

.switch-input {
    position: absolute;
    margin-bottom: 0;
    opacity: 0
}

.switch-paddle {
    position: relative;
    display: block;
    width: 4rem;
    height: 2rem;
    border-radius: 0;
    background: #cacaca;
    transition: all 0.25s ease-out;
    font-weight: inherit;
    color: inherit;
    cursor: pointer
}

input+.switch-paddle {
    margin: 0
}

.switch-paddle::after {
    position: absolute;
    top: .25rem;
    left: .25rem;
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    transform: translate3d(0, 0, 0);
    border-radius: 0;
    background: #fefefe;
    transition: all 0.25s ease-out;
    content: ''
}

input:checked~.switch-paddle {
    background: #2199e8
}

input:checked~.switch-paddle::after {
    left: 2.25rem
}

[data-whatinput='mouse'] input:focus~.switch-paddle {
    outline: 0
}

.switch-active,
.switch-inactive {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.switch-active {
    left: 8%;
    display: none
}

input:checked+label>.switch-active {
    display: block
}

.switch-inactive {
    right: 15%
}

input:checked+label>.switch-inactive {
    display: none
}

.switch.tiny {
    height: 1.5rem
}

.switch.tiny .switch-paddle {
    width: 3rem;
    height: 1.5rem;
    font-size: .625rem
}

.switch.tiny .switch-paddle::after {
    top: .25rem;
    left: .25rem;
    width: 1rem;
    height: 1rem
}

.switch.tiny input:checked~.switch-paddle::after {
    left: 1.75rem
}

.switch.small {
    height: 1.75rem
}

.switch.small .switch-paddle {
    width: 3.5rem;
    height: 1.75rem;
    font-size: .75rem
}

.switch.small .switch-paddle::after {
    top: .25rem;
    left: .25rem;
    width: 1.25rem;
    height: 1.25rem
}

.switch.small input:checked~.switch-paddle::after {
    left: 2rem
}

.switch.large {
    height: 2.5rem
}

.switch.large .switch-paddle {
    width: 5rem;
    height: 2.5rem;
    font-size: 1rem
}

.switch.large .switch-paddle::after {
    top: .25rem;
    left: .25rem;
    width: 2rem;
    height: 2rem
}

.switch.large input:checked~.switch-paddle::after {
    left: 2.75rem
}

table {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 1rem;
    border-radius: 0
}

thead,
tbody,
tfoot {
    border: 1px solid #f1f1f1;
    background-color: #fefefe
}

caption {
    padding: .5rem .625rem .625rem;
    font-weight: bold
}

thead {
    background: #f8f8f8;
    color: #0a0a0a
}

tfoot {
    background: #f1f1f1;
    color: #0a0a0a
}

thead tr,
tfoot tr {
    background: transparent
}

thead th,
thead td,
tfoot th,
tfoot td {
    padding: .5rem .625rem .625rem;
    font-weight: bold;
    text-align: left
}

tbody th,
tbody td {
    padding: .5rem .625rem .625rem
}

tbody tr:nth-child(even) {
    border-bottom: 0;
    background-color: #f1f1f1
}

table.unstriped tbody {
    background-color: #fefefe
}

table.unstriped tbody tr {
    border-bottom: 0;
    border-bottom: 1px solid #f1f1f1;
    background-color: #fefefe
}

@media screen and (max-width: 63.9375em) {
    table.stack thead {
        display: none
    }

    table.stack tfoot {
        display: none
    }

    table.stack tr,
    table.stack th,
    table.stack td {
        display: block
    }

    table.stack td {
        border-top: 0
    }
}

table.scroll {
    display: block;
    width: 100%;
    overflow-x: auto
}

table.hover thead tr:hover {
    background-color: #f3f3f3
}

table.hover tfoot tr:hover {
    background-color: #ececec
}

table.hover tbody tr:hover {
    background-color: #f9f9f9
}

table.hover:not(.unstriped) tr:nth-of-type(even):hover {
    background-color: #ececec
}

.table-scroll {
    overflow-x: auto
}

.table-scroll table {
    width: auto
}

.tabs {
    margin: 0;
    border: 1px solid #e6e6e6;
    background: #fefefe;
    list-style-type: none
}

.tabs::before,
.tabs::after {
    display: table;
    content: ' ';
    flex-basis: 0;
    order: 1
}

.tabs::after {
    clear: both
}

.tabs.vertical>li {
    display: block;
    float: none;
    width: auto
}

.tabs.simple>li>a {
    padding: 0
}

.tabs.simple>li>a:hover {
    background: transparent
}

.tabs.primary {
    background: #1779ba
}

.tabs.primary>li>a {
    color: #fefefe
}

.tabs.primary>li>a:hover,
.tabs.primary>li>a:focus {
    background: #1673b1
}

.tabs-title {
    float: left
}

.tabs-title>a {
    display: block;
    padding: 1.25rem 1.5rem;
    font-size: .75rem;
    line-height: 1;
    color: #1779ba
}

.tabs-title>a:hover {
    background: #fefefe;
    color: #1468a0
}

.tabs-title>a:focus,
.tabs-title>a[aria-selected='true'] {
    background: #e6e6e6;
    color: #1779ba
}

.tabs-content {
    border: 1px solid #e6e6e6;
    border-top: 0;
    background: #fefefe;
    color: foreground(#fefefe, #2199e8);
    transition: all 0.5s ease
}

.tabs-content.vertical {
    border: 1px solid #e6e6e6;
    border-left: 0
}

.tabs-panel {
    display: none;
    padding: 1rem
}

.tabs-panel.is-active {
    display: block
}

.has-tip {
    position: relative;
    display: inline-block;
    border-bottom: dotted 1px #8a8a8a;
    font-weight: bold;
    cursor: help
}

.tooltip {
    position: absolute;
    top: calc(100% + .6495rem);
    z-index: 1200;
    max-width: 10rem;
    padding: .75rem;
    border-radius: 0;
    background-color: #0a0a0a;
    font-size: 80%;
    color: #fefefe
}

.tooltip::before {
    position: absolute
}

.tooltip.bottom::before {
    display: block;
    width: 0;
    height: 0;
    border: inset .75rem;
    content: '';
    border-top-width: 0;
    border-bottom-style: solid;
    border-color: transparent transparent #0a0a0a;
    bottom: 100%
}

.tooltip.bottom.align-center::before {
    left: 50%;
    transform: translateX(-50%)
}

.tooltip.top::before {
    display: block;
    width: 0;
    height: 0;
    border: inset .75rem;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #0a0a0a transparent transparent;
    top: 100%;
    bottom: auto
}

.tooltip.top.align-center::before {
    left: 50%;
    transform: translateX(-50%)
}

.tooltip.left::before {
    display: block;
    width: 0;
    height: 0;
    border: inset .75rem;
    content: '';
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #0a0a0a;
    left: 100%
}

.tooltip.left.align-center::before {
    bottom: auto;
    top: 50%;
    transform: translateY(-50%)
}

.tooltip.right::before {
    display: block;
    width: 0;
    height: 0;
    border: inset .75rem;
    content: '';
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #0a0a0a transparent transparent;
    right: 100%;
    left: auto
}

.tooltip.right.align-center::before {
    bottom: auto;
    top: 50%;
    transform: translateY(-50%)
}

.tooltip.align-top::before {
    bottom: auto;
    top: 10%
}

.tooltip.align-bottom::before {
    bottom: 10%;
    top: auto
}

.tooltip.align-left::before {
    left: 10%;
    right: auto
}

.tooltip.align-right::before {
    left: auto;
    right: 10%
}

.hide {
    display: none !important
}

.invisible {
    visibility: hidden
}

@media screen and (max-width: 39.9375em) {
    .hide-for-small-only {
        display: none !important
    }
}

@media screen and (max-width: 0em),
screen and (min-width: 40em) {
    
}

@media print,
screen and (min-width: 40em) {
    .hide-for-medium {
        display: none !important
    }
}

@media screen and (max-width: 39.9375em) {
    .show-for-medium {
        display: none !important
    }
}

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    .hide-for-medium-only {
        display: none !important
    }
}

@media screen and (max-width: 39.9375em),
screen and (min-width: 64em) {
    .show-for-medium-only {
        display: none !important
    }
}

@media print,
screen and (min-width: 64em) {
    .hide-for-large {
        display: none !important
    }
}

@media screen and (max-width: 63.9375em) {
    .show-for-large {
        width: 100% !important;
    }
}

@media screen and (min-width: 64em) and (max-width: 74.9375em) {
    .hide-for-large-only {
        display: none !important
    }
}

@media screen and (max-width: 63.9375em),
screen and (min-width: 75em) {
    .show-for-large-only {
        display: none !important
    }
}

.show-for-sr,
.show-on-focus {
    position: absolute !important;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    clip-path: inset(50%);
    border: 0
}

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

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

@media screen and (orientation: landscape) {

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

@media screen and (orientation: portrait) {

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

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

@media screen and (orientation: landscape) {

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

@media screen and (orientation: portrait) {

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

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

.float-center {
    display: block;
    margin-right: auto;
    margin-left: auto
}

.clearfix::before,
.clearfix::after {
    display: table;
    content: ' ';
    flex-basis: 0;
    order: 1
}

.clearfix::after {
    clear: both
}

.fbds-action-box {
    padding: .9375rem;
    background-color: #7BC143;
    border-radius: 3px;
    text-align: center
}

.fbds-action-box .fbds-action-box__title {
    display: inline-block;
    color: #FFF;
    margin-top: 0;
    margin-bottom: .9375rem
}

@media screen and (min-width: 64em) {
    .fbds-action-box .fbds-action-box__title {
        margin: .3125rem 0 0
    }
}

.fbds-action-box .fbds-action-box__link {
    color: #FFF
}

.fbds-action-box .fbds-action-box__link:hover {
    color: #FFF
}

.fbds-action-box .fbds-action-box__button {
    margin-bottom: 0
}

@media screen and (min-width: 64em) {
    .fbds-action-box .fbds-action-box__button {
        float: right
    }
}

.fbds-action-box .fbds-action-box__list,
.fbds-action-box .fbds-action-box__paragraph {
    color: #FFF
}

@media screen and (min-width: 40em) {
    .fbds-action-box {
        text-align: left
    }
}

.action-box--full {
    padding-top: .9375rem;
    padding-bottom: .9375rem
}

.action-box--full .action-box--full__paragraph {
    margin-bottom: .3125rem;
    display: block
}

@media screen and (min-width: 64em) {
    .action-box--full .action-box--full__paragraph {
        display: inline;
        margin-bottom: 0
    }
}

@media print,
screen and (min-width: 64em) {
    .action-box--full .action-box--full__button {
        margin-left: .3125rem
    }
}

.action-box--full .action-box--full__button-break {
    display: block
}

@media screen and (min-width: 64em) {
    .action-box--full .action-box--full__button-break {
        display: inline
    }
}

.fbds-member .fbds-member__photo {
    width: 7.5rem;
    height: 7.5rem;
    display: block;
    margin: 0 auto;
    position: relative;
    border-bottom: 0;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px
}

.fbds-member .fbds-member__photo img {
    position: absolute;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out
}

.fbds-member .fbds-member__photo .depticon,
.fbds-member .fbds-member__photo .stateicon {
    position: absolute;
    width: 1.875rem;
    height: 1.875rem;
    left: 50%;
    margin-left: -0.9375rem;
    bottom: -0.9375rem
}

.fbds-member .fbds-member__photo .now {
    z-index: 1
}

.fbds-member .fbds-member__photo .throwback {
    z-index: 2
}

.fbds-member .fbds-member__photo .stateicon {
    z-index: 3
}

.fbds-member .fbds-member__photo .depticon {
    z-index: 4
}

.fbds-member .fbds-member__photo:hover .depticon,
.fbds-member .fbds-member__photo:hover .throwback {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0
}

.fbds-member .fbds-member__name {
    margin-top: 1.875rem
}

.fbds-member .fbds-member__name .fbds-member__title {
    display: block;
    font-size: .75rem
}

.fbds-accordion__item {
    margin-top: 1.875rem
}

.fbds-accordion__content-border {
    border-bottom: 1px solid #d9dddd
}

.fbds-accordion__content {
    margin: .9375rem 0 1.875rem
}

.fbds-accordion__icon {
    height: 12px;
    width: auto;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    -moz-transition-duration: 0.65s;
    -o-transition-duration: 0.65s;
    -webkit-transition-duration: 0.65s;
    transition-duration: 0.65s
}

.fbds-accordion__icon.fbds-accordion__icon--open {
    -moz-transform: rotate(46deg);
    -ms-transform: rotate(46deg);
    -webkit-transform: rotate(46deg);
    transform: rotate(46deg)
}

.fbds-accordion__expand {
    cursor: pointer
}

.fbds-headline {
    margin-bottom: 0
}

.fbds-headline-primary {
    font-family: "Rubik", sans-serif;
    color: #1C2F3A;
    font-size: 2.25rem;
    line-height: 1.375;
    font-weight: 400
}

.fbds-headline-primary strong {
    font-weight: 600
}

@media screen and (max-width: 39.9375em) {
    .fbds-headline-primary {
        font-size: 1.5625rem
    }
}

.fbds-headline-secondary {
    font-family: "Rubik", sans-serif;
    color: #455560;
    font-size: 1.375rem;
    line-height: 1.54545;
    font-weight: 400
}

@media screen and (max-width: 39.9375em) {
    .fbds-headline-secondary {
        font-size: 1.125rem
    }
}

.fbds-headline-tertiary {
    font-family: "Rubik", sans-serif;
    color: #455560;
    font-size: 1.25rem;
    line-height: 1.3;
    font-weight: 600
}

.fbds-section {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
    color: #6C7A85;
    background-color: #FFF
}

.fbds-section .button,
.fbds-section .fbds-newsletter-form .fsForm .fsSubmit input.fsSubmitButton,
.fbds-newsletter-form .fsForm .fsSubmit .fbds-section input.fsSubmitButton,
.fbds-section .newsletter-form .fsSubmitButton,
.newsletter-form .fbds-section .fsSubmitButton {
    border: 0
}

.fbds-section a {
    color: #0197EC
}

.fbds-section a:hover {
    color: #0188d4
}

.fbds-section a .fa {
    margin-left: .3125rem;
    padding-top: .2rem;
    display: inline-block;
    vertical-align: text-top
}

.fbds-section ul,
.fbds-section ol {
    padding-left: 1.125rem
}

.fbds-section .fa-ul {
    padding: 0;
    margin-left: .9375rem
}

.fbds-section hr {
    margin-left: 0;
    margin-right: 0;
    margin-top: 1.875rem;
    margin-bottom: 1.875rem;
    border-color: #e6e6e6;
    max-width: none
}

.fbds-section .quote-box {
    padding: 0;
    margin: 0
}

.fbds-section .quote-box.larger .quote {
    font-size: 1.25rem;
    padding: 1.875rem
}

.fbds-section .quote-box .quote {
    background-color: #7BC143;
    border: 1px solid #7BC143;
    display: block;
    color: #FFF;
    font-weight: 600;
    line-height: 1.4;
    padding: .9375rem;
    position: relative;
    border-radius: 3px;
    font-style: normal
}

.fbds-section .quote-box .quote:after,
.fbds-section .quote-box .quote:before {
    border-bottom: 0 none;
    border-color: transparent;
    border-style: solid solid none;
    content: '';
    height: 0;
    position: absolute;
    width: 0
}

.fbds-section .quote-box .quote:after {
    border-top-color: #7BC143;
    border-width: 15px;
    bottom: -15px;
    left: 15px
}

.fbds-section .quote-box .quote:before {
    border-top-color: #7BC143;
    border-width: 16px;
    bottom: -16px;
    left: 15px
}

.fbds-section .quote-box .quote-right {
    background-color: #7BC143;
    border: 1px solid #7BC143;
    display: block;
    color: #FFF;
    font-weight: 600;
    line-height: 1.4;
    padding: .9375rem;
    position: relative;
    border-radius: 3px;
    font-style: normal
}

.fbds-section .quote-box .quote-right:after,
.fbds-section .quote-box .quote-right:before {
    border-bottom: 0 none;
    border-color: transparent;
    border-style: solid solid none;
    content: '';
    height: 0;
    position: absolute;
    width: 0
}

.fbds-section .quote-box .quote-right:after {
    border-top-color: #7BC143;
    border-width: 15px;
    bottom: -15px;
    right: 15px;
    margin-bottom: 0
}

.fbds-section .quote-box .quote-right:before {
    border-top-color: #7BC143;
    border-width: 16px;
    bottom: -16px;
    right: 15px
}

.fbds-section .quote-box .quote-lightblue {
    background-color: #62CAE3;
    border: 1px solid #62CAE3;
    display: block;
    color: #FFF;
    font-weight: 600;
    line-height: 1.4;
    padding: 15px 20px;
    position: relative;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.fbds-section .quote-box .quote-lightblue:after,
.fbds-section .quote-box .quote-lightblue:before {
    border-bottom: 0 none;
    border-color: transparent;
    border-style: solid solid none;
    content: '';
    height: 0;
    position: absolute;
    width: 0
}

.fbds-section .quote-box .quote-lightblue:after {
    border-top-color: #62CAE3;
    border-width: 15px;
    bottom: -15px;
    left: 22px
}

.fbds-section .quote-box .quote-lightblue:before {
    border-top-color: #62CAE3;
    border-width: 16px;
    bottom: -16px;
    left: 21px
}

.fbds-section .quote-box .with-thumb {
    margin-top: 30px
}

.fbds-section .quote-box .with-thumb img {
    border: 1px solid #fff;
    border-radius: 3px;
    float: left;
    margin-right: 10px;
    max-width: 60px
}

.fbds-section--lightgray,
.fbds-section--gradient-lightgray {
    background-color: #F1F5F6;
    color: #6C7A85
}

.fbds-section--lightgray .fbds-headline-secondary,
.fbds-section--gradient-lightgray .fbds-headline-secondary,
.fbds-section--lightgray .fbds-headline-tertiary,
.fbds-section--gradient-lightgray .fbds-headline-tertiary {
    color: #455560
}

.fbds-section--lightgray hr,
.fbds-section--gradient-lightgray hr {
    border-color: #c1c4c5
}

.fbds-section--lightgray .page-callout .fbds-headline-secondary,
.fbds-section--gradient-lightgray .page-callout .fbds-headline-secondary {
    background-color: #7BC143;
    color: #FFF
}

.fbds-section--green,
.fbds-section--gradient-green {
    color: #DAFFBD;
    background-color: #7BC143
}

.fbds-section--green .fbds-headline-primary,
.fbds-section--gradient-green .fbds-headline-primary {
    color: #FFF
}

.fbds-section--green .fbds-headline-secondary,
.fbds-section--gradient-green .fbds-headline-secondary,
.fbds-section--green .fbds-headline-tertiary,
.fbds-section--gradient-green .fbds-headline-tertiary {
    color: #DAFFBD
}

.fbds-section--green hr,
.fbds-section--gradient-green hr {
    border-color: #95cd69
}

.fbds-section--green a,
.fbds-section--gradient-green a {
    color: #FFF
}

.fbds-section--green a:hover,
.fbds-section--gradient-green a:hover {
    color: #DAFFBD
}

.fbds-section--green .fbds-breadcrumbs,
.fbds-section--gradient-green .fbds-breadcrumbs {
    background-color: #38591D;
    border-bottom: #38591D
}

.fbds-section--green .fbds-breadcrumbs .fbds-breadcrumbs__text,
.fbds-section--gradient-green .fbds-breadcrumbs .fbds-breadcrumbs__text {
    color: #FFF
}

.fbds-section--green .quote-box .quote,
.fbds-section--gradient-green .quote-box .quote {
    background-color: #6fae3c;
    border: 1px solid #6fae3c
}

.fbds-section--green .quote-box .quote:after,
.fbds-section--gradient-green .quote-box .quote:after,
.fbds-section--green .quote-box .quote:before,
.fbds-section--gradient-green .quote-box .quote:before {
    border-top-color: #6fae3c
}

.fbds-section--green .quote-box .author,
.fbds-section--gradient-green .quote-box .author {
    color: #FFF
}

.fbds-section--green .quote-box .author .company,
.fbds-section--gradient-green .quote-box .author .company {
    color: #1C2F3A
}

.fbds-section--green .page-callout .fbds-headline-secondary,
.fbds-section--gradient-green .page-callout .fbds-headline-secondary {
    color: #455560
}

.fbds-section--green .page-callout .fbds-headline-primary,
.fbds-section--gradient-green .page-callout .fbds-headline-primary {
    color: #FFF
}

.fbds-section--gray {
    background-color: #455560;
    color: #C2CDD5
}

.fbds-section--gray hr {
    border-color: #37444d
}

.fbds-section--gray a {
    color: #FFF
}

.fbds-section--gray a:hover {
    color: #f2f2f2
}

.fbds-section--gray .fbds-headline-primary {
    color: #FFF
}

.fbds-section--gray .fbds-headline-secondary,
.fbds-section--gray .fbds-headline-tertiary {
    color: #D3DBE2
}

.fbds-section--gray .quote-box .quote {
    background-color: #1C2F3A;
    border: 1px solid #1C2F3A
}

.fbds-section--gray .quote-box .quote:after,
.fbds-section--gray .quote-box .quote:before {
    border-top-color: #1C2F3A
}

.fbds-section--darkgray,
.fbds-section--gradient-darkgray {
    background-color: #1C2F3A;
    color: #C2CDD5
}

.fbds-section--darkgray hr,
.fbds-section--gradient-darkgray hr {
    border-color: #16262e
}

.fbds-section--darkgray a,
.fbds-section--gradient-darkgray a {
    color: #FFF
}

.fbds-section--darkgray a:hover,
.fbds-section--gradient-darkgray a:hover {
    color: #f2f2f2
}

.fbds-section--darkgray .fbds-headline-primary,
.fbds-section--gradient-darkgray .fbds-headline-primary {
    color: #FFF
}

.fbds-section--darkgray .fbds-headline-secondary,
.fbds-section--gradient-darkgray .fbds-headline-secondary,
.fbds-section--darkgray .fbds-headline-tertiary,
.fbds-section--gradient-darkgray .fbds-headline-tertiary {
    color: #D3DBE2
}

.fbds-section--gradient-green {
    background-image: linear-gradient(-134deg, #a1cd3a 0%, #7bc143 49%, #42aa44 100%)
}

.fbds-section--gradient-lightgray {
    background-image: linear-gradient(#ffffff 0%, #f1f5f6 100%)
}

.fbds-section--gradient-darkgray {
    background-image: linear-gradient(-127deg, #455661 11%, #1d2f39 100%)
}

.fbds-section--collapse {
    padding-left: 0;
    padding-right: 0
}

.fbds-section--shrink {
    padding-top: 1.875rem;
    padding-bottom: 1.875rem
}

.fbds-section--bordered {
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-color: #F1F5F6
}

.fbds-section--large {
    padding-top: 7.5rem;
    padding-bottom: 7.5rem
}

.fbds-button,
.fbds-quiz .fsForm .fsNextButton,
.fbds-quiz .fsForm .fsSubmitButton {
    display: inline-block;
    border: none;
    border-radius: 3px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1rem;
    border: 1px solid transparent;
    padding: .9375rem 1.875rem;
    line-height: 1;
    letter-spacing: 1px;
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.15s;
    -o-transition-duration: 0.15s;
    -webkit-transition-duration: 0.15s;
    transition-duration: 0.15s;
    -moz-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.fbds-button:hover,
.fbds-quiz .fsForm .fsNextButton:hover,
.fbds-quiz .fsForm .fsSubmitButton:hover {
    transform: translateX(0px) scale(1.05);
    -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 0 5px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 0 5px;
    box-shadow: rgba(0, 0, 0, 0.2) 0 0 5px
}

.fbds-button.fbds-button--ghost-white,
.fbds-quiz .fsForm .fbds-button--ghost-white.fsNextButton,
.fbds-quiz .fsForm .fbds-button--ghost-white.fsSubmitButton {
    border-color: #FFF;
    color: #FFF
}

.fbds-button.fbds-button--ghost-white:hover,
.fbds-quiz .fsForm .fbds-button--ghost-white.fsNextButton:hover,
.fbds-quiz .fsForm .fbds-button--ghost-white.fsSubmitButton:hover {
    background-color: #FFF;
    color: #455560
}

.fbds-button.fbds-button--ghost-darkgray,
.fbds-quiz .fsForm .fbds-button--ghost-darkgray.fsNextButton,
.fbds-quiz .fsForm .fbds-button--ghost-darkgray.fsSubmitButton {
    border-color: #1C2F3A;
    color: #1C2F3A
}

.fbds-button.fbds-button--ghost-darkgray:hover,
.fbds-quiz .fsForm .fbds-button--ghost-darkgray.fsNextButton:hover,
.fbds-quiz .fsForm .fbds-button--ghost-darkgray.fsSubmitButton:hover {
    background-color: #1C2F3A;
    color: #FFF
}

.fbds-button.fbds-button--white-green,
.fbds-quiz .fsForm .fbds-button--white-green.fsNextButton,
.fbds-quiz .fsForm .fbds-button--white-green.fsSubmitButton {
    background-color: #FFF;
    border-color: #FFF;
    color: #7BC143
}

.fbds-button.fbds-button--white-green:hover,
.fbds-quiz .fsForm .fbds-button--white-green.fsNextButton:hover,
.fbds-quiz .fsForm .fbds-button--white-green.fsSubmitButton:hover {
    border-color: #f2f2f2;
    background-color: #f2f2f2;
    color: #7BC143
}

.fbds-button.fbds-button--white-gray,
.fbds-quiz .fsForm .fbds-button--white-gray.fsNextButton,
.fbds-quiz .fsForm .fbds-button--white-gray.fsSubmitButton {
    background-color: #FFF;
    border-color: #FFF;
    color: #455560
}

.fbds-button.fbds-button--white-gray:hover,
.fbds-quiz .fsForm .fbds-button--white-gray.fsNextButton:hover,
.fbds-quiz .fsForm .fbds-button--white-gray.fsSubmitButton:hover {
    border-color: #f2f2f2;
    background-color: #f2f2f2;
    color: #455560
}

.fbds-button.fbds-button--green,
.fbds-quiz .fsForm .fbds-button--green.fsNextButton,
.fbds-quiz .fsForm .fbds-button--green.fsSubmitButton {
    background-color: #7BC143;
    border-color: #7BC143;
    color: #FFF
}

.fbds-button.fbds-button--green:hover,
.fbds-quiz .fsForm .fbds-button--green.fsNextButton:hover,
.fbds-quiz .fsForm .fbds-button--green.fsSubmitButton:hover {
    color: #FFF;
    border-color: #75b740;
    background-color: #75b740
}

.fbds-button.fbds-button--darkgray,
.fbds-quiz .fsForm .fbds-button--darkgray.fsNextButton,
.fbds-quiz .fsForm .fbds-button--darkgray.fsSubmitButton {
    background-color: #1C2F3A;
    border-color: #1C2F3A;
    color: #FFF
}

.fbds-button.fbds-button--darkgray:hover,
.fbds-quiz .fsForm .fbds-button--darkgray.fsNextButton:hover,
.fbds-quiz .fsForm .fbds-button--darkgray.fsSubmitButton:hover {
    color: #FFF;
    border-color: #1b2d37;
    background-color: #1b2d37
}

.fbds-button.fbds-button--gray,
.fbds-quiz .fsForm .fbds-button--gray.fsNextButton,
.fbds-quiz .fsForm .fbds-button--gray.fsSubmitButton {
    background-color: #455560;
    border-color: #455560;
    color: #FFF
}

.fbds-button.fbds-button--gray:hover,
.fbds-quiz .fsForm .fbds-button--gray.fsNextButton:hover,
.fbds-quiz .fsForm .fbds-button--gray.fsSubmitButton:hover {
    border-color: #42515b;
    background-color: #42515b;
    color: #FFF
}

.fbds-button--capitalize {
    text-transform: capitalize
}

.fbds-button--small {
    font-size: .875rem;
    line-height: 1;
    padding: 12px 20px
}

.fbds-button--large {
    font-size: 1.25rem;
    line-height: 1.3
}

.fbds-button--full {
    width: 100%;
    text-align: center
}

.fbds-breadcrumbs {
    background-color: #FFF;
    border-top: 1px solid #F1F5F6;
    margin: -3.75rem 0 3.75rem;
    padding: .3125rem 0
}

.fbds-breadcrumbs__text {
    color: #6C7A85;
    font-size: 1rem;
    font-weight: 400;
    margin: 0;
    font-family: "Rubik", sans-serif
}

.fbds-breadcrumbs__text .fa {
    margin-top: -0.1875em;
    padding: 0 .3125rem;
    vertical-align: middle
}

.fbds-breadcrumbs__text a {
    color: #6C7A85
}

.fbds-breadcrumbs__text a:hover {
    color: #616e78
}

.fbds-breadcrumbs__text .fbds-breadcrumbs__current {
    font-weight: 600;
    color: #455560
}

.fbds-breadcrumbs__text .fbds-breadcrumbs__previous {
    border: 0
}

.fbds-breadcrumbs--no-margin {
    margin: 0
}

.fbds-callout-box {
    padding: 1.875rem;
    border-radius: 3px;
    background-color: #FFF;
    color: #455560
}

.fbds-callout-box .fbds-headline-tertiary {
    color: #455560
}

.fbds-callout-box .fbds-callout-box__link {
    color: #0197EC
}

.fbds-callout-box .fbds-callout-box__link:hover {
    color: #0188d4
}

.fbds-callout-box .fbds-callout-box--right-corner-number {
    position: absolute;
    top: -10px;
    right: -10px
}

.fbds-callout-box--has-corner-number {
    position: relative
}

.fbds-callout-box--gradient-lightgray {
    background-image: linear-gradient(#ffffff 0%, #f1f5f6 100%)
}

.fbds-callout-box--tip {
    border: 1px solid #c1c4c5;
    padding: .9375rem
}

.fbds-callout-box--tip .fbds-callout-box--tip__icon {
    font-size: 2.25rem;
    color: #7BC143
}

.fbds-callout-box--tip .fbds-callout-box--tip__left,
.fbds-callout-box--tip .fbds-callout-box--tip__right {
    display: inline-block;
    vertical-align: top
}

.fbds-callout-box--tip .fbds-callout-box--tip__left {
    width: 11%
}

.fbds-callout-box--tip .fbds-callout-box--tip__right {
    width: 89%;
    margin-left: -4px
}

.fbds-callout-box--event {
    background-color: #F1F5F6;
    border-radius: 3px
}

.fbds-callout-box--event .fbds-callout-box--event__title {
    background-color: #7BC143;
    color: #FFF;
    padding: .3125rem 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.fbds-callout-box--event .fbds-callout-box--event__content {
    padding: 1.875rem
}

.fbds-card-integration {
    clear: none !important;
    position: relative;
    border: 1px solid #F1F5F6;
    border-radius: 3px;
    background-color: #FFF;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    height: auto;
    margin: 0
}

.fbds-card-integration:hover {
    border-color: #F1F5F6
}

.fbds-card-integration:hover .fbds-card-integration__bottom {
    background-color: #F1F5F6
}

.fbds-card-integration a:hover {
    color: #FFF
}

.fbds-card-integration--cta {
    border: 1px solid #7BC143
}

.fbds-card-integration--cta .fbds-card-integration__img {
    max-height: 75px;
    max-width: 150px;
    vertical-align: middle
}

.fbds-card-integration--cta .fbds-card-integration__top {
    height: 125px
}

.fbds-card-integration--cta .fbds-card-integration__bottom {
    background-color: #7BC143;
    padding: .9375rem 0
}

.fbds-card-integration--cta:hover {
    border-color: #7BC143
}

.fbds-card-integration--cta:hover .fbds-card-integration__bottom {
    background-color: #7BC143
}

.fbds-card-integration__top {
    height: 110px
}

.fbds-card-integration__top:before,
.fbds-card-integration__top_before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.fbds-card-integration__img {
    max-height: 55px;
    max-width: 160px;
    vertical-align: middle
}

.fbds-card-integration__bottom {
    background-color: #F1F5F6;
    padding: .3125rem .9375rem;
    width: 100%
}

.fbds-card-integration__name {
    color: #1C2F3A;
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.fbds-card-integration__cat {
    color: #455560;
    font-size: .75rem;
    margin-bottom: 0;
    letter-spacing: 1px;
    text-transform: uppercase;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.hvr-float {
    display: inline-block;
    vertical-align: middle;
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    transform: translateZ(0);
    -moz-box-shadow: 0 0 1px transparent;
    -webkit-box-shadow: 0 0 1px transparent;
    box-shadow: 0 0 1px transparent;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -moz-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    transition-duration: 0.35s;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-float:active,
.hvr-float:focus,
.hvr-float:hover {
    -moz-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px)
}

.fbds-card-resources {
    margin-bottom: 1.875rem
}

.fbds-card-resources .fbds-headline-tertiary a {
    border-bottom: none
}

.fbds-card-resources .fbds-card-resources__thumb {
    display: block;
    border: .3125rem solid #F1F5F6;
    margin-bottom: .9375rem
}

@media screen and (max-width: 39.9375em) {
    .fbds-card-resources .fbds-card-resources__thumb {
        border: 0
    }
}

.fbds-card-resources .fbds-card-resources__content {
    padding: .9375rem 0 .3125rem
}

.fbds-card-resources .fbds-card-resources__content a {
    color: #455560
}

.fbds-card-resources .fbds-card-resources__content .fbds-text-link {
    color: #0197EC
}

.fbds-card-resources .fbds-card-resources__summary {
    display: none;
    margin-bottom: 1.875rem;
    color: #6C7A85
}

.fbds-card-resources .fbds-card-resources__pages {
    text-transform: uppercase;
    font-weight: 400;
    margin-bottom: 0
}

.fbds-card-template--light .fbds-card-template__thumb--light {
    border: 3px solid #F1F5F6;
    width: auto;
    height: 245px
}

.fbds-templates__form-container select {
    background-origin: padding-box
}

.fbds-card-template {
    clear: none !important;
    position: relative;
    min-height: 260px
}

.fbds-card-template .fbds-card-template__box {
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.45s;
    -o-transition-duration: 0.45s;
    -webkit-transition-duration: 0.45s;
    transition-duration: 0.45s;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    background-image: url("../images/templates/loader.gif");
    background-position: 50% center;
    background-repeat: no-repeat;
    display: block
}

.fbds-card-template .fbds-card-template__box img[alt] {
    color: transparent
}

.fbds-card-template .fbds-card-template__box .name {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.fbds-card-template .fbds-card-template__box .fbds-card-template__thumb {
    border: 1px solid #F1F5F6;
    min-width: 100%;
    height: 260px
}

.fbds-card-template .fbds-card-template__box .fbds-card-template__thumb--light {
    height: auto
}

.fbds-card-template .fbds-card-template__box .fbds-card-template__thumb-loaded {
    height: auto
}

.fbds-card-template .action-wrap {
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.45s;
    -o-transition-duration: 0.45s;
    -webkit-transition-duration: 0.45s;
    transition-duration: 0.45s;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -moz-box-shadow: rgba(0, 0, 0, 0.15) 0 0 5px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 0 5px;
    box-shadow: rgba(0, 0, 0, 0.15) 0 0 5px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    background-color: #7BC143;
    padding: .9375rem
}

.fbds-card-template .action-wrap .action-wrap__text {
    display: inline-block;
    font-size: .75rem;
    margin-bottom: 0;
    margin-left: -2px;
    text-transform: uppercase;
    width: 50%
}

.fbds-card-template .action-wrap .action-wrap__text a {
    color: #FFF;
    border-bottom: none
}

.fbds-card-template .action-wrap .action-wrap__text--left {
    width: 30%;
    text-align: left
}

@media screen and (max-width: 39.9375em) {
    .fbds-card-template .action-wrap .action-wrap__text--left {
        display: none
    }
}

.fbds-card-template .action-wrap .action-wrap__text--right {
    width: 70%;
    text-align: right
}

@media screen and (max-width: 39.9375em) {
    .fbds-card-template .action-wrap .action-wrap__text--right {
        width: 100%;
        text-align: center
    }
}

@media screen and (max-width: 39.9375em) {
    .fbds-card-template .action-wrap {
        filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1
    }
}

.fbds-card-template:hover .fbds-card-template__thumb {
    -moz-box-shadow: rgba(0, 0, 0, 0.15) 0 0 5px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 0 5px;
    box-shadow: rgba(0, 0, 0, 0.15) 0 0 5px
}

.fbds-card-template:hover .action-wrap {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1
}

.individual-template__action-bar {
    padding: 1.875rem 0 0
}

.individual-template__action-bar .action-bar {
    position: relative
}

.individual-template__action-bar .action-bar__posted {
    display: inline-block;
    margin-bottom: .9375rem;
    margin-top: .3125rem
}

.individual-template__action-bar .action-bar--text-right {
    position: relative
}

.individual-template__action-bar .button--get-template {
    margin-top: -32px;
    position: absolute;
    right: 0;
    top: 50%
}

.individual-template__action-bar p {
    font-size: .875rem;
    text-transform: uppercase;
    font-weight: bold
}

.individual-template__action-bar .tags {
    border-bottom: none;
    background-color: #1C2F3A;
    padding: .3125rem .9375rem;
    border-radius: 3px;
    display: inline-block;
    margin-bottom: .3125rem
}

.individual-template__action-bar .tags:hover {
    background-color: #7BC143;
    color: #FFF
}

.fbds-info-box {
    border: 1px solid #7BC143
}

.fbds-info-box__header {
    background-color: #7BC143;
    padding: .3125rem
}

.fbds-info-box__header .fbds-info-box__headline {
    color: #FFF
}

.fbds-info-box__content {
    padding: 1.875rem
}

.fbds-toggle-resources {
    margin-bottom: 1.875rem
}

.fbds-toggle-resources .fbds-toggle-resources__controls {
    background-color: #F1F5F6;
    display: inline-block;
    padding: .3125rem;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.fbds-toggle-resources .fbds-toggle-resources__controls .fbds-toggle-resources__item {
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.15s;
    -o-transition-duration: 0.15s;
    -webkit-transition-duration: 0.15s;
    transition-duration: 0.15s;
    -moz-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    border: 0;
    display: inline-block;
    font-size: .75rem;
    font-weight: 600;
    padding: .3125rem;
    text-transform: uppercase;
    color: #6C7A85;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.fbds-toggle-resources .fbds-toggle-resources__controls .fbds-toggle-resources__item.active {
    background-color: #6C7A85;
    color: #FFF
}

.fbds-toggle-resources__headline {
    border-bottom: 1px solid #F1F5F6;
    font-weight: 600;
    margin-bottom: .9375rem;
    padding-bottom: .3125rem;
    text-transform: uppercase;
    color: #7BC143
}

.fbds-toggle-resources__content--list .fbds-headline-primary {
    margin-top: .9375rem
}

.fbds-toggle-resources__content--list .fbds-card-resources__thumb {
    display: none
}

.fbds-toggle-resources__content--list .fbds-toggle-resources__headline {
    margin-top: 1.875rem
}

.fbds-toggle-resources__content--list .fbds-card-resources {
    width: 100%;
    margin-bottom: 0
}

.fbds-toggle-resources__content--list .fbds-card-resources .fbds-card-resources__content {
    border-bottom: 1px solid #F1F5F6;
    padding: .9375rem 0 .3125rem
}

.fbds-toggle-resources__content--list .fbds-card-resources.end .fbds-card-resources__content {
    border-bottom: 0
}

.fbds-toggle-resources__content--list .fbds-headline-tertiary {
    margin-top: 0
}

.fbds-toggle-resources__content--list .fbds-card-resources__summary {
    display: block;
    width: 85%
}

.fbds-toggle-resources__content--list .fbds-card-resources__pages {
    margin-top: -55px;
    float: right
}

.fbds-content-box--outlined {
    border: thin solid #6C7A85;
    padding: 1.875rem
}

.fbds-badge {
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -moz-transition-duration: 0.45s;
    -o-transition-duration: 0.45s;
    -webkit-transition-duration: 0.45s;
    transition-duration: 0.45s;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    position: absolute
}

.fbds-badge--left {
    top: -1px;
    left: -1px
}

.fbds-badge--right {
    top: -1px;
    right: -1px
}

.fbds-badge--small {
    height: 45px;
    width: 45px
}

.fbds-badge--large {
    width: 60px;
    height: 60px
}

.fbds-badge--template {
    right: 15px;
    top: 40px
}

.fbds-table--fc .fbds-table--fc__plan-box {
    background-color: #7BC143;
    border-left: 1px solid #38591D;
    padding: .9375rem
}

.fbds-table--fc .fbds-table--fc__plan-box--empty {
    border-left: 0;
    background-color: transparent
}

.fbds-table--fc .fbds-table--fc__plan-box--first {
    border-left: 0
}

.fbds-table--fc .fbds-table--fc__plan-name {
    font-size: 1rem;
    color: #FFF
}

@media screen and (min-width: 40em) {
    .fbds-table--fc .fbds-table--fc__plan-name {
        font-size: .75rem
    }
}

@media screen and (min-width: 64em) {
    .fbds-table--fc .fbds-table--fc__plan-name {
        font-size: .875rem
    }
}

.fbds-table--fc .fbds-table--fc__list {
    list-style: none;
    padding-left: 0;
    text-align: center
}

.fbds-table--fc .fbds-table--fc__list--feature {
    text-align: left
}

.fbds-table--fc .fbds-table--fc__list--last .fbds-table--fc__item {
    border-right: 1px solid #ddd
}

.fbds-table--fc .fbds-table--fc__item {
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    font-size: 1rem;
    font-weight: 600;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd
}

.fbds-table--fc .fbds-table--fc__item .has-tip {
    border: 0;
    margin-left: 2px;
    color: #7BC143
}

@media screen and (min-width: 40em) {
    .fbds-table--fc .fbds-table--fc__item .fa-times {
        color: #F1F5F6
    }
}

.fbds-table--fc .fbds-table--fc__item .fbds-table--fc__item__link {
    color: #7BC143;
    border-bottom: 0
}

.fbds-table--fc .fbds-table--fc__item .fbds-table--fc__item__name {
    display: block;
    font-weight: 400;
    color: #6C7A85
}

@media screen and (min-width: 40em) {
    .fbds-table--fc .fbds-table--fc__item .fbds-table--fc__item__name {
        display: none
    }
}

@media screen and (min-width: 40em) {
    .fbds-table--fc .fbds-table--fc__item {
        font-size: .75rem
    }
}

@media screen and (min-width: 64em) {
    .fbds-table--fc .fbds-table--fc__item {
        font-size: 1rem
    }
}

.fbds-table--fc .fbds-table--fc__item--feature-title,
.fbds-table--fc .fbds-table--fc__item--feature,
.fbds-table--fc .fbds-table--fc__item--spacer {
    border-left: 0
}

.fbds-table--fc .fbds-table--fc__item--feature-title,
.fbds-table--fc .fbds-table--fc__item--feature {
    padding-left: .9375rem
}

.fbds-table--fc .fbds-table--fc__item--feature-title,
.fbds-table--fc .fbds-table--fc__item--spacer {
    color: #1C2F3A;
    background-color: #F1F5F6;
    text-transform: uppercase;
    padding-top: .9375rem;
    padding-bottom: .9375rem
}

.fbds-table--fc .fbds-table--fc__item--spacer {
    display: none
}

@media screen and (min-width: 40em) {
    .fbds-table--fc .fbds-table--fc__item--spacer {
        display: block
    }
}

.fbds-table--fc .fbds-table--fc__item--feature {
    font-weight: 400
}

.fbds-table-documentation tr.v-bottom {
    vertical-align: bottom
}

.fbds-table-documentation td {
    width: 50%
}

.fbds-table-documentation td.td-20 {
    width: 20%;
    border: 1px solid #455560
}

.fbds-table-documentation td.td-25 {
    width: 25%;
    border: 1px solid #455560
}

.fbds-table-documentation--three-columns td {
    width: 33%
}

.fbds-label {
    background-color: #7BC143;
    border-radius: 10px;
    color: #FFF;
    display: inline-block;
    font-size: .625rem;
    font-weight: 600;
    margin: -4px 0 0 3px;
    padding: 0 .3125rem;
    text-transform: uppercase;
    vertical-align: middle
}

.fbds-label--white {
    background-color: #FFF;
    color: #7BC143
}

.fbds-modal--full-page {
    padding: 0;
    z-index: 999999;
    overflow-y: hidden
}

.fbds-modal--full-page__header {
    background-color: #455560;
    padding: .9375rem;
    top: 0;
    left: 0;
    right: 0;
    position: fixed;
    z-index: 2
}

.fbds-modal--full-page__title {
    display: inline-block;
    font-size: 1.375rem;
    padding-top: .9375rem
}

.fbds-modal--full-page__title.padding-top-none {
    padding-top: 0 !important
}

.fbds-modal--full-page__script {
    -webkit-overflow-scrolling: touch
}

.fbds-modal--full-page__script,
.fbds-modal--full-page__script-wrapper {
    height: 100%;
    position: relative
}

.fbds-modal--full-page__script-wrapper {
    padding-top: 87px;
    width: 100%
}

.fbds-modal--full-page__spinner {
    height: auto;
    left: 50%;
    margin-left: -31px;
    position: absolute;
    top: 50%;
    width: 62px
}

.fbds-modal--full-page__button-wrap {
    float: right;
    padding-top: .3125rem;
    padding-bottom: .3125rem
}

.fbds-modal--full-page__button-wrap--left {
    float: left;
    margin-bottom: 0;
    padding-top: .9375rem
}

.fbds-modal--full-page__button-wrap--right {
    float: right;
    margin-bottom: 0;
    padding-top: .9375rem
}

.fbds-modal--full-page__iframe {
    width: 100%;
    height: 100%
}

@media screen and (max-width: 39.9375em) {
    .fbds-modal--full-page__iframe {
        height: 80%
    }
}

@media screen and (max-width: 39.9375em) {
    div#fbds-modal--full-page.full.reveal.fbds-modal--full-page.is-ios.without-overlay {
        top: 0 !important
    }

    .fbds-modal--full-page__header {
        position: static
    }

    .fbds-modal--full-page__title {
        display: none
    }

    .fbds-modal--full-page__button-wrap--left {
        float: none;
        margin-bottom: .9375rem;
        padding-top: 0
    }

    .fbds-modal--full-page__button-wrap {
        float: none
    }

    .fbds-modal--full-page__script-wrapper {
        padding: 0
    }
}

.fbds-modal {
    position: relative;
    background-color: #7BC143;
    color: #FFF;
    padding: 0;
    border: 0
}

.fbds-modal .fbds-modal__close-x {
    color: #FFF
}

.fbds-modal .fbds-modal__close-x:hover {
    color: #F1F5F6
}

.fbds-modal .fbds-modal__button-wrap {
    padding: 1.875rem 0
}

.fbds-exit-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999
}

.fbds-exit-modal__wrapper {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.75)
}

.fbds-exit-modal__container {
    position: absolute;
    width: 730px;
    height: 470px;
    background: #FFF;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1), 0 15px 35px rgba(0, 0, 0, 0.1), 0 50px 100px rgba(50, 50, 93, 0.1);
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1), 0 15px 35px rgba(0, 0, 0, 0.1), 0 50px 100px rgba(50, 50, 93, 0.1);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1), 0 15px 35px rgba(0, 0, 0, 0.1), 0 50px 100px rgba(50, 50, 93, 0.1);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-animation: popin 0.2s;
    -webkit-animation: popin 0.2s;
    animation: popin 0.2s
}

.fbds-exit-modal__angle {
    background-color: #F1F5F6;
    transform: skewY(-32.7deg);
    width: 730px;
    height: 470px;
    position: absolute;
    top: 235px
}

.fbds-exit-modal__content {
    width: 310px;
    position: absolute;
    left: 60px;
    top: 50%;
    margin-top: -145px
}

.fbds-exit-modal__graphic {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1), 0 15px 35px rgba(0, 0, 0, 0.1), 0 50px 100px rgba(50, 50, 93, 0.1);
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1), 0 15px 35px rgba(0, 0, 0, 0.1), 0 50px 100px rgba(50, 50, 93, 0.1);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1), 0 15px 35px rgba(0, 0, 0, 0.1), 0 50px 100px rgba(50, 50, 93, 0.1);
    position: absolute;
    top: 50%;
    right: 60px;
    margin-top: -175px
}

.fbds-exit-modal__close {
    padding: .3125rem;
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 1.375rem;
    cursor: pointer
}

.fbds-notification {
    width: 100%;
    padding: .3125rem;
    background-color: #7BC143;
    color: #FFF;
    position: relative
}

.fbds-notification__link {
    margin-left: .3125rem;
    color: #FFF;
    font-weight: 600
}

.fbds-notification__link:hover,
.fbds-notification__link:visited,
.fbds-notification__link:active {
    color: #FFF
}

.fbds-notification__close {
    display: none;
    position: absolute;
    top: .3125rem;
    right: .9375rem;
    color: #FFF;
    width: .9375rem
}

.fbds-notification__close:hover,
.fbds-notification__close:visited,
.fbds-notification__close:active {
    color: #FFF
}

@media screen and (min-width: 40em) {
    .fbds-notification__close {
        display: inline-block
    }
}

.fbds-notification--light {
    background-color: #F1F5F6;
    color: #455560
}

.fbds-notification--light .fbds-notification__link,
.fbds-notification--light .fbds-notification__close {
    color: #455560
}

.fbds-notification--light .fbds-notification__link:hover,
.fbds-notification--light .fbds-notification__link:visited,
.fbds-notification--light .fbds-notification__link:active,
.fbds-notification--light .fbds-notification__close:hover,
.fbds-notification--light .fbds-notification__close:visited,
.fbds-notification--light .fbds-notification__close:active {
    color: #1C2F3A
}

.fbds-notification--hide {
    display: none
}

.fbds-notification--show {
    display: block
}

.fbds-nav--container {
    padding: .9375rem 0;
    z-index: 2;
    position: relative
}

@media screen and (min-width: 40em) {
    .fbds-nav--container {
        padding: .9375rem 0
    }
}

@media screen and (min-width: 64em) {
    .fbds-nav--container {
        padding: 1.875rem 0
    }
}

.fbds-nav--logo,
.fbds-nav--logo--white {
    display: inline-block;
    width: 215px;
    height: 38px
}

.mobile-links {
    padding: 0 0 .9375rem
}

.mobile-links .fbds-button,
.mobile-links .fbds-quiz .fsForm .fsNextButton,
.fbds-quiz .fsForm .mobile-links .fsNextButton,
.mobile-links .fbds-quiz .fsForm .fsSubmitButton,
.fbds-quiz .fsForm .mobile-links .fsSubmitButton {
    margin-bottom: 0;
    width: 48%;
    text-align: center
}

.mobile-links .fbds-button:nth-of-type(2),
.mobile-links .fbds-quiz .fsForm .fsNextButton:nth-of-type(2),
.fbds-quiz .fsForm .mobile-links .fsNextButton:nth-of-type(2),
.mobile-links .fbds-quiz .fsForm .fsSubmitButton:nth-of-type(2),
.fbds-quiz .fsForm .mobile-links .fsSubmitButton:nth-of-type(2) {
    float: right
}

.demo-button-container {
    display: inline-block
}

.fbds-nav--main {
    margin-top: .9375rem;
    list-style-type: none;
    display: none;
    vertical-align: bottom
}

@media screen and (min-width: 40em) {
    .fbds-nav--main {
        display: inline-block
    }
}

@media (min-width: 1024px) and (max-width: 1123px) {
    .fbds-nav--main.fbds-nav--main--narrow .fbds-nav--main__item>a {
        padding: .3125rem 8.5px
    }
}

.fbds-nav--main .fbds-nav--main__item {
    vertical-align: middle;
    position: relative;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600
}

.fbds-nav--main .fbds-nav--main__item .fa {
    margin-top: -4px
}

.fbds-nav--main .fbds-nav--main__item>a {
    padding: .3125rem 0;
    color: #455560;
    letter-spacing: 1px
}

.fbds-nav--main .fbds-nav--main__item>a:hover {
    color: #7BC143
}

@media screen and (min-width: 40em) {
    .fbds-nav--main .fbds-nav--main__item>a {
        padding: .3125rem .9375rem
    }
}

.fbds-nav--main .fbds-nav--main__item:hover>a {
    color: #7BC143
}

@media screen and (min-width: 40em) {
    .fbds-nav--main .fbds-nav--main__item {
        display: table-cell;
        margin-top: none
    }
}

.fbds-nav--main .fbds-nav--main__submenu {
    padding: 10px;
    position: absolute;
    border: 1px solid #FFF;
    display: none;
    left: 0;
    width: 164px;
    background-color: #FFF;
    z-index: 9999;
    text-align: left;
    margin: 0;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -moz-box-shadow: 0 0 10px rgba(50, 59, 67, 0.05);
    -webkit-box-shadow: 0 0 10px rgba(50, 59, 67, 0.05);
    box-shadow: 0 0 10px rgba(50, 59, 67, 0.05)
}

.fbds-nav--main .fbds-nav--main__submenu:after {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #FFF;
    border-width: 10px;
    margin-left: -10px
}

.fbds-nav--main .fbds-nav--main__submenu .fbds-nav--main__subitem {
    font-size: 1rem;
    list-style: none;
    text-transform: none;
    font-weight: 400
}

.fbds-nav--main .fbds-nav--main__submenu .fbds-nav--main__subitem>a {
    color: #7BC143;
    padding: .3125rem 0
}

.fbds-nav--main .fbds-nav--main__submenu .fbds-nav--main__subitem:not(.fbds-nav--main__subitem--title)>a {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #455560;
    display: block;
    padding: .3125rem .9375rem
}

.fbds-nav--main .fbds-nav--main__submenu .fbds-nav--main__subitem:not(.fbds-nav--main__subitem--title)>a:hover {
    background-color: #7BC143;
    color: #FFF
}

.fbds-nav--main .fbds-nav--main__submenu .fbds-nav--main__subitem:not(.fbds-nav--main__subitem--title)>a:hover .fbds-label {
    background-color: #FFF;
    color: #7BC143
}

.fbds-nav--main .fbds-nav--main__submenu .fbds-nav--main__subitem--title {
    padding: .3125rem .9375rem;
    text-transform: uppercase;
    color: #7BC143;
    font-weight: 400
}

.fbds-nav--main .fbds-nav--main__submenu--product {
    width: 394px;
    left: 0px
}

.fbds-nav--main .fbds-nav--main__submenu--solutions {
    width: 372px;
    left: -125px
}

.fbds-nav--main .fbds-nav--main__submenu__section {
    display: inline-block;
    vertical-align: top
}

@media screen and (min-width: 40em) {
    .fbds-nav--main .fbds-nav--main__item:hover>.fbds-nav--main__submenu {
        display: block
    }
}

@media screen and (min-width: 64em) {
    .fbds-nav--main .fbds-nav--main__item--last>a {
        margin-right: .9375rem
    }

    .fbds-nav--main .fbds-nav--main__item--shrink>a {
        padding-right: 0
    }
}

@media screen and (max-width: 39.9375em) {
    .fbds-nav--main {
        width: 100%
    }

    .fbds-nav--main>li {
        display: block
    }

    .fbds-nav--main>li>a {
        padding: .9375rem 0;
        border-bottom: 1px solid #F1F5F6
    }
}

.fbds-nav--side--features .fbds-nav--side__dropdown-icon,
.fbds-nav--side--templates .fbds-nav--side__dropdown-icon {
    display: none
}

@media screen and (max-width: 39.9375em) {

    .fbds-nav--side--features,
    .fbds-nav--side--templates {
        margin: 1.875rem 0
    }

    .fbds-nav--side--features .fbds-nav--side__headline,
    .fbds-nav--side--templates .fbds-nav--side__headline {
        cursor: pointer;
        padding: .9375rem;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px
    }

    .fbds-nav--side--features .fbds-nav--side__headline.features,
    .fbds-nav--side--templates .fbds-nav--side__headline.features {
        border: 1px solid #7BC143
    }

    .fbds-nav--side--features .fbds-nav--side__headline.templates,
    .fbds-nav--side--templates .fbds-nav--side__headline.templates {
        border: 1px solid #455560
    }

    .fbds-nav--side--features .fbds-nav--side__headline.opened,
    .fbds-nav--side--templates .fbds-nav--side__headline.opened {
        -moz-transition-property: -moz-transform;
        -o-transition-property: -o-transform;
        -webkit-transition-property: -webkit-transform;
        transition-property: transform;
        -moz-transition-duration: 1s;
        -o-transition-duration: 1s;
        -webkit-transition-duration: 1s;
        transition-duration: 1s
    }

    .fbds-nav--side--features .fbds-nav--side__headline.opened .fbds-nav--side__dropdown-icon,
    .fbds-nav--side--templates .fbds-nav--side__headline.opened .fbds-nav--side__dropdown-icon {
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .fbds-nav--side--features .fbds-nav--side__headline .fbds-nav--side__dropdown-icon,
    .fbds-nav--side--templates .fbds-nav--side__headline .fbds-nav--side__dropdown-icon {
        display: inline-block
    }

    .fbds-nav--side--features .fbds-nav--side,
    .fbds-nav--side--templates .fbds-nav--side {
        margin-top: .9375rem;
        padding: 0 .9375rem
    }
}

.fbds-nav--side {
    padding: 0
}

@media screen and (max-width: 39.9375em) {
    .fbds-nav--side.fbds-nav--side--templates {
        display: none
    }
}

.fbds-nav--side .fbds-nav--side__list {
    padding-left: 0;
    margin-left: 0
}

.fbds-nav--side .fbds-nav--side__list__item {
    padding: .3125rem 0;
    font-size: 1rem;
    line-height: 1.4;
    list-style: none;
    cursor: pointer;
    border-bottom: 1px solid #F1F5F6
}

.fbds-nav--side .fbds-nav--side__list__item a {
    margin: 0;
    display: block;
    border-bottom: 0;
    color: #6C7A85
}

.fbds-nav--side .fbds-nav--side__list__item a.active {
    color: #7BC143;
    cursor: default
}

.fbds-nav--side .fbds-nav--side__list__item a:hover {
    color: #7BC143
}

.fbds-nav--side .fbds-nav--side__list__item.active {
    cursor: default;
    color: #7BC143
}

.fbds-nav--side .fbds-nav--side__list__item.active a {
    color: #7BC143
}

.fbds-nav--side .fbds-nav--side__list__item:hover {
    color: #7BC143
}

.fbds-nav--side .fbds-nav--side__list__item--nested {
    font-size: .75rem
}

.fbds-nav--side .fbds-nav--side__list__item--nested:before {
    content: '\f111';
    font-family: 'FontAwesome';
    float: left;
    margin-right: .3125rem;
    color: #7BC143;
    margin-top: .3125rem;
    font-size: 5px
}

.fbds-nav--side .fbds-nav--side__sub {
    display: none;
    list-style: none;
    margin: 0;
    padding-left: .9375rem
}

.fbds-nav--side .fbds-nav--side__sub .fbds-nav--side__sub__item {
    padding: .3125rem 0
}

.fbds-nav--side--sticky {
    width: 226px !important
}

ul.fbds-nav--social__item {
    padding-left: 0
}

ul.fbds-nav--social__item li {
    display: inline-block;
    color: #F1F5F6;
    margin: 0 .9375rem 0 0
}

ul.fbds-nav--social__item li .fa {
    padding: 0
}

.fbds-nav--upper {
    position: relative;
    z-index: 9999
}

.fbds-nav--upper .fbds-nav--upper-links .fbds-nav--upper-links__list {
    list-style: none;
    display: inline-block;
    margin-bottom: 0;
    line-height: normal
}

.fbds-nav--upper .fbds-nav--upper-links .fbds-nav--upper-links__item {
    display: inline-block;
    margin-right: -4px
}

.fbds-nav--upper .fbds-nav--upper-links a {
    display: block;
    padding: 3px 10px;
    color: #455560;
    text-transform: uppercase;
    font-size: .75rem;
    letter-spacing: 1px;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    transition: all .1s linear
}

.fbds-nav--upper .fbds-nav--upper-links a:hover {
    color: #7BC143
}

.fbds-nav--upper .fbds-nav--upper-links .login {
    margin-right: 0
}

.fbds-nav--upper .fbds-nav--upper-links .login a {
    padding-right: 0
}

.fbds-sub-nav {
    background: rgba(28, 47, 58, 0.5);
    border-radius: 3px;
    color: #FFF;
    padding: .9375rem
}

.fbds-sub-nav .fbds-sub-nav--title {
    font-family: "Rubik", sans-serif;
    font-size: 1.25rem;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px
}

.fbds-sub-nav .fbds-sub-nav--list {
    text-align: right;
    list-style: none;
    margin-bottom: 0
}

.fbds-sub-nav .fbds-sub-nav--list li {
    font-size: .875rem;
    display: inline-block;
    margin-right: .9375rem;
    text-transform: uppercase;
    letter-spacing: 1px
}

.fbds-sub-nav .fbds-sub-nav--list li a {
    color: #F1F5F6
}

.fbds-sub-nav .fbds-sub-nav--list li a.active {
    color: #7BC143;
    font-weight: 600
}

.fbds-sub-nav .fbds-sub-nav--list li a:hover {
    color: #7BC143
}

.fbds-sub-nav .mobile-sub-nav-centered {
    margin: 0 auto
}

.fbds-sub-nav .mobile-sub-nav-centered--submenu {
    left: -30px !important
}

.fbds-nav--icons .fbds-nav--icons__item__text {
    display: block
}

.fbds-nav--icons .fbds-nav--icons__item>a {
    color: #6C7A85
}

.fbds-nav--icons .fbds-nav--icons__item>a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: .8
}

.fbds-nav--icons .fbds-nav--icons__item>a:hover .fbds-nav--icons__item__text {
    color: #455560
}

.fbds-nav--icons .fbds-icon--small {
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out
}

.fbds-nav--icons .pixel {
    position: absolute;
    top: 0;
    left: 0;
    display: none
}

.fbds-nav--icons--fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    padding: 5px 0;
    border-bottom: 1px solid #F1F5F6;
    -moz-box-shadow: #F1F5F6 0px 2px 10px;
    -webkit-box-shadow: #F1F5F6 0px 2px 10px;
    box-shadow: #F1F5F6 0px 2px 10px
}

.fbds-nav--icons--fixed .fbds-icon--small {
    height: 50px
}

.fbds-nav--icons--fixed .fbds-nav--icons__item__text {
    font-size: .875rem
}

.fbds-hr--small {
    width: 8%
}

.fbds-hr--small.right {
    margin-left: auto;
    margin-right: 0;
    text-align: right
}

@media screen and (max-width: 39.9375em) {
    .fbds-hr--small.right {
        margin-left: 0;
        text-align: left
    }
}

.fbds-hr--small.left {
    margin-left: 0;
    text-align: left
}

.fbds-hover-box__image-block {
    display: block;
    background: #7BC143;
    height: 285px;
    border-bottom: none !important;
    overflow: hidden;
    padding: 0;
    background-position: center;
    background-size: cover
}

.fbds-hover-box__image-block.agencies {
    background-image: url("../images/solutions/viewport-grid/agencies-consulting.jpg")
}

.fbds-hover-box__image-block.small-business {
    background-image: url("../images/solutions/viewport-grid/small-business.jpg")
}

.fbds-hover-box__image-block.technology {
    background-image: url("../images/solutions/viewport-grid/technology.jpg")
}

.fbds-hover-box__image-block.nonprofit {
    background-image: url("../images/solutions/viewport-grid/nonprofit.jpg")
}

.fbds-hover-box__image-block.higher-ed {
    background-image: url("../images/solutions/viewport-grid/higher-ed.jpg")
}

.fbds-hover-box__image-block.franchises {
    background-image: url("../images/solutions/viewport-grid/franchises.jpg")
}

.fbds-hover-box__image-block.finance {
    background-image: url("../images/solutions/viewport-grid/finance.jpg")
}

.fbds-hover-box__image-block.healthcare {
    background-image: url("../images/solutions/viewport-grid/healthcare.jpg")
}

.fbds-hover-box__image-block.human-resources {
    background-image: url("../images/solutions/viewport-grid/human-resources.jpg")
}

.fbds-hover-box__image-block.service {
    background-image: url("../images/solutions/viewport-grid/service.jpg")
}

.fbds-hover-box__image-block.events {
    background-image: url("../images/solutions/viewport-grid/events.jpg")
}

.fbds-hover-box__image-block.marketing {
    background-image: url("../images/solutions/viewport-grid/marketing.jpg")
}

.fbds-hover-box__image-block.documentation {
    background-repeat: no-repeat;
    width: 100%;
    margin: 0 auto
}

.fbds-hover-box__image-block.documentation.development-guidelines {
    background-image: url("../images/fbds-documentation/development-guidelines.svg");
    background-color: #455560;
    background-size: 269px 195px
}

.fbds-hover-box__image-block.documentation.brand-guidelines {
    background-image: url("../images/fbds-documentation/brand-guidelines.svg");
    background-color: #0197EC;
    background-size: 242px 128px
}

.fbds-hover-box__image-block.documentation.content-guidelines {
    background-image: url("../images/fbds-documentation/content-guidelines.svg");
    background-size: 150px 179px
}

.fbds-hover-box__image-block:hover {
    border-bottom: none
}

.fbds-hover-box__image-block:hover .fbds-hover-box__info {
    background: rgba(28, 47, 58, 0.85)
}

.fbds-hover-box__image-block:hover .fbds-hover-box__headline::after {
    opacity: 100;
    padding-left: .9375rem
}

.fbds-hover-box__headline {
    display: block;
    color: #FFF;
    font-size: 1.25rem;
    margin-top: .9375rem
}

.fbds-hover-box__headline:after {
    opacity: 0;
    margin-left: .3125rem;
    content: "\f105";
    font-family: 'FontAwesome';
    -moz-transition-duration: 0.25s;
    -o-transition-duration: 0.25s;
    -webkit-transition-duration: 0.25s;
    transition-duration: 0.25s;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out
}

.fbds-hover-box--content__image-block:hover .fbds-hover-box__info {
    margin-top: 0;
    padding-top: .9375rem
}

.fbds-hover-box--content__image-block:hover .fbds-hover-box__headline {
    margin-bottom: .3125rem
}

.fbds-hover-box--content__image-block:hover .fbds-hover-box__headline::after {
    opacity: 0
}

.fbds-hover-box__info {
    display: block;
    margin-top: 225px;
    -moz-transition-duration: 0.25s;
    -o-transition-duration: 0.25s;
    -webkit-transition-duration: 0.25s;
    transition-duration: 0.25s;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    padding-left: .9375rem;
    padding-top: 1px;
    background: rgba(28, 47, 58, 0.5);
    height: 100%;
    width: 100%
}

.fbds-hover-box__info .button,
.fbds-hover-box__info .fbds-newsletter-form .fsForm .fsSubmit input.fsSubmitButton,
.fbds-newsletter-form .fsForm .fsSubmit .fbds-hover-box__info input.fsSubmitButton,
.fbds-hover-box__info .newsletter-form .fsSubmitButton,
.newsletter-form .fbds-hover-box__info .fsSubmitButton {
    position: inherit;
    color: #FFF
}

.fbds-hover-box__info .button:hover,
.fbds-hover-box__info .fbds-newsletter-form .fsForm .fsSubmit input.fsSubmitButton:hover,
.fbds-newsletter-form .fsForm .fsSubmit .fbds-hover-box__info input.fsSubmitButton:hover,
.fbds-hover-box__info .newsletter-form .fsSubmitButton:hover,
.newsletter-form .fbds-hover-box__info .fsSubmitButton:hover {
    color: #1C2F3A
}

.fbds-hover-box__text {
    display: block;
    color: #FFF;
    font-size: 1rem;
    width: 80%
}

@media screen and (min-width: 40em) {
    .fbds-standfirst--text {
        margin: 0 auto;
        padding: 3.75rem 1.875rem
    }
}

@media screen and (min-width: 64em) {
    .fbds-standfirst--solutions-text {
        padding: 144px 0 0
    }
}

@media screen and (max-width: 39.9375em) {
    .fbds-hover-box--content__image-block .fbds-hover-box__info {
        margin-top: 0;
        padding-top: 20px;
        border-top: thin solid #FFF;
        background: rgba(28, 47, 58, 0.85);
        text-align: center
    }

    .fbds-hover-box--content__image-block .fbds-hover-box__text {
        width: 95%
    }

    .fbds-hover-box__image-block:hover .fbds-hover-box__headline::after {
        padding-left: 0
    }
}

.fbds-standfirst {
    background-color: #F1F5F6
}

.fbds-standfirst--text {
    padding: 20px
}

@media screen and (min-width: 40em) {
    .fbds-standfirst--text {
        margin: 0 auto;
        padding: 3.75rem 1.875rem
    }
}

@media screen and (min-width: 64em) {
    .fbds-standfirst--solutions-text {
        padding: 144px 0 0
    }
}

.fbds-testimonial .fbds-testimonial__circle-img {
    height: 85px;
    width: 85px
}

.fbds-pricing-table {
    border: solid 1px #d9dddd;
    margin-left: 0;
    position: relative
}

.fbds-pricing-table .title {
    padding: .9375rem;
    text-align: center;
    font-weight: 600;
    font-size: 1rem
}

.fbds-pricing-table .price {
    border-bottom: dotted 1px #d9dddd;
    padding: 0 .9375rem .9375rem;
    font-weight: 400;
    font-size: 1.25rem;
    color: #1C2F3A
}

.fbds-pricing-table .description {
    background-color: white;
    padding: .9375rem;
    text-align: center;
    color: #777777;
    font-size: .75rem;
    font-weight: 400;
    line-height: 1.4;
    border-bottom: dotted 1px #d9dddd
}

.fbds-pricing-table .bullet-item {
    padding: .9375rem;
    text-align: center;
    font-size: .875rem;
    font-weight: 400;
    border-bottom: dotted 1px #d9dddd
}

.fbds-pricing-table .cta-button {
    padding: 1.875rem
}

.fbds-pricing-table * {
    list-style: none;
    line-height: 1
}

.fbds-pricing-table-options {
    padding-left: 0
}

.fbds-pricing-table-options .row {
    margin: 0
}

.fbds-pricing-table-options .column,
.fbds-pricing-table-options .columns,
.fbds-pricing-table-options .columns {
    padding: 0 0 0 10px;
    position: relative
}

.fbds-pricing-table .title--features {
    background-color: #F1F5F6
}

.fbds-pricing-table .title {
    padding: 1.875rem .9375rem;
    line-height: 28px;
    font-weight: 600;
    color: #1C2F3A
}

.fbds-pricing-table .title .title__name {
    font-size: 28px;
    display: block;
    margin-bottom: 1.875rem
}

.fbds-pricing-table .title .desc {
    font-size: .875rem;
    line-height: 16px;
    color: #1C2F3A;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: uppercase;
    margin: 0 0 20px
}

.fbds-pricing-table .price {
    padding: 0 .9375rem 1.875rem;
    margin: 0;
    font-weight: 600
}

.fbds-pricing-table .price .annual,
.fbds-pricing-table .price .monthly {
    font-size: 30px
}

.fbds-pricing-table .price .annual {
    display: none
}

.fbds-pricing-table .price .tiny {
    font-size: 11px;
    display: inline-block;
    margin-left: 2px;
    font-weight: 400
}

.fbds-pricing-table .bullet-item {
    padding: 13px
}

.fbds-pricing-table .bullet-item .last {
    border: 0
}

.fbds-pricing-table.highlight {
    background-color: #f8fff2
}

.fbds-pricing-table.highlight .price {
    border-bottom: 1px dotted #7BC143
}

.fbds-pricing-table.highlight .most-popular {
    position: absolute;
    top: -20px;
    right: 15px;
    z-index: 10;
    max-width: 55px
}

.fbds-pricing-table.highlight .bullet-item {
    border-color: #7BC143
}

.fbds-pricing-table-features {
    padding-top: 48px
}

.fbds-pricing-table-features ul li.title {
    font-size: 18px;
    text-transform: uppercase;
    text-align: left;
    padding: 1.875rem .9375rem
}

.fbds-pricing-table-features ul li.price {
    padding: 1.875rem .9375rem
}

.fbds-pricing-table-features ul li.bullet-item.check,
.fbds-pricing-table-features ul li .nocheck {
    text-align: left;
    padding: .9375rem
}

.fbds-pricing-table-features ul li.bullet-item.large {
    text-align: left
}

.fbds-pricing-table-features ul li span.has-tip {
    font-weight: 300;
    border-bottom: 0
}

.fbds-pricing-table-container .bullet-item.large {
    font-size: 18px;
    padding: .9375rem
}

.fbds-pricing-table-container .bullet-item span.small {
    font-size: .75rem
}

.fbds-pricing-table-container .bullet-item.check,
.fbds-pricing-table-container .bullet-item.nocheck {
    height: 50px;
    padding-top: .9375rem
}

@media screen and (min-width: 64em) {

    .fbds-pricing-table-container .bullet-item.check,
    .fbds-pricing-table-container .bullet-item.nocheck {
        padding-top: .9375rem
    }
}

.fbds-pricing-table-container .bullet-item .fa-question-circle {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: .5;
    font-size: .875rem
}

.fbds-pricing-table-container .bullet-item .fa-check {
    color: #ED9D21;
    font-size: 22px
}

.fbds-pricing-table-container .bullet-item span {
    display: none
}

.fbds-pricing-table-container .fbds-pricing-table-features .bullet-item span {
    display: inline
}

.fbds-pricing-table-container .storage {
    display: none
}

.fbds-pricing-table-container ul {
    padding: 0
}

@media screen and (max-width: 63.9375em) {
    .fbds-pricing-table-features {
        display: none
    }

    .fbds-pricing-table-container .bullet-item.check .checkmark {
        display: none
    }

    .fbds-pricing-table-container .bullet-item.check span {
        padding-top: .9375rem
    }

    .fbds-pricing-table-container .bullet-item.nocheck {
        display: none
    }

    .fbds-pricing-table-container .bullet-item span {
        display: inline
    }

    .most-popular {
        top: -15px;
        left: 20px
    }

    .fbds-pricing-table .price div.monthly {
        display: block
    }

    .fbds-pricing-table .price div.annual {
        display: none
    }
}

.fbds-pricing-table-features-expand {
    border: 1px solid #d9dddd;
    padding: .9375rem;
    border-top: 0
}

.fbds-pricing-table-features-expand ul {
    list-style: inside;
    margin: 0;
    padding: 0
}

.fbds-pricing-table-features-expand li.first {
    list-style: none;
    font-weight: 600
}

.fbds-pricing-table-features-expand img {
    max-width: 75px;
    margin-bottom: .9375rem
}

.fbds-pricing-table-features-expand img.horizontal {
    max-width: 90px;
    margin-bottom: -10px
}

.fbds-pricing-table-features-expand-header {
    background: #455560;
    padding: 6px 0 7px;
    text-align: center;
    color: #fff
}

.fbds-pricing-table-features-expand-header p {
    font-size: 1rem;
    color: #fff;
    text-transform: uppercase;
    margin: 0
}

.price-switch .switch-paddle {
    background-color: #7BC143
}

.price-switch input:checked~.switch-paddle {
    background-color: #7BC143
}

.price-switch .switch-paddle {
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px
}

.price-switch .switch-paddle::after {
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px
}

.price-switch .switch__label {
    color: #455560;
    border-bottom: 0 none;
    display: inline-block;
    padding-top: .3125rem;
    font-weight: 600;
    vertical-align: top;
    cursor: pointer
}

.price-switch .switch__label--left {
    margin-right: .3125rem
}

.price-switch .switch__label--right {
    margin-left: .3125rem
}

.fbds-pricing-plans__column {
    border: 1px solid #F1F5F6;
    position: relative;
    padding-bottom: 4.5rem;
    margin-bottom: 1.875rem
}

@media screen and (min-width: 64em) {
    .fbds-pricing-plans__column {
        margin-bottom: 0
    }
}

.fbds-pricing-plans__headline,
.fbds-pricing-plans__price {
    background-color: #F1F5F6;
    padding: .9375rem 0;
    border-bottom: 1px solid #d9dddd;
    margin-bottom: 0
}

.fbds-pricing-plans__price--annual {
    padding: 1.625rem 0 1.5625rem
}

.fbds-pricing-plans__price--enterprise {
    padding: 1.875rem 0
}

.fbds-pricing-plans__monthly {
    font-size: 2.25rem
}

.fbds-pricing-plans__annual {
    font-size: 1.375rem
}

.fbds-pricing-plans__period {
    font-size: .75rem;
    font-weight: 400
}

.fbds-pricing-plans__add-ons {
    text-transform: uppercase;
    font-size: .875rem;
    background-color: #6C7A85;
    color: #FFF;
    padding: .3125rem 0;
    margin-bottom: 0
}

.fbds-pricing-plans__add-ons--disabled {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: .5
}

.fbds-pricing-plans__details {
    padding: 1.875rem
}

.fbds-pricing-plans__details .fbds-pricing-plans__list {
    list-style: none;
    padding-left: 0
}

.fbds-pricing-plans__botton-container {
    position: absolute;
    left: 1.875rem;
    right: 1.875rem;
    bottom: 1.875rem
}

.fbds-tooltip {
    max-width: 12rem !important
}

.fbds-toggle-side-nav .fbds-toggle-side-nav__item {
    border-top: thin solid #d9dddd;
    padding: 10px 5px
}

.fbds-toggle-side-nav .fbds-toggle-side-nav__item.last {
    border-bottom: thin solid #d9dddd
}

.fbds-toggle-side-nav .fbds-toggle-side-nav__item:hover {
    cursor: pointer;
    color: #1C2F3A;
    background-color: #d9dddd
}

.fbds-toggle-side-nav .fbds-toggle-side-nav__item:hover .fbds-toggle-side-nav__item--white-arrow {
    display: inline-block
}

.fbds-toggle-side-nav .fbds-toggle-side-nav__item.active {
    background-color: #FFF
}

.fbds-toggle-side-nav .fbds-toggle-side-nav__item.active .fbds-toggle-side-nav__item--label {
    font-weight: bold
}

.fbds-toggle-side-nav .fbds-toggle-side-nav__item.active .fbds-toggle-side-nav__item--green-arrow,
.fbds-toggle-side-nav .fbds-toggle-side-nav__item.active .fbds-toggle-side-nav__item--green-img {
    display: inline-block
}

.fbds-toggle-side-nav .fbds-toggle-side-nav__item.active .fbds-toggle-side-nav__item--white-arrow,
.fbds-toggle-side-nav .fbds-toggle-side-nav__item.active .fbds-toggle-side-nav__item--gray-img {
    display: none
}

.fbds-toggle-side-nav .fbds-toggle-side-nav__item--img {
    height: 25px;
    width: auto
}

.fbds-toggle-side-nav .fbds-toggle-side-nav__item--green-img {
    display: none
}

.fbds-toggle-side-nav .fbds-toggle-side-nav__item--text {
    padding-top: 2px
}

.fbds-toggle-side-nav .fbds-toggle-side-nav__item--label {
    margin-bottom: 0px
}

.fbds-toggle-side-nav .fbds-toggle-side-nav__item--green-arrow,
.fbds-toggle-side-nav .fbds-toggle-side-nav__item--white-arrow {
    display: none
}

@media screen and (max-width: 63.9375em) {
    .rotate-mobile {
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }
}

.fbds-toggle-content {
    background-color: #FFF;
    border: thin solid #d9dddd;
    padding: 25px 25px;
    height: 270px
}

.fbds-toggle-content .fbds-toggle-content__headline {
    font-family: "Rubik", sans-serif;
    font-weight: 600
}

.fbds-toggle-content p {
    height: 99px
}

@media screen and (max-width: 63.9375em) {
    .fbds-toggle-content {
        height: 100%;
        margin-top: 10px
    }

    .fbds-toggle-content p {
        height: 100%
    }
}

.fbds-toggle-side-nav--dark .fbds-toggle-side-nav__item.active {
    color: #455560
}

.fbds-toggle-content--dark {
    color: #455560
}

.fbds-img-icon {
    width: auto
}

.fbds-img-icon--xx-small {
    height: 0.75rem
}

.fbds-img-icon--x-small {
    height: 1.75rem
}

.fbds-img-icon--small {
    height: 3.125rem
}

.fbds-img-icon--medium {
    width: auto;
    height: 6.25rem
}

.fbds-img-icon--large {
    width: auto;
    height: 12.5rem
}

.fbds-img-icon--x-large {
    width: auto;
    height: 16.75rem
}

.fbds-img-icon--rounded {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.fbds-txt-icon {
    width: auto
}

.fbds-txt-icon--x-small {
    font-size: .75rem
}

.fbds-txt-icon--small {
    font-size: .875rem
}

.fbds-txt-icon--medium {
    font-size: 1rem
}

.fbds-txt-icon--large {
    font-size: 1.25rem
}

.fbds-screenshot {
    height: auto
}

@media screen and (max-width: 63.9375em) {
    .fbds-screenshot {
        width: 17.187rem
    }
}

@media screen and (min-width: 64em) {
    .fbds-screenshot {
        width: 28.125rem
    }
}

@media screen and (min-width: 40em) {
    .fbds-screenshot__offset--top {
        margin-bottom: -25%
    }
}

@media screen and (min-width: 40em) {
    .fbds-screenshot__offset--bottom {
        padding-top: 5.937rem
    }
}

.fbds-screenshot--block {
    margin: 0 auto;
    display: block
}

.fbds-hero,
.fbds-hero--darkgray,
.fbds-hero--darkgraygradient,
.industry .industry__ver-one .industry-hero--registrations,
.hero--nicereply,
.hero--webinars__confirmation {
    background-color: #455560;
    color: #C2CDD5;
    padding: 3.75rem 0
}

.fbds-hero .fbds-breadcrumbs,
.fbds-hero--darkgray .fbds-breadcrumbs,
.fbds-hero--darkgraygradient .fbds-breadcrumbs,
.industry .industry__ver-one .industry-hero--registrations .fbds-breadcrumbs,
.hero--nicereply .fbds-breadcrumbs,
.hero--webinars__confirmation .fbds-breadcrumbs {
    background-color: #455560;
    margin: -3.75rem 0 3.75rem
}

.fbds-hero .fbds-breadcrumbs .fbds-breadcrumbs__previous,
.fbds-hero--darkgray .fbds-breadcrumbs .fbds-breadcrumbs__previous,
.fbds-hero--darkgraygradient .fbds-breadcrumbs .fbds-breadcrumbs__previous,
.industry .industry__ver-one .industry-hero--registrations .fbds-breadcrumbs .fbds-breadcrumbs__previous,
.hero--nicereply .fbds-breadcrumbs .fbds-breadcrumbs__previous,
.hero--webinars__confirmation .fbds-breadcrumbs .fbds-breadcrumbs__previous,
.fbds-hero .fbds-breadcrumbs .fbds-breadcrumbs__text,
.fbds-hero--darkgray .fbds-breadcrumbs .fbds-breadcrumbs__text,
.fbds-hero--darkgraygradient .fbds-breadcrumbs .fbds-breadcrumbs__text,
.industry .industry__ver-one .industry-hero--registrations .fbds-breadcrumbs .fbds-breadcrumbs__text,
.hero--nicereply .fbds-breadcrumbs .fbds-breadcrumbs__text,
.hero--webinars__confirmation .fbds-breadcrumbs .fbds-breadcrumbs__text {
    color: #FFF
}

.fbds-hero .fbds-headline-primary,
.fbds-hero--darkgray .fbds-headline-primary,
.fbds-hero--darkgraygradient .fbds-headline-primary,
.industry .industry__ver-one .industry-hero--registrations .fbds-headline-primary,
.hero--nicereply .fbds-headline-primary,
.hero--webinars__confirmation .fbds-headline-primary {
    color: #FFF
}

.fbds-hero .fbds-headline-secondary,
.fbds-hero--darkgray .fbds-headline-secondary,
.fbds-hero--darkgraygradient .fbds-headline-secondary,
.industry .industry__ver-one .industry-hero--registrations .fbds-headline-secondary,
.hero--nicereply .fbds-headline-secondary,
.hero--webinars__confirmation .fbds-headline-secondary,
.fbds-hero .fbds-headline-tertiary,
.fbds-hero--darkgray .fbds-headline-tertiary,
.fbds-hero--darkgraygradient .fbds-headline-tertiary,
.industry .industry__ver-one .industry-hero--registrations .fbds-headline-tertiary,
.hero--nicereply .fbds-headline-tertiary,
.hero--webinars__confirmation .fbds-headline-tertiary {
    color: #D3DBE2
}

.fbds-hero--darkgray {
    background-color: #1C2F3A
}

.fbds-hero--lightgray {
    background-color: #F1F5F6;
    color: #455560
}

.fbds-hero--darkgraygradient,
.industry .industry__ver-one .industry-hero--registrations {
    background-image: linear-gradient(-127deg, #455661 11%, #1d2f39 100%)
}

.hero--nicereply {
    background-position: center center;
    background-image: url("../images/hero-support-nicereply.png");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    padding-bottom: 220px
}

.fbds-hero--split {
    position: relative
}

.fbds-hero--split .fbds-hero--split__left,
.fbds-hero--split .fbds-hero--split__right {
    text-align: center;
    position: relative
}

.fbds-hero--split .fbds-hero--split__left {
    z-index: 1
}

.fbds-hero--split .fbds-hero--split__right {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=10);
    opacity: .1;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0
}

@media screen and (min-width: 64em) {
    .fbds-hero--split {
        padding: 0
    }

    .fbds-hero--split .fbds-hero--split__left,
    .fbds-hero--split .fbds-hero--split__right {
        width: 50%;
        float: left
    }

    .fbds-hero--split .fbds-hero--split__left {
        padding: 7% 3%
    }

    .fbds-hero--split .fbds-hero--split__right {
        position: static;
        filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1
    }
}

.fbds-hero--split__right--uber {
    background-position: center center;
    background-image: url("../images/dreamforce-uber.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--split__right--finance {
    background-position: center center;
    background-image: url("../images/roles/hero-finance-accounting.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--split__right--hr {
    background-position: center center;
    background-image: url("../images/roles/hero-human-resources.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--split__right--fundraising {
    background-position: center center;
    background-image: url("../images/roles/hero-fundraising.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--split__right--digital-marketing {
    background-position: center center;
    background-image: url("../images/roles/hero-digital-marketing.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--split__right--agencies {
    background-position: center center;
    background-image: url("../images/industry/hero_agencies-new.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--split__right--edu {
    background-position: center center;
    background-image: url("../images/industry/hero_education-new.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--split__right--photography {
    background-position: center center;
    background-image: url("../images/industry/photography-new.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--split__right--event-registrations {
    background-position: center center;
    background-image: url("../images/industry/event-registrations-new.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--split__right--sports {
    background-position: center center;
    background-image: url("../images/industry/sports-new.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--split__right--travel {
    background-position: center center;
    background-image: url("../images/industry/travel-new.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--split__right--franchises {
    background-position: center center;
    background-image: url("../images/industry/hero_franchises-new.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--split__right--nonprofits {
    background-position: center center;
    background-image: url("../images/industry/hero_nonprofits-new.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--split__right--tech {
    background-position: center center;
    background-image: url("../images/industry/hero_technology-new.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--split__right--small-biz {
    background-position: center center;
    background-image: url("../images/industry/hero_small-business-new.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--split__right--solutions-overview {
    background-position: center center;
    background-image: url("../images/solutions/hero_solutions-overview.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--split__right--bakery {
    background-position: center center;
    background-image: url("../images/industry/hero_bakery.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--split__right--church {
    background-position: center center;
    background-image: url("../images/industry/hero_church.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--split__right--healthcare-med {
    background-position: center center;
    background-image: url("../images/industry/hero_healthcare-med.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--split__right--healthcare-ppc {
    background-position: center center;
    background-image: url("../images/industry/hero_healthcare-med.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--split__right--media {
    background-position: center center;
    background-image: url("../images/industry/hero_media.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--integration .bounce {
    -moz-animation: bounce 2.2s infinite;
    -webkit-animation: bounce 2.2s infinite;
    animation: bounce 2.2s infinite
}

@-moz-keyframes bounce {

    0%,
    100% {
        -moz-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    50% {
        -moz-transform: translateX(10px);
        transform: translateX(10px)
    }
}

@-webkit-keyframes bounce {

    0%,
    100% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    50% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
}

@keyframes bounce {

    0%,
    100% {
        -moz-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    50% {
        -moz-transform: translateX(10px);
        -ms-transform: translateX(10px);
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
}

.fbds-hero--integration--web-services {
    background-position: center center;
    background-image: url("../images/integrations/heroes/storage.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--integration--accounting {
    background-position: center center;
    background-image: url("../images/integrations/heroes/accounting.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--integration--analytics {
    background-position: center center;
    background-image: url("../images/integrations/heroes/analytics.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--integration--calendar {
    background-position: center center;
    background-image: url("../images/integrations/heroes/calendar.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--integration--cms {
    background-position: center center;
    background-image: url("../images/integrations/heroes/cms.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--integration--crm {
    background-position: center center;
    background-image: url("../images/integrations/heroes/crm.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--integration--documents {
    background-position: center center;
    background-image: url("../images/integrations/heroes/documents.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--integration--email {
    background-position: center center;
    background-image: url("../images/integrations/heroes/email.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--integration--help-desk {
    background-position: center center;
    background-image: url("../images/integrations/heroes/helpdesk.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--integration--payments {
    background-position: center center;
    background-image: url("../images/integrations/heroes/payments.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--integration--project-management {
    background-position: center center;
    background-image: url("../images/integrations/heroes/project-management.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--integration--social {
    background-position: center center;
    background-image: url("../images/integrations/heroes/social-media.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--integration--team-chat {
    background-position: center center;
    background-image: url("../images/integrations/heroes/chat.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--alt {
    background-position: center center;
    background-image: url("../images/alternatives/hero-bg-pattern.png");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: bottom center
}

.fbds-hero--higher-education-b {
    background-position: center center;
    background-image: url("../images/higher-education-b.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-header--ultimate-form-design {
    background-position: center center;
    background-image: url("../images/resources/ultimate-form-design/hero.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-header--alternate {
    background-color: #1C2F3A;
    background-position: center center;
    background-repeat: no-repeat
}

.fbds-header--alternate .fbds-nav--upper-links__item>a {
    color: #FFF;
    -moz-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

.fbds-header--alternate .fbds-nav--upper-links__item:hover {
    color: #7BC143
}

.fbds-header--alternate .title-bar-title {
    color: #FFF
}

.fbds-header--alternate .fbds-nav--main--white .fbds-nav--main__item>a {
    color: #FFF;
    -moz-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

.fbds-header--alternate .fbds-nav--main--white .fbds-nav--main__item>a:hover {
    color: #7BC143
}

.fbds-header--alternate .fbds-header__content {
    background-color: transparent;
    padding: 3.75rem 0 7.5rem
}

.fbds-header--alternate .fbds-header__content a {
    color: #FFF
}

.fbds-header--alternate .fbds-header__content a:hover {
    color: #FFF
}

.fbds-header--hipaa-compliance,
.fbds-header--ihima,
.fbds-header--IHIMA {
    background-image: url("../images/features/hipaa/hipaa-hero-background.jpg");
    padding-bottom: 3.75rem;
    background-position: bottom;
    background-size: cover
}

.fbds-header--hipaa-compliance .fbds-header__content,
.fbds-header--ihima .fbds-header__content,
.fbds-header--IHIMA .fbds-header__content {
    background-color: transparent;
    padding: 100px 0 200px;
    background-position: bottom
}

@media screen and (min-width: 90em) {

    .fbds-header--hipaa-compliance .fbds-header__content,
    .fbds-header--ihima .fbds-header__content,
    .fbds-header--IHIMA .fbds-header__content {
        padding: 100px 0 300px
    }
}

.fbds-header--import-export {
    background-image: url("../images/features/import-export-data/import-export-data-background.jpg");
    padding-bottom: 3.75rem;
    background-position: bottom;
    background-size: cover
}

.fbds-header--import-export .fbds-header__content {
    background-color: transparent;
    padding: 100px 0 200px;
    background-position: bottom
}

@media screen and (min-width: 90em) {
    .fbds-header--import-export .fbds-header__content {
        padding: 100px 0 300px
    }
}

.fbds-header--industry-healthcare {
    background-position: center center;
    background-image: url("../images/industry/hero_healthcare.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-header--hipaa-data-security {
    background-position: center center;
    background-image: url("../images/industry/healthcare/hipaa-data-security/hero.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-header--medical-office-management-tips {
    background-position: center center;
    background-image: url("../images/industry/healthcare/medical-office-management-tips/hero.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-header--patient-onboarding {
    background-position: center center;
    background-image: url("../images/onboarding-hero.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-header--industry-healthcare-templates {
    background-position: center center;
    background-image: url("../images/industry/healthcare/templates/hero.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-header--add-ons {
    background-position: center center;
    background-image: url("../images/add-ons/add-ons--hero.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-header--approvals,
.fbds-header--approvals-add-on {
    background-position: center center;
    background-image: url("../images/add-on--hero__approvals.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-header--workflows,
.fbds-header--workflows-add-on {
    background-position: center center;
    background-image: url("../images/add-on--hero__workflows.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-header--conversion-kit,
.fbds-header--conversion-kit-add-on {
    background-position: center center;
    background-image: url("../images/add-on--hero__conversion-kit.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-header--portals,
.fbds-header--portals-add-on {
    background-position: center center;
    background-image: url("../images/add-on--hero__portals.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-header--remotelife,
.fbds-header--internal {
    background-position: center center;
    background-image: url("../images/remotelife/hero--remote-culture.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-header--workflow-management {
    background-position: center center;
    background-image: url("../images/workflow-management/workflow-management-hero.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

@media screen and (max-width: 63.9375em) {
    .fbds-header--bpm-quiz {
        background-position: center center;
        background-image: url("../images/quiz/hero-faded.jpg");
        -moz-background-size: cover;
        -o-background-size: cover;
        -webkit-background-size: cover;
        background-size: cover
    }
}

.fbds-header--bpm-quiz-results {
    background-position: center center;
    background-image: url("../images/quiz/hero-faded.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-header--about {
    background-position: center center;
    background-image: url("../images/about-us-shapes.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-header--resources {
    background-position: center center;
    background-image: url("../images/resources-home-bg.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-header--dreamforce {
    background-position: center center;
    background-image: url("../images/dreamforce-hero.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-header--approvals-vs-workflows {
    background-position: center center;
    background-image: url("../images/add-on--hero__approvals.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.enterprise .enterprise--hero {
    background-position: center center;
    background-image: url("../images/enterprise/hero.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.enterprise .ask-special-features {
    background-position: center center;
    background-image: url("../images/enterprise/special-features-hero.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-list {
    padding: 0;
    margin: 0
}

.fbds-list--checklist {
    list-style: none
}

.fbds-list--checklist li:before {
    font-family: 'FontAwesome';
    content: '\f058';
    margin: 0 5px 0 -15px;
    color: #7BC143
}

.fbds-list--large {
    font-size: 1.125rem
}

@media screen and (min-width: 40em) {
    .fbds-list--large {
        font-size: 1.375rem
    }
}

.fbds-social-share .fbds-social-share--button {
    display: inline-block;
    list-style: none;
    margin-right: 7px
}

.fb-share-button span {
    vertical-align: inherit !important
}

.pinterest-button {
    vertical-align: top;
    margin-top: -2px
}

.fbds-link-arrow:after {
    content: '\f178';
    font-family: 'FontAwesome';
    font-size: 1rem;
    margin-left: .3125rem
}

.fbds-image-wrap {
    background-color: #FFF;
    padding: .9375rem;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.fbds-search {
    display: block;
    position: relative;
    font-size: 18px;
    margin-bottom: 0
}

.fbds-search input {
    color: #455560;
    text-indent: 40px;
    font-size: 22px;
    border: 0;
    border-radius: 5px;
    height: 60px;
    -moz-box-shadow: inset 0 0 0;
    -webkit-box-shadow: inset 0 0 0;
    box-shadow: inset 0 0 0;
    border-bottom: 1px solid #F1F5F6
}

.fbds-search input:focus {
    border: none;
    -moz-box-shadow: inset 0 0 0;
    -webkit-box-shadow: inset 0 0 0;
    box-shadow: inset 0 0 0;
    border-bottom: 1px solid #F1F5F6
}

.fbds-search [type='text'] {
    margin: 0
}

.fbds-search .fa-search {
    left: 12px;
    top: 50%;
    margin-top: -10px;
    position: absolute;
    color: #455560;
    z-index: 1
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.ui-autocomplete {
    width: 30%;
    position: absolute;
    overflow-x: hidden;
    margin-top: 50px !important;
    background-color: #FFF;
    color: #455560;
    padding: 15px;
    border-radius: 5px;
    -moz-box-shadow: rgba(0, 0, 0, 0.25) 0 0 7px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0 0 7px;
    box-shadow: rgba(0, 0, 0, 0.25) 0 0 7px
}

.ui-autocomplete li {
    list-style: none;
    height: 55px;
    border-bottom: thin solid #F1F5F6;
    width: 100%;
    padding: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.ui-autocomplete img {
    max-height: 35px;
    max-width: 90px;
    margin-top: -5px
}

.ui-autocomplete span {
    width: 100px;
    display: inline-block;
    margin-right: 10px;
    text-align: center
}

.ui-autocomplete a {
    color: #455560;
    max-height: 45px;
    width: 100%;
    display: inline-block;
    margin-top: 5px
}

.ui-autocomplete a:hover {
    color: #7BC143
}

@media screen and (max-width: 39.9375em) {
    .fbds-search {
        margin: 0 7px
    }

    .fbds-search input {
        font-size: 16px
    }

    .ui-autocomplete span {
        width: 75px
    }

    .ui-autocomplete img {
        max-width: 65px
    }
}

.fbds-search--minimal {
    width: 100%
}

.fbds-search__form {
    position: relative;
    min-width: 50px;
    width: 0%;
    height: 50px;
    overflow: hidden;
    border-radius: 3px;
    -moz-transition: width .5s;
    -o-transition: width .5s;
    -webkit-transition: width .5s;
    transition: width .5s
}

.fbds-search__input {
    background: #F1F5F6;
    width: 100%;
    height: 50px;
    margin: 0;
    padding: 0px 55px 0px 20px;
    font-size: 20px;
    color: #455560;
    border-radius: 3px
}

.fbds-search__input [type="search"]:focus {
    border: 1px solid #455560
}

.fbds-search__icon,
.fbds-search__icon--submit {
    width: 50px;
    height: 50px;
    display: block;
    position: absolute;
    top: 0;
    font-size: 1.25rem;
    right: 0;
    padding: 0;
    margin: 0;
    border: 0;
    outline: 0;
    line-height: 50px;
    text-align: center;
    cursor: pointer;
    color: #FFF;
    background: #455560
}

.fbds-search__icon[type="submit"],
.fbds-search__icon--submit[type="submit"] {
    border-radius: 0px
}

.fbds-search__icon--submit {
    background: linear-gradient(-134deg, #a1cd3a 0%, #7bc143 49%, #42aa44 100%)
}

.fbds-search__form--open {
    width: 100%
}

.fbds-chart {
    border: 1px solid #38591D;
    background-color: #FFF;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

@media screen and (min-width: 40em) {
    .fbds-chart .fbds-chart__left {
        padding-right: 0
    }
}

@media screen and (min-width: 40em) {
    .fbds-chart .fbds-chart__right {
        border-left: 1px solid #38591D;
        padding-left: 0
    }
}

.fbds-chart .fbds-chart__headline {
    background-color: #7BC143;
    padding: .9375rem;
    color: #FFF
}

.fbds-chart .fbds-chart__list {
    list-style: none;
    padding: .9375rem .9375rem .9375rem 2.25rem;
    margin: 0
}

.fbds-chart .fbds-chart__item {
    margin-bottom: .9375rem
}

.fbds-chart .fbds-chart__item.fbds-chart__item--con:before,
.fbds-chart .fbds-chart__item.fbds-chart__item--pro:before {
    font-family: 'FontAwesome'
}

.fbds-chart .fbds-chart__item.fbds-chart__item--con:before {
    content: '\f00d';
    color: #E83030;
    margin: 0 5px 0 -18px
}

.fbds-chart .fbds-chart__item.fbds-chart__item--pro:before {
    content: '\f00c';
    color: #7BC143;
    margin: 0 5px 0 -21px
}

.animate {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.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.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    animation-name: fadeIn
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUp {
    from {
        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
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translate3d(100%, 0, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInRight {
    animation-name: fadeInRight
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translate3d(-100%, 0, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInLeft {
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDown {
    from {
        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
}

@keyframes popin {
    0% {
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -webkit-transform: scale(0);
        transform: scale(0);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0
    }

    85% {
        -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1
    }

    100% {
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
        filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1
    }
}

.fbds-comparison-table-wrapper .fbds-comparison-table-main .feature div {
    float: left !important;
    width: 33.33%
}

.fbds-comparison-table-wrapper .fbds-comparison-table-main .feature div .text {
    font-size: .875rem
}

.fbds-comparison-table-wrapper .fbds-comparison-table .feature {
    display: none
}

.fbds-comparison-table-wrapper .fbds-comparison-table .features-top-left {
    display: block
}

.fbds-comparison-table-wrapper .fbds-comparison-table .surveymonkey {
    display: none
}

.fbds-comparison-table-wrapper .fbds-comparison-table .formassembly {
    display: none
}

.fbds-comparison-table-wrapper .fbds-comparison-table .formsite {
    display: none
}

.fbds-comparison-table-wrapper .fbds-comparison-table .surveygizmo {
    display: none
}

.fbds-comparison-table-wrapper .fbds-comparison-table .googleforms {
    display: none
}

.fbds-comparison-table-wrapper .fbds-comparison-table .wufoo {
    display: none
}

.fbds-comparison-table-wrapper .fbds-comparison-table .jotform {
    display: none
}

.fbds-comparison-table-wrapper .fbds-comparison-table .typeform {
    display: none
}

.fbds-comparison-table-wrapper .fbds-comparison-table .squarespace {
    display: none
}

.fbds-comparison-table-wrapper .fbds-comparison-table .emailmeform {
    display: none
}

.fbds-comparison-table-wrapper .fbds-comparison-table .wix {
    display: none
}

.fbds-comparison-table-wrapper .fbds-comparison-table .weebly {
    display: none
}

.fbds-comparison-table-wrapper .fbds-comparison-table .kissflow {
    display: none
}

.fbds-comparison-table-wrapper .fbds-comparison-table .fbds-comparison-table-header .formstack-logo--comparison-table {
    height: 25px;
    width: auto;
    -moz-border-radius: 0%;
    -webkit-border-radius: 0%;
    border-radius: 0%
}

@media screen and (max-width: 39.9375em) {
    .fbds-comparison-table-wrapper .fbds-comparison-table .fbds-comparison-table-header .formstack-logo--comparison-table {
        height: .9375rem
    }
}

.fbds-comparison-table-wrapper .fbds-comparison-table .fbds-comparison-table-header .features {
    width: 33.22%;
    float: left
}

.fbds-comparison-table-wrapper .fbds-comparison-table .fbds-comparison-table-header .competitor,
.fbds-comparison-table-wrapper .fbds-comparison-table .fbds-comparison-table-header .formstack {
    float: left;
    background-color: #F1F5F6;
    text-align: center;
    border: 0;
    width: 33.333333333%;
    height: 60px
}

.fbds-comparison-table-wrapper .fbds-comparison-table .fbds-comparison-table-header .formstack span {
    background-color: #F1F5F6
}

@media screen and (max-width: 39.9375em) {
    .fbds-comparison-table-wrapper .fbds-comparison-table .fbds-comparison-table-header .fbds-headline-secondary {
        font-size: .875rem
    }
}

.fbds-comparison-table-wrapper .fbds-comparison-table .feature div {
    height: 60px
}

.fbds-comparison-table-wrapper .fbds-comparison-table .feature div:not(.feature-name-alt) {
    background-color: #F1F5F6;
    color: #455560;
    font-size: 20px;
    padding: 15px 30px;
    border: 0
}

.fbds-comparison-table-wrapper .fbds-comparison-table .feature div.formstack {
    background-color: #F1F5F6
}

.fbds-comparison-table-wrapper .fbds-comparison-table .feature div.divider-row__title {
    width: 100%;
    color: #FFF;
    padding: 15px;
    background-color: #455560
}

.fbds-comparison-table-wrapper .fbds-comparison-table .feature div.divider-row__title p {
    font-size: 20px
}

@media screen and (max-width: 39.9375em) {
    .fbds-comparison-table-wrapper .fbds-comparison-table .feature div.divider-row__title {
        width: 99%
    }
}

.fbds-comparison-table-wrapper .fbds-comparison-table .feature div.feature-name-alt {
    background-color: #7BC143;
    color: #FFF;
    font-weight: 600;
    font-size: 12px;
    padding: 15px 25px;
    text-align: right;
    border: 0
}

@media screen and (max-width: 39.9375em) {
    .fbds-comparison-table-wrapper .fbds-comparison-table .feature div.feature-name-alt {
        padding: 7px 15px
    }

    .fbds-comparison-table-wrapper .fbds-comparison-table .feature div.feature-name-alt p {
        font-size: 12px
    }
}

.fbds-comparison-table-wrapper .fbds-comparison-table .feature div.feature-name-alt p {
    margin-bottom: 0
}

.fbds-comparison-table-wrapper .comparison-table--surveymonkey .surveymonkey {
    display: block
}

.fbds-comparison-table-wrapper .comparison-table--formassembly .formassembly {
    display: block
}

.fbds-comparison-table-wrapper .comparison-table--surveygizmo .surveygizmo {
    display: block
}

.fbds-comparison-table-wrapper .comparison-table--formsite .formsite {
    display: block
}

.fbds-comparison-table-wrapper .comparison-table--jotform .jotform {
    display: block
}

.fbds-comparison-table-wrapper .comparison-table--googleforms .googleforms {
    display: block
}

.fbds-comparison-table-wrapper .comparison-table--wufoo .wufoo {
    display: block
}

.fbds-comparison-table-wrapper .comparison-table--typeform .typeform {
    display: block
}

.fbds-comparison-table-wrapper .comparison-table--squarespace .squarespace {
    display: block
}

.fbds-comparison-table-wrapper .comparison-table--emailmeform .emailmeform {
    display: block
}

.fbds-comparison-table-wrapper .comparison-table--wix .wix {
    display: block
}

.fbds-comparison-table-wrapper .comparison-table--weebly .weebly {
    display: block
}

.fbds-comparison-table-wrapper .comparison-table--kissflow .kissflow {
    display: block
}

.fbds-comparison-table-wrapper .competitor-page-header {
    padding-left: 20px
}

.fbds-comparison-table-wrapper .formstack-logo-alt-pages {
    height: 40px;
    border-right: 1px solid #FFF;
    padding-right: 20px;
    vertical-align: middle;
    margin-bottom: 7px
}

.fbds-comparison-table-wrapper .testimonial-container--relative {
    position: relative
}

@media print,
screen and (min-width: 64em) {
    .fbds-comparison-table-wrapper .avatar-alt-page {
        position: absolute;
        bottom: 30px
    }
}

.fbds-comparison-table-wrapper .testimonial-avatar-alt {
    float: left;
    border-radius: 50%
}

.fbds-comparison-table-wrapper .feature-divider-border {
    padding-bottom: 20px;
    border-bottom: 1px solid white
}

.fbds-comparison-table-wrapper .alt-checkmark {
    font-size: 1.5rem
}

@media screen and (max-width: 39.9375em) {
    .fbds-comparison-table-wrapper .alt-checkmark {
        font-size: 16px
    }
}

.fbds-comparison-table-wrapper .checkmark-border {
    border-bottom: 1px solid #e2e2e2;
    padding-bottom: 17px
}

.fbds-comparison-table-wrapper .column-topleft {
    border-top-left-radius: .3125rem
}

.fbds-comparison-table-wrapper .column-bottomleft {
    border-bottom-left-radius: .3125rem
}

.fbds-comparison-table-wrapper .column-topright {
    border-top-right-radius: .3125rem
}

.fbds-comparison-table-wrapper .column-bottomright {
    border-bottom-right-radius: .3125rem
}

.fbds-comparison-table-wrapper.comparison-table-wrapper--ppc {
    margin-top: 68px
}

.infographic-square {
    border-radius: .3125rem;
    height: 300px;
    padding: 60px 45px
}

.formstack-square {
    background-image: linear-gradient(-134deg, #a1cd3a 0%, #7bc143 49%, #42aa44 100%)
}

.formstack-square .formstack-logo {
    height: 34px
}

.eventbrite-square {
    background-color: #F1F5F6
}

.eventbrite-square .fbds-headline-secondary {
    color: #455560
}

.fbds-ribbon {
    background-color: #7BC143;
    color: #FFF;
    display: inline-block;
    margin-right: 5px;
    text-transform: uppercase;
    white-space: normal;
    line-height: 1.3;
    font-weight: 700;
    letter-spacing: 1px;
    padding: 10px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

@media screen and (max-width: 39.9375em) {
    .fbds-ribbon {
        margin-bottom: 5px;
        display: inline-block;
        font-size: 20px
    }
}

@media screen and (max-width: 39.9375em) {
    .fbds-ribbon {
        font-size: 20px
    }
}

.fbds-header__content__score {
    background-color: #8B4B9D;
    display: inline-block;
    padding: .3125rem .9375rem;
    font-weight: 600
}

.fbds-quiz-page__hero-graphic-container .fbds-section--angled {
    display: none
}

@media screen and (min-width: 64em) {
    .fbds-quiz-page__hero-graphic-container .fbds-section--angled {
        display: block;
        background-color: #1C2F3A;
        -moz-transform: skewY(-25deg);
        -ms-transform: skewY(-25deg);
        -webkit-transform: skewY(-25deg);
        transform: skewY(-25deg);
        height: 880px;
        margin-top: -450px
    }
}

@media screen and (min-width: 75em) {
    .fbds-quiz-page__hero-graphic-container .fbds-section--angled {
        margin-top: -400px
    }
}

.fbds-quiz-page__hero-graphic-container .fbds-quiz-page__hero-graphic {
    display: none;
    margin: 0
}

@media screen and (min-width: 64em) {
    .fbds-quiz-page__hero-graphic-container .fbds-quiz-page__hero-graphic {
        display: block;
        position: absolute;
        z-index: 1;
        right: 0;
        top: 160px;
        max-width: 60%
    }
}

.fbds-quiz-page__hero-graphic-container .fbds-quiz-page__hero-content {
    display: none
}

@media screen and (min-width: 64em) {
    .fbds-quiz-page__hero-graphic-container .fbds-quiz-page__hero-content {
        display: block;
        position: absolute;
        z-index: 1;
        width: 39%;
        top: 250px
    }
}

@media screen and (min-width: 75em) {
    .fbds-quiz-page__hero-graphic-container .fbds-quiz-page__hero-content {
        top: 300px;
        width: 30%
    }
}

@media screen and (min-width: 64em) {
    .fbds-quiz-page__content {
        padding-top: 15rem
    }
}

.fbds-quiz .fsForm .fsSubmit {
    margin-top: 0;
    padding: 0
}

.fbds-quiz .fsForm .fsPreviousButton {
    width: 100%;
    background-color: transparent !important;
    color: #455560 !important;
    padding: 0;
    margin-bottom: .9375rem
}

.fbds-quiz .fsForm .fsNextButton,
.fbds-quiz .fsForm .fsSubmitButton {
    font-family: "Rubik", sans-serif !important;
    font-size: 1.25rem !important;
    line-height: 1.3;
    background-color: #7BC143 !important;
    color: #FFF !important;
    border-radius: 3px !important;
    text-transform: uppercase;
    width: 100%
}

.fbds-quiz .fsForm .fsNextButton:hover,
.fbds-quiz .fsForm .fsSubmitButton:hover {
    transform: translateX(0px) scale(1.05);
    -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 0 5px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 0 5px;
    box-shadow: rgba(0, 0, 0, 0.2) 0 0 5px;
    color: #FFF;
    border-color: #75b740;
    background-color: #75b740
}

.fbds-quiz .fsBody {
    font-family: "Rubik", sans-serif !important
}

.fbds-quiz .fsBody .fsSectionHeader {
    display: none !important
}

.fbds-quiz .fsBody .fsOptionLabel {
    background-color: #FFF;
    padding: .3125rem .9375rem;
    margin-bottom: .3125rem
}

.fbds-quiz .fsBody .fsOptionLabel:hover {
    background-color: #fffab6
}

.fbds-quiz .fsBody .fsRowBody {
    background-color: #F1F5F6;
    padding: .9375rem
}

.fbds-quiz .fsBody .fsLabel {
    font-weight: 600;
    font-size: 1.375rem;
    background-color: #F1F5F6
}

.fbds-quiz .fsFieldFocused:not(.fsValidationError).fsSpan100 {
    padding: .9375rem !important;
    margin: 0 !important
}

.fbds-quiz .fsSubmit {
    margin-top: 0
}

.fbds-quiz .fsProgressBarContainer {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.fbds-quiz .fsProgressBar {
    background-color: #8B4B9D;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px
}

.fbds-quiz .fsProgressText {
    display: none
}

.fbds-question-box {
    background-color: #F1F5F6;
    padding: .3125rem
}

.fbds-question-box--pull-up {
    margin-top: -6.25rem
}

.fbds-question-box__question,
.fbds-question-box__answer {
    position: relative
}

.fbds-question-box__question {
    padding: .9375rem .9375rem .9375rem 3.75rem
}

@media screen and (min-width: 64em) {
    .fbds-question-box__question {
        padding: 1.875rem 3.75rem
    }
}

.fbds-question-box__answer {
    padding: .9375rem .9375rem .9375rem 3.75rem;
    background-color: #FFF
}

@media screen and (min-width: 64em) {
    .fbds-question-box__answer {
        padding: .9375rem 3.75rem;
        font-size: 1.25rem
    }
}

.fbds-question-box__question__mark,
.fbds-question-box__answer__mark {
    position: absolute;
    left: 23px;
    font-weight: 600
}

.fbds-question-box__question__mark {
    color: #7BC143
}

.fbds-question-box__answer__mark {
    color: #455560
}

@media screen and (min-width: 64em) {
    .fbds-question-box__answer__mark {
        font-size: 1.375rem
    }
}

.fbds-section--quiz-callout {
    background-position: center center;
    background-image: url("../images/quiz/why-graphic.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-footer a {
    color: #6C7A85
}

.fbds-footer a .fa {
    margin-left: .125rem
}

.fbds-footer a:hover {
    color: #414950
}

.fbds-footer__bottom {
    border-top: 1px solid #c1c4c5
}

.fbds-nav--footer {
    padding: 0;
    margin: 0;
    list-style: none
}

.fbds-nav--horizontal {
    list-style: none;
    padding: 0;
    margin: 0
}

.fbds-nav--horizontal__item.fbds-nav--horizontal__item--social {
    display: inline-block;
    margin-right: .9375rem
}

@media screen and (min-width: 64em) {
    .fbds-nav--horizontal__item {
        display: inline-block;
        vertical-align: top;
        margin-right: .9375rem
    }
}

.fbds-video-container {
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1), 0 15px 35px rgba(0, 0, 0, 0.1), 0 50px 100px rgba(50, 50, 93, 0.1);
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1), 0 15px 35px rgba(0, 0, 0, 0.1), 0 50px 100px rgba(50, 50, 93, 0.1);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1), 0 15px 35px rgba(0, 0, 0, 0.1), 0 50px 100px rgba(50, 50, 93, 0.1);
    margin-bottom: -275px;
    position: relative
}

.fbds-webinar {
    overflow: hidden
}

.fbds-webinar .fbds-webinar__content {
    width: 70%;
    padding: 0 3.75rem
}

@media (max-width: 1300px) {
    .fbds-webinar .fbds-webinar__content {
        width: 65%;
        padding: 0 3.75rem
    }
}

@media (max-width: 1000px) {
    .fbds-webinar .fbds-webinar__content {
        width: 85%;
        margin: 0 auto;
        text-align: center
    }
}

@media (max-width: 800px) {
    .fbds-webinar .fbds-webinar__content {
        width: 100%;
        padding: 0
    }
}

@media (max-height: 650px) {
    .fbds-webinar .fbds-webinar__content {
        width: auto;
        padding: 0
    }
}

.fbds-webinar .fbds-webinar__content .row {
    max-width: 1300px
}

.fbds-webinar .fbds-webinar__content .fbds-webinar__header {
    width: 100%;
    margin: 0 auto
}

.fbds-webinar .fbds-webinar__content .fbds-webinar__logo {
    border-right: thin solid #F1F5F6;
    padding-right: .9375rem;
    display: inline-block;
    height: 35px
}

.fbds-webinar .fbds-webinar__content .fbds-webinar__logo img {
    height: 35px;
    width: auto
}

@media only screen and (max-width: 1300px) {
    .fbds-webinar .fbds-webinar__content .fbds-webinar__logo {
        padding-left: .3125rem
    }
}

.fbds-webinar .fbds-webinar__content .fbds-webinar__label--holder {
    display: inline-block;
    margin-left: .9375rem
}

.fbds-webinar .fbds-webinar__content .fbds-webinar__label--holder .fbds-webinar__label {
    background: #7BC143;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    color: #FFF;
    font-weight: 500;
    margin-bottom: 0;
    vertical-align: middle;
    padding: 1px 5px 0;
    text-transform: uppercase;
    display: inline
}

@media only screen and (min-width: 1300px) {
    .fbds-webinar .fbds-webinar__content .fbds-webinar__label--holder .fbds-webinar__label {
        margin-top: .9375rem
    }
}

.fbds-webinar .fbds-webinar__content .fbds-webinar__title {
    width: 100%;
    margin: 0 auto
}

.fbds-webinar .fbds-webinar__content .fbds-webinar__title .fbds-headline-primary {
    color: #455560
}

.fbds-webinar .fbds-webinar__content .fbds-section {
    background-color: transparent
}

.fbds-webinar .fbds-webinar__content .fbds-webinar__date-time .fbds-headline-secondary {
    text-transform: uppercase;
    color: #FFF;
    background-color: #7BC143;
    display: inline-block;
    padding: 5px 10px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    letter-spacing: 1px;
    margin: 30px 0;
    font-size: 16px
}

.fbds-webinar .fbds-webinar__content .fbds-webinar__main-text {
    width: 90%
}

@media (max-width: 1300px) {
    .fbds-webinar .fbds-webinar__content .fbds-webinar__main-text {
        width: 100%
    }
}

.fbds-webinar .fbds-webinar__content .fbds-webinar__blocks {
    color: #1C2F3A;
    text-align: center
}

.fbds-webinar .fbds-webinar__content .fbds-webinar__blocks .fbds-webinar__learnings {
    float: left;
    background-color: #F1F5F6;
    color: #1C2F3A;
    height: 140px;
    position: relative;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 5px solid #FFF
}

.fbds-webinar .fbds-webinar__content .fbds-webinar__blocks .fbds-webinar__learnings .num {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #455560;
    border: 5px solid #FFF;
    color: #FFF;
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    height: 50px;
    margin-bottom: 0;
    padding: 5px;
    position: absolute;
    top: -25px;
    width: 50px;
    left: 50%;
    margin-left: -25px
}

.fbds-webinar .fbds-webinar__content .fbds-webinar__blocks .fbds-webinar__learnings .desc {
    margin-bottom: 0;
    padding: 30px 10px 0
}

@media only screen and (max-width: 1300px) {
    .fbds-webinar .fbds-webinar__content .fbds-webinar__blocks .fbds-webinar__learnings {
        float: none;
        width: 100%;
        height: auto;
        padding-bottom: 40px;
        margin-bottom: 1.875rem
    }
}

.fbds-webinar .fbds-webinar__content hr {
    margin: 32px 5px 31px 5px
}

.fbds-webinar .fbds-webinar__speakers {
    list-style: none;
    margin-top: 1.875rem;
    padding: 0
}

.fbds-webinar .fbds-webinar__speakers .fbds-webinar__speakers__item {
    float: left;
    width: 50%
}

.fbds-webinar .fbds-webinar__speakers .fbds-webinar__speakers__item .thumb {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    float: left;
    height: 125px;
    width: 125px
}

.fbds-webinar .fbds-webinar__speakers .fbds-webinar__speakers__item .speaker-info {
    float: left;
    margin-left: 1.875rem;
    padding-top: 1.875rem;
    text-align: left;
    width: 165px;
    color: #455560
}

.fbds-webinar .fbds-webinar__speakers .fbds-webinar__speakers__item .speaker-info.new {
    margin-left: 0;
    width: auto
}

.fbds-webinar .fbds-webinar__speakers .fbds-webinar__speakers__item .speaker-info .name {
    margin-bottom: 0
}

.fbds-webinar .fbds-webinar__speakers .fbds-webinar__speakers__item .speaker-info .divider {
    margin: 10px 0;
    width: 50px
}

.fbds-webinar .fbds-webinar__speakers .fbds-webinar__speakers__item .speaker-info .job-title {
    font-size: .875rem
}

.fbds-webinar .fbds-webinar__speakers .fbds-webinar__speakers__item .speaker-info .job-title a {
    color: #0197EC
}

@media only screen and (max-width: 1300px) {
    .fbds-webinar .fbds-webinar__speakers .fbds-webinar__speakers__item {
        float: none;
        width: 100%;
        height: auto;
        margin-bottom: 30px
    }

    .fbds-webinar .fbds-webinar__speakers .fbds-webinar__speakers__item .item-content {
        padding: 0
    }
}

.fbds-webinar .fbds-webinar__speakers.fbds-webinar__speakers--single .fbds-webinar__speakers__item {
    float: none;
    width: auto
}

.fbds-webinar .fbds-webinar__speakers.fbds-webinar__speakers--single .fbds-webinar__speakers__item .item-content {
    padding: 0;
    display: inline-block
}

.fbds-webinar .fbds-webinar__speakers.fbds-webinar__speakers--single .fbds-webinar__speakers__item .item-bio {
    padding: 30px 30px 0
}

.fbds-webinar .fbds-webinar__form {
    width: 30%;
    position: fixed;
    right: 3.75rem;
    top: 50%;
    margin-top: -321px
}

@media (max-width: 1300px) {
    .fbds-webinar .fbds-webinar__form {
        width: 35%;
        right: .9375rem
    }
}

@media (max-width: 1000px) {
    .fbds-webinar .fbds-webinar__form {
        width: auto;
        position: static;
        margin-top: 1.875rem
    }
}

@media (max-height: 650px) {
    .fbds-webinar .fbds-webinar__form {
        width: auto;
        position: static;
        margin-top: 1.875rem
    }
}

.fbds-webinar .fbds-webinar__form #fbds-webinar__slant {
    display: none
}

@media only screen and (min-width: 1000px) {
    .fbds-webinar .fbds-webinar__form #fbds-webinar__slant {
        width: 0;
        height: 0;
        position: fixed;
        bottom: 0;
        right: 0;
        border-bottom: 1000px solid #455560;
        border-left: 440px solid transparent;
        display: block;
        z-index: -1
    }
}

@media (min-width: 1200px) {
    .fbds-webinar .fbds-webinar__form #fbds-webinar__slant {
        border-left: 500px solid transparent
    }
}

@media (min-width: 1300px) {
    .fbds-webinar .fbds-webinar__form #fbds-webinar__slant {
        border-left: 550px solid transparent
    }
}

@media only screen and (min-width: 1640px) {
    .fbds-webinar .fbds-webinar__form #fbds-webinar__slant {
        border-left: 730px solid transparent
    }
}

.fbds-webinar .fbds-webinar__form .main-form {
    text-align: left
}

.fbds-webinar .fbds-webinar__form .fsBody {
    background-color: transparent;
    padding: 0
}

.fbds-webinar .fbds-webinar__form .fsBody .fsFieldRow {
    margin-bottom: 0px !important
}

.fbds-webinar .fbds-webinar__form .fsBody .fsCell {
    padding: 5px
}

.fbds-newsletter-form {
    font-family: "Rubik", sans-serif
}

.fbds-newsletter-form .fsBody .fsForm {
    border: none
}

.fbds-newsletter-form .fsBody {
    margin-bottom: 0px !important
}

.fbds-newsletter-form .fsBody .fsForm,
.fbds-newsletter-form .fsForm .fsSpacerRow .fsRowBody {
    background-color: transparent;
    box-shadow: none !important
}

.fbds-newsletter-form div.fsError {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
    margin: 0 0 15px
}

.fbds-newsletter-form .fsForm {
    text-align: left
}

.fbds-newsletter-form .fsBody .fsForm .fsCell,
.fbds-newsletter-form .fsPagination {
    padding: 0;
    margin: 0;
    text-align: left
}

.fbds-newsletter-form .fsPage {
    display: inline-block;
    width: 78%;
    margin-right: 10px
}

@media (max-width: 830px) {
    .fbds-newsletter-form .fsPage {
        width: 100% !important
    }
}

.fbds-newsletter-form .fsField {
    display: inline-block;
    font-size: 1rem;
    height: 60px;
    padding: 10px 15px !important;
    vertical-align: text-top
}

.fbds-newsletter-form .fsFieldFocused {
    background-color: transparent
}

.fbds-newsletter-form .fsForm .fsSubmit {
    background-color: transparent;
    display: inline-block;
    margin-top: 0 !important;
    width: 19%;
    padding: 0 !important;
    vertical-align: text-top
}

.fbds-newsletter-form .fsForm .fsSubmit input.fsSubmitButton {
    padding: 21px 40px;
    border-radius: 3px;
    text-transform: uppercase;
    background-repeat: repeat;
    font-weight: 600;
    font-size: 1rem;
    color: #FFF;
    border: none;
    text-shadow: none;
    background: #7BC143;
    cursor: pointer
}

.fbds-newsletter-form .fsForm .fsSubmit input.fsSubmitButton:hover {
    background-color: #42aa44
}

@media (max-width: 830px) {
    .fbds-newsletter-form .fsForm .fsSubmit input.fsSubmitButton {
        width: 100%
    }
}

@media (max-width: 830px) {
    .fbds-newsletter-form .fsForm .fsSubmit {
        width: 100%
    }
}

.fbds-newsletter-form .fsRowBody input[type="email"] {
    border: none
}

.fbds-newsletter-form .fsForm input.fsField[type="email"]:focus {
    background-color: #FFF;
    border-color: #FFF
}

.fbds-newsletter-form input,
.fbds-newsletter-form select {
    border-radius: 3px
}

.fbds-newsletter-form input[type=text],
.fbds-newsletter-form input[type=email],
.fbds-newsletter-form input[type=tel],
.fbds-newsletter-form select {
    border-color: #C2CDD5 !important;
    background-image: none;
    font-size: 1.25rem !important
}

@media (max-width: 830px) {

    .fbds-newsletter-form input[type=text],
    .fbds-newsletter-form input[type=email],
    .fbds-newsletter-form input[type=tel],
    .fbds-newsletter-form select {
        max-width: 100% !important
    }
}

.fbds-event-page .fbds-event__text-container {
    width: 60%;
    float: left
}

.fbds-event-page .fbds-event__form-container {
    width: 40%;
    float: left
}

.fbds-event-page .fbds-event__text-container,
.fbds-event-page .fbds-event__form-container {
    padding: .9375rem
}

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

    .fbds-event-page .fbds-event__text-container,
    .fbds-event-page .fbds-event__form-container {
        width: 90% !important;
        margin: 0 auto;
        float: none;
        display: block
    }
}

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

    .fbds-event-page .fbds-event__text-container,
    .fbds-event-page .fbds-event__form-container {
        width: 100% !important;
        padding: .9375rem
    }
}

.fbds-event-page .fbds-section--transparent {
    background-color: transparent
}

.fbds-event-page .fbds-header--informed-indy {
    background-position: center center;
    background-image: url("../images/informed-indy/hero-informed-indy.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-event-page nav {
    padding: 1.875rem;
    background-color: transparent
}

.fbds-event-page .fbds-event__speakers {
    list-style: none;
    margin-top: 1.875rem
}

.fbds-event-page .fbds-event__speakers .fbds-event__speakers__item {
    margin-top: 1.875rem
}

.fbds-event-page .fbds-event__speakers .fbds-event__speakers__item .thumb {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    float: left;
    height: 95px;
    width: 95px;
    margin-right: .9375rem
}

@media only screen and (max-width: 999px) {
    .fbds-event-page .fbds-event__speakers .fbds-event__speakers__item .thumb {
        height: 75px;
        width: 75px
    }
}

.fbds-event-page .fbds-event__speakers .fbds-event__speakers__item .speaker-info {
    float: left;
    margin-left: 1.875rem;
    padding-top: .3125rem;
    text-align: left;
    width: 165px;
    color: #455560
}

@media screen and (max-width: 39.9375em) {
    .fbds-event-page .fbds-event__speakers .fbds-event__speakers__item .speaker-info {
        padding-top: .3125rem
    }
}

.fbds-event-page .fbds-event__speakers .fbds-event__speakers__item .speaker-info.new {
    margin-left: 0;
    width: auto
}

.fbds-event-page .fbds-event__speakers .fbds-event__speakers__item .speaker-info .name {
    margin-bottom: 0
}

.fbds-event-page .fbds-event__speakers .fbds-event__speakers__item .speaker-info .divider {
    margin: 10px 0;
    width: 50px
}

.fbds-event-page .fbds-event__speakers .fbds-event__speakers__item .speaker-info .job-title {
    font-size: .875rem
}

.fbds-event-page .fbds-event__speakers .fbds-event__speakers__item .speaker-info .job-title a {
    color: #0197EC
}

@media only screen and (max-width: 1300px) {
    .fbds-event-page .fbds-event__speakers .fbds-event__speakers__item {
        float: left;
        height: auto;
        margin-bottom: 1.875rem
    }

    .fbds-event-page .fbds-event__speakers .fbds-event__speakers__item .item-content {
        padding: 0
    }
}

.fbds-event-page .main-form {
    text-align: left
}

.fbds-event-page .fsBody {
    background-color: transparent;
    padding: 0;
    margin-bottom: 0px !important
}

.fbds-event-page .fsBody .fsFieldRow {
    margin-bottom: 0px !important
}

.fbds-event-page .fsBody .fsCell {
    padding: 5px
}

@media screen and (max-width: 39.9375em) {
    .fbds-event-page .fsForm {
        padding: 0 !important
    }
}

.fbds-slant--container {
    position: relative
}

.fbds-slant--top-right {
    display: none;
    z-index: -1
}

@media only screen and (min-width: 1000px) {
    .fbds-slant--top-right {
        position: absolute;
        top: -1px;
        right: 0;
        display: block
    }
}

body,
html {
    width: 100%;
    height: 100%
}

body {
    font-family: "Rubik", sans-serif
}

p {
    margin-bottom: .9375rem;
    font-size: 1rem;
    line-height: 1.54545
}

ul {
    margin-left: 0
}

.clear {
    clear: both
}

a img {
    border: none
}

input {
    white-space: normal
}

sup {
    top: -.7em !important;
    font-size: 50% !important
}

.sub-nav {
    margin-left: -15px
}

.sub-nav li {
    border: 0;
    line-height: 1;
    border-right: 0;
    list-style: none
}

.sub-nav li.heading {
    color: #1C2F3A;
    font-size: 16px;
    margin-top: 10px;
    padding: 7px 0;
    font-weight: 700;
    text-transform: uppercase
}

.sub-nav li.heading-top {
    margin-top: 0
}

.sub-nav li a {
    color: #1C2F3A;
    border-bottom: 0;
    padding: 5px 0;
    font-size: 14px;
    letter-spacing: -.25px;
    margin: 0;
    display: block
}

.sub-nav li a.btm {
    border-bottom: 0
}

.sub-nav li a:hover {
    color: #ED9D21
}

.sub-nav li.icon a {
    line-height: 30px;
    font-weight: bold
}

.label,
.label__bg--white,
.new-alt-pages .alternative-label {
    background-color: #7BC143;
    color: #FFF;
    display: inline-block;
    padding: 5px;
    margin-right: 5px;
    text-transform: uppercase;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

@media screen and (max-width: 39.9375em) {

    .label,
    .label__bg--white,
    .new-alt-pages .alternative-label {
        margin-bottom: 5px;
        display: inline-block;
        font-size: 20px
    }
}

@media screen and (max-width: 39.9375em) {

    .label,
    .label__bg--white,
    .new-alt-pages .alternative-label {
        font-size: 20px
    }
}

.label__bg--white {
    background-color: #FFF;
    color: #455560
}

.pagebreak {
    width: 100%;
    text-align: center;
    border-top: 2px dotted #999;
    margin: 60px 0 20px;
    height: 40px
}

@media screen and (max-width: 39.9375em) {
    .pagebreak {
        margin: 45px 0 5px
    }
}

.pagebreak p {
    max-width: 40%;
    margin: -20px auto 0;
    padding: 0;
    font-weight: 700;
    color: #7BC143;
    background: #455560;
    font-size: 24px;
    text-transform: uppercase
}

@media screen and (max-width: 39.9375em) {
    .pagebreak p {
        max-width: 70%;
        font-size: 20px
    }
}

.fbds-horizontal-list {
    list-style: none
}

@media screen and (min-width: 40em) {
    .fbds-horizontal-list .fbds-horizontal-list__item {
        display: inline-block
    }

    .fbds-horizontal-list .fbds-horizontal-list__item::before {
        content: '\b7\a0';
        margin: 0 10px
    }

    .fbds-horizontal-list .fbds-horizontal-list__item:nth-of-type(1)::before {
        content: '';
        margin: 0
    }
}

.fbds--fa-icon-set .fa {
    font-size: 42px
}

.fbds-number {
    background-color: #7BC143;
    padding: 12px 20px;
    display: inline-block;
    color: #FFF;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    font-weight: 600
}

.v-holder {
    display: table
}

.v-container {
    display: table-cell;
    vertical-align: middle
}

@media screen and (min-width: 64em) {
    .v-container--large {
        display: table-cell;
        vertical-align: middle
    }
}

span.postfix,
span.prefix {
    background: #f2f2f2;
    border: 1px solid #cccccc
}

.postfix,
.prefix {
    display: block;
    position: relative;
    z-index: 2;
    text-align: center;
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
    height: 39px;
    line-height: 31px
}

.prefix {
    left: 2px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    overflow: hidden
}

.postfix {
    right: 2px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px
}

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

.clearfix:after {
    clear: both
}

.clearfix {
    *zoom: 1
}

.clearfix-none {
    clear: none !important
}

.float-none {
    float: none !important
}

.overflow-x-hidden {
    overflow-x: hidden
}

.padding-none {
    padding: 0 !important
}

.padding-medium {
    padding: 1.875rem !important
}

.padding-top-none {
    padding-top: 0 !important
}

.padding-right-none {
    padding-right: 0 !important
}

.padding-bottom-none {
    padding-bottom: 0 !important
}

.padding-left-none {
    padding-left: 0 !important
}

.padding-top-x-small {
    padding-top: .3125rem !important
}

.padding-top-small {
    padding-top: .9375rem !important
}

.padding-top-large {
    padding-top: 3.75rem !important
}

.padding-top-x-large {
    padding-top: 7.5rem !important
}

.padding-right-small {
    padding-right: .9375rem !important
}

.padding-left-small {
    padding-left: .9375rem !important
}

.padding-left-medium {
    padding-left: 1.875rem !important
}

.padding-right-medium {
    padding-right: 1.875rem !important
}

.margin-none {
    margin: 0 !important
}

.margin-medium {
    margin: 1.875rem !important
}

.margin-top-none {
    margin-top: 0 !important
}

.margin-bottom-none {
    margin-bottom: 0 !important
}

.margin-left-small {
    margin-left: .9375rem !important
}

.margin-bottom-x-small {
    margin-bottom: .3125rem !important
}

.margin-bottom-small {
    margin-bottom: .9375rem !important
}

.margin-bottom-medium {
    margin-bottom: 1.875rem !important
}

.margin-bottom-large {
    margin-bottom: 3.75rem !important
}

.margin-bottom-x-large {
    margin-bottom: 7.5rem !important
}

.margin-bottom-small {
    margin-bottom: .9375rem !important
}

.margin-top-small {
    margin-top: .9375rem !important
}

.margin-top-medium {
    margin-top: 1.875rem !important
}

.margin-top-large {
    margin-top: 3.75rem !important
}

.text--lightblue {
    color: #62CAE3 !important
}

.text--orange {
    color: #ED9D21 !important
}

.text--white {
    color: #FFF !important
}

.text--green {
    color: #7BC143 !important
}

.text--gray {
    color: #455560 !important
}

.text--gray-medium {
    color: #6C7A85 !important
}

.letter-spacing-x-small {
    letter-spacing: .3125rem !important
}

.text-body--small {
    font-size: 12px !important
}

.no-border {
    border: 0 !important
}

.border-radius {
    border-radius: 3px
}

.border--bottom__lightestgray {
    border-bottom: thin solid #F1F5F6
}

@media screen and (min-width: 64em) and (max-width: 74.9375em) {
    .border--right__lightestgray {
        border-right: thin solid #F1F5F6
    }
}

.border--green {
    border: solid #7BC143 1px
}

.uppercase {
    text-transform: uppercase !important
}

.background--orange {
    background-color: #ED9D21 !important
}

.background--gray-light {
    background-color: #F1F5F6 !important
}

.background--green {
    background-color: #7BC143 !important
}

.paragraph_size--21 {
    font-size: 21px !important
}

.cr-survey {
    width: 20% !important
}

.cr-order-payment {
    width: 6% !important
}

.cr-event-registration {
    width: 11% !important
}

.cr-contest {
    width: 40% !important
}

.cr-donation {
    width: 10% !important
}

.cr-contact {
    width: 12% !important
}

.list_style--none {
    list-style: none !important
}

.display--none {
    display: none !important
}

.display--inline {
    display: inline !important
}

.width-55 {
    width: 55% !important
}

.break {
    display: inline
}

@media screen and (min-width: 75em) {
    .break {
        display: block
    }
}

.fbds-responsive-bottom-15 {
    margin-bottom: .9375rem !important
}

@media screen and (min-width: 64em) {
    .fbds-responsive-bottom-15 {
        margin-bottom: 0 !important
    }
}

.fbds-responsive-bottom-30 {
    margin-bottom: 1.875rem !important
}

@media screen and (min-width: 64em) {
    .fbds-responsive-bottom-30 {
        margin-bottom: 0 !important
    }
}

.fbds-responsive-margin--left-20 {
    padding-left: 0
}

@media screen and (min-width: 40em) {
    .fbds-responsive-margin--left-20 {
        padding-left: 20px
    }
}

@media screen and (max-width: 39.9375em) {
    .mobile-margin-bottom-15 {
        margin-bottom: 15px !important
    }

    .mobile-margin-bottom-30 {
        margin-bottom: 30px !important
    }

    .mobile-display-none {
        display: none !important
    }

    .mobile-margin-top-0 {
        margin-top: 0 !important
    }

    .large-only {
        display: none
    }

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

.animated {
    -moz-animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -moz-animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -moz-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animated.hinge {
    -moz-animation-duration: 2s;
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-moz-keyframes fadeInDown {
    0% {
        opacity: 0;
        -moz-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    100% {
        opacity: 1;
        -moz-transform: none;
        transform: none
    }
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -moz-transform: translate3d(0, -100%, 0);
        -ms-transform: translate3d(0, -100%, 0);
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    100% {
        opacity: 1;
        -moz-transform: none;
        -ms-transform: none;
        -webkit-transform: none;
        transform: none
    }
}

.fadeIn {
    -moz-animation-name: fadeIn;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.fadeInDown {
    -moz-animation-name: fadeInDown;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-moz-keyframes slide-one {
    from {
        opacity: 0;
        top: 10px;
        left: 0
    }

    6.25% {
        opacity: 1;
        top: 0
    }

    18.75% {
        opacity: 1;
        top: 0
    }

    25% {
        opacity: 0;
        top: 10px
    }

    to {
        opacity: 0;
        top: 10px
    }
}

@-webkit-keyframes slide-one {
    from {
        opacity: 0;
        top: 10px;
        left: 0
    }

    6.25% {
        opacity: 1;
        top: 0
    }

    18.75% {
        opacity: 1;
        top: 0
    }

    25% {
        opacity: 0;
        top: 10px
    }

    to {
        opacity: 0;
        top: 10px
    }
}

@keyframes slide-one {
    from {
        opacity: 0;
        top: 10px;
        left: 0
    }

    6.25% {
        opacity: 1;
        top: 0
    }

    18.75% {
        opacity: 1;
        top: 0
    }

    25% {
        opacity: 0;
        top: 10px
    }

    to {
        opacity: 0;
        top: 10px
    }
}

@-moz-keyframes slide-two {
    from {
        opacity: 0;
        top: 10px;
        left: 0
    }

    25% {
        opacity: 0;
        top: 10px
    }

    31% {
        opacity: 1;
        top: 0
    }

    44% {
        opacity: 1;
        top: 0
    }

    50% {
        opacity: 0;
        top: 10px
    }

    to {
        opacity: 0;
        top: 10px
    }
}

@-webkit-keyframes slide-two {
    from {
        opacity: 0;
        top: 10px;
        left: 0
    }

    25% {
        opacity: 0;
        top: 10px
    }

    31% {
        opacity: 1;
        top: 0
    }

    44% {
        opacity: 1;
        top: 0
    }

    50% {
        opacity: 0;
        top: 10px
    }

    to {
        opacity: 0;
        top: 10px
    }
}

@keyframes slide-two {
    from {
        opacity: 0;
        top: 10px;
        left: 0
    }

    25% {
        opacity: 0;
        top: 10px
    }

    31% {
        opacity: 1;
        top: 0
    }

    44% {
        opacity: 1;
        top: 0
    }

    50% {
        opacity: 0;
        top: 10px
    }

    to {
        opacity: 0;
        top: 10px
    }
}

@-moz-keyframes slide-three {
    from {
        opacity: 0;
        top: 10px;
        left: 0
    }

    50% {
        opacity: 0;
        top: 10px
    }

    56.25% {
        opacity: 1;
        top: 0
    }

    68.75% {
        opacity: 1;
        top: 0
    }

    75% {
        opacity: 0;
        top: 10px
    }

    to {
        opacity: 0;
        top: 10px
    }
}

@-webkit-keyframes slide-three {
    from {
        opacity: 0;
        top: 10px;
        left: 0
    }

    50% {
        opacity: 0;
        top: 10px
    }

    56.25% {
        opacity: 1;
        top: 0
    }

    68.75% {
        opacity: 1;
        top: 0
    }

    75% {
        opacity: 0;
        top: 10px
    }

    to {
        opacity: 0;
        top: 10px
    }
}

@keyframes slide-three {
    from {
        opacity: 0;
        top: 10px;
        left: 0
    }

    50% {
        opacity: 0;
        top: 10px
    }

    56.25% {
        opacity: 1;
        top: 0
    }

    68.75% {
        opacity: 1;
        top: 0
    }

    75% {
        opacity: 0;
        top: 10px
    }

    to {
        opacity: 0;
        top: 10px
    }
}

@-moz-keyframes slide-four {
    from {
        opacity: 0;
        top: 10px
    }

    75% {
        opacity: 0;
        top: 10px
    }

    81.25% {
        opacity: 1;
        top: 0
    }

    93.75% {
        opacity: 1;
        top: 0
    }

    to {
        opacity: 0;
        top: 10px
    }
}

@-webkit-keyframes slide-four {
    from {
        opacity: 0;
        top: 10px
    }

    75% {
        opacity: 0;
        top: 10px
    }

    81.25% {
        opacity: 1;
        top: 0
    }

    93.75% {
        opacity: 1;
        top: 0
    }

    to {
        opacity: 0;
        top: 10px
    }
}

@keyframes slide-four {
    from {
        opacity: 0;
        top: 10px
    }

    75% {
        opacity: 0;
        top: 10px
    }

    81.25% {
        opacity: 1;
        top: 0
    }

    93.75% {
        opacity: 1;
        top: 0
    }

    to {
        opacity: 0;
        top: 10px
    }
}

.es-form {
    color: #455560;
    background-color: #FFF;
    background-image: linear-gradient(#ffffff 0%, #f1f5f6 100%);
    padding: 30px;
    border-radius: 3px
}

.es-form .es-form__input-wrap {
    margin-bottom: 20px
}

.es-form .es-form__input-wrap--header__logo {
    height: 30px;
    width: 30px;
    display: inline-block
}

.es-form .es-form__input-wrap--header__text {
    display: inline-block;
    text-transform: uppercase;
    font-size: 1.125rem;
    vertical-align: middle;
    font-weight: 600
}

.es-form .es-form__input-wrap--header__text::before {
    content: '\b7\a0';
    margin: 0 10px
}

.es-form .es-form__horizontal {
    width: 47%
}

.es-form .es-form__label {
    margin-bottom: 5px;
    font-size: 0.875rem;
    font-weight: 600
}

.es-form .es-form__label--agree {
    width: 85%;
    margin-left: 0;
    margin-top: -4px;
    margin-bottom: 0;
    font-size: 0.75rem;
    font-weight: 500
}

@media screen and (min-width: 64em) {
    .es-form .es-form__label--agree {
        width: 92%
    }
}

.es-form .es-form__input--checkbox {
    margin-bottom: 0
}

.es-form .es-form__input {
    border-radius: 3px;
    margin-bottom: 0
}

.es-form .es-form__error {
    border-radius: 3px;
    background-color: #f49897;
    color: #FFF;
    padding: 5px 10px
}

.es-form--mobile {
    color: #455560;
    background-color: #FFF;
    background-image: linear-gradient(#ffffff 0%, #f1f5f6 100%);
    padding: .9375rem;
    border-radius: 3px;
    padding-bottom: 1.875rem
}

.es-form--mobile .es-form__input-wrap {
    margin-bottom: .9375rem
}

.es-form--mobile .es-form__input-wrap--header__text {
    display: inline-block;
    text-transform: uppercase;
    font-size: 1rem;
    vertical-align: middle;
    font-weight: 600
}

.es-form--mobile .es-form__input-wrap--header__text::before {
    content: '';
    margin: 0
}

.es-form--mobile .es-form__label {
    margin-bottom: .3125rem;
    font-size: .875rem;
    font-weight: 600
}

.es-form--mobile .es-form__label--agree {
    width: 80%;
    margin-left: 0;
    margin-top: -4px;
    margin-bottom: 0;
    font-size: .75rem;
    font-weight: 500
}

@media screen and (min-width: 64em) {
    .es-form--mobile .es-form__label--agree {
        width: 92%
    }
}

.es-form--mobile .es-form__input--checkbox {
    height: 1.875rem;
    width: 1.875rem;
    padding: 0;
    margin: 0;
    zoom: 1.1
}

.es-form--mobile .es-form__input {
    border-radius: 3px;
    margin-bottom: 0;
    font-size: .875rem
}

.es-form--mobile .es-form__input::placeholder {
    opacity: 0.75 !important;
    color: #6C7A85
}

.es-form--mobile .es-form__error {
    border-radius: 3px;
    background-color: #f49897;
    color: #FFF;
    padding: 5px 10px
}

.es-form--mobile [type="text"],
.es-form--mobile [type="password"],
.es-form--mobile [type="date"],
.es-form--mobile [type="datetime"],
.es-form--mobile [type="datetime-local"],
.es-form--mobile [type="month"],
.es-form--mobile [type="week"],
.es-form--mobile [type="email"],
.es-form--mobile [type="number"],
.es-form--mobile [type="search"],
.es-form--mobile [type="tel"],
.es-form--mobile [type="time"],
.es-form--mobile [type="url"],
.es-form--mobile [type="color"],
.es-form--mobile textarea {
    color: #455560;
    font-family: "Rubik", sans-serif
}

.newsletter-form {
    font-family: "Rubik", sans-serif
}

.newsletter-form .fsBody .fsForm {
    border: none
}

.newsletter-form .fsBody .fsForm,
.newsletter-form .fsForm .fsSpacerRow .fsRowBody {
    background-color: transparent;
    box-shadow: none !important
}

.newsletter-form div.fsError {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
    margin: 0 0 15px
}

.newsletter-form .fsForm {
    text-align: left
}

.newsletter-form .fsBody .fsForm .fsCell,
.newsletter-form .fsPagination {
    padding: 0;
    margin: 0;
    text-align: left
}

.newsletter-form .fsPage {
    display: inline-block;
    width: 78%;
    margin-right: 10px
}

.newsletter-form .fsField {
    display: inline-block;
    font-size: 1.5rem;
    height: 51px;
    padding: 7px;
    vertical-align: text-top
}

.newsletter-form .fsFieldFocused {
    background-color: transparent
}

.newsletter-form .fsForm .fsSubmit {
    background-color: transparent;
    display: inline-block;
    margin-top: 0 !important;
    width: 19%;
    padding: 0 !important;
    vertical-align: text-top
}

.newsletter-form .fsSubmitButton {
    padding: .9375rem !important;
    font-size: 1rem !important;
    background-color: #FFF !important;
    color: #7BC143 !important;
    border-radius: 3px !important
}

.newsletter-form .fsSubmitButton:hover {
    background-color: #F1F5F6 !important
}

.newsletter-form .fsRowBody input[type="email"] {
    border: none
}

.newsletter-form .fsForm input.fsField[type="email"]:focus {
    background-color: #FFF;
    border-color: #FFF
}

.newsletter-form input {
    margin: 0
}

.main-form {
    font-family: "Rubik", sans-serif
}

.main-form .fsBody .fsForm {
    margin: 0 auto;
    padding: 15px;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    background-color: #F1F5F6;
    border: 1px solid #C2CDD5;
    border-radius: 3px !important
}

.main-form .fsBody .fsForm input,
.main-form .fsBody .fsForm select,
.main-form .fsBody .fsForm button,
.main-form .fsBody .fsForm submit {
    border-radius: 3px !important
}

.main-form .fsBody .fsForm input[type=text],
.main-form .fsBody .fsForm input[type=email],
.main-form .fsBody .fsForm input[type=tel],
.main-form .fsBody .fsForm select {
    border-color: #C2CDD5 !important;
    background-image: none
}

.main-form .fsBody .fsForm select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("../images/icons/gray/icon-down-arrow.svg");
    padding-right: 1.875rem
}

.main-form .fsBody .fsForm .fsLabel {
    color: #455560
}

.main-form .fsBody .fsForm .fsCell {
    padding: 10px 15px
}

.main-form.main-form--light-theme .fsRowBody {
    margin-bottom: 0 !important
}

.main-form.main-form--light-theme .fsFieldFocused.fsSpan100:not(.fsValidationError) {
    margin: 0px !important
}

.main-form.main-form--light-theme .fsPagination .fsNextButton,
.main-form.main-form--light-theme .fsPagination .fsPreviousButton,
.main-form.main-form--light-theme .fsPagination .fsSubmitButton {
    padding: .9375rem 1.875rem !important;
    text-transform: uppercase;
    background-repeat: repeat;
    font-weight: 600;
    color: #FFF
}

@media screen and (max-width: 39.9375em) {

    .main-form.main-form--light-theme .fsPagination .fsNextButton,
    .main-form.main-form--light-theme .fsPagination .fsPreviousButton {
        padding: 0 !important
    }
}

.main-form.main-form--light-theme .fsPagination .fsNextButton {
    background: #7BC143 !important
}

.main-form.main-form--light-theme .fsPagination .fsPreviousButton {
    background: #6C7A85 !important
}

.main-form.main-form--light-theme .fsPagination .fsSubmitButton {
    margin-top: .9375rem
}

.main-form.main-form--light-theme .fsProgressBarContainer {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #D3DBE2
}

.main-form.main-form--light-theme .fsProgressBar {
    background-color: #7BC143;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px
}

.main-form.main-form--light-theme .fsProgressText {
    display: none
}

.main-form.main-form--lightgray .fsBody .fsForm {
    margin: 0 auto;
    padding: 15px;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    background-color: #F1F5F6;
    border: 1px solid #F1F5F6
}

.main-form.main-form--lightgray .fsBody .fsForm .fsCell {
    padding: 10px 15px
}

.main-form.main-form--mobile .fsBody .fsForm {
    margin: 0 auto;
    padding: 15px 0px;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    background-color: #F1F5F6;
    border: 1px solid #F1F5F6
}

.main-form.main-form--mobile .fsBody .fsForm #fsCell48455639 {
    display: none
}

.main-form.main-form--mobile .fsBody .fsForm .fsLastRow {
    margin-bottom: 0px
}

.main-form.main-form--mobile .fsBody .fsForm .fsCell {
    width: 100%;
    padding: 7px 0px
}

.main-form.main-form--mobile .fsBody .fsForm .fsLabel {
    color: #455560
}

.main-form.main-form--mobile .fsBody .fsForm .fsSubField {
    width: 100%
}

.main-form.main-form--mobile .fsBody .fsForm .fsField {
    height: 2.75rem;
    background-color: #FFF;
    color: #6C7A85;
    font-size: 1rem;
    font-weight: normal;
    border: 1px solid #6C7A85;
    border-radius: 3px;
    padding: 5px
}

.main-form.main-form--mobile .fsBody .fsForm input[type="text"],
.main-form.main-form--mobile .fsBody .fsForm input[type="email"],
.main-form.main-form--mobile .fsBody .fsForm input[type="number"],
.main-form.main-form--mobile .fsBody .fsForm input[type="tel"] {
    background-image: url(styles.css@v=10.10.2017.css)
}

.main-form.main-form--mobile .fsBody .fsForm select {
    background-position: right 1rem center;
    margin-bottom: 7px
}

.main-form.main-form--mobile .fsBody .fsForm .fsNameFirst {
    padding-right: 0px !important;
    margin-bottom: 10px
}

.main-form.main-form--mobile .fsBody .fsForm .fsNameLast {
    padding-left: 0px !important
}

.main-form.main-form--mobile .fsForm .fsSubmit {
    padding: 0
}

.main-form .fsFieldFocused {
    background: transparent
}

.main-form .fsBody .fs2Col {
    min-width: 0
}

.main-form .fsFieldCell.fsSpan50,
.main-form .fsSubField {
    width: 50%;
    float: left
}

.main-form .fsFirst.fsLast.fsFieldCell .fsSubFieldGroup .fsSubField {
    margin-right: 0
}

.main-form .fsFirst.fsLast.fsFieldCell .fsSubFieldGroup .fsSubField:nth-of-type(1) {
    padding-right: 15px
}

.main-form .fsFirst.fsLast.fsFieldCell .fsSubFieldGroup .fsSubField:nth-of-type(2) {
    padding-left: 15px
}

.main-form .fsFieldRow input[type="email"],
.main-form .fsFieldRow input[type="number"],
.main-form .fsFieldRow input[type="tel"],
.main-form .fsFieldRow input[type="text"],
.main-form .fsForm textarea {
    max-width: 100%;
    margin-bottom: 0
}

.main-form .fsFieldRow select {
    height: 31px;
    font-size: 14px;
    padding: 0.3rem
}

.main-form a {
    color: #666;
    text-decoration: underline
}

.main-form a:hover {
    color: #000
}

.main-form .fsSectionHeader {
    display: none
}

.main-form #form-title-signup,
.main-form .disclaimer {
    margin: 0;
    padding-left: 20px;
    padding-top: 2px
}

.main-form .logo {
    float: left;
    max-width: 150px;
    margin: 0 10px 0 0
}

@media screen and (max-width: 39.9375em) {
    .main-form .logo {
        float: none;
        margin-bottom: 5px
    }
}

.main-form #form-title-signup {
    color: #455560;
    font-size: 18px;
    font-family: "Rubik", sans-serif;
    font-weight: 500;
    float: left;
    margin-bottom: 20px;
    border-left: 1px solid #455560;
    text-transform: uppercase;
    line-height: 1.2;
    padding-left: 9px;
    padding-top: 6px;
    margin-bottom: 20px
}

@media screen and (max-width: 39.9375em) {
    .main-form #form-title-signup {
        border-left: 0;
        float: none;
        padding-left: 0
    }
}

.main-form .plan-text {
    text-transform: capitalize;
    font-weight: 600
}

.main-form .disclaimer {
    color: #666666;
    font-size: 11px;
    line-height: 14px
}

.main-form fieldset,
.main-form select {
    border: 1px solid #bbb
}

.main-form fieldset {
    margin: 0
}

.main-form fieldset legend {
    background-color: transparent
}

.main-form fieldset .fieldset-content {
    padding: 5px 0 10px
}

.main-form fieldset .fsOptionLabel.horizontal input,
.main-form fieldset .fsOptionLabel.vertical input {
    margin-right: 4px
}

.main-form fieldset .fsOptionLabel.horizontal {
    float: none;
    display: inline-block
}

.main-form fieldset .vertical .fsOtherField {
    margin-top: 5px
}

.main-form .fsForm .fsSubmit {
    padding: 15px;
    margin: 0;
    text-align: left;
    background-color: transparent
}

.main-form .fsForm .fsSubmit input.fsSubmitButton {
    border-radius: 3px;
    text-transform: uppercase;
    background-repeat: repeat;
    font-weight: 600;
    color: #FFF;
    border: none;
    text-shadow: none;
    padding: 26px 40px 25px;
    font-size: 18px;
    cursor: pointer;
    background-color: #7BC143 !important;
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.15s;
    -o-transition-duration: 0.15s;
    -webkit-transition-duration: 0.15s;
    transition-duration: 0.15s;
    -moz-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    position: relative;
    width: 100%
}

.main-form .fsForm .fsSubmit input.fsSubmitButton:hover {
    background-color: #75b740 !important
}

.main-form .fsForm .fsSubmit input.fsSubmitButton:focus {
    top: 1px
}

.main-form .fsLabelVertical {
    padding-bottom: 0
}

.main-form .fsLabelVertical .fieldset-content {
    padding-bottom: 0
}

.main-form #fsCell38581666,
.main-form #fsCell38585322 {
    margin-top: -5px;
    padding: 0 0 0 14px
}

.main-form #fsCell38581666 .fieldset-content,
.main-form #fsCell38585322 .fieldset-content {
    padding-top: 0
}

@media screen and (max-width: 39.9375em) {
    .main-form .fsSubField {
        width: 100%
    }

    .main-form .fsNameFirst {
        padding-right: 0px !important;
        margin-bottom: 10px
    }

    .main-form .fsNameLast {
        padding-left: 0px !important
    }
}

.newsletter-form {
    font-family: "Rubik", sans-serif
}

.newsletter-form .fsBody .fsForm {
    border: none
}

.newsletter-form .fsBody .fsForm,
.newsletter-form .fsForm .fsSpacerRow .fsRowBody {
    background-color: transparent;
    box-shadow: none !important
}

.newsletter-form div.fsError {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
    margin: 0 0 15px
}

.newsletter-form .fsForm {
    text-align: left
}

.newsletter-form .fsBody .fsForm .fsCell,
.newsletter-form .fsPagination {
    padding: 0;
    margin: 0;
    text-align: left
}

.newsletter-form .fsPage {
    display: inline-block;
    width: 78%;
    margin-right: 10px
}

.newsletter-form .fsField {
    display: inline-block;
    font-size: 1.5rem;
    height: 51px;
    padding: 7px;
    vertical-align: text-top
}

.newsletter-form .fsFieldFocused {
    background-color: transparent
}

.newsletter-form .fsForm .fsSubmit {
    background-color: transparent;
    display: inline-block;
    margin-top: 0 !important;
    width: 19%;
    padding: 0 !important;
    vertical-align: text-top
}

.newsletter-form .fsSubmitButton {
    padding: .9375rem !important;
    font-size: 1rem !important;
    background-color: #FFF !important;
    color: #7BC143 !important;
    border-radius: 3px !important
}

.newsletter-form .fsSubmitButton:hover {
    background-color: #F1F5F6 !important
}

.newsletter-form .fsRowBody input[type="email"] {
    border: none
}

.newsletter-form .fsForm input.fsField[type="email"]:focus {
    background-color: #FFF;
    border-color: #FFF
}

.newsletter-form input {
    margin: 0
}

.upper-nav .upper-nav-links .upper-nav-links__list {
    list-style: none;
    display: inline-block;
    margin-bottom: 0;
    line-height: normal
}

.upper-nav .upper-nav-links .upper-nav-links__item {
    display: inline-block;
    margin-right: -4px
}

.upper-nav .upper-nav-links a {
    display: block;
    padding: 3px 10px;
    color: #455560;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 1px;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    transition: all .1s linear
}

.upper-nav .upper-nav-links a:hover {
    color: #7BC143
}

.upper-nav .upper-nav-links .login {
    margin-right: 0
}

.upper-nav .upper-nav-links .login a {
    padding-right: 0
}

.title-bar {
    background-color: transparent;
    float: right;
    padding: 0
}

.title-bar .title-bar-title {
    display: block;
    padding: 9px 0 0
}

.fbds-header--index,
.fbds-header--backtowork,
.fbds-header--beyond,
.fbds-header--mixergy {
    background: #FFF;
    padding-bottom: 0
}

.fbds-header--index .fbds-header__content,
.fbds-header--backtowork .fbds-header__content,
.fbds-header--beyond .fbds-header__content,
.fbds-header--mixergy .fbds-header__content {
    background-position: center center;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    padding: 8% 0
}

@media screen and (min-width: 64em) {

    .fbds-header--index .fbds-header__content,
    .fbds-header--backtowork .fbds-header__content,
    .fbds-header--beyond .fbds-header__content,
    .fbds-header--mixergy .fbds-header__content {
        padding: 9% 0
    }
}

@media screen and (min-width: 75em) {

    .fbds-header--index .fbds-header__content,
    .fbds-header--backtowork .fbds-header__content,
    .fbds-header--beyond .fbds-header__content,
    .fbds-header--mixergy .fbds-header__content {
        padding: 10% 0
    }
}

@media screen and (min-width: 90em) {

    .fbds-header--index .fbds-header__content,
    .fbds-header--backtowork .fbds-header__content,
    .fbds-header--beyond .fbds-header__content,
    .fbds-header--mixergy .fbds-header__content {
        padding: 9% 0 11%
    }
}

@media screen and (min-width: 90em) {

    .fbds-header--index,
    .fbds-header--backtowork,
    .fbds-header--beyond,
    .fbds-header--mixergy {
        padding-bottom: 0
    }
}

.unslider-arrow {
    position: absolute;
    top: 50px;
    color: #FFF;
    font-size: 65px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: .5;
    border-bottom: 0
}

@media screen and (max-width: 39.9375em) {
    .unslider-arrow {
        display: none
    }
}

.unslider-arrow.prev {
    left: 20px;
    border-bottom: 0
}

@media screen and (max-width: 39.9375em) {
    .unslider-arrow.prev {
        left: auto;
        right: 50px
    }
}

.unslider-arrow.next {
    right: 20px;
    border-bottom: 0
}

@media screen and (max-width: 39.9375em) {
    .unslider-arrow.next {
        right: 15px
    }
}

.unslider-arrow:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    color: #FFF
}

@media screen and (max-width: 39.9375em) {
    .unslider-arrow {
        top: auto;
        bottom: 7px;
        font-size: 55px
    }
}

.homepage__benefits .thumb {
    height: 90px;
    width: 90px
}

.homepage__benefits .fbds-headline-tertiary {
    font-size: 16px
}

.homepage__benefits .benefits__description {
    color: #6C7A85
}

.homepage__features .fbds-headline-primary {
    color: #455560
}

@media screen and (max-width: 39.9375em) {
    .homepage__features .features__graphic {
        margin-bottom: 30px
    }
}

.homepage__features .features__content {
    padding-top: 55px
}

@media screen and (max-width: 39.9375em) {
    .homepage__features .features__content {
        padding-top: 0
    }
}

.homepage__features .features__content--right {
    padding-left: 20px
}

@media screen and (max-width: 39.9375em) {
    .homepage__features .features__content--right {
        padding-left: 0
    }
}

.homepage__features .features__list {
    padding: 0;
    list-style-type: none
}

.homepage__features .features__list .list__item .item__icon {
    display: inline-block;
    width: 60px;
    height: 60px;
    vertical-align: top;
    padding: 15px;
    background-color: #7BC143;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.homepage__features .features__list .list__item .item__label {
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    padding-left: 5px;
    padding-top: 15px;
    vertical-align: top
}

.homepage__integrations .features__logos {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-block
}

.homepage__integrations .features__logos .logos__item {
    display: inline-block;
    padding: 0 30px
}

.homepage__integrations .features__logos .logos__item .item__thumb {
    height: 70px;
    width: auto;
    display: block
}

@media screen and (max-width: 39.9375em) {
    .homepage__integrations .features__logos .logos__item {
        display: block;
        text-align: center;
        margin-bottom: 15px
    }

    .homepage__integrations .features__logos .logos__item:last-child {
        margin-bottom: 0
    }

    .homepage__integrations .features__logos .logos__item .item__thumb {
        display: inline-block
    }
}

.homepage__integrations .features__explore {
    padding-top: 40px;
    font-size: 18px
}

.testimonials {
    background-position: center center;
    background-image: url("../images/homepage/background_testimonials.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.testimonials .banner {
    position: relative;
    z-index: 0;
    overflow: auto;
    width: auto !important
}

@media screen and (max-width: 39.9375em) {
    .testimonials .banner {
        width: 100% !important;
        height: auto !important
    }
}

.testimonials .banner ul {
    margin-bottom: 0;
    padding: 0
}

.testimonials .slide {
    padding: 0;
    float: left;
    display: block;
    list-style: none;
    height: 375px
}

.testimonials .slide .slide-content {
    background-color: #fff;
    height: 350px;
    width: 450px;
    margin: 0 auto;
    color: #455560;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
    opacity: .9;
    text-align: center
}

.testimonials .slide .slide-content .slide-content__quote {
    font-size: 16px;
    margin-bottom: 5px
}

.testimonials .slide .slide-content .slide-content__author {
    font-size: 13px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: .8
}

.testimonials .slide .slide-content .slide-content__top {
    height: 245px;
    padding: 15px
}

@media screen and (max-width: 39.9375em) {
    .testimonials .slide .slide-content .slide-content__top {
        height: auto
    }
}

.testimonials .slide .slide-content .slide-content__bottom {
    background-color: #7BC143;
    color: #fff;
    padding: 16px;
    -moz-border-radius-bottomleft: 10px;
    -webkit-border-bottom-left-radius: 10px;
    border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-bottom-right-radius: 10px;
    border-bottom-right-radius: 10px
}

.testimonials .slide .slide-content .slide-content__bottom .fa {
    margin-right: 3px
}

.testimonials .slide .slide-content .slide-content__thumb {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 75px;
    height: 75px;
    border: 2px solid #455560;
    margin-bottom: 5px
}

.testimonials .slide .slide-content .fa {
    margin-right: 3px
}

.testimonials .slide .slide-content .slide-content__line {
    font-size: 14px
}

@media screen and (max-width: 39.9375em) {
    .testimonials .slide .slide-content {
        width: auto;
        height: auto
    }
}

@media screen and (max-width: 39.9375em) {
    .testimonials .slide {
        height: auto
    }
}

.testimonials .unslider-arrow {
    position: absolute;
    top: 50%;
    margin-top: -32px;
    color: #fff;
    font-size: 65px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: .5;
    border-bottom: 0
}

.testimonials .unslider-arrow.prev {
    left: 0
}

@media screen and (max-width: 39.9375em) {
    .testimonials .unslider-arrow.prev {
        left: 15px
    }
}

.testimonials .unslider-arrow.next {
    right: 0
}

@media screen and (max-width: 39.9375em) {
    .testimonials .unslider-arrow.next {
        right: 15px
    }
}

.testimonials .unslider-arrow:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1
}

@media screen and (max-width: 39.9375em) {
    .testimonials .unslider-arrow {
        font-size: 55px;
        color: #62CAE3;
        filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1
    }
}

.testimonials .testimonials__logos {
    list-style: none;
    margin: 0;
    background-color: #FFF;
    padding: 20px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
    opacity: .9
}

.testimonials .testimonials__logos .logos__item {
    display: inline-block;
    padding: 0 51px
}

.testimonials .testimonials__logos .logos__item img {
    width: auto;
    height: 89px;
    vertical-align: text-bottom
}

@media screen and (max-width: 39.9375em) {
    .testimonials .testimonials__logos .logos__item {
        display: block;
        text-align: center;
        margin-bottom: 10px
    }

    .testimonials .testimonials__logos .logos__item:last-child {
        margin-bottom: 0
    }
}

.testimonial-hero {
    background-color: #1C2F3A;
    padding: 100px 20px
}

@media print,
screen and (min-width: 64em) {
    .testimonial-hero {
        padding: 125px 20px
    }
}

@media screen and (max-width: 39.9375em) {
    .testimonial-hero {
        padding: 25px;
        background-image: none
    }
}

.testimonial-avatar,
.fbds-comparison-table-wrapper .testimonial-avatar-alt,
.new-alt-pages .testimonial-avatar-alt {
    width: 100px;
    height: auto
}

.align-bottom {
    position: absolute;
    bottom: 0
}

.testimonial-square {
    padding: 35px;
    position: relative
}

.testimonial-square--extra-padding {
    padding-bottom: 115px
}

.square-green {
    color: #FFF;
    background-color: #7BC143
}

.square-green .quote {
    color: #FFF
}

.square-green .fbds-headline-secondary {
    color: #FFF
}

.square-gray {
    color: #FFF;
    background-color: #455560
}

.square-gray .quote {
    color: #FFF
}

.square-lightgray {
    color: #455560;
    background-color: #F1F5F6;
    border-bottom: 1px solid #d9dddd
}

.square-lightgray--border {
    border-left: 1px solid #d9dddd
}

@media screen and (max-width: 39.9375em) {
    .josh {
        display: none
    }
}

@media screen and (max-width: 39.9375em) {
    .brian {
        display: none
    }
}

@media print,
screen and (min-width: 64em) {
    .testimonial-reference__row {
        position: absolute;
        left: 35px
    }
}

@media screen and (max-width: 63.9375em) {
    .testimonial-reference__row {
        width: 245px
    }
}

@media screen and (min-width: 64em) {
    .testimonial-reference__row {
        bottom: 35px
    }
}

.testimonial-referece__name {
    width: 174px;
    padding-left: 5px
}

.border-top-white {
    border-top: 1px solid #FFF;
    width: 35px
}

@media screen and (max-width: 39.9375em) {
    .border-top-white {
        display: none
    }
}

.border-top-gray {
    border-top: 1px solid #455560;
    width: 35px
}

.border-top-green {
    border-top: 3px solid #7BC143;
    width: 35px
}

.border-top-white {
    border-top: 3px solid #FFF;
    width: 35px
}

.border-top-center {
    margin: 0 auto
}

.quote {
    font-style: italic
}

.testimonial-logo {
    max-height: 55px;
    padding: .9375rem
}

@media screen and (min-width: 40em) {
    .testimonial-logo {
        max-height: 100px;
        padding: 1.875rem
    }
}

.testimonial-logo--uber {
    display: none
}

@media screen and (min-width: 75em) {
    .testimonial-logo--uber {
        display: inline-block
    }
}

@media print,
screen and (min-width: 64em) {
    .homepage-solutions-header {
        padding-top: 2em
    }
}

.clients .video-description {
    display: inline-block;
    color: #FFF;
    margin-top: 18px;
    vertical-align: top
}

.clients .video-button {
    margin-top: 15px;
    margin-left: 15px
}

.clients .clients-filter-nav li {
    list-style: none;
    display: inline-block;
    margin: 0 1.875rem;
    color: #6C7A85
}

.clients .clients-filter-nav li a {
    border-bottom: 0;
    color: #6C7A85
}

.clients .clients-filter-nav li.active a {
    color: #7BC143
}

.clients .cg-square {
    padding: 20px;
    border-radius: 5px;
    margin-bottom: 1.875rem
}

.clients .cg-square.cg-square--green {
    background-color: #7BC143;
    color: #FFF
}

.clients .cg-square.cg-square--gray-dark {
    background-color: #1C2F3A;
    color: #FFF
}

.clients .cg-square.cg-square--gray-light {
    background-color: #F1F5F6;
    color: #455560
}

.clients .cg-square.cg-square--gray-medium {
    background-color: #6C7A85;
    color: #FFF
}

.clients .cg-square.cg-square-testimonial {
    margin-bottom: 0
}

.clients .cg-square.cg-square-testimonial .fbds-headline-primary,
.clients .cg-square.cg-square-testimonial .fbds-headline-secondary {
    color: #FFF
}

.clients .cg-square.cg-square-testimonial .fbds-headline-secondary {
    margin-top: 0
}

@media screen and (max-width: 39.9375em) {
    .clients .cg-square.cg-square-small {
        background: #455560
    }
}

.clients .cg-square .cg-testimonials-logo {
    height: auto;
    width: 250px
}

.clients .cg-square .cg-testimonials-logo.miami {
    background-color: #1D2F39;
    padding: 30px;
    border-radius: 5px
}

.clients .cg-testimonials-logo-small {
    width: 175px;
    margin: 1.875rem 0
}

.clients .clients-hero-slider {
    overflow: hidden
}

@media screen and (min-width: 40em) {
    .clients .clients-hero-slider {
        height: 520px !important
    }
}

.clients .slide {
    height: 520px;
    width: 100%
}

.clients .slide .hero-quote {
    line-spacing: 2rem
}

@media screen and (max-width: 39.9375em) {
    .clients .slide {
        padding: 130px 0 100px;
        height: auto
    }
}

.clients .slide.one {
    background-position: center center;
    background-image: url("../images/clients/slider-hero/slide-one-background.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.clients .slide.two {
    background-position: center center;
    background-image: url("../images/clients/slider-hero/josh-haroldson.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.clients .slide.three {
    background-position: center center;
    background-image: url("../images/clients/slider-hero/joseph-mitton.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.clients .slide.four {
    background-position: center center;
    background-image: url("../images/clients/slider-hero/adina-zaiontz.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.clients .unslider-arrow {
    position: absolute;
    top: 250px;
    color: #FFF;
    font-size: 65px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: .5;
    border-bottom: 0
}

@media screen and (max-width: 39.9375em) {
    .clients .unslider-arrow {
        display: none
    }
}

.clients .unslider-arrow.prev {
    left: 20px
}

@media screen and (max-width: 39.9375em) {
    .clients .unslider-arrow.prev {
        left: auto;
        right: 50px
    }
}

.clients .unslider-arrow.next {
    right: 20px;
    border-bottom: 0
}

@media screen and (max-width: 39.9375em) {
    .clients .unslider-arrow.next {
        right: 15px
    }
}

.clients .unslider-arrow:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    color: #FFF
}

@media screen and (max-width: 39.9375em) {
    .clients .unslider-arrow {
        top: auto;
        bottom: 7px;
        font-size: 55px
    }
}

.quote-name {
    text-transform: uppercase;
    letter-spacing: 3px
}

.unslider {
    position: relative;
    margin: 0;
    padding: 0
}

.unslider-wrap {
    position: relative
}

.unslider-wrap.unslider-carousel>li {
    float: left
}

.unslider-vertical>ul {
    height: 100%
}

.unslider-vertical li {
    float: none;
    width: 100%
}

.unslider-fade {
    position: relative
}

.unslider-fade .unslider-wrap li {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    z-index: 8
}

.unslider-fade .unslider-wrap li.unslider-active {
    z-index: 10
}

.unslider li,
.unslider ol,
.unslider ul {
    list-style: none;
    margin: 0;
    padding: 0;
    border: none
}

.unslider-arrow {
    position: absolute;
    left: 20px;
    z-index: 2;
    cursor: pointer
}

.unslider-arrow.next {
    left: auto;
    right: 20px
}

.unslider-nav {
    display: none
}

.fbds-section--features {
    padding-bottom: 15rem
}

@media screen and (min-width: 64em) {
    .fbds-section--features {
        padding-bottom: 17rem
    }
}

.fbds-section--features__graphic {
    margin-top: -18.75rem
}

.hipaa-compliance-breadcrumbs .fbds-breadcrumbs {
    background: transparent;
    border: 0;
    padding: 0;
    position: relative;
    top: -50px
}

.hipaa-compliance-breadcrumbs .fbds-breadcrumbs__text {
    color: #FFF
}

.hipaa-compliance-breadcrumbs .fbds-breadcrumbs__current {
    color: #FFF
}

.hipaa .left-column-border,
.import-export-data .left-column-border {
    border-right: .05rem lightgray solid;
    padding-right: 2rem
}

@media screen and (max-width: 39.9375em) {

    .hipaa .left-column-border,
    .import-export-data .left-column-border {
        padding-right: .625rem;
        border-right: none
    }
}

.hipaa .right-column-border,
.import-export-data .right-column-border {
    padding-left: 2.5rem
}

@media screen and (max-width: 39.9375em) {

    .hipaa .right-column-border,
    .import-export-data .right-column-border {
        padding-left: .625rem
    }
}

@media screen and (max-width: 39.9375em) {

    .hipaa .hipaa-tool,
    .import-export-data .hipaa-tool {
        margin-bottom: .9375rem
    }
}

.hipaa .cta-wave,
.import-export-data .cta-wave {
    background: url(../images/features/hipaa/cta-gradient.svg) no-repeat;
    background-color: transparent;
    background-size: cover;
    padding-top: 20rem;
    padding-bottom: 5rem;
    margin-top: -12.5rem
}

@media screen and (max-width: 63.9375em) {

    .hipaa .cta-wave,
    .import-export-data .cta-wave {
        padding-top: 10rem
    }
}

.hipaa .cta-center,
.import-export-data .cta-center {
    display: flex;
    align-items: center
}

@media screen and (max-width: 39.9375em) {

    .hipaa .cta-center,
    .import-export-data .cta-center {
        display: block
    }
}

.hipaa .setup-steps,
.import-export-data .setup-steps {
    margin: 1.875rem auto 0
}

.hipaa .setup-steps .setup-card,
.import-export-data .setup-steps .setup-card {
    background-color: #F1F5F6;
    float: left;
    border-radius: 3px;
    position: relative;
    padding: 1.875rem;
    margin: 0 .9375rem;
    box-shadow: 0 2px 4px 0 rgba(110, 110, 110, 0.5)
}

@media screen and (max-width: 63.9375em) {

    .hipaa .setup-steps .setup-card,
    .import-export-data .setup-steps .setup-card {
        width: 100%;
        display: block;
        list-style: none;
        margin: 0 0 3.75rem
    }
}

.hipaa .setup-steps .setup-card .step-number,
.import-export-data .setup-steps .setup-card .step-number {
    border-radius: 50%;
    background-color: #0197EC;
    color: #FFF;
    font-size: 2.25rem;
    font-weight: 600;
    line-height: 1.3;
    display: inline-block;
    height: 50px;
    position: absolute;
    top: -25px;
    left: -25px;
    width: 50px;
    box-shadow: 1px 1px 3px 0 rgba(119, 119, 119, 0.64)
}

@media screen and (max-width: 63.9375em) {

    .hipaa .setup-steps .setup-card .step-number,
    .import-export-data .setup-steps .setup-card .step-number {
        margin-bottom: .3125rem
    }
}

.hipaa .setup-steps .setup-card--white,
.import-export-data .setup-steps .setup-card--white {
    background-color: #FFF
}

.hipaa .import-data__bulletpoint,
.import-export-data .import-data__bulletpoint {
    display: flex;
    align-items: center
}

.scrollspy .scrollspy__nav--pricing .scrollspy__item {
    width: 20%
}

.scrollspy .scrollspy__nav--pricing .scrollspy__item:first-child {
    margin-left: 0
}

.scrollspy .scrollspy__nav--pricing .scrollspy__item--wide {
    width: 25%
}

.pricing-features {
    padding-top: 52px
}

.pricing-features ul li.title {
    font-size: 18px;
    text-transform: uppercase;
    text-align: left;
    padding: 20px 25px 15px 20px
}

.pricing-features ul li.price {
    padding: 22px 0 19px 20px
}

.pricing-features ul li.bullet-item.check,
.pricing-features ul li .nocheck {
    text-align: left;
    padding: 12px 20px
}

.pricing-features ul li.bullet-item.large {
    text-align: left;
    padding-left: 20px
}

.pricing-features ul li span.has-tip {
    font-weight: normal;
    border-bottom: 0
}

.pricing-container .bullet-item.large {
    font-size: 18px;
    padding: 13px 0 12px
}

.pricing-container .bullet-item span.small {
    font-size: 12px
}

.pricing-container .bullet-item.check,
.pricing-container .bullet-item.nocheck {
    height: 41px;
    padding-top: 10px
}

@media screen and (min-width: 64em) {

    .pricing-container .bullet-item.check,
    .pricing-container .bullet-item.nocheck {
        padding-top: 10px
    }
}

.pricing-container .bullet-item.nocheck-text {
    padding-top: 13px
}

.pricing-container .bullet-item .fa-question-circle {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: .5;
    font-size: 14px
}

.pricing-container .bullet-item .fa-check {
    color: #ED9D21;
    font-size: 22px
}

.pricing-container .bullet-item span {
    display: none
}

.pricing-container .bullet-item span.has-tip {
    font-weight: normal;
    border-bottom: none
}

.pricing-container .pricing-features .bullet-item span {
    display: inline
}

.pricing-container .storage {
    display: none
}

.pricing-container ul {
    padding: 0
}

.pricing-container .top ul {
    border-radius: 15px 15px 0 0;
    border-bottom: 0;
    margin-bottom: 0
}

@media screen and (max-width: 63.9375em) {
    .pricing-features {
        display: none
    }

    .pricing-container .bullet-item.check .checkmark {
        display: none
    }

    .pricing-container .bullet-item.check span {
        padding-top: 15px
    }

    .pricing-container .bullet-item.nocheck {
        display: none
    }

    .pricing-container .bullet-item span {
        display: inline
    }

    .most-popular {
        top: -15px;
        left: 20px
    }

    .pricing-table .price div.monthly {
        display: block
    }

    .pricing-table .price div.annual {
        display: none
    }
}

.pricing-features-expand {
    border: 1px solid #d9dddd;
    padding: 15px;
    border-top: 0
}

.pricing-features-expand ul {
    list-style: inside;
    margin: 0;
    padding: 0
}

.pricing-features-expand li.first {
    list-style: none;
    font-weight: bold
}

.pricing-features-expand img {
    max-width: 75px;
    margin-bottom: 15px
}

.pricing-features-expand img.horizontal {
    max-width: 90px;
    margin-bottom: -10px
}

.pricing-features-expand-header {
    background: #455560;
    padding: 6px 0 7px;
    text-align: center;
    color: #fff
}

.pricing-features-expand-header p {
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    margin: 0
}

.mobile .mobile-hero {
    background-position: center center;
    background-image: url("../images/hero-mobile-forms-new.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.mobile .section--app-features .fa {
    font-size: 75px
}

@media screen and (max-width: 39.9375em) {
    .mobile .section--app-features .fa {
        font-size: 3.125rem
    }
}

.mobile .section--logos .fa {
    font-size: 75px
}

.mobile .section--logos .fa-android {
    color: #A4C639
}

.mobile .section--logos .fa-windows {
    color: #00adef
}

.mobile-responsive .mobile-responsive-hero {
    background-position: center center;
    background-image: url("../images/hero_mobile-responsive.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center top
}

.mobile-responsive .iphone-background {
    width: 300px;
    height: 550px;
    background: url(../images/responsive-iphone-bg.png) no-repeat
}

.mobile-responsive .iphone-screen {
    width: 253px;
    height: 403px;
    margin: 62px 0 0 30px;
    position: absolute;
    overflow-y: scroll
}

.mobile-responsive .check-list {
    list-style: none
}

.mobile-responsive .check-list li {
    font-size: 16px
}

.mobile-responsive .check-list span.green {
    color: #7BC143
}

.mobile-responsive .check-list span.red {
    color: red
}

.mobile-responsive .signup .free-trial {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 0
}

.mobile-responsive .signup .free-trial img {
    max-width: 170px;
    margin: -15px 10px -5px 0
}

.mobile-responsive .signup input[type="submit"] {
    padding: 29px 19px
}

.mobile-responsive .signup select {
    background-color: white;
    font-family: inherit;
    border: 1px solid #cccccc;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    color: rgba(0, 0, 0, 0.75);
    display: block;
    font-size: 14px;
    margin: 0 0 12px 0;
    padding: 6px;
    height: 32px;
    width: 100%;
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.15s;
    -o-transition-duration: 0.15s;
    -webkit-transition-duration: 0.15s;
    transition-duration: 0.15s;
    -moz-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear
}

.aweber .badge {
    margin: 0 auto;
    background-color: #7BC143;
    border-radius: 3px;
    width: 215px
}

.aweber .badge img {
    height: 15px;
    max-width: 100%;
    margin-bottom: 3px;
    padding: 0px 3px
}

.aweber .badge div {
    padding: 8px 5px
}

.aweber .badge div .plus {
    color: #FFF
}

.aweber .features img {
    max-height: 350px
}

@media screen and (min-width: 40em) {
    .aweber .features .vertical-center {
        margin-top: 100px
    }
}

@media screen and (max-width: 39.9375em) {
    .aweber .features .vertical-center {
        margin-top: 15px
    }
}

.careers-page .careers__hero {
    background-position: center center;
    background-image: url("../images/careers/hero.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    height: 501px
}

.careers-page .scrollspy {
    border-bottom: none
}

.careers-page .careers__nav {
    width: 100%;
    background-color: #1C2F3A;
    display: table
}

@media screen and (max-width: 72.125em) {
    .careers-page .careers__nav {
        display: none
    }
}

.careers-page .careers__nav .scrollspy__item {
    width: 25%;
    display: table-cell;
    vertical-align: middle
}

.careers-page .careers__nav .scrollspy__item.active a {
    background-color: #1C2F3A;
    border-bottom: 6px solid #7BC143;
    opacity: 1
}

.careers-page .careers__nav .scrollspy__item a {
    color: #FFF;
    opacity: 0.5
}

.careers-page .careers__nav .scrollspy__item a:hover {
    background-color: #1C2F3A;
    border-bottom: 6px solid #7BC143;
    opacity: 1
}

.careers-page .careers__culture {
    background-position: center center;
    background-image: url("../images/careers/culture-bg.png");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    height: 100%;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center
}

.careers-page .careers__benefits {
    background-color: linear-gradient(-127deg, #455661 11%, #1d2f39 100%)
}

.careers-page .careers__benefits img {
    height: 115px;
    width: 115px
}

.careers-page .careers__newhire img {
    height: 115px;
    width: 115px;
    border-radius: 50%;
    border: 2px solid #FFF
}

.careers-page .careers__dailystack img {
    height: 115px;
    width: auto
}

.careers-page .careers__openings .button,
.careers-page .careers__openings .fbds-newsletter-form .fsForm .fsSubmit input.fsSubmitButton,
.fbds-newsletter-form .fsForm .fsSubmit .careers-page .careers__openings input.fsSubmitButton,
.careers-page .careers__openings .newsletter-form .fsSubmitButton,
.newsletter-form .careers-page .careers__openings .fsSubmitButton {
    width: 150px;
    text-align: center
}

.careers-page .joblist h5 {
    width: 100%;
    background: #7BC143;
    font-size: 18px;
    color: white;
    font-weight: bold;
    line-height: 1;
    padding: 15px;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 0;
    text-align: left
}

.careers-page .joblist .job-post {
    list-style: none;
    margin: 0 0 15px 0;
    text-align: left;
    padding: 15px;
    border-bottom: 1px solid #F1F5F6
}

.careers-page .joblist .job-post h4 {
    color: #455560
}

.careers-page .joblist .job-post h4 .desc {
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0
}

.careers-page .remote {
    background-color: transparent;
    position: relative;
    padding-bottom: 50px;
    overflow: hidden
}

.careers-page .remote .fbds-headline-secondary {
    text-shadow: -1px 1px 1px #fff, 0 0 7px #fff
}

.careers-page .remote .rotate {
    background: url("../images/careers-world.gif.html") no-repeat center center;
    position: absolute;
    top: 130px;
    left: 20%;
    margin: 0 auto;
    width: 850px;
    height: 850px;
    z-index: -1;
    opacity: 1;
    -moz-animation-name: rotate;
    -webkit-animation-name: rotate;
    animation-name: rotate;
    -moz-animation-duration: 15s;
    -webkit-animation-duration: 15s;
    animation-duration: 15s;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

@-webkit-keyframes rotate {
    from {
        -webkit-transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

@-moz-keyframes rotate {
    from {
        -moz-transform: rotate(0deg)
    }

    to {
        -moz-transform: rotate(360deg)
    }
}

@keyframes rotate {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

.press--hero {
    background-image: url(../images/press/header2.png);
    background-position: 0px center
}

.press--hero .press--header {
    padding: 80px 0
}

.press--hero .press--header .fbds-headline-secondary {
    font-size: 28px
}

.press--hero .press--header .press--header__img {
    display: inline-block;
    vertical-align: text-top;
    padding-top: 21px
}

.press--hero .press--header .press--header__headline {
    padding: 30px 20px 12px;
    border-left: 1px solid #F1F5F6;
    display: inline-block;
    margin-left: 20px;
    vertical-align: text-top
}

@media screen and (max-width: 39.9375em) {
    .press--hero .press--header .press--header__headline {
        border-left: none
    }
}

.press--hero img {
    height: 50px;
    width: auto
}

.press--info {
    width: 100%
}

.press--info .row {
    max-width: 100rem
}

.press--info .row div {
    height: 200px;
    padding: 50px 50px 50px 100px
}

.press--info .press--info__ceo {
    background-image: url(../images/press/byers--green.jpg);
    background-position: -200px -160px
}

.press--info .press--info__founded {
    background-image: url(../images/press/office.jpg);
    background-position: -200px -160px
}

.press--info .press--info__hq {
    background-image: url(../images/press/press--indy.jpg);
    background-position: center -320px
}

.press--info .press--info__remoties {
    background-image: url(../images/press/press--remote.jpg);
    background-position: center -320px
}

.press--info .press--info__label {
    display: block;
    color: #1C2F3A;
    text-transform: uppercase;
    margin-top: 20px;
    font-size: 24px;
    font-weight: 600
}

.press--info .press--info__text {
    display: block;
    color: #FFF;
    font-weight: 400;
    margin-top: 10px;
    font-size: 24px
}

.press--desc {
    font-size: 22px
}

.press-releases .fbds-headline-tertiary {
    font-size: 24px
}

.press-releases h4 a {
    font-size: 18px;
    font-weight: 600;
    border-bottom: none
}

.press-releases h4 a .date {
    font-size: 16px;
    font-weight: normal;
    color: #6C7A85;
    text-transform: uppercase;
    letter-spacing: 0px
}

.mentions img {
    height: 35px;
    margin-right: 25px
}

@media screen and (max-width: 39.9375em) {
    .mentions img {
        margin-top: 15px
    }
}

.mentions img .end {
    margin-right: 0px
}

.press .big-button {
    width: 352px
}

@media screen and (max-width: 39.9375em) {
    .press .big-button {
        width: 100%;
        margin-bottom: 30px
    }
}

.press--branding .fbds-headline-secondary {
    font-size: 24px;
    font-weight: bold
}

.press--branding img {
    width: auto
}

@media screen and (max-width: 39.9375em) {
    .press--branding img {
        margin-top: 30px
    }
}

.color-circles span {
    height: 50px;
    width: 50px;
    display: block;
    border-radius: 25px
}

@media screen and (max-width: 39.9375em) {
    .color-circles span {
        margin-bottom: 5px
    }
}

.color-circles .circle--green {
    background-color: #7BC143
}

.color-circles .circle--gray {
    background-color: #455560
}

.color-circles .circle--lightgray {
    background-color: #6C7A85
}

.color-circles .circle--lightgreen {
    background-color: #A8C933
}

.color-circles .circle--lightblue {
    background-color: #62CAE3
}

.color-circles .circle--palegreen {
    background-color: #DAFFBD
}

.color-circles .circle--orange {
    background-color: #ED9D21
}

.color-circles .circle--paleblue {
    background-color: #DDF1F7
}

.color-circles .circle--darkgray {
    background-color: #1C2F3A
}

.leadership-pic {
    background-image: url(../images/press/leadership-green.png.html);
    background-position: top center;
    background-size: cover
}

.leadership-pic .fbds-headline-primary {
    padding: 275px 0
}

.press-bios .fbds-headline-secondary {
    font-weight: bold
}

.press-bios h5 {
    color: #6C7A85
}

.press-bios img {
    height: 115px;
    width: 115px;
    border-radius: 50%
}

.visitor-resources--home .boxes {
    list-style: none;
    padding: 0;
    margin: 0
}

.visitor-resources--home .boxes__item a {
    width: 100%;
    height: 200px;
    background-color: #455560;
    display: block;
    color: #fff;
    border: 0;
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.15s;
    -o-transition-duration: 0.15s;
    -webkit-transition-duration: 0.15s;
    transition-duration: 0.15s;
    -moz-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear
}

.visitor-resources--home .boxes__item a .label__bg--white {
    margin-top: 50px;
    display: inline-block
}

.visitor-resources--home .boxes__item a .boxes__title,
.visitor-resources--home .boxes__item a .boxes__description {
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.15s;
    -o-transition-duration: 0.15s;
    -webkit-transition-duration: 0.15s;
    transition-duration: 0.15s;
    -moz-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    text-shadow: rgba(0, 0, 0, 0.3) 1px 1px 0;
    padding: 0 10px
}

.visitor-resources--home .boxes__item a .boxes__title {
    font-size: 22px;
    text-align: center;
    font-weight: 600;
    margin-bottom: 5px;
    padding: 5px 10px 0 10px
}

.visitor-resources--home .boxes__item a .boxes__description {
    text-align: center;
    opacity: 0
}

.visitor-resources--home .boxes__item a:hover .boxes__title {
    padding-top: 0px
}

.visitor-resources--home .boxes__item a:hover .boxes__description {
    opacity: 1
}

.visitor-resources--home .boxes__item--one a,
.visitor-resources--home .boxes__item--two a,
.visitor-resources--home .boxes__item--three a,
.visitor-resources--home .boxes__item--four a {
    background-position: center;
    -moz-box-shadow: inset 0px 0px 100px 50px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: inset 0px 0px 100px 50px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0px 0px 100px 50px rgba(0, 0, 0, 0.5)
}

.visitor-resources--home .boxes__item--one a:hover,
.visitor-resources--home .boxes__item--two a:hover,
.visitor-resources--home .boxes__item--three a:hover,
.visitor-resources--home .boxes__item--four a:hover {
    -moz-box-shadow: inset 0px 0px 100px 150px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: inset 0px 0px 100px 150px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0px 0px 100px 150px rgba(0, 0, 0, 0.5)
}

.visitor-resources--home .boxes__item--one a {
    background-image: url("../images/resources/resources_box_one.jpg")
}

.visitor-resources--home .boxes__item--two a {
    background-image: url("../images/resources/resources_box_two.jpg")
}

.visitor-resources--home .boxes__item--three a {
    background-image: url("../images/resources/resources_box_three.jpg")
}

.visitor-resources--home .boxes__item--four a {
    background-image: url("../images/resources/resources_box_four.jpg")
}

.resources-breadcrumbs {
    list-style: none;
    margin: 7px 0 0
}

.resources-breadcrumbs .resources-breadcrumbs__item {
    font-size: 18px;
    display: inline-block;
    margin-right: 5px
}

.resources-breadcrumbs .resources-breadcrumbs__item a {
    border: 0
}

.resources-breadcrumbs.resources-breadcrumbs--no-padding {
    padding: 0
}

.resources-sidebar .resources-sidebar__headline {
    font-family: "Rubik", sans-serif;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 10px
}

.resources-sidebar .resources-sidebar__list {
    list-style: disc
}

.resources-sidebar .resources-sidebar__list .resources-list__item a {
    border: 0
}

.visitor-resources--sub .fbds-hero,
.visitor-resources--sub .fbds-hero--darkgray,
.visitor-resources--sub .fbds-hero--darkgraygradient,
.visitor-resources--sub .industry .industry__ver-one .industry-hero--registrations,
.industry .industry__ver-one .visitor-resources--sub .industry-hero--registrations,
.visitor-resources--sub .hero--nicereply,
.visitor-resources--sub .hero--webinars__confirmation,
.visitor-resources--content .fbds-hero,
.visitor-resources--content .fbds-hero--darkgray,
.visitor-resources--content .fbds-hero--darkgraygradient,
.visitor-resources--content .industry .industry__ver-one .industry-hero--registrations,
.industry .industry__ver-one .visitor-resources--content .industry-hero--registrations,
.visitor-resources--content .hero--nicereply,
.visitor-resources--content .hero--webinars__confirmation {
    -moz-box-shadow: inset 0px 0px 100px 50px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: inset 0px 0px 100px 50px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0px 0px 100px 50px rgba(0, 0, 0, 0.5)
}

.fbds-header--for-every-team,
.fbds-header--infographics-for-every-team-hr,
.fbds-header--infographics-for-every-team-education,
.fbds-header--infographics-for-every-team-marketing,
.fbds-header--infographics-for-every-team-healthcare {
    background-position: center center;
    background-image: url("../images/resources/for-every-team/fet-background.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--resources-main {
    background-position: center center;
    background-image: url("../images/resources/heros/beginners-guide-cro-strategy.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--dm {
    background-position: center center;
    background-image: url("../images/resources/heros/digital-marketing.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--cro {
    background-position: center center;
    background-image: url("../images/resources/heros/cro.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--fs {
    background-position: center center;
    background-image: url("../images/resources/heros/fs101.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--industry {
    background-position: center center;
    background-image: url("../images/resources/heros/industry.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--ebooks {
    background-position: center center;
    background-image: url("../images/resources/heros/ebooks.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--guides {
    background-position: center center;
    background-image: url("../images/resources/heros/guides.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--infographics {
    background-position: center center;
    background-image: url("../images/resources/heros/infographics.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--reports {
    background-position: center center;
    background-image: url("../images/resources/heros/reports.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--videos {
    background-position: center center;
    background-image: url("../images/resources/heros/videos.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--webinars {
    background-position: center center;
    background-image: url("../images/resources/heros/webinars.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--guide-abtest {
    background-position: center center;
    background-image: url("../images/resources/heros/ebook-ab-test-your-forms-maximum.png");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--guide-church {
    background-position: center center;
    background-image: url("../images/resources/heros/guide-using-online-forms-to-turn-a-church-visitor-into-a-member.png");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--guide-conduct {
    background-position: center center;
    background-image: url("../images/resources/heros/ebook-how-to-conduct-a-digital-brand-identity-audit.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--guide-patient-onboarding {
    background-position: center center;
    background-image: url("../images/resources/heros/guide-anatomy-of-paperless-patient-onboarding.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--guide-cro {
    background-position: center center;
    background-image: url("../images/resources/heros/guide-so-whats-conversion-rate-optimization-anyway.png");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--guide-creative {
    background-position: center center;
    background-image: url("../images/resources/heros/guide-beyond-the-contact-form.png");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--guide-design {
    background-position: center center;
    background-image: url("../images/resources/heros/ebook-design-forms-for-higher-conversions.png");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--guide-event {
    background-position: center center;
    background-image: url("../images/resources/heros/guide-online-forms-for-event-planning.png");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--guide-fair {
    background-position: center center;
    background-image: url("../images/resources/heros/guide-turn-fair-weather-fans-into-diehard-followers.png");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--guide-fancy {
    background-position: center center;
    background-image: url("../images/resources/heros/guide-fancy-form-themes.png");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--guide-features {
    background-position: center center;
    background-image: url("../images/resources/heros/guide-using-formstack-to-safely-capture-more-responses-in-higher-education.png");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--guide-marketing {
    background-position: center center;
    background-image: url("../images/resources/heros/guide-formstack-marketing-field-guide.png");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--guide-smallbiz {
    background-position: center center;
    background-image: url("../images/resources/heros/guide-formstack-small-business-handbook.png");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--guide-fbtraffic {
    background-position: center center;
    background-image: url("../images/resources/heros/guide-four-ways-to-get-more-out-of-facebook-traffic.png");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--guide-highered-dept {
    background-position: center center;
    background-image: url("../images/resources/heros/guide-formstack-for-higher-education-departments.png");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--guide-highered-inquiry {
    background-position: center center;
    background-image: url("../images/resources/heros/guide-higher-ed-forms-from-inquiry-to-acceptance.png");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--guide-highered {
    background-position: center center;
    background-image: url("../images/resources/heros/guide-formstack-for-higher-education.png");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--guide-sigs {
    background-position: center center;
    background-image: url("../images/resources/heros/guide-how-to-collect-electronic-signatures.png");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--guide-survey {
    background-position: center center;
    background-image: url("../images/resources/heros/guide-how-to-conduct-an-online-survey.png");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--guide-campaign {
    background-position: center center;
    background-image: url("../images/resources/heros/ebook-how-to-create-a-post-event-email-marketing-campaign.png");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--guide-season {
    background-position: center center;
    background-image: url("../images/resources/heros/guide-how-to-make-an-order-form-for-season-ticket-sales.png");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--guide-primer-basic {
    background-position: center center;
    background-image: url("../images/resources/heros/guide-formstack-primer.png");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--guide-primer-customize {
    background-position: center center;
    background-image: url("../images/resources/heros/guide-formstack-primer.png");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--guide-primer-securing {
    background-position: center center;
    background-image: url("../images/resources/heros/guide-formstack-primer.png");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--guide-primer-sharing {
    background-position: center center;
    background-image: url("../images/resources/heros/guide-formstack-primer.png");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--guide-safely {
    background-position: center center;
    background-image: url("../images/resources/heros/guide-using-formstack-to-safely-capture-more-responses-in-higher-education.png");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--guide-strengthen {
    background-position: center center;
    background-image: url("../images/resources/heros/guide-four-ways-to-use-summer-break-to-strengthen-your-branding.png");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--guide-formstack-primer {
    background-position: center center;
    background-image: url("../images/resources/heros/guide-formstack-primer.png");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--guide-track {
    background-position: center center;
    background-image: url("../images/resources/heros/guide-why-should-i-track-my-form-in-google-analytics.png");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--guide-compliance {
    background-position: center center;
    background-image: url("../images/resources/heros/guide-formstack-508-compliance.png");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--guide-cta {
    background-position: center center;
    background-image: url("../images/resources/heros/guide-what-is-a-call-to-action-and-why-does-it-matter.png");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--guide-conversion-rate {
    background-position: center center;
    background-image: url("../images/resources/heros/guide-whats-all-the-fuss-about-conversion-rate-anyway.png");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--guide-value-prop {
    background-position: center center;
    background-image: url("../images/resources/heros/guide-what-is-a-value-proposition-and-why-should-i-care.png");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--ebook-cro {
    background-position: center center;
    background-image: url("../images/ebook_cro_hero_bg.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--ebook-budgeting {
    background-position: center center;
    background-image: url("../images/ebook_cro_budget_hero_bg.png");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--ebook-nonprofits {
    background-position: center center;
    background-image: url("../images/ebook-bg-formstack-nonprofits.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--ebook-ab-test {
    background-position: center center;
    background-image: url("../images/ebook-bg-ab-test-forms.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--ebook-killer-content-strategy {
    background-position: center center;
    background-image: url("../images/resources/heros/ebook-killer-content-marketing-strategy.png");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--ebook-testing-your-way {
    background-position: center center;
    background-image: url("../images/hero-macbook-pro.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--higher-ed-survey-infographic {
    background-position: center center;
    background-image: url("../images/resources/heros/higher-ed-survey-infographic.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--form-conversion-report-2015 {
    background-position: center center;
    background-image: url("../images/resources/heros/form-conversion-report-2015.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--mobile-marketing-mistakes {
    background-position: center center;
    background-image: url("../images/resources/heros/mobile-marketing-mistakes.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--website-losing-money {
    background-position: center center;
    background-image: url("../images/resources/heros/website-losing-money.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--toolbox-of-the-small-business-marketing-cycle {
    background-position: center center;
    background-image: url("../images/resources/heros/toolbox-of-the-small-business-marketing-cycle.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--the-small-business-journey-to-the-cloud {
    background-position: center center;
    background-image: url("../images/resources/heros/the-small-business-journey-to-the-cloud.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--small-businesses-engaging-ecommerce {
    background-position: center center;
    background-image: url("../images/resources/heros/small-businesses-engaging-ecommerce.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--less-form-fields-drives-conversions {
    background-position: center center;
    background-image: url("../images/resources/heros/less-form-fields-drives-conversions.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--personalized-marketing {
    background-position: center center;
    background-image: url("../images/resources/heros/personalized-marketing.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--marketing-skills-to-succeed {
    background-position: center center;
    background-image: url("../images/resources/heros/marketing-skills-to-succeed.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--higher-ed-survey-infographic {
    background-position: center center;
    background-image: url("../images/resources/heros/higher-ed-survey-infographic.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--form-conversion-report {
    background-position: center center;
    background-image: url("../images/resources/heros/form-conversion-report.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--fictional-bosses-remote-teams {
    background-position: center center;
    background-image: url("../images/resources/heros/fictional-bosses-remote-teams.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--calculate-landing-page-roi {
    background-position: center center;
    background-image: url("../images/resources/heros/calculate-landing-page-roi.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--blueprint-higher-education-cmo {
    background-position: center center;
    background-image: url("../images/resources/heros/blueprint-higher-education-cmo.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--best-payment-gateway {
    background-position: center center;
    background-image: url("../images/resources/heros/best-payment-gateway.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--anatomy-perfect-event {
    background-position: center center;
    background-image: url("../images/resources/heros/anatomy-perfect-event.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--anatomy-of-online-form {
    background-position: center center;
    background-image: url("../images/resources/heros/anatomy-of-online-form.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--report-google-analytics {
    background-position: center center;
    background-image: url("../images/google-analytics-report-hero-ipad.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--report-higher-ed {
    background-position: center center;
    background-image: url("../images/reports/hero-higher-ed.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--webinar-ab-testing {
    background-position: center center;
    background-image: url("../images/webinar/hero-ab-testing-perfect-lp.png");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--ab-testing {
    background-position: center center;
    background-image: url("../images/resources/heros/infographic-a-b-testing.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--conversion-killers {
    background-position: center center;
    background-image: url("../images/hero-mac-iphone-notebook.png");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--perfect-lead-gen-form {
    background-position: center center;
    background-image: url("../images/resources/heros/infographic-constructing-the-perfect-lead-gen-form.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--ebook-lead-gen-adwords {
    background-position: center center;
    background-image: url("../images/ebook_lead_gen_with_adwords_hero.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--ebook-lead-gen-social-media {
    background-position: center center;
    background-image: url("../images/resources/heros/guide-lead-gen-social-media.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--ascend-to-conversion-heights {
    background-position: center center;
    background-image: url("../images/resources/infographic-ascend-to-conversion-heights-hero.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--research-report {
    background-position: center center;
    background-image: url("../images/resources/lead_capture_bg.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.marketing-roi .hero {
    background-color: #333;
    background-position: center center;
    background-image: url("../images/hero-roi-computer.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: left 30px;
    padding: 100px 0
}

.marketing-roi .hero .fbds-headline-primary {
    font-size: 40px;
    line-height: 48px;
    margin-bottom: 10px
}

.marketing-roi .calculator {
    margin-bottom: 35px
}

.marketing-roi .calculator .top-wrap {
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px;
    border-radius: 3px 3px 0 0;
    padding: 25px 35px 15px 35px;
    font-weight: bold
}

.marketing-roi .calculator .top-wrap .title {
    font-size: 18px;
    font-weight: bold;
    margin: 0
}

.marketing-roi .calculator fieldset {
    border: 0;
    padding: 0;
    margin: 35px 0 0 0
}

.marketing-roi .calculator fieldset.first {
    margin-top: 0
}

.marketing-roi .calculator fieldset.cpc input,
.marketing-roi .calculator fieldset.leads input {
    max-width: 150px
}

.marketing-roi .calculator label {
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 7px
}

.marketing-roi .calculator input {
    margin-bottom: 0;
    max-width: 250px;
    font-size: 18px;
    font-weight: bold
}

.marketing-roi .calculator.gray .top-wrap {
    background: #F1F5F6
}

.marketing-roi .calculator.gray .top-wrap .title {
    color: #455560
}

.marketing-roi .calculator.gray .calculator--wrap {
    background: #F1F5F6
}

.marketing-roi .calculator.gray .helper {
    color: #455560;
    text-transform: uppercase;
    font-size: 12px;
    margin-bottom: 25px
}

.marketing-roi .calculator.gray .poweredby {
    max-width: 175px;
    margin: 27px 0 -8px
}

.marketing-roi .calculator.default-message {
    background: #1C2F3A;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 35px;
    position: relative
}

.marketing-roi .calculator.default-message .arrow-left {
    width: 0;
    height: 0;
    border-top: 27px solid transparent;
    border-bottom: 27px solid transparent;
    border-right: 30px solid #1c2f3a;
    position: absolute;
    left: -20px;
    top: 10px
}

.marketing-roi .calculator.default-message .helper {
    font-size: 13px;
    font-style: italic;
    line-height: 1.25
}

.marketing-roi .calculator.green .top-wrap {
    background: #38591D
}

.marketing-roi .calculator.green .top-wrap .title {
    color: white
}

.marketing-roi .calculator.green .top-wrap .title .logo {
    width: 140px;
    margin: -10px 5px 0
}

.marketing-roi .calculator.green .calculator--wrap {
    background: #7BC143
}

.marketing-roi .calculator.green .label,
.marketing-roi .calculator.green .label__bg--white,
.marketing-roi .calculator.green .new-alt-pages .alternative-label,
.new-alt-pages .marketing-roi .calculator.green .alternative-label,
.marketing-roi .calculator.green .label .has-tip,
.marketing-roi .calculator.green .label__bg--white .has-tip,
.marketing-roi .calculator.green .new-alt-pages .alternative-label .has-tip,
.new-alt-pages .marketing-roi .calculator.green .alternative-label .has-tip {
    color: #4f8422;
    font-size: 18px
}

.marketing-roi .calculator.green .label.your-cr,
.marketing-roi .calculator.green .your-cr.label__bg--white,
.marketing-roi .calculator.green .new-alt-pages .your-cr.alternative-label,
.new-alt-pages .marketing-roi .calculator.green .your-cr.alternative-label,
.marketing-roi .calculator.green .label .has-tip.your-cr,
.marketing-roi .calculator.green .label__bg--white .has-tip.your-cr,
.marketing-roi .calculator.green .new-alt-pages .alternative-label .has-tip.your-cr,
.new-alt-pages .marketing-roi .calculator.green .alternative-label .has-tip.your-cr {
    margin-top: 15px
}

.marketing-roi .calculator.green .label .has-tip,
.marketing-roi .calculator.green .label__bg--white .has-tip,
.marketing-roi .calculator.green .new-alt-pages .alternative-label .has-tip,
.new-alt-pages .marketing-roi .calculator.green .alternative-label .has-tip {
    border-bottom: 1px dotted #4f8422
}

.marketing-roi .calculator.green .label .has-tip:hover,
.marketing-roi .calculator.green .label__bg--white .has-tip:hover,
.marketing-roi .calculator.green .new-alt-pages .alternative-label .has-tip:hover,
.new-alt-pages .marketing-roi .calculator.green .alternative-label .has-tip:hover {
    color: #fff;
    border-bottom: 1px dotted #fff
}

.marketing-roi .calculator.green .output {
    color: #FFF;
    font-size: 36px;
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 20px
}

.marketing-roi .calculator.green .output.your-cr-fs {
    margin-bottom: 0
}

.marketing-roi .calculator.green .output.roi {
    margin-bottom: 0;
    background: #38591D;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 6px 8px 4px;
    margin-top: 5px
}

.marketing-roi .calculator.green .output .cr-increase {
    font-size: 24px;
    color: #7BC143
}

.marketing-roi .calculator.green .cta {
    margin: 15px 0 0 0
}

.marketing-roi .calculator.green .cta a {
    width: 100%
}

.marketing-roi .calculator.green #calc_slider {
    margin: 10px 0 20px;
    max-width: 100%
}

.marketing-roi .calculator .calculator--wrap {
    padding: 25px 35px 35px 35px;
    -moz-border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0;
    border-radius: 0 0 3px 3px
}

.marketing-roi .conversion-rate-optimization .features .cr-improvement {
    font-size: 42px;
    font-weight: bold;
    margin-bottom: 0
}

.marketing-roi .conversion-rate-optimization .features .features__item img {
    margin-bottom: 17px;
    width: auto
}

@media only screen and (max-width: 880px) {
    section.home.hero h1 {
        width: 100%;
        margin-top: 35px
    }

    section.home.hero h2 {
        width: 100%;
        margin-top: 15px;
        font-size: 14px;
        line-height: 20px
    }
}

@media only screen and (max-width: 767px) {
    section.home.hero .fbds-headline-primary-wrap {
        background: rgba(123, 193, 67, 0.75);
        border-radius: 3px;
        padding: 30px;
        margin: 150px 50px 0
    }

    section.home.hero h1 {
        text-align: center;
        font-size: 35px;
        line-height: 1;
        margin: 0
    }

    section.home.hero h2 {
        text-align: center;
        margin: 20px 0 0;
        font-size: 16px;
        background: none;
        padding: 0
    }

    .home.integrations {
        text-align: center
    }

    .home.integrations a .wrap {
        float: none
    }

    .home.integrations h4 {
        text-align: center;
        background: none;
        padding: 0;
        font-size: 24px
    }

    .home h3 {
        font-size: 32px
    }

    .home.first h3 {
        margin-bottom: 0
    }

    section.home.darkgray .press {
        display: none
    }
}

@media only screen and (max-width: 500px) {
    section.home.hero .fbds-headline-primary-wrap {
        padding: 30px;
        margin: 150px 25px 0
    }

    section.home.hero h2 {
        font-size: 14px
    }
}

.industry__ver-two .fbds-headline-primary span {
    font-weight: 600;
    text-transform: none
}

@media screen and (min-width: 64em) and (max-width: 74.9375em) {
    .industry__ver-two .fbds-headline-primary span {
        font-size: 40px
    }
}

.industry__ver-two .start-to-finish-2 img {
    margin-bottom: 30px
}

.industry__ver-two .fbds-headline-tertiary {
    text-transform: none;
    font-weight: 700
}

.industry__ver-two .linkbutton {
    padding: 15px;
    border: 1px #FFF solid;
    border-radius: 3.75px;
    color: #FFF
}

.industry__ver-two .linkbutton:hover {
    color: #455560;
    background: #FFF
}

.industry__ver-two .section--lightestgray .linkbutton {
    padding: 15px;
    border: 1px #455560 solid;
    border-radius: 3.75px;
    color: #455560
}

.industry__ver-two .section--lightestgray .linkbutton:hover {
    color: #FFF;
    background: #455560
}

.integration-icons img {
    height: 100px;
    width: auto
}

.features .listings a {
    text-decoration: none;
    display: block;
    padding: 15px 25px;
    border-radius: 6px;
    border: 1px solid #F1F5F6
}

.features .listings a h4 {
    margin: 0 0 10px 0;
    font-weight: 700;
    font-size: 22px
}

.features .listings a p {
    margin: 0
}

.features .listings a .icon {
    float: left;
    width: 80px;
    height: 80px;
    background: url(../images/hp-feature-sprite-new.png) no-repeat
}

.features .listings a .content {
    float: left;
    width: 250px
}

.features .listings a:hover {
    background: #fff;
    border: 1px solid #ccc;
    -moz-box-shadow: 0px 0px 3px #ccc;
    -webkit-box-shadow: 0px 0px 3px #ccc;
    box-shadow: 0px 0px 3px #ccc
}

.features .listings a.dragdrop .icon {
    background-position: 0 0
}

.features .listings a.dragdrop:hover .icon {
    background-position: 0px -80px
}

.features .listings a.themes .icon {
    background-position: 0px -160px
}

.features .listings a.themes:hover .icon {
    background-position: 0px -240px
}

.features .listings a.analytics .icon {
    background-position: 0px -320px
}

.features .listings a.analytics:hover .icon {
    background-position: 0px -400px
}

.features .listings a.fileuploads .icon {
    background-position: 0px -480px
}

.features .listings a.fileuploads:hover .icon {
    background-position: 0px -560px
}

.features .listings a.security .icon {
    background-position: 0px -640px
}

.features .listings a.security:hover .icon {
    background-position: 0px -720px
}

.features .listings a.data .icon {
    background-position: 0px -800px
}

.features .listings a.data:hover .icon {
    background-position: 0px -880px
}

.features .listings a.social .icon {
    background-position: -80px 0
}

.features .listings a.social:hover .icon {
    background-position: -80px -80px
}

.features .listings a.partial .icon {
    background-position: -80px -160px
}

.features .listings a.partial:hover .icon {
    background-position: -80px -240px
}

.features .listings a.abtesting .icon {
    background-position: -80px -320px
}

.features .listings a.abtesting:hover .icon {
    background-position: -80px -400px
}

.features .listings a.campaign .icon {
    background-position: -80px -480px
}

.features .listings a.campaign:hover .icon {
    background-position: -80px -560px
}

.features .listings a.fbtabembed .icon {
    background-position: -80px -640px
}

.features .listings a.fbtabembed:hover .icon {
    background-position: -80px -720px
}

.features .icons {
    margin-bottom: 15px
}

.features .icons img {
    height: 100px;
    width: auto
}

.start-to-finish {
    background-position: center center;
    background-image: url("../images/online-forms-timeline-bg.png");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.start-to-finish .banner {
    position: relative;
    z-index: 0;
    overflow: visible
}

@media screen and (max-width: 39.9375em) {
    .start-to-finish .banner {
        width: 100% !important;
        height: auto !important
    }
}

.start-to-finish .slide-content {
    padding: 0 0;
    float: left;
    display: block;
    list-style: none;
    height: 180px;
    background-color: #fff;
    margin: 8px;
    color: #455560;
    border-radius: 10px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
    opacity: .85;
    text-align: center;
    width: 284px
}

.start-to-finish .slide-content .slide-content__title {
    font-size: 20px;
    margin: 0px;
    font-weight: bold;
    text-transform: uppercase
}

.start-to-finish .slide-content .slide-content__top {
    padding: 10px;
    background-color: #7BC143;
    color: #FFF;
    -moz-border-radius-topleft: 10px;
    -webkit-border-top-left-radius: 10px;
    border-top-left-radius: 10px;
    -moz-border-radius-topright: 10px;
    -webkit-border-top-right-radius: 10px;
    border-top-right-radius: 10px
}

@media screen and (max-width: 39.9375em) {
    .start-to-finish .slide-content .slide-content__top {
        height: auto
    }
}

.start-to-finish .slide-content .slide-content__bottom {
    padding: 25px 13px 19px;
    -moz-border-radius-bottomleft: 10px;
    -webkit-border-bottom-left-radius: 10px;
    border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-bottom-right-radius: 10px;
    border-bottom-right-radius: 10px
}

.start-to-finish .slide-content .slide-content__bottom .fa {
    margin-right: 3px
}

.start-to-finish .slide-content .slide-content__bottom.bottom-ppc {
    padding: 15px 13px 19px
}

.start-to-finish .slide-content img {
    margin-top: 5px
}

@media screen and (max-width: 39.9375em) {
    .start-to-finish .slide-content {
        width: auto;
        height: auto
    }
}

@media screen and (max-width: 39.9375em) {
    .start-to-finish .slide-content.last {
        float: left
    }
}

.start-to-finish .slide-content .triangle-pointer {
    margin-top: -17px
}

@media screen and (max-width: 39.9375em) {
    .start-to-finish {
        height: auto
    }
}

.online-forms .features img {
    height: 75px;
    width: auto;
    margin-bottom: 15px
}

.free-trial-header {
    background-color: #455560;
    padding: 20px 0
}

.free-trial-header__logo {
    width: 200px;
    height: auto
}

.main--free-trial .fbds-section--green,
.main--free-trial .fbds-section--gradient-green {
    background-position: center center;
    background-image: url("../images/events/digital-summit-dallas-hero.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    display: block
}

.main--free-trial .fbds-headline-secondary--plan {
    border: 1px solid #ffffff;
    display: inline-block;
    padding: 5px 15px;
    text-transform: uppercase;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 0
}

.main--free-trial .side-marketing,
.main--free-trial .signup-form {
    float: none !important
}

.main--free-trial .signup-form {
    margin: -310px auto 50px
}

.main--free-trial .side-marketing {
    margin: 0 auto;
    width: 50%
}

.main--free-trial .quote-box .with-thumb img {
    display: block;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.main--free-trial .quote-box .quote {
    background-color: transparent;
    border: none;
    color: #1C2F3A;
    padding: 0
}

.main--free-trial .quote-box .quote::after,
.main--free-trial .quote-box .quote::before {
    border: none
}

.main--free-trial .press-logos {
    width: 50%;
    padding: 0 7px
}

.interactive.hero {
    height: 650px;
    position: relative
}

.interactive.hero .headers-padded {
    padding-top: 190px
}

.interactive.hero h1,
.interactive.hero h2 {
    font-weight: 400;
    line-height: 1.1;
    text-shadow: none
}

.interactive.hero h1 {
    font-size: 52px;
    margin: 15px 0
}

.interactive.hero h2 {
    font-size: 44px;
    margin: 0
}

.interactive.hero p {
    color: #ffffff
}

.interactive.hero span {
    color: #fff;
    font-size: 26px;
    display: block;
    margin: 15px 0
}

.interactive.hero .newbuilder-container {
    background: url(../images/builder/macbook5.png) no-repeat;
    background-position: center center;
    background-size: 960px auto;
    height: 650px;
    margin: 0 auto
}

.interactive.hero .newbuilder-container .newbuilder-video {
    width: 727px;
    height: 453px;
    position: relative;
    top: 76px;
    left: 117px
}

@media only screen and (max-width: 960px) {
    .interactive.hero .newbuilder-container {
        width: 500px;
        background-size: 500px
    }

    .interactive.hero .newbuilder-container .newbuilder-video {
        width: 378px;
        height: 453px;
        top: 87px;
        left: 61px
    }
}

@media screen and (max-width: 500px) {
    .interactive.hero span {
        font-size: 18px
    }

    .interactive.hero .newbuilder-container {
        width: 500px;
        background-size: 500px
    }

    .interactive.hero .newbuilder-container .newbuilder-video {
        display: none
    }
}

.interactive .blue-overlay {
    background: rgba(98, 202, 227, 0.95);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    opacity: 0;
    -webkit-transition: 0.5s ease-in;
    -moz-transition: 0.5s ease-in;
    -o-transition: 0.5s ease-in;
    transition: 0.5s ease-in
}

.interactive .blue-overlay.active {
    opacity: 1
}

.interactive.conversion {
    background: linear-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)), url(../images/form-conversion-report-hero-ipad.jpg);
    padding: 55px 0
}

.interactive.conversion h1 {
    font-size: 34px;
    margin: 40px 0
}

.interactive.conversion #downarrow {
    margin: 0 auto;
    -webkit-animation: Downarrow 2s infinite;
    -moz-animation: Downarrow 2s infinite;
    -o-animation: Downarrow 2s infinite;
    animation: Downarrow 2s infinite
}

.interactive .conversion-overlay {
    background: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), url(../images/form-conversion-report-hero-ipad.jpg);
    width: 100%;
    height: 100%;
    position: absolute;
    padding: 35px 0;
    top: 0;
    opacity: 0;
    -webkit-transition: 0.5s ease-in;
    -moz-transition: 0.5s ease-in;
    -o-transition: 0.5s ease-in;
    transition: 0.5s ease-in
}

.interactive .conversion-overlay.active {
    opacity: 1
}

.interactive.blueblack {
    background: #1C2F3A;
    padding: 35px 0
}

.interactive.blueblack h1,
.interactive.blueblack h2,
.interactive.blueblack h3,
.interactive.blueblack h4,
.interactive.blueblack h5,
.interactive.blueblack p {
    color: #fff
}

.interactive .sliders .row {
    margin: 10px auto
}

.interactive .sliders .slider {
    padding: 0 0 0 10px;
    font-weight: bold;
    opacity: 0
}

.interactive .sliders .slider.green {
    background-image: linear-gradient(to right, #42aa44, #7bc143);
    color: #fff;
    height: 40px;
    line-height: 40px;
    font-size: 16px
}

.interactive .sliders .slider.fsgreen {
    background: #7bc143;
    color: #fff;
    height: 60px;
    line-height: 60px;
    font-size: 18px
}

.interactive .sliders .slider.blue {
    background: #62CAE3;
    color: #DDF1F7;
    height: 60px;
    line-height: 60px;
    font-size: 18px
}

.interactive .sliders .slider.orange {
    background: #EA9E0A;
    color: #fff;
    height: 60px;
    line-height: 60px;
    font-size: 18px
}

.interactive .sliders .slider .conversion-rate {
    display: none;
    background: #EA9E0A;
    color: #fff;
    float: right;
    height: 40px;
    margin-top: 20px;
    line-height: 40px;
    text-indent: 10px
}

.interactive.active .slider {
    opacity: 1
}

.interactive.active .left-right {
    -webkit-animation: Slide-right 2s 1;
    -moz-animation: Slide-right 2s 1;
    -o-animation: Slide-right 2s 1;
    animation: Slide-right 2s 1
}

.interactive.active .right-left {
    -webkit-animation: Slide-left 2s 1;
    -moz-animation: Slide-left 2s 1;
    -o-animation: Slide-left 2s 1;
    animation: Slide-left 2s 1
}

.interactive.active .slider .conversion-rate {
    display: inline-block
}

.interactive.active .slide-right {
    left: 0
}

.interactive.active .slide-left {
    right: 0
}

.interactive span.icon {
    background-image: url(../images/2014-conversion-report-sprite.png.html);
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    display: inline-block;
    text-indent: -1000px;
    margin-right: 10px
}

.interactive span.icon.all {
    background-position: 0 0
}

.interactive span.icon.sports {
    background-position: 0 -40px
}

.interactive span.icon.nonprofit {
    background-position: 0 -80px
}

.interactive span.icon.tech {
    background-position: 0 -120px
}

.interactive span.icon.business {
    background-position: 0 -160px
}

.interactive span.icon.government {
    background-position: 0 -200px
}

.interactive span.icon.edu {
    background-position: 0 -240px
}

.interactive span.icon.marketing {
    background-position: 0 -280px
}

.interactive span.icon.media {
    background-position: 0 -320px
}

.interactive span.icon.religion {
    background-position: 0 -360px
}

.interactive span.bigicon {
    background-image: url(../images/2014-conversion-report-sprite.png.html);
    background-repeat: no-repeat;
    width: 60px;
    height: 60px;
    display: inline-block;
    text-indent: -1000px;
    margin-right: 10px
}

.interactive span.bigicon.survey {
    background-position: 0 -400px
}

.interactive span.bigicon.order {
    background-position: 0 -460px
}

.interactive span.bigicon.event {
    background-position: 0 -520px
}

.interactive span.bigicon.contest {
    background-position: 0 -580px
}

.interactive span.bigicon.donation {
    background-position: 0 -640px
}

.interactive span.bigicon.contact {
    background-position: 0 -700px
}

.interactive .slide-right {
    left: -1000px;
    -webkit-transition: 1.5s ease-out;
    -moz-transition: 1.5s ease-out;
    -o-transition: 1.5s ease-out;
    transition: 1.5s ease-out
}

.interactive .slide-left {
    right: -1000px;
    -webkit-transition: 1.5s ease-out;
    -moz-transition: 1.5s ease-out;
    -o-transition: 1.5s ease-out;
    transition: 1.5s ease-out
}

.interactive .dot-legend {
    padding: 10px 0;
    font-size: 21px
}

.interactive .dot {
    display: inline-block;
    background: purple;
    border-radius: 50px;
    width: 25px;
    height: 25px;
    margin-right: 10px
}

.interactive .dot.purple {
    background: #9e3af6
}

.interactive .dot.blue {
    background: #7ed1e5
}

.interactive .dot.orange {
    background: #f2b34b
}

.interactive .dot.green {
    background: #92ca65
}

.interactive .dot.yellow {
    background: #f4e644
}

.interactive .dot.red {
    background: #f58b98
}

.interactive .hero-bottom-arrow {
    opacity: 0
}

.interactive .hero-bottom-arrow.active {
    opacity: 1
}

.interactive.relative {
    position: relative;
    box-shadow: 0px 0px 10px #AAA;
    padding: 80px 0
}

.interactive .bottom-arrow-div {
    display: block;
    bottom: 0;
    position: absolute;
    width: 100%;
    height: 40px
}

.interactive .bottom-arrow-div a {
    width: 100px;
    margin: 0 auto;
    display: block
}

.interactive.fixed {
    background-color: #e0e2e4;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 650px;
    position: relative
}

.interactive .bottom-summary img {
    border: 1px solid #D8D8D8
}

.interactive ul.orbit-bullets li.has-thumb {
    width: 60px;
    height: 60px
}

@media only screen and (max-width: 767px) {
    .interactive .orbit-wrapper {
        height: 550px !important
    }

    .interactive.hero {
        background-position: left
    }

    .interactive.hero .headers-padded {
        padding-top: 100px
    }

    .interactive.hero h1 {
        font-size: 34px
    }

    .interactive.hero h2 {
        font-size: 24px
    }

    .interactive.fixed {
        background-attachment: initial
    }
}

.fly-in-first {
    -webkit-animation: Appear 2s forwards ease-in-out;
    -moz-animation: Appear 2s forwards ease-in-out;
    -o-animation: Appear 2s forwards ease-in-out;
    animation: Appear 2s forwards ease-in-out
}

.fly-in-second {
    -webkit-animation: Reappear 4s 1;
    -moz-animation: Reappear 4s 1;
    -o-animation: Reappear 4s 1;
    animation: Reappear 4s 1
}

.background__image--macbook1 {
    display: none;
    background-image: url(../images/builder/macbook1.png)
}

.background__image--macbook2 {
    background-image: url(../images/builder/macbook2.png)
}

.background__image--macbook3 {
    background-image: url(../images/builder/macbook3.png)
}

.background__image--macbook4 {
    background-image: url(../images/builder/macbook4.png)
}

@-webkit-keyframes Appear {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-moz-keyframes Appear {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-o-keyframes Appear {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes Appear {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes Reappear {
    0% {
        opacity: 0
    }

    50% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-moz-keyframes Reappear {
    0% {
        opacity: 0
    }

    50% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-o-keyframes Reappear {
    0% {
        opacity: 0
    }

    50% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes Reappear {
    0% {
        opacity: 0
    }

    50% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes Downarrow {

    0%,
    100% {
        margin-top: 0px
    }

    50% {
        margin-top: 40px
    }
}

@-moz-keyframes Downarrow {

    0%,
    100% {
        margin-top: 0px
    }

    50% {
        margin-top: 40px
    }
}

@-o-keyframes Downarrow {

    0%,
    100% {
        margin-top: 0px
    }

    50% {
        margin-top: 40px
    }
}

@keyframes Downarrow {

    0%,
    100% {
        margin-top: 0px
    }

    50% {
        margin-top: 40px
    }
}

@-webkit-keyframes Slide-right {
    0% {
        width: 0%
    }

    100% {
        width: 100%
    }
}

@-moz-keyframes Slide-right {
    0% {
        width: 0%
    }

    100% {
        width: 100%
    }
}

@-o-keyframes Slide-right {
    0% {
        width: 0%
    }

    100% {
        width: 100%
    }
}

@keyframes Slide-right {
    0% {
        width: 0%
    }

    100% {
        width: 100%
    }
}

@-webkit-keyframes Slide-left {
    0% {
        width: 0%
    }

    100% {
        width: 100%
    }
}

@-moz-keyframes Slide-left {
    0% {
        width: 0%
    }

    100% {
        width: 100%
    }
}

@-o-keyframes Slide-left {
    0% {
        width: 0%
    }

    100% {
        width: 100%
    }
}

@keyframes Slide-left {
    0% {
        width: 0%
    }

    100% {
        width: 100%
    }
}

.demo .fbds-hero .fbds-breadcrumbs,
.demo .fbds-hero--darkgray .fbds-breadcrumbs,
.demo .fbds-hero--darkgraygradient .fbds-breadcrumbs,
.demo .industry .industry__ver-one .industry-hero--registrations .fbds-breadcrumbs,
.industry .industry__ver-one .demo .industry-hero--registrations .fbds-breadcrumbs,
.demo .hero--nicereply .fbds-breadcrumbs,
.demo .hero--webinars__confirmation .fbds-breadcrumbs {
    margin-bottom: 50px
}

.demo .fbds-hero .fbds-headline-primary,
.demo .fbds-hero--darkgray .fbds-headline-primary,
.demo .fbds-hero--darkgraygradient .fbds-headline-primary,
.demo .industry .industry__ver-one .industry-hero--registrations .fbds-headline-primary,
.industry .industry__ver-one .demo .industry-hero--registrations .fbds-headline-primary,
.demo .hero--nicereply .fbds-headline-primary,
.demo .hero--webinars__confirmation .fbds-headline-primary {
    font-size: 24px
}

.demo .demo-top-wrap {
    padding: 15px;
    background-color: #6C7A85;
    color: #fff
}

.demo .demo-top-wrap p {
    margin: 7px 0 0
}

.demo-hasfields.reveal-modal h3,
.demo-nofields.reveal-modal h3,
.demo-signup.reveal-modal h3 {
    font-size: 24px;
    margin: 0 auto 25px;
    letter-spacing: -1px;
    font-weight: 700;
    color: #7BC143
}

.demo-hasfields.reveal-modal .signup,
.demo-nofields.reveal-modal .signup,
.demo-signup.reveal-modal .signup {
    background: #ddd;
    padding: 20px 0
}

.demo-hasfields.reveal-modal .form-wrap,
.demo-nofields.reveal-modal .form-wrap,
.demo-signup.reveal-modal .form-wrap {
    padding: 20px 0;
    background-color: #ccc
}

.demo-hasfields.reveal-modal .form-wrap h4,
.demo-nofields.reveal-modal .form-wrap h4,
.demo-signup.reveal-modal .form-wrap h4 {
    margin: 0 15px 15px;
    font-size: 18px;
    text-transform: uppercase
}

.demo-hasfields.reveal-modal .form-wrap .fineprint,
.demo-nofields.reveal-modal .form-wrap .fineprint,
.demo-signup.reveal-modal .form-wrap .fineprint {
    font-size: 12px;
    text-align: center;
    margin: 15px 0 0
}

.demo-iframe {
    border: 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2)
}

.get-a-sales-demo .formstack-demo-hero {
    background-position: center center;
    background-image: url("../images/demo/formstack-demo-hero.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.get-a-sales-demo .main-form {
    margin-top: -260px
}

.get-a-sales-demo .cro-features .cro-features__item .fa {
    color: #7BC143
}

.get-a-sales-demo--success .icon {
    height: 100px;
    width: auto
}

.full-width-height {
    height: 100vh;
    width: 100vw
}

.fixed-navbar--leadgen {
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -moz-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in
}

.fixed-navbar--leadgen .button,
.fixed-navbar--leadgen .fbds-newsletter-form .fsForm .fsSubmit input.fsSubmitButton,
.fbds-newsletter-form .fsForm .fsSubmit .fixed-navbar--leadgen input.fsSubmitButton,
.fixed-navbar--leadgen .newsletter-form .fsSubmitButton,
.newsletter-form .fixed-navbar--leadgen .fsSubmitButton {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -moz-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in
}

.fixed-navbar--leadgen .button.active,
.fixed-navbar--leadgen .fbds-newsletter-form .fsForm .fsSubmit input.active.fsSubmitButton,
.fbds-newsletter-form .fsForm .fsSubmit .fixed-navbar--leadgen input.active.fsSubmitButton,
.fixed-navbar--leadgen .newsletter-form .active.fsSubmitButton,
.newsletter-form .fixed-navbar--leadgen .active.fsSubmitButton {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1
}

@media screen and (max-width: 39.9375em) {

    .fixed-navbar--leadgen .button,
    .fixed-navbar--leadgen .fbds-newsletter-form .fsForm .fsSubmit input.fsSubmitButton,
    .fbds-newsletter-form .fsForm .fsSubmit .fixed-navbar--leadgen input.fsSubmitButton,
    .fixed-navbar--leadgen .newsletter-form .fsSubmitButton,
    .newsletter-form .fixed-navbar--leadgen .fsSubmitButton {
        display: none
    }
}

.opacity-1 {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.75s;
    -o-transition-duration: 0.75s;
    -webkit-transition-duration: 0.75s;
    transition-duration: 0.75s;
    -moz-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    z-index: 1
}

.opacity-0 {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -moz-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    z-index: 0
}

.leadgen {
    height: 100%;
    width: 100%;
    position: relative
}

@media screen and (max-width: 39.9375em) {
    .leadgen {
        height: auto
    }
}

.leadgen .leadgen__hero {
    background-color: #1C2F3A;
    background-position: center center;
    background-image: url("../images/ppc/attribution_hero.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    display: table;
    padding: 0;
    height: 100%;
    width: 100%
}

.leadgen .leadgen__hero.leadgen__hero--wordpress {
    background-position: center center;
    background-image: url("../images/ppc/wordpress_hero.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center top
}

.leadgen .leadgen__hero .hero__text {
    left: 50%;
    margin-left: -349px;
    margin-top: -150px;
    position: absolute;
    top: 50%;
    color: #FFF;
    text-align: center
}

.leadgen .leadgen__hero .hero__text .fbds-headline-primary {
    color: #FFF;
    font-size: 46px;
    font-weight: 600
}

@media screen and (max-width: 39.9375em) {
    .leadgen .leadgen__hero .hero__text .fbds-headline-primary {
        font-size: 36px
    }
}

.leadgen .leadgen__hero .hero__text .fbds-headline-secondary {
    color: #FFF;
    font-family: "Rubik", sans-serif;
    font-size: 24px;
    font-weight: 300
}

.leadgen .leadgen__hero .hero__text--hubspot {
    margin-left: -273px
}

.leadgen .leadgen__hero .hero__text--funnelv1 {
    margin-left: -304px
}

.leadgen .leadgen__hero .hero__text--funnelv2 {
    margin-left: -430px
}

.leadgen .leadgen__hero .hero__text--adwordsv1 {
    margin-left: -396px
}

.leadgen .leadgen__hero .hero__text--adwordsv2 {
    margin-left: -435px
}

.leadgen .leadgen__hero .hero__text--wordpressv1 {
    margin-left: -216px
}

.leadgen .leadgen__hero .hero__text--wordpressv2 {
    margin-left: -275px
}

.leadgen .leadgen__hero .hero__text--wordpressv3 {
    margin-left: -305px
}

@media screen and (max-width: 39.9375em) {
    .leadgen .leadgen__hero .hero__text {
        margin: 0;
        position: static;
        padding: 120px 20px 50px
    }
}

.leadgen .scroll-down {
    border: 1px solid #ffffff;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    bottom: 50px;
    color: #ffffff;
    display: block;
    font-size: 28px;
    height: 50px;
    padding: 5px;
    position: absolute;
    text-align: center;
    width: 50px;
    left: 50%;
    margin-left: -25px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: .5;
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -moz-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in
}

.leadgen .scroll-down:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1
}

@media screen and (max-width: 39.9375em) {
    .leadgen .scroll-down {
        display: none
    }
}

.leadgen--fullsite {
    height: auto
}

.leadgen--fullsite .leadgen__hero {
    height: auto;
    display: block
}

.leadgen--fullsite .leadgen__hero .hero__text--adwords {
    margin: 0;
    position: static;
    padding: 100px 0
}

.leadgen-features__iconset .fbds-headline-tertiary {
    font-size: 13px;
    font-family: "Rubik", sans-serif;
    font-weight: 600
}

.leadgen-features__iconset .icon {
    height: 85px;
    width: 85px
}

.leadgen--wp__intro img {
    width: 400px
}

.leadgen--wp__plugin .eleven {
    padding-left: 0
}

.section--leadgen {
    padding: 100px 0
}

.section--leadgen .icon {
    margin-top: 50px;
    height: 100px;
    width: 100px
}

.section--leadgen .fbds-headline-secondary {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 18px
}

.section--leadgen.section--leadgen--ct {
    background-position: center center;
    background-image: url("../images/ppc/bg_campaign_tracking.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.section--leadgen.section--leadgen--adwords {
    background-position: center center;
    background-image: url("../images/ppc/bg_adwords.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.section--leadgen.section--leadgen--reporting {
    background-position: center center;
    background-image: url("../images/ppc/bg_reporting.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.section--leadgen.section--leadgen--analytics {
    background-position: center center;
    background-image: url("../images/ppc/bg_campaign_analytics.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.section--leadgen.section--leadgen--features {
    background-position: center center;
    background-image: url("../images/ppc/bg_features.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.section--leadgen.section--leadgen--footer .quote-box .quote {
    font-size: 18px
}

.new-webinar.webinar.daniel-ppc .page-content .page-content--title .logo {
    max-width: 270px
}

@media only screen and (max-width: 1000px) {
    .new-webinar.webinar.daniel-ppc .page-content .page-content--title .logo {
        display: none
    }
}

.new-webinar.webinar.daniel-ppc .page-content .page-content--blocks.left-align {
    text-align: left
}

.new-webinar.webinar.daniel-ppc .page-content .page-content--blocks .webinar-learn {
    margin: 60px 0 15px
}

.new-webinar.webinar.daniel-ppc .page-content .page-content--blocks .webinar-learn .webinar-learn__item {
    width: 33%;
    height: auto
}

.new-webinar.webinar.daniel-ppc .page-content .page-content--blocks .webinar-learn .webinar-learn__item .icon {
    border-radius: 50%;
    border: 5px solid #ffffff;
    display: inline-block;
    height: 100px;
    margin-bottom: 0;
    position: absolute;
    top: -50px;
    width: 100px;
    left: 50%;
    margin-left: -50px
}

.new-webinar.webinar.daniel-ppc .page-content .page-content--blocks .webinar-learn .webinar-learn__item .title {
    margin: 70px 0 10px;
    font-weight: bold
}

.new-webinar.webinar.daniel-ppc .page-content .page-content--blocks .webinar-learn .webinar-learn__item .desc {
    margin-top: 0;
    font-size: 14px;
    padding: 0 20px 20px
}

@media only screen and (max-width: 1300px) {
    .new-webinar.webinar.daniel-ppc .page-content .page-content--blocks .webinar-learn .webinar-learn__item {
        float: none;
        width: 100%;
        height: auto;
        padding-bottom: 40px;
        margin-bottom: 50px
    }
}

.new-webinar.webinar.daniel-ppc .webinar-form .fsBody .fsForm .fsLabel {
    text-transform: uppercase
}

.new-webinar.webinar.daniel-ppc .webinar-form .fsBody .fsForm legend.fsLabel {
    text-transform: none
}

.sub-brand {
    display: inline-block;
    margin: 4px 0 0 4px;
    max-width: 180px;
    vertical-align: top
}

section.highered h1 {
    font-size: 42px;
    line-height: 1.1;
    letter-spacing: -1.5px;
    margin-top: 0
}

section.highered h1 span {
    font-size: 24px;
    letter-spacing: 0
}

section.highered h3.plans {
    color: #7BC143;
    font-size: 42px;
    line-height: 1.1;
    letter-spacing: -2px;
    margin-bottom: 25px;
    font-weight: 300
}

section.highered p {
    font-size: 15px;
    line-height: 1.7
}

section.highered .chart {
    margin-top: 20px
}

section.highered .chart li {
    font-size: 18px;
    font-weight: 700
}

section.highered h4 {
    font-weight: bold
}

section.highered .pricing-container .bullet-item.highlight {
    background-color: #7BC143;
    color: #fff
}

section.highered .pricing-container .bullet-item.highlight .has-tip {
    color: #fff
}

section.highered .features li {
    font-size: 18px;
    margin-bottom: 10px
}

section.highered.green p {
    color: #fff
}

section.highered.hero.lp .row {
    padding-bottom: 0
}

section.highered.hero.lp h1 {
    margin-bottom: 20px
}

section.highered.hero.case-studies .row {
    background: url("../images/highered-hero.jpg") bottom right no-repeat
}

section.highered.hero.case-studies .quote {
    font-size: 17px;
    font-style: italic;
    line-height: 1.1;
    margin: 25px 0 10px
}

section.highered.hero.case-studies .byline {
    font-size: 12px
}

section.highered.case-studies h3 {
    margin: 35px 0 10px;
    font-size: 32px
}

section.highered.case-studies h4 {
    font-weight: 700
}

section.highered.case-studies h5 {
    margin: 25px 0 35px
}

section.highered.case-studies .intro {
    font-size: 18px
}

section.highered.benefits h3 {
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
    color: #6c7a85;
    margin-bottom: 15px
}

section.highered.benefits h3 span {
    text-transform: none;
    font-weight: normal;
    font-size: 30px
}

section.highered.benefits h4 {
    font-size: 32px;
    margin-bottom: 50px
}

.highered.kit.green h3 {
    margin: 10px 0 25px -20px
}

@media only screen and (max-width: 1000px) {
    nav.highered #logo .logo {
        max-width: 130px
    }

    nav.highered #logo .sub-brand {
        max-width: 130px
    }

    .highered.kit.white p {
        display: none
    }
}

@media screen and (max-width: 39.9375em) {
    nav.highered #logo {
        padding: 15px 0 15px 15px
    }

    nav.highered .benefits {
        display: block
    }

    nav.highered .kit {
        display: none
    }

    section.highered h3 {
        font-size: 24px
    }

    section.highered.hero h1 {
        font-size: 24px
    }

    section.highered.hero.case-studies .row {
        background-image: none
    }

    section.highered.kit.white {
        display: none
    }

    section.highered.kit.white .icon {
        display: none
    }

    section.highered.kit.white .arrow {
        display: none
    }

    section.highered.green h3 {
        font-size: 24px
    }

    section.highered.kit.green h3 {
        margin: 0 0 25px;
        font-size: 24px
    }

    section.highered.plans.white {
        display: none
    }
}

.try.hero h1 {
    font-size: 34px;
    margin: 25px 0
}

.try.hero h4 {
    color: white;
    font-weight: 500
}

.try.hero p {
    color: white
}

.try.hero img {
    margin: 5px auto
}

.try.white .flex-video {
    margin-top: 0
}

.try.white li {
    margin-bottom: 7px
}

.try .mask {
    height: 300px;
    padding: 50px 20px
}

.try .mask h4 {
    margin-bottom: 15px
}

.try .mask p {
    margin-bottom: 30px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    padding: 0 15px;
    line-height: 135%
}

.support-about .fbds-headline-tertiary {
    margin: 10px 0 5px
}

.support-about p {
    margin-bottom: 0;
    text-align: left
}

.support-about img {
    height: 200px;
    width: 200px
}

header.upgrade {
    background-color: #7bc143;
    height: 25px
}

.upgrade.white.top h1 {
    font-size: 42px;
    color: #7bc143;
    margin-top: 30px
}

.upgrade.white.top h2 {
    font-size: 16px;
    line-height: 140%
}

.upgradeFeatures h4 {
    font-size: 22px
}

.upgrade.steps ul {
    margin-left: 30px
}

.upgrade.steps li {
    font-size: 16px
}

section.hero.five-oh-eight {
    padding-top: 25px
}

section.hero.five-oh-eight .overlay {
    background: #6C7A85;
    padding: 30px;
    max-width: 500px;
    position: absolute;
    z-index: 5;
    top: 60px;
    left: 250px;
    box-shadow: 0 0 7px #3798af
}

section.hero.five-oh-eight h1 {
    margin-top: 0
}

section.hero.five-oh-eight h2 {
    margin-bottom: 30px;
    line-height: 1.3
}

section.hero.five-oh-eight sup {
    font-size: xx-small
}

section.hero.template {
    padding: 25px 0
}

section.hero.template h1 {
    font-size: 42px
}

section.hero.template h2 {
    font-size: 18px
}

section.hero.template.example .view {
    margin-bottom: 0
}

section.hero.template.example .mask {
    height: 455px;
    padding: 75px
}

section.hero.template.example .mask p {
    font-size: 22px
}

section.hero.template.example .mask ul {
    text-align: left;
    margin-left: 75px
}

section.hero.template.example .mask ul li {
    font-size: 18px;
    font-weight: bold
}

.template h4 {
    font-weight: bold
}

.template.tips ul li {
    font-size: 18px;
    margin-top: 10px
}

.template.features h4 {
    font-weight: 700;
    font-size: 18px;
    line-height: 1.5
}

.template.features h4 strong {
    font-size: 28px;
    color: #7BC143
}

.template.darkblue ul li {
    margin-left: 20px;
    color: #fff
}

.template.green h3 {
    font-size: 42px
}

.template.green p.subheader {
    font-size: 18px
}

.type.hero {
    background-color: white;
    padding: 30px 0 0
}

.type.hero h1 {
    color: #6c7a85;
    font-size: 42px;
    text-shadow: none
}

.type.hero h2 {
    color: #6c7a85;
    text-shadow: none
}

.type.white .charcoalheadline h3 {
    color: #6c7a85
}

.type.white .wrap {
    padding: 12px 18%;
    margin: 0 0 10px;
    float: left
}

.type .mask {
    height: 300px;
    padding: 50px 20px
}

.type .mask h4,
.type .mask p {
    color: #fff
}

.type .mask p {
    font-weight: bold
}

.type .mask .getFormButton {
    margin-top: 15px
}

@media only screen and (max-width: 767px) {
    .type.white .wrap {
        float: none
    }
}

.registrations.hero {
    background: url("../images/registrations-hero-bg.jpg") center no-repeat #62cae3;
    padding: 50px 0 80px
}

.circle.white {
    width: 140px;
    height: 140px;
    background-color: #fff;
    border-radius: 100px;
    margin: 0 auto 15px
}

section.single-purchase-form {
    background: url("../images/alternatives/5kform.png") no-repeat;
    background-position: left bottom
}

@media only screen and (max-width: 1280px) {
    section.single-purchase-form {
        background-position: -230px bottom
    }
}

@media only screen and (max-width: 767px) {
    section.single-purchase-form {
        background: none
    }
}

.church.hero {
    background: url("../images/church-hero-bg.jpg") center no-repeat #62cae3;
    padding: 50px 0 80px
}

.media.hero {
    background: url("../images/media-hero-bg.jpg") center no-repeat #62cae3;
    padding: 50px 0 80px
}

.unr-hero {
    background-position: center center;
    background-image: url("../images/customers-nevada-hero-bg.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.cro-template .hero {
    background-color: #62cae3;
    padding: 35px 0
}

.cro-template .cro h1 {
    text-shadow: none;
    margin: 0;
    font-size: 48px;
    line-height: 50px;
    font-weight: 700;
    margin-top: 30px
}

.cro-template .cro h1 span {
    color: #ffffff;
    display: block;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1;
    margin-bottom: 20px;
    text-shadow: none
}

.cro-template .cro h2 {
    font-size: 15px;
    font-weight: bold;
    border-radius: 3px;
    text-shadow: none;
    color: #1C2F3A
}

.cro-template ul.larger li {
    font-size: 16px;
    list-style: none;
    margin-top: 15px;
    margin-bottom: 55px
}

.cro-template .larger-space li {
    margin-bottom: 30px
}

.cro-template .resources img {
    height: auto;
    margin-bottom: 20px;
    width: 150px
}

.uck section.section--white {
    padding-bottom: 0
}

@media screen and (max-width: 39.9375em) {
    .uck section.section--white h2 {
        font-size: 35px
    }
}

.uck section.section--white h3 {
    line-height: 1.5;
    margin-bottom: 40px
}

.uck section.section--white h3 span {
    display: block
}

@media screen and (max-width: 39.9375em) {
    .uck section.section--white h3 span {
        display: inline
    }
}

.uck section.section--white .uck-graphic {
    display: block;
    margin: -10px auto 0;
    max-width: 85%
}

@media screen and (min-width: 64em) and (max-width: 74.9375em) {
    .uck section.section--white .margin-left-16 {
        margin-left: 16.666%
    }
}

.uck .unlocked {
    margin-bottom: 15px;
    position: relative;
    display: block;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
    opacity: .75;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.25s;
    -o-transition-duration: 0.25s;
    -webkit-transition-duration: 0.25s;
    transition-duration: 0.25s
}

@media screen and (max-width: 39.9375em) {
    .uck .unlocked {
        text-align: center
    }
}

.uck .unlocked .fa {
    background-color: #62cae3;
    color: #ffffff;
    font-size: 25px;
    left: -10px;
    padding: 10px 14px;
    position: absolute;
    top: -10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 0 5px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 0 5px;
    box-shadow: rgba(0, 0, 0, 0.2) 0 0 5px;
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.25s;
    -o-transition-duration: 0.25s;
    -webkit-transition-duration: 0.25s;
    transition-duration: 0.25s
}

@media screen and (max-width: 39.9375em) {
    .uck .unlocked .fa {
        top: 50%;
        left: 50%;
        margin-top: -22px;
        margin-left: -22px
    }
}

.uck .unlocked img {
    display: block;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 0 5px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 0 5px;
    box-shadow: rgba(0, 0, 0, 0.2) 0 0 5px
}

@media screen and (max-width: 39.9375em) {
    .uck .unlocked img {
        max-width: 50%;
        display: inline-block
    }
}

.uck .unlocked:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1
}

.uck .unlocked:hover .fa {
    background-color: #7BC143
}

.uck .downloads p {
    text-align: center;
    font-weight: 700;
    font-size: 12px;
    margin-bottom: 0
}

@media screen and (max-width: 39.9375em) {
    .uck .downloads p {
        margin-bottom: 25px
    }
}

.uck .save-for-later {
    padding: 40px 20px
}

.uck section.section--green {
    color: #fff;
    padding: 50px 0;
    position: relative;
    z-index: 9999;
    -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 4px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 4px;
    box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 4px
}

.uck section.section--green .arrow {
    margin-top: -50px
}

.uck section.section--green h3 {
    margin-bottom: 25px;
    font-weight: 600
}

.uck section.section--green p {
    color: #fff;
    font-size: 16px
}

.uck section.section--green ul {
    margin-left: 15px
}

.uck section.section--green ul li {
    font-size: 16px;
    margin-bottom: 2px
}

.uck section.section--green.no-shadow {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

section.white ul li {
    margin-bottom: 7px
}

.fcr-2014-main .fcr-2014-download {
    background-position: center center;
    background-image: url("../images/form-conversion-report-hero-ipad.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center -80px;
    background-size: cover;
    background-repeat: no-repeat
}

.fcr-2014-main .fcr-2014-download .page-title__text {
    color: #FFF;
    border-top: 0
}

.fcr-2014-main .fcr-2014-download .fbds-headline-primary,
.fcr-2014-main .fcr-2014-download .fbds-headline-secondary {
    color: #FFF;
    margin: 50px 0 70px;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.4)
}

.fcr-2014-main .fcr-2014-download .fbds-headline-primary span,
.fcr-2014-main .fcr-2014-download .fbds-headline-secondary span {
    font-size: 24px;
    letter-spacing: -.5px
}

.conversion-rate-optimization .video-wrap {
    padding: 15px;
    background-color: #455560
}

.conversion-rate-optimization .video-wrap #wistia_8tdejo0w0g_grid_main,
.conversion-rate-optimization .video-wrap #wistia_8tdejo0w0g_grid_wrapper,
.conversion-rate-optimization .video-wrap #wistia_chrome_8,
.conversion-rate-optimization .video-wrap #wistia_grid_12_main,
.conversion-rate-optimization .video-wrap #wistia_grid_12_wrapper,
.conversion-rate-optimization .video-wrap .wistia_embed {
    width: 100% !important
}

.conversion-rate-optimization .fbds-hero,
.conversion-rate-optimization .fbds-hero--darkgray,
.conversion-rate-optimization .fbds-hero--darkgraygradient,
.conversion-rate-optimization .industry .industry__ver-one .industry-hero--registrations,
.industry .industry__ver-one .conversion-rate-optimization .industry-hero--registrations,
.conversion-rate-optimization .hero--nicereply,
.conversion-rate-optimization .hero--webinars__confirmation {
    background-position: center center;
    background-image: url("../images/conversion-rate-optimization/CRO-Demo---Hero.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.conversion-rate-optimization .fbds-headline-tertiary--optimization {
    margin-top: 5px
}

.conversion-rate-optimization .cro-features,
.conversion-rate-optimization .features {
    list-style: none;
    padding: 0
}

.conversion-rate-optimization .features {
    margin: 25px 0
}

.conversion-rate-optimization .features .features__item {
    width: 192px;
    float: left
}

.conversion-rate-optimization .features .features__item img {
    vertical-align: top;
    margin-bottom: 10px;
    height: 100px;
    width: 100px
}

.conversion-rate-optimization .features .features__item p {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px
}

@media screen and (max-width: 39.9375em) {
    .conversion-rate-optimization .features .features__item {
        width: 100%;
        margin-bottom: 20px
    }

    .conversion-rate-optimization .features .features__item:last-child {
        margin-bottom: 0
    }
}

.conversion-rate-optimization .graphic-wrap {
    padding: 0 25px
}

@media screen and (max-width: 39.9375em) {
    .conversion-rate-optimization .graphic-wrap {
        padding: 0
    }
}

.conversion-rate-optimization .did-you-know {
    padding: 10px;
    border: 1px solid #e6e6e6
}

.conversion-rate-optimization .did-you-know .fa {
    float: left;
    font-size: 22px;
    height: 45px;
    margin-right: 10px;
    padding: 3px 0 0
}

.conversion-rate-optimization .section--green .fbds-headline-primary {
    font-size: 38px
}

.cro-features {
    list-style: none;
    padding: 0
}

.cro-features .cro-features__item {
    font-size: 16px;
    font-weight: 600
}

.cro-features .cro-features__item .fa {
    color: #ED9D21;
    margin-right: 5px
}

.cro-demo .cro-demo-hero {
    background-position: center center;
    background-image: url("../images/conversion-rate-optimization/CRO-Demo---Hero.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center
}

.get-a-sales-demo .icons p {
    font-size: 12px
}

.report--leadcapture table {
    width: 100%
}

.report--leadcapture__hero {
    background-position: center center;
    background-image: url("../images/resources/lead_capture_bg.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    padding: 150px 0
}

.report--leadcapture__hero .fbds-headline-primary {
    color: #FFF
}

.report--leadcapture__hero .fbds-headline-primary span {
    margin-bottom: 0
}

.key-takaways-wrap {
    background-color: #7BC143;
    padding: 15px
}

.key-takaways-wrap .key-takaways-wrap__icon {
    color: #FFF;
    font-size: 22px;
    float: left;
    width: 5%
}

.key-takaways-wrap .key-takeaways {
    list-style: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 0;
    margin: 0;
    float: left;
    width: 95%
}

.key-takaways-wrap .key-takeaways .key-takeaways__item {
    color: #FFF
}

.key-takaways-wrap .key-takeaways .key-takeaways__item:last-child {
    margin-bottom: 0
}

.report--leadcapture__content .fbds-headline-primary {
    margin-bottom: 20px
}

.report--leadcapture__content .fbds-headline-secondary {
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 24px
}

.report--leadcapture__content .fbds-headline-tertiary {
    font-size: 18px;
    margin-bottom: 20px;
    text-transform: none;
    font-weight: 600
}

.report--leadcapture__content li,
.report--leadcapture__content p {
    color: #6C7A85
}

.report--leadcapture__content li {
    font-size: 16px;
    margin-bottom: 10px
}

.report--leadcapture__content .pixels {
    position: absolute;
    top: 0;
    left: 0;
    display: none
}

.report--leadcapture__content .charts {
    margin: 30px 0
}

.report--leadcapture__content .charts g>text {
    display: block
}

.report--leadcapture__content .charts text {
    display: none
}

.report--leadcapture__content .leads-captured__table {
    border-collapse: collapse
}

.report--leadcapture__content .leads-captured__table td {
    background-color: #FFF;
    border: 1px solid #455560
}

.report--leadcapture__content .leads-captured__table .leads-captured__cell--gray {
    background-color: #7BC143;
    text-align: center;
    color: #FFF
}

.report--leadcapture__content .td__heading {
    font-weight: 600;
    font-size: 16px
}

.report--leadcapture__content .lead__icons img {
    height: 80px
}

.report--leadcapture__content .leads-captured__footnote {
    text-align: right;
    font-size: 14px
}

.report--leadcapture__content .sub-nav--toc {
    width: 225px
}

.report--leadcapture__content .sub-nav--toc.sub-nav--fixed {
    position: fixed;
    top: 20px;
    z-index: 9999
}

@media screen and (max-width: 39.9375em) {
    .report--leadcapture__content .sub-nav--toc {
        display: none
    }
}

.report--leadcapture__content .sub-nav--toc li {
    margin-left: 0
}

.report--leadcapture__content .sub-nav--toc .active a {
    color: #ED9D21;
    font-weight: 600
}

.report--leadcapture__content .highcharts-button {
    display: none
}

.wordpress-formstack--v2 img.wordpress-support {
    height: 100%;
    width: 100%;
    padding: 35px 0
}

.leadgen .leadgen__hero .hero__text.hero__text--wordpress--v2 {
    margin-left: -415px
}

.landing-page-forms .landing-page-forms-hero {
    background-color: #333;
    background-position: center center;
    background-image: url("../images/hero-home-nevada.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    padding: 120px 0
}

.landing-page-forms .basic-features {
    padding-top: 340px
}

.landing-page-forms .conversion-features .icon {
    max-width: 125px
}

.graphic-overlap {
    margin-bottom: -25%;
    -moz-box-shadow: 0px 2px 2px #ccc;
    -webkit-box-shadow: 0px 2px 2px #ccc;
    box-shadow: 0px 2px 2px #ccc
}

.industry .online-events-hero .copy {
    margin-top: 75px
}

.industry .example__block {
    padding: 15px;
    border: thin solid #7BC143;
    border-top: 4px solid #7BC143;
    height: 225px;
    margin-bottom: 30px
}

.industry .example__block:hover {
    background-color: #7BC143
}

.industry .example__block:hover h4,
.industry .example__block:hover p {
    color: #FFF
}

.industry .integrations-icons img {
    height: 75px;
    margin: 0 auto;
    display: block
}

.industry .section--darkgraygradient.registrations {
    padding-bottom: 0
}

.industry .features img {
    height: 150px;
    margin: 25px 0
}

.industry .industry__ver-one .fbds-headline-primary span {
    text-transform: uppercase;
    font-size: 52px;
    font-weight: 700
}

@media screen and (max-width: 39.9375em) {
    .industry .hero-left {
        width: 100%;
        float: none;
        height: 100%
    }

    .industry .hero-right.industry-hero {
        display: none
    }
}

.industry .industry__ver-one .fbds-headline-tertiary {
    font-size: 20px;
    line-height: 1.3;
    font-weight: 600;
    text-transform: uppercase
}

.industry .industry__ver-one .circle {
    width: 140px;
    height: 140px;
    background-color: white;
    margin-bottom: 17.5px;
    float: left;
    position: relative;
    z-index: 0;
    text-decoration: none;
    border-radius: 70px
}

.industry .industry__ver-one a img {
    border: none
}

.industry .industry__ver-one .features {
    background-size: 100%;
    background-image: linear-gradient(to bottom, rgba(76, 76, 76, 0.35) 0%, rgba(3, 3, 3, 0.57) 100%), url("../images/industry/hero_online_forms.jpg");
    background-position: center bottom;
    background-repeat: no-repeat;
    padding-bottom: 35px
}

.industry .industry__ver-one .features p {
    font-size: 12px;
    text-transform: uppercase
}

.industry .industry__ver-one .section--white.client-logos {
    padding: 10px 0
}

.industry .industry__ver-one .industry .solutions {
    padding-top: 0
}

.industry .section--green.industry-testimonials {
    padding-bottom: 0
}

.industry .industry-hero {
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center top;
    display: block
}

.industry .page-scroll {
    margin-bottom: 0
}

.industry .client-logos {
    padding: 10px 0
}

.industry .client-logos ul {
    list-style: none;
    margin-bottom: 0;
    padding: 0
}

.industry .client-logos ul li {
    display: inline-block;
    padding: 0 40px
}

.industry .client-logos ul li img {
    vertical-align: top;
    height: 150px;
    width: 150px
}

@media screen and (max-width: 39.9375em) {
    .industry .client-logos {
        padding: 0
    }
}

.industry .solutions {
    padding-top: 315px
}

.industry .solutions img {
    height: 85px;
    margin-bottom: 30px;
    margin-top: 20px;
    width: auto
}

@media screen and (max-width: 39.9375em) {
    .industry .industry-integrations {
        padding-bottom: 35px
    }
}

.industry .industry-integrations img {
    width: auto;
    margin: 30px 0
}

@media screen and (min-width: 64em) and (max-width: 74.9375em) {
    .industry .industry-integrations .triple-box {
        width: 480px;
        margin: 0 auto
    }
}

.industry .industry-integrations .circle {
    width: 140px;
    height: 140px;
    background-color: #FFF;
    margin-bottom: 17.5px;
    float: left;
    position: relative;
    z-index: 0;
    text-decoration: none;
    border-radius: 70px
}

@media screen and (max-width: 39.9375em) {
    .industry .industry-integrations .circle {
        height: 75px;
        margin-bottom: 0
    }
}

.industry .industry-integrations .circle img {
    display: block;
    width: auto;
    height: 120px;
    margin: 25px 0
}

@media screen and (max-width: 39.9375em) {
    .industry .industry-integrations .circle img {
        display: inline-block;
        height: 75px
    }
}

.industry .industry-integrations .circle.feature img {
    padding: 10px 24px 0
}

.industry .industry-integrations .circle.feature span {
    color: #ffffff;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase
}

@media screen and (max-width: 39.9375em) {
    .industry .industry-integrations .circle.feature span {
        display: block
    }
}

.industry .industry-integrations .circle.orange {
    background-color: #ED9D21
}

.industry .industry-integrations .circle.blue {
    background-color: #62CAE3
}

.industry .industry-integrations .circle.green {
    background-color: #7BC143
}

@media screen and (max-width: 39.9375em) {
    .industry .industry-integrations .circle {
        display: block;
        float: none;
        text-align: center;
        width: auto
    }

    .industry .industry-integrations .circle:last-child {
        margin-bottom: 0
    }
}

.industry .industry-integrations .large-graphic {
    display: block
}

@media screen and (max-width: 39.9375em) {
    .industry .industry-integrations .large-graphic {
        display: none
    }
}

@media screen and (max-width: 39.9375em) {
    .industry .sample-forms {
        padding-bottom: 25px
    }
}

.industry .sample-forms .frame img,
.industry .sample-forms .view,
.industry .sample-forms img.frame {
    margin-bottom: 0
}

@media screen and (max-width: 39.9375em) {

    .industry .sample-forms .frame img,
    .industry .sample-forms .view,
    .industry .sample-forms img.frame {
        margin-bottom: 35px
    }
}

.industry .choose-industry {
    background-color: #1C2F3A;
    padding-bottom: 35px
}

.industry .choose-industry .circle-icon {
    display: inline-block
}

@media screen and (max-width: 39.9375em) {
    .industry .choose-industry .circle-icon {
        margin-bottom: 30px
    }
}

.industry .choose-industry .circle-icon .icon {
    background-color: #7BC143;
    border: 5px solid #7BC143;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    color: #ffffff;
    display: inline-block;
    font-size: 50px;
    height: 100px;
    margin-bottom: 20px;
    padding: 20px 0;
    width: 100px
}

.industry .choose-industry .circle-icon .icon img {
    height: 50px;
    width: 50px
}

.industry .choose-industry .circle-icon h3 {
    color: #ffffff;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 0
}

.industry .icons__features {
    height: 100px;
    width: auto
}

.industry .use-case .industry-name {
    margin-bottom: 30px
}

.industry .use-case .industry-name span {
    float: left
}

.industry .use-case .industry-name .small-icon {
    background-color: #7BC143;
    color: #ffffff;
    height: 45px;
    padding: 10px 0;
    text-align: center;
    width: 45px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.industry .use-case .industry-name .small-icon img {
    height: 24px;
    width: 24px
}

.industry .use-case .industry-name .title {
    color: #7BC143;
    font-weight: 500;
    margin-left: 10px;
    padding-top: 9px;
    text-transform: uppercase
}

.industry .use-case h4 {
    color: #7BC143
}

.industry .use-case h5 {
    font-size: 24px;
    font-weight: 600
}

.industry .use-case .popular {
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 0
}

.industry .use-case .clients {
    margin-top: 40px;
    list-style: none
}

.industry .use-case .clients li {
    display: inline-block;
    margin-right: 25px
}

@media screen and (max-width: 39.9375em) {
    .industry .use-case .clients li {
        display: block;
        margin-right: 0;
        margin-bottom: 20px
    }
}

.industry .use-case .clients li img {
    vertical-align: top;
    height: 75px;
    width: auto
}

.report-callout h5 {
    background-color: #cee39b;
    display: inline-block;
    font-size: 12px;
    margin-top: 3px;
    padding: 9px 10px 7px;
    font-weight: 500
}

.report-callout h4 {
    font-weight: 700
}

.report-callout p {
    margin-bottom: 0
}

.report-callout img.salt {
    width: 40%
}

.healthcare__save-time-money ul,
.healthcare__save-time-money li {
    padding: 0;
    margin: 0;
    list-style: none
}

@media screen and (min-width: 40em) {
    .healthcare__save-time-money {
        background-position: center center;
        background-image: url("../images/industry/healthcare/save-time-and-money-background.jpg");
        -moz-background-size: cover;
        -o-background-size: cover;
        -webkit-background-size: cover;
        background-size: cover
    }

    .healthcare__save-time-money li:before {
        content: '\f105';
        font-family: 'FontAwesome';
        float: left;
        margin-right: .9375rem;
        color: #7BC143
    }
}

.healthcare__save-time-money2 ul,
.healthcare__save-time-money2 li {
    padding: 0;
    margin: 0;
    list-style: none
}

@media screen and (min-width: 40em) {
    .healthcare__save-time-money2 {
        background-position: center center;
        background-image: url("../images/industry/healthcare/save-time-and-money-background2.jpg");
        -moz-background-size: cover;
        -o-background-size: cover;
        -webkit-background-size: cover;
        background-size: cover
    }

    .healthcare__save-time-money2 li:before {
        content: '\f105';
        font-family: 'FontAwesome';
        float: left;
        margin-right: .9375rem;
        color: #7BC143
    }
}

.online-forms .industry__ver-one .online-forms-hero {
    background-position: center center;
    background-image: url("../images/industry/hero_online_forms.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center bottom
}

.online-forms .industry__ver-two .online-forms-hero {
    background-position: center center;
    background-image: url("../images/industry/hero_online_forms_ver_3.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center bottom;
    padding: 150px 0
}

.lead-generation .lead-generation-hero {
    background-position: center center;
    background-image: url("../images/hero_lead-generation.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center bottom
}

.lead-generation .solutions img {
    height: 85px;
    margin-bottom: 40px;
    margin-top: 10px
}

.lead-generation .signup .free-trial {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 0
}

.lead-generation .signup .free-trial img {
    max-width: 170px;
    margin: -15px 10px -5px 0
}

.lead-generation .signup input[type="submit"] {
    padding: 29px 19px
}

.lead-generation .signup select {
    background-color: white;
    font-family: inherit;
    border: 1px solid #cccccc;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    color: rgba(0, 0, 0, 0.75);
    display: block;
    font-size: 14px;
    margin: 0 0 12px;
    padding: 6px;
    height: 32px;
    width: 100%;
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.15s;
    -o-transition-duration: 0.15s;
    -webkit-transition-duration: 0.15s;
    transition-duration: 0.15s;
    -moz-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear
}

.education .industry-hero {
    background-image: url("../images/industry/hero_education-new.jpg")
}

.education .industry__ver-one .industry-hero {
    background-image: url("../images/industry/hero_education.jpg.html")
}

.nonprofits .industry-hero {
    background-image: url("../images/industry/hero_nonprofits-new.jpg")
}

.nonprofits .industry__ver-one .industry-hero {
    background-image: url("../images/industry/hero_nonprofits.jpg.html")
}

.nonprofits .client-logos ul li {
    padding: 0 19px
}

.technology .industry-hero {
    background-image: url("../images/industry/hero_technology-new.jpg")
}

.technology .industry__ver-one .industry-hero {
    background-image: url("../images/industry/hero_technology.jpg.html")
}

.agencies .industry-hero {
    background-image: url("../images/industry/hero_agencies-new.jpg")
}

.agencies .industry__ver-one .industry-hero {
    background-image: url("../images/industry/hero_agencies.jpg")
}

.small-business .industry-hero {
    background-image: url("../images/industry/hero_small-business-new.jpg")
}

.franchises .industry-hero {
    background-image: url("../images/industry/hero_franchises-new.jpg")
}

.franchises .industry__ver-one .industry-hero {
    background-image: url("../images/industry/hero_agencies.jpg")
}

.any-industry .industry-hero {
    background-image: url("../images/industry/hero_any_industry.jpg")
}

.any-industry .sample-forms {
    background-color: transparent
}

@media screen and (max-width: 39.9375em) {
    .any-industry .sample-forms {
        padding: 30px 0 0
    }
}

.digital-marketing__content section h4 {
    font-size: 26px;
    font-weight: 500;
    color: #1C2F3A;
    letter-spacing: 0;
    text-shadow: none
}

.digital-marketing__content section h4 img {
    display: inline-block;
    height: 25px;
    margin-bottom: -3px;
    margin-right: 10px;
    width: 25px
}

@media screen and (max-width: 39.9375em) {
    .digital-marketing__content section h4 {
        margin-top: 30px
    }
}

.digital-marketing__content .fbds-hero,
.digital-marketing__content .fbds-hero--darkgray,
.digital-marketing__content .fbds-hero--darkgraygradient,
.digital-marketing__content .industry .industry__ver-one .industry-hero--registrations,
.industry .industry__ver-one .digital-marketing__content .industry-hero--registrations,
.digital-marketing__content .hero--nicereply,
.digital-marketing__content .hero--webinars__confirmation {
    background-position: center center;
    background-image: url("../images/digital-marketing/grid_bg.png");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.digital-marketing__content .stages {
    background-color: #1C2F3A;
    padding: 35px 0
}

.digital-marketing__content .stages h3 {
    color: #fff;
    font-size: 22px;
    font-weight: 400;
    letter-spacing: 0;
    text-shadow: none
}

.digital-marketing__content .stages .stage,
.digital-marketing__content .stages .stage-arrow {
    display: inline-block;
    color: #fff
}

@media screen and (max-width: 39.9375em) {

    .digital-marketing__content .stages .stage,
    .digital-marketing__content .stages .stage-arrow {
        display: block;
        padding: 15px 0
    }
}

.digital-marketing__content .stages .stage-arrow {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: .5
}

@media screen and (max-width: 39.9375em) {
    .digital-marketing__content .stages .stage-arrow .fa {
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        font-size: 20px
    }
}

.digital-marketing__content .stages .stage {
    text-align: center;
    padding: 0 30px
}

.digital-marketing__content .stages .stage img {
    margin-bottom: 10px;
    display: inline-block
}

.digital-marketing__content .stages .stage h4 {
    font-size: 14px;
    letter-spacing: 0;
    margin-bottom: 0;
    text-transform: uppercase;
    font-family: "Rubik", sans-serif;
    color: #fff
}

@media screen and (min-width: 64em) and (max-width: 74.9375em) {
    .digital-marketing__content .stages .stage:first-child {
        padding-left: 0
    }

    .digital-marketing__content .stages .stage:last-child {
        padding-right: 0
    }
}

.digital-marketing__content .fa-ul {
    line-height: 1;
    margin-left: 5px
}

.digital-marketing__content .fa-ul li {
    margin-bottom: 10px
}

.digital-marketing__content .fsBody .fsForm {
    box-shadow: none !important
}

@media screen and (min-width: 64em) and (max-width: 74.9375em) {

    .digital-marketing__content .lead-generation .content,
    .digital-marketing__content .conversion .content {
        padding-left: 30px
    }

    .digital-marketing__content .lead-nurturing .content,
    .digital-marketing__content .analysis .content {
        padding-right: 30px
    }
}

.digital-marketing__test .fbds-hero,
.digital-marketing__test .fbds-hero--darkgray,
.digital-marketing__test .fbds-hero--darkgraygradient,
.digital-marketing__test .industry .industry__ver-one .industry-hero--registrations,
.industry .industry__ver-one .digital-marketing__test .industry-hero--registrations,
.digital-marketing__test .hero--nicereply,
.digital-marketing__test .hero--webinars__confirmation {
    background-color: #1C2F3A;
    background-position: center center;
    background-image: url("../images/digital-marketing/dm_hero_bg.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.scrollspy {
    border-bottom: 1px solid #F1F5F6;
    display: none
}

.scrollspy .pixel {
    position: absolute;
    top: 0;
    left: 0;
    display: none
}

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

.scrollspy .scrollspy__item {
    width: 25%;
    display: inline-block;
    margin-left: -4px
}

.scrollspy .scrollspy__item a {
    display: block;
    padding: 10px 0;
    text-align: center;
    text-transform: uppercase;
    color: #455560
}

.scrollspy .scrollspy__item a:hover {
    background-color: #7BC143;
    color: #FFF;
    font-weight: 600
}

.scrollspy .scrollspy__item.active a {
    background-color: #7BC143;
    color: #FFF;
    font-weight: 600
}

.scrollspy.scrollspy--fixed {
    background-color: #FFF;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1
}

@media screen and (min-width: 64em) {
    .scrollspy {
        display: block
    }
}

.section--quote .section--quote__icon {
    height: 75px;
    width: 75px;
    border-radius: 50%
}

.image-container {
    position: relative;
    height: 586px
}

.image-container__image {
    position: absolute;
    margin-top: -10px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.15s;
    -o-transition-duration: 0.15s;
    -webkit-transition-duration: 0.15s;
    transition-duration: 0.15s;
    -moz-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear
}

.image-container__image--active {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1
}

a.feature-box {
    padding: 20px;
    border: 1px solid #F1F5F6;
    display: block;
    position: relative;
    color: #6C7A85
}

a.feature-box .feature-box__headline {
    font-family: "Rubik", sans-serif;
    margin-bottom: 10px
}

a.feature-box .left-triangle {
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.15s;
    -o-transition-duration: 0.15s;
    -webkit-transition-duration: 0.15s;
    transition-duration: 0.15s;
    -moz-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 10px 0;
    border-color: transparent #7BC143 transparent transparent;
    position: absolute;
    top: 50%;
    margin-top: -10px;
    left: -11px
}

a.feature-box .right-triangle {
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.15s;
    -o-transition-duration: 0.15s;
    -webkit-transition-duration: 0.15s;
    transition-duration: 0.15s;
    -moz-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #7BC143;
    position: absolute;
    top: 50%;
    margin-top: -10px;
    right: -11px
}

a.feature-box:hover,
a.feature-box.feature-box--active {
    background-color: #7BC143;
    border: 1px solid #7BC143;
    color: #FFF
}

a.feature-box.feature-box--active .right-triangle,
a.feature-box.feature-box--active .left-triangle {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1
}

.new-webinar .sidebar-form {
    background-color: #455560;
    bottom: 0;
    right: 0;
    position: fixed;
    top: 0;
    width: 30%
}

@media (max-width: 1300px) {
    .new-webinar .sidebar-form {
        width: 35%
    }
}

@media (max-width: 1000px) {
    .new-webinar .sidebar-form {
        position: static;
        width: auto
    }
}

@media (max-width: 670px) {
    .new-webinar .sidebar-form {
        position: static;
        width: auto
    }
}

@media (max-height: 650px) {
    .new-webinar .sidebar-form {
        position: static;
        width: auto
    }
}

.new-webinar .sidebar-form .fbds-headline-primary {
    text-align: center;
    color: #FFF;
    font-size: 30px;
    margin-bottom: 0;
    padding: 30px;
    text-transform: uppercase;
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.15s;
    -o-transition-duration: 0.15s;
    -webkit-transition-duration: 0.15s;
    transition-duration: 0.15s;
    -moz-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear
}

@media (min-width: 1000px) and (max-height: 725px) {
    .new-webinar .sidebar-form .fbds-headline-primary {
        padding: 10px
    }
}

.new-webinar .sidebar-form .sidebar-form--title {
    padding: 0 30px;
    margin: 25px 0 -5px 0;
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.15s;
    -o-transition-duration: 0.15s;
    -webkit-transition-duration: 0.15s;
    transition-duration: 0.15s;
    -moz-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear
}

.new-webinar .sidebar-form .sidebar-form--title .sidebar-form--title__logo {
    float: left;
    vertical-align: text-top
}

.new-webinar .sidebar-form .sidebar-form--title .sidebar-form--title__text {
    background: #7BC143;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    color: #FFF;
    float: left;
    font-weight: 500;
    margin-bottom: 0;
    margin-left: 10px;
    margin-top: 1px;
    padding: 1px 5px 0;
    text-transform: uppercase;
    vertical-align: text-top
}

@media (max-height: 750px) {
    .new-webinar .sidebar-form .sidebar-form--title {
        display: none
    }
}

@media (max-height: 1000px) {
    .new-webinar .sidebar-form .sidebar-form--title {
        padding-top: 25px
    }
}

.new-webinar .sidebar-form .webinar-form {
    font-family: "Rubik", sans-serif
}

.new-webinar .sidebar-form .webinar-form .fsBody {
    margin-bottom: 0
}

.new-webinar .sidebar-form .webinar-form .fsBody .fsForm {
    margin: 0 auto;
    padding: 15px;
    background: transparent;
    border: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.new-webinar .sidebar-form .webinar-form .fsBody .fsForm .fsCell {
    padding: 10px 15px
}

.new-webinar .sidebar-form .webinar-form .fsBody .fsForm .fsLabel {
    color: #FFF;
    margin-bottom: 5px;
    text-transform: none;
    text-shadow: none
}

.new-webinar .sidebar-form .webinar-form .fsBody .fsForm .fsSupporting,
.new-webinar .sidebar-form .webinar-form .fsBody .fsForm .fsOptionLabel {
    color: #bfbfbf
}

.new-webinar .sidebar-form .webinar-form .fsBody .fs2Col {
    min-width: 0
}

.new-webinar .sidebar-form .webinar-form .fsFieldCell.fsSpan50,
.new-webinar .sidebar-form .webinar-form .fsSubField {
    width: 50%
}

.new-webinar .sidebar-form .webinar-form .fsFirst.fsLast.fsFieldCell .fsSubFieldGroup .fsSubField {
    margin-right: 0
}

.new-webinar .sidebar-form .webinar-form .fsFirst.fsLast.fsFieldCell .fsSubFieldGroup .fsSubField:nth-of-type(1) {
    padding-right: 15px
}

.new-webinar .sidebar-form .webinar-form .fsFirst.fsLast.fsFieldCell .fsSubFieldGroup .fsSubField:nth-of-type(2) {
    padding-left: 15px
}

.new-webinar .sidebar-form .webinar-form .fsFieldRow input[type="email"],
.new-webinar .sidebar-form .webinar-form .fsFieldRow input[type="number"],
.new-webinar .sidebar-form .webinar-form .fsFieldRow input[type="tel"],
.new-webinar .sidebar-form .webinar-form .fsFieldRow input[type="text"],
.new-webinar .sidebar-form .webinar-form .fsForm textarea {
    max-width: 100%;
    margin-bottom: 0;
    height: 32px
}

.new-webinar .sidebar-form .webinar-form .fsFieldRow select {
    height: 31px
}

.new-webinar .sidebar-form .webinar-form a {
    color: #1C2F3A;
    text-decoration: underline
}

.new-webinar .sidebar-form .webinar-form a:hover {
    color: #1C2F3A
}

.new-webinar .sidebar-form .webinar-form .fsSectionHeader {
    display: none
}

.new-webinar .sidebar-form .webinar-form select,
.new-webinar .sidebar-form .webinar-form fieldset {
    border: none
}

.new-webinar .sidebar-form .webinar-form fieldset {
    margin: 0
}

.new-webinar .sidebar-form .webinar-form fieldset legend {
    background-color: transparent
}

.new-webinar .sidebar-form .webinar-form fieldset .fieldset-content {
    padding: 5px 0 10px
}

.new-webinar .sidebar-form .webinar-form fieldset .fsOptionLabel.horizontal input,
.new-webinar .sidebar-form .webinar-form fieldset .fsOptionLabel.vertical input {
    margin-right: 4px
}

.new-webinar .sidebar-form .webinar-form fieldset .fsOptionLabel.horizontal {
    float: none;
    display: inline-block
}

.new-webinar .sidebar-form .webinar-form fieldset .vertical .fsOtherField {
    margin-top: 5px
}

.new-webinar .sidebar-form .webinar-form .fsValidationError {
    background-color: transparent
}

.new-webinar .sidebar-form .webinar-form .fsForm .fsSubmit {
    padding: 15px;
    margin: 0;
    text-align: left;
    background-color: transparent
}

.new-webinar .sidebar-form .webinar-form .fsForm .fsSubmit input.fsSubmitButton {
    border-radius: 3px;
    text-transform: uppercase;
    background-repeat: repeat;
    font-weight: 600;
    color: #FFF;
    background-color: #7BC143 !important;
    padding: 18px 40px 16px !important;
    font-size: 18px;
    cursor: pointer;
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.15s;
    -o-transition-duration: 0.15s;
    -webkit-transition-duration: 0.15s;
    transition-duration: 0.15s;
    -moz-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    position: relative;
    width: 100%
}

.new-webinar .sidebar-form .webinar-form .fsForm .fsSubmit input.fsSubmitButton:hover {
    color: #FFF;
    background-color: #6fae3c !important
}

.new-webinar .sidebar-form .webinar-form .fsForm .fsSubmit input.fsSubmitButton:focus {
    top: 1px
}

.new-webinar .sidebar-form .webinar-form .fsLabelVertical {
    padding-bottom: 0
}

.new-webinar .sidebar-form .webinar-form .fsLabelVertical .fieldset-content {
    padding-bottom: 0
}

.new-webinar .page-content {
    text-align: center;
    width: 70%
}

@media (max-width: 1300px) {
    .new-webinar .page-content {
        width: 65%
    }
}

@media (max-height: 650px) {
    .new-webinar .page-content {
        width: auto
    }
}

@media (max-width: 1000px) {
    .new-webinar .page-content {
        width: auto
    }
}

.new-webinar .page-content .title {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 18px;
    color: #455560
}

.new-webinar .page-content .page-content--header {
    padding: 50px 0 0
}

.new-webinar .page-content .page-content--header .main-logo {
    width: 160px;
    height: 28px;
    padding-top: 0;
    display: inline-block;
    vertical-align: text-top;
    margin: 0;
    background-size: 160px 28px;
    background-image: url("../images/formstack-logo@2x.png")
}

.new-webinar .page-content .page-content--header .webinar {
    border-left: 1px solid #F1F5F6;
    color: #455560;
    display: inline-block;
    font-size: 17px;
    font-weight: 500;
    margin-left: 7px;
    margin-bottom: 0;
    padding-left: 10px;
    padding-top: 4px;
    text-transform: uppercase;
    vertical-align: text-top
}

@media (min-width: 1000px) {
    .new-webinar .page-content .page-content--header {
        display: none
    }
}

.new-webinar .page-content .page-content--title {
    padding-top: 35px
}

.new-webinar .page-content .page-content--title .fbds-headline-primary {
    color: #455560
}

.new-webinar .page-content .page-content--date-time .fbds-headline-secondary {
    text-transform: uppercase;
    color: #FFF;
    background-color: #7BC143;
    display: inline-block;
    padding: 5px 10px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    letter-spacing: 1px;
    margin: 30px 0;
    font-size: 16px
}

.new-webinar .page-content--blocks {
    padding: 0 60px;
    color: #1C2F3A
}

.new-webinar .page-content--blocks .webinar-learn {
    margin: 40px auto 0;
    list-style: none
}

.new-webinar .page-content--blocks .webinar-learn .webinar-learn__item {
    float: left;
    width: 25%;
    background-color: #F1F5F6;
    color: #1C2F3A;
    height: 140px;
    position: relative;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 5px solid #FFF
}

.new-webinar .page-content--blocks .webinar-learn .webinar-learn__item .num {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #0197EC;
    border: 5px solid #FFF;
    color: #FFF;
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    height: 50px;
    margin-bottom: 0;
    padding: 5px;
    position: absolute;
    top: -25px;
    width: 50px;
    left: 50%;
    margin-left: -25px
}

.new-webinar .page-content--blocks .webinar-learn .webinar-learn__item .desc {
    margin-bottom: 0;
    padding: 30px 10px 0
}

@media only screen and (max-width: 1300px) {
    .new-webinar .page-content--blocks .webinar-learn .webinar-learn__item {
        float: none;
        width: 100%;
        height: auto;
        padding-bottom: 40px
    }
}

.new-webinar .page-content--blocks .webinar-learn .webinar-learn__item-three {
    width: 33%
}

@media only screen and (max-width: 1300px) {
    .new-webinar .page-content--blocks .webinar-learn .webinar-learn__item-three {
        float: none;
        width: 100%;
        height: auto;
        padding-bottom: 1.875rem
    }
}

.new-webinar .page-content--blocks hr {
    margin: 32px 5px 31px 5px
}

.new-webinar .page-content--blocks .webinar-speakers {
    list-style: none;
    margin-top: 1.875rem;
    padding: 0
}

.new-webinar .page-content--blocks .webinar-speakers .webinar-speakers__item {
    float: left;
    width: 50%
}

.new-webinar .page-content--blocks .webinar-speakers .webinar-speakers__item .item-content {
    padding: 0 1.875rem
}

.new-webinar .page-content--blocks .webinar-speakers .webinar-speakers__item .thumb {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    float: left;
    height: 125px;
    width: 125px
}

.new-webinar .page-content--blocks .webinar-speakers .webinar-speakers__item .speaker-info {
    float: left;
    margin-left: 1.875rem;
    padding-top: 1.875rem;
    text-align: left;
    width: 165px;
    color: #455560
}

.new-webinar .page-content--blocks .webinar-speakers .webinar-speakers__item .speaker-info.new {
    margin-left: 0;
    width: auto
}

.new-webinar .page-content--blocks .webinar-speakers .webinar-speakers__item .speaker-info .name {
    margin-bottom: 0
}

.new-webinar .page-content--blocks .webinar-speakers .webinar-speakers__item .speaker-info .divider {
    margin: 10px 0;
    width: 50px
}

.new-webinar .page-content--blocks .webinar-speakers .webinar-speakers__item .speaker-info .job-title {
    font-size: .875rem
}

.new-webinar .page-content--blocks .webinar-speakers .webinar-speakers__item .speaker-info .job-title a {
    color: #0197EC
}

@media only screen and (max-width: 1300px) {
    .new-webinar .page-content--blocks .webinar-speakers .webinar-speakers__item {
        float: none;
        width: 100%;
        height: auto;
        margin-bottom: 30px
    }

    .new-webinar .page-content--blocks .webinar-speakers .webinar-speakers__item .item-content {
        padding: 0
    }
}

.new-webinar .page-content--blocks .webinar-speakers.webinar-speakers--single .webinar-speakers__item {
    float: none;
    width: auto
}

.new-webinar .page-content--blocks .webinar-speakers.webinar-speakers--single .webinar-speakers__item .item-content {
    padding: 0;
    display: inline-block
}

.new-webinar .page-content--blocks .webinar-speakers.webinar-speakers--single .webinar-speakers__item .item-bio {
    padding: 30px 30px 0
}

.hero--webinars__confirmation {
    background-position: center center;
    background-image: url("../images/hero-macbook-pro-green.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.hero--webinars__confirmation .webinar-squares a img {
    height: 200px;
    width: auto
}

@media screen and (max-width: 39.9375em) {
    .hero--webinars__confirmation .webinar-squares a img {
        margin-bottom: 30px
    }
}

.fs-10-webinar section {
    padding: 5em 0
}

.fs-10-webinar section.hero {
    background-image: url(../images/fs-birthday-background.jpg);
    background-size: cover;
    position: relative
}

.fs-10-webinar .bold-heading {
    font-weight: 700
}

.fs-10-webinar .confetti {
    left: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%
}

.fs-10-webinar .looking-for-icon {
    height: 100px;
    margin-bottom: 15px
}

.fs-10-webinar img.form-winner {
    max-width: 100%;
    height: auto;
    display: block
}

.fs-10-webinar ul.categories {
    list-style: none;
    margin-left: 0px
}

.fs-10-webinar ul.categories li {
    font-weight: 700;
    font-size: 20px
}

.fs-10-webinar .fsBody .fsForm .fsLabel {
    color: #1C2F3A
}

@media screen and (min-width: 1000px) {
    .fs-10-webinar .participate-copy {
        margin-top: 50px
    }
}

.webinar-bar {
    background-color: #6C7A85;
    color: #FFF
}

.webinar-bar .webinar-bar__paragraph {
    margin: 6px 0
}

.webinar-bar .webinar-bar__paragraph a {
    color: #FFF
}

.template--split .sidebar-form {
    bottom: 0;
    right: 0;
    position: fixed;
    top: 0;
    width: 35%
}

@media (max-width: 1300px) {
    .template--split .sidebar-form {
        width: 42%
    }
}

@media (max-width: 1000px) {
    .template--split .sidebar-form {
        position: static;
        width: auto
    }
}

@media (max-height: 675px) {
    .template--split .sidebar-form {
        position: static;
        width: auto
    }
}

.template--split .height--fixed {
    height: 60px;
    max-width: 100%
}

.template--split .page-content {
    width: 65%
}

@media (max-width: 1300px) {
    .template--split .page-content {
        width: 58%
    }
}

@media (max-width: 1000px) {
    .template--split .page-content {
        width: auto
    }
}

@media (max-height: 675px) {
    .template--split .page-content {
        width: auto
    }
}

.template--split .page-content .title {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 18px
}

.template--split .page-content .page-content--header .main-logo {
    width: 160px;
    height: 28px;
    padding-top: 0;
    vertical-align: text-top;
    margin: 0
}

.template--split .page-content .page-content--header .webinar {
    border-left: 1px solid #e5e5e5;
    color: #455560;
    display: inline-block;
    font-size: 17px;
    font-weight: 500;
    margin-left: 7px;
    margin-bottom: 0;
    padding-left: 10px;
    padding-top: 4px;
    text-transform: uppercase;
    vertical-align: text-top
}

.template--split .page-content .page-content--date-time .fbds-headline-secondary {
    text-transform: uppercase;
    color: #fff;
    display: inline-block;
    padding: 5px 10px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    letter-spacing: 1px;
    margin: 30px 0;
    font-size: 16px
}

.template--split .page-content .page-content--blocks {
    padding: 0 60px
}

.template--split .page-content .page-content--blocks .webinar-learn {
    margin: 40px auto 0;
    list-style: none
}

.template--split .page-content .page-content--blocks .webinar-learn .webinar-learn__item {
    float: left;
    width: 25%;
    background-color: #dedede;
    color: #1C2F3A;
    height: 140px;
    position: relative;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 5px solid #fff
}

.template--split .page-content .page-content--blocks .webinar-learn .webinar-learn__item .num {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #7BC143;
    border: 5px solid #ffffff;
    color: #ffffff;
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    height: 50px;
    margin-bottom: 0;
    padding: 8px;
    position: absolute;
    top: -25px;
    width: 50px;
    left: 50%;
    margin-left: -25px
}

.template--split .page-content .page-content--blocks .webinar-learn .webinar-learn__item .desc {
    margin-bottom: 0;
    padding: 35px 10px 0
}

@media only screen and (max-width: 1300px) {
    .template--split .page-content .page-content--blocks .webinar-learn .webinar-learn__item {
        float: none;
        width: 100%;
        height: auto;
        padding-bottom: 40px
    }
}

.template--split .page-content .page-content--blocks hr {
    margin: 32px 5px 31px 5px
}

.template--split .page-content .page-content--blocks .webinar-speakers {
    list-style: none;
    margin-top: 20px;
    padding: 0
}

.template--split .page-content .page-content--blocks .webinar-speakers .webinar-speakers__item {
    float: left;
    width: 50%
}

.template--split .page-content .page-content--blocks .webinar-speakers .webinar-speakers__item .item-content {
    padding: 0 30px
}

.template--split .page-content .page-content--blocks .webinar-speakers .webinar-speakers__item .thumb {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    float: left;
    height: 140px;
    width: 140px
}

.template--split .page-content .page-content--blocks .webinar-speakers .webinar-speakers__item .speaker-info {
    float: left;
    margin-left: 25px;
    padding-top: 25px;
    text-align: left;
    width: 165px
}

.template--split .page-content .page-content--blocks .webinar-speakers .webinar-speakers__item .speaker-info .name {
    margin-bottom: 0
}

.template--split .page-content .page-content--blocks .webinar-speakers .webinar-speakers__item .speaker-info .divider {
    margin: 10px 0;
    width: 50px
}

.template--split .page-content .page-content--blocks .webinar-speakers .webinar-speakers__item .speaker-info .job-title {
    font-size: 12px
}

@media only screen and (max-width: 1300px) {
    .template--split .page-content .page-content--blocks .webinar-speakers .webinar-speakers__item {
        float: none;
        width: 100%;
        height: auto;
        margin-bottom: 30px
    }

    .template--split .page-content .page-content--blocks .webinar-speakers .webinar-speakers__item .item-content {
        padding: 0
    }
}

.template--split .page-content .page-content--blocks .webinar-speakers.webinar-speakers--single .webinar-speakers__item {
    float: none;
    width: auto
}

.template--split .page-content .page-content--blocks .webinar-speakers.webinar-speakers--single .webinar-speakers__item .item-content {
    padding: 0;
    display: inline-block
}

.template--split .page-content .page-content--blocks .webinar-speakers.webinar-speakers--single .webinar-speakers__item .item-bio {
    padding: 30px 30px 0
}

.hero--webinars__confirmation {
    background-position: center center;
    background-image: url("../images/hero-macbook-pro-green.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.hero--webinars__confirmation .webinar-squares a img {
    height: 200px;
    width: auto
}

@media screen and (max-width: 39.9375em) {
    .hero--webinars__confirmation .webinar-squares a img {
        margin-bottom: 30px
    }
}

.fs-10-webinar section {
    padding: 5em 0
}

.fs-10-webinar section.hero {
    background-image: url(../images/fs-birthday-background.jpg);
    background-size: cover;
    position: relative
}

.fs-10-webinar .bold-heading {
    font-weight: 700
}

.fs-10-webinar .confetti {
    left: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%
}

.fs-10-webinar .looking-for-icon {
    height: 100px;
    margin-bottom: 15px
}

.fs-10-webinar img.form-winner {
    max-width: 100%;
    height: auto;
    display: block
}

.fs-10-webinar ul.categories {
    list-style: none;
    margin-left: 0px
}

.fs-10-webinar ul.categories li {
    font-weight: 700;
    font-size: 20px
}

.fs-10-webinar .fsBody .fsForm .fsLabel {
    color: #1C2F3A
}

@media screen and (min-width: 1000px) {
    .fs-10-webinar .participate-copy {
        margin-top: 50px
    }
}

.interactive-comparison-title {
    background-color: #6c7a85
}

.interactive-comparison-title h1 {
    border-bottom: 1px dotted #dddddd;
    color: #fff;
    font-size: 22px;
    letter-spacing: 0;
    line-height: 1;
    padding: 10px 0;
    text-transform: uppercase;
    width: 100%;
    margin-bottom: 0
}

.interactive-comparison .banner {
    position: relative;
    overflow: auto
}

.interactive-comparison .banner li {
    list-style: none
}

.interactive-comparison .banner>ul {
    margin-bottom: 0
}

.interactive-comparison .banner>ul>li {
    float: left
}

.interactive-comparison .interactive-table .interactive-table-header div,
.interactive-comparison .interactive-table .feature div {
    width: 232px
}

.interactive-comparison form {
    margin-bottom: 0
}

.interactive-comparison .interactive-table-header div {
    display: none;
    float: left !important
}

.interactive-comparison .interactive-table-header div.user-selected,
.interactive-comparison .interactive-table-header div.formstack,
.interactive-comparison .interactive-table-header div.features,
.interactive-comparison .interactive-table-header .show-all-columns {
    display: block
}

.interactive-comparison .interactive-table-header div.show-all-columns {
    font-size: 9px;
    text-align: center;
    width: 53.6px
}

.interactive-comparison .interactive-table-header div.features.show-all-columns {
    width: 232px;
    font-size: 14px;
    text-align: left
}

.interactive-comparison .feature:before,
.interactive-comparison .feature:after {
    content: " ";
    display: table
}

.interactive-comparison .feature:after {
    clear: both
}

.interactive-comparison .feature {
    *zoom: 1
}

.interactive-comparison .feature {
    display: none
}

.interactive-comparison .feature div {
    float: left !important;
    display: none
}

.interactive-comparison .feature .feature-name,
.interactive-comparison .feature .formstack,
.interactive-comparison .feature .user-selected,
.interactive-comparison .feature .show-all-columns {
    display: block
}

.interactive-comparison .feature div.show-all-columns {
    width: 53.6px
}

.interactive-comparison .feature .feature-name.show-all-columns {
    width: 232px
}

.interactive-comparison .always-show-feature,
.interactive-comparison .user-selected-feature,
.interactive-comparison .show-all-features {
    display: block
}

.interactive-comparison {
    background-color: #6c7a85
}

.interactive-comparison .ui-selectmenu-button {
    width: 300px !important
}

.interactive-comparison .ui-selectmenu-button {
    display: block;
    margin: 0 auto 40px
}

.interactive-comparison .ui-selectmenu-button span.ui-selectmenu-text {
    font-size: 22px;
    padding: 0.4em 2.1em 0.4em 0.6em
}

.interactive-comparison .team-size-wrap,
.interactive-comparison .features-wrap,
.interactive-comparison .current-tool-wrap {
    padding: 50px 0;
    text-align: center
}

.interactive-comparison .team-size-wrap label,
.interactive-comparison .features-wrap label,
.interactive-comparison .current-tool-wrap label {
    color: #ffffff;
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 40px
}

.interactive-comparison .team-size-wrap label span,
.interactive-comparison .features-wrap label span,
.interactive-comparison .current-tool-wrap label span {
    display: block;
    font-weight: 300;
    font-style: italic;
    font-size: 20px
}

.interactive-comparison .features-wrap {
    color: #fff
}

.interactive-comparison .features-wrap label {
    margin-bottom: 40px
}

.interactive-comparison .features-wrap .button,
.interactive-comparison .features-wrap .fbds-newsletter-form .fsForm .fsSubmit input.fsSubmitButton,
.fbds-newsletter-form .fsForm .fsSubmit .interactive-comparison .features-wrap input.fsSubmitButton,
.interactive-comparison .features-wrap .newsletter-form .fsSubmitButton,
.newsletter-form .interactive-comparison .features-wrap .fsSubmitButton {
    margin-top: 40px
}

.interactive-comparison .features-wrap input {
    margin-right: 10px
}

.interactive-comparison .features-wrap .inputs-wrap {
    margin: 0 auto;
    text-align: left;
    width: 525px
}

.interactive-comparison .features-wrap .inputs-wrap label {
    display: block;
    margin: 0;
    font-size: 14px;
    font-weight: 300
}

.interactive-comparison .features-wrap .inputs-wrap .inputs-left {
    color: #fff;
    float: left
}

.interactive-comparison .features-wrap .inputs-wrap .inputs-right {
    color: #fff;
    margin-left: 20px;
    float: right
}

.interactive-comparison .table-header {
    color: #ffffff;
    font-size: 30px;
    font-weight: 700;
    margin: 60px 0;
    text-align: center
}

.interactive-comparison .table-wrapper {
    background-color: #fff;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 0 5px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 0 5px;
    box-shadow: rgba(0, 0, 0, 0.2) 0 0 5px;
    padding: 15px;
    margin-bottom: 40px
}

.interactive-comparison .table-wrapper .toggle-buttons {
    margin-bottom: 30px;
    text-align: center
}

.interactive-comparison .table-wrapper .toggle-buttons a {
    border-right: 1px solid #cccccc;
    margin-right: 5px;
    padding-right: 10px;
    color: #999;
    font-weight: 700
}

.interactive-comparison .table-wrapper .toggle-buttons a i {
    margin-right: 3px
}

.interactive-comparison .table-wrapper .toggle-buttons a:last-child {
    padding-right: 0;
    margin-right: 0;
    border-right: 0
}

.interactive-comparison .table-wrapper .toggle-buttons a.active,
.interactive-comparison .table-wrapper .toggle-buttons a:hover {
    color: #7BC143
}

.interactive-comparison .table-wrapper .toggle-buttons a.start-over-button {
    color: #62CAE3
}

.interactive-comparison .table-wrapper .toggle-buttons a.start-over-button i {
    margin-right: 1px
}

.interactive-comparison .table-wrapper .table-hero-copy p {
    color: #000000;
    font-size: 18px;
    padding: 30px;
    text-align: center
}

.slide-one h2 {
    color: #ffffff;
    font-size: 28px;
    margin-bottom: 35px;
    padding: 20px 0;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background-color: #1C2F3A
}

.slide-one h2 span {
    color: #ffffff;
    display: block;
    font-size: 20px;
    margin-top: 10px
}

.interactive-table .interactive-table-header div:not(.features) {
    background-color: #E0E2E4;
    text-align: center;
    padding-top: 15px
}

.interactive-table .interactive-table-header img {
    display: block;
    height: 55px;
    margin: 0 auto;
    width: 55px
}

.interactive-table .interactive-table-header span {
    background-color: #888;
    color: #ffffff;
    display: block;
    font-size: 12px;
    font-weight: 700;
    margin-top: -15px;
    padding-bottom: 10px;
    padding-top: 20px;
    text-align: center;
    text-shadow: rgba(0, 0, 0, 0.2) 1px 1px 2px
}

.interactive-table .interactive-table-header .formstack span {
    background-color: #7BC143
}

.interactive-table .interactive-table-header .show-all-columns img {
    width: 30px;
    height: 30px
}

.interactive-table .interactive-table-header .show-all-columns span {
    text-indent: -9999px;
    padding-top: 0
}

.interactive-table .feature div {
    height: 60px
}

.interactive-table .feature div:not(.feature-name) {
    background-color: #aaaaaa;
    color: #ffffff;
    font-weight: 700;
    text-align: center;
    font-size: 26px;
    border-right: 1px solid #888;
    border-bottom: 1px solid #888;
    padding: 10px
}

.interactive-table .feature div.formstack {
    background-color: #A2CD00;
    border-right: none
}

.interactive-table .feature div.show-all-columns {
    height: 40px;
    font-size: 16px
}

.interactive-table .feature-name {
    color: #7BC143;
    font-weight: 600;
    font-size: 16px;
    padding: 18px 0
}

.interactive-table .checkmark {
    width: 20px;
    height: auto
}

.back-link {
    color: #ffffff;
    display: block;
    font-size: 12px;
    margin-top: 10px;
    text-decoration: underline
}

.step-number {
    text-align: center
}

.step-number span {
    background-color: #1C2F3A;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    color: #ffffff;
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    padding: 5px 10px;
    text-transform: uppercase
}

.pricing-wrapper {
    margin-bottom: 40px
}

.pricing-wrapper .pricing-header-copy {
    text-align: center
}

.pricing-wrapper .pricing-header-copy h1 {
    border-top: 1px solid #ffffff;
    color: #ffffff;
    margin-top: 65px;
    text-align: center
}

.pricing-wrapper .pricing-header-copy h1 span {
    background-color: #6c7a85;
    display: block;
    font-weight: 500;
    margin: -28px auto 0;
    padding: 10px;
    width: 657px
}

.pricing-wrapper .pricing-header-copy p {
    color: #fff;
    font-size: 16px;
    margin-bottom: 40px
}

.pricing-wrapper .toggle-buttons {
    margin-bottom: 20px;
    text-align: center
}

.pricing-wrapper .toggle-buttons a {
    color: #fff;
    font-weight: 700
}

.pricing-wrapper .toggle-buttons a.active {
    color: #ED9D21
}

.pricing-wrapper .interactive-pricing ul.pricing-table {
    border: 1px solid #455560;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 0 5px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 0 5px;
    box-shadow: rgba(0, 0, 0, 0.2) 0 0 5px
}

.pricing-wrapper .interactive-pricing .enterprise,
.pricing-wrapper .interactive-pricing .platinum,
.pricing-wrapper .interactive-pricing .gold,
.pricing-wrapper .interactive-pricing .silver {
    display: none
}

.pricing-wrapper .interactive-pricing .show-plan,
.pricing-wrapper .interactive-pricing .show-all-plans {
    display: block
}

.data-error {
    color: #999999;
    font-size: 12px;
    margin: 30px 0 15px;
    text-align: center
}

.hero-wrap {
    height: 100%;
    width: 100%
}

@media screen and (max-width: 39.9375em) {
    .hero-wrap {
        height: auto
    }
}

.hero-wrap .header {
    background-color: #fff;
    left: 0;
    padding: 20px 0 15px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0
}

.hero-wrap .header .logo,
.hero-wrap .header .divider,
.hero-wrap .header .fbds-headline-primary {
    display: inline-block
}

.hero-wrap .header .logo,
.hero-wrap .header .divider {
    vertical-align: text-top;
    margin-top: -14px
}

.hero-wrap .header .logo {
    height: 38px;
    width: 218px;
    background: url(../images/formstack-logo.svg) no-repeat
}

@media screen and (max-width: 39.9375em) {
    .hero-wrap .header .logo {
        display: block;
        margin: 0 auto 10px auto
    }
}

.hero-wrap .header .no-svg .logo {
    background: url(../images/formstack-logo.png) no-repeat
}

.hero-wrap .header .divider {
    background-color: #7bc143;
    height: 38px;
    margin: -14px 15px 0;
    width: 1px
}

@media screen and (max-width: 39.9375em) {
    .hero-wrap .header .divider {
        display: none
    }
}

.hero-wrap .header .fbds-headline-primary {
    font-size: 20px;
    color: #7BC143;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 0
}

.hero-wrap .summit-hero {
    background-color: #000;
    background-position: center center;
    background-image: url("../images/fcr-splash-bg.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    display: table;
    height: 100%;
    padding: 0;
    width: 100%;
    color: #fff
}

.hero-wrap .summit-hero .hero-text {
    left: 50%;
    margin-left: -495px;
    margin-top: -110px;
    position: absolute;
    top: 50%
}

.hero-wrap .summit-hero .hero-text .fbds-headline-primary {
    font-size: 38px;
    line-height: 48px;
    font-weight: 600;
    letter-spacing: -1px;
    -moz-animation-delay: 1.25s;
    -webkit-animation-delay: 1.25s;
    animation-delay: 1.25s
}

.hero-wrap .summit-hero .hero-text .fbds-headline-secondary {
    font-family: "Rubik", sans-serif;
    font-size: 28px;
    line-height: 34px;
    font-weight: 300;
    -moz-animation-delay: 1.75s;
    -webkit-animation-delay: 1.75s;
    animation-delay: 1.75s
}

@media screen and (max-width: 39.9375em) {
    .hero-wrap .summit-hero .hero-text {
        position: static;
        margin-left: 0
    }
}

.hero-wrap .summit-hero .email-form {
    -moz-animation-delay: 2.25s;
    -webkit-animation-delay: 2.25s;
    animation-delay: 2.25s
}

.hero-wrap .summit-hero .email-form .fsBody .fsForm {
    margin: 0 auto;
    box-shadow: none
}

.hero-wrap .summit-hero .email-form .fsBody .fsRowBody,
.hero-wrap .summit-hero .email-form .fsForm .fsSubmit {
    padding: 0;
    margin: 0
}

.hero-wrap .summit-hero .email-form .fsSubmit,
.hero-wrap .summit-hero .email-form .fsPage {
    clear: none;
    display: inline-block;
    vertical-align: text-top
}

@media screen and (max-width: 39.9375em) {

    .hero-wrap .summit-hero .email-form .fsSubmit,
    .hero-wrap .summit-hero .email-form .fsPage {
        display: block
    }
}

.hero-wrap .summit-hero .email-form .fsForm .fsPage {
    margin-right: 10px
}

@media screen and (max-width: 39.9375em) {
    .hero-wrap .summit-hero .email-form .fsForm .fsPage {
        margin-right: 0
    }
}

.hero-wrap .summit-hero .email-form .fsFieldRow input[type="email"] {
    max-width: 100%;
    margin-bottom: 0;
    margin-right: 10px;
    height: 47px;
    border-radius: 3px;
    padding-left: 10px
}

.hero-wrap .summit-hero .email-form .fsSubmit input.fsSubmitButton {
    background-color: #ED9D21;
    border: 0;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    margin: 0 auto;
    text-align: center;
    text-transform: uppercase;
    border-radius: 3px;
    padding: 15px 20px;
    cursor: pointer;
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.15s;
    -o-transition-duration: 0.15s;
    -webkit-transition-duration: 0.15s;
    transition-duration: 0.15s;
    -moz-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear
}

.hero-wrap .summit-hero .email-form .fsSubmit input.fsSubmitButton:hover {
    background-color: #d18b1e;
    color: #fff
}

@media screen and (max-width: 39.9375em) {
    .hero-wrap .summit-hero .email-form .fsSubmit input.fsSubmitButton {
        width: 100%;
        margin-top: 20px
    }
}

.hero-wrap .summit-hero .email-form div.fsError {
    margin: 0 0 20px
}

@media screen and (max-width: 39.9375em) {
    .hero-wrap .summit-hero {
        padding: 170px 0 60px;
        height: auto
    }
}

.hero-wrap .fcr .hero-text {
    margin-top: -231px
}

.hero-wrap .fcr .hero-text .fbds-headline-primary {
    font-size: 36px
}

.hero-wrap .fcr .hero-text p {
    font-size: 18px
}

@media screen and (max-width: 39.9375em) {
    .hero-wrap .fcr .hero-text {
        margin-top: 0
    }
}

.hero-wrap .fcr .email-form .fsSubmit input.fsSubmitButton {
    background-color: #7BC143;
    -webkit-appearance: none
}

.hero-wrap .fcr .email-form .fsSubmit input.fsSubmitButton:hover {
    background-color: #38591D
}

.summit-description .fbds-headline-secondary {
    -moz-animation-delay: 0.25s;
    -webkit-animation-delay: 0.25s;
    animation-delay: 0.25s;
    margin-top: 0;
    opacity: 0
}

@media screen and (max-width: 39.9375em) {
    .summit-description .fbds-headline-secondary {
        opacity: 1
    }
}

.summit-description .video-btn-wrap {
    opacity: 0;
    -moz-animation-delay: 0.75s;
    -webkit-animation-delay: 0.75s;
    animation-delay: 0.75s
}

.summit-description .watch-video-btn {
    background-color: #455560;
    border: 0;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    margin: 0 auto;
    padding: 3px;
    text-align: center;
    text-transform: uppercase;
    border-radius: 3px;
    padding: 15px 20px;
    cursor: pointer
}

.summit-description .watch-video-btn .fa {
    margin-right: 4px
}

.summit-description .watch-video-btn:hover {
    background-color: #1C2F3A;
    color: #fff
}

.summit-description .divider {
    opacity: 0;
    margin: 50px 0;
    -moz-animation-delay: 1s;
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

@media screen and (max-width: 39.9375em) {
    .summit-description .divider {
        opacity: 1
    }
}

.summit-description .icons img {
    width: 82px;
    height: 90px;
    margin-bottom: 10px
}

.summit-description .icons .icon-label {
    text-transform: uppercase;
    color: #7BC143;
    font-size: 16px;
    margin-bottom: 0
}

.summit-description .icons .icon-one {
    -moz-animation-delay: 1.25s;
    -webkit-animation-delay: 1.25s;
    animation-delay: 1.25s
}

.summit-description .icons .icon-two {
    -moz-animation-delay: 1.5s;
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s
}

.summit-description .icons .icon-three {
    -moz-animation-delay: 1.75s;
    -webkit-animation-delay: 1.75s;
    animation-delay: 1.75s
}

.summit-description .icons .icon-four {
    -moz-animation-delay: 2s;
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

@media screen and (max-width: 39.9375em) {
    .summit-description .icons .icon {
        margin-bottom: 20px
    }
}

.fcr-hero-wrap {
    background-color: #1C2F3A;
    background-position: center center;
    background-image: url("../images/fcr-hero.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fcr-header {
    padding: 20px 0;
    background-color: transparent;
    border-bottom: 1px solid #5c6a74
}

.fcr-header .fcr-title-wrap {
    float: left
}

.fcr-header .fcr-title {
    color: #A8C933;
    background: -webkit-linear-gradient(#9fcc3b, #5db241);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    padding-left: 5px;
    padding-top: 1px;
    text-transform: uppercase;
    vertical-align: text-top;
    margin-bottom: 0
}

@media screen and (max-width: 39.9375em) {
    .fcr-header .fcr-title {
        padding-top: 0;
        margin-top: -4px
    }
}

.fcr-header .fcr-logo {
    width: 206px;
    height: 36px;
    background-image: url("../images/formstack-logo-white.svg");
    text-indent: -9999px;
    display: inline-block;
    vertical-align: text-top
}

@media screen and (max-width: 39.9375em) {
    .fcr-header .fcr-logo {
        width: 155px;
        height: 27px
    }
}

.fcr-header .fcr-nav {
    float: left;
    margin-left: 20px
}

.fcr-header .fcr-nav ul {
    list-style: none;
    margin-bottom: 0;
    padding-top: 16px;
    line-height: 1
}

.fcr-header .fcr-nav ul .fcr-nav__item {
    display: inline-block;
    margin-left: 25px;
    line-height: 1
}

.fcr-header .fcr-nav ul .fcr-nav__item a {
    color: #fff;
    font-size: 18px
}

@media screen and (max-width: 39.9375em) {
    .fcr-header .fcr-nav ul .fcr-nav__item {
        padding: 0 10px;
        margin: 0
    }
}

@media screen and (max-width: 39.9375em) {
    .fcr-header .fcr-nav {
        margin: 0;
        padding: 10px 0 0 0;
        text-align: center;
        width: 100%
    }
}

@media screen and (max-width: 39.9375em) {

    .fcr-header .button,
    .fcr-header .fbds-newsletter-form .fsForm .fsSubmit input.fsSubmitButton,
    .fbds-newsletter-form .fsForm .fsSubmit .fcr-header input.fsSubmitButton,
    .fcr-header .newsletter-form .fsSubmitButton,
    .newsletter-form .fcr-header .fsSubmitButton {
        margin-top: 25px
    }
}

.fcr-page-title .fbds-headline-primary {
    color: #ffffff;
    font-size: 34px;
    font-weight: 600;
    margin-bottom: 0;
    padding: 50px 0
}

.fcr-hero {
    padding: 100px 0
}

.fcr-hero .fbds-headline-primary {
    color: #ffffff;
    font-size: 36px;
    margin-bottom: 20px;
    font-weight: 600;
    line-height: 1.4
}

.fcr-hero .fbds-headline-primary .gradient {
    color: #A8C933;
    display: block;
    font-weight: 700;
    text-transform: uppercase;
    background: -webkit-linear-gradient(#9fcc3b, #5db241);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 68px
}

@media screen and (max-width: 39.9375em) {
    .fcr-hero .fbds-headline-primary .gradient {
        font-size: 46px
    }
}

.fcr-hero .fbds-headline-primary .gradient--small {
    font-size: 40px
}

@media screen and (max-width: 39.9375em) {
    .fcr-hero .fbds-headline-primary {
        font-size: 32px;
        line-height: 1.2
    }
}

.fcr-hero .fbds-headline-secondary {
    font-family: "Rubik", sans-serif;
    color: #455560;
    font-size: 22px;
    line-height: 1.54545;
    font-weight: 300;
    margin-top: 10px;
    color: #FFF
}

.fcr-hero .download-image {
    width: 230px;
    height: auto
}

@media screen and (max-width: 39.9375em) {
    .fcr-hero {
        padding: 30px 0
    }
}

.fcr-download {
    font-size: 14px;
    padding: 15px
}

.fcr-download .fa {
    margin-right: 10px
}

.fcr-content {
    background-color: #7BC143;
    background-position: center center;
    background-image: url("../images/fcr-content-bg.png");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: bottom center;
    color: #fff;
    min-height: 700px
}

.fcr-content .fbds-headline-primary {
    font-size: 26px;
    font-weight: 600;
    line-height: 1.4;
    margin-bottom: 60px;
    text-align: center
}

.fcr-content .fbds-headline-primary .break {
    display: block
}

@media screen and (max-width: 39.9375em) {
    .fcr-content .fbds-headline-primary .break {
        display: inline
    }
}

@media screen and (max-width: 39.9375em) {
    .fcr-content .fbds-headline-primary {
        margin-bottom: 20px;
        text-align: left
    }
}

.fcr-content ul {
    list-style: none;
    padding-left: 0
}

@media screen and (max-width: 39.9375em) {
    .fcr-content {
        min-height: 0
    }
}

.fcr-quiz .banner {
    position: relative;
    overflow: auto
}

.fcr-quiz .banner li {
    list-style: none
}

.fcr-quiz .banner ul {
    padding: 0
}

.fcr-quiz .banner ul li {
    float: left
}

.fcr-quiz .description {
    font-size: 16px
}

.question {
    margin-bottom: 30px
}

.question .question__label {
    color: #7bc143;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 15px
}

.question .question__checkboxes {
    display: inline-block;
    margin: 0 auto;
    text-align: left
}

.question .question__checkboxes label {
    font-weight: 600
}

.question .question__checkboxes input {
    margin-right: 10px
}

.fcr-callouts .icon {
    height: 70px;
    width: auto
}

.final-results-wrap .fbds-headline-primary__intro {
    font-family: "Rubik", sans-serif;
    display: block;
    font-family: "proxima-nova", sans-serif;
    font-size: 22px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 26px;
    margin-top: 10px
}

.final-results-wrap .conversion-rate-text {
    color: #7BC143;
    font-weight: 600
}

@media screen and (max-width: 39.9375em) {
    .fcr-callout {
        margin-bottom: 30px
    }
}

.fcr-2014-logo {
    display: inline-block !important;
    margin-bottom: 40px
}

.fcr-title-p {
    font-size: 24px
}

.fcr-title-h2 {
    font-size: 24px;
    border-bottom: 10px solid #7bc143;
    padding: 20px
}

.comparison .hero {
    background: #7BC143;
    padding: 70px 0
}

.comparison .hero h1 {
    text-shadow: rgba(0, 0, 0, 0.8) 1px 1px 0;
    margin: 0
}

.comparison .hero h1 span {
    font-size: 55px;
    text-transform: uppercase;
    font-weight: 500
}

.comparison .hero h2 {
    color: #fff;
    font-size: 18px;
    font-weight: 400
}

.comparison .chart-title {
    border-top: 1px solid #7BC143;
    margin: 40px 0
}

.comparison .chart-title h3 {
    background: #fff;
    font-size: 30px;
    text-transform: uppercase;
    letter-spacing: 0px;
    margin: -20px 0 0
}

.comparison p.intro {
    margin: 0 0px 40px;
    font-size: 21px;
    padding-bottom: 40px;
    border-bottom: 1px dotted #ccc
}

.comparison ul li {
    margin-bottom: 7px
}

.comparison .white h4 {
    color: #455560;
    margin-top: 40px
}

.comparison .comparison-table {
    width: 95%;
    margin: 0 auto 25px;
    border: none;
    border-collapse: collapse
}

.comparison .comparison-table td {
    text-align: center;
    vertical-align: middle;
    font-family: 'Montserrat', Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.2;
    border-collapse: collapse;
    border: 1px solid rgba(221, 221, 221, 0.21)
}

.comparison .comparison-table td.number {
    font-size: 20px;
    font-weight: bold
}

.comparison .comparison-table td.number .has-tip {
    font-weight: bold
}

.comparison .comparison-table .grayrow {
    background: #f3f3f3
}

.comparison .comparison-table .tooltip {
    min-width: 200px
}

.comparison .comparison-table .has-tip {
    font-weight: normal;
    border-bottom: dotted #333 1px
}

.comparison .comparison-table .barebones {
    background: #DDF1F7
}

.comparison .comparison-table .orderforms {
    background: #A1CD3A
}

.comparison .comparison-table .platform {
    background: #f2d396
}

.comparison .comparison-table .enterprise {
    background: #f2a796
}

.comparison .labels td {
    border: 0;
    width: 9%;
    padding-top: 75px;
    font-size: 12px;
    color: #777;
    text-transform: uppercase
}

.comparison .labels td.icon {
    background: none;
    min-width: 150px
}

@media screen and (min-width: 1280px) {
    .comparison .labels td.icon {
        min-width: 250px
    }
}

.comparison .labels td.monfees,
.comparison .labels td.monfees-ecomm {
    background: url(../images/comparison/monfees.png) 50% 0 no-repeat
}

.comparison .labels td.transfees {
    background: url(../images/comparison/transfees.png) 50% 0 no-repeat
}

.comparison .labels td.countries {
    background: url(../images/comparison/countries.png) 50% 0 no-repeat
}

.comparison .labels td.currencies {
    background: url(../images/comparison/currencies.png) 50% 0 no-repeat
}

.comparison .labels td.cards {
    background: url(../images/comparison/cards.png) 50% 0 no-repeat
}

.comparison .labels td.limits {
    background: url(../images/comparison/limits.png) 50% 0 no-repeat
}

.comparison .labels td.onoff {
    background: url(../images/comparison/onoff.png) 50% 0 no-repeat
}

.comparison .labels td.billing {
    background: url(../images/comparison/billing.png) 50% 0 no-repeat
}

.comparison .labels td.mobile {
    background: url(../images/comparison/mobile.png) 50% 0 no-repeat
}

.comparison .labels td.storage {
    background: url(../images/comparison/storage.png) 50% 0 no-repeat
}

.comparison .labels td.codes {
    background: url(../images/comparison/codes.png) 50% 0 no-repeat
}

.comparison .labels td.embeddable {
    background: url(../images/comparison/embed.png) 50% 0 no-repeat
}

.comparison .labels td.mobile-apps {
    background: url(../images/comparison/apps.png) 50% 0 no-repeat
}

.comparison .labels td.pay-pros {
    background: url(../images/comparison/pay.png) 50% 0 no-repeat
}

.comparison .labels td.tax {
    background: url(../images/comparison/tax.png) 50% 0 no-repeat
}

.comparison .labels td.confirmation {
    background: url(../images/comparison/emails.png) 50% 0 no-repeat
}

.comparison .labels td.checkout {
    background: url(../images/comparison/checkout.png) 50% 0 no-repeat
}

.comparison .labels td.themes {
    background: url(../images/comparison/themes.png) 50% 0 no-repeat
}

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

    .comparison td.cards,
    .comparison td.limits,
    .comparison td.onoff {
        display: none
    }

    .comparison td.confirmation,
    .comparison td.storage,
    .comparison td.tax {
        display: none
    }
}

@media screen and (max-width: 39.9375em) {
    .comparison td.row-hide-for-small {
        display: none
    }

    .comparison td.monfees,
    .comparison td.countries,
    .comparison td.billing,
    .comparison td.mobile {
        display: none
    }

    .comparison td.codes,
    .comparison td.mobile-apps,
    .comparison td.pay-pros,
    .comparison td.checkout,
    .comparison td.themes {
        display: none
    }
}

.comparison .reveal-modal {
    padding: 50px
}

.comparison .reveal-modal p {
    font-weight: bold;
    margin-top: 20px
}

.comparison-intro {
    padding-top: 50px
}

.comparison-intro .logo--short {
    height: 50px
}

.comparison-intro .logo--long {
    height: 70px
}

@media screen and (max-width: 39.9375em) {
    .comparison-intro {
        padding-top: 85px
    }
}

.formscentral .graphic {
    height: 100px;
    margin-bottom: 15px
}

.formscentral li {
    margin-bottom: 7px
}

@media screen and (max-width: 39.9375em) {
    .mobile-fs-logo {
        text-align: center
    }

    .mobile-competitor {
        text-align: center
    }
}

.new-alt-comparison .feature:after,
.new-alt-comparison .feature:before {
    content: ' ';
    display: table
}

.new-alt-comparison .feature:after {
    clear: both
}

.new-alt-comparison .feature {
    *zoom: 1
}

.new-alt-comparison .feature {
    display: block
}

.new-alt-comparison .feature div {
    float: left !important;
    width: 12.5%
}

.new-alt-comparison .feature .feature-name {
    width: 25%
}

@media screen and (max-width: 39.9375em) {

    .new-alt-comparison .feature .feature-name,
    .new-alt-comparison .feature div {
        width: 33%
    }
}

.alt-table .alt-table-header .competitor,
.alt-table .alt-table-header .features,
.alt-table .alt-table-header .formstack {
    float: left
}

.alt-table .alt-table-header .features {
    width: 25%;
    font-size: 14px;
    text-align: left
}

@media screen and (max-width: 39.9375em) {
    .alt-table .alt-table-header .features {
        width: 33%
    }
}

.alt-table .alt-table-header .competitor,
.alt-table .alt-table-header .formstack {
    padding-top: 5px;
    border-bottom: 1px solid #c4c9cc;
    border-right: 1px solid #c4c9cc;
    text-align: center;
    font-size: 9px;
    text-align: center;
    width: 12.5%
}

@media screen and (max-width: 39.9375em) {

    .alt-table .alt-table-header .competitor,
    .alt-table .alt-table-header .formstack {
        width: 33%
    }
}

.alt-table .alt-table-header .competitor {
    background-color: #6C7A85;
    border-bottom: 1px solid #c4c9cc
}

.alt-table .alt-table-header .formstack {
    background-color: #7BC143;
    border-left: 1px solid #c4c9cc
}

.alt-table .alt-table-header img {
    display: block;
    height: 55px;
    margin: 0 auto;
    width: 55px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.alt-table .alt-table-header span {
    background-color: #eee;
    color: #455560;
    display: block;
    font-size: 14px;
    font-weight: 600;
    margin-top: -15px;
    padding-bottom: 10px;
    padding-top: 20px;
    text-align: center
}

.alt-table .alt-table-header .formstack span {
    background-color: #e5f3d9
}

.alt-table .alt-table-header img {
    width: 30px;
    height: 30px
}

.alt-table .feature div {
    height: 40px;
    line-height: 1em
}

.alt-table .feature div:not(.feature-name) {
    background-color: #eee;
    color: #ED9D21;
    text-align: center;
    font-size: 20px;
    border-right: 1px solid #c4c9cc;
    border-bottom: 1px solid #c4c9cc;
    padding: 10px
}

.alt-table .feature div.formstack {
    background-color: #e5f3d9;
    border-left: 1px solid #c4c9cc
}

.alt-table .feature div.divider-row__title {
    width: 75%;
    background-color: #455560;
    color: #fff
}

.alt-table .feature div.divider-row__title p {
    font-size: 13px;
    font-weight: 600;
    margin: 0;
    text-transform: uppercase
}

@media screen and (max-width: 39.9375em) {
    .alt-table .feature div.divider-row__title {
        width: 66%
    }
}

.alt-table .feature .jotform a {
    color: #ED9D21;
    font-size: 20px;
    border-bottom: none
}

.alt-table .feature-name {
    color: #455560;
    font-weight: 600;
    font-size: 12px;
    padding: 15px;
    text-align: right;
    text-transform: uppercase
}

@media screen and (max-width: 39.9375em) {
    .alt-table .feature-name {
        font-size: 10px;
        padding: 10px
    }
}

.alt-table .checkmark {
    width: 20px;
    height: auto
}

.alt-table-header--top {
    position: fixed;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    width: 100%;
    top: 0;
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.25s;
    -o-transition-duration: 0.25s;
    -webkit-transition-duration: 0.25s;
    transition-duration: 0.25s;
    -moz-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    z-index: 0
}

@media screen and (max-width: 39.9375em) {
    .alt-table-header--top {
        top: 110px
    }
}

.alt-table-header--fixed {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    z-index: 9999;
    top: 0
}

.alt-table--wufoo .bizible,
.alt-table--wufoo .contactform123 {
    display: none
}

@media screen and (max-width: 39.9375em) {

    .alt-table--wufoo .formsite,
    .alt-table--wufoo .google_forms,
    .alt-table--wufoo .gravity_forms,
    .alt-table--wufoo .jotform {
        display: none
    }
}

.alt-table--jotform .contactform123,
.alt-table--jotform .typeform {
    display: none
}

@media screen and (max-width: 39.9375em) {

    .alt-table--jotform .formsite,
    .alt-table--jotform .googleforms,
    .alt-table--jotform .gravityforms,
    .alt-table--jotform .typeform,
    .alt-table--jotform .wufoo {
        display: none
    }
}

.alt-table--formsite .contactform123,
.alt-table--formsite .gravityforms {
    display: none
}

@media screen and (max-width: 39.9375em) {

    .alt-table--formsite .googleforms,
    .alt-table--formsite .gravityforms,
    .alt-table--formsite .jotform,
    .alt-table--formsite .typeform,
    .alt-table--formsite .wufoo {
        display: none
    }
}

.alt-table--typeform .contactform123,
.alt-table--typeform .gravityforms {
    display: none
}

@media screen and (max-width: 39.9375em) {

    .alt-table--typeform .formsite,
    .alt-table--typeform .googleforms,
    .alt-table--typeform .gravityforms,
    .alt-table--typeform .jotform,
    .alt-table--typeform .wufoo {
        display: none
    }
}

.alt-table--contactform123 .gravityforms,
.alt-table--contactform123 .typeform {
    display: none
}

@media screen and (max-width: 39.9375em) {

    .alt-table--contactform123 .formsite,
    .alt-table--contactform123 .googleforms,
    .alt-table--contactform123 .gravityforms,
    .alt-table--contactform123 .jotform,
    .alt-table--contactform123 .typeform,
    .alt-table--contactform123 .wufoo {
        display: none
    }
}

.alt-table--bizible .feature div,
.alt-table--bizible .alt-table-header .competitor,
.alt-table--bizible .alt-table-header .formstack {
    width: 37.5%
}

@media screen and (max-width: 39.9375em) {

    .alt-table--bizible .feature div,
    .alt-table--bizible .alt-table-header .competitor,
    .alt-table--bizible .alt-table-header .formstack {
        width: 33%
    }
}

.alt-table--bizible .contactform123,
.alt-table--bizible .formsite,
.alt-table--bizible .google_forms,
.alt-table--bizible .gravity_forms,
.alt-table--bizible .jotform,
.alt-table--bizible .wufoo {
    display: none
}

.data-error {
    color: #999999;
    font-size: 12px;
    margin: 30px 0 15px;
    text-align: center
}

.formstack-hubspot-financial-comparison {
    border-collapse: separate
}

.formstack-hubspot-financial-comparison .formstack {
    background-color: #7BC143;
    color: #FFF;
    font-weight: bold
}

.formstack-hubspot-financial-comparison .hubspot {
    background-color: #ED9D21;
    color: #FFF;
    font-weight: bold
}

.alt-table--surveys .alt-table-header .competitor,
.alt-table--surveys .alt-table-header .features,
.alt-table--surveys .alt-table-header .formstack {
    float: left;
    width: 25%
}

@media screen and (max-width: 39.9375em) {

    .alt-table--surveys .alt-table-header .competitor,
    .alt-table--surveys .alt-table-header .features,
    .alt-table--surveys .alt-table-header .formstack {
        width: 25%
    }
}

.alt-table--surveys .feature .feature-name,
.alt-table--surveys .feature div {
    width: 25%
}

.new-alt-pages .new-alt-comparison .feature div {
    width: 33.33%
}

.new-alt-pages .new-alt-table .feature {
    display: none
}

.new-alt-pages .new-alt-table .features-top-left {
    display: block
}

.new-alt-pages .new-alt-table .surveymonkey {
    display: none
}

.new-alt-pages .new-alt-table .formassembly {
    display: none
}

.new-alt-pages .new-alt-table .formsite {
    display: none
}

.new-alt-pages .new-alt-table .surveygizmo {
    display: none
}

.new-alt-pages .new-alt-table .googleforms {
    display: none
}

.new-alt-pages .new-alt-table .wufoo {
    display: none
}

.new-alt-pages .new-alt-table .jotform {
    display: none
}

.new-alt-pages .new-alt-table .typeform {
    display: none
}

.new-alt-pages .new-alt-table .squarespace {
    display: none
}

.new-alt-pages .new-alt-table .emailmeform {
    display: none
}

.new-alt-pages .new-alt-table .wix {
    display: none
}

.new-alt-pages .new-alt-table .weebly {
    display: none
}

.new-alt-pages .new-alt-table .new-alt-table-header .formstack-logo--alt-chart {
    height: 25px;
    width: auto;
    -moz-border-radius: 0%;
    -webkit-border-radius: 0%;
    border-radius: 0%
}

@media screen and (max-width: 39.9375em) {
    .new-alt-pages .new-alt-table .new-alt-table-header .formstack-logo--alt-chart {
        height: .9375rem
    }
}

.new-alt-pages .new-alt-table .new-alt-table-header .features {
    width: 33.22%;
    float: left
}

.new-alt-pages .new-alt-table .new-alt-table-header .competitor,
.new-alt-pages .new-alt-table .new-alt-table-header .formstack {
    float: left;
    background-color: #F1F5F6;
    text-align: center;
    border: 0;
    width: 33.333333333%;
    height: 60px
}

.new-alt-pages .new-alt-table .new-alt-table-header .formstack span {
    background-color: #F1F5F6
}

@media screen and (max-width: 39.9375em) {
    .new-alt-pages .new-alt-table .new-alt-table-header .fbds-headline-secondary {
        font-size: .875rem
    }
}

.new-alt-pages .new-alt-table .feature div {
    height: 60px
}

.new-alt-pages .new-alt-table .feature div:not(.feature-name-alt) {
    background-color: #F1F5F6;
    color: #455560;
    font-size: 20px;
    padding: 15px 30px;
    border: 0
}

.new-alt-pages .new-alt-table .feature div.formstack {
    background-color: #F1F5F6
}

.new-alt-pages .new-alt-table .feature div.divider-row__title {
    width: 100%;
    color: #FFF;
    padding: 15px;
    background-color: #455560
}

.new-alt-pages .new-alt-table .feature div.divider-row__title p {
    font-size: 20px
}

@media screen and (max-width: 39.9375em) {
    .new-alt-pages .new-alt-table .feature div.divider-row__title {
        width: 99%
    }
}

.new-alt-pages .new-alt-table .feature div.feature-name-alt {
    background-color: #7BC143;
    color: #FFF;
    font-weight: 600;
    font-size: 12px;
    padding: 15px 25px;
    text-align: right;
    border: 0
}

@media screen and (max-width: 39.9375em) {
    .new-alt-pages .new-alt-table .feature div.feature-name-alt {
        padding: 7px 15px
    }

    .new-alt-pages .new-alt-table .feature div.feature-name-alt p {
        font-size: 12px
    }
}

.new-alt-pages .new-alt-table .feature div.feature-name-alt p {
    margin-bottom: 0
}

.new-alt-pages .new-alt-table--surveymonkey .surveymonkey {
    display: block
}

.new-alt-pages .new-alt-table--formassembly .formassembly {
    display: block
}

.new-alt-pages .new-alt-table--surveygizmo .surveygizmo {
    display: block
}

.new-alt-pages .new-alt-table--formsite .formsite {
    display: block
}

.new-alt-pages .new-alt-table--jotform .jotform {
    display: block
}

.new-alt-pages .new-alt-table--googleforms .googleforms {
    display: block
}

.new-alt-pages .new-alt-table--wufoo .wufoo {
    display: block
}

.new-alt-pages .new-alt-table--typeform .typeform {
    display: block
}

.new-alt-pages .new-alt-table--squarespace .squarespace {
    display: block
}

.new-alt-pages .new-alt-table--emailmeform .emailmeform {
    display: block
}

.new-alt-pages .new-alt-table--wix .wix {
    display: block
}

.new-alt-pages .new-alt-table--weebly .weebly {
    display: block
}

.new-alt-pages .competitor-page-header {
    padding-left: 20px
}

.new-alt-pages .formstack-logo-alt-pages {
    height: 40px;
    border-right: 1px solid #FFF;
    padding-right: 20px;
    vertical-align: middle;
    margin-bottom: 7px
}

.new-alt-pages .alternative-label {
    white-space: normal;
    line-height: 1.3;
    font-weight: 700;
    letter-spacing: 1px;
    padding: 10px
}

.new-alt-pages .testimonial-container--relative {
    position: relative
}

@media print,
screen and (min-width: 64em) {
    .new-alt-pages .avatar-alt-page {
        position: absolute;
        bottom: 30px
    }
}

.new-alt-pages .testimonial-avatar-alt {
    float: left;
    border-radius: 50%
}

.new-alt-pages .feature-divider-border {
    padding-bottom: 20px;
    border-bottom: 1px solid white
}

.new-alt-pages .alt-checkmark {
    font-size: 1.5rem
}

@media screen and (max-width: 39.9375em) {
    .new-alt-pages .alt-checkmark {
        font-size: 16px
    }
}

.new-alt-pages .checkmark-border {
    border-bottom: 1px solid #e2e2e2;
    padding-bottom: 17px
}

.new-alt-pages .column-topleft {
    border-top-left-radius: 5px
}

.new-alt-pages .column-bottomleft {
    border-bottom-left-radius: 5px
}

.new-alt-pages .column-topright {
    border-top-right-radius: 5px
}

.new-alt-pages .column-bottomright {
    border-bottom-right-radius: 5px
}

.new-alt-pages.new-alt-pages--ppc {
    margin-top: 68px
}

.infographic-square {
    border-radius: 5px;
    height: 300px;
    padding: 60px 45px
}

.formstack-square {
    background-image: linear-gradient(-134deg, #a1cd3a 0%, #7bc143 49%, #42aa44 100%)
}

.formstack-square .formstack-logo {
    height: 34px
}

.eventbrite-square {
    background-color: #F1F5F6
}

.eventbrite-square .fbds-headline-secondary {
    color: #455560
}

.indianapolis {
    background-position: center center;
    background-image: url("../images/indpls-dark-gray.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    padding: 100px 0px 80px 0
}

.indianapolis a:hover {
    color: #7BC143
}

.indianapolis h1,
.indianapolis p {
    color: #FFF;
    text-align: center
}

.why-formstack .section--bg__fixed {
    height: 100%;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center
}

.why-formstack .section--bg__scroll {
    min-height: 100%
}

.why-formstack .logo {
    height: 75px;
    width: auto
}

.why-formstack .section--bg__1 {
    background-position: center center;
    background-image: url("../images/why-formstack/hero-shapes-green.png");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    height: 100%;
    width: 100%
}

.why-formstack .section--bg__1 .fbds-headline-secondary {
    margin-bottom: 65px
}

@media screen and (max-width: 39.9375em) {
    .why-formstack .section--bg__1 {
        height: 100%
    }
}

.why-formstack .section--bg__2 .screenshot {
    margin-top: -140px
}

.why-formstack .section--bg__3 {
    background-position: center center;
    background-image: url("../images/why-formstack/form-builder-section.png");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center
}

.why-formstack .section--bg__3 .icons {
    height: 100px;
    width: auto
}

.why-formstack .section--bg__4 {
    display: flex;
    justify-content: center;
    align-items: center
}

.why-formstack .section--bg__5 {
    background-position: center center;
    background-image: url("../images/why-formstack/support-section.png");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.why-formstack .section--bg__6 {
    display: flex;
    justify-content: center;
    align-items: center
}

.why-formstack .section--bg__6 .hvr-float {
    display: inline-block;
    vertical-align: middle;
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    transform: translateZ(0);
    -moz-box-shadow: 0 0 1px transparent;
    -webkit-box-shadow: 0 0 1px transparent;
    box-shadow: 0 0 1px transparent;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.why-formstack .section--bg__6 .hvr-float:hover,
.why-formstack .section--bg__6 .hvr-float:focus,
.why-formstack .section--bg__6 .hvr-float:active {
    -moz-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px)
}

.why-formstack .section--bg__6 .box {
    border-radius: 10px;
    height: 300px;
    position: relative;
    margin-top: 10px
}

.why-formstack .section--bg__6 .box .circle-icon {
    height: 60px;
    width: auto;
    margin: 10px
}

.why-formstack .section--bg__6 .box.box__left {
    border: thin solid #7BC143
}

.why-formstack .section--bg__6 .box.box__middle {
    border: thin solid #62CAE3
}

.why-formstack .section--bg__6 .box.box__right {
    border: thin solid #ED9D21
}

.why-formstack .section--bg__6 .box .box--text {
    padding: 10px 50px 0;
    color: #FFF
}

.why-formstack .section--bg__6 .box .box--cta {
    color: #FFF;
    height: 55px;
    width: 100%;
    text-decoration: none;
    border-bottom: none;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    padding: 15px;
    position: absolute;
    bottom: 0px
}

.why-formstack .section--bg__6 .box .box--cta__left {
    background: linear-gradient(-134deg, #a1cd3a 0%, #7bc143 49%, #42aa44 100%)
}

.why-formstack .section--bg__6 .box .box--cta__middle {
    background: linear-gradient(-43deg, #85d1dd 12%, #62cae3 61%)
}

.why-formstack .section--bg__6 .box .box--cta__right {
    background: linear-gradient(-90deg, #ebc344 9%, #ed9d21 74%)
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.why-formstack .fadeInUp {
    animation-name: fadeInUp
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translate3d(-100%, 0, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.why-formstack .fadeInLeft {
    animation-name: fadeInLeft
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.why-formstack .fadeIn {
    animation-name: fadeIn
}

.use-case .use-case--hero {
    background-position: 0px center;
    background-size: cover
}

.use-case .use-case--hero.use-case--hero__hr {
    background-image: url(../images/use-cases/hr-solutions/hero.png)
}

.use-case .use-case--hero.use-case--hero__fundraising {
    background-image: url(../images/use-cases/events-fundraising/hero.png)
}

.use-case .use-case--hero.use-case--hero__finance-accounting {
    background-image: url(../images/use-cases/finance-accounting/finance-accounting--hero.png)
}

.use-case .use-case--hero.use-case--hero__internal-workflow {
    background-image: url(../images/use-cases/internal-workflow/hero.jpg)
}

.use-case .use-case--hero .use-case--header {
    padding: 50px 0
}

.use-case .use-case--hero .use-case--header span {
    font-size: 40px;
    text-transform: none;
    font-weight: 600
}

.use-case .use-case--intro .use-case--intro__screens {
    height: auto;
    margin: -170px 10px 10px;
    width: 270px
}

.use-case .icons {
    height: 80px;
    width: auto
}

.use-case .integrations .icons {
    height: 75px
}

.use-case .use-case--integrations .icons {
    height: 50px;
    max-width: 100%;
    display: block;
    margin: 0 auto
}

.use-case .use-case--examples .example__block {
    padding: 15px;
    border: thin solid #7BC143;
    border-top: 4px solid #7BC143;
    height: 225px;
    margin-bottom: 30px
}

.use-case .use-case--examples .example__block:hover {
    background-color: #7BC143
}

.use-case .use-case--examples .example__block:hover p,
.use-case .use-case--examples .example__block:hover h4 {
    color: #FFF
}

.use-case .testimonials .slide {
    float: none;
    height: auto
}

.use-case .testimonials .slide .slide-content {
    height: auto;
    width: auto
}

.use-case .testimonials-background {
    background-position: center center;
    background-image: url("../images/testimonials/homepage-testimonials-background.jpg.html");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.use-case .twinings {
    width: 50%
}

.use-case .workflow--hero-headline {
    margin-top: 8%
}

.use-case .hero-image {
    max-height: 300px
}

@media screen and (max-width: 68em) {
    .form-examples-roles {
        display: none
    }
}

.viewport-grid__section {
    padding: 0
}

.viewport-grid__description {
    background-color: #F1F5F6
}

.viewport-grid__description--text {
    padding: 20px
}

.viewport-grid__images {
    background-color: #7BC143
}

.viewport-grid__image-block {
    display: block;
    background: #7BC143;
    height: 285px;
    border-bottom: none !important;
    overflow: hidden;
    padding: 0;
    background-position: center;
    background-size: cover
}

.viewport-grid__image-block.agencies {
    background-image: url("../images/solutions/viewport-grids/agencies-consulting.jpg.html")
}

.viewport-grid__image-block.small-business {
    background-image: url("../images/solutions/viewport-grids/small-business.jpg.html")
}

.viewport-grid__image-block.technology {
    background-image: url("../images/solutions/viewport-grids/technology.jpg.html")
}

.viewport-grid__image-block.nonprofit {
    background-image: url("../images/solutions/viewport-grids/nonprofit.jpg.html")
}

.viewport-grid__image-block.higher-ed {
    background-image: url("../images/solutions/viewport-grids/higher-ed.jpg.html")
}

.viewport-grid__image-block.franchises {
    background-image: url("../images/solutions/viewport-grids/franchises.jpg.html")
}

.viewport-grid__image-block.finance {
    background-image: url("../images/solutions/viewport-grids/finance.jpg.html")
}

.viewport-grid__image-block.healthcare {
    background-image: url("../images/solutions/viewport-grids/healthcare.jpg.html")
}

.viewport-grid__image-block.human-resources {
    background-image: url("../images/solutions/viewport-grids/human-resources.jpg.html")
}

.viewport-grid__image-block.events {
    background-image: url("../images/solutions/viewport-grids/events.jpg.html")
}

.viewport-grid__image-block.marketing {
    background-image: url("../images/solutions/viewport-grids/marketing.jpg.html")
}

.viewport-grid__image-block:hover {
    border-bottom: none
}

.viewport-grid__image-block:hover .viewport-grid__info {
    background: rgba(28, 47, 58, 0.85)
}

.viewport-grid__image-block:hover .viewport-grid__headline::after {
    opacity: 100;
    padding-left: 15px
}

.viewport-grid__image-block--content:hover .viewport-grid__info {
    margin-top: 0;
    padding-top: 20px
}

.viewport-grid__image-block--content:hover .viewport-grid__headline {
    margin-bottom: 5px
}

.viewport-grid__image-block--content:hover .viewport-grid__headline::after {
    opacity: 0
}

.viewport-grid__info {
    display: block;
    margin-top: 225px;
    -moz-transition-duration: 0.25s;
    -o-transition-duration: 0.25s;
    -webkit-transition-duration: 0.25s;
    transition-duration: 0.25s;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    padding-left: 15px;
    padding-top: 1px;
    background: rgba(28, 47, 58, 0.5);
    height: 100%;
    width: 100%
}

.viewport-grid__info .button,
.viewport-grid__info .fbds-newsletter-form .fsForm .fsSubmit input.fsSubmitButton,
.fbds-newsletter-form .fsForm .fsSubmit .viewport-grid__info input.fsSubmitButton,
.viewport-grid__info .newsletter-form .fsSubmitButton,
.newsletter-form .viewport-grid__info .fsSubmitButton {
    position: inherit;
    color: #FFF
}

.viewport-grid__info .button:hover,
.viewport-grid__info .fbds-newsletter-form .fsForm .fsSubmit input.fsSubmitButton:hover,
.fbds-newsletter-form .fsForm .fsSubmit .viewport-grid__info input.fsSubmitButton:hover,
.viewport-grid__info .newsletter-form .fsSubmitButton:hover,
.newsletter-form .viewport-grid__info .fsSubmitButton:hover {
    color: #1C2F3A
}

.viewport-grid__headline {
    display: block;
    color: #FFF;
    font-size: 20px;
    margin-top: 15px
}

.viewport-grid__headline:after {
    opacity: 0;
    margin-left: 5px;
    content: "\f105";
    font-family: 'FontAwesome';
    -moz-transition-duration: 0.25s;
    -o-transition-duration: 0.25s;
    -webkit-transition-duration: 0.25s;
    transition-duration: 0.25s;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out
}

.viewport-grid__text {
    display: block;
    color: #FFF;
    font-size: 16px;
    width: 80%
}

@media screen and (min-width: 40em) {
    .viewport-grid__description--text {
        margin: 0 auto;
        padding: 50px 20px
    }
}

@media screen and (min-width: 64em) {
    .viewport-grid__description--solutions-text {
        padding: 144px 0 0
    }
}

@media screen and (max-width: 39.9375em) {
    .viewport-grid__image-block--content .viewport-grid__info {
        margin-top: 0;
        padding-top: 20px;
        border-top: thin solid #FFF;
        background: rgba(28, 47, 58, 0.85)
    }

    .viewport-grid__headline {
        margin-bottom: 5px
    }
}

.info-block__icon {
    height: 65px;
    width: auto;
    margin-bottom: 15px
}

.info-block__headline {
    color: #7BC143;
    font-size: 24px
}

.info-block__text {
    font-size: 18px;
    margin-bottom: 20px
}

@media screen and (min-width: 64em) {
    .info-block__icon {
        margin-bottom: 0px
    }

    .info-block__text {
        margin-bottom: 0px
    }
}

.testimonial__horizontal-section .testimonial__cirlce-img {
    height: 85px;
    width: 85px
}

.marketing-automation .marketing-automation--hero {
    background-position: center center;
    background-image: url("../images/marketing-automation/marketing-automation-hero.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.marketing-automation .small-icon {
    height: 75px
}

.marketing-automation .hubspot-marketo-eloqua {
    max-width: 85%
}

.section--integrations-collage {
    background: url("../images/integrations-background.png");
    background-position: center bottom;
    padding-bottom: 300px;
    background-repeat: repeat-x;
    background-color: #f1f5f6
}

@media print,
screen and (min-width: 64em) {
    .padding-left-right-100 {
        padding: 0 100px
    }
}

.square-gray .v-container .fbds-headline-secondary {
    color: #FFF
}

.recent-trialers-graphic {
    max-height: 350px
}

/*! lightslider - v1.1.5 - 2015-10-31
* https://github.com/sachinchoolur/lightslider
* Copyright (c) 2015 Sachin N; Licensed MIT */
/*! lightslider - v1.1.3 - 2015-04-14
* https://github.com/sachinchoolur/lightslider
* Copyright (c) 2015 Sachin N; Licensed MIT */
.lSSlideOuter {
    overflow: hidden;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

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

.lightSlider {
    overflow: hidden;
    margin: 0
}

.lSSlideWrapper {
    max-width: 100%;
    overflow: hidden;
    position: relative
}

.lSSlideWrapper>.lightSlider:after {
    clear: both
}

.lSSlideWrapper .lSSlide {
    -webkit-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    -webkit-transition: all 1s;
    -webkit-transition-property: -webkit-transform, height;
    -moz-transition-property: -moz-transform, height;
    transition-property: transform, height;
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important
}

.lSSlideWrapper .lSFade {
    position: relative
}

.lSSlideWrapper .lSFade>* {
    position: absolute !important;
    top: 0;
    left: 0;
    z-index: 9;
    margin-right: 0;
    width: 100%
}

.lSSlideWrapper.usingCss .lSFade>* {
    opacity: 0;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important
}

.lSSlideWrapper .lSFade>*.active {
    z-index: 10
}

.lSSlideWrapper.usingCss .lSFade>*.active {
    opacity: 1
}

.lSSlideOuter .lSPager.lSpg {
    margin: 10px 0 0;
    padding: 0;
    text-align: center
}

.lSSlideOuter .lSPager.lSpg>li {
    cursor: pointer;
    display: inline-block;
    padding: 0 5px
}

.lSSlideOuter .lSPager.lSpg>li a {
    background-color: #222222;
    border-radius: 30px;
    display: inline-block;
    height: 8px;
    overflow: hidden;
    text-indent: -999em;
    width: 8px;
    position: relative;
    z-index: 99;
    -webkit-transition: all 0.5s linear 0s;
    transition: all 0.5s linear 0s
}

.lSSlideOuter .lSPager.lSpg>li:hover a,
.lSSlideOuter .lSPager.lSpg>li.active a {
    background-color: #428bca
}

.lSSlideOuter .media {
    opacity: 0.8
}

.lSSlideOuter .media.active {
    opacity: 1
}

.lSSlideOuter .lSPager.lSGallery {
    list-style: none outside none;
    padding-left: 0;
    margin: 0;
    overflow: hidden;
    transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -ms-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate3d(0px, 0px, 0px);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.lSSlideOuter .lSPager.lSGallery li {
    overflow: hidden;
    -webkit-transition: border-radius 0.12s linear 0s 0.35s linear 0s;
    transition: border-radius 0.12s linear 0s 0.35s linear 0s
}

.lSSlideOuter .lSPager.lSGallery li.active,
.lSSlideOuter .lSPager.lSGallery li:hover {
    border-radius: 5px
}

.lSSlideOuter .lSPager.lSGallery img {
    display: block;
    height: auto;
    max-width: 100%
}

.lSSlideOuter .lSPager.lSGallery:before,
.lSSlideOuter .lSPager.lSGallery:after {
    content: " ";
    display: table
}

.lSSlideOuter .lSPager.lSGallery:after {
    clear: both
}

.lSAction>a {
    width: 32px;
    display: block;
    top: 50%;
    height: 32px;
    background-image: url("../img/controls.png.html");
    cursor: pointer;
    position: absolute;
    z-index: 99;
    margin-top: -16px;
    opacity: 0.5;
    -webkit-transition: opacity 0.35s linear 0s;
    transition: opacity 0.35s linear 0s
}

.lSAction>a:hover {
    opacity: 1
}

.lSAction>.lSPrev {
    background-position: 0 0;
    left: 10px
}

.lSAction>.lSNext {
    background-position: -32px 0;
    right: 10px
}

.lSAction>a.disabled {
    pointer-events: none
}

.cS-hidden {
    height: 1px;
    opacity: 0;
    filter: alpha(opacity=0);
    overflow: hidden
}

.lSSlideOuter.vertical {
    position: relative
}

.lSSlideOuter.vertical.noPager {
    padding-right: 0px !important
}

.lSSlideOuter.vertical .lSGallery {
    position: absolute !important;
    right: 0;
    top: 0
}

.lSSlideOuter.vertical .lightSlider>* {
    width: 100% !important;
    max-width: none !important
}

.lSSlideOuter.vertical .lSAction>a {
    left: 50%;
    margin-left: -14px;
    margin-top: 0
}

.lSSlideOuter.vertical .lSAction>.lSNext {
    background-position: 31px -31px;
    bottom: 10px;
    top: auto
}

.lSSlideOuter.vertical .lSAction>.lSPrev {
    background-position: 0 -31px;
    bottom: auto;
    top: 10px
}

.lSSlideOuter.lSrtl {
    direction: rtl
}

.lSSlideOuter .lightSlider,
.lSSlideOuter .lSPager {
    padding-left: 0;
    list-style: none outside none
}

.lSSlideOuter.lSrtl .lightSlider,
.lSSlideOuter.lSrtl .lSPager {
    padding-right: 0
}

.lSSlideOuter .lightSlider>*,
.lSSlideOuter .lSGallery li {
    float: left
}

.lSSlideOuter.lSrtl .lightSlider>*,
.lSSlideOuter.lSrtl .lSGallery li {
    float: right !important
}

@-webkit-keyframes rightEnd {
    0% {
        left: 0
    }

    50% {
        left: -15px
    }

    100% {
        left: 0
    }
}

@keyframes rightEnd {
    0% {
        left: 0
    }

    50% {
        left: -15px
    }

    100% {
        left: 0
    }
}

@-webkit-keyframes topEnd {
    0% {
        top: 0
    }

    50% {
        top: -15px
    }

    100% {
        top: 0
    }
}

@keyframes topEnd {
    0% {
        top: 0
    }

    50% {
        top: -15px
    }

    100% {
        top: 0
    }
}

@-webkit-keyframes leftEnd {
    0% {
        left: 0
    }

    50% {
        left: 15px
    }

    100% {
        left: 0
    }
}

@keyframes leftEnd {
    0% {
        left: 0
    }

    50% {
        left: 15px
    }

    100% {
        left: 0
    }
}

@-webkit-keyframes bottomEnd {
    0% {
        bottom: 0
    }

    50% {
        bottom: -15px
    }

    100% {
        bottom: 0
    }
}

@keyframes bottomEnd {
    0% {
        bottom: 0
    }

    50% {
        bottom: -15px
    }

    100% {
        bottom: 0
    }
}

.lSSlideOuter .rightEnd {
    -webkit-animation: rightEnd 0.3s;
    animation: rightEnd 0.3s;
    position: relative
}

.lSSlideOuter .leftEnd {
    -webkit-animation: leftEnd 0.3s;
    animation: leftEnd 0.3s;
    position: relative
}

.lSSlideOuter.vertical .rightEnd {
    -webkit-animation: topEnd 0.3s;
    animation: topEnd 0.3s;
    position: relative
}

.lSSlideOuter.vertical .leftEnd {
    -webkit-animation: bottomEnd 0.3s;
    animation: bottomEnd 0.3s;
    position: relative
}

.lSSlideOuter.lSrtl .rightEnd {
    -webkit-animation: leftEnd 0.3s;
    animation: leftEnd 0.3s;
    position: relative
}

.lSSlideOuter.lSrtl .leftEnd {
    -webkit-animation: rightEnd 0.3s;
    animation: rightEnd 0.3s;
    position: relative
}

.lightSlider.lsGrab>* {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}

.lightSlider.lsGrabbing>* {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing
}

.add-on-step--rtl:after {
    margin-bottom: 50px
}

@media screen and (min-width: 64em) {
    .add-on-step--rtl:after {
        background-position: 265px bottom;
        background-repeat: no-repeat;
        height: 118px;
        display: block;
        margin-bottom: 0;
        z-index: 0
    }
}

.add-on-step--ltr:after {
    margin-bottom: 50px
}

@media screen and (min-width: 64em) {
    .add-on-step--ltr:after {
        background-position: 370px bottom;
        background-repeat: no-repeat;
        height: 118px;
        display: block;
        margin-bottom: 0;
        z-index: 0
    }
}

@media screen and (min-width: 64em) {
    .animated-flow--rtl:after {
        background-image: url("../images/add-ons/animated-right-to-left.svg")
    }

    .animated-flow--rtl-two:after {
        background-image: url("../images/add-ons/animated-right-to-left-two.svg")
    }

    .animated-flow--ltr:after {
        background-image: url("../images/add-ons/animated-left-to-right.svg")
    }

    .animated-flow--ltr-two:after {
        background-image: url("../images/add-ons/animated-left-to-right-two.svg")
    }

    .dotted-flow--rtl:after {
        background-image: url("../images/add-ons/dotted-right-to-left.svg")
    }

    .dotted-flow--ltr:after {
        background-image: url("../images/add-ons/dotted-left-to-right.svg")
    }
}

.pixel {
    position: absolute;
    top: 0;
    left: 0;
    display: none
}

.fbds-documentation {
    min-height: 100%;
    background: linear-gradient(#ffffff 0%, #f1f5f6 100%);
    background-attachment: fixed
}

.fbds-documentation .fs-logo {
    width: 150px
}

.fbds-documentation .full-height-v {
    height: 100%;
    width: 100%;
    position: absolute
}

@media print,
screen and (min-width: 64em) {
    .fbds-documentation .full-height-v {
        margin-top: -68px
    }
}

.fbds-documentation--content-section {
    background: white
}

.fbds-documentation--nav {
    background: #F1F5F6;
    position: fixed;
    overflow-x: scroll;
    height: 100vh
}

.fbds-documentation--nav a {
    color: #455560
}

.fbds-documentation--nav a:hover {
    color: #7BC143
}

.fbds-table-documentation td {
    position: relative
}

.fbds-table-documentation td:hover .clipboard__icon {
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.15s;
    -o-transition-duration: 0.15s;
    -webkit-transition-duration: 0.15s;
    transition-duration: 0.15s;
    -moz-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1
}

.fbds-table-documentation .clipboard__input {
    border: 0;
    background-color: transparent;
    font-weight: 600
}

.fbds-table-documentation .clipboard__input:focus {
    border: 0;
    outline: none
}

.fbds-table-documentation .clipboard__input::selection {
    background: yellow
}

.fbds-table-documentation .clipboard__icon {
    display: inline-block;
    position: absolute;
    top: 7px;
    right: 7px;
    padding: 2px 5px 0;
    background-image: linear-gradient(#fcfcfc, #eeeeee);
    color: #455560;
    border: 1px solid #d5d5d5;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.15s;
    -o-transition-duration: 0.15s;
    -webkit-transition-duration: 0.15s;
    transition-duration: 0.15s;
    -moz-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0
}

.fbds-table-documentation .clipboard__icon:hover {
    background-image: linear-gradient(#eeeeee, #dddddd);
    color: #455560
}

.fbds-table-documentation .clipboard__icon .fa {
    margin-left: 0;
    padding: 0
}

.fbds-documentation-sections-table tbody tr:nth-child(even) {
    background-color: #FFF
}

pre.prettyprint {
    width: 100% !important;
    overflow: auto;
    max-height: 600px
}

.green-gradient {
    position: absolute;
    bottom: -100px;
    right: 0;
    z-index: -1
}

.green-gradient--container {
    position: relative;
    overflow: hidden;
    z-index: 1
}

/* forMobile*/
.show-for-small-only {
        display: none;
    }

@media (max-width: 888px) {
	.show-for-small-only {
        display: block;
    }

    .fbds-nav--main {
    	display: none;
    	text-align: left;
    }

    .fbds-nav--main>li>a {
    padding: .9375rem 0;
    border-bottom: 1px solid #F1F5F6;
	}

	.fbds-nav--main>li {
    display: block;
	}

	.fbds-nav--main .fbds-nav--main__item {
        display: block;
	}

	.fbds-nav--main .fbds-nav--main__submenu {
        /* display: block; */
        position: inherit;
        width: 100%;
	}

	.fbds-nav--main .fbds-nav--main__submenu--solutions {
    
    left: 0px;
	}

	.fbds-nav--main .fbds-nav--main__submenu__section {
    display: block;
    
    }
    
    /* .fbds-nav--main .fbds-nav--main__item:hover>.fbds-nav--main__submenu {
        display: none;
    } */
}

.modal-wrap {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 30;
    background-color: rgba(0, 0, 0, .5);
    justify-content: center;
    align-items: center;
}

.pres-modal_close {
    position: absolute;
    top: -30px;
    right: -40px;
    cursor: pointer;
    height: 30px;
    width: 30px;
}

.pres-modal_close::after,
.pres-modal_close::before {
    content: '';
    display: block;
    width: 30px;
    height: 5px;
    background-color: #fff;
    position: absolute;
    top: 13px;
    left: 0;
}

.pres-modal_close::after {
    transform: rotate(45deg);
}

.pres-modal_close::before {
    transform: rotate(-45deg);
}


.form-modal{
    max-width: 500px;
    width: 100%;
    box-shadow: 0 0 30px rgba(255,255,255, .2);
    background-color: #fff;
    border-radius: 5px;
    padding: 30px 0;
    position: relative;
}

.form-modal form{
    max-width: 80%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
}

.form-modal input,
.form-modal textarea{
    background-color: #e4e4e4;
    box-shadow: none;
    border: none;
    border-radius: 5px;
}

.form-modal textarea{
    height: 90px;
}

.form-modal .form-thanks{
    display: none;
    margin-top: 20px;
    text-align: center;
}

.form-modal label{
    color: #828282;
    font-weight: bold;
    font-size: 1rem;
    padding: 0px 10px;
}

.form-modal button{
    margin: 0 auto;
}

.overlay{
    overflow: hidden;
}

@media only screen and (max-width: 660px){
    .form-modal{
        padding: 20px 0;
    }
}