@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&mid-medium=57.8125em&large=64em&xlarge=75em&xxlarge=90em&xxxlarge=106.25em"
}

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: 57.75em) {
    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) {
    .show-for-small-only {}
}

@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: 57.75em) {
    .hide-for-medium-only {
        display: none !important
    }
}

@media screen and (max-width: 39.9375em),
screen and (min-width: 57.8125em) {
    .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-color-swatch {
    -moz-border-radius: .375rem;
    -webkit-border-radius: .375rem;
    border-radius: .375rem;
    -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15)
}

.fbds-color-swatch::after {
    content: " ";
    display: table;
    clear: both
}

.fbds-color-swatch__header {
    height: 120px;
    overflow: hidden;
    position: relative;
    border-bottom: .0625rem solid #F1F5F6
}

.fbds-color-swatch__sample {
    position: absolute;
    left: 69%;
    top: -28px;
    background-color: #FFF;
    height: 190px;
    width: 220px;
    -moz-transform: rotate(19deg);
    -ms-transform: rotate(19deg);
    -webkit-transform: rotate(19deg);
    transform: rotate(19deg)
}

@media screen and (min-width: 40em) {
    .fbds-color-swatch__sample {
        left: 56%
    }
}

@media screen and (min-width: 64em) {
    .fbds-color-swatch__sample {
        left: 110px
    }
}

@media screen and (min-width: 72.5em) {
    .fbds-color-swatch__sample {
        left: 162px
    }
}

.fbds-color-swatch__preview {
    display: inline-block;
    margin-bottom: 0;
    position: absolute;
    font-size: 48px;
    top: 50%;
    font-weight: 700;
    left: 20px;
    -moz-transform: translateY(-45%) rotate(-19deg);
    -ms-transform: translateY(-45%) rotate(-19deg);
    -webkit-transform: translateY(-45%) rotate(-19deg);
    transform: translateY(-45%) rotate(-19deg)
}

.fbds-color-swatch__body {
    position: relative;
    left: 50%;
    float: left;
    padding: 10px 0;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.fbds-color-swatch__prop-item-wrap {
    float: left;
    padding: 0 15px;
    min-width: 115px
}

@media screen and (min-width: 67.5em) {
    .fbds-color-swatch__prop-item-wrap {
        min-width: 130px
    }
}

.fbds-color-swatch__prop-item {
    padding: 15px 0
}

.fbds-color-swatch__label {
    font-size: 12px;
    text-transform: uppercase;
    color: #6C7A85;
    margin-bottom: 0
}

.fbds-color-swatch__value {
    margin-bottom: 0;
    font-size: 16px;
    color: #1C2F3A
}

.fbds-action-box {
    padding: .9375rem;
    border-radius: .1875rem;
    text-align: center
}

.fbds-action-box.fbds-action-box--filled-green {
    background-color: #7BC143
}

.fbds-action-box.fbds-action-box--filled-green .fbds-action-box__title {
    color: #FFF
}

.fbds-action-box.fbds-action-box--filled-green .fbds-text-link {
    color: #FFF;
    font-weight: 600
}

.fbds-action-box.fbds-action-box--filled-gray-dark {
    background-color: #1C2F3A
}

.fbds-action-box.fbds-action-box--filled-gray-dark .fbds-action-box__title {
    color: #FFF
}

.fbds-action-box.fbds-action-box--filled-gray-dark a {
    color: white;
    font-weight: 600
}

.fbds-action-box.fbds-action-box--filled-gray-light {
    background-color: #F1F5F6
}

.fbds-action-box .fbds-action-box__img {
    display: inline;
    margin-right: .9375rem
}

.fbds-action-box .fbds-action-box__title {
    display: inline-block;
    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-action-box--salesforce {
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    position: relative;
    background-color: #1C2F3A;
    padding: 1.875rem;
    border-radius: .1875rem;
    background-position: center center;
    background-image: url("../images/actionbox/salesforce.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

@media screen and (min-width: 64em) {
    .fbds-action-box--salesforce {
        padding: .9375rem 0
    }
}

@media screen and (min-width: 75em) {
    .fbds-action-box--salesforce {
        padding: 1.875rem
    }
}

.fbds-action-box--salesforce::after {
    content: " ";
    display: table;
    clear: both
}

.fbds-action-box--salesforce .fbds-action-box--salesforce__content {
    text-align: center
}

@media screen and (min-width: 64em) {
    .fbds-action-box--salesforce .fbds-action-box--salesforce__content {
        text-align: left;
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        position: relative;
        left: 50%;
        float: left
    }
}

.fbds-action-box--salesforce .fbds-action-box--salesforce__title {
    font-weight: 600
}

@media screen and (min-width: 64em) {
    .fbds-action-box--salesforce .fbds-action-box--salesforce__title {
        max-width: 310px
    }
}

@media screen and (min-width: 75em) {
    .fbds-action-box--salesforce .fbds-action-box--salesforce__title {
        max-width: 380px
    }
}

.fbds-action-box--salesforce .fbds-action-box--salesforce__logo,
.fbds-action-box--salesforce .fbds-action-box--salesforce__title,
.fbds-action-box--salesforce .fbds-action-box--salesforce__cta {
    margin-bottom: .9375rem
}

@media screen and (min-width: 64em) {

    .fbds-action-box--salesforce .fbds-action-box--salesforce__logo,
    .fbds-action-box--salesforce .fbds-action-box--salesforce__title,
    .fbds-action-box--salesforce .fbds-action-box--salesforce__cta {
        display: inline-block;
        vertical-align: middle;
        margin: 0 .9375rem
    }
}

@media screen and (min-width: 75em) {

    .fbds-action-box--salesforce .fbds-action-box--salesforce__logo,
    .fbds-action-box--salesforce .fbds-action-box--salesforce__title,
    .fbds-action-box--salesforce .fbds-action-box--salesforce__cta {
        margin: 0 .9375rem
    }
}

.fbds-action-box--salesforce .fbds-action-box--salesforce__cta {
    margin-bottom: 0
}

.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: .0625rem solid #d9dddd
}

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

.fbds-accordion__icon {
    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__icon.fbds-accordion__icon--arrow--open {
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -moz-transition-property: padding-right;
    -o-transition-property: padding-right;
    -webkit-transition-property: padding-right;
    transition-property: padding-right;
    -moz-transition-duration: 0.65s;
    -o-transition-duration: 0.65s;
    -webkit-transition-duration: 0.65s;
    transition-duration: 0.65s
}

.fbds-accordion__expand {
    cursor: pointer
}

.fbds-accordion__expand .fbds-accordion__expand--more:before {
    content: "more"
}

.fbds-accordion__expand .fbds-accordion__expand--less:before {
    content: "less"
}

.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: 500
}

.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-headline-side {
    font-family: "Rubik", sans-serif;
    color: #1C2F3A;
    text-transform: uppercase;
    font-weight: 500;
    font-size: .75rem
}

.fbds-headline-super,
.fbds-headline-large,
.fbds-headline-medium,
.fbds-headline-small {
    font-family: "Rubik", sans-serif;
    color: #1C2F3A;
    font-weight: 500
}

.fbds-headline-super.open,
.fbds-headline-large.open,
.fbds-headline-medium.open,
.fbds-headline-small.open {
    font-family: "Rubik", sans-serif
}

.fbds-headline-super {
    font-size: 3.375rem
}

.fbds-headline-large {
    font-size: 2.5rem
}

.fbds-headline-medium {
    font-size: 1.625rem
}

.fbds-headline-small {
    font-size: 1.25rem
}

.fbds-headline-x-small {
    font-family: 'Rubik', sans-serif;
    line-height: 1.54545;
    font-size: 1.0625rem
}

.fbds-section {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
    color: #455560;
    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 .fi {
    margin-left: .3125rem;
    display: inline-block;
    vertical-align: text-top
}

.fbds-section .fi-ul {
    padding: 0;
    margin-left: .9375rem;
    list-style-type: none
}

.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: .0625rem solid #7BC143;
    display: block;
    color: #FFF;
    font-weight: 600;
    line-height: 1.4;
    padding: .9375rem;
    position: relative;
    border-radius: .1875rem;
    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: .0625rem solid #7BC143;
    display: block;
    color: #FFF;
    font-weight: 600;
    line-height: 1.4;
    padding: .9375rem;
    position: relative;
    border-radius: .1875rem;
    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 {
    float: left;
    margin-right: 10px;
    max-width: 60px
}

.fbds-section--lightgray,
.fbds-section--gradient-lightgray {
    background-color: #F1F5F6;
    color: #1C2F3A
}

.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: #1C2F3A
}

.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: #FFF;
    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: #FFF
}

.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: .0625rem 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,
.fbds-section--gray .fbds-headline-super,
.fbds-section--gray .fbds-headline-large,
.fbds-section--gray .fbds-headline-medium {
    color: #FFF
}

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

.fbds-section--gray .quote-box .quote {
    background-color: #1C2F3A;
    border: .0625rem 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: #FFF
}

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

.fbds-section--darkgray a,
.fbds-section--gradient-darkgray a {
    color: #FFF;
    font-weight: 700
}

.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,
.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,
.fbds-section--darkgray .fbds-headline-super,
.fbds-section--gradient-darkgray .fbds-headline-super,
.fbds-section--darkgray .fbds-headline-large,
.fbds-section--gradient-darkgray .fbds-headline-large,
.fbds-section--darkgray .fbds-headline-medium,
.fbds-section--gradient-darkgray .fbds-headline-medium,
.fbds-section--darkgray .fbds-headline-small,
.fbds-section--gradient-darkgray .fbds-headline-small {
    color: #FFF
}

.fbds-section--darkgray .quote-box .quote,
.fbds-section--gradient-darkgray .quote-box .quote {
    background-color: #455560;
    border: .0625rem solid #455560
}

.fbds-section--darkgray .quote-box .quote:after,
.fbds-section--gradient-darkgray .quote-box .quote:after,
.fbds-section--darkgray .quote-box .quote:before,
.fbds-section--gradient-darkgray .quote-box .quote:before {
    border-top-color: #455560
}

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

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

.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(-135deg, #031621 0%, #1c2f3a 100%)
}

.fbds-section--collapse {
    padding-top: 0;
    padding-bottom: 0
}

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

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

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

.fbds-section--fsapp-shapes {
    background-image: url("../images/salesforce/shapes-bg-testimonial.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

@media screen and (min-width: 40em) {
    .fbds-section--integrations-collage {
        background-image: url("../images/integrations-background.png");
        background-position: center bottom;
        padding-bottom: 300px;
        background-repeat: repeat-x
    }
}

.fbds-section--angled {
    display: none
}

@media screen and (min-width: 64em) {
    .fbds-section--angled {
        display: block;
        background-color: #1C2F3A;
        -moz-transform: skewY(-25deg);
        -ms-transform: skewY(-25deg);
        -webkit-transform: skewY(-25deg);
        transform: skewY(-25deg);
        height: 900px;
        margin-top: -450px
    }

    .fbds-section--angled .fbds-section--angled__text {
        -moz-transform: skewY(25deg);
        -ms-transform: skewY(25deg);
        -webkit-transform: skewY(25deg);
        transform: skewY(25deg);
        margin-top: 3.75rem
    }
}

@media screen and (min-width: 75em) {
    .fbds-section--angled {
        margin-top: -400px
    }
}

@media screen and (min-width: 106.25em) {
    .fbds-section--angled {
        margin-top: -550px;
        height: 1000px
    }
}

.fbds-section--chapter {
    position: relative
}

.fbds-section--chapter .fbds-section--chapter__number {
    z-index: 0;
    display: block
}

@media screen and (max-width: 39.9375em) {
    .fbds-section--chapter .fbds-section--chapter__number {
        margin: 0 auto .9375rem
    }
}

.fbds-section--chapter .fbds-section--chapter__title {
    z-index: 1;
    display: block;
    text-align: center
}

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

    .fbds-section--chapter .fbds-section--chapter__number,
    .fbds-section--chapter .fbds-section--chapter__title {
        float: left
    }

    .fbds-section--chapter .fbds-section--chapter__title {
        position: absolute;
        text-align: left;
        margin-top: 2.8125rem;
        margin-left: 3.4375rem
    }

    .fbds-section--chapter .fbds-section--chapter__title.minus-left-small {
        margin-left: 2.4375rem
    }
}

.fbds-section--split {
    position: relative
}

.fbds-section--split .fbds-section--split__left,
.fbds-section--split .fbds-section--split__right {
    position: relative
}

.fbds-section--split .fbds-section--split__left {
    z-index: 1
}

.fbds-section--split .fbds-section--split__right {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25);
    opacity: .25;
    position: absolute;
    background-size: cover;
    background-repeat: no-repeat;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0
}

@media screen and (min-width: 64em) {
    .fbds-section--split {
        padding: 0
    }

    .fbds-section--split .fbds-section--split__left,
    .fbds-section--split .fbds-section--split__right {
        width: 50%;
        float: left
    }

    .fbds-section--split .fbds-section--split__left {
        padding: 7% 3%
    }

    .fbds-section--split .fbds-section--split__right {
        position: static;
        filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1
    }
}

.fbds-button,
.fbds-quiz .fsForm .fsNextButton,
.fbds-quiz .fsForm .fsSubmitButton {
    display: inline-block;
    border: none;
    border-radius: .1875rem;
    font-weight: 600;
    font-size: 1rem;
    border: .0625rem solid transparent;
    padding: .9375rem 1.875rem;
    line-height: 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;
    -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-white.green:hover,
.fbds-quiz .fsForm .fbds-button--ghost-white.green.fsNextButton:hover,
.fbds-quiz .fsForm .fbds-button--ghost-white.green.fsSubmitButton:hover {
    color: #7BC143
}

.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;
    margin: -3.75rem 0 3.75rem;
    padding: .9375rem 0
}

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

.fbds-breadcrumbs__text .fi {
    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;
    text-transform: capitalize
}

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

.fbds-breadcrumbs--transparent {
    background-color: transparent
}

.fbds-breadcrumbs--transparent .fbds-breadcrumbs__text,
.fbds-breadcrumbs--transparent .fbds-breadcrumbs__text a,
.fbds-breadcrumbs--transparent .fbds-breadcrumbs__text span {
    color: #FFF
}

.fbds-callout-box {
    padding: 1.875rem;
    border-radius: .1875rem;
    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 .fbds-callout-box__logos {
    list-style: none;
    padding: 0;
    height: 3.125rem;
    overflow: hidden
}

.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: .1875rem
}

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

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

.fbds-card-integration {
    clear: none !important;
    position: relative;
    border: .0625rem solid #F1F5F6;
    border-radius: .1875rem;
    background-color: #FFF;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    height: auto;
    margin: 0;
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(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;
    -moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.05)
}

.fbds-card-integration:hover {
    border-color: #F1F5F6;
    -moz-transform: translateX(0px) scale(1.05);
    -ms-transform: translateX(0px) scale(1.05);
    -webkit-transform: translateX(0px) scale(1.05);
    transform: translateX(0px) scale(1.05);
    -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)
}

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

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

.fbds-card-integration--cta {
    border: .0625rem 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: .5px;
    text-transform: uppercase;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.fbds-card-promotion {
    display: block;
    clear: none !important;
    position: relative;
    border: .0625rem solid #C2CDD5;
    border-radius: 5px;
    background-color: #FFF;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    height: auto;
    margin: 0;
    text-align: center;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    -moz-transition-property: -moz-transform, box-shadow;
    -o-transition-property: -o-transform, box-shadow;
    -webkit-transition-property: -webkit-transform, box-shadow;
    transition-property: transform, box-shadow;
    -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);
    -moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.05)
}

.fbds-card-promotion:hover {
    -moz-transform: translateX(0px) scale(1.05);
    -ms-transform: translateX(0px) scale(1.05);
    -webkit-transform: translateX(0px) scale(1.05);
    transform: translateX(0px) scale(1.05);
    -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)
}

.fbds-card-promotion .fbds-button--ghost-darkgray {
    -moz-transition: color 0s, background-color 0s, border-color 0s, -moz-transform .15s, box-shadow .15s;
    -o-transition: color 0s, background-color 0s, border-color 0s, -o-transform .15s, box-shadow .15s;
    -webkit-transition: color 0s, background-color 0s, border-color 0s, -webkit-transform .15s, box-shadow .15s;
    transition: color 0s, background-color 0s, border-color 0s, transform .15s, box-shadow .15s
}

.fbds-card-promotion .fbds-card-promotion__top {
    display: block;
    height: 110px;
    width: 100%;
    background-color: #1C2F3A;
    border-radius: 4px 4px 0 0
}

.fbds-card-promotion .fbds-card-promotion__img {
    height: 85px;
    width: auto;
    margin-bottom: -183px
}

.fbds-card-promotion .fbds-card-promotion__bottom {
    display: block;
    margin-top: 1.875rem;
    color: #1C2F3A;
    padding: .9375rem 1.875rem;
    width: 100%
}

.fbds-card--resource-container {
    display: block
}

.fbds-card--resource {
    display: block;
    position: relative;
    height: 16.25rem;
    width: 100%;
    border-radius: .1875rem;
    overflow: hidden;
    background-position: center center;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    -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);
    -moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.05)
}

@media screen and (min-width: 64em) {
    .fbds-card--resource {
        height: 12.8125rem
    }
}

@media screen and (min-width: 75em) {
    .fbds-card--resource {
        height: 16.25rem
    }
}

.fbds-card--resource .fbds-card--resource__content {
    display: block;
    padding-top: .9375rem;
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: #FFF;
    padding: .9375rem;
    box-shadow: 0 -5px 15px 0 rgba(0, 0, 0, 0.1)
}

.fbds-card--resource .fbds-card--resource__text {
    color: #1C2F3A
}

.fbds-card--resource .fbds-card--resource__type {
    display: block;
    color: #455560;
    font-size: .875rem
}

.fbds-card--resource:hover {
    -moz-transform: translateX(0px) scale(1.05);
    -ms-transform: translateX(0px) scale(1.05);
    -webkit-transform: translateX(0px) scale(1.05);
    transform: translateX(0px) scale(1.05);
    -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)
}

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

.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: .0625rem 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: .1875rem;
    display: inline-block;
    margin-bottom: .3125rem
}

.individual-template__action-bar .tags:hover {
    background-color: #7BC143;
    color: #FFF
}

.fbds-template-preview {
    -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
    position: relative;
    border-radius: .1875rem;
    overflow: hidden
}

.fbds-template-preview img[alt] {
    color: transparent
}

.fbds-template-preview .fbds-template-preview__holder {
    border-radius: .1875rem
}

.fbds-template-preview .fbds-template-preview__thumbnail {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: .1875rem;
    min-width: 100%;
    visibility: hidden
}

.fbds-template-preview .fbds-template-preview__thumbnail--loaded {
    visibility: visible
}

.fbds-template-preview .fbds-template-preview__angle {
    text-align: center;
    background-color: #1C2F3A;
    transform: rotate(-7deg);
    width: 111%;
    height: 260px;
    left: -5px;
    top: 83%;
    position: absolute;
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.1s;
    -o-transition-duration: 0.1s;
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -moz-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in
}

@media screen and (min-width: 31.25em) {
    .fbds-template-preview .fbds-template-preview__angle {
        top: 87%
    }
}

@media screen and (min-width: 36.25em) {
    .fbds-template-preview .fbds-template-preview__angle {
        top: 90%
    }
}

@media screen and (min-width: 40em) {
    .fbds-template-preview .fbds-template-preview__angle {
        top: 73%
    }
}

@media screen and (min-width: 48.75em) {
    .fbds-template-preview .fbds-template-preview__angle {
        top: 77%
    }
}

@media screen and (min-width: 53.75em) {
    .fbds-template-preview .fbds-template-preview__angle {
        top: 79%
    }
}

@media screen and (min-width: 61.25em) {
    .fbds-template-preview .fbds-template-preview__angle {
        top: 82%
    }
}

@media screen and (min-width: 64em) {
    .fbds-template-preview .fbds-template-preview__angle {
        top: 75%
    }
}

@media screen and (min-width: 73.75em) {
    .fbds-template-preview .fbds-template-preview__angle {
        top: 79%
    }
}

.fbds-template-preview .fbds-template-preview__content {
    transform: rotate(7deg);
    padding-top: 1.3125rem;
    color: #FFF
}

.fbds-template-preview .fbds-template-preview__title {
    font-size: .875rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 80%;
    margin: 0 auto
}

.fbds-template-preview .fbds-template-preview__button {
    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.1s;
    -o-transition-duration: 0.1s;
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -moz-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    -moz-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s
}

.fbds-template-preview .fbds-template-preview__preview {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -moz-transition-duration: 0.1s;
    -o-transition-duration: 0.1s;
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -moz-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    -moz-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
    font-size: .875rem;
    color: #FFF;
    display: block
}

.fbds-template-preview .fbds-template-preview__preview .fi {
    margin: 0;
    padding: 0;
    vertical-align: baseline
}

.fbds-template-preview .fbds-template-preview__preview:hover {
    color: #DAFFBD
}

.fbds-template-preview:hover .fbds-template-preview__button {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1
}

.fbds-template-preview:hover .fbds-template-preview__preview {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1
}

.fbds-template-preview:hover .fbds-template-preview__angle {
    top: 60%
}

@media screen and (min-width: 31.25em) {
    .fbds-template-preview:hover .fbds-template-preview__angle {
        top: 68%
    }
}

@media screen and (min-width: 36.25em) {
    .fbds-template-preview:hover .fbds-template-preview__angle {
        top: 72%
    }
}

@media screen and (min-width: 40em) {
    .fbds-template-preview:hover .fbds-template-preview__angle {
        top: 24%
    }
}

@media screen and (min-width: 43.75em) {
    .fbds-template-preview:hover .fbds-template-preview__angle {
        top: 31%
    }
}

@media screen and (min-width: 48.75em) {
    .fbds-template-preview:hover .fbds-template-preview__angle {
        top: 42%
    }
}

@media screen and (min-width: 56.25em) {
    .fbds-template-preview:hover .fbds-template-preview__angle {
        top: 50%
    }
}

@media screen and (min-width: 64em) {
    .fbds-template-preview:hover .fbds-template-preview__angle {
        top: 32%
    }
}

@media screen and (min-width: 73.75em) {
    .fbds-template-preview:hover .fbds-template-preview__angle {
        top: 42%
    }
}

.fbds-card--study-container {
    display: block
}

.fbds-card--study {
    display: block;
    position: relative;
    height: 16.25rem;
    width: 100%;
    border-radius: .1875rem;
    overflow: hidden;
    background-position: center center;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    -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);
    -moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.05)
}

@media screen and (min-width: 64em) {
    .fbds-card--study {
        height: 12.8125rem
    }
}

@media screen and (min-width: 75em) {
    .fbds-card--study {
        height: 16.25rem
    }
}

.fbds-card--study .fbds-card--study__angle {
    display: block;
    text-align: center;
    background-color: #FFF;
    transform: rotate(-7deg);
    width: 111%;
    height: 16.25rem;
    left: -.3125rem;
    top: 70%;
    position: absolute;
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.1s;
    -o-transition-duration: 0.1s;
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -moz-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in
}

@media screen and (min-width: 64em) {
    .fbds-card--study .fbds-card--study__angle {
        top: 60%
    }
}

@media screen and (min-width: 75em) {
    .fbds-card--study .fbds-card--study__angle {
        top: 70%
    }
}

.fbds-card--study .fbds-card--study__content {
    display: block;
    transform: rotate(7deg);
    padding-top: .9375rem;
    color: #1C2F3A
}

.fbds-card--study .fbds-card--study__logo {
    display: inline-block;
    width: auto;
    height: 3.125rem
}

.fbds-card--study:hover {
    -moz-transform: translateX(0px) scale(1.05);
    -ms-transform: translateX(0px) scale(1.05);
    -webkit-transform: translateX(0px) scale(1.05);
    transform: translateX(0px) scale(1.05);
    -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)
}

.fbds-card--study--no-hover:hover {
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.05)
}

.fbds-card-video {
    clear: none !important;
    display: block;
    position: relative;
    background-color: #FFF;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    height: auto;
    margin: 0;
    -moz-transition-property: -moz-transform, box-shadow;
    -o-transition-property: -o-transform, box-shadow;
    -webkit-transition-property: -webkit-transform, box-shadow;
    transition-property: transform, box-shadow;
    -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);
    -moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.05)
}

.fbds-card-video:hover {
    cursor: pointer;
    -moz-transform: translateX(0px) scale(1.05);
    -ms-transform: translateX(0px) scale(1.05);
    -webkit-transform: translateX(0px) scale(1.05);
    transform: translateX(0px) scale(1.05);
    -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)
}

.fbds-card-video.active:hover {
    cursor: default;
    -moz-transform: translateX(0px) scale(1);
    -ms-transform: translateX(0px) scale(1);
    -webkit-transform: translateX(0px) scale(1);
    transform: translateX(0px) scale(1);
    -moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.05)
}

.fbds-card-video.active .fbds-card-video__active-label {
    display: block
}

@media screen and (max-width: 57.75em) {
    .fbds-card-video {
        margin-bottom: .9375rem
    }
}

.fbds-card-video__thumb {
    border-bottom: .3125rem solid #1C2F3A;
    padding: 0;
    display: block
}

.fbds-card-video__thumb .fbds-card-video__img {
    display: block;
    height: 115px;
    background-size: cover
}

.fbds-card-video__active-label {
    display: none;
    background-color: #0197EC;
    color: #FFF;
    font-size: .875rem;
    font-weight: 600;
    padding: 4px 10px;
    text-transform: uppercase;
    vertical-align: middle;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 0px;
    margin: 0
}

@media screen and (max-width: 968px) {
    .fbds-card-video__active-label {
        font-size: .75rem;
        padding: 3px 7px
    }
}

.fbds-card-video__content {
    background-color: #FFF;
    padding: .9375rem;
    width: 100%;
    display: block
}

.fbds-card-video__title,
.fbds-card-video__time {
    display: block;
    margin-bottom: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.fbds-card-video__title {
    font-weight: 600;
    font-size: 1rem;
    color: #1C2F3A
}

.fbds-card-video__duration {
    font-size: .875rem;
    color: #455560
}

.fbds-card--callout {
    display: block;
    position: relative;
    overflow: hidden;
    -moz-border-radius: .1875rem;
    -webkit-border-radius: .1875rem;
    border-radius: .1875rem;
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(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;
    -moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.05);
    background-color: #FFF;
    width: 100%
}

.fbds-card--callout .fbds-card--callout__title,
.fbds-card--callout .fbds-card--callout__description,
.fbds-card--callout .fbds-card--callout__cta {
    display: block
}

.fbds-card--callout .fbds-card--callout__icon,
.fbds-card--callout .fbds-card--callout__content {
    position: relative;
    float: left;
    vertical-align: top;
    z-index: 1
}

.fbds-card--callout .fbds-card--callout__icon {
    padding-top: 1.875rem;
    width: 100%;
    text-align: center
}

@media print,
screen and (min-width: 64em) {
    .fbds-card--callout .fbds-card--callout__icon {
        padding: 0 2.8125rem;
        width: auto
    }
}

.fbds-card--callout .fbds-card--callout__content {
    padding: 1.875rem;
    text-align: center
}

@media print,
screen and (min-width: 64em) {
    .fbds-card--callout .fbds-card--callout__content {
        text-align: left;
        width: 55%;
        padding-left: 0;
        padding-right: 0
    }
}

@media screen and (min-width: 75em) {
    .fbds-card--callout .fbds-card--callout__content {
        width: 65%
    }
}

.fbds-card--callout .fbds-card--callout__gradient {
    position: absolute;
    background: linear-gradient(45deg, #ffffff 0%, #ffffff 30%, #f1f5f6 100%);
    transform: skewY(-20deg);
    width: 100%;
    height: 29.375rem;
    top: 6.5625rem;
    left: 0;
    z-index: 0
}

@media screen and (min-width: 75em) {
    .fbds-card--callout .fbds-card--callout__gradient {
        top: 7.1875rem
    }
}

.fbds-card--callout .fbds-card--callout__cta {
    color: #0197EC
}

.fbds-card--callout .fbds-card--callout__cta .fbds-card--callout__fi {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    padding-top: 0;
    vertical-align: baseline;
    position: relative;
    left: 1px;
    vertical-align: middle;
    margin-left: 0
}

.fbds-card--callout:hover {
    -moz-transform: translateX(0px) scale(1.05);
    -ms-transform: translateX(0px) scale(1.05);
    -webkit-transform: translateX(0px) scale(1.05);
    transform: translateX(0px) scale(1.05);
    -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)
}

.fbds-card--callout:hover .fbds-card--callout__fi {
    -moz-animation-name: arrowSlide;
    -webkit-animation-name: arrowSlide;
    animation-name: arrowSlide;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -moz-animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -moz-animation-delay: 0.2s;
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s
}

.fbds-card--step {
    background-color: #FFF;
    border-radius: .1875rem;
    position: relative;
    padding: 1.875rem;
    margin-left: .9375rem;
    -moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.05)
}

@media screen and (max-width: 57.75em) {
    .fbds-card--step {
        margin-bottom: 3.75rem
    }
}

@media screen and (max-width: 39.9375em) {
    .fbds-card--step {
        margin-left: 0
    }
}

.fbds-card--step .fbds-card--step__number {
    border-radius: 50%;
    text-align: center;
    background-color: #7BC143;
    color: #FFF;
    font-size: 1.375rem;
    font-weight: 600;
    display: inline-block;
    height: 2.5rem;
    position: absolute;
    top: -0.9375rem;
    left: -0.9375rem;
    width: 2.5rem;
    padding: .1875rem;
    margin-bottom: 0
}

@media screen and (max-width: 39.9375em) {
    .fbds-card--step .fbds-card--step__number {
        left: 50%;
        margin-left: -1.25rem
    }
}

.fbds-info-box {
    border: .0625rem 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: .1875rem;
    -webkit-border-radius: .1875rem;
    border-radius: .1875rem
}

.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: .1875rem;
    -webkit-border-radius: .1875rem;
    border-radius: .1875rem
}

.fbds-toggle-resources .fbds-toggle-resources__controls .fbds-toggle-resources__item.active {
    background-color: #6C7A85;
    color: #FFF
}

.fbds-toggle-resources__headline {
    border-bottom: .0625rem 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: .0625rem 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 #C2CDD5;
    padding: 1.875rem 1.875rem .9375rem
}

.fbds-content-box--outlined.salesforce {
    background-image: url("../images/salesforce/shapes-bg-content-box.png");
    background-size: cover;
    background-position: center
}

.fbds-content-box--outlined.gray-light {
    background-color: #F1F5F6
}

.fbds-content-box--semi-opaque {
    padding: .9375rem;
    -moz-border-radius: .1875rem;
    -webkit-border-radius: .1875rem;
    border-radius: .1875rem
}

.fbds-content-box--semi-opaque img {
    height: 3.125rem;
    width: auto;
    margin-bottom: .3125rem
}

.fbds-content-box--semi-opaque.white {
    background: #FFF;
    background: rgba(255, 255, 255, 0.7)
}

.fbds-content-box--semi-opaque.gray-light {
    background: #F1F5F6;
    background: rgba(241, 245, 246, 0.7)
}

.fbds-content-box--links .fbds-headline:after {
    content: "";
    display: block;
    width: 80%;
    padding-top: 10px;
    border-bottom: .1875rem solid #D3DBE2
}

.fbds-content-box--links ul {
    padding-left: 0
}

.fbds-content-box--links li {
    list-style: none
}

.fbds-content-box--links a .fi {
    margin-left: 0;
    color: #455560
}

.fbds-content-box {
    padding: 1.875rem;
    border-radius: .1875rem;
    -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
}

.fbds-content-box.lightgray {
    background-color: #F1F5F6
}

.fbds-content-box.white {
    background-color: #FFF
}

.fbds-content-box.clickable:hover {
    cursor: pointer
}

.fbds-content-box.hover-shadow:hover {
    -moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.05)
}

@media screen and (min-width: 40em) {
    .fbds-content-box.scale:hover {
        -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
}

.fbds-content-box.active {
    -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)
}

.fbds-content-box.shadow-light {
    -moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.05)
}

.fbds-content-box--white-shadow-medium {
    display: block;
    background-color: #FFF;
    padding: 1.875rem
}

@media screen and (min-width: 40em) {
    .fbds-content-box--white-shadow-medium {
        border-radius: .1875rem;
        -moz-box-shadow: 0 0px 30px 5px rgba(0, 0, 0, 0.075);
        -webkit-box-shadow: 0 0px 30px 5px rgba(0, 0, 0, 0.075);
        box-shadow: 0 0px 30px 5px rgba(0, 0, 0, 0.075);
        -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: 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-content-box--white-shadow-medium:hover {
        -moz-transform: translateX(0px) scale(1.02);
        -ms-transform: translateX(0px) scale(1.02);
        -webkit-transform: translateX(0px) scale(1.02);
        transform: translateX(0px) scale(1.02)
    }
}

@media screen and (max-width: 1023px) {
    .fbds-content-box--muted-for-medium-down:hover {
        cursor: auto;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .fbds-content-box--muted-for-medium-down.active {
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.fbds-content-box--shrink {
    padding: 1.875rem .3125rem
}

.fbds-content-box--tall {
    padding: 3.75rem .9375rem
}

.fbds-content-box--topbar {
    border: 1px solid #C2CDD5;
    border-radius: .1875rem
}

.fbds-content-box--topbar .fbds-content-box--topbar__top {
    padding: .3125rem .9375rem;
    margin: -1px;
    border-radius: .1875rem .1875rem 0 0;
    color: #FFF
}

.fbds-content-box--topbar .fbds-content-box--topbar__top.green {
    background-image: linear-gradient(62deg, #21b573 0%, #7bc143 93%)
}

.fbds-content-box--topbar .fbds-content-box--topbar__top.purple {
    background-image: linear-gradient(62deg, #8b4b9d 0%, #bf82cc 93%)
}

.fbds-content-box--topbar .fbds-content-box--topbar__bottom {
    padding: .9375rem
}

.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--right-radius {
    -moz-border-radius-topright: .1875rem;
    -webkit-border-top-right-radius: .1875rem;
    border-top-right-radius: .1875rem
}

.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__list--header {
    background-color: #7BC143;
    border-left: .0625rem solid #6fae3c;
    padding: .9375rem
}

@media screen and (min-width: 64em) {
    .fbds-table--fc .fbds-table--fc__list--header {
        float: left;
        width: 16.6%
    }

    .fbds-table--fc .fbds-table--fc__list--header.width-20 {
        width: 20%
    }

    .fbds-table--fc .fbds-table--fc__list--header.gray {
        background-color: #455560;
        border-left: .0625rem solid #3e4d56
    }
}

.fbds-table--fc .fbds-table--fc__list--header--spacer {
    border-left: 0;
    background-color: transparent;
    float: none;
    width: auto
}

.fbds-table--fc .fbds-table--fc__list--header--first {
    border-left: 0
}

@media screen and (min-width: 64em) {
    .fbds-table--fc .fbds-table--fc__list--header--shrink {
        float: left;
        width: 14.2%
    }
}

.fbds-table--fc .fbds-table--fc__plan-name {
    font-size: 1rem;
    color: #FFF
}

@media screen and (min-width: 64em) {
    .fbds-table--fc .fbds-table--fc__plan-name {
        font-size: .875rem
    }
}

.fbds-table--fc .fbds-table--fc__price {
    display: block
}

.fbds-table--fc .fbds-table--fc__num,
.fbds-table--fc .fbds-table--fc__contact {
    font-size: .875rem
}

.fbds-table--fc .fbds-table--fc__frequency {
    font-size: .75rem
}

.fbds-table--fc .fbds-table--fc__list {
    list-style: none;
    padding-left: 0;
    text-align: center
}

@media screen and (min-width: 64em) {
    .fbds-table--fc .fbds-table--fc__list--plan {
        float: left;
        width: 16.6%
    }
}

.fbds-table--fc .fbds-table--fc__list--features {
    text-align: left;
    border-left: .0625rem solid #ddd
}

.fbds-table--fc .fbds-table--fc__list--last .fbds-table--fc__item {
    border-right: .0625rem solid #ddd
}

.fbds-table--fc .fbds-table--fc__item {
    color: #1C2F3A;
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    font-size: 1rem;
    font-weight: 600;
    border-bottom: .0625rem solid #ddd;
    border-left: .0625rem solid #ddd;
    border-right: .0625rem solid #ddd
}

.fbds-table--fc .fbds-table--fc__item.top {
    border-top: .0625rem solid #ddd
}

.fbds-table--fc .fbds-table--fc__item .fi-question-circle,
.fbds-table--fc .fbds-table--fc__item .fi-question-circle-o {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: .5
}

@media screen and (min-width: 64em) {
    .fbds-table--fc .fbds-table--fc__item .fi-times {
        color: #ff0000
    }
}

.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: 64em) {
    .fbds-table--fc .fbds-table--fc__item .fbds-table--fc__item__name {
        display: none
    }
}

@media screen and (min-width: 64em) {
    .fbds-table--fc .fbds-table--fc__item {
        height: 1.875rem;
        border-right: none;
        font-size: .75rem
    }

    .fbds-table--fc .fbds-table--fc__item.fbds-table--fc__item--button {
        height: 100%;
        padding: .9375rem
    }

    .fbds-table--fc .fbds-table--fc__item.height-4 {
        height: calc(1.875rem * 4);
        padding: 40px 0
    }
}

.fbds-table--fc .fbds-table--fc__item--top {
    border-top: .0625rem solid #ddd
}

.fbds-table--fc .fbds-table--fc__item--mobile-title {
    background-color: #7BC143;
    color: #FFF
}

.fbds-table--fc .fbds-table--fc__item--mobile-title.gray {
    background-color: #455560
}

.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
}

@media screen and (min-width: 64em) {

    .fbds-table--fc .fbds-table--fc__item--feature-title,
    .fbds-table--fc .fbds-table--fc__item--spacer {
        height: 50px
    }
}

.fbds-table--fc .fbds-table--fc__item--feature {
    font-weight: 400
}

@media screen and (min-width: 64em) {
    .fbds-table--fc--bronze .fbds-table--fc__list--plan {
        float: left;
        width: 14.2%
    }

    .fbds-table--fc--bronze .fbds-table--fc__list--plan.width-20 {
        width: 20%
    }
}

.fbds-table--fc--wide-columns .fbds-table--fc__list--features {
    border-left: none
}

@media screen and (min-width: 64em) {

    .fbds-table--fc--wide-columns .fbds-table--fc__list--header,
    .fbds-table--fc--wide-columns .fbds-table--fc__list--plan {
        width: 25%
    }
}

.fbds-table--fc--reverse .fbds-table--fc__list--features {
    border-left: none
}

.fbds-table--fc--reverse .fbds-table--fc__list--last .fbds-table--fc__item {
    border-right: .0625rem solid #455560
}

.fbds-table--fc--reverse .fbds-table--fc__item {
    color: #FFF;
    border-bottom: .0625rem solid #455560;
    border-left: .0625rem solid #455560
}

.fbds-table--fc--reverse .fbds-table--fc__item--feature {
    border-left: 0;
    position: relative
}

@media screen and (min-width: 64em) {
    .fbds-table--fc--large-text .fbds-table--fc__item {
        height: 1.875rem;
        font-size: .875rem
    }
}

.fbds-label {
    background-color: #7BC143;
    border-radius: 11px;
    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-label--plain {
    font-weight: 600;
    text-transform: uppercase
}

.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: .1875rem;
    -webkit-border-radius: .1875rem;
    border-radius: .1875rem;
    -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__content.education-exit-pop-up {
    width: 670px;
    left: 30px;
    top: 215px
}

.fbds-exit-modal__graphic {
    -moz-border-radius: .1875rem;
    -webkit-border-radius: .1875rem;
    border-radius: .1875rem;
    -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-custom-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999
}

.fbds-custom-modal__wrapper {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.85)
}

.fbds-custom-modal__container {
    position: absolute;
    width: 800px;
    height: 600px;
    background-color: #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: .1875rem;
    -webkit-border-radius: .1875rem;
    border-radius: .1875rem;
    -moz-animation: popin 0.2s;
    -webkit-animation: popin 0.2s;
    animation: popin 0.2s
}

.fbds-custom-modal__angle {
    background-color: #F1F5F6;
    position: absolute;
    transform: skewY(-36.7deg);
    width: 800px;
    height: 600px;
    top: 300px
}

.fbds-custom-modal__content {
    padding: 1.875rem 3.75rem;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 1
}

.fbds-custom-modal__close {
    padding: .3125rem;
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 1.375rem;
    cursor: pointer
}

.fbds-custom-modal__cta {
    position: relative
}

.fbds-custom-modal__cta::after {
    content: " ";
    display: table;
    clear: both
}

.fbds-custom-modal__cta .fbds-custom-modal__cta-section {
    float: left
}

.fbds-custom-modal__cta .fbds-custom-modal__cta-section--left {
    width: 75%
}

.fbds-custom-modal__cta .fbds-custom-modal__cta-section--right {
    width: 25%;
    padding: 10px 0
}

.fbds-custom-modal--video .fbds-custom-modal__wrapper {
    background-color: transparent
}

.fbds-custom-modal--video .fbds-custom-modal__container {
    background-color: rgba(0, 0, 0, 0.98);
    height: auto;
    width: auto;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0
}

.fbds-custom-modal--video .fbds-custom-modal__content {
    top: 50%;
    margin-top: -29%
}

.fbds-custom-modal--video .fbds-custom-modal__close {
    color: #FFF;
    z-index: 9999
}

.fbds-notification {
    display: none;
    width: 100%;
    padding: .625rem 0;
    background: linear-gradient(-135deg, #031621 0%, #1c2f3a 100%);
    color: #FFF;
    position: relative;
    z-index: 10
}

.fbds-notification--darkgray {
    background-color: #1C2F3A
}

.fbds-notification__type,
.fbds-notification__name,
.fbds-notification__link {
    display: block
}

@media screen and (min-width: 64em) {

    .fbds-notification__type,
    .fbds-notification__name,
    .fbds-notification__link {
        display: inline-block
    }
}

@media screen and (min-width: 64em) {

    .fbds-notification__type::after,
    .fbds-notification__name::after {
        content: "\b7";
        display: inline-block;
        padding: 0 4px 0 7px
    }
}

.fbds-notification__link {
    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: .5625rem;
    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: 4;
    position: relative;
    -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-out;
    -o-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    width: 100%;
    background: #FFF
}

@media screen and (min-width: 40em) {
    .fbds-nav--container {
        padding: .9375rem 0
    }
}

@media screen and (min-width: 64em) {
    .fbds-nav--container {
        padding: .9375rem 0
    }
}

.fbds-nav--container.fbds-nav--darkgray {
    background-color: #1C2F3A
}

.fbds-nav--fixed {
    position: fixed;
    width: 100%;
    background: #FFF;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12)
}

.fbds-nav--logo {
    display: inline-block;
    padding: 7px 0 0
}

.fbds-nav--logo .fbds-nav--logo__img {
    width: 200px;
    height: 35px
}

@media screen and (min-width: 64em) {
    .fbds-nav--logo {
        margin-top: -0.3125rem
    }
}

.fbds-nav--logo--salesforce {
    display: inline-block;
    width: auto;
    height: 35px
}

@media screen and (max-width: 39.9375em) {
    .fbds-nav--logo--salesforce {
        height: 28px
    }
}

.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: middle
}

@media screen and (min-width: 40em) {
    .fbds-nav--main {
        display: inline-block
    }
}

@media screen and (min-width: 64em) {
    .fbds-nav--main {
        margin-top: 0
    }
}

.fbds-nav--main .fbds-nav--main__item {
    vertical-align: middle;
    position: relative;
    font-size: .9375rem;
    font-weight: 600
}

.fbds-nav--main .fbds-nav--main__item>a>span {
    vertical-align: baseline
}

.fbds-nav--main .fbds-nav--main__item>a>.fi {
    margin-left: -3px;
    margin-right: -2px;
    padding-top: 4px;
    font-weight: normal;
    vertical-align: middle
}

.fbds-nav--main .fbds-nav--main__item:hover>a {
    color: #5a6f7e
}

.fbds-nav--main .fbds-nav--main__item>a {
    padding: .3125rem 0;
    color: #1C2F3A;
    -moz-transition-property: color;
    -o-transition-property: color;
    -webkit-transition-property: color;
    transition-property: color;
    -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-nav--main .fbds-nav--main__item>a:hover {
    color: #5a6f7e
}

@media screen and (min-width: 40em) {
    .fbds-nav--main .fbds-nav--main__item>a {
        padding: .3125rem 1.3rem
    }
}

@media (min-width: 1024px) and (max-width: 1123px) {
    .fbds-nav--main .fbds-nav--main__item>a {
        padding: .3125rem 1rem
    }
}

@media (min-width: 640px) and (max-width: 770px) {
    .fbds-nav--main .fbds-nav--main__item>a {
        padding: .3125rem 0.7rem
    }
}

@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;
    width: 164px;
    background-color: #FFF;
    z-index: 9999;
    text-align: left;
    margin: 0;
    
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    
    -moz-border-radius: .625rem;
    -webkit-border-radius: .625rem;
    border-radius: .625rem;
    -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-transform-origin: bottom 50%;
    -ms-transform-origin: bottom 50%;
    -webkit-transform-origin: bottom 50%;
    transform-origin: bottom 50%;
    -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: cubic-bezier(0.77, 0, 0.175, 1);
    -o-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
    -webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
    transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1)
}

.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__submenu__section {
    
    vertical-align: top
}

.fbds-nav--main .fbds-nav--main__submenu .fbds-nav--main__submenu__section--latestcontent {
    width: 328px
}

.fbds-nav--main .fbds-nav--main__submenu .fbds-nav--main__submenu__section--learn,
.fbds-nav--main .fbds-nav--main__submenu .fbds-nav--main__submenu__section--support {
    width: 162px
}

.fbds-nav--main .fbds-nav--main__submenu .fbds-nav--main__submenu__section--newsletter {
    margin-left: -11px;
    width: 350px
}

.fbds-nav--main .fbds-nav--main__submenu .fbds-nav--main__subitem {
    font-size: 1rem;
    list-style: none;
    font-weight: 400
}

.fbds-nav--main .fbds-nav--main__submenu .fbds-nav--main__subitem .fi:not(.fi-angle-right) {
    vertical-align: middle;
    padding-top: 0;
    margin-right: .3125rem;
    margin-left: .0625rem
}

.fbds-nav--main .fbds-nav--main__submenu .fbds-nav--main__subitem>a {
    color: #1C2F3A;
    padding: 0
}

.fbds-nav--main .fbds-nav--main__submenu .fbds-nav--main__subitem>a {
    color: #1C2F3A;
    display: block;
    padding: .3125rem .9375rem;
    -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-out;
    -o-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.fbds-nav--main .fbds-nav--main__submenu .fbds-nav--main__subitem>a:hover {
    background-color: #F1F5F6
}

.fbds-nav--main .fbds-nav--main__submenu .fbds-nav--main__subitem--newsletter {
    font-size: .875rem
}

.fbds-nav--main .fbds-nav--main__submenu .fbds-nav--main__subitem--newsletter>a {
    padding: .9375rem 25px;
    background-color: #F1F5F6;
    width: 100%;
    -moz-border-radius-topleft: 0;
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -moz-border-radius-topright: 0;
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0;
    -moz-border-radius-bottomright: .625rem;
    -webkit-border-bottom-right-radius: .625rem;
    border-bottom-right-radius: .625rem;
    -moz-border-radius-bottomleft: .625rem;
    -webkit-border-bottom-left-radius: .625rem;
    border-bottom-left-radius: .625rem
}

.fbds-nav--main .fbds-nav--main__submenu .fbds-nav--main__subitem--newsletter>a:hover {
    background-color: #e5e9ea
}

.fbds-nav--main .fbds-nav--main__submenu .fbds-nav--main__subitem--title {
    padding: .3125rem .9375rem;
    color: #1C2F3A;
    text-transform: uppercase;
    font-weight: 600;
    font-size: .75rem
}

.fbds-nav--main .fbds-nav--main__submenu--product {
    width: 360px;
    left: 0
}

@media (min-width: 640px) and (max-width: 1024px) {
    .fbds-nav--main .fbds-nav--main__submenu--product:after {
        left: 45px
    }
}

@media screen and (min-width: 64em) {
    .fbds-nav--main .fbds-nav--main__submenu--product {
        left: -130px
    }
}

.fbds-nav--main .fbds-nav--main__submenu--solutions {
    width: 519px;
    left: 0
}

@media (min-width: 640px) and (max-width: 1024px) {
    .fbds-nav--main .fbds-nav--main__submenu--solutions:after {
        left: 45px
    }
}

@media screen and (min-width: 64em) {
    .fbds-nav--main .fbds-nav--main__submenu--solutions {
        left: -202px
    }
}

.fbds-nav--main .fbds-nav--main__submenu--resources {
    width: 350px;
    left: -115px;
    padding-bottom: 0
}

.fbds-nav--main .fbds-nav--main__submenu--company {
    width: 130px
}

.fbds-nav--main .fbds-nav--main__subdivider {
    margin: .9375rem
}

@media screen and (min-width: 40em) {
    .fbds-nav--main .fbds-nav--main__item:hover>.fbds-nav--main__submenu {
        visibility: visible;
        -moz-transform: translateY(1%) scale(1);
        -ms-transform: translateY(1%) scale(1);
        -webkit-transform: translateY(1%) scale(1);
        transform: translateY(1%) scale(1);
        filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1
    }
}

@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--login>a {
        margin-left: .9375rem;
        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: .0625rem solid #F1F5F6
    }
}

.fbds-nav--resources {
    margin-top: 0
}

.fbds-header--alternate {
    background-color: #1C2F3A;
    background-position: center center;
    background-repeat: no-repeat
}

.fbds-header--alternate .title-bar-title {
    color: #FFF
}

.fbds-header--alternate .fbds-nav--main--white .fbds-nav--main__item:hover>a {
    color: #d2dfe2
}

.fbds-header--alternate .fbds-nav--main--white .fbds-nav--main__item>a {
    color: #FFF
}

.fbds-header--alternate .fbds-nav--main--white .fbds-nav--main__item>a:hover {
    color: #d2dfe2
}

.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-nav--side--report {
    max-width: 300px
}

.fbds-nav--side--report.fbds-nav--side--report--fixed {
    position: fixed;
    top: 20px;
    z-index: 9999
}

.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: .1875rem;
        -webkit-border-radius: .1875rem;
        border-radius: .1875rem
    }

    .fbds-nav--side--features .fbds-nav--side__headline.features,
    .fbds-nav--side--templates .fbds-nav--side__headline.features {
        border: .0625rem solid #7BC143
    }

    .fbds-nav--side--features .fbds-nav--side__headline.templates,
    .fbds-nav--side--templates .fbds-nav--side__headline.templates {
        border: .0625rem solid #455560
    }

    .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.closed .fbds-nav--side__dropdown-icon,
    .fbds-nav--side--templates .fbds-nav--side__headline.closed .fbds-nav--side__dropdown-icon {
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }

    .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: block;
        -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
    }

    .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 {
    font-size: 1rem;
    line-height: 1.4;
    list-style: none;
    cursor: pointer
}

.fbds-nav--side .fbds-nav--side__list__item a {
    margin: 0;
    margin-left: -0.3125rem;
    padding: .3125rem 0 .3125rem .3125rem;
    display: block;
    border-bottom: 0;
    color: #455560;
    -moz-border-radius: .1875rem;
    -webkit-border-radius: .1875rem;
    border-radius: .1875rem;
    -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-out;
    -o-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out
}

.fbds-nav--side .fbds-nav--side__list__item a.active,
.fbds-nav--side .fbds-nav--side__list__item a:hover {
    color: #1C2F3A;
    background-color: #F1F5F6
}

.fbds-nav--side .fbds-nav--side__list__item.active {
    cursor: default;
    color: #1C2F3A
}

.fbds-nav--side .fbds-nav--side__list__item.active a {
    color: #1C2F3A
}

.fbds-nav--side .fbds-nav--side__list__item:hover {
    color: #1C2F3A
}

.fbds-nav--side .fbds-nav--side__list__item--nested {
    font-size: .75rem
}

.fbds-nav--side .fbds-nav--side__list__item--nested:before {
    content: '\e021';
    font-family: 'fs-font-icon';
    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--simple .fbds-nav--side__list__item {
    border-bottom: 0;
    padding: 0
}

.fbds-nav--side--simple .fbds-nav--side__list__item a {
    padding: 0.5rem;
    display: block;
    color: #FFF;
    -moz-border-radius: .1875rem;
    -webkit-border-radius: .1875rem;
    border-radius: .1875rem
}

.fbds-nav--side--simple .fbds-nav--side__list__item a:hover {
    color: #FFF;
    background-color: #182831
}

.fbds-nav--side--simple .fbds-nav--side__list__item--active a {
    color: #FFF;
    background-color: #182831
}

.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 .fi {
    padding: 0
}

.fbds-sub-nav {
    background: rgba(28, 47, 58, 0.5);
    border-radius: .1875rem;
    color: #FFF;
    padding: .3125rem .9375rem
}

@media screen and (min-width: 1024px) and (max-width: 1039px) {
    .fbds-sub-nav {
        padding: .3125rem
    }
}

.fbds-sub-nav::after {
    content: " ";
    display: table;
    clear: both
}

.fbds-sub-nav .fbds-sub-nav--title {
    font-family: 'Rubik', sans-serif;
    font-size: 1.25rem;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .5px;
    padding: .6875rem 0
}

.fbds-sub-nav .fbds-sub-nav--list {
    text-align: right;
    list-style: none;
    margin-bottom: 0
}

.fbds-sub-nav .fbds-sub-nav--list li {
    display: inline-block
}

.fbds-sub-nav .fbds-sub-nav--list li a {
    color: #F1F5F6;
    font-size: .875rem;
    padding: .9375rem;
    display: inline-block;
    font-weight: 600
}

.fbds-sub-nav .fbds-sub-nav--list li a:hover,
.fbds-sub-nav .fbds-sub-nav--list li a.active {
    color: #7BC143
}

@media (min-width: 640px) and (max-width: 703px),
(min-width: 1024px) and (max-width: 1123px) {
    .fbds-sub-nav .fbds-sub-nav--list li a {
        padding: .9375rem 8.5px
    }
}

.fbds-sub-nav .fbds-sub-nav__dropdown {
    margin: 0;
    color: #FFF;
    list-style: none
}

.fbds-sub-nav .fbds-sub-nav__dropdown a {
    color: #FFF;
    display: block;
    padding: .3125rem 0
}

.fbds-sub-nav .fbds-sub-nav__dropdown .fbds-sub-nav__dropdown__item {
    text-transform: uppercase
}

.fbds-sub-nav .fbds-sub-nav__dropdown .fbds-sub-nav__dropdown__menu {
    list-style: none;
    margin-left: 0;
    display: none
}

.fbds-sub-nav .fbds-sub-nav__dropdown .fbds-sub-nav__dropdown__menu a:hover {
    color: #7BC143
}

.fbds-sub-nav .fbds-sub-nav__dropdown:hover .fbds-sub-nav__dropdown__menu {
    display: block
}

.fbds-nav--icons .fbds-nav--icons__item__text {
    display: block
}

.fbds-nav--icons .fbds-nav--icons__item>a {
    display: block;
    font-weight: 600;
    -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 .fbds-nav--icons__item>a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
    opacity: .75
}

.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-section--white.fbds-nav--icons a {
    color: #455560
}

.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-hr--large {
    margin-top: 3.75rem !important;
    margin-bottom: 3.75rem !important
}

.fbds-hr--headline-divider {
    border-width: .4375rem;
    width: 85px
}

.fbds-hr--headline-divider.green {
    border-color: #7BC143
}

.fbds-hr--headline-divider.center {
    margin-left: auto;
    margin-right: auto
}

.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.government {
    background-image: url("../images/solutions/viewport-grid/government.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.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: .3125rem
}

.fbds-hover-box__headline {
    display: block;
    color: #FFF;
    font-size: 1.25rem;
    margin-top: .9375rem
}

.fbds-hover-box__headline:after {
    vertical-align: middle;
    opacity: 0;
    content: "\73";
    font-family: 'fs-font-icon';
    -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-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
}

@media screen and (min-width: 64em) {
    .fbds-pt-container {
        padding-left: 0
    }

    .fbds-pt-container .row {
        margin: 0
    }

    .fbds-pt-container .column,
    .fbds-pt-container .columns,
    .fbds-pt-container .columns {
        padding: 0 0 0 10px;
        position: relative
    }
}

.fbds-pt__legend-name {
    color: #1C2F3A;
    font-size: 1.25rem;
    background-color: #F1F5F6;
    padding: 1.875rem .9375rem;
    border-left: solid .0625rem #e5e9ea;
    border-right: solid .0625rem #e5e9ea;
    border-top: solid .0625rem #e5e9ea;
    margin-top: 3.125rem;
    -moz-border-radius-topleft: .1875rem;
    -webkit-border-top-left-radius: .1875rem;
    border-top-left-radius: .1875rem;
    -moz-border-radius-topright: .1875rem;
    -webkit-border-top-right-radius: .1875rem;
    border-top-right-radius: .1875rem;
    text-transform: uppercase;
    text-align: left
}

.fbds-pt__legend-name--no-switch {
    margin-top: 8.6875rem
}

.fbds-pt__fbds-switch-container {
    padding: 1.875rem .9375rem;
    border-bottom: solid .0625rem #e5e9ea
}

.fbds-pt__fbds-switch-container--test {
    padding: 1.875rem .9375rem
}

.fbds-pt__x-small {
    font-size: .75rem;
    margin-top: .3125rem;
    font-weight: 400;
    color: #455560
}

.fbds-pt__title {
    padding: 1.875rem 0;
    font-weight: 600;
    color: #1C2F3A
}

.fbds-pt__title .fbds-pt__title__text {
    font-size: 1.375rem;
    display: block;
    margin-bottom: 1.875rem
}

.fbds-pt__column {
    -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    -moz-border-radius: .1875rem;
    -webkit-border-radius: .1875rem;
    border-radius: .1875rem;
    background-color: #FFF;
    border: solid .0625rem #e5e9ea;
    position: relative
}

.fbds-pt__column * {
    list-style: none;
    line-height: 1
}

.fbds-pt__column .fi-check {
    color: #7BC143;
    font-size: 1rem
}

.fbds-pt__column .fi-question-circle,
.fbds-pt__column .fi-question-circle-o {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: .5;
    font-size: .875rem
}

.fbds-pt__column--highlight {
    background-color: #f8fff2
}

.fbds-pt__column--features {
    border-top: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-border-radius-topleft: 0;
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -moz-border-radius-topright: 0;
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0
}

.fbds-pt__price {
    border-bottom: solid .0625rem #e5e9ea;
    padding: 0 .9375rem .9375rem;
    font-size: 1.25rem;
    color: #1C2F3A;
    margin: 0;
    font-weight: 600
}

.fbds-pt__price .fbds-pt__price__annual,
.fbds-pt__price .fbds-pt__price__monthly {
    font-size: 2.25rem
}

.fbds-pt__price .fbds-pt__price__annual {
    display: none
}

.fbds-pt__price .fbds-pt__price__annual--salesforce {
    display: block
}

.fbds-pt__price .fbds-pt__price__monthly--salesforce {
    display: none
}

.fbds-pt__item {
    height: 2.1875rem;
    color: #455560;
    padding: .5625rem;
    text-align: center;
    font-size: .875rem;
    font-weight: 400;
    border-bottom: solid .0625rem #e5e9ea
}

.fbds-pt__item--large {
    font-size: 1rem;
    font-weight: 600
}

.fbds-pt__item--features {
    text-align: left;
    padding: .5625rem;
    padding-left: .9375rem
}

.fbds-pt__item--bottom {
    height: auto;
    padding: .9375rem 0;
    border-bottom: none
}

.fbds-pricing-plans__column {
    border: .0625rem solid #F1F5F6;
    border-radius: .375rem;
    background-color: #FFF;
    color: #6C7A85;
    position: relative;
    margin-bottom: 1.875rem
}

@media screen and (min-width: 64em) {
    .fbds-pricing-plans__column {
        margin-bottom: 0
    }
}

.fbds-pricing-plans__headline {
    border-top-left-radius: .375rem;
    border-top-right-radius: .375rem;
    background-color: #F1F5F6
}

.fbds-pricing-plans__price {
    background-color: #FFF
}

.fbds-pricing-plans__headline,
.fbds-pricing-plans__price {
    color: #1C2F3A;
    padding: .9375rem 0;
    border-bottom: .0625rem solid #d9dddd;
    margin-bottom: 0
}

.fbds-pricing-plans__headline.contact,
.fbds-pricing-plans__price.contact {
    padding: 2.25rem 0
}

.fbds-pricing-plans__price--enterprise {
    padding: 1.875rem 0
}

.fbds-pricing-plans__monthly,
.fbds-pricing-plans__annual,
.fbds-pricing-plans__contact {
    font-size: 2.25rem
}

.fbds-pricing-plans__contact--link:hover {
    cursor: pointer
}

.fbds-pricing-plans__number {
    font-size: 2.25rem;
    display: block
}

.fbds-pricing-plans__period {
    font-size: .75rem;
    font-weight: 400;
    display: block
}

.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
}

@media screen and (min-width: 40em) {
    .fbds-pricing-plans__button-container {
        position: absolute;
        left: 1.875rem;
        right: 1.875rem;
        bottom: 1.875rem
    }
}

.sf-nonprofits {
    display: inline-block;
    padding: .9375rem;
    border: .0625rem solid #6C7A85;
    -moz-border-radius: .375rem;
    -webkit-border-radius: .375rem;
    border-radius: .375rem
}

.nativecloud-logo {
    height: 30px
}

.fbds-tooltip {
    max-width: 12rem !important
}

.fbds-custom-tooltip {
    position: relative;
    display: inline-block
}

.fbds-custom-tooltip .fbds-custom-tooltip__text {
    font-size: .875rem;
    line-height: 1.375;
    visibility: hidden;
    text-align: left;
    width: 200px;
    background-color: #000;
    color: #FFF;
    padding: .9375rem;
    border-radius: .1875rem;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -100px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -moz-transform: translateY(20%) scale(0.5);
    -ms-transform: translateY(20%) scale(0.5);
    -webkit-transform: translateY(20%) scale(0.5);
    transform: translateY(20%) scale(0.5);
    -moz-transform-origin: bottom 50%;
    -ms-transform-origin: bottom 50%;
    -webkit-transform-origin: bottom 50%;
    transform-origin: bottom 50%;
    -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: cubic-bezier(0.77, 0, 0.175, 1);
    -o-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
    -webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
    transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1)
}

.fbds-custom-tooltip .fbds-custom-tooltip__text::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -0.3125rem;
    border-width: .3125rem;
    border-style: solid;
    border-color: #000 transparent transparent transparent
}

.fbds-custom-tooltip:hover {
    cursor: help
}

.fbds-custom-tooltip:hover .fbds-custom-tooltip__text {
    visibility: visible;
    -moz-transform: translateY(-10%) scale(1);
    -ms-transform: translateY(-10%) scale(1);
    -webkit-transform: translateY(-10%) scale(1);
    transform: translateY(-10%) scale(1);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95);
    opacity: .95
}

.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: 57.75em) {
    .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
}

@media screen and (max-width: 57.75em) {
    .fbds-toggle-content {
        height: 100%;
        margin-top: 10px
    }

    .fbds-toggle-content p {
        height: 100%
    }
}

.fbds-toggle-content--scrollable {
    height: 32.5rem;
    overflow: scroll;
    border: thin solid #d9dddd
}

.fbds-toggle-side-nav--dark .fbds-toggle-side-nav__item.active {
    color: #455560
}

.fbds-toggle-content--dark {
    color: #455560
}

.fbds-toggle-side-nav--templates .fbds-toggle-side-nav__item {
    border: 0;
    margin-bottom: .3125rem;
    padding: .9375rem;
    border: .0625rem solid #FFF;
    -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
}

.fbds-toggle-side-nav--templates .fbds-toggle-side-nav__item.fbds-toggle-side-nav__item--active,
.fbds-toggle-side-nav--templates .fbds-toggle-side-nav__item:hover {
    background: #f8fcf6;
    border: .0625rem solid #7BC143
}

.fbds-toggle-side-nav--templates .fbds-toggle-side-nav__item.last {
    border-bottom: .0625rem solid #FFF;
    margin-bottom: 0
}

.fbds-toggle-side-nav--templates .fbds-toggle-side-nav__item.last.fbds-toggle-side-nav__item--active,
.fbds-toggle-side-nav--templates .fbds-toggle-side-nav__item.last:hover {
    border-bottom: .0625rem solid #7BC143
}

.fbds-img-icon {
    width: auto
}

.fbds-img-icon--xx-small,
.fbds-img-icon--xx-small svg {
    height: .75rem
}

.fbds-img-icon--x-small,
.fbds-img-icon--x-small svg {
    height: 1.875rem
}

.fbds-img-icon--small,
.fbds-img-icon--small svg {
    height: 3.125rem
}

.fbds-img-icon--medium,
.fbds-img-icon--medium svg {
    width: auto;
    height: 4.6875rem
}

.fbds-img-icon--large,
.fbds-img-icon--large svg {
    width: auto;
    height: 12.5rem
}

.fbds-img-icon--x-large,
.fbds-img-icon--x-large svg {
    width: auto;
    height: 16.75rem
}

.fbds-img-icon--rounded {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.fbds-img--bordered {
    border: .0625rem solid #F1F5F6
}

.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-txt-icon--xx-large {
    font-size: 2.25rem !important
}

@font-face {
    font-family: "fs-font-icon";
    src: url("../images/icons/font-icons/fs-font-icon.eot");
    src: url("../images/icons/font-icons/fs-font-icon.eot@") format("embedded-opentype"), url("../images/icons/font-icons/fs-font-icon.woff") format("woff"), url("../images/icons/font-icons/fs-font-icon.ttf") format("truetype"), url("../images/icons/font-icons/fs-font-icon.svg") format("svg");
    font-weight: normal;
    font-style: normal
}

[data-icon]:before {
    font-family: "fs-font-icon" !important;
    content: attr(data-icon);
    font-style: normal !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

[class^="fi-"]:before,
[class*=" fi-"]:before {
    font-family: "fs-font-icon" !important;
    font-style: normal !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

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

.fi-android:before {
    content: "\6b"
}

.fi-angle-down:before {
    content: "\71"
}

.fi-angle-left:before {
    content: "\72"
}

.fi-angle-right:before {
    content: "\73"
}

.fi-apple:before {
    content: "\75"
}

.fi-arrow-right:before {
    content: "\48"
}

.fi-bar-chart:before {
    content: "\53"
}

.fi-bars:before {
    content: "\55"
}

.fi-book:before {
    content: "\28"
}

.fi-calendar:before {
    content: "\3f"
}

.fi-caret-down:before {
    content: "\7d"
}

.fi-check:before {
    content: "\e012"
}

.fi-check-circle:before {
    content: "\e013"
}

.fi-chevron-right:before {
    content: "\e01d"
}

.fi-circle:before {
    content: "\e021"
}

.fi-clock-o:before {
    content: "\e026"
}

.fi-commenting:before {
    content: "\e034"
}

.fi-credit-card:before {
    content: "\e03e"
}

.fi-download:before {
    content: "\e04d"
}

.fi-drupal:before {
    content: "\e050"
}

.fi-external-link:before {
    content: "\e060"
}

.fi-eye:before {
    content: "\e062"
}

.fi-facebook-square:before {
    content: "\e067"
}

.fi-file-o:before {
    content: "\e073"
}

.fi-file-text:before {
    content: "\e076"
}

.fi-files-o:before {
    content: "\e07a"
}

.fi-font:before {
    content: "\e08a"
}

.fi-info-circle:before {
    content: "\e0c9"
}

.fi-linkedin-square:before {
    content: "\e0e3"
}

.fi-list:before {
    content: "\e0e5"
}

.fi-lock:before {
    content: "\e0ea"
}

.fi-long-arrow-left:before {
    content: "\e0ec"
}

.fi-long-arrow-right:before {
    content: "\e0ed"
}

.fi-medkit:before {
    content: "\e0ff"
}

.fi-object-ungroup:before {
    content: "\e111"
}

.fi-paint-brush:before {
    content: "\e11a"
}

.fi-pencil:before {
    content: "\e122"
}

.fi-picture-o:before {
    content: "\e127"
}

.fi-play:before {
    content: "\e12f"
}

.fi-plus:before {
    content: "\e133"
}

.fi-question-circle:before {
    content: "\e13d"
}

.fi-search:before {
    content: "\e153"
}

.fi-shield:before {
    content: "\e15d"
}

.fi-sitemap:before {
    content: "\e165"
}

.fi-times:before {
    content: "\e1a8"
}

.fi-times-circle:before {
    content: "\e1a9"
}

.fi-twitter-square:before {
    content: "\e1bf"
}

.fi-users:before {
    content: "\e1cd"
}

.fi-wheelchair:before {
    content: "\e1dd"
}

.fi-windows:before {
    content: "\e1e0"
}

.fi-youtube-square:before {
    content: "\e1ea"
}

.fi-desktop:before {
    content: "\e048"
}

.fbds-screenshot {
    height: auto
}

@media screen and (max-width: 57.75em) {
    .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: 6.937rem
    }
}

@media screen and (max-width: 1023px) {
    .fbds-screenshot__offset--bottom--large {
        padding-top: 12rem
    }
}

.fbds-screenshot--block {
    margin: 0 auto;
    display: block
}

.fbds-screenshot--shadow {
    -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)
}

.fbds-screenshot__push {
    padding-bottom: 17rem
}

.fbds-screenshot__pull {
    margin-top: -19rem
}

.fbds-hero,
.fbds-hero--darkgray,
.fbds-hero--darkgraygradient,
.industry .industry__ver-one .industry-hero--registrations,
.hero--nicereply,
.hero--webinars__confirmation {
    background-color: #455560;
    color: #FFF;
    padding: 3.75rem 0
}

.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(-135deg, #031621 0%, #1c2f3a 100%)
}

.fbds-hero--darkgraygradient .fbds-headline-primary,
.industry .industry__ver-one .industry-hero--registrations .fbds-headline-primary,
.fbds-hero--darkgraygradient .fbds-headline-secondary,
.industry .industry__ver-one .industry-hero--registrations .fbds-headline-secondary,
.fbds-hero--darkgraygradient .fbds-headline-tertiary,
.industry .industry__ver-one .industry-hero--registrations .fbds-headline-tertiary,
.fbds-hero--darkgraygradient .fbds-headline-super,
.industry .industry__ver-one .industry-hero--registrations .fbds-headline-super,
.fbds-hero--darkgraygradient .fbds-headline-large,
.industry .industry__ver-one .industry-hero--registrations .fbds-headline-large,
.fbds-hero--darkgraygradient .fbds-headline-medium,
.industry .industry__ver-one .industry-hero--registrations .fbds-headline-medium,
.fbds-hero--darkgraygradient .fbds-headline-small,
.industry .industry__ver-one .industry-hero--registrations .fbds-headline-small {
    color: #FFF
}

.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--angle__top {
    z-index: 0
}

@media screen and (min-width: 64em) {
    .fbds-hero--angle__bottom {
        background-image: url("../images/heroes/angle.svg");
        background-size: cover;
        background-position: center center;
        height: 600px;
        width: auto;
        z-index: 1;
        margin-top: -388px
    }
}

@media screen and (min-width: 90em) {
    .fbds-hero--angle__bottom {
        height: 800px;
        margin-top: -488px
    }
}

.fbds-hero--angle__bottom.gray-light {
    background-image: url("../images/heroes/angle--gray-light.svg")
}

.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-header--salesforce-features {
    background-position: center center;
    background-image: url("../images/salesforce/shapes-and-ui-bg.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

@media screen and (max-width: 57.75em) {
    .fbds-header--salesforce-features {
        background-position: center center;
        background-image: url("../images/salesforce/shapes-and-ui-bg--faded.jpg");
        -moz-background-size: cover;
        -o-background-size: cover;
        -webkit-background-size: cover;
        background-size: cover
    }
}

.fbds-hero--split__right--web-forms {
    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
}

.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--developers {
    background-position: center center;
    background-image: url("../images/online-forms/developers/hero-developers.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--split__right--evaluation-forms {
    background-position: center center;
    background-image: url("../images/online-forms/evaluation-forms/hero-evaluation-forms.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--split__right--request-forms {
    background-position: center center;
    background-image: url("../images/online-forms/request-forms/hero-request-forms.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--split__right--k-12-education-forms {
    background-position: center center;
    background-image: url("../images/online-forms/k-12-education-forms/hero-k-12-education-forms.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--split__right--home-health-care-forms {
    background-position: center center;
    background-image: url("../images/online-forms/home-health-care-forms/hero-home-health-care-forms.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--split__right--therapy-forms {
    background-position: center center;
    background-image: url("../images/online-forms/hero-therapy-forms.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--split__right--customer-service-forms {
    background-position: center center;
    background-image: url("../images/online-forms/hero-customer-service-forms.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--split__right--client-forms {
    background-position: center center;
    background-image: url("../images/online-forms/hero-client-forms.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--split__right--order-forms {
    background-position: center center;
    background-image: url("../images/online-forms/hero-order-forms.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero--split__right--field-service-forms {
    background-position: center center;
    background-image: url("../images/online-forms/hero-field-service-forms.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--government {
    background-position: center center;
    background-image: url("../images/industry/hero_government.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-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--gdpr-compliance-online-forms {
    background-position: center center;
    background-image: url("../images/resources/guide-gdpr.png");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

@media print,
screen and (min-width: 40em) {
    .fbds-hero--salesforce {
        background-position: center center;
        background-image: url("../images/salesforce/shapes-bg-main.jpg");
        -moz-background-size: cover;
        -o-background-size: cover;
        -webkit-background-size: cover;
        background-size: cover;
        background-position: center 470px;
        background-repeat: no-repeat;
        background-size: contain
    }
}

@media screen and (min-width: 64em) {
    .fbds-hero--salesforce {
        background-position: center 320px
    }
}

.fbds-header--alternate {
    background-color: #1C2F3A;
    background-position: center center;
    background-repeat: no-repeat
}

.fbds-header--alternate .title-bar-title {
    color: #FFF
}

.fbds-header--alternate .fbds-nav--container {
    background-color: transparent
}

.fbds-header--alternate .fbds-nav--main--white .fbds-nav--main__item:hover>a {
    color: #e6e6e6
}

.fbds-header--alternate .fbds-nav--main--white .fbds-nav--main__item>a {
    color: #FFF
}

.fbds-header--alternate .fbds-nav--main--white .fbds-nav--main__item>a:hover {
    color: #e6e6e6
}

.fbds-header--alternate .fbds-header__content {
    background-color: transparent
}

.fbds-header--alternate .fbds-header__content a {
    color: #FFF
}

.fbds-header--alternate .fbds-header__content a:hover {
    color: #FFF
}

.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--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--ihima .fbds-header__content,
    .fbds-header--IHIMA .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--healthcare-marketing-trends {
    background-position: center center;
    background-image: url("../images/industry/healthcare/marketing-trends/gated-hero.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-header--industry-higher-education {
    background-position: center center;
    background-image: url("../images/industry/hero_education.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-header--industry-higher-education-lead-generation {
    background-position: center center;
    background-image: url("../images/industry/hero_education-lead-gen.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-header--industry-higher-education-alumni-forms {
    background-position: center center;
    background-image: url("../images/industry/hero_education-alumni.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-header--industry-higher-education-student-health {
    background-position: center center;
    background-image: url("../images/industry/hero_education-student-health.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-header--industry-higher-education-student-forms {
    background-position: center center;
    background-image: url("../images/industry/hero_education-current-students.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-header--industry-higher-education-student-engagement {
    background-position: center center;
    background-image: url("../images/industry/hero_education-student-engagement.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--industry-healthcare-healthcare-marketing-solutions {
    background-position: center center;
    background-image: url("../images/industry/healthcare/marketing-solutions-hero.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-header--medical-office-management-tips,
.fbds-header--paperless-healthcare-kit {
    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--industry-healthcare-hospital-marketing-tips,
.fbds-header--industry-healthcare-medical-practice-marketing-tips {
    background-position: center center;
    background-image: url("../images/industry/healthcare/marketing-tips--background.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--offline-forms {
    background-position: center center;
    background-image: url("../images/add-ons/offline-forms-hero.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: 57.75em) {
    .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.html");
    -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--mobile-healthcare-white-paper {
    background-position: center center;
    background-image: url("../images/resources/heros/mobile-healthcare-white-paper.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-header--workflow-automation-2018 {
    background-position: center center;
    background-image: url("../images/reports/2018/hero.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-header--healthcare-workflow-automation-2018 {
    background-position: center center;
    background-image: url("../images/reports/2018/healthcare-hero.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-header--education-workflow-automation-2018 {
    background-position: center center;
    background-image: url("../images/reports/2018/education-hero.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--dreamforce-party {
    background-position: center center;
    background-image: url("../images/dreamforce/hakkasan.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-header--himss {
    background-position: center center;
    background-image: url("../images/himss/himss19_bg.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-header--press {
    background-position: center center;
    background-image: url("../images/press/header2.png");
    -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
}

.fbds-header--getting-started {
    background-position: center center;
    background-image: url("../images/resources/heros/hero-getting-started.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.getting-started-cta {
    background-position: center center;
    background-image: url("../images/resources/getting-started-cta--background.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-header--newsletter,
.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
}

.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
}

.fbds-header--enhancing-the-flow-and-protection-of-ePHI {
    background-position: center center;
    background-image: url("../images/ppc/ppc-ephi-hero.png");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-header--payment-gateway-quiz-results {
    background-position: center center;
    background-image: url("../images/integrations/payments/quiz-hero-results.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

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

    .fbds-header--payment-gateway-quiz,
    .fbds-header--payment-gateway-quiz-results {
        background-position: center center;
        background-image: url("../images/integrations/payments/quiz-hero.jpg");
        -moz-background-size: cover;
        -o-background-size: cover;
        -webkit-background-size: cover;
        background-size: cover
    }
}

.hero-circles__winner {
    height: 90px;
    width: auto;
    animation: subtle-bounce 4s ease-in-out infinite
}

.hero-circles__container {
    position: relative;
    height: 500px
}

.hero-circles__circle {
    height: 150px;
    width: auto;
    position: absolute
}

.hero-circles__circle.first-data {
    top: 45px;
    left: 75px;
    height: 160px;
    animation: subtle-bounce 4s ease-in-out infinite
}

.hero-circles__circle.bambora {
    top: 0px;
    left: 275px;
    height: 150px;
    animation: subtle-bounce 3s ease-in-out infinite
}

.hero-circles__circle.wepay {
    top: 53px;
    left: 463px;
    height: 110px;
    animation: subtle-bounce 5s ease-in-out infinite
}

.hero-circles__circle.chargify {
    top: 410px;
    left: 340px;
    height: 110px;
    animation: subtle-bounce 4s ease-in-out infinite
}

.hero-circles__circle.authorize {
    top: 215px;
    left: 0;
    height: 140px;
    animation: subtle-bounce 3.75s ease-in-out infinite
}

.hero-circles__circle.paypal {
    top: 325px;
    left: 113px;
    height: 200px;
    animation: subtle-bounce 4.25s ease-in-out infinite
}

.hero-circles__circle.dwolla {
    top: 200px;
    left: 205px;
    height: 110px;
    animation: subtle-bounce 3.9s ease-in-out infinite
}

.hero-circles__circle.stripe {
    top: 180px;
    left: 355px;
    height: 215px;
    animation: subtle-bounce 3.25s ease-in-out infinite
}

@media screen and (min-width: 1148px) {
    .hero-circles__circle.first-data {
        left: 125px
    }

    .hero-circles__circle.bambora {
        left: 325px
    }

    .hero-circles__circle.wepay {
        left: 525px
    }

    .hero-circles__circle.chargify {
        left: 390px
    }

    .hero-circles__circle.authorize {
        left: 50px
    }

    .hero-circles__circle.paypal {
        left: 163px
    }

    .hero-circles__circle.dwolla {
        left: 255px
    }

    .hero-circles__circle.stripe {
        left: 405px
    }
}

.fbds-list {
    padding: 0;
    margin: 0
}

.fbds-list--checklist {
    list-style: none
}

.fbds-list--checklist li:before {
    font-family: 'fs-font-icon';
    content: '\e013';
    margin: 0 4px 0 -15px;
    color: #7BC143;
    vertical-align: middle
}

.fbds-list--angle-right {
    list-style: none;
    padding-left: .625rem
}

.fbds-list--angle-right li:before {
    font-family: 'fs-font-icon';
    content: '\73';
    margin: 0 1px 0 -15px;
    color: #7BC143;
    vertical-align: middle
}

.fbds-list--large {
    font-size: 1.125rem
}

@media screen and (min-width: 40em) {
    .fbds-list--large {
        font-size: 1.375rem
    }
}

.fbds-ordered-list {
    padding-left: 0;
    margin-left: .9375rem
}

.fbds-ordered-list li {
    padding-left: .3125rem;
    padding-bottom: .3125rem
}

.fbds-icon-list-item__img {
    height: 1.0625rem;
    width: auto
}

.fbds-icon-list-item__text {
    vertical-align: middle;
    margin-left: .3125rem
}

.fbds-icon-list-item__text a {
    color: #455560
}

.fbds-icon-list-item__text a:hover {
    color: #1C2F3A
}

.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: "\73"
}

.fbds-link-arrow--left:before {
    content: '\e0ec'
}

.fbds-link-arrow:after,
.fbds-link-arrow--left:before {
    font-family: 'fs-font-icon';
    vertical-align: middle;
    display: inline-block;
    margin-top: -1px
}

.fbds-image-wrap {
    background-color: #FFF;
    padding: .9375rem;
    -moz-border-radius: .1875rem;
    -webkit-border-radius: .1875rem;
    border-radius: .1875rem
}

.fbds-search {
    display: block;
    position: relative;
    font-size: 17px;
    margin-bottom: 0
}

.fbds-search input {
    color: #1C2F3A;
    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::placeholder {
    color: #455560
}

.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 .fi-search {
    left: 12px;
    top: 50%;
    margin-top: -13px;
    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: 60px;
    overflow: hidden;
    border-radius: .1875rem;
    -moz-transition: width .5s;
    -o-transition: width .5s;
    -webkit-transition: width .5s;
    transition: width .5s
}

.fbds-search__input {
    background: #FFF;
    width: 100%;
    height: 60px;
    margin: 0;
    padding: 0px 55px 0px 20px;
    font-size: 22px;
    color: #455560;
    border-radius: .1875rem;
    border: 0
}

@media screen and (max-width: 39.9375em) {
    .fbds-search__input {
        font-size: 17px
    }
}

.fbds-search__input:focus {
    border: 0
}

.fbds-search__input::placeholder {
    color: #455560
}

.fbds-search__input--gray-light {
    background: #F1F5F6
}

.fbds-search__input--gray-light:focus {
    border: .0625rem solid #455560;
    background: #FFF
}

.fbds-search__icon,
.fbds-search__icon--submit {
    width: 50px;
    height: 60px;
    display: block;
    position: absolute;
    top: 0;
    font-size: 1.25rem;
    right: 0;
    padding: 0;
    margin: 0;
    border: 0;
    outline: 0;
    line-height: 60px;
    text-align: center;
    cursor: pointer;
    color: #FFF;
    background: #1C2F3A
}

.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: .1875rem;
    -webkit-border-radius: .1875rem;
    border-radius: .1875rem
}

@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: 'fs-font-icon'
}

.fbds-chart .fbds-chart__item.fbds-chart__item--con:before {
    content: '\e1a8';
    color: #E83030;
    margin: 0 5px 0 -18px
}

.fbds-chart .fbds-chart__item.fbds-chart__item--pro:before {
    content: '\e012';
    color: #7BC143;
    margin: 0 5px 0 -21px
}

.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
}

.animate {
    -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
}

.animate-medium-speed {
    -moz-animation-duration: 0.5s;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -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
}

.fadeIn {
    -moz-animation-name: fadeIn;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.fadeInDown {
    -moz-animation-name: fadeInDown;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

.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
}

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
    -moz-animation-duration: 0.75s;
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s
}

.fadeIn {
    -moz-animation-name: fadeIn;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.fadeInUp {
    -moz-animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

.fadeInRight {
    -moz-animation-name: fadeInRight;
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

.fadeInLeft {
    -moz-animation-name: fadeInLeft;
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

.fadeInDown {
    -moz-animation-name: fadeInDown;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-moz-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-moz-keyframes fadeInUp {
    from {
        opacity: 0;
        -moz-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        -moz-transform: none;
        transform: none
    }
}

@-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;
        -moz-transform: translate3d(0, 100%, 0);
        -ms-transform: translate3d(0, 100%, 0);
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        -moz-transform: none;
        -ms-transform: none;
        -webkit-transform: none;
        transform: none
    }
}

@-moz-keyframes fadeInRight {
    from {
        opacity: 0;
        -moz-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    to {
        opacity: 1;
        -moz-transform: none;
        transform: none
    }
}

@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        -moz-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    to {
        opacity: 1;
        -moz-transform: none;
        -ms-transform: none;
        -webkit-transform: none;
        transform: none
    }
}

@-moz-keyframes fadeInLeft {
    from {
        opacity: 0;
        -moz-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    to {
        opacity: 1;
        -moz-transform: none;
        transform: none
    }
}

@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        -moz-transform: translate3d(-100%, 0, 0);
        -ms-transform: translate3d(-100%, 0, 0);
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    to {
        opacity: 1;
        -moz-transform: none;
        -ms-transform: none;
        -webkit-transform: none;
        transform: none
    }
}

@-moz-keyframes fadeInDown {
    from {
        opacity: 0;
        -moz-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    to {
        opacity: 1;
        -moz-transform: none;
        transform: none
    }
}

@-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;
        -moz-transform: translate3d(0, -100%, 0);
        -ms-transform: translate3d(0, -100%, 0);
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    to {
        opacity: 1;
        -moz-transform: none;
        -ms-transform: none;
        -webkit-transform: none;
        transform: none
    }
}

@-moz-keyframes popin {
    0% {
        -moz-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }

    85% {
        -moz-transform: scale(1.05);
        transform: scale(1.05);
        opacity: 1
    }

    100% {
        -moz-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@-webkit-keyframes popin {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }

    85% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes popin {
    0% {
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }

    85% {
        -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        opacity: 1
    }

    100% {
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@-moz-keyframes slideInRight {
    0% {
        left: -100vw;
        opacity: 0
    }

    80% {
        left: 10px;
        opacity: 1
    }

    100% {
        left: 0;
        opacity: 1
    }
}

@-webkit-keyframes slideInRight {
    0% {
        left: -100vw;
        opacity: 0
    }

    80% {
        left: 10px;
        opacity: 1
    }

    100% {
        left: 0;
        opacity: 1
    }
}

@keyframes slideInRight {
    0% {
        left: -100vw;
        opacity: 0
    }

    80% {
        left: 10px;
        opacity: 1
    }

    100% {
        left: 0;
        opacity: 1
    }
}

@-moz-keyframes arrowSlide {
    from {
        opacity: 0;
        left: 1px
    }

    30% {
        opacity: 1;
        left: 10px
    }

    to {
        opacity: 1;
        left: 10px
    }
}

@-webkit-keyframes arrowSlide {
    from {
        opacity: 0;
        left: 1px
    }

    30% {
        opacity: 1;
        left: 10px
    }

    to {
        opacity: 1;
        left: 10px
    }
}

@keyframes arrowSlide {
    from {
        opacity: 0;
        left: 1px
    }

    30% {
        opacity: 1;
        left: 10px
    }

    to {
        opacity: 1;
        left: 10px
    }
}

@-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
    }
}

@keyframes subtle-bounce {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-6px)
    }

    100% {
        transform: translateY(0)
    }
}

.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 .formfast {
    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 .qualtrics {
    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 .formbuilder123 {
    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 24px;
    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--formfast .formfast {
    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--qualtrics .qualtrics {
    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 .comparison-table--formbuilder123 .formbuilder123 {
    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 .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-comparison-table-wrapper .comparison-table--jotform .alt-checkmark {
    font-size: 1.25rem
}

.fbds-comparison-table-wrapper .comparison-table--jotform .feature-divider-border {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px
}

.fbds-comparison-table-wrapper .comparison-table--jotform .checkmark-border {
    padding-bottom: 5px
}

.fbds-comparison-table-wrapper .comparison-table--jotform .feature div {
    height: 45px
}

.fbds-comparison-table-wrapper .comparison-table--jotform .feature div.formstack {
    background-color: #7BC143;
    color: #FFF
}

.fbds-comparison-table-wrapper .comparison-table--jotform .feature div.feature-name-alt {
    background-color: #F1F5F6;
    color: #455560;
    padding: 9px 25px
}

.fbds-comparison-table-wrapper .comparison-table--jotform .feature div.divider-row__title {
    padding: 8px
}

.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-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: 16rem
    }
}

.fbds-quiz .fsBody .fsForm,
.fbds-quiz .fsEmbed {
    margin: 0;
    padding: 0
}

.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: .1875rem;
    -webkit-border-radius: .1875rem;
    border-radius: .1875rem
}

.fbds-quiz .fsProgressBar {
    background-color: #8B4B9D;
    -moz-border-radius-bottomleft: .1875rem;
    -webkit-border-bottom-left-radius: .1875rem;
    border-bottom-left-radius: .1875rem;
    -moz-border-radius-topleft: .1875rem;
    -webkit-border-top-left-radius: .1875rem;
    border-top-left-radius: .1875rem
}

.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: #455560
}

.fbds-footer a .fi {
    margin-left: .125rem;
    margin-top: -.125rem;
    padding-top: 0
}

.fbds-footer a:hover {
    color: #111c23
}

.fbds-footer .fbds-nav--footer {
    padding-left: 0;
    margin-left: 0;
    list-style: none
}

.fbds-footer .fbds-nav--horizontal {
    list-style: none;
    padding: 0;
    margin: 0
}

.fbds-footer .fbds-nav--horizontal__item.fbds-nav--horizontal__item--social {
    display: inline-block;
    margin-right: .9375rem
}

@media screen and (min-width: 64em) {
    .fbds-footer .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-video-gallery .video-container {
    -moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.05)
}

.fbds-video-gallery .fbds-video-gallery__time {
    display: block
}

@media screen and (max-width: 914px) {
    .fbds-video-gallery .fbds-video-gallery__video {
        width: 100%
    }

    .fbds-video-gallery .fbds-video-gallery__content {
        width: 100%;
        margin-top: 1.875rem
    }
}

.fbds-video-gallery__list {
    background-color: #eaeeef;
    padding: .9375rem
}

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

    .fbds-video-gallery__list .medium-up-5>.column,
    .fbds-video-gallery__list .medium-up-5>.columns {
        width: 33.333%;
        margin-bottom: 1.875rem
    }
}

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

    .fbds-video-gallery__list .medium-up-5>.column,
    .fbds-video-gallery__list .medium-up-5>.columns {
        width: 50%;
        clear: none
    }
}

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

    .fbds-video-gallery__list .medium-up-5>.column,
    .fbds-video-gallery__list .medium-up-5>.columns {
        width: 100%
    }
}

.fbds-webinar {
    overflow: hidden
}

.fbds-webinar .fbds-webinar__content {
    width: 60%;
    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__title {
    width: 100%;
    margin: 0 auto
}

.fbds-webinar .fbds-webinar__content .fbds-section {
    background-color: transparent
}

.fbds-webinar .fbds-webinar__content .fbds-webinar__date-time .fbds-headline-x-small {
    text-transform: uppercase;
    color: #FFF;
    background-color: #1C2F3A;
    display: inline-block;
    padding: 8px 10px 5px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    letter-spacing: 1px;
    margin-bottom: 1.875rem
}

.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: #1C2F3A;
    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__label--holder {
    display: inline-block;
    margin-left: .9375rem
}

.fbds-webinar .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__label {
        margin-top: .9375rem
    }
}

.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 #1C2F3A;
        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 .fsFormatEmail {
    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: block;
    margin-top: 0 !important;
    width: 19%;
    padding: 0 !important;
    vertical-align: text-top;
    float: right
}

.fbds-newsletter-form .fsForm .fsSubmit input.fsSubmitButton {
    padding: 21px 40px;
    border-radius: .1875rem;
    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-newsletter-form .fsOptionLabel {
    color: #FFF;
    line-height: 1.3
}

#dvFastForms label {
    height: 100%;
    line-height: 1.3;
    font-size: 1rem !important
}

#dvFastForms ul.ff-select-to-radiobtn-ul.ff-ext-horizontal .ff-radio-li {
    margin-bottom: 80px
}

@media screen and (max-width: 39.9375em) {
    #dvFastForms ul.ff-select-to-radiobtn-ul.ff-ext-horizontal .ff-radio-li {
        margin-bottom: 60px
    }

    #dvFastForms .ff-col-2.ff-field-col {
        width: 100% !important
    }

    #dvFastForms .ff-radio-li:nth-child(1),
    #dvFastForms .ff-radio-li:nth-child(5) {
        margin-right: 20px !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
    }
}

.fbds-map-wrapper {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 0
}

.fbds-map-wrapper iframe {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute
}

.fbds-warning {
    color: #E83030;
    padding: .9375rem;
    border: .0625rem solid #E83030;
    border-radius: .1875rem
}

.fbds-switch .switch-paddle {
    background-color: #7BC143
}

.fbds-switch .switch-paddle.gray {
    background-color: #455560
}

.fbds-switch input:checked~.switch-paddle {
    background-color: #7BC143
}

.fbds-switch input:checked~.switch-paddle.gray {
    background-color: #455560
}

.fbds-switch .switch-paddle {
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px
}

.fbds-switch .switch-paddle::after {
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px
}

.fbds-switch .switch__label {
    color: #455560;
    border-bottom: 0 none;
    display: inline-block;
    padding-top: .3125rem;
    font-weight: 600;
    vertical-align: top;
    cursor: pointer
}

.fbds-switch .switch__label--left {
    margin-right: .3125rem
}

.fbds-switch .switch__label--right {
    margin-left: .3125rem
}

.fbds-video-mosaic__big {
    background-color: #1C2F3A;
    height: 35.625rem;
    width: 100%;
    position: relative;
    margin-bottom: .9375rem
}

@media screen and (min-width: 64em) {
    .fbds-video-mosaic__big {
        margin-bottom: 0
    }
}

.fbds-video-mosaic__big--wide {
    height: 18.75rem
}

@media screen and (min-width: 64em) {
    .fbds-video-mosaic__big--wide {
        height: 35.625rem
    }
}

.fbds-video-mosaic__video-container {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
    opacity: .9
}

.fbds-video-mosaic__tiny {
    width: 100%;
    height: 17.8125rem;
    background-color: #1C2F3A;
    position: relative;
    margin-bottom: .9375rem
}

@media screen and (min-width: 64em) {
    .fbds-video-mosaic__tiny {
        margin-bottom: 0
    }
}

.fbds-video-mosaic__tiny--top {
    background-position: center center;
    background-image: url("../images/customers/thumb-case-study-vid-two.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-video-mosaic__tiny--btm {
    background-position: center center;
    background-image: url("../images/customers/thumb-case-study-vid-three.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-video-mosaic__tiny-text {
    color: #FFF;
    text-align: center;
    position: absolute;
    padding: 0 1.25rem;
    top: 9.0625rem;
    width: 100%
}

.fbds-video-mosaic__play,
.fbds-video-mosaic__play--small {
    -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);
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.05);
    background-color: #FFF;
    color: #1C2F3A;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2
}

.fbds-video-mosaic__play:hover,
.fbds-video-mosaic__play--small:hover {
    -moz-transform: translateX(0px) scale(1.25);
    -ms-transform: translateX(0px) scale(1.25);
    -webkit-transform: translateX(0px) scale(1.25);
    transform: translateX(0px) scale(1.25);
    -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);
    cursor: pointer
}

.fbds-video-mosaic__play .fi,
.fbds-video-mosaic__play--small .fi {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2
}

.fbds-video-mosaic__play {
    font-size: 1rem;
    height: 3.75rem;
    width: 3.75rem;
    margin-left: -1.875rem;
    margin-top: -5.9375rem
}

.fbds-video-mosaic__play .fi {
    margin-left: -.3125rem;
    margin-top: -.5625rem
}

@media screen and (min-width: 40em) {
    .fbds-video-mosaic__play {
        margin-top: -1.875rem
    }
}

@media screen and (min-width: 40em) {
    .fbds-video-mosaic__play--centered {
        margin-top: -5rem
    }
}

.fbds-video-mosaic__play--small {
    font-size: .875rem;
    height: 1.875rem;
    width: 1.875rem;
    margin-left: -.9375rem;
    margin-top: -2.1875rem
}

.fbds-video-mosaic__play--small .fi {
    margin-left: -.25rem;
    margin-top: -.4375rem
}

.fbds-video-mosaic__video-content,
.fbds-video-mosaic__video-content--centered {
    position: absolute;
    z-index: 2
}

.fbds-video-mosaic__video-content {
    background-color: #F1F5F6;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
    padding: .9375rem
}

@media screen and (min-width: 40em) {
    .fbds-video-mosaic__video-content {
        left: 1.875rem;
        bottom: 1.5625rem;
        width: auto;
        text-align: left
    }
}

.fbds-video-mosaic__video-content--centered {
    width: auto;
    top: 48%
}

@media screen and (min-width: 40em) {
    .fbds-video-mosaic__video-content--centered {
        margin-left: -13.75rem;
        left: 50%
    }
}

.fbds-video-mosaic__video-text {
    margin-top: .3125rem
}

@media screen and (min-width: 40em) {
    .fbds-video-mosaic__video-text {
        float: right;
        margin-top: 0;
        width: 26.5625rem;
        margin-left: .9375rem;
        margin-top: .625rem
    }
}

.fbds-video-mosaic__overlay {
    position: absolute;
    z-index: 1;
    background-color: #1C2F3A;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: .7
}

.fbds-logo-line {
    list-style: none;
    padding: 0;
    margin-bottom: 0
}

@media screen and (min-width: 40em) {
    .fbds-logo-line {
        margin-bottom: .9375rem
    }
}

.fbds-logo-line__item {
    display: inline-block;
    margin-bottom: .9375rem;
    width: 49%
}

@media screen and (min-width: 40em) {
    .fbds-logo-line__item {
        padding: 0 .3125rem;
        margin-bottom: none;
        width: auto
    }
}

@media screen and (min-width: 64em) {
    .fbds-logo-line__item {
        padding: 0 .9375rem
    }
}

.fbds-logo-line__item .fbds-logo-line__image {
    height: auto
}

@media screen and (min-width: 40em) {
    .fbds-logo-line__item .fbds-logo-line__image {
        width: 100px
    }
}

@media screen and (min-width: 64em) {
    .fbds-logo-line__item .fbds-logo-line__image {
        width: 150px
    }
}

.fbds-nav--fixed {
    position: fixed;
    width: 100%;
    background: #FFF;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12);
    top: 0
}

.fbds-header--index .fbds-nav--container {
    margin-bottom: -70px
}

.fbds-header--index .fbds-header__content {
    padding: 6.875rem 0 3.75rem
}

.fbds-promotions--hide {
    display: none
}

.fbds-promotions--show {
    display: block
}

@media screen and (min-width: 40em) {
    .fbds-checklist {
        padding-left: 1.875rem
    }
}

.fbds-checklist__item-container {
    display: block;
    position: relative;
    padding-left: 1.875rem;
    margin-bottom: .3125rem;
    font-size: 1rem;
    color: #455560
}

.fbds-checklist__item-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer
}

.fbds-checklist__item-container input:checked~.fbds-checklist__check {
    background-color: #7BC143
}

.fbds-checklist__item-container input:checked~.fbds-checklist__check:after {
    display: block
}

.fbds-checklist__check {
    position: absolute;
    top: 5px;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #C2CDD5;
    border-radius: 2px;
    cursor: pointer
}

.fbds-checklist__check:after {
    content: "";
    position: absolute;
    display: none;
    left: 7px;
    top: 3px;
    width: 7px;
    height: 12px;
    border: solid #FFF;
    border-width: 0 .1875rem .1875rem 0;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.fbds-checklist__check:hover {
    background-color: #b8c3ca
}

.fbds-bg--off-right,
.fbds-bg--off-left {
    height: 50rem;
    top: -3.125rem;
    z-index: 0;
    display: none
}

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

    .fbds-bg--off-right,
    .fbds-bg--off-left {
        display: block;
        position: absolute;
        top: 15.3125rem;
        -moz-background-size: contain;
        -o-background-size: contain;
        -webkit-background-size: contain;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: top center;
        width: 100%
    }
}

@media screen and (min-width: 64em) {

    .fbds-bg--off-right,
    .fbds-bg--off-left {
        width: 50rem;
        left: -29%;
        top: -3.125rem
    }
}

@media screen and (min-width: 64em) {
    .fbds-bg--off-right {
        left: 42%
    }
}

@media screen and (min-width: 75em) {
    .fbds-bg--off-right {
        left: 45%
    }
}

@media screen and (min-width: 90em) {
    .fbds-bg--off-right {
        left: 52%
    }
}

@media screen and (min-width: 64em) {
    .fbds-bg--off-left {
        left: -29%
    }
}

@media screen and (min-width: 75em) {
    .fbds-bg--off-left {
        left: -19%
    }
}

@media screen and (min-width: 90em) {
    .fbds-bg--off-left {
        left: -8%
    }
}

.fbds-bg--off-content {
    position: relative;
    z-index: 1
}

@media screen and (min-width: 40em) {
    .fbds-bg--off-content {
        padding: 0 0 28.125rem 0
    }
}

@media screen and (min-width: 64em) {
    .fbds-bg--off-content {
        padding: 9.6875rem 0
    }
}

@media screen and (min-width: 40em) and (max-width: 57.75em) {
    .fbds-bg--off-content-large-only {
        padding-bottom: 0
    }
}

@media screen and (min-width: 64em) {
    .fbds-bg--off-content-large-only {
        padding: 9.6875rem 0
    }
}

.fbds-hero-blob {
    display: none
}

@media screen and (min-width: 1024px) {
    .fbds-hero-blob {
        display: block
    }
}

.fbds-hero-blob__layer,
.fbds-hero-blob__layer--top,
.fbds-hero-blob__layer--bottom,
.fbds-hero-blob__layer--image {
    position: absolute;
    right: 0;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.fbds-hero-blob__layer--top,
.fbds-hero-blob__layer--bottom {
    height: 100%;
    width: 45rem;
    top: 0
}

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

    .fbds-hero-blob__layer--top,
    .fbds-hero-blob__layer--bottom {
        width: 640px
    }
}

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

    .fbds-hero-blob__layer--top,
    .fbds-hero-blob__layer--bottom {
        width: 672px
    }
}

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

    .fbds-hero-blob__layer--top,
    .fbds-hero-blob__layer--bottom {
        width: 750px
    }
}

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

    .fbds-hero-blob__layer--top,
    .fbds-hero-blob__layer--bottom {
        width: 848px
    }
}

.fbds-hero-blob__layer--bottom {
    z-index: 1
}

.fbds-hero-blob__layer--image {
    display: none;
    background-image: url("../images/heroes/_slide--employee-engagement.jpg");
    z-index: 2;
    top: 88px
}

@media screen and (min-width: 1024px) {
    .fbds-hero-blob__layer--image {
        width: 560px;
        height: 475px
    }
}

@media screen and (min-width: 1160px) {
    .fbds-hero-blob__layer--image {
        width: 592px;
        height: 496px
    }
}

@media screen and (min-width: 1250px) {
    .fbds-hero-blob__layer--image {
        width: 640px;
        height: 528px
    }
}

@media screen and (min-width: 1535px) {
    .fbds-hero-blob__layer--image {
        width: 736px
    }
}

@media screen and (min-width: 1830px) {
    .fbds-hero-blob__layer--image {
        right: 190px;
        width: 750px
    }
}

.fbds-hero-blob__layer--top {
    z-index: 3;
    opacity: 0.6
}

.fbds-blob {
    position: absolute;
    height: 720px;
    width: 720px;
    top: 200px;
    -moz-background-size: contain;
    -o-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 0
}

.fbds-blob--center {
    top: 57%;
    left: 50%;
    transform: translate(-50%, -53%);
    height: 600px;
    width: 800px
}

.fbds-blob--left {
    display: none
}

@media screen and (min-width: 1024px) {
    .fbds-blob--left {
        display: block;
        height: 650px;
        width: 650px;
        left: -23%;
        top: 210px
    }
}

@media screen and (min-width: 1085px) {
    .fbds-blob--left {
        height: 688px;
        width: 688px;
        left: -25%
    }
}

@media screen and (min-width: 1135px) {
    .fbds-blob--left {
        left: -22%;
        top: 240px
    }
}

@media screen and (min-width: 1200px) {
    .fbds-blob--left {
        left: -17%
    }
}

@media screen and (min-width: 1300px) {
    .fbds-blob--left {
        left: -15%
    }
}

@media screen and (min-width: 1340px) {
    .fbds-blob--left {
        left: -7%
    }
}

@media screen and (min-width: 1390px) {
    .fbds-blob--left {
        left: -4%
    }
}

@media screen and (min-width: 1535px) {
    .fbds-blob--left {
        left: 3%
    }
}

@media screen and (min-width: 1700px) {
    .fbds-blob--left {
        left: 7%
    }
}

@media screen and (min-width: 1900px) {
    .fbds-blob--left {
        left: 8%
    }
}

.fbds-blob--left__content-pair {
    display: block
}

@media screen and (min-width: 1024px) {
    .fbds-blob--left__content-pair {
        margin-left: 40%
    }
}

@media screen and (min-width: 1340px) {
    .fbds-blob--left__content-pair {
        margin-left: 46%
    }
}

@media screen and (min-width: 1535px) {
    .fbds-blob--left__content-pair {
        margin-left: 54%
    }
}

@media screen and (min-width: 64em) {
    .fbds-blob--right {
        left: 42%
    }
}

@media screen and (min-width: 75em) {
    .fbds-blob--right {
        left: 45%
    }
}

@media screen and (min-width: 90em) {
    .fbds-blob--right {
        left: 52%
    }
}

@media screen and (min-width: 1900px) {
    .fbds-blob--right {
        left: 50%
    }
}

.fbds-blob__screenshot {
    position: absolute;
    height: 278px;
    top: 320px;
    left: 1%;
    -moz-background-size: contain;
    -o-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 2
}

.fbds-blob--large-up {
    display: none
}

@media screen and (min-width: 64em) {
    .fbds-blob--large-up {
        display: block
    }
}

.fbds-column-table {
    margin: 1.875rem auto 0
}

.fbds-column-table .fbds-column-table__block {
    position: relative;
    text-align: center;
    width: 100%;
    height: 23.75rem;
    float: none;
    padding: 1.875rem .9375rem;
    margin: 0 auto 1.875rem
}

@media screen and (min-width: 57.8125em) {
    .fbds-column-table .fbds-column-table__block {
        float: left;
        display: block;
        margin: 0;
        width: 20%;
        height: 28.125rem
    }
}

@media screen and (min-width: 64em) {
    .fbds-column-table .fbds-column-table__block {
        height: 24.375rem
    }
}

.fbds-column-table .fbds-column-table__block.left {
    border: .0625rem solid #C2CDD5
}

@media screen and (min-width: 57.8125em) {
    .fbds-column-table .fbds-column-table__block.left {
        border-right: 0
    }
}

.fbds-column-table .fbds-column-table__block.right {
    border: .0625rem solid #C2CDD5
}

@media screen and (min-width: 57.8125em) {
    .fbds-column-table .fbds-column-table__block.right {
        border-left: 0
    }
}

.fbds-column-table .fbds-column-table__block.middle {
    border: .0625rem solid #C2CDD5
}

.fbds-column-table .fbds-column-table__block.callout {
    border-color: #7BC143;
    margin-top: 3.75rem
}

@media screen and (min-width: 57.8125em) {
    .fbds-column-table .fbds-column-table__block.callout {
        margin-top: 0
    }
}

.fbds-column-table .fbds-column-table__desc-text {
    font-size: 1rem
}

.fbds-column-table .fbds-column-table__callout-banner {
    position: absolute;
    top: -1.75rem;
    left: -.0625rem;
    right: 0;
    width: 100.25%;
    background-color: #7BC143;
    border: .0625rem solid #7BC143;
    border-radius: .375rem .375rem 0 0
}

@media screen and (min-width: 57.8125em) {
    .fbds-column-table .fbds-column-table__callout-banner {
        width: 101%
    }
}

.fbds-column-table .fbds-column-table__callout-banner p {
    text-transform: uppercase;
    color: #FFF;
    margin-bottom: 0;
    font-weight: 600
}

.fbds-column-table .fbds-column-table__frequency p {
    margin-top: -.375rem;
    color: #6C7A85
}

.fbds-column-table .fbds-column-table__contact {
    position: absolute;
    bottom: 43%;
    left: 0;
    right: 0;
    margin: 0 auto
}

.fbds-column-table .fbds-column-table__price {
    position: absolute;
    bottom: 41%;
    left: 0;
    right: 0;
    margin: 0 auto
}

@media screen and (min-width: 409px) {
    .fbds-column-table .fbds-column-table__price {
        bottom: 44%
    }
}

@media screen and (min-width: 925px) {
    .fbds-column-table .fbds-column-table__price {
        bottom: 38%
    }
}

@media screen and (min-width: 1145px) {
    .fbds-column-table .fbds-column-table__price {
        bottom: 41%
    }
}

.fbds-column-table .price--annual {
    display: none
}

.fbds-column-table .fbds-column-table__users-forms {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 7.8125rem;
    margin: 0 auto
}

@media screen and (max-width: 897px) {
    .fbds-column-table .fbds-column-table__users-forms {
        bottom: 7.8125rem
    }
}

.fbds-column-table .fbds-column-table__button {
    position: absolute;
    bottom: 2.5rem;
    left: 0;
    right: 0;
    margin: .625rem
}

.fbds-column-table .fbds-column-table__text-link {
    position: absolute;
    bottom: .8125rem;
    left: 0;
    right: 0;
    margin: auto
}

.fbds-column-table.no-price .fbds-column-table__block {
    height: 17.5rem
}

@media screen and (min-width: 57.8125em) {
    .fbds-column-table.no-price .fbds-column-table__block {
        height: 20.625rem
    }
}

@media screen and (min-width: 64em) {
    .fbds-column-table.no-price .fbds-column-table__block {
        height: 18.75rem
    }
}

.fbds-column-table.no-price .fbds-column-table__price,
.fbds-column-table.no-price .fbds-column-table__contact {
    display: none
}

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

.fbds-templates__form-container--alt {
    width: 90%;
    margin: 0 auto
}

@media screen and (min-width: 40em) and (max-width: 57.75em) {
    .fbds-templates__form-container--alt {
        width: 80%
    }
}

@media screen and (min-width: 64em) {
    .fbds-templates__form-container--alt {
        width: 100%
    }
}

.fbds-templates__form-holder--alt {
    height: 500px;
    overflow: scroll;
    border-radius: .1875rem;
    box-shadow: 0 0px 30px 5px rgba(0, 0, 0, 0.075);
    position: relative
}

@media screen and (min-width: 40em) and (max-width: 57.75em) {
    .fbds-templates__form-holder--alt {
        height: 600px
    }
}

@media screen and (min-width: 64em) {
    .fbds-templates__form-holder--alt {
        height: 800px;
        width: 100%;
        margin-top: -330px
    }
}

.fbds-templates__form-holder--alt .fsBody {
    padding: 0
}

.fbds-templates__form-holder--alt .fsBody .fsForm {
    padding: 40px;
    margin: 0
}

.fbds-stack-offset,
.fbds-stack-offset--hero,
.fbds-stack-offset--small {
    position: relative;
    text-align: left
}

.fbds-stack-offset .content,
.fbds-stack-offset--hero .content,
.fbds-stack-offset--small .content {
    padding: 1.875rem;
    color: #455560;
    background-color: #FFF
}

.fbds-stack-offset .content.padding-large,
.fbds-stack-offset--hero .content.padding-large,
.fbds-stack-offset--small .content.padding-large {
    padding: 3.75rem
}

.fbds-stack-offset .content .fbds-headline,
.fbds-stack-offset--hero .content .fbds-headline,
.fbds-stack-offset--small .content .fbds-headline {
    color: #1C2F3A
}

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

    .fbds-stack-offset--hero .fbds-stack-offset__over,
    .fbds-stack-offset--hero .fbds-stack-offset__under {
        width: 75%;
        margin: 0 auto
    }

    .fbds-stack-offset--hero .fbds-stack-offset__over {
        margin-top: -200px
    }
}

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

    .fbds-stack-offset--hero .fbds-stack-offset__over,
    .fbds-stack-offset--hero .fbds-stack-offset__under {
        width: 550px;
        margin: inherit
    }

    .fbds-stack-offset--hero .fbds-stack-offset__over.right,
    .fbds-stack-offset--hero .fbds-stack-offset__under.right {
        margin-left: 500px;
        margin-top: 150px
    }

    .fbds-stack-offset--hero .fbds-stack-offset__over {
        margin-top: -480px;
        margin-left: 65px
    }
}

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

    .fbds-stack-offset--hero .fbds-stack-offset__over,
    .fbds-stack-offset--hero .fbds-stack-offset__under {
        width: 590px
    }

    .fbds-stack-offset--hero .fbds-stack-offset__over.right,
    .fbds-stack-offset--hero .fbds-stack-offset__under.right {
        margin-top: 100px
    }

    .fbds-stack-offset--hero .fbds-stack-offset__over {
        margin-top: -490px
    }
}

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

    .fbds-stack-offset--hero .fbds-stack-offset__over,
    .fbds-stack-offset--hero .fbds-stack-offset__under {
        width: 650px
    }

    .fbds-stack-offset--hero .fbds-stack-offset__over {
        margin-top: -350px
    }
}

.fbds-stack-offset--hero__next-section {
    padding-top: 800px
}

@media screen and (min-width: 488px) {
    .fbds-stack-offset--hero__next-section {
        padding-top: 670px
    }
}

@media screen and (min-width: 630px) {
    .fbds-stack-offset--hero__next-section {
        padding-top: 590px
    }
}

@media screen and (min-width: 768px) {
    .fbds-stack-offset--hero__next-section {
        padding-top: 640px
    }
}

@media screen and (min-width: 864px) {
    .fbds-stack-offset--hero__next-section {
        padding-top: 540px
    }
}

@media screen and (min-width: 922px) {
    .fbds-stack-offset--hero__next-section {
        padding-top: 330px
    }
}

@media screen and (min-width: 1024px) {
    .fbds-stack-offset--hero__next-section {
        padding-top: 160px
    }
}

@media screen and (min-width: 1100px) {
    .fbds-stack-offset--hero__next-section {
        padding-top: 0
    }
}

.fbds-stack-offset--small .fbds-stack-offset__over,
.fbds-stack-offset--small .fbds-stack-offset__under {
    width: 300px;
    margin: 0 auto 3.75rem
}

.fbds-stack-offset--small .fbds-stack-offset__under {
    display: none
}

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

    .fbds-stack-offset--small .fbds-stack-offset__over,
    .fbds-stack-offset--small .fbds-stack-offset__under {
        width: 100%;
        margin: inherit
    }
}

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

    .fbds-stack-offset--small .fbds-stack-offset__over,
    .fbds-stack-offset--small .fbds-stack-offset__under {
        width: 300px
    }

    .fbds-stack-offset--small .fbds-stack-offset__over.right,
    .fbds-stack-offset--small .fbds-stack-offset__under.right {
        margin-left: 70px
    }

    .fbds-stack-offset--small .fbds-stack-offset__over {
        margin-top: -230px
    }

    .fbds-stack-offset--small .fbds-stack-offset__under {
        display: block
    }
}

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

    .fbds-stack-offset--small .fbds-stack-offset__over,
    .fbds-stack-offset--small .fbds-stack-offset__under {
        width: 350px
    }

    .fbds-stack-offset--small .fbds-stack-offset__over.right,
    .fbds-stack-offset--small .fbds-stack-offset__under.right {
        margin-left: 50px
    }

    .fbds-stack-offset--small .fbds-stack-offset__over {
        margin-top: -250px
    }
}

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

    .fbds-stack-offset--small .fbds-stack-offset__over,
    .fbds-stack-offset--small .fbds-stack-offset__under {
        width: 400px
    }

    .fbds-stack-offset--small .fbds-stack-offset__over {
        margin-top: -300px
    }
}

.fbds-stack-offset__over,
.fbds-stack-offset__under {
    position: relative;
    -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)
}

.fbds-stack-offset__over {
    z-index: 3
}

.fbds-stack-offset__under {
    z-index: 2
}

a.feature-box {
    -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-border-radius: .1875rem;
    -webkit-border-radius: .1875rem;
    border-radius: .1875rem;
    padding: 20px;
    border: 1px solid #F1F5F6;
    display: block;
    position: relative;
    color: #455560
}

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 #455560 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 #455560;
    position: absolute;
    top: 50%;
    margin-top: -10px;
    right: -11px
}

a.feature-box:hover,
a.feature-box.feature-box--active {
    background-color: #455560;
    border: 1px solid #455560;
    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
}

a.feature-box--green-accent {
    -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-border-radius: .1875rem;
    -webkit-border-radius: .1875rem;
    border-radius: .1875rem;
    padding: 20px 25px;
    padding-left: 27px;
    border: .0625rem solid #D3DBE2;
    display: block;
    position: relative;
    color: #1C2F3A
}

a.feature-box--green-accent.active {
    background-color: #F1F5F6;
    border-left: .9375rem solid #7BC143;
    padding-left: calc(25px - 0.75rem)
}

a.feature-box--green-accent:hover {
    color: #455560;
    background-color: #F1F5F6
}

.feature-box__toggled-content {
    -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
}

.jquery-background-video-wrapper {
    position: relative;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

.jquery-background-video {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    min-width: 100%;
    height: auto;
    min-height: 100%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -o-object-fit: cover;
    object-fit: cover
}

.js .jquery-background-video {
    -webkit-transition: opacity 300ms linear;
    transition: opacity 300ms linear;
    opacity: 0
}

.js .jquery-background-video.is-visible {
    opacity: 1
}

.jquery-background-video-pauseplay {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 20px;
    height: 20px;
    padding: 0 !important;
    cursor: pointer;
    border: none !important;
    outline: none !important;
    background: transparent !important;
    box-shadow: none !important
}

.jquery-background-video-pauseplay span {
    display: none
}

.jquery-background-video-pauseplay:after,
.jquery-background-video-pauseplay:before {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.jquery-background-video-pauseplay.play:before {
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #fff
}

.jquery-background-video-pauseplay.pause:after,
.jquery-background-video-pauseplay.pause:before {
    border-top: 10px solid #fff;
    border-bottom: 10px solid #fff;
    border-left: 5px solid #fff
}

.jquery-background-video-pauseplay.pause:after {
    left: 10px
}

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

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

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

.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

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

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

.slick-track:after {
    clear: both
}

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

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

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

.slick-slide img {
    display: block
}

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

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

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

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

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

.slick-slide:focus {
    outline: 0
}

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

.slick-loading .slick-list {
    background: #FFF url("images/ajax-loader.gif.html") center center no-repeat
}

.slick-next,
.slick-prev {
    font-size: 1.0625rem;
    font-weight: normal;
    font-style: normal;
    line-height: 0;
    position: absolute;
    z-index: 9999;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    cursor: pointer;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
    -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)
}

.slick-next:hover,
.slick-prev:hover {
    -moz-transform: translateX(0px) scale(1.25);
    -ms-transform: translateX(0px) scale(1.25);
    -webkit-transform: translateX(0px) scale(1.25);
    transform: translateX(0px) scale(1.25)
}

.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover {
    color: transparent;
    outline: none;
    background: transparent
}

.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
    opacity: 1
}

.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
    opacity: .25
}

.slick-next:before,
.slick-prev:before {
    font-family: "fs-font-icon";
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: #1C2F3A;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-prev {
    left: 10px
}

[dir='rtl'] .slick-prev {
    right: 10px;
    left: auto
}

.slick-prev:before {
    content: "r"
}

[dir='rtl'] .slick-prev:before {
    content: "s"
}

.slick-next {
    right: 5px
}

[dir='rtl'] .slick-next {
    right: auto;
    left: 5px
}

.slick-next:before {
    content: "s"
}

[dir='rtl'] .slick-next:before {
    content: "r"
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent
}

.slick-dots li button:focus,
.slick-dots li button:hover {
    outline: none
}

.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
    opacity: 1
}

.slick-dots li button:before {
    font-family: "fs-font-icon";
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: "·";
    text-align: center;
    opacity: .25;
    color: #1C2F3A;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: #1C2F3A
}

.content-rotator-wrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 415px;
    background: #F1F5F6;
    -moz-border-radius: .1875rem;
    -webkit-border-radius: .1875rem;
    border-radius: .1875rem
}

.content-rotator-badge {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    padding: .3125rem .9375rem;
    color: #FFF;
    background-color: #455560;
    -moz-border-radius-bottomleft: .1875rem;
    -webkit-border-bottom-left-radius: .1875rem;
    border-bottom-left-radius: .1875rem
}

.content-rotator__item {
    padding: 4.6875rem 0
}

.content-rotator__image {
    width: 12.5rem;
    height: 16.1875rem;
    margin: 0 auto;
    -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);
    -moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.05)
}

.slick-current .content-rotator__image {
    -moz-transform: translateX(0px) scale(1.3);
    -ms-transform: translateX(0px) scale(1.3);
    -webkit-transform: translateX(0px) scale(1.3);
    transform: translateX(0px) scale(1.3)
}

.content-slider {
    overflow: hidden
}

.content-slider--no-arrows .unslider-arrow {
    display: none
}

.slide {
    height: auto;
    width: 100%
}

.slide .hero-quote {
    line-spacing: 2rem
}

@media screen and (max-width: 39.9375em) {
    .slide {
        padding: 130px 0 100px;
        height: auto
    }
}

a.unslider-arrow {
    position: absolute;
    font-size: 65px;
    color: #455560;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: .7;
    border-bottom: 0
}

@media screen and (max-width: 39.9375em) {
    a.unslider-arrow {
        display: none
    }
}

a.unslider-arrow.prev {
    left: 20px
}

@media screen and (max-width: 39.9375em) {
    a.unslider-arrow.prev {
        left: auto;
        right: 50px
    }
}

a.unslider-arrow.next {
    right: 20px;
    border-bottom: 0
}

@media screen and (max-width: 39.9375em) {
    a.unslider-arrow.next {
        right: 15px
    }
}

a.unslider-arrow:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    color: #6C7A85
}

@media screen and (max-width: 39.9375em) {
    a.unslider-arrow {
        top: auto;
        bottom: 7px;
        font-size: 55px
    }
}

.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
}

/*! 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
}

body,
html {
    width: 100%;
    height: 100%
}

body {
    font-family: "Rubik", sans-serif
}

p {
    margin-bottom: .9375rem;
    font-size: 1.0625rem;
    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
}

.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--fi-icon-set .fi {
    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
}

.vertical-align-top {
    vertical-align: top !important
}

.horizontal-align-center {
    margin: 0 auto
}

.background--gray-dark {
    background-color: #1C2F3A !important
}

.background--gray {
    background-color: #455560 !important
}

.background--gray-light {
    background-color: #F1F5F6 !important
}

.background--green {
    background-color: #7BC143 !important
}

.border-radius {
    border-radius: .1875rem
}

.border-radius--circular {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

@media screen and (min-width: 64em) {
    .border-right--slate--large-up {
        border-right: thin solid #C2CDD5
    }
}

@media screen and (min-width: 64em) {
    .border-right--slate--large-up {
        border-right: thin solid #C2CDD5
    }
}

@media screen and (min-width: 40em) {
    .border-right--slate--medium-up {
        border-right: thin solid #C2CDD5
    }
}

@media screen and (min-width: 40em) {
    .border-right--lightgray--medium-up {
        border-right: thin solid #F1F5F6
    }
}

.border-top--gray-light {
    border-top: 1px solid #F1F5F6
}

.border-solid--green {
    border: solid #7BC143 .0625rem
}

.border-solid--gray {
    border: solid #455560 .0625rem
}

.box-shadow--light {
    -moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.05)
}

.no-border {
    border: 0 !important
}

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

.clear-none {
    clear: none !important
}

.clearfix {
    *zoom: 1
}

.clearfix:after {
    clear: both
}

.float-none {
    float: none !important
}

.float-left {
    float: left !important
}

.overflow-x-hidden {
    overflow-x: hidden
}

.overflow-hidden {
    overflow: hidden
}

.margin-bottom-none {
    margin-bottom: 0 !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-left-small {
    margin-left: .9375rem !important
}

.margin-right-small {
    margin-right: .9375rem !important
}

.margin-top-none {
    margin-top: 0 !important
}

.margin-top-x-small {
    margin-top: .3125rem !important
}

.margin-top-small {
    margin-top: .9375rem !important
}

.margin-top-medium {
    margin-top: 1.875rem !important
}

.margin-top-large {
    margin-top: 3.75rem !important
}

.margin-top-x-large {
    margin-top: 7.5rem !important
}

.margin-top-70 {
    margin-top: 70px !important
}

.margin-medium {
    margin: 1.875rem !important
}

.margin-none {
    margin: 0 !important
}

.padding-bottom-none {
    padding-bottom: 0 !important
}

.padding-bottom-x-small {
    padding-bottom: .3125rem !important
}

.padding-bottom-small {
    padding-bottom: .9375rem !important
}

.padding-bottom-medium {
    padding-bottom: 1.875rem !important
}

.padding-bottom-large {
    padding-bottom: 3.75rem !important
}

.padding-bottom-x-large {
    padding-bottom: 7.5rem !important
}

.padding-left-none {
    padding-left: 0 !important
}

.padding-left-small {
    padding-left: .9375rem !important
}

.padding-left-medium {
    padding-left: 1.875rem !important
}

.padding-right-none {
    padding-right: 0 !important
}

.padding-right-small {
    padding-right: .9375rem !important
}

.padding-right-medium {
    padding-right: 1.875rem !important
}

.padding-top-none {
    padding-top: 0 !important
}

.padding-top-x-small {
    padding-top: .3125rem !important
}

.padding-top-small {
    padding-top: .9375rem !important
}

.padding-top-medium {
    padding-top: 1.875rem !important
}

.padding-top-large {
    padding-top: 3.75rem !important
}

.padding-top-x-large {
    padding-top: 7.5rem !important
}

.padding-none {
    padding: 0 !important
}

.padding-medium {
    padding: 1.875rem !important
}

.break {
    display: inline
}

@media screen and (min-width: 75em) {
    .break {
        display: block
    }
}

.display--none {
    display: none !important
}

.display--inline {
    display: inline !important
}

.display--block {
    display: block !important
}

.list_style--none {
    list-style: none !important
}

.position-relative {
    position: relative !important
}

.z-index-1 {
    z-index: 1
}

.z-index-0 {
    z-index: 0
}

.noscroll {
    overflow: hidden
}

.pixel {
    position: absolute;
    top: 0;
    left: 0;
    display: none
}

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

    .mobile-display-block {
        display: block !important
    }

    .mobile-margin-bottom-small {
        margin-bottom: .9375rem !important
    }

    .mobile-margin-bottom-medium {
        margin-bottom: 1.875rem !important
    }

    .mobile-margin-top-0 {
        margin-top: 0 !important
    }

    .mobile-margin-top-small {
        margin-top: .9375rem !important
    }

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

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

    .height-auto--small-only {
        height: auto !important
    }
}

@media screen and (min-width: 40em) {
    .margin-bottom-large--medium-up {
        margin-bottom: 3.75rem !important
    }
}

@media screen and (min-width: 40em) {
    .margin-bottom-medium--medium-up {
        margin-bottom: 1.875rem
    }
}

@media screen and (min-width: 40em) {
    .margin-bottom-none--medium-up {
        margin-bottom: 0 !important
    }
}

.margin-right-small--medium-up {
    margin-right: 0
}

@media screen and (min-width: 40em) {
    .margin-right-small--medium-up {
        margin-right: .9375rem
    }
}

@media screen and (min-width: 64em) {
    .margin-top-medium--large-up {
        margin-top: 1.875rem
    }
}

.padding-left-20--medium-up {
    padding-left: 0
}

@media screen and (min-width: 40em) {
    .padding-left-20--medium-up {
        padding-left: 20px
    }
}

@media screen and (min-width: 40em) {
    .padding-bottom-none--medium-up {
        padding-bottom: 0 !important
    }
}

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

@media screen and (min-width: 40em) {
    .text-center--medium-up {
        text-align: center
    }
}

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

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

@media screen and (min-width: 40em) {
    .text-right--medium-up {
        text-align: right
    }
}

@media screen and (min-width: 64em) {
    .display-block--large-up {
        display: block !important
    }
}

@media screen and (min-width: 64em) {
    .margin-bottom-none--large-up {
        margin-bottom: 0 !important
    }
}

@media screen and (min-width: 64em) {
    .margin-bottom-medium--large-up {
        margin-bottom: 1.875rem !important
    }
}

@media screen and (min-width: 64em) {
    .margin-bottom-large--large-up {
        margin-bottom: 3.75rem !important
    }
}

@media screen and (min-width: 64em) {
    .margin-top-medium--large-up {
        margin-top: 1.875rem
    }
}

@media screen and (min-width: 64em) {
    .padding-left-medium--large-up {
        padding-left: 1.875rem !important
    }
}

@media screen and (min-width: 64em) {
    .padding-top-none--large-up {
        padding-top: 0 !important
    }
}

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

.color--cerulean {
    color: #0197EC !important
}

.color--gray {
    color: #455560 !important
}

.color--gray-medium {
    color: #6C7A85 !important
}

.color--gray-dark {
    color: #1C2F3A !important
}

.color--green {
    color: #7BC143 !important
}

.color--red {
    color: #E83030 !important
}

.color--white {
    color: #FFF !important
}

.font-size--small {
    font-size: .875rem !important
}

.font-size--xx-large {
    font-size: 2.25rem !important
}

.letter-spacing-x-small {
    letter-spacing: .3125rem !important
}

.text-body--small {
    font-size: 12px !important
}

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

.uppercase {
    text-transform: uppercase !important
}

.opacity--full {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1
}

.opacity--half {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: .5
}

.opacity--none {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0
}

.font-weight-regular {
    font-weight: 400 !important
}

.es-form {
    color: #455560;
    background-color: #FFF;
    background-image: linear-gradient(#ffffff 0%, #f1f5f6 100%);
    padding: 30px;
    border-radius: .1875rem
}

.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: .1875rem;
    margin-bottom: 0
}

.es-form .es-form__error {
    border-radius: .1875rem;
    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: .1875rem;
    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: .1875rem;
    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: .1875rem;
    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 {
    padding: 0
}

.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: .1875rem !important
}

.main-form .fsBody .fsForm input,
.main-form .fsBody .fsForm select,
.main-form .fsBody .fsForm button,
.main-form .fsBody .fsForm submit {
    border-radius: .1875rem !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 {
    text-transform: none;
    color: #455560
}

.main-form .fsBody .fsForm .fsCell {
    padding: 5px 15px;
    margin-bottom: 0 !important
}

.main-form .fsBody .fsForm .fsCell a {
    font-size: .875rem
}

.main-form .fsBody .fsForm .fsFieldFocused .fsLabel {
    color: #455560
}

.main-form .fsBody .fsForm .fsValidationError {
    background-color: transparent !important;
    border: 0 !important;
    box-shadow: none !important
}

.main-form .fsBody .fsForm .fsValidationError .fsField {
    border: 1px solid #E83030 !important
}

.main-form .fsBody .fsForm .fsValidationError .fsLabel {
    background-image: none !important;
    padding-left: 0 !important
}

.main-form .fsBody .fsForm .stacklock {
    width: 180px !important;
    height: 35px
}

.main-form .fsBody .fsFieldRow {
    margin-bottom: 0 !important
}

.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;
    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: .1875rem;
    -webkit-border-radius: .1875rem;
    border-radius: .1875rem;
    background-color: #D3DBE2
}

.main-form.main-form--light-theme .fsProgressBar {
    background-color: #7BC143;
    -moz-border-radius-bottomleft: .1875rem;
    -webkit-border-bottom-left-radius: .1875rem;
    border-bottom-left-radius: .1875rem;
    -moz-border-radius-topleft: .1875rem;
    -webkit-border-top-left-radius: .1875rem;
    border-top-left-radius: .1875rem
}

.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: .0625rem solid #6C7A85;
    border-radius: .1875rem;
    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=12.17.18.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% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    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: .1875rem;
    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
}

.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--thepitch,
.fbds-header--mixergy,
.fbds-header--replyall {
    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--thepitch .fbds-header__content,
.fbds-header--mixergy .fbds-header__content,
.fbds-header--replyall .fbds-header__content {
    background-position: center center;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    padding: 25% 0 10%
}

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

    .fbds-header--index .fbds-header__content,
    .fbds-header--backtowork .fbds-header__content,
    .fbds-header--beyond .fbds-header__content,
    .fbds-header--thepitch .fbds-header__content,
    .fbds-header--mixergy .fbds-header__content,
    .fbds-header--replyall .fbds-header__content {
        padding: 20% 0 10%
    }
}

@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--thepitch .fbds-header__content,
    .fbds-header--mixergy .fbds-header__content,
    .fbds-header--replyall .fbds-header__content {
        padding: 14% 0 10%
    }
}

@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--thepitch .fbds-header__content,
    .fbds-header--mixergy .fbds-header__content,
    .fbds-header--replyall .fbds-header__content {
        padding: 14% 0 12%
    }
}

@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--thepitch .fbds-header__content,
    .fbds-header--mixergy .fbds-header__content,
    .fbds-header--replyall .fbds-header__content {
        padding: 13% 0 10%
    }
}

@media screen and (min-width: 90em) {

    .fbds-header--index,
    .fbds-header--backtowork,
    .fbds-header--beyond,
    .fbds-header--thepitch,
    .fbds-header--mixergy,
    .fbds-header--replyall {
        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 .fi {
    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 .fi {
    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 {
    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-gray .fbds-headline-secondary {
    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: 57.75em) {
    .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
    }
}

.hp-gallery--container {
    display: block;
    position: absolute;
    z-index: 1;
    width: 350px
}

@media screen and (min-width: 1340px) {
    .hp-gallery--container {
        width: 450px
    }
}

.hp-gallery--features {
    left: 45px;
    top: 280px;
    height: 360px
}

@media screen and (min-width: 1135px) {
    .hp-gallery--features {
        left: 70px;
        top: 290px
    }
}

@media screen and (min-width: 1340px) {
    .hp-gallery--features {
        left: 70px;
        top: 250px
    }
}

@media screen and (min-width: 1535px) {
    .hp-gallery--features {
        left: 180px
    }
}

@media screen and (min-width: 1700px) {
    .hp-gallery--features {
        left: 255px
    }
}

@media screen and (min-width: 1900px) {
    .hp-gallery--features {
        left: 285px
    }
}

.hp-gallery--optimization {
    left: 15px;
    height: 800px;
    top: 180px
}

@media screen and (min-width: 1135px) {
    .hp-gallery--optimization {
        left: 55px;
        top: 250px
    }
}

@media screen and (min-width: 1200px) {
    .hp-gallery--optimization {
        left: 20px
    }
}

@media screen and (min-width: 1340px) {
    .hp-gallery--optimization {
        left: 85px;
        top: 225px
    }
}

@media screen and (min-width: 1535px) {
    .hp-gallery--optimization {
        left: 160px;
        top: 215px
    }
}

@media screen and (min-width: 1700px) {
    .hp-gallery--optimization {
        left: 258px;
        top: 228px
    }
}

@media screen and (min-width: 1900px) {
    .hp-gallery--optimization {
        left: 290px
    }
}

.hp-gallery--templates {
    top: 153px;
    left: 10px;
    height: 800px
}

@media screen and (min-width: 1074px) {
    .hp-gallery--templates {
        left: 50px
    }
}

@media screen and (min-width: 1200px) {
    .hp-gallery--templates {
        left: 22px
    }
}

@media screen and (min-width: 1340px) {
    .hp-gallery--templates {
        left: 100px
    }
}

@media screen and (min-width: 1535px) {
    .hp-gallery--templates {
        left: 160px
    }
}

@media screen and (min-width: 1700px) {
    .hp-gallery--templates {
        left: 245px
    }
}

@media screen and (min-width: 1900px) {
    .hp-gallery--templates {
        left: 275px
    }
}

@media screen and (min-width: 64em) {
    .hp-gallery--features__item {
        width: 350px;
        height: auto
    }
}

@media screen and (min-width: 75em) {
    .hp-gallery--features__item {
        width: 483px
    }
}

.hp-gallery--optimization__item,
.hp-gallery--templates__item {
    position: absolute;
    width: 18.75rem;
    height: auto
}

.hp-gallery--templates__item--animate {
    -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
}

.hp-gallery--optimization__item--one,
.hp-gallery--templates__item--one {
    -moz-animation-delay: 0.1s;
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s
}

.hp-gallery--optimization__item--two,
.hp-gallery--templates__item--two {
    -moz-animation-delay: 0.2s;
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s
}

.hp-gallery--optimization__item--three,
.hp-gallery--templates__item--three {
    -moz-animation-delay: 0.3s;
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s
}

.hp-gallery--optimization__item--one,
.hp-gallery--templates__item--one {
    left: 0;
    top: 0;
    z-index: 1
}

.hp-gallery--optimization__item--two,
.hp-gallery--templates__item--two {
    left: 90px;
    top: 175px;
    z-index: 2
}

@media screen and (min-width: 75em) {

    .hp-gallery--optimization__item--two,
    .hp-gallery--templates__item--two {
        left: 160px
    }
}

@media screen and (min-width: 90em) {

    .hp-gallery--optimization__item--two,
    .hp-gallery--templates__item--two {
        left: 220px
    }
}

.hp-gallery--optimization__item--three,
.hp-gallery--templates__item--three {
    left: 25px;
    top: 340px;
    z-index: 3
}

@media screen and (min-width: 75em) {

    .hp-gallery--optimization__item--three,
    .hp-gallery--templates__item--three {
        left: 50px
    }
}

@media screen and (min-width: 75em) {

    .hp-gallery--optimization__item--three,
    .hp-gallery--templates__item--three {
        left: 90px
    }
}

.hp-gallery--integrations {
    display: block;
    position: absolute;
    top: 200px;
    left: 50px;
    height: 800px;
    z-index: 1
}

@media screen and (min-width: 1180px) {
    .hp-gallery--integrations {
        left: 80px
    }
}

@media screen and (min-width: 1535px) {
    .hp-gallery--integrations {
        left: 180px
    }
}

@media screen and (min-width: 1700px) {
    .hp-gallery--integrations {
        left: 255px
    }
}

@media screen and (min-width: 1900px) {
    .hp-gallery--integrations {
        left: 285px
    }
}

.hp-gallery--integrations__item {
    position: absolute
}

.hp-gallery--integrations__item-google {
    top: 24px;
    left: 4px
}

@media screen and (min-width: 90em) {
    .hp-gallery--integrations__item-google {
        top: -40px;
        left: 115px
    }
}

.hp-gallery--integrations__item-authorize {
    -moz-animation-delay: 0.1s;
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
    top: 180px;
    left: -68px
}

@media screen and (min-width: 90em) {
    .hp-gallery--integrations__item-authorize {
        top: 105px;
        left: -20px
    }
}

.hp-gallery--integrations__item-hubspot {
    -moz-animation-delay: 0.2s;
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
    top: 180px;
    left: 70px;
    visibility: hidden
}

@media screen and (min-width: 90em) {
    .hp-gallery--integrations__item-hubspot {
        visibility: visible;
        top: 150px;
        left: 140px
    }
}

.hp-gallery--integrations__item-mailchimp {
    -moz-animation-delay: 0.3s;
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
    top: 65px;
    left: 175px;
    height: 175px
}

@media screen and (min-width: 1106px) {
    .hp-gallery--integrations__item-mailchimp {
        top: 30px;
        left: 190px;
        height: 185px
    }
}

@media screen and (min-width: 1180px) {
    .hp-gallery--integrations__item-mailchimp {
        top: 10px;
        left: 180px;
        height: auto
    }
}

@media screen and (min-width: 90em) {
    .hp-gallery--integrations__item-mailchimp {
        top: 60px;
        left: 300px
    }
}

.hp-gallery--integrations__item-webmerge {
    -moz-animation-delay: 0.4s;
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
    top: 320px;
    left: -45px;
    visibility: hidden
}

@media screen and (min-width: 90em) {
    .hp-gallery--integrations__item-webmerge {
        top: 280px;
        left: 0;
        visibility: visible
    }
}

.hp-gallery--integrations__item-paypal {
    -moz-animation-delay: 0.5s;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
    top: 207px;
    left: 88px;
    height: 160px
}

@media screen and (min-width: 1180px) {
    .hp-gallery--integrations__item-paypal {
        top: 192px;
        left: 76px;
        height: auto
    }
}

@media screen and (min-width: 90em) {
    .hp-gallery--integrations__item-paypal {
        top: 270px;
        left: 230px
    }
}

.hp-gallery--integrations__item-excel {
    -moz-animation-delay: 0.6s;
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
    top: 245px;
    left: 245px;
    height: 130px
}

@media screen and (min-width: 1070px) {
    .hp-gallery--integrations__item-excel {
        top: 245px;
        left: 255px;
        height: 145px
    }
}

@media screen and (min-width: 1180px) {
    .hp-gallery--integrations__item-excel {
        top: 225px;
        left: 250px;
        height: auto
    }
}

@media screen and (min-width: 90em) {
    .hp-gallery--integrations__item-excel {
        top: 270px;
        left: 425px
    }
}

.hp-gallery--integrations__item-stripe {
    -moz-animation-delay: 0.7s;
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
    top: 336px;
    left: -26px
}

@media screen and (min-width: 90em) {
    .hp-gallery--integrations__item-stripe {
        top: 460px;
        left: 165px
    }
}

.hp-gallery--integrations__item-salesforce {
    -moz-animation-delay: 0.8s;
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
    top: 360px;
    left: 150px;
    height: 190px
}

@media screen and (min-width: 1180px) {
    .hp-gallery--integrations__item-salesforce {
        top: 365px;
        left: 126px;
        height: auto
    }
}

@media screen and (min-width: 90em) {
    .hp-gallery--integrations__item-salesforce {
        top: 440px;
        left: 340px
    }
}

.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%
}

.fbds-header--mobile {
    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
}

.section--app-features .fi {
    font-size: 2.25rem
}

.platform-logos .fi {
    font-size: 75px;
    color: #1C2F3A
}

.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
}

.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 .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(-135deg, #031621 0%, #1c2f3a 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)
    }
}

.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
    }
}

.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 .fi {
    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 {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    bottom: 50px;
    color: #ffffff;
    display: block;
    font-size: 28px;
    height: 50px;
    padding: 10px;
    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.html") 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 .fi {
    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 .fi {
        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 .fi {
    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 .fi {
    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 i {
    color: #7BC143;
    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
}

.report--workfow-automation__hero {
    background-position: center center;
    background-image: url("../images/reports/2018/hero.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    padding: 150px 0
}

.report--workfow-automation__hero .fbds-headline-primary {
    color: #FFF
}

.report--workfow-automation__hero .fbds-headline-primary span {
    margin-bottom: 0
}

.report--healthcare-workfow-automation__hero {
    background-position: center center;
    background-image: url("../images/reports/2018/healthcare-hero.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    padding: 150px 0
}

.report--healthcare-workfow-automation__hero .fbds-headline-primary {
    color: #FFF
}

.report--healthcare-workfow-automation__hero .fbds-headline-primary span {
    margin-bottom: 0
}

.report--education-workfow-automation__hero {
    background-position: center center;
    background-image: url("../images/reports/2018/education-hero.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    padding: 150px 0
}

.report--education-workfow-automation__hero .fbds-headline-primary {
    color: #FFF
}

.report--education-workfow-automation__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 {
    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 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
}

@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,
.healthcare__leads-to-patients ul,
.healthcare__leads-to-patients li {
    padding: 0;
    margin: 0;
    list-style: none
}

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

    .healthcare__save-time-money li:before,
    .healthcare__leads-to-patients li:before {
        font-family: 'fs-font-icon';
        content: '\73';
        float: left;
        margin-right: .3125rem;
        color: #7BC143
    }
}

@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
    }
}

@media screen and (min-width: 40em) {
    .healthcare__leads-to-patients {
        background-position: center center;
        background-image: url("../images/industry/healthcare/leads-to-patients-background.jpg");
        -moz-background-size: cover;
        -o-background-size: cover;
        -webkit-background-size: cover;
        background-size: cover
    }
}

.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 .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")
}

.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
    }
}

@media screen and (min-width: 64em) {

    .healthcare-marketing-trends .voice-image,
    .healthcare-marketing-trends .video-image {
        max-width: 150%
    }

    .healthcare-marketing-trends .voice-image {
        position: absolute;
        top: -170px;
        right: -150px
    }
}

.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 .fi-ul {
    line-height: 1;
    margin-left: 5px
}

.digital-marketing__content .fi-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
    }
}

.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
}

.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: .1875rem;
    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
}

.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: .1875rem;
    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: .1875rem;
    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: .1875rem;
    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 .formbuilder123 {
    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 .formbuilder123,
.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 .formbuilder123,
.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 .formbuilder123,
.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--formbuilder123 .gravityforms,
.alt-table--formbuilder123 .typeform {
    display: none
}

@media screen and (max-width: 39.9375em) {

    .alt-table--formbuilder123 .formsite,
    .alt-table--formbuilder123 .googleforms,
    .alt-table--formbuilder123 .gravityforms,
    .alt-table--formbuilder123 .jotform,
    .alt-table--formbuilder123 .typeform,
    .alt-table--formbuilder123 .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 .formbuilder123,
.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 .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
}

.testimonial__horizontal-section .testimonial__cirlce-img {
    height: 85px;
    width: 85px
}

.testimonial--stacked__info {
    width: calc(100% - .9375rem - 75px)
}

.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 .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 code {
    border: none;
    background-color: #1C2F3A;
    padding: .3125rem;
    border-radius: .1875rem;
    color: #FFF
}

.fbds-documentation--content-section {
    background: white
}

.fbds-documentation__nav {
    background: #1C2F3A;
    position: relative;
    padding-top: .9375rem;
    padding-bottom: .9375rem;
    -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)
}

.fbds-documentation__nav .fbds-documentation__title,
.fbds-documentation__nav .fbds-documentation__logo {
    display: inline-block;
    vertical-align: middle
}

@media screen and (min-width: 64em) {

    .fbds-documentation__nav .fbds-documentation__title,
    .fbds-documentation__nav .fbds-documentation__logo {
        display: block
    }
}

.fbds-documentation__nav .fbds-documentation__logo {
    margin-right: .9375rem
}

@media screen and (min-width: 64em) {
    .fbds-documentation__nav .fbds-documentation__logo {
        margin-bottom: .9375rem
    }
}

.fbds-documentation__nav .fbds-documentation__toggle {
    display: block;
    padding: .9375rem;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 1.375rem
}

@media screen and (min-width: 64em) {
    .fbds-documentation__nav .fbds-documentation__toggle {
        display: none
    }
}

@media screen and (min-width: 64em) {
    .fbds-documentation__nav .fbds-documentation__title {
        margin-bottom: .9375rem
    }
}

.fbds-documentation__nav .fbds-headline-secondary,
.fbds-documentation__nav .fbds-headline-tertiary {
    color: #F1F5F6
}

.fbds-documentation__nav .fbds-headline-tertiary {
    font-weight: 600;
    font-size: .75rem;
    text-transform: uppercase
}

.fbds-documentation__nav a {
    color: #FFF
}

.fbds-documentation__nav a:hover {
    color: #F1F5F6
}

.fbds-documentation__nav.fbds-documentation__nav--open {
    position: fixed;
    overflow-x: hidden;
    top: 0;
    height: 100vh;
    z-index: 2
}

@media screen and (min-width: 64em) {
    .fbds-documentation__nav {
        position: fixed;
        overflow-x: hidden;
        height: 100vh
    }
}

.fbds-nav--drawer {
    display: none;
    position: relative;
    margin-top: 1.875rem;
    -moz-animation: slideInRight 0.5s ease-out;
    -webkit-animation: slideInRight 0.5s ease-out;
    animation: slideInRight 0.5s ease-out
}

@media screen and (min-width: 64em) {
    .fbds-nav--drawer {
        margin-top: 0;
        display: block !important;
        -moz-animation: none;
        -webkit-animation: none;
        animation: none
    }
}

.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: .0625rem solid #d5d5d5;
    -moz-border-radius: .1875rem;
    -webkit-border-radius: .1875rem;
    border-radius: .1875rem;
    -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 .fi {
    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
}

.fbds-table-documentation tr.v-bottom {
    vertical-align: bottom
}

.fbds-table-documentation .td-16,
.fbds-table-documentation .td-20,
.fbds-table-documentation .td-25 {
    border: .0625rem solid #455560
}

.fbds-table-documentation .td-16 {
    width: 16%
}

.fbds-table-documentation .td-20 {
    width: 20%
}

.fbds-table-documentation .td-25 {
    width: 25%
}

.fbds-table-documentation .td-100 {
    width: 100%
}

.fbds-table-documentation--two-columns td {
    width: 50%
}

.fbds-table-documentation--three-columns td {
    width: 33%
}

.fbds-table-documentation--sidebar tr>td:first-child {
    width: 33%
}

@media (min-width: 1100px) {
    .macbook-placeholder--large {
        min-height: 376px
    }
}

@media (min-width: 1130px) {
    .macbook-placeholder--large {
        min-height: 384px
    }
}

@media (min-width: 1200px) {
    .macbook-placeholder--large {
        min-height: 406px
    }
}

.device-macbook .device-frame {
    background-image: linear-gradient(-169deg, #eeeeee 0%, #dedede 98%);
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2), inset 0 1px 1px 0 #fff;
    border-radius: 20px;
    margin: 0 auto;
    padding: 29px 19px;
    position: relative;
    width: 83%
}

@media screen and (max-width: 39.9375em) {
    .device-macbook .device-frame {
        padding: 17px 14px 24px 14px
    }
}

.device-macbook .device-frame::before {
    bottom: 10px;
    color: #c8cacb;
    font-size: 12px;
    left: 50%;
    line-height: 16px;
    margin-left: -100px;
    position: absolute;
    text-align: center;
    width: 200px;
    z-index: 1
}

.device-macbook .device-content {
    border-radius: 2px;
    height: 100%;
    width: 100%
}

.device-macbook .device-base {
    background-image: linear-gradient(-90deg, #b9b9b9 0%, #ebebeb 3%, #f6f6f6 9%, #f1f1f1 20%, #dbdbdb 28%, #d2d2d2 40%, #d3d2d3 59%, #d5d5d6 67%, #e5e5e6 74%, #fafafa 87%, #dfdfe0 97%, #c1c1c1 100%);
    border: solid #C1C1C1;
    border-radius: 2px 2px 0 0;
    border-width: 0;
    height: 4px;
    margin-top: -10px;
    position: relative;
    width: 100%;
    z-index: 9
}

.device-macbook .device-base::after,
.device-macbook .device-base::before {
    content: "";
    position: absolute
}

.device-macbook .device-base::after {
    height: 4px;
    left: 41%;
    width: 16%;
    background-image: linear-gradient(-90deg, #898a8c 0%, #bcbdbf 2%, #e0e1e1 7%, #edeeef 13%, #f0f1f2 33%, #eeeff0 51%, #eeeff0 73%, #dfe0e1 93%, #bfc0c2 98%, #97989a 100%);
    border-radius: 0 0 10.5px 24.5px
}

.device-macbook .device-base::before {
    background-image: linear-gradient(-180deg, #c7c7c7 0%, #8b8b8b 100%);
    border-radius: 0 0 180px 180px/ 0 0 10px 10px;
    height: 10px;
    left: 0;
    margin: 0 auto;
    top: 4px;
    width: 100%;
    box-shadow: 0 6px 25px 0 rgba(0, 0, 0, 0.5)
}

.device-macbook.device-gold .device-frame {
    box-shadow: inset 0 0 0 2px #edccb4
}

.device-macbook.device-gold .device-base {
    background: #f7e8dd;
    border-color: #edccb4
}

.device-macbook.device-gold .device-base::after {
    background: radial-gradient(circle at center, #f7e8dd 0%, #f7e8dd 85%, #dfa276 100%);
    border-color: #e4b08a
}

.device-macbook.device-gold .device-base::before {
    background: #edccb4;
    box-shadow: inset 0 -2px 6px 0 #83491f
}

.device-macbook.device-spacegray .device-frame {
    box-shadow: inset 0 0 0 2px #767a7d
}

.device-macbook.device-spacegray .device-base {
    background: #909496;
    border-color: #767a7d
}

.device-macbook.device-spacegray .device-base::after {
    background: radial-gradient(circle at center, #909496 0%, #909496 85%, #515456 100%);
    border-color: #5d6163
}

.device-macbook.device-spacegray .device-base::before {
    background: #515456;
    box-shadow: inset 0 -2px 6px 0 #000
}

iframe#z_hppm_iframe {
    width: 465px
}

@media screen and (max-width: 57.75em) {
    iframe#z_hppm_iframe {
        width: 100%
    }
}

@media screen and (max-width: 57.75em) {
    #z-container {
        left: 9% !important
    }

    #z-data {
        -webkit-overflow-scrolling: touch;
        overflow: auto !important
    }
}