/*! normalize.css v6.0.0 | MIT License | github.com/necolas/normalize.css */

html {
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

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

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

figcaption,
figure,
main {
    display: block;
}

figure {
    margin: 1em 40px;
}

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

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

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

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

sup {
    top: -.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 {
    margin: 0;
}

button,
input {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

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

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

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

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

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

textarea {
    overflow: auto;
}

[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;
}

details,
menu {
    display: block;
}

summary {
    display: list-item;
}

canvas {
    display: inline-block;
}

template {
    display: none;
}

[hidden] {
    display: none;
}
 
@-ms-viewport {
    width: device-width;
}

html {
    box-sizing: border-box;
    -ms-overflow-style: scrollbar;
}

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

.popover {
    z-index: 100 !important;
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

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

    .container:after {
        clear: both;
    }

@media (min-width:768px) {
    .container {
        width: 768px;
    }
}

@media (min-width:960px) {
    .container {
        width: 960px;
    }
}

@media (min-width:1200px) {
    .container {
        width: 1200px;
    }
}

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

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

    .container-fluid:after {
        clear: both;
    }

.row {
    margin-left: -15px;
    margin-right: -15px;
}

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

    .row:after {
        clear: both;
    }

.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
    float: left;
}

.col-xs-1 {
    width: 8.3333333333%;
}

.col-xs-2 {
    width: 16.6666666667%;
}

.col-xs-3 {
    width: 25%;
}

.col-xs-4 {
    width: 33.3333333333%;
}

.col-xs-5 {
    width: 41.6666666667%;
}

.col-xs-6 {
    width: 50%;
}

.col-xs-7 {
    width: 58.3333333333%;
}

.col-xs-8 {
    width: 66.6666666667%;
}

.col-xs-9 {
    width: 75%;
}

.col-xs-10 {
    width: 83.3333333333%;
}

.col-xs-11 {
    width: 91.6666666667%;
}

.col-xs-12 {
    width: 100%;
}

.col-xs-pull-0 {
    right: auto;
}

.col-xs-pull-1 {
    right: 8.3333333333%;
}

.col-xs-pull-2 {
    right: 16.6666666667%;
}

.col-xs-pull-3 {
    right: 25%;
}

.col-xs-pull-4 {
    right: 33.3333333333%;
}

.col-xs-pull-5 {
    right: 41.6666666667%;
}

.col-xs-pull-6 {
    right: 50%;
}

.col-xs-pull-7 {
    right: 58.3333333333%;
}

.col-xs-pull-8 {
    right: 66.6666666667%;
}

.col-xs-pull-9 {
    right: 75%;
}

.col-xs-pull-10 {
    right: 83.3333333333%;
}

.col-xs-pull-11 {
    right: 91.6666666667%;
}

.col-xs-pull-12 {
    right: 100%;
}

.col-xs-push-0 {
    left: auto;
}

.col-xs-push-1 {
    left: 8.3333333333%;
}

.col-xs-push-2 {
    left: 16.6666666667%;
}

.col-xs-push-3 {
    left: 25%;
}

.col-xs-push-4 {
    left: 33.3333333333%;
}

.col-xs-push-5 {
    left: 41.6666666667%;
}

.col-xs-push-6 {
    left: 50%;
}

.col-xs-push-7 {
    left: 58.3333333333%;
}

.col-xs-push-8 {
    left: 66.6666666667%;
}

.col-xs-push-9 {
    left: 75%;
}

.col-xs-push-10 {
    left: 83.3333333333%;
}

.col-xs-push-11 {
    left: 91.6666666667%;
}

.col-xs-push-12 {
    left: 100%;
}

.col-xs-offset-0 {
    margin-left: 0;
}

.col-xs-offset-1 {
    margin-left: 8.3333333333%;
}

.col-xs-offset-2 {
    margin-left: 16.6666666667%;
}

.col-xs-offset-3 {
    margin-left: 25%;
}

.col-xs-offset-4 {
    margin-left: 33.3333333333%;
}

.col-xs-offset-5 {
    margin-left: 41.6666666667%;
}

.col-xs-offset-6 {
    margin-left: 50%;
}

.col-xs-offset-7 {
    margin-left: 58.3333333333%;
}

.col-xs-offset-8 {
    margin-left: 66.6666666667%;
}

.col-xs-offset-9 {
    margin-left: 75%;
}

.col-xs-offset-10 {
    margin-left: 83.3333333333%;
}

.col-xs-offset-11 {
    margin-left: 91.6666666667%;
}

.col-xs-offset-12 {
    margin-left: 100%;
}

@media (min-width:768px) {
    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9 {
        float: left;
    }

    .col-sm-1 {
        width: 8.3333333333%;
    }

    .col-sm-2 {
        width: 16.6666666667%;
    }

    .col-sm-3 {
        width: 25%;
    }

    .col-sm-4 {
        width: 33.3333333333%;
    }

    .col-sm-5 {
        width: 41.6666666667%;
    }

    .col-sm-6 {
        width: 50%;
    }

    .col-sm-7 {
        width: 58.3333333333%;
    }

    .col-sm-8 {
        width: 66.6666666667%;
    }

    .col-sm-9 {
        width: 75%;
    }

    .col-sm-10 {
        width: 83.3333333333%;
    }

    .col-sm-11 {
        width: 91.6666666667%;
    }

    .col-sm-12 {
        width: 100%;
    }

    .col-sm-pull-0 {
        right: auto;
    }

    .col-sm-pull-1 {
        right: 8.3333333333%;
    }

    .col-sm-pull-2 {
        right: 16.6666666667%;
    }

    .col-sm-pull-3 {
        right: 25%;
    }

    .col-sm-pull-4 {
        right: 33.3333333333%;
    }

    .col-sm-pull-5 {
        right: 41.6666666667%;
    }

    .col-sm-pull-6 {
        right: 50%;
    }

    .col-sm-pull-7 {
        right: 58.3333333333%;
    }

    .col-sm-pull-8 {
        right: 66.6666666667%;
    }

    .col-sm-pull-9 {
        right: 75%;
    }

    .col-sm-pull-10 {
        right: 83.3333333333%;
    }

    .col-sm-pull-11 {
        right: 91.6666666667%;
    }

    .col-sm-pull-12 {
        right: 100%;
    }

    .col-sm-push-0 {
        left: auto;
    }

    .col-sm-push-1 {
        left: 8.3333333333%;
    }

    .col-sm-push-2 {
        left: 16.6666666667%;
    }

    .col-sm-push-3 {
        left: 25%;
    }

    .col-sm-push-4 {
        left: 33.3333333333%;
    }

    .col-sm-push-5 {
        left: 41.6666666667%;
    }

    .col-sm-push-6 {
        left: 50%;
    }

    .col-sm-push-7 {
        left: 58.3333333333%;
    }

    .col-sm-push-8 {
        left: 66.6666666667%;
    }

    .col-sm-push-9 {
        left: 75%;
    }

    .col-sm-push-10 {
        left: 83.3333333333%;
    }

    .col-sm-push-11 {
        left: 91.6666666667%;
    }

    .col-sm-push-12 {
        left: 100%;
    }

    .col-sm-offset-0 {
        margin-left: 0;
    }

    .col-sm-offset-1 {
        margin-left: 8.3333333333%;
    }

    .col-sm-offset-2 {
        margin-left: 16.6666666667%;
    }

    .col-sm-offset-3 {
        margin-left: 25%;
    }

    .col-sm-offset-4 {
        margin-left: 33.3333333333%;
    }

    .col-sm-offset-5 {
        margin-left: 41.6666666667%;
    }

    .col-sm-offset-6 {
        margin-left: 50%;
    }

    .col-sm-offset-7 {
        margin-left: 58.3333333333%;
    }

    .col-sm-offset-8 {
        margin-left: 66.6666666667%;
    }

    .col-sm-offset-9 {
        margin-left: 75%;
    }

    .col-sm-offset-10 {
        margin-left: 83.3333333333%;
    }

    .col-sm-offset-11 {
        margin-left: 91.6666666667%;
    }

    .col-sm-offset-12 {
        margin-left: 100%;
    }
}

@media (min-width:960px) {
    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9 {
        float: left;
    }

    .col-md-1 {
        width: 8.3333333333%;
    }

    .col-md-2 {
        width: 16.6666666667%;
    }

    .col-md-3 {
        width: 25%;
    }

    .col-md-4 {
        width: 33.3333333333%;
    }

    .col-md-5 {
        width: 41.6666666667%;
    }

    .col-md-6 {
        width: 50%;
    }

    .col-md-7 {
        width: 58.3333333333%;
    }

    .col-md-8 {
        width: 66.6666666667%;
    }

    .col-md-9 {
        width: 75%;
    }

    .col-md-10 {
        width: 83.3333333333%;
    }

    .col-md-11 {
        width: 91.6666666667%;
    }

    .col-md-12 {
        width: 100%;
    }

    .col-md-pull-0 {
        right: auto;
    }

    .col-md-pull-1 {
        right: 8.3333333333%;
    }

    .col-md-pull-2 {
        right: 16.6666666667%;
    }

    .col-md-pull-3 {
        right: 25%;
    }

    .col-md-pull-4 {
        right: 33.3333333333%;
    }

    .col-md-pull-5 {
        right: 41.6666666667%;
    }

    .col-md-pull-6 {
        right: 50%;
    }

    .col-md-pull-7 {
        right: 58.3333333333%;
    }

    .col-md-pull-8 {
        right: 66.6666666667%;
    }

    .col-md-pull-9 {
        right: 75%;
    }

    .col-md-pull-10 {
        right: 83.3333333333%;
    }

    .col-md-pull-11 {
        right: 91.6666666667%;
    }

    .col-md-pull-12 {
        right: 100%;
    }

    .col-md-push-0 {
        left: auto;
    }

    .col-md-push-1 {
        left: 8.3333333333%;
    }

    .col-md-push-2 {
        left: 16.6666666667%;
    }

    .col-md-push-3 {
        left: 25%;
    }

    .col-md-push-4 {
        left: 33.3333333333%;
    }

    .col-md-push-5 {
        left: 41.6666666667%;
    }

    .col-md-push-6 {
        left: 50%;
    }

    .col-md-push-7 {
        left: 58.3333333333%;
    }

    .col-md-push-8 {
        left: 66.6666666667%;
    }

    .col-md-push-9 {
        left: 75%;
    }

    .col-md-push-10 {
        left: 83.3333333333%;
    }

    .col-md-push-11 {
        left: 91.6666666667%;
    }

    .col-md-push-12 {
        left: 100%;
    }

    .col-md-offset-0 {
        margin-left: 0;
    }

    .col-md-offset-1 {
        margin-left: 8.3333333333%;
    }

    .col-md-offset-2 {
        margin-left: 16.6666666667%;
    }

    .col-md-offset-3 {
        margin-left: 25%;
    }

    .col-md-offset-4 {
        margin-left: 33.3333333333%;
    }

    .col-md-offset-5 {
        margin-left: 41.6666666667%;
    }

    .col-md-offset-6 {
        margin-left: 50%;
    }

    .col-md-offset-7 {
        margin-left: 58.3333333333%;
    }

    .col-md-offset-8 {
        margin-left: 66.6666666667%;
    }

    .col-md-offset-9 {
        margin-left: 75%;
    }

    .col-md-offset-10 {
        margin-left: 83.3333333333%;
    }

    .col-md-offset-11 {
        margin-left: 91.6666666667%;
    }

    .col-md-offset-12 {
        margin-left: 100%;
    }
}

@media (min-width:1200px) {
    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9 {
        float: left;
    }

    .col-lg-1 {
        width: 8.3333333333%;
    }

    .col-lg-2 {
        width: 16.6666666667%;
    }

    .col-lg-3 {
        width: 25%;
    }

    .col-lg-4 {
        width: 33.3333333333%;
    }

    .col-lg-5 {
        width: 41.6666666667%;
    }

    .col-lg-6 {
        width: 50%;
    }

    .col-lg-7 {
        width: 58.3333333333%;
    }

    .col-lg-8 {
        width: 66.6666666667%;
    }

    .col-lg-9 {
        width: 75%;
    }

    .col-lg-10 {
        width: 83.3333333333%;
    }

    .col-lg-11 {
        width: 91.6666666667%;
    }

    .col-lg-12 {
        width: 100%;
    }

    .col-lg-pull-0 {
        right: auto;
    }

    .col-lg-pull-1 {
        right: 8.3333333333%;
    }

    .col-lg-pull-2 {
        right: 16.6666666667%;
    }

    .col-lg-pull-3 {
        right: 25%;
    }

    .col-lg-pull-4 {
        right: 33.3333333333%;
    }

    .col-lg-pull-5 {
        right: 41.6666666667%;
    }

    .col-lg-pull-6 {
        right: 50%;
    }

    .col-lg-pull-7 {
        right: 58.3333333333%;
    }

    .col-lg-pull-8 {
        right: 66.6666666667%;
    }

    .col-lg-pull-9 {
        right: 75%;
    }

    .col-lg-pull-10 {
        right: 83.3333333333%;
    }

    .col-lg-pull-11 {
        right: 91.6666666667%;
    }

    .col-lg-pull-12 {
        right: 100%;
    }

    .col-lg-push-0 {
        left: auto;
    }

    .col-lg-push-1 {
        left: 8.3333333333%;
    }

    .col-lg-push-2 {
        left: 16.6666666667%;
    }

    .col-lg-push-3 {
        left: 25%;
    }

    .col-lg-push-4 {
        left: 33.3333333333%;
    }

    .col-lg-push-5 {
        left: 41.6666666667%;
    }

    .col-lg-push-6 {
        left: 50%;
    }

    .col-lg-push-7 {
        left: 58.3333333333%;
    }

    .col-lg-push-8 {
        left: 66.6666666667%;
    }

    .col-lg-push-9 {
        left: 75%;
    }

    .col-lg-push-10 {
        left: 83.3333333333%;
    }

    .col-lg-push-11 {
        left: 91.6666666667%;
    }

    .col-lg-push-12 {
        left: 100%;
    }

    .col-lg-offset-0 {
        margin-left: 0;
    }

    .col-lg-offset-1 {
        margin-left: 8.3333333333%;
    }

    .col-lg-offset-2 {
        margin-left: 16.6666666667%;
    }

    .col-lg-offset-3 {
        margin-left: 25%;
    }

    .col-lg-offset-4 {
        margin-left: 33.3333333333%;
    }

    .col-lg-offset-5 {
        margin-left: 41.6666666667%;
    }

    .col-lg-offset-6 {
        margin-left: 50%;
    }

    .col-lg-offset-7 {
        margin-left: 58.3333333333%;
    }

    .col-lg-offset-8 {
        margin-left: 66.6666666667%;
    }

    .col-lg-offset-9 {
        margin-left: 75%;
    }

    .col-lg-offset-10 {
        margin-left: 83.3333333333%;
    }

    .col-lg-offset-11 {
        margin-left: 91.6666666667%;
    }

    .col-lg-offset-12 {
        margin-left: 100%;
    }
}

.modal-open {
    overflow: hidden;
}

.modal {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

    .modal.fade .modal-dialog {
        -ms-transform: translate(0, -25%);
        transform: translate(0, -25%);
        transition: transform .3s ease-out;
    }

    .modal.in .modal-dialog {
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
}

.modal-content {
    position: relative;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    background-clip: padding-box;
    outline: 0;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
}

    .modal-backdrop.fade {
        opacity: 0;
    }

    .modal-backdrop.in {
        opacity: .5;
    }

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}

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

    .modal-header:after {
        clear: both;
    }

    .modal-header .close {
        margin-top: -2px;
    }

.modal-title {
    margin: 0;
    line-height: 1.428571429;
}

.modal-body {
    position: relative;
    padding: 15px;
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

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

    .modal-footer:after {
        clear: both;
    }

    .modal-footer .btn + .btn {
        margin-left: 5px;
        margin-bottom: 0;
    }

    .modal-footer .btn-group .btn + .btn {
        margin-left: -1px;
    }

    .modal-footer .btn-block + .btn-block {
        margin-left: 0;
    }

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

@media (min-width:768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto;
    }

    .modal-content {
        box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    }

    .modal-sm {
        width: 300px;
    }
}

@media (min-width:960px) {
    .modal-lg {
        width: 900px;
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.428571429;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    font-size: 12px;
    opacity: 0;
}

    .tooltip.in {
        opacity: .9;
    }

    .tooltip.top {
        margin-top: -3px;
        padding: 5px 0;
    }

    .tooltip.right {
        margin-left: 3px;
        padding: 0 5px;
    }

    .tooltip.bottom {
        margin-top: 3px;
        padding: 5px 0;
    }

    .tooltip.left {
        margin-left: -3px;
        padding: 0 5px;
    }

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 4px;
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000;
}

.tooltip.top-left .tooltip-arrow {
    bottom: 0;
    right: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000;
}

.tooltip.top-right .tooltip-arrow {
    bottom: 0;
    left: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000;
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000;
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000;
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000;
}

.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    right: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000;
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    left: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000;
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 276px;
    padding: 1px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.428571429;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    font-size: 14px;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}

    .popover.top {
        margin-top: -10px;
    }

    .popover.right {
        margin-left: 10px;
    }

    .popover.bottom {
        margin-top: 10px;
    }

    .popover.left {
        margin-left: -10px;
    }

.popover-title {
    margin: 0;
    padding: 8px 14px;
    font-size: 14px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0;
}

.popover-content {
    padding: 9px 14px;
}

.popover > .arrow,
.popover > .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.popover > .arrow {
    border-width: 11px;
}

    .popover > .arrow:after {
        border-width: 10px;
        content: "";
    }

.popover.top > .arrow {
    left: 50%;
    margin-left: -11px;
    border-bottom-width: 0;
    border-top-color: #999;
    border-top-color: rgba(0, 0, 0, .25);
    bottom: -11px;
}

    .popover.top > .arrow:after {
        content: " ";
        bottom: 1px;
        margin-left: -10px;
        border-bottom-width: 0;
        border-top-color: #fff;
    }

.popover.right > .arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-left-width: 0;
    border-right-color: #999;
    border-right-color: rgba(0, 0, 0, .25);
}

    .popover.right > .arrow:after {
        content: " ";
        left: 1px;
        bottom: -10px;
        border-left-width: 0;
        border-right-color: #fff;
    }

.popover.bottom > .arrow {
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: rgba(0, 0, 0, .25);
    top: -11px;
}

    .popover.bottom > .arrow:after {
        content: " ";
        top: 1px;
        margin-left: -10px;
        border-top-width: 0;
        border-bottom-color: #fff;
    }

.popover.left > .arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999;
    border-left-color: rgba(0, 0, 0, .25);
}

    .popover.left > .arrow:after {
        content: " ";
        right: 1px;
        border-right-width: 0;
        border-left-color: #fff;
        bottom: -10px;
    }

.carousel {
    position: relative;
}

.carousel-inner {
    position: relative;
    overflow: hidden;
    width: 100%;
}

    .carousel-inner > .item {
        display: none;
        position: relative;
        transition: .6s ease-in-out left;
    }

        .carousel-inner > .item > a > img,
        .carousel-inner > .item > img {
            display: block;
            max-width: 100%;
            height: auto;
            line-height: 1;
        }

@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-inner > .item {
        transition: transform .6s ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        perspective: 1000px;
    }

        .carousel-inner > .item.active.right,
        .carousel-inner > .item.next {
            transform: translate3d(100%, 0, 0);
            left: 0;
        }

        .carousel-inner > .item.active.left,
        .carousel-inner > .item.prev {
            transform: translate3d(-100%, 0, 0);
            left: 0;
        }

            .carousel-inner > .item.active,
            .carousel-inner > .item.next.left,
            .carousel-inner > .item.prev.right {
                transform: translate3d(0, 0, 0);
                left: 0;
            }
}

.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
    display: block;
}

.carousel-inner > .active {
    left: 0;
}

.carousel-inner > .next,
.carousel-inner > .prev {
    position: absolute;
    top: 0;
    width: 100%;
}

.carousel-inner > .next {
    left: 100%;
}

.carousel-inner > .prev {
    left: -100%;
}

    .carousel-inner > .next.left,
    .carousel-inner > .prev.right {
        left: 0;
    }

.carousel-inner > .active.left {
    left: -100%;
}

.carousel-inner > .active.right {
    left: 100%;
}

.carousel-control {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 15%;
    opacity: .5;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    background-color: transparent;
}

    .carousel-control.left {
        background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
        background-repeat: repeat-x;
    }

    .carousel-control.right {
        left: auto;
        right: 0;
        background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
        background-repeat: repeat-x;
    }

    .carousel-control:focus,
    .carousel-control:hover {
        outline: 0;
        color: #fff;
        text-decoration: none;
        opacity: .9;
    }

    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-next,
    .carousel-control .icon-prev {
        position: absolute;
        top: 50%;
        margin-top: -10px;
        z-index: 5;
        display: inline-block;
    }

    .carousel-control .glyphicon-chevron-left,
    .carousel-control .icon-prev {
        left: 50%;
        margin-left: -10px;
    }

    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-next {
        right: 50%;
        margin-right: -10px;
    }

    .carousel-control .icon-next,
    .carousel-control .icon-prev {
        width: 20px;
        height: 20px;
        line-height: 1;
        font-family: serif;
    }

        .carousel-control .icon-prev:before {
            content: '\2039';
        }

        .carousel-control .icon-next:before {
            content: '\203a';
        }

.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    margin-left: -30%;
    padding-left: 0;
    list-style: none;
    text-align: center;
}

    .carousel-indicators li {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 1px;
        text-indent: -999px;
        border: 1px solid #fff;
        border-radius: 10px;
        cursor: pointer;
        background-color: transparent;
    }

    .carousel-indicators .active {
        margin: 0;
        width: 12px;
        height: 12px;
        background-color: #fff;
    }

.carousel-caption {
    position: absolute;
    left: 15%;
    right: 15%;
    bottom: 20px;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}

    .carousel-caption .btn {
        text-shadow: none;
    }

@media screen and (min-width:768px) {
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-next,
    .carousel-control .icon-prev {
        width: 30px;
        height: 30px;
        margin-top: -10px;
        font-size: 30px;
    }

    .carousel-control .glyphicon-chevron-left,
    .carousel-control .icon-prev {
        margin-left: -10px;
    }

    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-next {
        margin-right: -10px;
    }

    .carousel-caption {
        left: 20%;
        right: 20%;
        padding-bottom: 30px;
    }

    .carousel-indicators {
        bottom: 20px;
    }
}

.clearfix-xs {
    clear: both;
}

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

    .clearfix-xs:after {
        clear: both;
    }

    .clearfix-xs::after,
    .clearfix-xs::before {
        clear: both;
    }

@media (min-width:480px) {
    .clearfix-sm {
        clear: both;
    }

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

        .clearfix-sm:after {
            clear: both;
        }

        .clearfix-sm::after,
        .clearfix-sm::before {
            clear: both;
        }
}

@media (min-width:768px) {
    .clearfix-md {
        clear: both;
    }

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

        .clearfix-md:after {
            clear: both;
        }

        .clearfix-md::after,
        .clearfix-md::before {
            clear: both;
        }
}

@media (min-width:960px) {
    .clearfix-lg {
        clear: both;
    }

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

        .clearfix-lg:after {
            clear: both;
        }

        .clearfix-lg::after,
        .clearfix-lg::before {
            clear: both;
        }
}

.mb-0 {
    margin-bottom: 0;
}

.mt-0 {
    margin-top: 0;
}

.pb-0 {
    padding-bottom: 0;
}

.pt-0 {
    padding-top: 0;
}

.pt-xs {
    padding-top: 0;
}

.pb-xs {
    padding-bottom: 0;
}

.pl-xs {
    padding-left: 0;
}

.pr-xs {
    padding-right: 0;
}

.ml-xs {
    margin-left: 0;
}

.mr-xs {
    margin-right: 0;
}

.mt-xs {
    margin-top: 0;
}

.mb-xs {
    margin-bottom: 0;
}

@media only screen and (min-width:48rem) {
    .pt-xs {
        padding-top: 10px;
    }

    .pb-xs {
        padding-bottom: 10px;
    }

    .mt-xs {
        margin-top: 10px;
    }

    .mb-xs {
        margin-bottom: 10px;
    }
}

.pt-sm {
    padding-top: 10px;
}

.pb-sm {
    padding-bottom: 10px;
}

.pl-sm {
    padding-left: 10px;
}

.pr-sm {
    padding-right: 10px;
}

.ml-sm {
    margin-left: 10px;
}

.mr-sm {
    margin-right: 10px;
}

.mt-sm {
    margin-top: 10px;
}

.mb-sm {
    margin-bottom: 10px;
}

@media only screen and (min-width:48rem) {
    .pt-sm {
        padding-top: 20px;
    }

    .pb-sm {
        padding-bottom: 20px;
    }

    .mt-sm {
        margin-top: 20px;
    }

    .mb-sm {
        margin-bottom: 20px;
    }
}

.pt-md {
    padding-top: 20px;
}

.pb-md {
    padding-bottom: 20px;
}

.pl-md {
    padding-left: 20px;
}

.pr-md {
    padding-right: 20px;
}

.ml-md {
    margin-left: 20px;
}

.mr-md {
    margin-right: 20px;
}

.mt-md {
    margin-top: 20px;
}

.mb-md {
    margin-bottom: 20px;
}

@media only screen and (min-width:48rem) {
    .pt-md {
        padding-top: 30px;
    }

    .pb-md {
        padding-bottom: 30px;
    }

    .mt-md {
        margin-top: 30px;
    }

    .mb-md {
        margin-bottom: 30px;
    }
}

.pt-lg {
    padding-top: 30px;
}

.pb-lg {
    padding-bottom: 30px;
}

.pl-lg {
    padding-left: 30px;
}

.pr-lg {
    padding-right: 30px;
}

.ml-lg {
    margin-left: 30px;
}

.mr-lg {
    margin-right: 30px;
}

.mt-lg {
    margin-top: 30px;
}

.mb-lg {
    margin-bottom: 30px;
}

@media only screen and (min-width:48rem) {
    .pt-lg {
        padding-top: 40px;
    }

    .pb-lg {
        padding-bottom: 40px;
    }

    .mt-lg {
        margin-top: 40px;
    }

    .mb-lg {
        margin-bottom: 40px;
    }
}

.pt-xl {
    padding-top: 40px;
}

.pb-xl {
    padding-bottom: 40px;
}

.pl-xl {
    padding-left: 40px;
}

.pr-xl {
    padding-right: 40px;
}

.ml-xl {
    margin-left: 40px;
}

.mr-xl {
    margin-right: 40px;
}

.mt-xl {
    margin-top: 40px;
}

.mb-xl {
    margin-bottom: 40px;
}

@media only screen and (min-width:48rem) {
    .pt-xl {
        padding-top: 50px;
    }

    .pb-xl {
        padding-bottom: 50px;
    }

    .mt-xl {
        margin-top: 50px;
    }

    .mb-xl {
        margin-bottom: 50px;
    }
}

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

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

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

.margin-center {
    margin-left: auto;
    margin-right: auto;
}

.uppercase {
    text-transform: uppercase;
}

.lowercase {
    text-transform: lowercase;
}

.capitalize {
    text-transform: capitalize;
}

.underline {
    text-decoration: underline;
}

.scratch-that {
    text-decoration: line-through;
}

.tab-pane.fade {
    opacity: 0;
    transition: opacity .15s linear;
}

    .tab-pane.fade.in {
        opacity: 1;
    }

.scale {
    animation: scale .2s cubic-bezier(0, 0, .2, 1);
}

@keyframes shadowGlow {
    0% {
        box-shadow: 0 2px 10px 0 rgba(138, 168, 230, .2);
    }

    37% {
        box-shadow: 0 2px 10px 5px rgba(138, 168, 230, .2);
    }

    75% {
        box-shadow: 0 2px 10px 5px rgba(138, 168, 230, .2);
    }

    100% {
        box-shadow: 0 2px 10px 0 rgba(138, 168, 230, .2);
    }
}

@keyframes popover-dot-animation {
    from {
        opacity: 1;
        transform: scale(1);
    }

    to {
        opacity: 0;
        transform: scale(4.8);
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(50px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        transform: translateX(-50px);
    }
}

@keyframes fadeDown {
    0% {
        opacity: 0;
        top: -20px;
        transform: translateX(-50%);
    }

    100% {
        opacity: 1;
        top: 0;
        transform: translateX(-50%);
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(-50px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        transform: translateX(50px);
    }
}

@keyframes fadeInDownSecondaryMobile {
    0% {
        opacity: 0;
        transform: translateY(-120px);
    }

    100% {
        opacity: 1;
        transform: translateY(-60px);
    }
}

@keyframes fadeInDownSecondaryDesktop {
    0% {
        opacity: 0;
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes scale {
    0% {
        transform: scale(1);
        opacity: 0;
    }

    1% {
        transform: scale(0);
    }

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

@keyframes scaleDown {
    0% {
        transform: scale(1);
        opacity: 1;
    }

    1% {
        transform: scale(0);
    }

    100% {
        transform: scale(0);
        opacity: 0;
    }
}

@keyframes btn-loading {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 50px 50px;
    }
}

@keyframes slideInFromBottom {
    0% {
        transform: translateY(30%);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes placeholderShimmer {
    0% {
        background-position: -468px 0;
    }

    100% {
        background-position: 468px 0;
    }
}

.overflow-hidden {
    overflow: hidden;
}

.no-max-width {
    max-width: none;
}

.hide {
    display: none !important;
}

.vertical-center {
    -ms-transform: translateY(50%);
    transform: translateY(50%);
}

.width-auto {
    width: auto;
}

.width-50 {
    width: 50%;
    margin: 0 auto;
}

.align-middle {
    vertical-align: middle;
}

.align-top {
    vertical-align: top;
}

.hr,
.hr-grey {
    display: block;
    height: 1px;
}

.border-grey {
    border-bottom: 1px solid #ccc;
}

.hr-grey {
    background-color: #ddd;
}

.text-dark-gray {
    color: #999;
}

.lazy-image-wrapper {
    position: relative;
    overflow: hidden;
    pointer-events: none;
    transform: translateZ(0);
    filter: blur(2px);
    line-height: 0;
}

    .lazy-image-wrapper .lazy-image {
        width: 100%;
    }

        .lazy-image-wrapper .lazy-image.banner-home-image {
            width: 200%;
        }

    .lazy-image-wrapper.banner-home-image img {
        max-width: initial;
    }

    .lazy-image-wrapper .original-image {
        position: absolute;
        top: 0;
        opacity: 0;
        z-index: -100;
    }

    .lazy-image-wrapper .align-bottom {
        margin-top: 5px;
        vertical-align: bottom;
    }

    .lazy-image-wrapper.loaded {
        filter: blur(0);
        background-image: none !important;
    }

        .lazy-image-wrapper.loaded a {
            pointer-events: all;
        }

        .lazy-image-wrapper.loaded .lazy-image {
            position: absolute;
            opacity: 0;
            top: 0;
        }

        .lazy-image-wrapper.loaded .original-image {
            position: relative;
            opacity: 1;
        }

        .lazy-image-wrapper.loaded.loading-optimized {
            background-color: transparent;
            opacity: 1;
        }

            .lazy-image-wrapper.loaded.loading-optimized .original-image {
                position: absolute;
            }

    .lazy-image-wrapper.loading-optimized {
        height: 0;
        opacity: .7;
        background: #f6f7f8;
        background-image: linear-gradient(to right, #f6f7f8 0, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);
        overflow: hidden;
        background-size: 800px 104px;
        animation: placeholderShimmer 1.5s linear infinite forwards;
    }

        .lazy-image-wrapper.loading-optimized.transparent-bg {
            background-color: transparent;
        }

        .lazy-image-wrapper.loading-optimized.border-radius-50 {
            border-radius: 50%;
        }

        .lazy-image-wrapper.loading-optimized .original-image {
            top: 0;
            bottom: 0;
            right: 0;
            left: 0;
            margin-top: 0;
            margin-bottom: 0;
        }

    .lazy-image-wrapper .image-small {
        width: auto;
        max-height: 125px;
    }

.image-wrapper-90 {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.image-wrapper-max-300 {
    max-width: 300px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.image-wrapper-80 {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.image-wrapper-40 {
    width: 40%;
    margin-left: auto;
    margin-right: auto;
}

.small-widget {
    max-width: 720px;
}

.fadeIn {
    animation: fadeIn 125ms ease-in;
}

.text-ellipsis {
    position: relative;
    word-break: break-word;
    overflow: hidden;
    text-align: left;
}

    .text-ellipsis::after,
    .text-ellipsis::before {
        position: absolute;
        right: 0;
    }

    .text-ellipsis::after {
        content: '';
        width: 16px;
        height: 16px;
        margin-top: 3px;
        background: #fff;
    }

    .text-ellipsis::before {
        content: '...';
        width: 70%;
        bottom: -2px;
        padding-left: 20px;
        background-image: linear-gradient(to right, transparent, #fff 20px);
    }

.block-in-mobile {
    display: block;
}

.hide-in-mobile,
.hide-in-mobile-and-tablet {
    display: none;
}

.align-center-in-mobile {
    text-align: center;
}

.align-center-in-mobile-and-tablet {
    text-align: center;
}

.float-none {
    float: none !important;
}

@media only screen and (min-width:48rem) {
    .hide-in-mobile {
        display: block;
    }

    .block-in-mobile {
        display: initial;
    }

    .align-center-in-mobile.align-right {
        text-align: right;
    }

    .align-center-in-mobile.align-left {
        text-align: left;
    }

    .hide-in-tablet-and-desktop {
        display: none !important;
    }

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

@media only screen and (min-width:60rem) {
    .hide-in-mobile-and-tablet {
        display: block;
    }

    .hide-in-desktop {
        display: none;
    }

    .align-center-in-mobile-and-tablet.align-left {
        text-align: left;
    }

    .align-center-in-mobile-and-tablet.align-right {
        text-align: right;
    }
}

.no-margin {
    margin: 0;
}

.sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 75px;
    z-index: 100;
}

.w-px-200 {
    width: 200px;
}

.w-px-150 {
    width: 150px;
}

.w-px-67 {
    width: 67px;
}

.w-px-120 {
    width: 120px;
}

@media only screen and (min-width:60rem) {
    .sticky {
        position: -webkit-sticky;
        position: sticky;
        top: 75px;
        z-index: 100;
    }
}

.tab-pane.fade {
    opacity: 0;
    transition: opacity .15s linear;
}

    .tab-pane.fade.in {
        opacity: 1;
    }

.scale {
    animation: scale .2s cubic-bezier(0, 0, .2, 1);
}

@keyframes shadowGlow {
    0% {
        box-shadow: 0 2px 10px 0 rgba(138, 168, 230, .2);
    }

    37% {
        box-shadow: 0 2px 10px 5px rgba(138, 168, 230, .2);
    }

    75% {
        box-shadow: 0 2px 10px 5px rgba(138, 168, 230, .2);
    }

    100% {
        box-shadow: 0 2px 10px 0 rgba(138, 168, 230, .2);
    }
}

@keyframes popover-dot-animation {
    from {
        opacity: 1;
        transform: scale(1);
    }

    to {
        opacity: 0;
        transform: scale(4.8);
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(50px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        transform: translateX(-50px);
    }
}

@keyframes fadeDown {
    0% {
        opacity: 0;
        top: -20px;
        transform: translateX(-50%);
    }

    100% {
        opacity: 1;
        top: 0;
        transform: translateX(-50%);
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(-50px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        transform: translateX(50px);
    }
}

@keyframes fadeInDownSecondaryMobile {
    0% {
        opacity: 0;
        transform: translateY(-120px);
    }

    100% {
        opacity: 1;
        transform: translateY(-60px);
    }
}

@keyframes fadeInDownSecondaryDesktop {
    0% {
        opacity: 0;
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes scale {
    0% {
        transform: scale(1);
        opacity: 0;
    }

    1% {
        transform: scale(0);
    }

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

@keyframes scaleDown {
    0% {
        transform: scale(1);
        opacity: 1;
    }

    1% {
        transform: scale(0);
    }

    100% {
        transform: scale(0);
        opacity: 0;
    }
}

@keyframes btn-loading {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 50px 50px;
    }
}

@keyframes slideInFromBottom {
    0% {
        transform: translateY(30%);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes placeholderShimmer {
    0% {
        background-position: -468px 0;
    }

    100% {
        background-position: 468px 0;
    }
}

html {
    font-size: 16px;
}

body {
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: National-Book, Helvetica, sans-serif;
    font-size: 1rem;
    line-height: 1.75;
    color: #666;
}

* {
    -webkit-tap-highlight-color: transparent;
    font-variant-numeric: lining-nums;
    word-break: break-word;
}

a,
a:focus,
a:visited {
    text-decoration: none;
    outline: 0;
}

img {
    width: 100%;
    max-width: 45rem;
    margin: auto;
}

fieldset {
    border: none;
}

th {
    font-weight: inherit;
}

.logo {
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
}
 
.logo-360-text {
    font-family: Sailec-Medium, Helvetica, sans-serif;
    font-weight: 600;
    color: #666;
    font-size: 1.125rem;
    line-height: 1.125rem;
    position: relative;
    top: 4px;
}

@media only screen and (min-width:60rem) {
    .logo {
        height: 24px;
    }

    .logo-fworks {
        width: 120px;
        background-size: 120px;
    }

    .logo-fdesk {
        width: 110px;
        background-size: 110px;
    }

    .logo-fservice {
        width: 131px;
        background-size: 131px;
    }

    .logo-fsales {
        width: 114px;
        background-size: 114px;
    }

    .logo-fcaller {
        width: 117px;
        background-size: 117px;
    }

    .logo-fteam {
        width: 116px;
        background-size: 116px;
    }

    .logo-fchat {
        width: 107px;
        background-size: 107px;
    }

    .logo-fmarketer {
        width: 150px;
        background-size: 150px;
    }

    .logo-fping {
        width: 110px;
        background-size: 110px;
    }

    .logo-fconnect {
        width: 141px;
        background-size: 141px;
    }

    .logo-frelease {
        width: 132px;
        background-size: 132px;
    }

    .logo-fstatus {
        width: 120px;
        background-size: 120px;
    }

    .logo-fthoughts {
        width: 60px;
        background-size: 60px;
    }

    .logo-mtgap {
        height: 38px;
        width: 158px;
        background-size: 158px;
    }

    .logo-fthoughts {
        height: 36px;
        width: 88px;
        background-size: 88px;
    }
}

::-moz-selection {
    background-color: #cdf;
    color: #4d4d4d;
}

::selection {
    background-color: #cdf;
    color: #4d4d4d;
}

::-moz-selection {
    background-color: #cdf;
    color: #4d4d4d;
}

.h0,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.h7,
.pl-ads .plan-tile-small p.pricing,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 500;
    color: #4d4d4d;
    font-family: Sailec-Medium, Helvetica, sans-serif;
    margin: 10px 0;
}

.national-bold {
    font-family: National-Bold, Helvetica, sans-serif;
}

.sub-text {
    font-family: National-Book, Helvetica, sans-serif;
    font-size: 1rem;
    line-height: 1.5;
    color: #666;
    margin: 0;
}

.pre-text {
    border-radius: .625rem;
    font-family: Sailec-Medium, Helvetica, sans-serif;
    background-color: rgba(0, 0, 0, .1);
    padding: 5px 12px;
    font-size: .625rem;
    letter-spacing: 1px;
    text-align: center;
    color: rgba(255, 255, 255, .5);
    text-transform: uppercase;
    height: 24px;
}

    .pre-text.fdesk-pre-text {
        background-color: #25c16f;
        color: #fff;
        font-size: .625rem;
    }

    .pre-text.fservice-pre-text {
        background-color: #08c7fb;
        color: #fff;
        font-size: .625rem;
    }

    .pre-text.fsales-pre-text {
        background-color: #ffa800;
        color: #fff;
        font-size: .625rem;
    }

    .pre-text.fcaller-pre-text {
        background-color: #cc4783;
        color: #fff;
        font-size: .625rem;
    }

    .pre-text.fteam-pre-text {
        background-color: #ff5969;
        color: #fff;
        font-size: .625rem;
    }

    .pre-text.fchat-pre-text {
        background-color: #45a4ec;
        color: #fff;
        font-size: .625rem;
    }

    .pre-text.fmarketer-pre-text {
        background-color: #ee5a24;
        color: #fff;
        font-size: .625rem;
    }

    .pre-text.fstatus-pre-text {
        background-color: #7e7efc;
        color: #fff;
        font-size: .625rem;
    }

    .pre-text.frelease-pre-text {
        background-color: #7d61dc;
        color: #fff;
        font-size: .625rem;
    }

    .pre-text.fthoughts-pre-text {
        background-color: #3973e6;
        color: #fff;
        font-size: .625rem;
    }

.feature-bucket-desc h1 .pre-text.fdesk-pre-text,
.h1 .pre-text.fdesk-pre-text,
.h2 .pre-text.fdesk-pre-text,
h2 .pre-text.fdesk-pre-text {
    vertical-align: middle;
    font-size: .5rem;
}

.feature-bucket-desc h1 .pre-text.fservice-pre-text,
.h1 .pre-text.fservice-pre-text,
.h2 .pre-text.fservice-pre-text,
h2 .pre-text.fservice-pre-text {
    vertical-align: middle;
    font-size: .5rem;
}

.feature-bucket-desc h1 .pre-text.fsales-pre-text,
.h1 .pre-text.fsales-pre-text,
.h2 .pre-text.fsales-pre-text,
h2 .pre-text.fsales-pre-text {
    vertical-align: middle;
    font-size: .5rem;
}

.feature-bucket-desc h1 .pre-text.fcaller-pre-text,
.h1 .pre-text.fcaller-pre-text,
.h2 .pre-text.fcaller-pre-text,
h2 .pre-text.fcaller-pre-text {
    vertical-align: middle;
    font-size: .5rem;
}

.feature-bucket-desc h1 .pre-text.fteam-pre-text,
.h1 .pre-text.fteam-pre-text,
.h2 .pre-text.fteam-pre-text,
h2 .pre-text.fteam-pre-text {
    vertical-align: middle;
    font-size: .5rem;
}

.feature-bucket-desc h1 .pre-text.fchat-pre-text,
.h1 .pre-text.fchat-pre-text,
.h2 .pre-text.fchat-pre-text,
h2 .pre-text.fchat-pre-text {
    vertical-align: middle;
    font-size: .5rem;
}

.feature-bucket-desc h1 .pre-text.fmarketer-pre-text,
.h1 .pre-text.fmarketer-pre-text,
.h2 .pre-text.fmarketer-pre-text,
h2 .pre-text.fmarketer-pre-text {
    vertical-align: middle;
    font-size: .5rem;
}

.feature-bucket-desc h1 .pre-text.fstatus-pre-text,
.h1 .pre-text.fstatus-pre-text,
.h2 .pre-text.fstatus-pre-text,
h2 .pre-text.fstatus-pre-text {
    vertical-align: middle;
    font-size: .5rem;
}

.feature-bucket-desc h1 .pre-text.frelease-pre-text,
.h1 .pre-text.frelease-pre-text,
.h2 .pre-text.frelease-pre-text,
h2 .pre-text.frelease-pre-text {
    vertical-align: middle;
    font-size: .5rem;
}

.feature-bucket-desc h1 .pre-text.fthoughts-pre-text,
.h1 .pre-text.fthoughts-pre-text,
.h2 .pre-text.fthoughts-pre-text,
h2 .pre-text.fthoughts-pre-text {
    vertical-align: middle;
    font-size: .5rem;
}

.h1,
h1 {
    font-size: 2rem;
    line-height: 2.5rem;
    line-height: 1.25;
}

.h2,
h2 {
    font-size: 1.75rem;
    line-height: 2.125rem;
    line-height: 1.25;
}

.h3,
.h4,
h3,
h4 {
    font-size: 1.5rem;
    line-height: 1.25;
}

.h5,
h5 {
    font-size: 1.3125rem;
    line-height: 1.43;
}

.h6,
.pl-ads .plan-tile-small p.pricing,
h6 {
    font-size: 1.125rem;
    line-height: 1.44;
}

.h7 {
    font-size: .875rem;
    line-height: 1.43;
}

p {
    font-family: National-Book, Helvetica, sans-serif;
    font-size: 1rem;
    line-height: 1.75;
    color: #666;
    margin: 10px 0;
}

a {
    font-family: National-Regular, Helvetica, sans-serif;
}

.testimonial-20 {
    font-family: National-Book, Helvetica, sans-serif;
    font-size: 1.25rem;
    font-style: italic;
    line-height: 1.4;
    color: #666;
}

.testimonial-18 {
    font-family: National-Book, Helvetica, sans-serif;
    font-size: 1.125rem;
    font-style: italic;
    line-height: 1.56;
    color: #666;
}

.national-italic-14 {
    font-family: National-Book, Helvetica, sans-serif;
    font-size: .875rem;
    font-style: italic;
    line-height: 1.71;
    color: #999;
}

ol,
ul {
    text-align: left;
}

    [class^=list-] li,
    ol li {
        font-family: National-Book, Helvetica, sans-serif;
        font-size: 1rem;
        line-height: 1.75;
        color: #666;
        padding-left: 5px;
        margin-top: 10px;
    }

     

    ul.list-checkmarks-fchat li,
    ul.list-checkmarks-fdesk li,
    ul.list-checkmarks-fsales li,
    ul.list-checkmarks-fservice li {
        background-image: url(/static-assets/images/common/icons/circled-check.svg);
    }

    ul.list-checkmarks-img li {
        background-image: url(/static-assets/images/common/icons/circled-check.svg);
    }

    ul.list-crossmarks-img li {
        background-image: url(/static-assets/images/common/icons/circled-cross.svg);
    }

    ul.list-checkmarks,
    ul.list-crossmarks {
        padding-left: 0;
    }

        ul.list-checkmarks li,
        ul.list-crossmarks li {
            list-style: none;
            padding-left: 30px;
            background-repeat: no-repeat;
            background-position: left center;
        }

            ul.list-checkmarks li.fdesk-home,
            ul.list-crossmarks li.fdesk-home {
                background-position: 4px 4px;
                font-size: 1rem;
                margin-top: 12px;
            }

                ul.list-checkmarks li.fdesk-home:not(.suppress),
                ul.list-crossmarks li.fdesk-home:not(.suppress) {
                    background-image: url(/static-assets/images/common/icons/circled-check.svg);
                }

            ul.list-checkmarks li a,
            ul.list-crossmarks li a {
                display: inline-block;
            }

        ul.list-checkmarks.top-align-icon li,
        ul.list-crossmarks.top-align-icon li {
            background-position: left 5px;
        }

    ol.list-alphabet-lower {
        list-style-type: lower-alpha;
    }

    ol.list-roman-lower {
        list-style-type: lower-roman;
    }

.national-semibold {
    font-family: National-Semibold, Helvetica, sans-serif;
}

.caps-heading-12,
.caps-heading-14 {
    text-transform: uppercase;
    font-family: Sailec-Medium, Helvetica, sans-serif;
    letter-spacing: .5px;
    color: #4d4d4d;
}

.caps-heading-14 {
    font-size: .875rem;
}

.caps-heading-12 {
    font-size: .75rem;
    line-height: 1.17;
}

.caps-heading-12-light {
    font-size: .75rem;
    text-transform: uppercase;
    line-height: 1;
    font-family: Sailec-Medium, Helvetica, sans-serif;
    letter-spacing: .5px;
    color: #999;
}

.caps-heading-12-bold {
    text-transform: uppercase;
    font-size: .75rem;
    font-family: Sailec-Bold, Helvetica, sans-serif;
    letter-spacing: .5px;
    line-height: 1.33;
}

.national-semibold-14 {
    font-family: National-Semibold, Helvetica, sans-serif;
    font-size: .875rem;
    line-height: 1.75;
}

.national-semibold-16 {
    font-family: National-Semibold, Helvetica, sans-serif;
    font-size: 1rem;
    line-height: 1.75;
    color: #666;
    margin: 0;
}

.national-medium-18 {
    font-family: National-Medium, Helvetica, sans-serif;
    font-size: 1.125rem;
    line-height: 1.44;
    color: #4d4d4d;
}

.sailec-medium-14 {
    font-family: Sailec-Medium, Helvetica, sans-serif;
    color: #4d4d4d;
    line-height: 1.43;
}

.sailec-medium-16 {
    font-family: Sailec-Medium, Helvetica, sans-serif;
    line-height: 1.43;
    font-size: 1rem;
}

.sailec-medium-18 {
    font-family: Sailec-Medium, Helvetica, sans-serif;
    font-size: 1.125rem;
}

.italic {
    font-style: italic;
}

.font-color-light h6,
.font-color-light > .caps-heading-12,
.font-color-light > .caps-heading-12-bold,
.font-color-light > .caps-heading-14,
.font-color-light > .h1,
.font-color-light > .h2,
.font-color-light > .h3,
.font-color-light > .h4,
.font-color-light > .h5,
.font-color-light > .h6,
.font-color-light > .h7,
.font-color-light > .national-semibold,
.font-color-light > h1,
.font-color-light > h2,
.font-color-light > h3,
.font-color-light > h4,
.font-color-light > h5,
.font-color-light > h6,
.font-color-light > p,
.pl-ads .plan-tile-small .font-color-light > p.pricing {
    color: #fff;
}

.font-color-light .sub-text,
.font-color-light .testimonial-18,
.font-color-light .testimonial-20,
.font-color-light [class^=list-] li,
.font-color-light ol li {
    color: rgba(255, 255, 255, .75);
}

.no-text-margins > h1,
.no-text-margins > h2,
.no-text-margins > h3,
.no-text-margins > h4,
.no-text-margins > h5,
.no-text-margins > h6,
.no-text-margins > p {
    margin: 0;
}

.document > h1,
.document > h2,
.document > h3,
.document > h4,
.document > h5,
.document > h6,
.document > p {
    margin: 20px 0;
}

footer a {
    font-family: National-Book, Helvetica, sans-serif;
}

.footer-nav-title {
    font-family: Sailec-Bold, Helvetica, sans-serif;
}

.pricing-toggle {
    font-family: Sailec-Bold, Helvetica, sans-serif;
}

.existing-plan-features,
.pricing-table-info > p,
.pricing-tooltip {
    font-family: National-Book, Helvetica, sans-serif;
}

.pricing-table-plan-price {
    font-family: Sailec-Regular, Helvetica, sans-serif;
}

.pricing-table-support-details a {
    font-family: National-Medium, Helvetica, sans-serif;
}

[data-accordion-toggle^=pricing].accordion-link {
    font-family: Sailec-Medium, Helvetica, sans-serif;
}

.pricing-table-support-text {
    font-family: National-Regular, Helvetica, sans-serif;
}

    .pricing-table-support-text strong {
        font-family: National-Semibold, Helvetica, sans-serif;
    }

.slideshare-content .title {
    font-family: Sailec-Medium, Helvetica, sans-serif;
}

.cost-of-number .cost-of-number-amount {
    font-family: Sailec-light, Helvetica, sans-serif;
}

.cost-of-number .cost-of-number-symbol {
    font-family: Sailec-Regular, Helvetica, sans-serif;
}

.cost-of-number .detailed-pricing {
    font-family: National-Regular, Helvetica, sans-serif;
}

.call-rates-body h4,
.call-rates-body p,
.call-rates-header p {
    font-family: Sailec-Medium, Helvetica, sans-serif;
}

.detailed-pricing-popup .detailed-pricing-head {
    font-family: Sailec-Bold, Helvetica, sans-serif;
}

.detailed-pricing-popup .rates-starting-rates p,
.detailed-pricing-popup .rates-starting-with p {
    font-family: National-Book, Helvetica, sans-serif;
}

.detailed-pricing-popup .rates-starting-rates h6 {
    font-family: Sailec-Regular, Helvetica, sans-serif;
}

.resource-box h5 {
    font-family: Sailec-Medium, Helvetica, sans-serif;
}

.case-study-box h6 {
    font-family: Sailec-Bold, Helvetica, sans-serif;
}

.solution-partner-form .interested-product p {
    text-align: left;
    padding: 27px 0 0;
    font-weight: 600;
}

.solution-partner-form .checkbox-reseller {
    float: left;
}

    .solution-partner-form .checkbox-reseller label {
        margin-right: 66px;
        float: left;
        vertical-align: middle;
        margin-top: 10px;
        padding-left: 10px;
    }

    .solution-partner-form .checkbox-reseller input[type=checkbox] {
        width: 24px;
        height: 24px;
        vertical-align: middle;
        float: left;
        margin-top: 10px;
        color: #3973e6;
        background-color: #fff;
    }

.list-no-indent {
    padding: 0 15px;
}

.table-seo .plain-table th {
    font-family: Sailec-Medium, Helvetica, sans-serif;
}

.table-seo .plain-table td,
.table-seo .plain-table th {
    font-size: .875rem;
}

.text-line-through {
    text-decoration: line-through;
}

@media only screen and (min-width:60rem) {
    .h0 {
        font-size: 3.75rem;
        line-height: 1.25;
    }

    .h1,
    h1 {
        font-size: 2.625rem;
        line-height: 1.29;
    }

    .h2,
    h2 {
        font-size: 2.25rem;
        line-height: 1.33;
    }

    .h3,
    h3 {
        font-size: 1.75rem;
        line-height: 1.14;
    }

    .national-bold {
        font-family: National-Bold, Helvetica, sans-serif;
    }

    .sub-text {
        font-family: National-Book, Helvetica, sans-serif;
        font-size: 1.25rem;
        line-height: 1.4;
        color: #666;
    }

    .pre-text {
        border-radius: .75rem;
        font-family: Sailec-Medium, Helvetica, sans-serif;
        background-color: rgba(0, 0, 0, .1);
        padding: 5px 12px;
        font-size: .75rem;
        letter-spacing: 1px;
        text-align: center;
        color: rgba(255, 255, 255, .5);
        text-transform: uppercase;
        height: 24px;
    }

    [class^=list-] li,
    ol li {
        padding-left: 10px;
    }

    ul.list-checkmarks li.fdesk-home {
        background-position: 3px 7px;
        font-size: 1.125rem;
        margin-top: 12px;
    }
}

.l-nav-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.l-page {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

.l-article {
    max-width: 744px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.l-badge {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.l-banner {
    max-width: 860px;
    margin-left: auto;
    margin-right: auto;
}

.l-home {
    padding-top: 40px;
}

    .l-home img {
        margin: auto;
        width: 100%;
        display: block;
    }

.fscalendar-wrapper,
.small-banner {
    text-align: center;
}

.full-width-content h2,
.full-width-content p {
    text-align: left;
}

.mobile-center-desktop-left-align {
    text-align: center;
}

.banner-illustration {
    margin-top: 30px;
    position: relative;
}

    .banner-illustration .line {
        position: relative;
        height: 2px;
        width: 100%;
        margin: 20px 0 30px;
        background: linear-gradient(to right, rgba(241, 209, 177, 0), #f2d1b1 20%, #f2d1b1 75%, rgba(242, 209, 177, 0));
    }

.nav-transparent .first-fold {
    padding-top: 50px;
}

.nav-transparent-secondary .first-fold {
    padding-top: 104px;
}

.l-section {
    padding-top: 40px;
    padding-bottom: 40px;
}

    .l-section:not(.section-light-bg):not(.pattern-gradient-light) + .l-section:not(.section-light-bg):not(.gradient-light):not(.pattern-gradient-light):not(.sticky-banner-solid) {
        padding-top: 20px;
    }

.l-section-heading {
    padding-bottom: 40px;
}

    .l-section-heading a {
        font-family: Sailec-Medium, Helvetica, sans-serif;
    }

.l-grid {
    margin-bottom: -30px;
}

.grid-ripple-container {
    counter-reset: ripple-counter;
}

.l-col-widget {
    margin-bottom: 40px;
}

.no-gutters {
    margin-right: 0;
    margin-left: 0;
}

    .no-gutters > .col,
    .no-gutters > [class*=col-] {
        padding-right: 0;
        padding-left: 0;
    }

.icon-full-width {
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center;
    width: auto;
    height: 200px;
}

.full-width-img img {
    max-width: 100%;
}

.doubleSideBg h1,
.doubleSideBg p {
    padding-right: 15px;
    padding-left: 15px;
}

.migrate-wrapper {
    padding: 30px;
    transition: all .3s;
}

    .migrate-wrapper:hover {
        border-radius: 5px;
        background-color: #fff;
        box-shadow: 0 0 40px 0 rgba(0, 0, 0, .1);
        -ms-transform: scale(1.045);
        transform: scale(1.045);
    }

.plain-table {
    border-radius: 5px;
    width: 100%;
}

    .plain-table th {
        text-transform: uppercase;
        font-size: .75rem;
        font-family: Sailec-Bold, Helvetica, sans-serif;
        letter-spacing: .5px;
        line-height: 1.33;
        text-align: left;
    }

    .plain-table td,
    .plain-table th {
        padding: 10px 7px;
    }

        .plain-table td:first-child,
        .plain-table th:first-child {
            padding-left: 10px;
        }

        .plain-table td:last-child,
        .plain-table th:last-child {
            padding-right: 10px;
        }

.small-para {
    font-size: 14px;
    color: #999;
}

.unsubscribe-form-widget .email-only-signup .error-wrapper {
    top: 73px;
}

.designation {
    color: #999;
}

.bio {
    line-height: 22px;
}

.big-icon-widget,
.presenter-widget {
    display: inline-block;
    margin: 25px 0;
    margin-bottom: 25px;
    width: 100%;
    max-width: 381px;
    vertical-align: top;
}

.big-icon-widget {
    max-width: 346px;
}

.presenter-widget {
    max-width: 380px;
}

.speaker-wrapper {
    margin-bottom: 40px;
}

.swap-two-rows {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}

    .swap-two-rows [class^=col-md-6]:first-child {
        -ms-flex-order: 2;
        order: 2;
    }

.unsubscribe_text {
    margin-left: auto;
    margin-right: auto;
    padding-right: 25px;
    padding-left: 25px;
    max-width: 1090px;
    font-size: 1.125rem;
}

.unsubscribe-form {
    display: inline-block;
}

    .unsubscribe-form input[type=checkbox] {
        border-radius: 3px;
        background-color: #fff;
        border: solid 1px #ccc;
    }

    .unsubscribe-form textarea {
        padding-top: 5px;
        padding-left: 5px;
    }

    .unsubscribe-form textarea {
        border-radius: 3px;
        border: 1px solid #ccc;
        background-color: #fff;
    }

.box-border {
    border-radius: 5px;
}

.show-more-wrapper::before {
    content: '';
    display: block;
    position: relative;
    top: 16px;
}

.show-more-wrapper .show-more {
    background-color: #fff;
    z-index: 1;
    position: relative;
    padding: 0 10px;
}

.show-more-widget .card-item {
    display: none;
}

.mockup-card .circles {
    position: absolute;
    left: 6px;
    top: 10px;
}

.mockup-card p {
    margin: 0;
}

.browser-mockup.mockup-card {
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1);
    min-height: 350px;
    background-color: #fff;
    font-size: 0;
    border-radius: 5px;
    padding: 0;
    position: relative;
}

.explore .activity-type.article {
    float: inherit;
    background-color: rgba(37, 193, 111, .1);
}

.email-form-notification .thank-you-card.active span {
    color: #4d4d4d;
}

.explore .activity-header img {
    width: 182px;
    height: 52px;
}

.exolore .free-tool-card.activity-card {
    padding: 0;
}

.explore span.forward--link {
    float: right;
}

.mockup-box {
    transition: transform .3s ease, box-shadow .3s ease;
}

    .mockup-box:hover {
        box-shadow: 0 12px 10px 0 rgba(0, 0, 0, .1);
        -ms-transform: translate(0, -5px);
        transform: translate(0, -5px);
    }

.halfWidth {
    width: 40%;
    margin: 0 auto;
    min-width: 320px;
}

.logo-image-left {
    max-width: 600px;
    margin: 0 auto;
    font-size: 0;
}

    .logo-image-left .title {
        text-align: center;
    }

.table-small {
    max-width: 530px;
}

table.big-header th:first-child {
    line-height: 3;
}

.table-medium {
    max-width: 811px;
}

.stickydiv {
    position: fixed;
    max-width: 17.4vw;
    top: 100px;
}

.section-light-large p {
    font-size: 1.125rem;
    font-family: Sailec-Medium, Helvetica, sans-serif;
}

.font-size-18 {
    font-size: 1.125rem;
}

.intelligent-responses-wrapper {
    margin-top: 40px;
    padding-top: 55px;
    border-top: 1px solid #e1e6ea;
    padding-bottom: 45px;
}

.brand-story-wrap {
    background: #fff;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1);
    margin-bottom: 30px;
}

    .brand-story-wrap .brand-story-content {
        font-size: .875rem;
        line-height: 1.43;
        font-family: Sailec-Medium, Helvetica, sans-serif;
        text-align: center;
    }

.share-your-brand-story-wrapper .thank-you-card,
.share-your-story-wrapper .thank-you-card {
    position: static;
}

.brands-heading-border {
    border-top: 1px solid #e1e6ea;
    padding-top: 45px;
}

.customer-service-banner.pb-lg {
    padding-bottom: 35px;
}

.customer-service-banner .mb-lg.banner-text-content {
    margin-bottom: 0;
}

.single-fold footer {
    margin-top: -60px;
}

.single-fold .first-fold {
    min-height: 100vh;
}

.single-fold .pattern-gradient-light {
    background-position: bottom 60px left;
    padding-bottom: 150px;
}

    .single-fold .pattern-gradient-light.signup-page-container {
        background-position: bottom left;
        padding-bottom: 90px;
    }

.single-fold-image {
    width: 75%;
    margin-top: 30px;
    margin-bottom: 20px;
}

.icon-big,
.icon-investors span,
.icon-small {
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.icon-big {
    width: 67px;
    height: 67px;
}

.icon-logo {
    width: 61px;
    height: 61px;
    background-size: 61px;
}

.icon-small {
    width: 36px;
    height: 36px;
    background-size: contain;
}

.icon-extra-small {
    width: 20px;
    height: 20px;
    background-size: contain;
}

.icon-investors {
    display: block;
    margin: 10px auto;
    width: 160px;
}

    .icon-investors span {
        display: inline-block;
        width: 100%;
        padding-bottom: 160px;
    }

.icon-speakers {
    width: 67px;
    margin: 0 auto;
}

    .icon-speakers img {
        display: block;
        margin: auto;
        width: 67px;
        height: 67px;
        border-radius: 50%;
    }

.icon-app-store {
    display: inline-block;
    width: 125px;
    height: 40px;
    line-height: inherit;
    background-size: contain;
    padding: 0;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 3px;
    transition: background-image .2s ease;
}

    .icon-app-store:hover {
        cursor: pointer;
        background-image: url(/static-assets/images/common/icons/img-google-play-hover.png);
    }

    .icon-app-store.icon-app-store-google {
        margin-right: 11px;
        background-image: url(/static-assets/images/common/icons/img-google-play.png);
    }

    .icon-app-store.icon-app-store-apple {
        background-image: url(/static-assets/images/common/icons/img-apple-store.png);
    }

.verified-check {
    width: 36px;
    height: 36px;
    background-color: #76c125;
    border-radius: 50%;
    color: #fff;
    margin: 15px auto 10px;
    line-height: 38px;
}

.color-icons {
    padding-top: 10px;
    padding-bottom: 19px;
}

    .color-icons i {
        border-radius: 50%;
        font-size: 10px;
        width: 24px;
        height: 24px;
        display: inline-block;
        line-height: 24px;
    }

    .color-icons .icon-twitter {
        color: #fff;
        background-color: #00a3ec;
    }

    .color-icons .icon-linkedin {
        color: #fff;
        background-color: #0079b0;
    }

.button {
    font-family: Sailec-Bold, Helvetica, sans-serif;
    cursor: pointer;
    border: none;
    outline: 0;
    border-radius: 3px;
    text-align: center;
    letter-spacing: 1px;
    text-transform: uppercase;
    display: inline-block;
    transition: background-color .15s ease-in;
    white-space: normal;
}

    .button.disabled {
        opacity: .5;
        pointer-events: none;
    }

.button--solid {
    color: #fff !important;
    padding: 10px 30px;
    font-size: .875rem;
    vertical-align: bottom;
    min-width: 160px;
}

    .button--solid.button--black {
        background: #4d4d4d;
    }

        .button--solid.button--black:hover {
            background-color: #333;
        }

.button--linkedin {
    position: relative;
    background-color: #007bb5;
    color: #fff;
    padding: 10px 30px 10px 50px;
    font-size: .875rem;
}

    .button--linkedin .icon-linkedin {
        position: absolute;
        width: 40px;
        left: 0;
        top: 0;
        border-right: 1px solid #4d4d4d;
        font-size: 26px;
        line-height: 44px;
    }

.button--disabled {
    background-color: #e0e0e0;
    color: rgba(0, 0, 0, .35) !important;
    padding: 10px 30px;
    font-size: .875rem;
    vertical-align: bottom;
    min-width: 160px;
    pointer-events: none;
}

.button--white,
.button--white-negative {
    background-color: #fff;
    padding: 10px 30px;
    font-size: .875rem;
    color: #4d4d4d;
    transition: color .15s ease-in, background-color .15s ease-in;
}

    .button--white-negative:hover,
    .button--white:hover {
        color: #fff;
    }

.button--white {
    border: 1px solid #999;
}

    .button--white:hover {
        border: 1px solid transparent;
    }

.button--white-negative:hover {
    background-color: rgba(0, 0, 0, .4);
}

.button--ghost {
    padding: 9px 29px;
    font-size: .875rem;
    background: 0 0;
    border-style: solid;
    border-width: 1px;
}

.button--ghost-white-padding {
    padding: 9px 74px;
    font-size: .875rem;
    background: 0 0;
    border-style: solid;
    border-width: 1px;
    color: #fff;
    border: solid 1px rgba(255, 255, 255, .7);
}

    .button--ghost-white-padding:hover {
        background-color: rgba(255, 255, 255, .15);
        color: #fff;
    }

.button--ghost-white {
    padding: 9px 29px;
    font-size: .875rem;
    background: 0 0;
    border-style: solid;
    border-width: 1px;
    color: #fff;
    border: solid 1px rgba(255, 255, 255, .7);
}

    .button--ghost-white:hover {
        background-color: rgba(255, 255, 255, .15);
        color: #fff;
    }

.button--block {
    width: 100%;
}

.button--margin {
    margin: 20px 0 0;
}

.button.button-light {
    position: relative;
    display: inline-block;
    min-width: 160px;
    padding: 22px 20px 20px 60px;
    color: #4d4d4d !important;
    font-size: .875rem;
}

.button.button-light_fdesk {
    background-color: #e9f8f0;
    border: solid 1px #25c16f;
}

    .button.button-light_fdesk:hover {
        background-color: #d3f3e2;
    }

.button.button-light_fsales {
    background-color: #fff6e5;
    border: solid 1px #ffa800;
}

    .button.button-light_fsales:hover {
        background-color: #fec;
    }

.button.button-light .button-light__logo {
    position: absolute;
    display: inline-block;
    width: 35px;
    height: 35px;
    top: 50%;
    left: 12px;
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background-size: contain;
    background-repeat: no-repeat;
}
 
.button.button--small {
    padding: 7px 20px;
    font-size: .75rem;
    min-width: 100px;
}

.button--loading {
    background-image: linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent) !important;
    z-index: 1;
    background-size: 50px 50px !important;
    animation: btn-loading 1.3s linear infinite;
    overflow: hidden;
}

.buttons--group [class^=button] {
    margin: 10px;
}

.button + .button {
    display: table;
    margin: 20px auto 0;
}

.link {
    cursor: pointer;
    font-size: 1rem;
    transition: color .15s ease-in;
    font-family: National-Medium, Helvetica, sans-serif;
    line-height: 1;
    display: block;
}

.forward--link {
    font-size: 16px;
}

    .forward--link::after {
        font-family: icomoon;
        font-size: 11px;
        content: '\e905';
        position: relative;
        top: 1px;
        left: 5px;
        transition: color .15s ease-in;
    }

.backward--link::before {
    font-family: icomoon;
    display: inline-block;
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    font-size: 11px;
    content: '\e905';
    position: relative;
    left: -8px;
    transition: color .15s ease-in;
}

.togglearrow--link {
    display: inline-block;
    padding-right: 14px;
    position: relative;
    font-size: 18px;
}

    .togglearrow--link::before {
        content: '';
        width: 20px;
        height: 20px;
        display: inline-block;
        position: absolute;
        top: -1px;
        right: 0;
        border-radius: 50%;
    }

    .togglearrow--link::after {
        content: '\e900';
        transition: color .15s ease-in;
        position: relative;
        top: 0;
        left: 9px;
        font-family: icomoon;
        font-size: 10px;
    }

    .togglearrow--link.togglearrow-link-open::after {
        content: '\e907';
        top: -1px;
    }

.partner-reseller-button {
    font-size: 0;
    width: 100%;
}

.equal-buttons-wrapper a.button {
    min-width: 200px;
}

.nav-super {
    display: none;
}

[data-product-name=fconnect] .l-nav-list.nav-super-menu .fworks-language-selector,
[data-product-name=fmarketer] .l-nav-list.nav-super-menu .fworks-language-selector,
[data-product-name=fping] .l-nav-list.nav-super-menu .fworks-language-selector,
[data-product-name=frelease] .l-nav-list.nav-super-menu .fworks-language-selector,
[data-product-name=fsales] .l-nav-list.nav-super-menu .fworks-language-selector,
[data-product-name=fstatus] .l-nav-list.nav-super-menu .fworks-language-selector,
[data-product-name=fteam] .l-nav-list.nav-super-menu .fworks-language-selector {
    display: none;
}

.nav-primary.nav-primary-opened {
    background-color: #333;
}

    .nav-primary.nav-primary-opened .nav-logo-wrapper {
        background-color: #333;
    }

    .nav-primary.nav-primary-opened .nav-burger-icon {
        background-color: #fff;
        height: 0;
    }

        .nav-primary.nav-primary-opened .nav-burger-icon::after,
        .nav-primary.nav-primary-opened .nav-burger-icon::before {
            height: 2px;
            top: 0;
            bottom: 0;
            background-color: #fff;
        }

        .nav-primary.nav-primary-opened .nav-burger-icon::before {
            -ms-transform: rotate(-45deg);
            transform: rotateZ(-45deg);
        }

        .nav-primary.nav-primary-opened .nav-burger-icon::after {
            -ms-transform: rotate(45deg);
            transform: rotateZ(45deg);
        }

    .nav-primary.nav-primary-opened .nav-company-menu,
    .nav-primary.nav-primary-opened .nav-main-menu {
        position: static;
        opacity: 1;
        pointer-events: all;
        z-index: 200;
        transition: opacity 50ms ease;
        cursor: pointer;
    }

.nav-company-menu,
.nav-main-menu {
    position: absolute;
    width: 100%;
    left: -10000px;
    opacity: 0;
    pointer-events: none;
    z-index: -100;
    transition: opacity .3s ease;
}

    .nav-company-menu .nav-sub-item:not(.nav-logo-tagline):hover {
        color: #3973e6;
    }

.nav-main-item {
    color: #fff;
    background-color: rgba(0, 0, 0, .2);
    border-bottom: 1px solid rgba(255, 255, 255, .05);
    position: relative;
    font-size: .75rem;
    font-family: Sailec-Medium, Helvetica, sans-serif;
    text-transform: uppercase;
    overflow-x: hidden;
}

    .nav-main-item:hover {
        color: rgba(255, 255, 255, .75);
    }

    .nav-main-item.nav-signup-wrapper {
        padding-top: 0;
    }

#nav-sign-up {
    display: none;
}

[data-product-name=fconnect] .l-nav-list.nav-company-menu .fworks-language-selector,
[data-product-name=fmarketer] .l-nav-list.nav-company-menu .fworks-language-selector,
[data-product-name=fping] .l-nav-list.nav-company-menu .fworks-language-selector,
[data-product-name=frelease] .l-nav-list.nav-company-menu .fworks-language-selector,
[data-product-name=fstatus] .l-nav-list.nav-company-menu .fworks-language-selector,
[data-product-name=fteam] .l-nav-list.nav-company-menu .fworks-language-selector {
    display: none;
}

.nav-secondary-item.sub-menu-opened .nav-secondary-label {
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .1);
    position: relative;
    z-index: 300;
}

.nav-secondary-item .nav-sub-menu {
    z-index: 200;
    width: 100%;
    position: absolute;
    box-shadow: 0 2px 10px -2px rgba(0, 0, 0, .2);
}

.nav-secondary-item .nav-sub-toggle {
    margin: 24px;
}

.nav-secondary-label {
    position: relative;
}

    .nav-secondary-label .nav-label {
        padding: 24px 15px;
    }

    .nav-secondary-label .nav-sub-label {
        position: absolute;
        left: -10000px;
        top: 20px;
        font-size: 16px;
        font-family: National-Regular, Helvetica, sans-serif;
        text-transform: none;
        letter-spacing: 0;
        opacity: 0;
        -ms-transform: translateY(8px);
        transform: translateY(8px);
        transition: transform .1s ease, opacity .1s ease;
        padding: 0;
        width: auto;
    }

    .nav-secondary-label.suppressed .nav-label {
        position: relative;
        top: -10px;
        font-size: .625rem;
        line-height: .75rem;
    }

    .nav-secondary-label.suppressed .nav-sub-label {
        font-family: National-Medium, Helvetica, sans-serif;
        left: 15px;
        opacity: 1;
        -ms-transform: translateY(3px);
        transform: translateY(3px);
        text-transform: capitalize;
    }

body.nav-active {
    width: 100%;
    overflow-y: hidden;
}

    body.nav-active nav {
        height: 100vh;
        overflow-y: auto;
        background-color: #333;
    }

    body.nav-active .nav-secondary-wrapper {
        display: none;
    }

header.sticky-active {
    height: 60px;
}

nav {
    transition: transform .1s ease;
}

    nav .button {
        margin-top: 3px;
    }

    nav .email-field .button {
        margin-top: 0;
        margin-left: -2px;
    }

.nav-sticky:not(.nav-active) {
    position: fixed;
    z-index: 200;
    width: 100%;
    top: 0;
}

    .nav-sticky:not(.nav-active) .nav-super {
        display: none;
    }

    .nav-sticky:not(.nav-active).fade-in {
        animation: fadeInDown .1s ease;
    }

    .nav-sticky:not(.nav-active).has-secondary {
        -ms-transform: translateY(-60px);
        transform: translateY(-60px);
    }

        .nav-sticky:not(.nav-active).has-secondary.fade-in {
            animation: fadeInDownSecondaryMobile .1s ease;
        }

        .nav-sticky:not(.nav-active).has-secondary.scroll-up {
            -ms-transform: translateY(0);
            transform: translateY(0);
        }

.nav-company-menu .hide-in-mobile {
    display: none;
}

.nav-logo-wrapper {
    transition: background-color .2s ease;
}

.nav-opaque-bg {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
}

.nav-sticky {
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .1);
}

    .nav-opaque-bg .nav-logo-wrapper,
    .nav-opaque-bg .nav-secondary-wrapper,
    .nav-sticky .nav-logo-wrapper,
    .nav-sticky .nav-secondary-wrapper {
        background-color: #fff;
    }

    .nav-opaque-bg .nav-primary-opened .nav-logo-wrapper,
    .nav-sticky .nav-primary-opened .nav-logo-wrapper {
        background-color: #333;
    }

.nav-dark-bg,
.nav-light-bg,
.nav-opaque-bg {
    position: absolute;
    width: 100%;
    z-index: 200;
}

.nav-logo-wrapper .logo {
    margin: 15px;
}

.nav-dark-bg .nav-logo-wrapper .logo-fworks {
    background-image: url(/static-assets/images/common/company/logos/logo-fworks-white.svg);
}

.nav-dark-bg .nav-sticky .nav-logo-wrapper .logo-fworks,
.nav-light-bg .nav-logo-wrapper .logo-fworks,
.nav-opaque-bg .nav-logo-wrapper .logo-fworks,
.nav-sticky .nav-logo-wrapper .logo-fworks {
    background-image: url(/static-assets/images/common/company/logos/logo-fworks-black.svg);
}

.nav-primary-opened .nav-logo-wrapper .logo-fworks {
    background-image: url(/static-assets/images/common/company/logos/logo-fworks-white.svg) !important;
}

.nav-sub-item .logo-fworks {
    width: 111px;
    background-size: 111px;
    height: 22px;
    display: inline-block;
}

.nav-dark-bg .nav-logo-wrapper .logo-fdesk {
    background-image: url(/static-assets/images/common/company/logos/logo-fdesk-white.svg);
}

.nav-dark-bg .nav-sticky .nav-logo-wrapper .logo-fdesk,
.nav-light-bg .nav-logo-wrapper .logo-fdesk,
.nav-opaque-bg .nav-logo-wrapper .logo-fdesk,
.nav-sticky .nav-logo-wrapper .logo-fdesk {
    background-image: url(/static-assets/images/common/company/logos/logo-fdesk-black.svg);
}

.nav-primary-opened .nav-logo-wrapper .logo-fdesk {
    background-image: url(/static-assets/images/common/company/logos/logo-fdesk-white.svg) !important;
}

.nav-sub-item .logo-fdesk {
    width: 101px;
    background-size: 101px;
    height: 22px;
    display: inline-block;
}

.nav-dark-bg .nav-logo-wrapper .logo-fservice {
    background-image: url(/static-assets/images/common/company/logos/logo-fservice-white.svg);
}

.nav-dark-bg .nav-sticky .nav-logo-wrapper .logo-fservice,
.nav-light-bg .nav-logo-wrapper .logo-fservice,
.nav-opaque-bg .nav-logo-wrapper .logo-fservice,
.nav-sticky .nav-logo-wrapper .logo-fservice {
    background-image: url(/static-assets/images/common/company/logos/logo-fservice-black.svg);
}

.nav-primary-opened .nav-logo-wrapper .logo-fservice {
    background-image: url(/static-assets/images/common/company/logos/logo-fservice-white.svg) !important;
}

.nav-sub-item .logo-fservice {
    width: 120px;
    background-size: 120px;
    height: 22px;
    display: inline-block;
}

.nav-dark-bg .nav-logo-wrapper .logo-fsales {
    background-image: url(/static-assets/images/common/company/logos/logo-fsales-white.svg);
}

.nav-dark-bg .nav-sticky .nav-logo-wrapper .logo-fsales,
.nav-light-bg .nav-logo-wrapper .logo-fsales,
.nav-opaque-bg .nav-logo-wrapper .logo-fsales,
.nav-sticky .nav-logo-wrapper .logo-fsales {
    background-image: url(/static-assets/images/common/company/logos/logo-fsales-black.svg);
}

.nav-primary-opened .nav-logo-wrapper .logo-fsales {
    background-image: url(/static-assets/images/common/company/logos/logo-fsales-white.svg) !important;
}

.nav-sub-item .logo-fsales {
    width: 104px;
    background-size: 104px;
    height: 22px;
    display: inline-block;
}

.nav-dark-bg .nav-logo-wrapper .logo-fcaller {
    background-image: url(/static-assets/images/common/company/logos/logo-fcaller-white.svg);
}

.nav-dark-bg .nav-sticky .nav-logo-wrapper .logo-fcaller,
.nav-light-bg .nav-logo-wrapper .logo-fcaller,
.nav-opaque-bg .nav-logo-wrapper .logo-fcaller,
.nav-sticky .nav-logo-wrapper .logo-fcaller {
    background-image: url(/static-assets/images/common/company/logos/logo-fcaller-black.svg);
}

.nav-primary-opened .nav-logo-wrapper .logo-fcaller {
    background-image: url(/static-assets/images/common/company/logos/logo-fcaller-white.svg) !important;
}

.nav-sub-item .logo-fcaller {
    width: 107px;
    background-size: 107px;
    height: 22px;
    display: inline-block;
}

.nav-dark-bg .nav-logo-wrapper .logo-fteam {
    background-image: url(/static-assets/images/common/company/logos/logo-fteam-white.svg);
}

.nav-dark-bg .nav-sticky .nav-logo-wrapper .logo-fteam,
.nav-light-bg .nav-logo-wrapper .logo-fteam,
.nav-opaque-bg .nav-logo-wrapper .logo-fteam,
.nav-sticky .nav-logo-wrapper .logo-fteam {
    background-image: url(/static-assets/images/common/company/logos/logo-fteam-black.svg);
}

.nav-primary-opened .nav-logo-wrapper .logo-fteam {
    background-image: url(/static-assets/images/common/company/logos/logo-fteam-white.svg) !important;
}

.nav-sub-item .logo-fteam {
    width: 107px;
    background-size: 107px;
    height: 22px;
    display: inline-block;
}

.nav-dark-bg .nav-logo-wrapper .logo-fchat {
    background-image: url(/static-assets/images/common/company/logos/logo-fchat-white.svg);
}

.nav-dark-bg .nav-sticky .nav-logo-wrapper .logo-fchat,
.nav-light-bg .nav-logo-wrapper .logo-fchat,
.nav-opaque-bg .nav-logo-wrapper .logo-fchat,
.nav-sticky .nav-logo-wrapper .logo-fchat {
    background-image: url(/static-assets/images/common/company/logos/logo-fchat-black.svg);
}

.nav-primary-opened .nav-logo-wrapper .logo-fchat {
    background-image: url(/static-assets/images/common/company/logos/logo-fchat-white.svg) !important;
}

.nav-sub-item .logo-fchat {
    width: 98px;
    background-size: 98px;
    height: 22px;
    display: inline-block;
}

.nav-dark-bg .nav-logo-wrapper .logo-fmarketer {
    background-image: url(/static-assets/images/common/company/logos/logo-fmarketer-white.svg);
}

.nav-dark-bg .nav-sticky .nav-logo-wrapper .logo-fmarketer,
.nav-light-bg .nav-logo-wrapper .logo-fmarketer,
.nav-opaque-bg .nav-logo-wrapper .logo-fmarketer,
.nav-sticky .nav-logo-wrapper .logo-fmarketer {
    background-image: url(/static-assets/images/common/company/logos/logo-fmarketer-black.svg);
}

.nav-primary-opened .nav-logo-wrapper .logo-fmarketer {
    background-image: url(/static-assets/images/common/company/logos/logo-fmarketer-white.svg) !important;
}

.nav-sub-item .logo-fmarketer {
    width: 137px;
    background-size: 137px;
    height: 22px;
    display: inline-block;
}

.nav-dark-bg .nav-logo-wrapper .logo-fping {
    background-image: url(/static-assets/images/common/company/logos/logo-fping-white.svg);
}

.nav-dark-bg .nav-sticky .nav-logo-wrapper .logo-fping,
.nav-light-bg .nav-logo-wrapper .logo-fping,
.nav-opaque-bg .nav-logo-wrapper .logo-fping,
.nav-sticky .nav-logo-wrapper .logo-fping {
    background-image: url(/static-assets/images/common/company/logos/logo-fping-black.svg);
}

.nav-primary-opened .nav-logo-wrapper .logo-fping {
    background-image: url(/static-assets/images/common/company/logos/logo-fping-white.svg) !important;
}

.nav-sub-item .logo-fping {
    width: 101px;
    background-size: 101px;
    height: 22px;
    display: inline-block;
}

.nav-dark-bg .nav-logo-wrapper .logo-fconnect {
    background-image: url(/static-assets/images/common/company/logos/logo-fconnect-white.svg);
}

.nav-dark-bg .nav-sticky .nav-logo-wrapper .logo-fconnect,
.nav-light-bg .nav-logo-wrapper .logo-fconnect,
.nav-opaque-bg .nav-logo-wrapper .logo-fconnect,
.nav-sticky .nav-logo-wrapper .logo-fconnect {
    background-image: url(/static-assets/images/common/company/logos/logo-fconnect-black.svg);
}

.nav-primary-opened .nav-logo-wrapper .logo-fconnect {
    background-image: url(/static-assets/images/common/company/logos/logo-fconnect-white.svg) !important;
}

.nav-sub-item .logo-fconnect {
    width: 130px;
    background-size: 130px;
    height: 22px;
    display: inline-block;
}

.nav-dark-bg .nav-logo-wrapper .logo-frelease {
    background-image: url(/static-assets/images/common/company/logos/logo-frelease-white.svg);
}

.nav-dark-bg .nav-sticky .nav-logo-wrapper .logo-frelease,
.nav-light-bg .nav-logo-wrapper .logo-frelease,
.nav-opaque-bg .nav-logo-wrapper .logo-frelease,
.nav-sticky .nav-logo-wrapper .logo-frelease {
    background-image: url(/static-assets/images/common/company/logos/logo-frelease-black.svg);
}

.nav-primary-opened .nav-logo-wrapper .logo-frelease {
    background-image: url(/static-assets/images/common/company/logos/logo-frelease-white.svg) !important;
}

.nav-sub-item .logo-frelease {
    width: 121px;
    background-size: 121px;
    height: 22px;
    display: inline-block;
}

.nav-dark-bg .nav-logo-wrapper .logo-fstatus {
    background-image: url(/static-assets/images/common/company/logos/logo-fstatus-white.svg);
}

.nav-dark-bg .nav-sticky .nav-logo-wrapper .logo-fstatus,
.nav-light-bg .nav-logo-wrapper .logo-fstatus,
.nav-opaque-bg .nav-logo-wrapper .logo-fstatus,
.nav-sticky .nav-logo-wrapper .logo-fstatus {
    background-image: url(/static-assets/images/common/company/logos/logo-fstatus-black.svg);
}

.nav-primary-opened .nav-logo-wrapper .logo-fstatus {
    background-image: url(/static-assets/images/common/company/logos/logo-fstatus-white.svg) !important;
}

.nav-sub-item .logo-fstatus {
    width: 111px;
    background-size: 111px;
    height: 22px;
    display: inline-block;
}

.nav-dark-bg .nav-logo-wrapper .logo-fthoughts {
    background-image: url(/static-assets/images/common/company/logos/logo-fthoughts-white.svg);
}

.nav-dark-bg .nav-sticky .nav-logo-wrapper .logo-fthoughts,
.nav-light-bg .nav-logo-wrapper .logo-fthoughts,
.nav-opaque-bg .nav-logo-wrapper .logo-fthoughts,
.nav-sticky .nav-logo-wrapper .logo-fthoughts {
    background-image: url(/static-assets/images/common/company/logos/logo-fthoughts-black.svg);
}

.nav-primary-opened .nav-logo-wrapper .logo-fthoughts {
    background-image: url(/static-assets/images/common/company/logos/logo-fthoughts-white.svg) !important;
}

.nav-sub-item .logo-fthoughts {
    width: 56px;
    background-size: 56px;
    height: 22px;
    display: inline-block;
}

.nav-dark-bg .nav-logo-wrapper .logo-fmarketer {
    background-image: url(/static-assets/images/common/company/logos/logo-fmarketer-white.png);
}

.nav-dark-bg .nav-sticky .nav-logo-wrapper .logo-fmarketer,
.nav-light-bg .nav-logo-wrapper .logo-fmarketer,
.nav-opaque-bg .nav-logo-wrapper .logo-fmarketer,
.nav-sticky .nav-logo-wrapper .logo-fmarketer {
    background-image: url(/static-assets/images/common/company/logos/logo-fmarketer-black.png);
}

.nav-primary-opened .nav-logo-wrapper .logo-fmarketer {
    background-image: url(/static-assets/images/common/company/logos/logo-fmarketer-white.png) !important;
}

.logo-academy {
    width: 100px;
    background-size: 100px;
    background-image: url(/static-assets/images/common/company/logos/logo-academy.png);
}

.nav-sub-item .logo-fmarketer {
    width: 137px;
    background-size: 137px;
    height: 22px;
    display: inline-block;
}

.nav-sub-item .tag-new {
    top: -5px;
    left: 3px;
}

.nav-logo-tagline .logo {
    margin-bottom: 3px;
}

.nav-logo-tagline .nav-sub-label {
    display: block;
    font-size: .75rem;
    color: #999;
    line-height: 1.17;
}

.nav-light-bg.has-secondary .nav-secondary-wrapper,
.nav-opaque-bg.has-secondary .nav-secondary-wrapper,
.nav-sticky.has-secondary .nav-secondary-wrapper {
    border-top: 1px solid rgba(0, 0, 0, .1);
}

.nav-light-bg .nav-burger-icon,
.nav-opaque-bg .nav-burger-icon,
.nav-sticky .nav-burger-icon {
    background-color: rgba(0, 0, 0, .7);
}

.nav-light-bg .nav-secondary-label,
.nav-opaque-bg .nav-secondary-label,
.nav-sticky .nav-secondary-label {
    color: rgba(0, 0, 0, .7);
}

    .nav-light-bg .nav-secondary-label.suppressed .nav-label,
    .nav-opaque-bg .nav-secondary-label.suppressed .nav-label,
    .nav-sticky .nav-secondary-label.suppressed .nav-label {
        letter-spacing: 0;
        color: rgba(0, 0, 0, .4);
    }

.nav-light-bg.has-secondary .nav-secondary-wrapper {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.nav-light-bg.has-secondary.secondary-product-bg.nav-sticky .nav-secondary-wrapper {
    background: #fff;
}

.nav-dark-bg:not(.nav-sticky):not(.nav-opaque-bg).has-secondary .nav-secondary-wrapper {
    border-top: 1px solid rgba(255, 255, 255, .1);
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    background-color: rgba(255, 255, 255, .1);
}

.nav-dark-bg:not(.nav-sticky):not(.nav-opaque-bg) .nav-burger-icon {
    background-color: #fff;
}

.nav-dark-bg:not(.nav-sticky):not(.nav-opaque-bg) .nav-secondary-label {
    color: #fff;
}

    .nav-dark-bg:not(.nav-sticky):not(.nav-opaque-bg) .nav-secondary-label.suppressed .nav-label {
        color: rgba(255, 255, 255, .7);
    }

.nav-dark-bg:not(.nav-sticky):not(.nav-opaque-bg) .sub-menu-opened .nav-secondary-label {
    color: rgba(255, 255, 255, .7);
}

.nav-burger {
    padding: 20px;
    cursor: pointer;
    pointer-events: all;
    float: right;
    line-height: 1.25;
}

.nav-burger-icon {
    width: 20px;
    height: 2px;
    border-radius: 1px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

    .nav-burger-icon::after,
    .nav-burger-icon::before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        border-radius: inherit;
        background-color: inherit;
        transition: transform 250ms ease;
        -ms-transform-origin: 50% 1px;
        transform-origin: 50% 1px;
    }

    .nav-burger-icon::before {
        top: -6px;
    }

    .nav-burger-icon::after {
        bottom: -6px;
    }

.nav-label,
.nav-label:visited,
.nav-sub-label,
.nav-sub-label:visited {
    display: inline-block;
    font-size: inherit;
    cursor: inherit;
    width: 100%;
    font-family: inherit;
}

.nav-label {
    padding: 24px 15px;
    line-height: 1;
}

.nav-sub-label {
    padding: 10px 15px;
    line-height: 1.75;
}

    .nav-sub-label .desc {
        display: none;
    }

.nav-sub-toggle {
    position: absolute;
    top: 0;
    right: 0;
    margin: 24px;
    line-height: .75rem;
    cursor: pointer;
    outline: 0;
    transition: transform .2s ease;
    color: inherit;
}

.nav-sub-menu {
    max-height: 0;
    overflow: hidden;
    transition: max-height .5s ease;
}

.sub-menu-opened .nav-sub-menu {
    max-height: 650px;
    transition: max-height .5s ease;
}

.nav-sub-item {
    font-size: 1rem;
    font-family: National-Book, Helvetica, sans-serif;
    text-transform: none;
    background-color: #fff;
    color: #4d4d4d;
    margin-top: -1px;
    letter-spacing: 0;
}

    .nav-sub-item:not(.nav-sub-item-with-button):not(.nav-company-logo) {
        cursor: pointer;
    }

        .nav-sub-item:not(.nav-sub-item-with-button):not(.nav-company-logo):hover {
            outline: 0;
            background-color: #f1f1f1;
        }

    .nav-sub-item .button--ghost {
        letter-spacing: normal;
        text-transform: capitalize;
        white-space: nowrap;
        font-size: 1rem;
        padding: 7px 20px;
    }

    .nav-sub-item .tag-new {
        font-size: .5rem;
    }

    .nav-sub-item .label {
        display: block;
    }

.sub-menu-opened .nav-sub-toggle {
    -ms-transform: rotate(180deg);
    transform: rotateZ(180deg);
}

.home-link {
    padding-top: 40px;
    background-color: transparent;
    color: rgba(255, 255, 255, .5);
    font-size: .625rem;
}

    .home-link .nav-sub-item {
        margin: 10px 15px;
        display: block;
        background-color: transparent;
    }

.lang-selector {
    display: inline-block;
    position: relative;
    background-color: transparent;
    color: rgba(255, 255, 255, .5);
    font-family: National-Book, Helvetica, sans-serif;
    font-size: 1rem;
    text-transform: none;
    border-bottom: none;
    letter-spacing: 0;
    vertical-align: top;
}

    .lang-selector .icon-arrow-down {
        font-size: .625rem;
        padding: 3px 10px;
        padding-right: 20px;
        position: absolute;
        top: 21px;
        right: 0;
    }

.lang-choice {
    padding: 20px 35px 20px 15px;
}

#lang-switch {
    opacity: 0;
    z-index: 300;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.lang-options {
    width: 100%;
    height: 100%;
}

.nav-contact {
    font-size: .875rem;
}

    .nav-contact .nav-label {
        display: inline;
        cursor: default;
    }

    .nav-contact i {
        margin-right: 7px;
    }

.card-nav .forward--link {
    display: none;
}

.customer-logos {
    text-align: center;
    font-size: 0;
}

.customer-logo {
    display: inline-block;
    width: 120px;
    margin: 12px;
}

    .customer-logo:nth-child(n+13) {
        display: none;
    }

.feature-bucket-image {
    display: block;
    width: 100%;
    max-width: 253px;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
}

.coming-soon {
    width: 100px;
}

.coming-soon-label {
    margin-right: 10px;
    color: #fff;
    font-size: .75rem;
    border-radius: 100px;
    padding: 3px 10px;
    text-transform: uppercase;
}

.seo-image-wrapper img {
    width: auto;
    padding: 40px 0 30px;
}

.note-text {
    font-size: .875rem;
    color: #b3b3b3;
}

    .note-text i,
    .note-text span {
        display: inline-block;
        vertical-align: middle;
    }

.footer-navs [class^=row] {
    margin: 0;
}

.footer-navs [class^=col-md],
.footer-navs [class^=col-sm] {
    padding: 0;
}

.footer-nav-title {
    position: relative;
    margin: 0;
    letter-spacing: .5px;
    font-family: Sailec-Bold, Helvetica, sans-serif;
    border: 1px solid #e6e6e6;
    border-bottom: 0;
}

    .footer-nav-title .icon-arrow-down {
        position: absolute;
        top: 22px;
        right: 22px;
        font-size: .625rem;
        color: #999;
        transition: transform .3s;
    }

.footer-nav a,
.footer-nav-title {
    display: block;
    height: 50px;
    padding: 0 15px;
    line-height: 50px;
}

.footer-nav {
    max-height: 0;
    overflow: hidden;
    margin: 0;
    padding: 0;
    list-style: none;
    background-color: #fff;
    color: #666;
    transition: max-height .5s ease;
}

    .footer-nav li {
        padding-left: 0;
        position: relative;
    }

        .footer-nav li a.tag.tag-new {
            background-color: transparent;
            border-radius: 0;
            letter-spacing: normal;
            color: #666;
            font-family: National-Book, Helvetica, sans-serif;
            text-transform: capitalize;
        }

            .footer-nav li a.tag.tag-new:hover {
                color: #333;
            }

            .footer-nav li a.tag.tag-new::after {
                font-size: .5rem;
                font-family: Sailec-Bold, Helvetica, sans-serif;
                background-color: #3973e6;
                letter-spacing: .5px;
                border-radius: 20px;
                color: #fff;
                top: -4px;
                left: 2px;
                height: 14px;
                line-height: 13px;
                position: relative;
                padding: 1px 6px;
                content: 'NEW';
                display: inline-block;
            }

    .footer-nav a {
        font-size: .875rem;
        color: #666;
    }

        .footer-nav a:visited {
            color: #666;
        }

        .footer-nav a:hover {
            color: #333;
        }

.footer-nav-title.footer-nav-tab-opened {
    border-bottom: 1px solid #e6e6e6;
}

    .footer-nav-title.footer-nav-tab-opened .icon-arrow-down {
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        color: #666;
    }

    .footer-nav-title.footer-nav-tab-opened + .footer-nav {
        max-height: 650px;
    }

        .footer-nav-title.footer-nav-tab-opened + .footer-nav.app-stores,
        .footer-nav-title.footer-nav-tab-opened + .footer-nav.social-connect-nav {
            padding: 20px 15px;
        }

.footer-logo {
    width: 95px;
    background-size: 95px;
    height: 19px;
    margin-top: 0;
    margin-left: 0;
    margin-bottom: 0;
}

.footer-nav-title.footer-nav-title-logo {
    margin-top: 0;
    padding-bottom: 17px;
    margin-bottom: 0;
}

    .footer-nav-title.footer-nav-title-logo + .footer-nav {
        padding-left: 7px;
    }

        .footer-nav-title.footer-nav-title-logo + .footer-nav li {
            position: relative;
        }

            .footer-nav-title.footer-nav-title-logo + .footer-nav li::after {
                content: '';
                display: inline-block;
                height: 3px;
                width: 3px;
                background: #ccc;
                border-radius: 50%;
                position: absolute;
                top: 24px;
                left: 2px;
            }

.app-stores,
.social-connect-nav {
    transition: max-height 250ms ease, padding .5s ease;
}

.app-stores {
    line-height: 1;
    text-align: center;
}

    .app-stores li {
        display: inline-block;
        width: 125px;
        margin: 0 4px;
        padding: 0;
    }

    .app-stores .app-store-img {
        display: block;
        height: 40px;
        padding: 0;
        line-height: inherit;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        border-radius: 3px;
        transition: opacity 250ms ease;
    }

.app-google-play {
    background-image: url(/static-assets/images/common/icons/img-google-play.png);
    opacity: .5;
}

    .app-google-play:hover {
        opacity: 1;
    }

.app-apple-store {
    background-image: url(/static-assets/images/common/icons/img-apple-store.png);
    opacity: .5;
}

    .app-apple-store:hover {
        opacity: 1;
    }

.social-connect-nav {
    text-align: center;
}

    .social-connect-nav [class^=icon-] {
        display: inline-block;
        width: 36px;
        height: 36px;
        font-size: .875rem;
        line-height: 36px;
        background-color: #fff;
        border: 1px solid #b3b3b3;
        border-radius: 50%;
        color: #b3b3b3;
        transition: background-color 250ms, border 250ms;
    }

    .social-connect-nav [class^=icon-facebook] {
        font-size: 16px;
    }

    .social-connect-nav > li {
        display: inline-block;
    }

    .social-connect-nav a {
        display: inline-block;
        height: inherit;
        margin-right: 5px;
        padding: 0;
        line-height: inherit;
        text-align: center;
    }

        .social-connect-nav a > span {
            display: none;
        }

        .social-connect-nav a:hover [class^=icon-] {
            color: #fff;
        }

        .social-connect-nav a:hover .icon-facebook {
            background-color: #3c5a96;
            border-color: #3c5a96;
        }

        .social-connect-nav a:hover .icon-twitter {
            background-color: #59adeb;
            border-color: #59adeb;
        }

        .social-connect-nav a:hover .icon-linkedin {
            background-color: #127bb7;
            border-color: #127bb7;
        }

        .social-connect-nav a:hover .icon-google-plus {
            background-color: #d75139;
            border-color: #d75139;
        }

        .social-connect-nav a:hover .icon-youtube {
            background-color: #de3236;
            border-color: #de3236;
        }

        .social-connect-nav a:hover .icon-medium {
            background-color: #00ab6c;
            border-color: #00ab6c;
        }

        .social-connect-nav a:hover .icon-glassdoor {
            background-color: #0caa41;
            border-color: #0caa41;
        }

    .social-connect-nav.colored [class^=icon-] {
        color: #fff;
    }

    .social-connect-nav.colored .icon-google-plus {
        background-color: #d75139;
        border-color: #d75139;
    }

    .social-connect-nav.colored .icon-facebook {
        background-color: #3c5a96;
        border-color: #3c5a96;
    }

    .social-connect-nav.colored .icon-youtube {
        background-color: #de3236;
        border-color: #de3236;
    }

    .social-connect-nav.colored .icon-medium {
        background-color: #00ab6c;
        border-color: #00ab6c;
    }

    .social-connect-nav.colored .icon-glassdoor {
        background-color: #0caa41;
        border-color: #0caa41;
    }

    .social-connect-nav.colored .icon-twitter {
        background-color: #59adeb;
        border-color: #59adeb;
    }

    .social-connect-nav.colored .icon-linkedin {
        background-color: #127bb7;
        border-color: #127bb7;
    }

.footer-salessupport [class^=row] {
    margin: 0;
}

.footer-salessupport [class^=col] {
    padding: 0;
}

.support-nav a > i,
.support-nav a > span {
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
}

.support-nav a > .icon-mail {
    font-size: .625rem;
}

.support-nav a:hover {
    color: inherit;
}

.support-nav .icon-india-flag {
    height: 19px;
    width: 19px;
    background-image: url(/static-assets/images/common/company/flags/india.svg);
    background-size: 100%;
}

.support-nav .icon-flag {
    height: 19px;
    width: 19px;
    background-size: 100%;
}

.support-nav-list [class^=icon-] {
    margin-right: 10px;
}

.support-nav-list a > [class^=icon],
.support-nav-list a > span {
    display: inline-block;
    vertical-align: middle;
}

.support-nav-list a > .icon-mail {
    font-size: .625rem;
}

.footer-copyrights {
    text-align: center;
    padding: 10px 8px;
    background-color: #f1f1f1;
    border: solid 1px #e6e6e6;
    color: #666;
    overflow: hidden;
}

    .footer-copyrights a,
    .footer-copyrights p {
        font-size: .75rem;
        line-height: 1.61;
    }

.copyrights-nav {
    max-height: inherit;
    line-height: 0;
    background-color: transparent;
}

    .copyrights-nav a {
        display: inline-block;
        height: auto;
        padding: 0;
    }

        .copyrights-nav a::after {
            content: '-';
            display: inline-block;
            margin: 0 4px;
        }

        .copyrights-nav a:last-child::after {
            display: none;
        }

        .copyrights-nav a:hover::after {
            color: #666;
        }

.footer-copyrights-text {
    margin: 0;
}

footer {
    background-color: #fafafa;
}

.feature-screenshot__media-container {
    margin-top: 30px;
    text-align: center;
}

    .feature-screenshot__media-container img {
        width: 100%;
        vertical-align: bottom;
    }

.feature-screenshot__list {
    padding: 5px;
}

.feature-screenshot__list__icon {
    max-width: 35px;
}

.feature-screenshot__list__text {
    padding-right: 15px;
}

.pricing-feature-screenshot {
    padding: 0 15px;
}

.feature-video-box {
    position: relative;
}

.feature-video {
    width: 100%;
    border-radius: 5px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2);
}

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

.feature-bg-product div[class*=col-][class*="__content"] {
    text-align: center;
}

.resource {
    padding: 20px 0 15px;
}

    .resource h2,
    .resource-integrations h2 {
        text-align: center;
    }

.resource-container {
    padding-top: 15px;
    text-align: center;
}

.resource-box {
    text-align: center;
    max-width: 290px;
    margin: 0 auto 15px;
    padding: 10px;
    overflow: hidden;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1);
    background-color: #fff;
    border-radius: 5px;
    cursor: pointer;
    position: relative;
}

    .resource-box.review-card {
        min-height: 120px;
    }

    .resource-box .card-new-icon {
        height: 50px;
        width: 50px;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 100;
    }

    .resource-box h5 {
        font-size: .75rem;
        letter-spacing: .4px;
        color: #999;
        margin: 0;
        text-transform: uppercase;
    }

        .resource-box h5.resource-heading-dark {
            color: #4d4d4d;
            text-transform: none;
            font-size: 1rem;
        }

    .resource-box .resource-integrations-heading {
        font-size: 1.125rem;
        color: #4d4d4d;
        letter-spacing: normal;
        text-transform: capitalize;
    }

    .resource-box p {
        margin: 0;
        min-height: 48px;
        line-height: 1.5;
        color: #4d4d4d;
    }

        .resource-box p.resource-text-gray {
            color: #999;
        }

    .resource-box .ellipsis-wrapper {
        max-height: 48px;
    }

    .resource-box .time-duration {
        font-size: .875rem;
        letter-spacing: 1.2px;
        color: #999;
        font-family: National-Book, Helvetica, sans-serif;
        margin-top: 8px;
    }

        .resource-box .time-duration .icon-time {
            position: relative;
            top: 1px;
        }

    .resource-box .tag-new {
        position: absolute;
        width: 100px;
        height: 45px;
        line-height: 60px;
        font-size: .625rem;
        border-radius: unset;
        right: 0;
        text-align: center;
        -ms-transform: rotate(45deg) translate(14%, -91%);
        transform: rotate(45deg) translate(14%, -91%);
        z-index: 100;
    }

.text-inactive {
    font-family: Sailec-Bold, Helvetica, sans-serif;
    font-size: .875rem;
    color: #aaa;
    padding: 6px 0 7px;
}

.resource-integrations {
    max-width: 250px;
    margin-left: auto;
    margin-right: auto;
}

    .resource-integrations .resource-box-left,
    .resource-integrations .resource-box-right {
        float: inherit;
    }

    .resource-integrations .resource-box-left,
    .resource-integrations .resource-box-right {
        width: 100%;
    }

    .resource-integrations .resource-box-right {
        text-align: center;
        padding: 10px 0 20px;
    }

    .resource-integrations .resource-box-image {
        width: 100%;
        height: 144px;
        max-width: 100%;
        -o-object-fit: inherit;
        object-fit: inherit;
    }

    .resource-integrations p {
        min-height: 74px;
        margin-bottom: 10px;
    }

    .resource-integrations .ellipsis-wrapper {
        max-height: 80px;
    }

.resource-box-left,
.resource-box-right {
    float: left;
}

.resource-box-left {
    position: relative;
    width: 67px;
}

    .resource-box-left .resources-box-image {
        -o-object-fit: cover;
        object-fit: cover;
        height: 65px;
    }

#case-studies .resource-box-left {
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

    #case-studies .resource-box-left .resources-box-image {
        -o-object-fit: inherit;
        object-fit: inherit;
    }

.resource-box-right {
    width: 203px;
    padding-left: 10px;
    text-align: left;
}

.resource-box-image {
    width: 67px;
    height: 67px;
    display: block;
    margin: 0;
    max-width: inherit;
    -o-object-fit: cover;
    object-fit: cover;
}

.play-icon-container {
    position: absolute;
    z-index: 100;
    top: 50%;
    left: 50%;
    width: 30px;
    height: 30px;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: rgba(0, 0, 0, .3);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .3);
    border: solid 1.5px #fff;
    border-radius: 50%;
    cursor: pointer;
}

    .play-icon-container:hover {
        background-color: rgba(0, 0, 0, .7);
    }

.play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8px;
    height: 10px;
    margin: -5px 0 0 -4px;
}

.casestudy-img {
    max-width: 100%;
    margin-top: 10px;
}

.parent .data-link:nth-of-type(8) ~ a.data-link {
    display: none;
}

@media only screen and (min-width:30rem) {
    .resource-box {
        max-width: 340px;
    }

    .resource-box-right {
        width: 253px;
    }
}

.form-white-bg {
    padding: .9375rem;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1);
}

.form-wrapper h3 {
    margin-top: 0;
    margin-bottom: 20px;
    text-align: center;
    line-height: 1.25;
    font-size: 1.5rem;
}

.form-wrapper fieldset {
    margin: 0;
    padding: 0;
}

.form-wrapper.form-white-wrapper {
    background-color: #fff;
    padding: 15px;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1);
}

.form-email-only-wrapper {
    padding-bottom: 20px;
}

.form-activate-wrapper fieldset {
    margin: 0;
    padding: 0;
}

.form-section {
    position: relative;
    overflow: hidden;
}

.forgot-domain-form-wrapper {
    position: absolute;
    top: 0;
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    width: 100%;
    opacity: 0;
}

.forgot-domain-form-animation {
    animation: fadeInLeft .25s forwards .1s;
}

.login-form-animation {
    animation: fadeOutLeft .25s forwards;
}

.divider-or {
    text-transform: uppercase;
}

    .divider-or.horizontal {
        margin: 20px 0;
    }

        .divider-or.horizontal span {
            padding: 0 25px;
        }

.login-form-wrapper {
    position: relative;
}

    .login-form-wrapper .forgot-domain-link {
        font-size: 1.125rem;
        display: block;
    }

.forgot-domain-success {
    max-width: 440px;
    display: none;
    margin-left: auto;
    margin-right: auto;
    border-radius: 3px;
    background-color: rgba(118, 193, 37, .05);
    border: solid 1px #76c125;
}

    .forgot-domain-success p {
        margin: 0 auto 15px;
        padding: 0 10px;
    }

.certificate-info-wrapper .form-field input {
    padding: 20px 55px 20px 10px;
}

.certificate-info-wrapper .form-field .form-placeholder {
    padding: 0 10px 10px;
}

    .certificate-info-wrapper .form-field .form-placeholder.placeholder-fix {
        top: 3px;
        padding: 0 10px 20px;
    }

.certificate-info-wrapper .form-field .copy-clipboard {
    position: absolute;
    display: inline-block;
    width: 30px;
    height: 35px;
    background-size: 100% 100%;
    right: 10px;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
}

.name-field-wrapper,
.phone-field-wrapper {
    font-size: 0;
}

.name-field,
.phone-field {
    width: 48.9%;
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin-right: 2.1%;
}

    .name-field:nth-child(2),
    .phone-field:nth-child(2) {
        margin-right: 0;
    }

        .name-field:nth-child(2) .form-field input,
        .phone-field:nth-child(2) .form-field input {
            padding-left: 15px;
        }

        .name-field:nth-child(2) .form-field .form-placeholder,
        .phone-field:nth-child(2) .form-field .form-placeholder {
            left: -31px;
        }

        .name-field:nth-child(2) .error-wrapper,
        .phone-field:nth-child(2) .error-wrapper {
            margin-left: 15px;
        }

.form-field {
    font-size: 0;
    position: relative;
    border-radius: 3px;
    border: solid 1px #ccc;
    clear: both;
    will-change: margin-bottom;
    margin-bottom: 9px;
    transition: margin-bottom .15s ease;
}

    .form-field.error {
        margin-bottom: 26px;
    }

    .form-field .form-field-domain {
        display: -ms-flexbox;
        display: flex;
    }

    .form-field.active {
        border-color: #7f7f7f;
    }

        .form-field.active [class^=icon-] {
            color: #4d4d4d;
        }

    .form-field input,
    .form-field select,
    .form-field textarea {
        width: 100%;
        padding: 20px 10px 20px 46px;
        color: #4d4d4d;
        font-size: 1rem;
        font-family: National-Book, Helvetica, sans-serif;
        transition: top .2s ease, font-size .2s ease, padding .2s ease;
        border: none;
        border-radius: 2px;
        outline: 0;
    }

        .form-field input.field-fix,
        .form-field input:focus,
        .form-field select.field-fix,
        .form-field select:focus,
        .form-field textarea.field-fix,
        .form-field textarea:focus {
            padding-top: 26px;
            padding-bottom: 14px;
        }

            .form-field input:focus ~ .form-placeholder,
            .form-field input ~ .form-placeholder.placeholder-fix,
            .form-field select:focus ~ .form-placeholder,
            .form-field select ~ .form-placeholder.placeholder-fix,
            .form-field textarea:focus ~ .form-placeholder,
            .form-field textarea ~ .form-placeholder.placeholder-fix {
                top: 10px;
                font-size: .6875rem;
                padding: 0 10px 20px 46px;
            }

        .form-field input.helpdesk-form {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
            width: 0;
            -ms-flex-positive: 1;
            flex-grow: 1;
        }

    .form-field select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: 0 0;
        opacity: 0;
        position: relative;
        z-index: 1;
    }

    .form-field .form-helpdesk-text {
        width: auto;
        padding: 15px 5px;
        display: inline-block;
        color: #333;
        font-size: 1rem;
        background-color: #f7f7f7;
        vertical-align: top;
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
        border-left: 1px solid #ccc;
    }

    .form-field .form-placeholder,
    .form-field [class^=icon-] {
        position: absolute;
    }

    .form-field [class^=icon-] {
        top: 18px;
        left: 12px;
        color: #ccc;
        font-size: 1.5rem;
    }

    .form-field .icon-mobile {
        left: 17px;
    }

    .form-field.error {
        border-color: red;
    }

.field-dropdown .icon-arrow-down {
    right: 20px;
    left: auto;
    font-size: .8rem;
    color: #ccc;
    top: 45%;
}

.form-textarea {
    height: auto;
}

    .form-textarea textarea {
        height: 130px;
        resize: vertical;
        padding-left: 13px;
    }

        .form-textarea textarea:focus ~ .form-placeholder,
        .form-textarea textarea ~ .form-placeholder.placeholder-fix {
            padding-left: 13px;
        }

    .form-textarea .form-placeholder {
        padding-left: 13px;
    }

.form-placeholder {
    left: 0;
    top: 14px;
    color: #b3b3b3;
    pointer-events: none;
    transition: top .2s ease, font-size .2s ease, padding .2s ease;
    font-size: 16px;
    padding: 0 10px 10px 46px;
}

.copy_write-text p,
.isv-copyright-text p {
    color: #999;
    font-size: .875rem;
    margin-bottom: 0;
}

.eu-extra-info {
    display: none;
    font-size: .875rem;
    text-align: center;
}

    .eu-extra-info .promotional-offers {
        font-size: .875rem;
        text-align: left;
        margin-top: 10px;
        padding-bottom: 10px;
        float: none;
    }

    .eu-extra-info .signup-terms {
        padding-bottom: 10px;
        padding-top: 10px;
    }

.font-color-light .eu-extra-info {
    color: #fff;
}

.google-signup {
    background: url(/static-assets/images/sample/google-btn.png) no-repeat;
    width: 220px;
    height: 40px;
    background-size: 220px;
    vertical-align: middle;
    display: inline-block;
}

.error-wrapper {
    float: left;
    text-align: left;
    padding: 5px 0;
    margin-left: 45px;
    opacity: 0;
    transition: opacity .1s ease .1s;
}

.error .error-wrapper {
    opacity: 1;
}

.form-activate-wrapper fieldset em.error,
.form-inline fieldset em.error,
.form-wrapper fieldset em.error {
    font-size: .75rem;
    color: red;
    line-height: 1.2;
    font-style: normal;
    letter-spacing: 0;
}

.thank-you-card {
    max-width: 0;
    background: #fff;
    margin: auto;
    position: absolute;
    top: 15%;
    right: 0;
    -ms-transform: translateX(20px);
    transform: translateX(20px);
    transition: opacity 350ms ease, transform 350ms ease;
    opacity: 0;
    height: 100%;
}

    .thank-you-card > * {
        display: none;
    }

    .thank-you-card.active {
        max-width: 440px;
        -ms-transform: translateX(0);
        transform: translateX(0);
        padding: 30px 15px;
        opacity: 1;
        left: 0;
    }

        .thank-you-card.active span,
        .thank-you-card.active > i {
            display: inline;
        }

        .thank-you-card.active > * {
            display: block;
        }

    .thank-you-card.show-default {
        position: relative;
        opacity: 1;
    }

    .thank-you-card.small-card {
        padding: 7px 15px;
    }

    .thank-you-card.inline-notify {
        background: 0 0;
        padding: 0;
        margin: 0;
        color: #fff;
    }

    .thank-you-card .green-check {
        background: #76c125;
        color: #fff;
    }

    .thank-you-card .round-icon {
        padding: 5px;
        border-radius: 50%;
    }

    .thank-you-card .gray-icon {
        border: 1px solid #b3b3b3;
        color: #b3b3b3;
        width: 36px;
        height: 36px;
        margin-right: 5px;
    }

    .thank-you-card .thank-you-share-links-section {
        position: relative;
        padding-top: 1px;
    }

        .thank-you-card .thank-you-share-links-section::before {
            content: '';
            position: absolute;
            top: 0;
            right: 0;
            left: 0;
            width: 50%;
            height: 1px;
            margin: 0 auto;
        }

        .thank-you-card .thank-you-share-links-section ul {
            padding: 0;
            margin: auto;
            text-align: center;
        }

            .thank-you-card .thank-you-share-links-section ul li {
                display: inline-block;
            }

.success-message {
    display: none;
}

    .success-message.active {
        display: block;
    }

    .success-message .green-check {
        background: #76c125;
        color: #fff;
    }

    .success-message .round-icon {
        padding: 5px;
        border-radius: 50%;
    }

.share-list--retangle {
    list-style: none;
    padding: 0;
}

    .share-list--retangle li {
        display: inline-block;
        margin-right: 6px;
        padding: 2px 7px;
        line-height: 1.4;
        border-radius: 3px;
    }

        .share-list--retangle li:last-child {
            margin-right: 0;
        }

    .share-list--retangle a {
        position: relative;
        font-size: 13px;
        color: #fff;
    }

        .share-list--retangle a span {
            margin-left: 4px;
            font-size: 12px;
        }

        .share-list--retangle a:hover {
            color: #fff;
        }

    .share-list--retangle .fb-share {
        background-color: #3b5998;
    }

        .share-list--retangle .fb-share:hover {
            background-color: #314a7f;
        }

        .share-list--retangle .fb-share a {
            font-size: 14px;
        }

        .share-list--retangle .fb-share span {
            margin-left: 12px;
        }

        .share-list--retangle .fb-share .icon-facebook::after {
            content: '';
            position: absolute;
            z-index: 0;
            top: 0;
            left: 0;
            width: 15px;
            height: 15px;
            border-radius: 2px;
            background-color: #fff;
        }

        .share-list--retangle .fb-share .icon-facebook::before {
            position: relative;
            z-index: 1;
            top: 3px;
            left: 5px;
            color: #3b5998;
        }

    .share-list--retangle .twitter-share {
        background-color: #55acee;
    }

        .share-list--retangle .twitter-share:hover {
            background-color: #4c99d4;
        }

    .share-list--retangle .ln-share {
        background-color: #007ab9;
    }

        .share-list--retangle .ln-share:hover {
            background-color: #006ba1;
        }

.signup-page-container form {
    margin-top: 20px;
}

.signup-page-container .form-wrapper {
    margin-bottom: 30px;
}

.whitepaper-wrapper .backward--link {
    font-size: 1.125rem;
}

.whitepaper-form-wrapper-outer {
    padding-top: 5px;
    padding-bottom: 5px;
}

    .whitepaper-form-wrapper-outer h5 {
        text-align: center;
    }

.signup-login-form-wrapper .horizontal-or {
    text-transform: uppercase;
}

.signup-login-form-wrapper .horizontal-or-span {
    padding: 0 25px;
}

@media (min-width:320px) and (max-width:355px) {
    .error-wrapper {
        margin-left: 12px;
    }
}

.pricing-custom-dropdown {
    position: relative;
    outline: 0;
}

    .pricing-custom-dropdown:focus {
        outline: 0;
    }

    .pricing-custom-dropdown .icon-arrow-down {
        top: 50%;
        right: 12px;
        left: auto;
        position: absolute;
        font-size: .8rem;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        transition: transform 250ms;
    }

    .pricing-custom-dropdown input.plan-input {
        font-size: 14px;
        width: 100%;
        cursor: pointer;
        padding: 12px 10px;
        color: #4d4d4d;
        font-family: National-Book, Helvetica, sans-serif;
        transition: top .2s ease, font-size .2s ease, padding .2s ease;
        border: none;
        border-radius: 2px;
        outline: 0;
    }

    .pricing-custom-dropdown .plan-dropdown {
        font-size: 0;
        position: relative;
        border-radius: 3px;
        border: solid 1px #ccc;
        clear: both;
        will-change: margin-bottom;
        transition: border-color .15s ease;
        margin-bottom: 0;
    }

        .pricing-custom-dropdown .plan-dropdown:hover {
            border-color: #7f7f7f;
        }

    .pricing-custom-dropdown .dropdown-content {
        margin: 0;
        text-align: left;
    }

        .pricing-custom-dropdown .dropdown-content ul {
            max-height: 200px;
        }

            .pricing-custom-dropdown .dropdown-content ul li {
                font-size: 14px;
                line-height: 26px;
            }

                .pricing-custom-dropdown .dropdown-content ul li.selected {
                    background-color: #f1f1f1;
                }

                .pricing-custom-dropdown .dropdown-content ul li:hover {
                    background-color: #f1f1f1;
                }

    .pricing-custom-dropdown.active .dropdown-content {
        display: block;
    }

    .pricing-custom-dropdown.active .plan-dropdown {
        border-color: #7f7f7f;
    }

    .pricing-custom-dropdown.active .icon-arrow-down {
        -ms-transform: rotate(180deg) translateY(50%);
        transform: rotate(180deg) translateY(50%);
        transition: transform 250ms;
    }

.employee-count-plus {
    margin-right: -13px;
}

    .employee-count-plus::after {
        content: '+';
    }

.plan-per-month {
    font-size: 13px;
    margin-top: 0;
}

.pricing-table[data-product=fteam] .pricing-table-column.plan-recommended .pricing-table-body {
    z-index: 2;
}

.checkbox-control-group-label {
    margin-bottom: 5px;
}

.checkbox-control-group {
    margin: 0;
}

.checkbox-control {
    font-size: 1rem;
    position: relative;
    display: block;
    margin-bottom: 5px;
    padding-left: 32px;
    cursor: pointer;
    text-align: left;
}

    .checkbox-control input {
        position: absolute;
        z-index: -1;
        opacity: 0;
    }

.checkbox-control-indicator {
    position: absolute;
    top: 2px;
    left: 0;
    width: 24px;
    height: 24px;
    border-radius: 2.5px;
    background-color: #fff;
    border: solid 1px #ccc;
}

    .checkbox-control-indicator::after {
        position: absolute;
        content: '';
        display: none;
    }

.checkbox-wrapper .error-wrapper {
    margin-left: 0;
}

.checkbox-wrapper.form-field {
    border: 0 !important;
}

.checkbox-control input:checked ~ .checkbox-control-indicator::after {
    display: block;
}

.cb .checkbox-control-indicator::after {
    top: 4px;
    left: 8px;
    width: 7px;
    height: 12px;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-width: 2px;
    border-style: solid;
    border-top-width: 0;
    border-left-width: 0;
}

.form-field-container.partner-reseller-signupform {
    max-width: 445px;
    min-height: 100px;
    margin: 30px auto;
}

.custom-inputs {
    display: none;
}

.solution-partner-form p {
    text-align: left;
    font-family: Sailec-Medium, Helvetica, sans-serif;
    font-size: .875rem;
    line-height: 1.43;
    margin: 20px 0 10px;
}

.solution-partner-form .interested-products {
    margin-top: -7px;
}

.solution-partner-form .row {
    margin-left: 0;
}

.solution-partner-form .opt-reseller-form,
.solution-partner-form .s-plus-r-form {
    float: left;
}

.radio-control:checked,
.radio-control:not(:checked) {
    position: absolute;
    left: -9999px;
}

    .radio-control:checked + label,
    .radio-control:not(:checked) + label {
        position: relative;
        padding-left: 30px;
        padding-right: 40px;
        margin-bottom: 20px;
        cursor: pointer;
        line-height: 24px;
        display: inline-block;
        color: #666;
    }

        .radio-control:checked + label::before,
        .radio-control:not(:checked) + label::before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            width: 24px;
            height: 24px;
            border: 1px solid #3973e6;
            border-radius: 100%;
            background: #fff;
        }

        .radio-control:checked + label::after,
        .radio-control:not(:checked) + label::after {
            content: '';
            width: 8px;
            height: 8px;
            background: #3973e6;
            position: absolute;
            top: 8px;
            left: 8px;
            border-radius: 100%;
            transition: all .2s ease;
        }

        .radio-control:not(:checked) + label::after {
            opacity: 0;
            -ms-transform: scale(0);
            transform: scale(0);
        }

        .radio-control:checked + label::after {
            opacity: 1;
            -ms-transform: scale(1);
            transform: scale(1);
        }

.psr-LeftIn-animation {
    animation: fadeInLeft .25s forwards .1s;
}

.psr-LeftOut-animation {
    animation: fadeOutLeft .25s forwards;
}

.psr-RightIn-animation {
    animation: fadeInRight .25s forwards .1s;
}

.psr-RightOut-animation {
    animation: fadeOutRight .25s forwards;
}

.psr-DownIn-animation {
    animation: fadeInDown .25s forwards;
}

.opening-prs,
.psr-thank-you,
.reseller-partner-page,
.solution-partner-page,
.subsequent-prs {
    opacity: 0;
}

.hide-sections {
    position: absolute;
    left: -9999px;
    top: 0;
    bottom: 0;
    overflow: hidden;
    pointer-events: none;
}

.show-sections {
    opacity: 1;
}

.hr-line {
    margin-top: 20px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc;
}

    .hr-line .para-extrasmall-black {
        font-family: Sailec-Medium, Helvetica, sans-serif;
        font-size: .625rem;
        font-weight: 500;
        text-align: left;
        letter-spacing: .4px;
        color: #999;
    }

    .hr-line .rsp-section.sp-details {
        padding-top: 10px;
        clear: both;
    }

p .intrested-product {
    margin-top: -7px;
}

.rsp-ssp-page .form-field textarea,
.solution-partner-page .form-field textarea {
    height: 100px;
    transition: none;
    padding: 11px 0 0 11px;
}

.banner-partner-reseller {
    padding-left: 0;
    padding-right: 0;
}

.psr-text {
    margin-bottom: 12px;
}

.para-small-black {
    font-family: Sailec-Medium, Helvetica, sans-serif;
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.43;
    text-align: left;
    color: #4d4d4d;
}

.psr-text {
    margin-bottom: 12px;
}

.progress-list {
    overflow: hidden;
    max-width: 500px;
    margin: 30px auto;
    padding-left: 0;
}

.progress-list-item {
    list-style-type: none;
    text-transform: capitalize;
    font-size: .75rem;
    font-weight: 500;
    width: 49%;
    float: left;
    font-family: Sailec-Medium, Helvetica, sans-serif;
    position: relative;
    color: #4d4d4d;
}

    .progress-list-item.complete .progress-list-circle::before {
        position: absolute;
        content: '';
        color: #fff;
        top: 10px;
        left: 14px;
        width: 7px;
        height: 12px;
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        border-width: 2px;
        border-style: solid;
        border-top-width: 0;
        border-left-width: 0;
    }

    .progress-list-item:first-child .progress-list-bar::before {
        content: none;
    }

    .progress-list-item:last-child .progress-list-bar::after {
        display: none;
    }

.progress-list-bar::after,
.progress-list-bar::before {
    position: absolute;
    height: 6px;
    top: 15px;
    content: '';
}

.progress-list-bar::before {
    right: 50%;
    left: 0;
    margin-right: 18px;
}

.progress-list-bar::after {
    right: 0;
    left: 50%;
    margin-left: 18px;
}

.progress-list.three-levels {
    max-width: 600px;
}

    .progress-list.three-levels .progress-list-item {
        width: 30%;
    }

.progress-list-circle {
    position: relative;
    width: 36px;
    height: 36px;
    line-height: 36px;
    font-size: .875rem;
    border-radius: 50%;
    margin: 0 auto 13px;
}

.dropdown-content.country-dropdown-content.psr-dropdown {
    margin: -10px 0 0 0;
}

.psr-thank-you .round-icon {
    padding: 5px;
    border-radius: 50%;
}

.psr-thank-you .green-check {
    background: #76c125;
    color: #fff;
}

.opt-reseller-form,
.s-plus-r-form {
    text-align: left;
}

.psr-optional-block,
.s-plus-r-block {
    display: none;
    clear: both;
}

.form-field .reseller-partner-dropdown.placeholder {
    color: #b3b3b3;
    font-size: 1rem;
}

.form-field .reseller-partner-dropdown:-moz-placeholder {
    color: #b3b3b3;
    font-size: 1rem;
}

.form-field .reseller-partner-dropdown::-webkit-input-placeholder {
    color: #b3b3b3;
    font-size: 1rem;
}

.press-release-select.fworks-custom-dropdown.form-field select {
    opacity: 1;
    padding: 20px 10px 20px 20px;
}

    .press-release-select.fworks-custom-dropdown.form-field select .field-fix {
        padding: 0 0 0 14px;
    }

.progress-list {
    overflow: hidden;
    max-width: 500px;
    margin: 30px auto;
    padding-left: 0;
}

.progress-list-item {
    list-style-type: none;
    text-transform: capitalize;
    font-size: .75rem;
    font-weight: 500;
    width: 49%;
    float: left;
    font-family: Sailec-Medium, Helvetica, sans-serif;
    position: relative;
    color: #4d4d4d;
}

    .progress-list-item.complete .progress-list-circle::before {
        position: absolute;
        content: '';
        color: #fff;
        top: 10px;
        left: 14px;
        width: 7px;
        height: 12px;
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        border-width: 2px;
        border-style: solid;
        border-top-width: 0;
        border-left-width: 0;
    }

    .progress-list-item:first-child .progress-list-bar::before {
        content: none;
    }

    .progress-list-item:last-child .progress-list-bar::after {
        display: none;
    }

.progress-list-bar::after,
.progress-list-bar::before {
    position: absolute;
    height: 6px;
    top: 15px;
    content: '';
}

.progress-list-bar::before {
    right: 50%;
    left: 0;
    margin-right: 18px;
}

.progress-list-bar::after {
    right: 0;
    left: 50%;
    margin-left: 18px;
}

.progress-list.three-levels {
    max-width: 600px;
}

    .progress-list.three-levels .progress-list-item {
        width: 30%;
    }

.progress-list-circle {
    position: relative;
    width: 36px;
    height: 36px;
    line-height: 36px;
    font-size: .875rem;
    border-radius: 50%;
    margin: 0 auto 13px;
}

.calendly-data-container {
    position: relative;
}

    .calendly-data-container iframe {
        height: 530px;
        padding-bottom: 20px;
    }

    .calendly-data-container .loading-spinner-container {
        position: absolute;
        z-index: -100;
        margin: 0 auto;
        left: 0;
        right: 0;
    }

.press-release-select.fworks-custom-dropdown .select-dropdown:hover [class^=icon-],
.security-ack-select.fworks-custom-dropdown .select-dropdown:hover [class^=icon-] {
    color: #747474;
}

.press-release-select.fworks-custom-dropdown.form-field.select-dropdown-selected-year:hover [class^=icon-],
.security-ack-select.fworks-custom-dropdown.form-field.select-dropdown-selected-year:hover [class^=icon-] {
    color: #747474;
}

.press-release-select.fworks-custom-dropdown.form-field:hover,
.security-ack-select.fworks-custom-dropdown.form-field:hover {
    border-color: #7f7f7f;
}

.press-release-select.fworks-custom-dropdown.form-field select,
.security-ack-select.fworks-custom-dropdown.form-field select {
    opacity: 1;
    padding: 20px 10px 20px 12px;
}

    .press-release-select.fworks-custom-dropdown.form-field select .field-fix,
    .security-ack-select.fworks-custom-dropdown.form-field select .field-fix {
        padding: 0 0 0 14px;
    }

.press-release-select.fworks-custom-dropdown {
    height: 60px;
    width: 93px;
    border-radius: 3px;
    border: solid 1px #999;
}

.security-ack-select.fworks-custom-dropdown {
    height: 60px;
    width: 159px;
    border-radius: 3px;
    border: solid 1px #999;
}

.calendly-only .calendly-data-container {
    min-height: 530px;
}

    .calendly-only .calendly-data-container .loading-spinner-container {
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 0;
    }

.roiform .form-wrapper {
    background-color: #fff;
    padding: 5px 15px 15px;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1);
}

.country-code-dropdown .country-code-selector {
    position: absolute;
    width: 65px;
    height: 60px;
    background-color: #f7f7f7;
    border: 1px solid #ccc;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

    .country-code-dropdown .country-code-selector i {
        position: relative;
    }

    .country-code-dropdown .country-code-selector .flag {
        display: inline-block;
    }

    .country-code-dropdown .country-code-selector .icon-arrow-down {
        font-size: 10px;
        top: 14px;
        left: 13px;
    }

.country-code-dropdown.active .country-code-selector {
    border-left: 1px solid #7f7f7f;
    border-top: 1px solid #7f7f7f;
    border-top-left-radius: 3px;
}

.country-code-dropdown.active .phone-code-field {
    border-top: 1px solid #7f7f7f;
    border-right: 1px solid #7f7f7f;
    border-top-right-radius: 3px;
}

.country-code-dropdown .dropdown-content {
    top: 70.7%;
    margin: 0;
    border-left: 1px solid #7f7f7f;
    border-right: 1px solid #7f7f7f;
    border-bottom: 1px solid #7f7f7f;
}

    .country-code-dropdown .dropdown-content .search-input {
        margin-top: 6px;
    }

.country-code-dropdown .phone-code-field {
    position: relative;
    width: 78.1%;
    left: 64px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

    .country-code-dropdown .phone-code-field input {
        top: 5px;
    }

.alert {
    background-color: #fcf8e3;
    border-color: #faebcc;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
    border-radius: 5px;
}

.no-js-message {
    overflow: hidden;
    width: auto;
    opacity: 0;
    padding: 0 10px;
    animation: no-js-container-animation .8s 1s 1 forwards, no-js-container-animation-ie-fix .1s 2s infinite forwards;
}

.landing-page .no-js-message,
.partner-page-container .no-js-message {
    top: -10px;
    white-space: unset;
    width: calc(100% - 30px);
    margin: 0 auto;
    position: relative;
    max-width: 440px;
}

.partner-page-container .no-js-message {
    width: 100%;
}

.preference_center_checkbox {
    line-height: 1.25;
    margin-bottom: 12px;
}

    .preference_center_checkbox span {
        font-size: .875rem;
        line-height: 1.25;
    }

.round-icon {
    padding: 5px;
    border-radius: 50%;
}

.green-check {
    background: #76c125;
    color: #fff;
}

form .payment-info p {
    color: #999;
    font-size: .875rem;
    margin: 0;
}

form .animate-hide {
    opacity: 0;
}

form .animate-show {
    opacity: 1;
}

.form-inline {
    margin: 30px 0;
}

    .form-inline fieldset {
        display: inline-block;
        width: auto;
        vertical-align: top;
        margin: 0;
        padding: 0;
    }

    .form-inline .form-inline-wrap {
        display: inline-block;
        max-width: 250px;
        width: 100%;
    }

    .form-inline .form-field {
        width: auto;
        vertical-align: middle;
        transition: none;
    }

        .form-inline .form-field [class^=icon-] {
            top: 11px;
        }

        .form-inline .form-field .form-placeholder {
            padding: 0 10px 0 46px;
            top: 8px;
        }

        .form-inline .form-field .placeholder-fix {
            display: none;
        }

        .form-inline .form-field input.field-fix,
        .form-inline .form-field input:focus {
            padding: 12px 10px 12px 46px;
        }

            .form-inline .form-field input.field-fix:focus + label {
                display: none;
            }

        .form-inline .form-field.active > label {
            display: none;
        }

        .form-inline .form-field.error {
            margin-bottom: 9px;
        }

    .form-inline .button-container .button {
        min-width: 250px;
        height: 43px;
        padding: 12px 10px;
    }

    .form-inline input {
        transition: none;
        padding: 12px 10px 12px 46px;
    }

    .form-inline .signup-terms {
        border: none;
    }

.privacy-policy-text p {
    color: #4d4d4d;
    font-size: .875rem;
    margin-bottom: 0;
}

.ajax-form .error-wrapper {
    float: none;
    text-align: center;
    margin: 5px 0 0;
    text-transform: capitalize;
}

.vertical-tab-wrapper {
    display: none;
}

    .vertical-tab-wrapper .nav-tablist {
        padding-left: 0;
    }

        .vertical-tab-wrapper .nav-tablist li {
            display: table;
            min-height: 75px;
            width: 100%;
            list-style: none;
        }

.horizontal-tab-wrapper .nav-tablist li {
    background-color: #fff;
}

.horizontal-tab-wrapper {
    display: none;
}

    .horizontal-tab-wrapper .nav-tablist {
        padding-left: 0;
        margin-top: 30px;
        margin-bottom: 30px;
        display: table;
        width: 100%;
    }

        .horizontal-tab-wrapper .nav-tablist li {
            list-style: none;
        }

.mobile-tab-wrapper {
    display: block;
}

.carousel-fade .carousel-inner .item {
    opacity: 0;
    transition-property: opacity;
}

    .carousel-fade .carousel-inner .item.active {
        opacity: 1;
    }

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

.carousel-fade .carousel-control {
    opacity: 1;
}

.carousel-inner {
    overflow: inherit;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0 0 40px 0 rgba(0, 0, 0, .1);
}

    .carousel-inner .item {
        opacity: 0;
        transition-property: opacity;
    }

    .carousel-inner.active {
        opacity: 1;
    }

.testimonial-card {
    margin: 0 15px;
    padding: 40px 15px;
}

.testimonial-photo img {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    display: inline-block;
}

.testimonial-quote-icon {
    position: absolute;
    top: -.5rem;
    left: 50%;
    font-size: 2.5rem;
    margin-left: -24px;
    margin-top: 15px;
    color: #3973e6;
}

.testimonial-content {
    padding: 50px 0 0;
}

.testimonial-quote {
    margin-bottom: 0;
    line-height: 1.4;
    font-style: italic;
    color: #666;
    font-size: 1.25rem;
}

.author-bio {
    position: relative;
    padding-top: 1.25rem;
}

    .author-bio .author-bio-details,
    .author-bio .image-small {
        display: inline-block;
        vertical-align: middle;
    }

    .author-bio .author-bio-details {
        text-align: left;
    }

    .author-bio .image-small {
        width: 70px;
        height: 70px;
        margin-right: 10px;
    }

    .author-bio img {
        border-radius: 50%;
        vertical-align: middle;
    }

.testimonial-webinar.fsales .webinar-content {
    padding-left: 15px;
}

    .testimonial-webinar.fsales .webinar-content .title {
        min-height: 60px;
        padding: 0;
        margin-top: 20px;
    }

.testimonial-webinar.fsales .webinar-photo img {
    min-height: 360px;
}

.testimonial-webinar .testimonial-card {
    padding: 0;
    margin: 0;
}

.testimonial-webinar .carousel-inner .carousel-item {
    padding-top: 0;
}

.testimonial-webinar .webinar-photo {
    padding: 0;
    line-height: .5;
}

    .testimonial-webinar .webinar-photo img {
        min-height: 150px;
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }

.testimonial-webinar .webinar-bio {
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

    .testimonial-webinar .webinar-bio .author-designation,
    .testimonial-webinar .webinar-bio .author-name {
        font-size: .875rem;
    }

.testimonial-webinar .webinar-details .w-time {
    margin-left: 10px;
}

.testimonial-webinar .webinar-details .lazy-image-wrapper {
    display: inline;
    vertical-align: middle;
}

.testimonial-webinar .webinar-details .w-icon img {
    display: inline;
    vertical-align: text-bottom;
    margin-right: 5px;
    width: 24px;
    height: 24px;
}

.testimonial-author-left .author-bio {
    padding-top: 0;
}

.testimonial-quote-heading {
    color: #4d4d4d;
    font-size: 1.125rem;
    margin-top: 1.25rem;
    margin-bottom: .5rem;
}

.author-name {
    margin: 0;
}

.author-company,
.author-designation {
    color: #666;
    margin: 0;
    line-height: 1.55;
}

.carousel-controls-wrapper {
    text-align: center;
}

.carousel-indicators-wrapper {
    display: inline-block;
    width: auto;
    position: relative;
}

.carousel-indicators {
    bottom: 0;
    margin: 0;
    position: inherit;
    left: 0;
    margin-left: 0;
    display: inline-block;
    width: auto;
}

    .carousel-indicators .active {
        border: none;
        background-color: #29cc7a;
    }

    .carousel-indicators li,
    .carousel-indicators li.active {
        width: 12px;
        height: 12px;
        margin: 1px 2px;
    }

    .carousel-indicators li {
        border-color: #ccc;
        background-color: #fff;
    }

.carousel-control {
    text-shadow: none;
    left: -55px;
}

    .carousel-control.left,
    .carousel-control.right {
        top: -4px;
        bottom: 0;
        background-image: none;
    }

    .carousel-control .icon-arrow-button-left,
    .carousel-control .icon-arrow-button-right {
        padding: 1rem;
        border-radius: 50%;
        font-size: 1rem;
        background-color: #fff;
        box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .1);
        transition: color .2s ease;
    }

    .carousel-control.left {
        left: -75px;
    }

    .carousel-control.right {
        right: -40px;
    }

.testimonial-card.all-center {
    margin: 0;
}

    .testimonial-card.all-center i.icon-quote-close {
        display: none;
    }

    .testimonial-card.all-center .author-bio {
        padding: 1.25rem 0 0;
        margin-top: 20px;
    }

        .testimonial-card.all-center .author-bio::before {
            content: '';
            position: absolute;
            width: 90px;
            top: 0;
            opacity: .5;
        }

    .testimonial-card.all-center .testimonial-quote-icon {
        margin-top: 5px;
    }

.testimonial-logo {
    margin: 0 auto 5px;
    width: 160px;
    position: relative;
    top: 5px;
}

.careers-testimonial-content {
    font-family: National-Book, Helvetica, sans-serif;
    font-style: italic;
    font-size: 1.25rem;
    line-height: 1.4;
}

.careers-testimonial {
    margin: 50px 0;
}

    .careers-testimonial .icon-quote-open {
        font-size: 3rem;
        margin-bottom: 25px;
        display: block;
        position: relative;
        margin-left: 0;
        left: 0;
    }

    .careers-testimonial .author-bio {
        position: relative;
        padding-top: 30px;
        margin-top: 30px;
    }

        .careers-testimonial .author-bio::before {
            content: '';
            position: absolute;
            width: 90px;
            opacity: .5;
            left: 35%;
            top: 0;
        }

.testimonial-webinar.fsales .carousel-inner {
    min-height: 650px;
}

.case-study-testimonial-band {
    width: calc(100% + 60px);
    overflow: hidden;
    position: relative;
    top: 40px;
    left: -30px;
}

    .case-study-testimonial-band .testimonial-band-inner {
        width: 80%;
        margin: 0 auto;
        overflow: hidden;
    }

        .case-study-testimonial-band .testimonial-band-inner > div {
            text-align: center;
        }

    .case-study-testimonial-band h6 {
        margin: 12px 0 0;
    }

    .case-study-testimonial-band p {
        margin: 0 0 12px;
    }

    .case-study-testimonial-band a {
        margin: 22px 0;
        display: block;
        text-align: center;
    }

.ts-logo-text {
    font-size: 1.125rem;
}

.carousel.testimonial-full-width .carousel-inner > .item {
    perspective: inherit;
}

    .carousel.testimonial-full-width .carousel-inner > .item.active {
        -ms-transform: inherit;
        transform: inherit;
    }

.greeting-carousel .full-width-card {
    margin: 0;
    padding: 0;
}

    .greeting-carousel .full-width-card .carousel-content {
        padding: 40px 30px;
    }

    .greeting-carousel .full-width-card .author-company {
        width: 120px;
        height: 24px;
        margin: 10px auto;
        background-size: 120px;
    }

    .greeting-carousel .full-width-card .appreciation-text {
        font-weight: 700;
    }

.greeting-carousel .full-width-image {
    width: 100%;
}

    .greeting-carousel .full-width-image img {
        max-width: 100%;
    }

.appreciation-text,
.message-body,
.signoff-text {
    margin-bottom: 0;
    line-height: 1.4;
    font-family: National-Book, Helvetica, sans-serif;
    font-style: normal;
    color: #666;
    font-size: 1.25rem;
}

.greeting-carousel-button-wrapper {
    margin: 25px 0 0 0;
}

.testimonial-full-width .testimonial-card {
    margin: 0;
    padding: 0 0 30px;
    box-shadow: 0 0 40px 0 rgba(0, 0, 0, .1);
}

.testimonial-full-width .author-bio {
    margin-top: 20px;
    text-align: center;
}

    .testimonial-full-width .author-bio::before {
        content: '';
        position: absolute;
        width: 90px;
        top: 0;
        left: 0;
        right: 0;
        margin: auto;
        opacity: .5;
    }

.testimonial-full-width .testimonial-photo {
    padding: 0;
}

    .testimonial-full-width .testimonial-photo img {
        width: 100%;
        max-width: none;
        height: auto;
        border-radius: 0;
    }

.testimonial-full-width .testimonial-content {
    padding: 0;
}

.testimonial-full-width .testimonial-content-outer {
    padding-top: 30px;
}

.testimonial-full-width .testimonial-quote {
    text-align: center;
}

.testimonial-logo-container {
    margin: 0 auto;
    width: 120px;
    height: auto;
}

.odometer.odometer-auto-theme,
.odometer.odometer-theme-minimal {
    display: inline-block;
    display: inline;
    vertical-align: middle;
    vertical-align: auto;
    zoom: 1;
    position: relative;
}

.odometer.odometer-auto-theme,
.odometer.odometer-theme-default {
    display: inline;
}

    .odometer.odometer-auto-theme .odometer-digit,
    .odometer.odometer-theme-minimal .odometer-digit {
        display: inline-block;
        display: inline;
        vertical-align: middle;
        vertical-align: auto;
        zoom: 1;
        position: relative;
    }

    .odometer.odometer-auto-theme .odometer-digit,
    .odometer.odometer-theme-minimal .odometer-digit {
        display: inline;
    }

        .odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,
        .odometer.odometer-theme-minimal .odometer-digit .odometer-digit-spacer {
            display: inline-block;
            display: inline;
            vertical-align: middle;
            vertical-align: auto;
            zoom: 1;
            visibility: hidden;
            position: relative;
        }

        .odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,
        .odometer.odometer-theme-minimal .odometer-digit .odometer-digit-spacer {
            display: inline;
        }

        .odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,
        .odometer.odometer-theme-minimal .odometer-digit .odometer-digit-inner {
            text-align: center;
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            overflow: hidden;
        }

        .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,
        .odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon {
            display: block;
        }

        .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,
        .odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon-inner {
            display: block;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
        }

        .odometer.odometer-auto-theme .odometer-digit .odometer-value,
        .odometer.odometer-theme-minimal .odometer-digit .odometer-value {
            display: block;
            transform: translateZ(0);
        }

            .odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value,
            .odometer.odometer-theme-minimal .odometer-digit .odometer-value.odometer-last-value {
                position: absolute;
            }

    .odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,
    .odometer.odometer-theme-minimal.odometer-animating-up .odometer-ribbon-inner {
        transition: transform .5s;
    }

    .odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner,
    .odometer.odometer-theme-minimal.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
        -ms-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    .odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,
    .odometer.odometer-theme-minimal.odometer-animating-down .odometer-ribbon-inner {
        -ms-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    .odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner,
    .odometer.odometer-theme-minimal.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
        transition: transform .5s;
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

.odometer {
    margin-top: -7px;
}

.odometer-value.odometer-last-value {
    right: 0;
    left: 0;
}



.pricing-landing {
    padding: 20px 0;
    text-align: center;
}

    .pricing-landing h6 {
        margin: 0;
    }

    .pricing-landing .l-banner {
        margin-top: 45px;
    }

    .pricing-landing .pricing-page {
        padding-bottom: 0;
    }

    .pricing-landing .pricing-table-column {
        border-color: transparent;
    }

        .pricing-landing .pricing-table-column::before {
            border: 0;
        }

        .pricing-landing .pricing-table-column.plan-recommended .pricing-table-plan-name {
            padding-top: 35px;
        }

        .pricing-landing .pricing-table-column.plan-recommended::before {
            top: 0;
        }

    .pricing-landing .pricing-table-header {
        border: 0;
    }

    .pricing-landing .pricing-table-plan-name {
        padding-top: 15px;
    }

.pricing-bottom-subtext .icon-check-mark,
.pricing-bottom-subtext .progress-signup .step.done .step-circle::before,
.progress-signup .step.done .pricing-bottom-subtext .step-circle::before {
    font-size: .75rem;
    margin: 0 5px 0 10px;
}

.pricing-offer-table-column .pricing-table-plan-name {
    padding-top: 15px;
}

[data-bg-color*=color-grey] .pricing-table-column .pricing-table-header,
[data-bg-color*=color-grey] .pricing-table-column::before,
[data-bg-color*=transparent] .pricing-table-column .pricing-table-header,
[data-bg-color*=transparent] .pricing-table-column::before {
    border: 0;
}

.pricing-toggle {
    display: inline-block;
    margin: 5px 0;
    text-align: center;
}

.pricing-monthly,
.pricing-toggle-button,
.pricing-yearly {
    display: inline-block;
    vertical-align: middle;
}

.pricing-toggle-button {
    margin: 0 10px;
    position: relative;
}

.pricing-monthly,
.pricing-yearly {
    color: #999;
    cursor: pointer;
}

    .pricing-monthly.active,
    .pricing-monthly:hover,
    .pricing-yearly.active,
    .pricing-yearly:hover {
        color: #3973e6;
    }

.pricing-yearly {
    position: relative;
}

    .pricing-yearly .pricing-tooltip {
        left: -12px;
    }

.pricing-toggle-checkbox {
    display: none;
}

.pricing-tooltip {
    display: block;
    position: absolute;
    top: -30px;
    left: 42%;
    min-width: 110px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1;
    text-align: center;
    background-color: #4d4d4d;
    border-radius: 3px;
    color: #fff;
}

    .pricing-tooltip::before {
        content: '';
        position: absolute;
        top: 26px;
        width: 0;
        height: 0;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 6px solid #4d4d4d;
    }

    .pricing-tooltip.fsales {
        left: 265%;
    }

.tool-tip-button {
    position: relative;
    cursor: pointer;
    top: 2px;
    padding-left: 2px;
}

    .tool-tip-button.fsales-tooltip {
        margin-left: 5px;
    }

    .tool-tip-button::after {
        position: absolute;
        top: -13px;
        left: 0;
        width: 0;
        height: 0;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 6px solid #4d4d4d;
        opacity: 0;
    }

    .tool-tip-button.showing::after {
        opacity: 1;
        top: -14px;
        content: '';
    }

    .tool-tip-button.showing + .tool-tip-button.tool-tip-appended-content::before,
    .tool-tip-button.showing + .tool-tip-content {
        display: block;
    }

    .tool-tip-button.tool-tip-appended-content::before,
    .tool-tip-content {
        display: none;
        position: absolute;
        top: initial;
        left: -10px;
        right: -10px;
        bottom: 31px;
        padding: 15px;
        font-family: National-Regular, Helvetica, sans-serif;
        font-size: .75rem;
        line-height: 16px;
        text-align: center;
        background-color: #4d4d4d;
        border-radius: 3px;
        color: #fff;
    }

    .tool-tip-button.tool-tip-appended-content::before {
        content: attr(data-tooltip-content);
    }

    .tool-tip-button.tool-tip-appended-content.showing::before {
        display: block;
    }

.pricing-toggle-label {
    position: relative;
    display: block;
    width: 70px;
    height: 30px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: 0;
}

.pricing-toggle-checkbox + .pricing-toggle-label {
    box-shadow: inset 0 2px 3px 0 rgba(166, 166, 166, .57);
    border-radius: 15px;
    padding: 2px;
    transition: left 250ms ease;
}

    .pricing-toggle-checkbox + .pricing-toggle-label::after {
        content: '';
        position: absolute;
        top: 5px;
        left: 7%;
        display: inline-block;
        width: 20px;
        height: 20px;
        border-radius: 10px;
        transition: left 250ms ease;
    }

.pricing-toggle-checkbox:checked + .pricing-toggle-label::after {
    left: 64%;
}

.pricing-table-column {
    position: relative;
    display: inline-block;
    width: 70%;
    margin-bottom: 40px;
    padding: 0;
}

    .pricing-table-column::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #fff;
        border-radius: 10px;
        border: 1px solid #e6e6e6;
        overflow: hidden;
    }

.pricing-table-body,
.pricing-table-footer,
.pricing-table-header,
.pricing-table-mobile-view-options {
    position: relative;
}

.pricing-table-header {
    overflow: hidden;
    border-radius: 10px 10px 0 0;
    border: 1px solid #e6e6e6;
    border-bottom: 0;
}

.pricing-table-header-bg {
    width: 100%;
    height: 0;
    padding-bottom: 68%;
    background-color: #d8f4bf;
    background-position: bottom center;
    background-size: cover;
    background-repeat: no-repeat;
}

.pricing-table[data-product=fstatus] .disclaimer-text {
    color: #999;
    font-size: .875rem;
}

.pricing-table[data-product=fstatus] .pricing-table-column:first-child {
    border-right: 10px solid transparent;
}

.pricing-table[data-product=fstatus] .pricing-table-column .pricing-table-header-bg {
    min-height: 130px;
}

.pricing-table[data-product=fstatus] .pricing-table-features-list [class^=icon-check] {
    background-color: rgba(57, 115, 230, .1);
    color: #3973e6;
}

.animation-container {
    background: linear-gradient(to bottom, #e0fbff 50%, #d8f4bf 50%);
}
 
.pricing-table[data-product=fsales] .tool-tip-button:hover::after {
    top: -9px;
    left: 3px;
}

.pricing-terms {
    font-size: .875rem;
    position: relative;
}

    .pricing-terms .icon-tooltip {
        color: #b3b3b3;
    }

        .pricing-terms .icon-tooltip:hover {
            color: #4d4d4d;
        }

.pricing-table-plan-name {
    margin: 20px 0 0;
    font-size: .875rem;
    letter-spacing: .5px;
}

.pricing-table-plan-category {
    margin: 0;
    padding-bottom: 15px;
    font-size: .875rem;
    line-height: 1.61;
}

.pricing-table-plan-value {
    margin: 0 15px;
}

.pricing-table-plan-price {
    position: relative;
    margin: 30px 0 0;
    height: 55px;
    line-height: 55px;
    font-size: 3rem;
    display: none;
}

    .pricing-table-plan-price.no-js-heading {
        display: inline-block;
        opacity: 0;
        animation: pricing-opacity .25s ease-in 3s 1 forwards;
    }

    .pricing-table-plan-price .pricing-currency-symbol {
        position: absolute;
        top: 50%;
        right: 101%;
        display: inline-block;
        margin-top: -20px;
        font-size: 1.5rem;
        line-height: 1;
    }

        .pricing-table-plan-price .pricing-currency-symbol.long-currency {
            margin-top: -22px;
        }

@keyframes pricing-opacity {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.long-currency {
    word-break: keep-all;
}

.pricing-table-plan-period {
    position: relative;
    transition: padding-bottom .5s ease;
    margin: 5px 0;
}

    .pricing-table-plan-period p {
        margin: 0;
        font-size: .875rem;
    }

    .pricing-table-plan-period .icon-tooltip {
        color: #b3b3b3;
    }

.agents-billed-period.monthly .agents-monthly {
    display: inline;
}

.agents-billed-period.monthly .agents-yearly {
    display: none;
}

.agents-billed-period .agents-monthly {
    display: none;
}

.pricing-table-plan-features {
    max-height: 0;
    overflow: hidden;
    text-align: left;
    transition: max-height .5s ease, padding-top .5s ease;
}

.omnichannel-features .feature-tool-tip .tool-tip-button.tool-tip-appended-content::before,
.omnichannel-features .feature-tool-tip .tool-tip-content {
    left: 0;
    right: 0;
    bottom: 30px;
    z-index: 199;
}

.omnichannel-features .omnichannel-wrapper {
    margin: 0 15px;
}

.omnichannel-features.pricing-table-column .button--small {
    word-break: keep-all;
}

.omnichannel-features.pricing-table-column .pricing-table-footer {
    padding: 10px 0;
}

.omnichannel-features .omnichannel-header {
    position: relative;
    padding: 18px 0;
    margin-top: 25px;
    cursor: pointer;
}

    .omnichannel-features .omnichannel-header .omnichannel-title {
        position: relative;
        margin-bottom: 5px;
    }

    .omnichannel-features .omnichannel-header p {
        margin: 0;
        font-size: .875rem;
    }

    .omnichannel-features .omnichannel-header .agent-pricing {
        font-size: 16px;
        font-weight: 600;
        text-transform: uppercase;
        white-space: nowrap;
        overflow: hidden;
    }

.omnichannel-features .omnichannel-list {
    padding-top: 30px;
}

    .omnichannel-features .omnichannel-list .pricing-table-features-list {
        padding: 0;
    }

.existing-plan-features {
    margin: 0;
    padding: 0 20px 20px;
    font-style: italic;
    font-size: .875rem;
    color: #4d4d4d;
}

.pricing-table[data-product=fservice] .existing-plan-features {
    text-align: center;
}

.pricing-table-features-list {
    margin: 0;
    padding: 0 20px;
    list-style: none;
}

    .pricing-table-features-list li {
        margin: 0 0 7px 26px;
        padding-left: 0;
        font-size: .875rem;
        line-height: 1.5;
    }

    .pricing-table-features-list .feature-not-available {
        background: url(/static-assets/images/common/icons/wrong-icon.svg) no-repeat;
    }

    .pricing-table-features-list .feature-not-available,
    .pricing-table-features-list [class^=icon-check] {
        vertical-align: bottom;
        display: inline-block;
        width: 20px;
        height: 20px;
        font-size: .625rem;
        line-height: 20px;
        margin: 0 6px 0 -26px;
        background-color: rgba(118, 193, 37, .1);
        border-radius: 50%;
        color: #76c125;
        text-align: center;
    }

    .pricing-table-features-list [class^=icon-cross] {
        background-color: #e6e6e6;
        position: relative;
    }

        .pricing-table-features-list [class^=icon-cross]::after,
        .pricing-table-features-list [class^=icon-cross]::before {
            content: '';
            position: absolute;
            width: 2px;
            height: 10px;
            top: 4px;
            left: 9px;
            background-color: #b3b3b3;
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
        }

        .pricing-table-features-list [class^=icon-cross]::after {
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }

.pricing-table-divider {
    background: rgba(77, 77, 77, .08);
    max-width: 36px;
    height: 2px;
    margin: 15px auto;
}

.pricing-table-footer {
    padding: 15px 0 25px;
}

    .pricing-table-footer .email-only-signup,
    .pricing-table-footer .job-description-bundle-signup {
        width: 87%;
    }

        .pricing-table-footer .email-only-signup .button,
        .pricing-table-footer .email-only-signup button,
        .pricing-table-footer .email-only-signup input,
        .pricing-table-footer .job-description-bundle-signup .button,
        .pricing-table-footer .job-description-bundle-signup button,
        .pricing-table-footer .job-description-bundle-signup input {
            display: block;
            min-width: 100%;
            width: 100%;
            height: auto;
        }

        .pricing-table-footer .email-only-signup input,
        .pricing-table-footer .job-description-bundle-signup input {
            font-size: .875rem;
        }

        .pricing-table-footer .email-only-signup .button,
        .pricing-table-footer .job-description-bundle-signup .button {
            padding: 10px 4px;
            font-size: .75rem;
            line-height: 1.3;
        }

        .pricing-table-footer .email-only-signup .terms-subtext,
        .pricing-table-footer .job-description-bundle-signup .terms-subtext {
            position: inherit;
            left: inherit;
        }

            .pricing-table-footer .email-only-signup .terms-subtext p,
            .pricing-table-footer .job-description-bundle-signup .terms-subtext p {
                font-size: .625rem;
            }

.pricing-table-mobile-view-options {
    padding: 15px;
    line-height: 1;
}

    .pricing-table-mobile-view-options p {
        margin: 0;
        line-height: 1.75;
    }

    .pricing-table-mobile-view-options [class^=icon-] {
        display: inline-block;
        font-size: .75rem;
        color: #3973e6;
    }

.hide-features {
    display: none;
}

.pricing-inline-support-details,
.pricing-table-support-details {
    margin-top: 20px;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.2;
}

    .pricing-inline-support-details .pricing-detail-link,
    .pricing-table-support-details .pricing-detail-link {
        cursor: pointer;
        display: block;
        padding-bottom: 20px;
        margin-bottom: 20px;
        border-bottom: solid 1px #e6e6e6;
    }

.pricing-table-support-text {
    margin-bottom: 30px;
    line-height: 1.3;
}

    .pricing-table-support-text .pricing-table-cant-decide-text {
        font-size: 1.25rem;
    }

.pricing-table-features-opened .pricing-table-plan-features {
    padding-top: 30px;
    max-height: 900px;
}

    .pricing-table-features-opened .pricing-table-plan-features:active {
        overflow: visible;
    }

    .pricing-table-features-opened .pricing-table-plan-features:hover {
        overflow: visible;
    }

.pricing-table-features-opened .pricing-table-plan-period {
    margin: 0;
    padding-bottom: 20px;
}

.pricing-table-features-opened .button {
    margin-bottom: 30px;
}

.pricing-table-features-opened .pricing-table-mobile-view-options [class^=icon-] {
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.pricing-table-features-opened .pricing-table-footer {
    padding: 30px 0;
}

.pricing-table-features-opened .hide-features {
    display: block;
}

.pricing-table-features-opened .view-features {
    display: none;
}

.plan-recommended::after {
    content: '';
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: #fff;
    border-radius: 10px;
}

.plan-recommended::before {
    z-index: 1;
    box-shadow: 0 5px 25px 0 rgba(0, 0, 0, .15);
    border-radius: 10px;
    border: 0;
}

.plan-recommended .pricing-table-body,
.plan-recommended .pricing-table-footer,
.plan-recommended .pricing-table-header,
.plan-recommended .pricing-table-mobile-view-options {
    z-index: 1;
}

.plan-recommended .pricing-table-header {
    border: 0;
}

.plan-recommended .pricing-table-header-bg {
    min-height: 150px;
    padding-bottom: 66%;
}

.plan-recommended .animation-container {
    min-height: 140px;
}

.sub-text > p {
    color: #999;
    font-size: .875rem;
    margin: 0;
}

.pricing-table-info > p {
    color: #999;
    font-style: italic;
    font-size: .875rem;
    margin: 0;
}

    .pricing-table-info > p .pricing-page-link {
        font-style: normal;
    }

.asterix {
    color: #4d4d4d;
}

@media only screen and (min-width:36rem) {
    .pricing-yearly .pricing-tooltip {
        top: 0;
        left: 133%;
    }

        .pricing-yearly .pricing-tooltip::before {
            top: 50%;
            right: inherit;
            left: -6px;
            margin-top: -6px;
            border-top: 6px solid transparent;
            border-right: 6px solid #4d4d4d;
            border-bottom: 6px solid transparent;
            border-left: inherit;
        }
}

.pricing-strip {
    border-top: 1px solid;
    border-bottom: 1px solid;
}

.pricing-table.pricing-table-b .pricing-table-plan-name {
    margin: 20px 0;
}

.pricing-table.pricing-table-b .pricing-table-plan-features {
    overflow: visible;
    padding-bottom: 20px;
}

.pricing-table.pricing-table-b .pricing-table-features-list {
    margin-top: 20px;
}

.pricing-table.pricing-table-b .pricing-table-footer {
    padding: 15px 0 45px;
}

.pricing-table.pricing-table-b .tool-tip-button.tool-tip-appended-content::before,
.pricing-table.pricing-table-b .tool-tip-content {
    left: auto;
    right: -8px;
    bottom: 30px;
    padding: 10px;
    max-width: 140px;
    line-height: 14px;
    text-align: left;
}

    .pricing-table.pricing-table-b .tool-tip-content::after {
        top: -14px;
    }

.pricing-terms hr {
    border-color: rgba(77, 77, 77, .08);
    max-width: 36px;
    margin: 15px auto 10px;
}

span.divider {
    width: 100%;
    display: inline-block;
    background-color: rgba(255, 168, 0, .3);
    margin: 20px auto 10px;
    height: 1px;
}

.pricing-table[data-product=fchat] .pricing-table-plan-value,
.pricing-table[data-product=fmarketer] .pricing-table-plan-value,
.pricing-table[data-product=fsales] .pricing-table-plan-value,
.pricing-table[data-product=fteam] .pricing-table-plan-value {
    border: 0;
}

.pricing-table[data-product=fchat] .pricing-table-plan-period hr,
.pricing-table[data-product=fmarketer] .pricing-table-plan-period hr,
.pricing-table[data-product=fsales] .pricing-table-plan-period hr,
.pricing-table[data-product=fteam] .pricing-table-plan-period hr {
    border-color: rgba(77, 77, 77, .08);
    max-width: 36px;
    margin: 15px auto 10px;
}

.pricing-table[data-product=fchat] .feature-tool-tip .tool-tip-button.tool-tip-appended-content::before,
.pricing-table[data-product=fchat] .feature-tool-tip .tool-tip-content,
.pricing-table[data-product=fmarketer] .feature-tool-tip .tool-tip-button.tool-tip-appended-content::before,
.pricing-table[data-product=fmarketer] .feature-tool-tip .tool-tip-content,
.pricing-table[data-product=fsales] .feature-tool-tip .tool-tip-button.tool-tip-appended-content::before,
.pricing-table[data-product=fsales] .feature-tool-tip .tool-tip-content,
.pricing-table[data-product=fteam] .feature-tool-tip .tool-tip-button.tool-tip-appended-content::before,
.pricing-table[data-product=fteam] .feature-tool-tip .tool-tip-content {
    bottom: 26px;
    left: 0;
    right: 0;
}

.pricing-table[data-product=fchat] .pricing-table-features-opened .pricing-table-footer,
.pricing-table[data-product=fmarketer] .pricing-table-features-opened .pricing-table-footer,
.pricing-table[data-product=fsales] .pricing-table-features-opened .pricing-table-footer,
.pricing-table[data-product=fteam] .pricing-table-features-opened .pricing-table-footer {
    padding: 10px 0;
}

.pricing-table[data-product=fchat] .pricing-table-features-opened .pricing-table-plan-features,
.pricing-table[data-product=fmarketer] .pricing-table-features-opened .pricing-table-plan-features,
.pricing-table[data-product=fsales] .pricing-table-features-opened .pricing-table-plan-features,
.pricing-table[data-product=fteam] .pricing-table-features-opened .pricing-table-plan-features {
    overflow: visible;
}

.generic-pricing-table .no-border-bottom.pricing-table-plan-value {
    border: 0;
}

.generic-pricing-table .no-border-bottom ~ .pricing-table-plan-btn {
    padding-top: 0;
    padding-bottom: 0;
}

.plan-card {
    min-height: 40px;
    width: 75%;
    margin: 30px auto 0;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
}

    .plan-card .pricing-table-header {
        width: 100%;
        float: left;
        border: 0;
        border-radius: 0;
    }

    .plan-card .pricing-table-cta {
        position: relative;
        width: 100%;
        float: left;
        min-height: 130px;
    }

        .plan-card .pricing-table-cta .cta-wrapper {
            position: absolute;
            width: 100%;
            top: 50%;
            left: 50%;
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }

    .plan-card .pricing-table-body {
        width: 100%;
        text-align: center;
        float: left;
        padding-right: 20px;
        padding-left: 20px;
        padding-bottom: 0;
    }

        .plan-card .pricing-table-body h3 {
            font-size: 32px;
        }

        .plan-card .pricing-table-body p {
            line-height: 1.13;
            border-bottom: 1px solid rgba(255, 168, 0, .3);
            padding-bottom: 30px;
            margin-bottom: 10px;
        }

        .plan-card .pricing-table-body span {
            background-position: 0 center;
            display: none;
            background-repeat: no-repeat;
            padding-left: 30px;
        }

            

.pricing-comparison-offer-badge {
    color: #fff;
    position: absolute;
    height: 28px;
    top: -29px;
    width: 101.5%;
    left: -.5%;
    border: 1px solid rgba(230, 230, 230, .5);
    border-radius: 5px 5px 0 0;
    font-size: .875rem;
    text-transform: uppercase;
    font-family: Sailec-Bold, Helvetica, sans-serif;
    letter-spacing: .5px;
}

.pricing-offer-table {
    width: 210px;
    margin: 20px auto;
    position: relative;
    background: #fff;
    border-radius: 10px;
}

    .pricing-offer-table .pricing-terms {
        font-size: 13px;
    }

    .pricing-offer-table .pricing-offer-table-header {
        border-radius: 10px 10px 0 0;
    }

    .pricing-offer-table .tool-tip-button.tool-tip-appended-content::before,
    .pricing-offer-table .tool-tip-content {
        left: 10px;
        right: 10px;
    }

.pricing-offer-active-plan-header {
    position: relative;
}

.pricing-offer-table-body .pricing-offer-features-mobile {
    display: initial;
}

    .pricing-offer-table-body .pricing-offer-features-mobile .pricing-table-features-list {
        width: 170px;
        margin: 0 auto;
        padding: 20px 0;
    }

.pricing-offer-table-plan-value {
    margin: 20px 0;
}

    .pricing-offer-table-plan-value .pricing-table-plan-price {
        margin-top: 10px;
        left: -30px;
    }

    .pricing-offer-table-plan-value .odometer-inside {
        position: absolute;
        left: 95px;
    }

    .pricing-offer-table-plan-value .price-difference {
        left: 0;
    }

.pricing-offer-features {
    display: none;
}

.pricing-offer-table-column {
    box-shadow: 0 5px 25px 0 rgba(0, 0, 0, .15);
    border-radius: 10px;
}

.plan-offer-price-before {
    color: #ccc;
}

    .plan-offer-price-before::before {
        content: '';
        width: 2px;
        height: 58px;
        background: #ccc;
        position: absolute;
        top: 1px;
        left: 35px;
        -ms-transform: rotate(90deg);
        transform: rotateZ(90deg);
    }

.plan-offer-price-before-symbol {
    font-size: .875rem;
    line-height: 2.29;
    position: relative;
    top: -12px;
    left: 10px;
}

.plan-offer-price-before-value {
    font-size: 36px;
    line-height: 1.17;
}

.plan-offer-price-symbol {
    font-size: 1.5rem;
    line-height: 1.33;
    position: relative;
    top: -10px;
    left: -2px;
}

.plan-offer-price-after {
    position: relative;
    left: -12px;
    top: 1px;
    font-size: 48px;
}

.pricing-offer-compare-old-price {
    font-size: .875rem;
    color: #ccc;
}

    .pricing-offer-compare-old-price::before {
        content: '';
        width: 1px;
        height: 32px;
        background: #ccc;
        position: absolute;
        top: -31%;
        left: 13px;
        -ms-transform: rotate(90deg);
        transform: rotateZ(90deg);
    }

.pricing-offer-banner-badge {
    padding: 15px 20px;
    border-radius: 5px;
    width: 290px;
    margin: 20px auto;
}

    .pricing-offer-banner-badge .row {
        display: -ms-flexbox;
        display: flex;
    }

    .pricing-offer-banner-badge .offer-icon-wrapper {
        position: relative;
    }

    .pricing-offer-banner-badge img {
        position: absolute;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 80%;
    }

    .pricing-offer-banner-badge p {
        font-size: 14px;
        margin: 0;
        line-height: 1.43;
    }

[data-product-name=fsales] .tool-tip-button:hover::after {
    top: -8px;
    left: 1px;
}

[data-product-name=fsales] .accordion-wrapper .tool-tip-button:hover::after {
    top: -10px;
    left: 0;
}

.pricing-offer-compare-table .pricing-offer-currency-symbol {
    position: absolute;
    margin-right: -9px;
    right: 100%;
}

.pricing-offer-compare-table .odometer-inside {
    position: relative;
    left: 10px;
}

.pricing-offer-compare-table .pricing-offer-compare-old-price {
    position: relative;
    left: -10px;
}

.pricing-offer-compare-table .pricing-offer-compare-new-price .price-symbol {
    position: relative;
    left: 4px;
}

.pricing-offer-compare-table .pricing-offer-compare-new-price .odometer-inside {
    position: absolute;
    top: 0;
    left: 36px;
}

.pricing-offer-compare-package {
    cursor: pointer;
    color: #999;
}

.pricing-offer-compare-table {
    overflow-x: scroll;
    padding-top: 30px;
}

.lp-pricing-section.pricing-page:not([data-bg-color]) {
    background-color: transparent;
}

.lp-pricing-section .plan-card .pricing-title-wrap {
    min-height: 220px;
    padding-top: 75px;
}

.lp-pricing-section .pricing-table-header {
    border: 0;
}

.lp-pricing-section .pricing-table-column::before {
    border: 0;
}

.offer-value {
    display: inline-block;
    padding: 0 10px;
    background: #e8b5c9;
    border-radius: 10px;
}

.fdesk-themed-hr {
    border-color: #25c16f !important;
    max-width: 100% !important;
    margin: 15px auto 10px !important;
    border-top: none;
    opacity: .3;
}

.pricing-tooltip.bg-fdesk::before {
    border-bottom: 6px solid #25c16f;
}

@media only screen and (min-width:36rem) {
    .pricing-tooltip.bg-fdesk::before {
        border-right: 6px solid #25c16f;
        border-bottom: 6px solid transparent;
    }
}

.fservice-themed-hr {
    border-color: #08c7fb !important;
    max-width: 100% !important;
    margin: 15px auto 10px !important;
    border-top: none;
    opacity: .3;
}

.pricing-tooltip.bg-fservice::before {
    border-bottom: 6px solid #08c7fb;
}

@media only screen and (min-width:36rem) {
    .pricing-tooltip.bg-fservice::before {
        border-right: 6px solid #08c7fb;
        border-bottom: 6px solid transparent;
    }
}

.fsales-themed-hr {
    border-color: #ffa800 !important;
    max-width: 100% !important;
    margin: 15px auto 10px !important;
    border-top: none;
    opacity: .3;
}

.pricing-tooltip.bg-fsales::before {
    border-bottom: 6px solid #ffa800;
}

@media only screen and (min-width:36rem) {
    .pricing-tooltip.bg-fsales::before {
        border-right: 6px solid #ffa800;
        border-bottom: 6px solid transparent;
    }
}

.fcaller-themed-hr {
    border-color: #cc4783 !important;
    max-width: 100% !important;
    margin: 15px auto 10px !important;
    border-top: none;
    opacity: .3;
}

.pricing-tooltip.bg-fcaller::before {
    border-bottom: 6px solid #cc4783;
}

@media only screen and (min-width:36rem) {
    .pricing-tooltip.bg-fcaller::before {
        border-right: 6px solid #cc4783;
        border-bottom: 6px solid transparent;
    }
}

.fteam-themed-hr {
    border-color: #ff5969 !important;
    max-width: 100% !important;
    margin: 15px auto 10px !important;
    border-top: none;
    opacity: .3;
}

.pricing-tooltip.bg-fteam::before {
    border-bottom: 6px solid #ff5969;
}

@media only screen and (min-width:36rem) {
    .pricing-tooltip.bg-fteam::before {
        border-right: 6px solid #ff5969;
        border-bottom: 6px solid transparent;
    }
}

.fchat-themed-hr {
    border-color: #45a4ec !important;
    max-width: 100% !important;
    margin: 15px auto 10px !important;
    border-top: none;
    opacity: .3;
}

.pricing-tooltip.bg-fchat::before {
    border-bottom: 6px solid #45a4ec;
}

@media only screen and (min-width:36rem) {
    .pricing-tooltip.bg-fchat::before {
        border-right: 6px solid #45a4ec;
        border-bottom: 6px solid transparent;
    }
}

.fmarketer-themed-hr {
    border-color: #ee5a24 !important;
    max-width: 100% !important;
    margin: 15px auto 10px !important;
    border-top: none;
    opacity: .3;
}

.pricing-tooltip.bg-fmarketer::before {
    border-bottom: 6px solid #ee5a24;
}

@media only screen and (min-width:36rem) {
    .pricing-tooltip.bg-fmarketer::before {
        border-right: 6px solid #ee5a24;
        border-bottom: 6px solid transparent;
    }
}

.fstatus-themed-hr {
    border-color: #7e7efc !important;
    max-width: 100% !important;
    margin: 15px auto 10px !important;
    border-top: none;
    opacity: .3;
}

.pricing-tooltip.bg-fstatus::before {
    border-bottom: 6px solid #7e7efc;
}

@media only screen and (min-width:36rem) {
    .pricing-tooltip.bg-fstatus::before {
        border-right: 6px solid #7e7efc;
        border-bottom: 6px solid transparent;
    }
}

.frelease-themed-hr {
    border-color: #7d61dc !important;
    max-width: 100% !important;
    margin: 15px auto 10px !important;
    border-top: none;
    opacity: .3;
}

.pricing-tooltip.bg-frelease::before {
    border-bottom: 6px solid #7d61dc;
}

@media only screen and (min-width:36rem) {
    .pricing-tooltip.bg-frelease::before {
        border-right: 6px solid #7d61dc;
        border-bottom: 6px solid transparent;
    }
}

.fthoughts-themed-hr {
    border-color: #3973e6 !important;
    max-width: 100% !important;
    margin: 15px auto 10px !important;
    border-top: none;
    opacity: .3;
}

.pricing-tooltip.bg-fthoughts::before {
    border-bottom: 6px solid #3973e6;
}

@media only screen and (min-width:36rem) {
    .pricing-tooltip.bg-fthoughts::before {
        border-right: 6px solid #3973e6;
        border-bottom: 6px solid transparent;
    }
}

.tag-product-listing {
    display: inline-block;
    background-color: rgba(57, 115, 230, .1);
    color: #666;
    border: 1px solid rgba(57, 115, 230, .15);
    font-size: .625rem;
    line-height: 2;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 15px;
}

.calendar-sections .activity-card,
.product-listing {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .1);
    padding: 20px;
    position: relative;
    overflow: hidden;
    display: block;
    transition: transform .3s ease, box-shadow .3s ease;
    margin-bottom: 20px;
}

    .calendar-sections .activity-card .tag-product-listing,
    .product-listing .tag-product-listing {
        font-family: Sailec-Medium, Helvetica, sans-serif;
    }

    .calendar-sections .activity-card h4,
    .product-listing h4 {
        margin: 0;
        min-height: 30px;
    }

    .calendar-sections .activity-card:hover,
    .product-listing:hover {
        -ms-transform: translateY(-3px);
        transform: translateY(-3px);
        box-shadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 1px 3px 0 rgba(0, 0, 0, .11), 0 3px 3px -1px rgba(0, 0, 0, .1), 0 20px 30px -3px rgba(0, 0, 0, .1);
    }

    .calendar-sections .new.activity-card,
    .product-listing.new {
        box-shadow: 0 2px 10px 0 rgba(138, 168, 230, .2);
        animation: shadowGlow 1.5s ease-in infinite;
    }

    .calendar-sections .activity-card .logo,
    .product-listing .logo {
        display: block;
        margin: auto;
    }

    .calendar-sections .activity-card .button + .link,
    .product-listing .button + .link {
        margin-left: 15px;
    }

    .calendar-sections .activity-card .forward--link,
    .product-listing .forward--link {
        display: block;
        margin-top: 15px;
    }

    .calendar-sections .activity-card .tag-new,
    .product-listing .tag-new {
        position: absolute;
        width: 100px;
        height: 45px;
        line-height: 60px;
        font-size: .625rem;
        border-radius: unset;
        right: 0;
        text-align: center;
        -ms-transform: rotate(45deg) translate(6%, -91%);
        transform: rotate(45deg) translate(6%, -91%);
    }

.empty-product-listing {
    display: none;
}

.bg-fdesk {
    background-color: #25c16f !important;
}

    .bg-fdesk:hover {
        background-color: #16a358 !important;
    }

.hover-fdesk:hover {
    background-color: #25c16f !important;
}

.bg-fservice {
    background-color: #08c7fb !important;
}

    .bg-fservice:hover {
        background-color: #0096d7 !important;
    }

.hover-fservice:hover {
    background-color: #08c7fb !important;
}

.bg-fsales {
    background-color: #ffa800 !important;
}

    .bg-fsales:hover {
        background-color: #e68600 !important;
    }

.hover-fsales:hover {
    background-color: #ffa800 !important;
}

.bg-fcaller {
    background-color: #cc4783 !important;
}

    .bg-fcaller:hover {
        background-color: #ae3468 !important;
    }

.hover-fcaller:hover {
    background-color: #cc4783 !important;
}

.bg-fteam {
    background-color: #ff5969 !important;
}

    .bg-fteam:hover {
        background-color: #dc4d5b !important;
    }

.hover-fteam:hover {
    background-color: #ff5969 !important;
}

.bg-fchat {
    background-color: #45a4ec !important;
}

    .bg-fchat:hover {
        background-color: #3995dc !important;
    }

.hover-fchat:hover {
    background-color: #45a4ec !important;
}

.bg-fmarketer {
    background-color: #ee5a24 !important;
}

    .bg-fmarketer:hover {
        background-color: #d14f1f !important;
    }

.hover-fmarketer:hover {
    background-color: #ee5a24 !important;
}

.bg-fstatus {
    background-color: #7e7efc !important;
}

    .bg-fstatus:hover {
        background-color: #6565c9 !important;
    }

.hover-fstatus:hover {
    background-color: #7e7efc !important;
}

.bg-frelease {
    background-color: #7d61dc !important;
}

    .bg-frelease:hover {
        background-color: #302554 !important;
    }

.hover-frelease:hover {
    background-color: #7d61dc !important;
}

.bg-fthoughts {
    background-color: #3973e6 !important;
}

    .bg-fthoughts:hover {
        background-color: #275dc7 !important;
    }

.hover-fthoughts:hover {
    background-color: #3973e6 !important;
}

.modal {
    opacity: 0;
    transition: opacity .15s linear;
    text-align: center;
}

    .modal.in {
        opacity: 1;
    }

.modal-body {
    padding-top: 10px;
}

.modal-dialog {
    height: 100%;
    margin: 0;
    border-radius: 0;
    background-color: #fff;
}

.modal-content {
    border: none;
    box-shadow: none;
    border-radius: 5px;
}

.modal-header {
    border-bottom: 0;
    padding-bottom: 0;
    position: relative;
    min-height: 50px;
}

    .modal-header.m-no-padding {
        padding: 0;
    }

.modal-close {
    position: absolute;
    right: 10px;
    z-index: 2;
    top: 10px;
    padding: 7.5px 8px;
    line-height: 1;
    border-radius: 3px;
    background-color: #f3f3f3;
    cursor: pointer;
}

    .modal-close i {
        color: rgba(102, 102, 102, .5);
        vertical-align: middle;
        position: relative;
        top: -1px;
    }

    .modal-close:hover {
        background-color: #e6e6e6;
    }

        .modal-close:hover i {
            color: #666;
        }

em.error {
    display: block;
    font-size: .875rem;
}

.modal-backdrop.in {
    opacity: .8;
}

.slideshare-content .title {
    margin: 0 0 15px;
    font-size: 1.5rem;
}

.slideshare-wrapper iframe {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 350px;
    border: 0;
}

.customer-story-modal .modal-header {
    text-align: center;
}

    .customer-story-modal .modal-header img.original-image {
        max-width: 243px;
        width: auto;
    }

.customer-story-modal .modal-body {
    text-align: left;
}

    .customer-story-modal .modal-body img.original-image {
        width: auto;
        max-width: 100%;
    }

.customer-story-modal .customer-story-share {
    border-top: 1px solid #dedede;
    text-align: center;
    padding-top: 25px;
    margin-top: 20px;
}

.customer-story-modal .social-connect-nav {
    display: inline-block;
    text-align: center;
}

.customer-story-modal-wrapper {
    max-width: 718px;
}

.press-release-item {
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0 2px 10px 0 rgba(138, 168, 230, .2);
    transition: transform .3s ease, box-shadow .3s ease;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    max-width: 25rem;
    min-height: 330px;
}

    .press-release-item:hover {
        -ms-transform: translateY(-6px);
        transform: translateY(-6px);
        box-shadow: 0 7px 10px 0 rgba(138, 168, 230, .2);
    }

    .press-release-item img {
        display: block;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }

.press-release-title {
    padding: 10px 10px 40px;
}

.press-release-date p {
    font-size: .875rem;
    font-family: Sailec-Medium, Helvetica, sans-serif;
    color: #4d4d4d;
}

.fworks-pr .press-release-date {
    padding-bottom: 20px;
}

    .fworks-pr .press-release-date p {
        margin-bottom: 0;
    }

.fworks-pr p {
    line-height: 1.75;
    color: #666;
    margin-bottom: 30px;
}

    .fworks-pr p a {
        color: #3973e6;
        font-family: National-Medium, Helvetica, sans-serif;
    }

.fworks-pr ul {
    padding-left: 0;
    list-style: none;
}

    .fworks-pr ul li {
        position: relative;
        padding-left: 20px;
    }

        .fworks-pr ul li::before {
            content: '• ';
            color: #3973e6;
            font-size: 2rem;
            position: absolute;
            left: 0;
            top: 0;
            line-height: .8;
        }

        .fworks-pr ul li .pr-title {
            color: #3973e6;
            font-family: National-Medium, Helvetica, sans-serif;
        }

.news-feed {
    padding: 20px;
    border-radius: 3px;
    background-color: rgba(57, 115, 230, .1);
}

.newsfeed-date {
    font-family: Sailec-Regular, Helvetica, sans-serif;
    font-size: .75rem;
    line-height: 1.5;
    text-align: left;
    color: #666;
}

.date-place {
    font-family: Sailec-Medium, Helvetica, sans-serif;
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.5;
    text-align: left;
    color: #4d4d4d;
    display: block;
}

.date-place-sm {
    font-family: Sailec-Regular, Helvetica, sans-serif;
    font-size: .75rem;
    line-height: 1.5;
    text-align: left;
    color: #666;
}

    .date-place-sm.publications-label {
        display: inline-block;
        padding-left: 20px;
        margin-bottom: 5px;
    }

.newsfeed-heading,
.newsfeed-heading a {
    font-family: Sailec-Medium, Helvetica, sans-serif;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5;
    text-align: left;
    color: #4d4d4d;
    margin-bottom: 20px;
}

    .newsfeed-heading a:hover,
    .newsfeed-heading:hover {
        color: #3973e6;
    }

.news-feed,
.press-full-version,
.press-release {
    max-width: 668px;
}

    .news-feed .newsfeed-line,
    .press-full-version .newsfeed-line,
    .press-release .newsfeed-line {
        width: 100%;
        height: 1px;
        border: none;
        border-top: solid 1px rgba(57, 115, 230, .2);
        margin-top: 25px;
    }

    .news-feed .forward--link,
    .press-full-version .forward--link,
    .press-release .forward--link {
        margin-bottom: 30px;
    }

    .news-feed .newsfeed-content.ellipsis-wrapper,
    .press-full-version .newsfeed-content.ellipsis-wrapper,
    .press-release .newsfeed-content.ellipsis-wrapper {
        max-height: 85px;
        overflow: hidden;
    }

    .press-release.member-list {
        max-width: none;
    }

        .press-release.member-list span {
            line-height: 2.25;
            font-size: 1rem;
        }

.backward--link.mobile-align {
    text-align: center;
}

.press-full-version {
    max-width: 717px;
}

    .press-full-version .date-place.margin-fix {
        margin: 0;
    }

    .press-full-version .img-wrapper {
        text-align: center;
    }

        .press-full-version .img-wrapper img {
            width: auto;
        }

.pr-image img {
    width: auto;
}

.press-release-widget {
    display: none;
}
 

.mosaic-item {
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    margin: 0 auto 20px;
    max-width: 25rem;
    display: block;
    cursor: pointer;
    font-size: 0;
}

    .mosaic-item img {
        width: 100%;
        transition: filter .2s ease;
    }

    .mosaic-item.mosaic-hover .mosaic-overlay,
    .mosaic-item:hover .mosaic-overlay {
        pointer-events: all;
        opacity: 1;
    }

    .mosaic-item.mosaic-hover img,
    .mosaic-item:hover img {
        filter: blur(3px);
    }

    .mosaic-item .forward--link {
        position: absolute;
        display: block;
        bottom: 20px;
        left: 50%;
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        z-index: 100;
    }

        .mosaic-item .forward--link,
        .mosaic-item .forward--link:visited {
            color: #fff;
        }

            .mosaic-item .forward--link::after,
            .mosaic-item .forward--link:visited::after {
                color: #fff;
            }

            .mosaic-item .forward--link:hover {
                color: rgba(255, 255, 255, .8);
            }

                .mosaic-item .forward--link:hover::after {
                    color: rgba(255, 255, 255, .8);
                }

.mosaic-overlay {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .4) 0, rgba(0, 0, 0, .75) 80%);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    pointer-events: none;
    transition: opacity .2s ease;
}

    .mosaic-overlay h6,
    .mosaic-overlay span {
        color: #fff;
    }

.mosaic-content {
    width: 100%;
    padding: 25px;
    position: relative;
}

    .mosaic-content span {
        font-size: 1rem;
        cursor: pointer;
    }

    .mosaic-content .video-popup-initial-state {
        display: inline-block;
    }

.mosaic-video {
    font-size: 1rem;
}

.mosaic-content .play-button {
    width: 30px;
    height: 30px;
    border: 1px solid #fff;
    border-radius: 50%;
    -ms-transform: none;
    transform: none;
    line-height: 30px;
    top: 0;
    left: 0;
    position: static;
    display: inline-block;
    margin-left: 5px;
    text-align: center;
    cursor: pointer;
    transition: background-color .3s ease;
}

    .mosaic-content .play-button:hover {
        background-color: rgba(0, 0, 0, .7);
    }

    .mosaic-content .play-button .icon-play {
        font-size: .75rem;
        line-height: 28px;
    }

.ls-wrapper h1 {
    margin-bottom: 40px;
}

.ls-widget {
    display: block;
    text-align: center;
    margin-bottom: 50px;
}

    .ls-widget img {
        border-radius: 50%;
    }

        .ls-widget img.medium {
            width: 160px;
        }

        .ls-widget img.big {
            width: 200px;
        }

    .ls-widget .loading-optimized.medium {
        padding-top: 160px;
        margin-bottom: 14px;
    }

    .ls-widget .loading-optimized.big {
        padding-top: 200px;
        margin-bottom: 14px;
    }

    .ls-widget h6 {
        margin-top: 5px;
        margin-bottom: 0;
    }

    .ls-widget p {
        color: #666;
        font-size: 1rem;
        line-height: 1.5;
        margin-top: -2px;
    }

.ls-social-icons {
    padding-left: 0;
    margin-top: 7px;
}

    .ls-social-icons li {
        margin: 0 2px;
        line-height: 2;
        list-style: none;
        display: inline-block;
    }

    .ls-social-icons a {
        padding: 3px 6px;
        border-radius: 50%;
    }

    .ls-social-icons i {
        color: #fff;
        font-size: .75rem;
    }

.twitter-icon {
    background-color: #55acee;
}

.linked-icon {
    background-color: #007ab9;
}

.ls-desc p {
    line-height: 1.75;
    text-align: left;
}

.modal-body .ls-widget {
    margin-bottom: 20px;
}

    .modal-body .ls-widget h6,
    .modal-body .ls-widget img {
        cursor: default;
    }

    .modal-body .ls-widget h6 {
        color: #4d4d4d;
    }

.loc-widget .icon-small {
    margin: 0;
    margin-bottom: 10px;
}

.loc-widget ul {
    padding-left: 0;
    margin-top: 0;
}

.loc-widget li {
    list-style: none;
}

.video-widget-1090,
.video-widget-720 {
    position: relative;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .15);
}

.video-widget-720 {
    cursor: pointer;
}

    .video-widget-720 img {
        width: 100%;
        display: block;
    }

    .banner-video-box .play-button,
    .feature-video-box .play-button,
    .play-button-wrap .play-button,
    .testimonial-full-width .play-button,
    .video-widget-1090 .play-button,
    .video-widget-250 .play-button,
    .video-widget-720 .play-button {
        position: absolute;
        width: 60px;
        height: 60px;
        background-color: rgba(0, 0, 0, .4);
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .3);
        border: solid 3px #fff;
        border-radius: 50%;
        top: 50%;
        color: #fff;
        left: 50%;
        cursor: pointer;
        z-index: 100;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        line-height: 60px;
        text-align: center;
        transition: background-color .15s ease-in;
    }

        .banner-video-box .play-button:hover,
        .feature-video-box .play-button:hover,
        .play-button-wrap .play-button:hover,
        .testimonial-full-width .play-button:hover,
        .video-widget-1090 .play-button:hover,
        .video-widget-250 .play-button:hover,
        .video-widget-720 .play-button:hover {
            background-color: rgba(0, 0, 0, .7);
        }

        .banner-video-box .play-button .icon-play,
        .feature-video-box .play-button .icon-play,
        .play-button-wrap .play-button .icon-play,
        .testimonial-full-width .play-button .icon-play,
        .video-widget-1090 .play-button .icon-play,
        .video-widget-250 .play-button .icon-play,
        .video-widget-720 .play-button .icon-play {
            font-size: 21px;
            position: relative;
            top: 1px;
            left: 1px;
        }

    .banner-video-box.hide-wistia-button .w-big-play-button,
    .feature-video-box.hide-wistia-button .w-big-play-button,
    .play-button-wrap.hide-wistia-button .w-big-play-button,
    .testimonial-full-width.hide-wistia-button .w-big-play-button,
    .video-widget-1090.hide-wistia-button .w-big-play-button,
    .video-widget-250.hide-wistia-button .w-big-play-button,
    .video-widget-720.hide-wistia-button .w-big-play-button {
        display: none;
    }

    .banner-video-box.hide-wistia-button img,
    .feature-video-box.hide-wistia-button img,
    .play-button-wrap.hide-wistia-button img,
    .testimonial-full-width.hide-wistia-button img,
    .video-widget-1090.hide-wistia-button img,
    .video-widget-250.hide-wistia-button img,
    .video-widget-720.hide-wistia-button img {
        position: absolute;
        z-index: 1;
    }

.video-popup-close {
    position: absolute;
    width: 50px;
    height: 50px;
    top: -58px;
    z-index: 500;
    color: #fff;
    background-color: rgba(0, 0, 0, .7);
    right: 10px;
    line-height: 50px;
    cursor: pointer;
    border-radius: 50%;
    text-align: center;
    transition: background-color .15s ease-in;
}

    .video-popup-close:hover {
        background-color: rgba(0, 0, 0, .4);
    }

.video-widget-250 {
    position: relative;
    display: block;
    margin-top: 15px;
    padding: 15px;
    cursor: pointer;
    min-height: 100px;
    border-radius: 5px;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1);
    transition: top .1s ease-in, box-shadow .1s ease-in;
    top: 0;
}

    .video-widget-250:hover {
        box-shadow: 0 7px 10px 0 rgba(0, 0, 0, .1);
        top: -8px;
    }

    .video-widget-250 .video-content {
        width: 67px;
        height: 67px;
        position: absolute;
    }

    .video-widget-250 .video-section {
        position: absolute;
        width: 67px;
        height: 67px;
        margin-right: 15px;
    }

        .video-widget-250 .video-section img {
            width: 100%;
        }

    .video-widget-250 .play-button {
        width: 30px;
        height: 30px;
        border: solid 1.5px #fff;
        line-height: 30px;
    }

        .video-widget-250 .play-button .icon-play {
            font-size: 10px;
            position: RELATIVE;
            left: 1px;
            top: -2px;
        }

    .video-widget-250 .video-text-content {
        display: block;
        position: absolute;
        top: 15px;
        left: 92px;
    }

        .video-widget-250 .video-text-content p {
            margin: 0;
            color: #4d4d4d;
            line-height: 1.5;
        }

.banner-video-box.video-text-left-right .play-button .icon-play {
    top: 2px;
    left: 2px;
}

.banner-video-box.video-text-left-right .icon-close {
    font-size: 16px;
}

.video-popup-modal {
    display: none;
    position: fixed;
    z-index: 500;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, .8);
}

    .video-popup-modal .video-popup-modal-content {
        position: relative;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .video-popup-modal p {
        line-height: 1.5;
        color: #4d4d4d;
    }

.wistia_responsive_padding {
    padding: 56.25% 0 0;
    position: relative;
}

    .wistia_responsive_padding.half-video {
        padding: 31.87% 0 0;
    }

.wistia_responsive_wrapper {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.timeline-heading {
    display: inline-block;
    position: relative;
    padding: 11px 40px;
    margin-top: 30px;
    border-radius: 30px;
    border-style: solid;
    border-width: 1px;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

    .timeline-heading h6 {
        margin: 0;
    }

.timeline-entry {
    margin-top: 120px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    max-width: 300px;
    position: relative;
}

    .timeline-entry::before {
        display: block;
        content: '';
        width: 2px;
        height: 120px;
        position: absolute;
        background-color: #e6e6e6;
        top: -120px;
        left: 50%;
    }

.date {
    min-width: 160px;
    display: inline-block;
    border-radius: 30px;
    border-style: solid;
    border-width: 1px;
    font-family: Sailec-Medium, Helvetica, sans-serif;
    font-weight: 500;
    line-height: 1.43;
    padding: 10px 25px 7px;
}

.event-image {
    margin: 20px auto;
    width: 160px;
    height: 160px;
}

    .event-image img {
        display: block;
        width: 100%;
    }

.event-description {
    text-align: left;
    padding: 10px;
    border-radius: 3px;
    border: solid 1px #ccc;
}

    .event-description.end {
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        left: 50%;
        position: relative;
        text-align: center;
    }

.about-page {
    padding: 80px;
}

.timeline {
    margin: 0;
}

    .timeline .timeline-col {
        position: relative;
        padding: 0;
    }

        .timeline .timeline-col:last-child .line {
            display: none;
        }

    .timeline p {
        margin: 15px 0 15px 50px;
    }

    .timeline .pill-heading-wrapper .pill-heading {
        box-shadow: none;
    }

        .timeline .pill-heading-wrapper .pill-heading + span.line {
            position: absolute;
            height: 100%;
            width: 2px;
            top: 28px;
            left: 25px;
        }

    .timeline .pill-heading {
        box-shadow: none;
    }

.comparison-legacy-systems img {
    width: 100%;
    max-width: 253px;
}

.feature-comparison-container .col-md-8 {
    padding: 0;
    text-align: center;
}

.feature-comparison-widget {
    width: 120px;
    height: 100px;
    padding: 10px 5px;
    margin: 0 4% 9%;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    border-radius: 5px;
    cursor: pointer;
    background-color: #fff;
    border: solid 1px #ccc;
}

    .feature-comparison-widget img {
        height: 30px;
    }

    .feature-comparison-widget p {
        font-size: .875rem;
        color: #666;
        line-height: 1.2;
        margin-top: 5px;
        margin-bottom: 0;
    }

    .feature-comparison-widget.active {
        background-color: rgba(57, 115, 230, .1);
    }

    .feature-comparison-widget.active,
    .feature-comparison-widget:hover {
        border: 1px solid rgba(255, 168, 0, .5);
    }

    .feature-comparison-widget.disabled {
        display: none;
    }

.comparison-price-wrapper {
    margin-top: 30px;
}

    .comparison-price-wrapper h6 {
        text-align: center;
        margin-bottom: 20px;
    }

.comparison-price-widget {
    width: 100%;
    padding: 20px;
    text-align: center;
    border-radius: 5px;
    background-color: rgba(255, 168, 0, .1);
    border: solid 1px rgba(255, 167, 0, .5);
}

    .comparison-price-widget.other-pricing {
        margin-top: 20px;
        background-color: transparent;
        border-color: #ccc;
    }

    .comparison-price-widget h4 {
        font-size: 3rem;
    }

    .comparison-price-widget .fs-pricing-number h4,
    .comparison-price-widget .vs-pricing-number h4 {
        font-family: Sailec-Regular, Helvetica, sans-serif;
    }

        .comparison-price-widget .fs-pricing-number h4 sup,
        .comparison-price-widget .vs-pricing-number h4 sup {
            font-size: 1.5rem;
        }

    .comparison-price-widget .fs-integration-number {
        padding-bottom: 20px;
    }

    .comparison-price-widget .vs-integration-number p {
        color: red;
        margin: 0;
    }

.comp-notes {
    padding: 10px 0;
}

    .comp-notes sup {
        float: left;
        top: 19px;
    }

    .comp-notes p {
        float: left;
        padding-left: 10px;
        font-size: .875rem;
        color: #666;
        line-height: 1.3;
    }

.feature-price-mob {
    width: 100%;
    position: fixed;
    bottom: -90px;
    font-size: 0;
    background-color: #fff;
    transition: bottom .3s ease-in-out;
    box-shadow: 0 0 15px -2px rgba(0, 0, 0, .2);
}

    .feature-price-mob.active {
        bottom: 0;
    }

    .feature-price-mob .fs-pricing-number,
    .feature-price-mob .vs-pricing-number {
        width: 50%;
        display: inline-block;
        text-align: center;
    }

        .feature-price-mob .fs-pricing-number h4,
        .feature-price-mob .vs-pricing-number h4 {
            font-family: Sailec-Regular, Helvetica, sans-serif;
            margin-top: 0;
        }

            .feature-price-mob .fs-pricing-number h4 sup,
            .feature-price-mob .vs-pricing-number h4 sup {
                font-size: 1.125rem;
            }

    .feature-price-mob h6 {
        font-size: .75rem;
        color: #4d4d4d;
        letter-spacing: .5px;
        text-transform: uppercase;
        margin-top: 7px;
        margin-bottom: 3px;
    }

    .feature-price-mob h4 {
        font-size: 2.25rem;
        margin-bottom: 0;
    }

        .feature-price-mob h4 sup {
            font-size: 1.125rem;
        }

    .feature-price-mob .fs-pricing-number {
        position: relative;
    }

        .feature-price-mob .fs-pricing-number h4 {
            color: #ffa800;
        }

        .feature-price-mob .fs-pricing-number::after {
            content: '';
            position: absolute;
            width: 2px;
            height: 52px;
            right: 0;
            top: 10px;
            border-right: 1px solid #e6e6e6;
        }

.compare-crm-notes h6 {
    margin-bottom: 5px;
}

.features-notes-lists {
    padding-left: 0;
    list-style: none;
}

    .features-notes-lists li {
        position: relative;
        margin-bottom: 5px;
        padding-left: 30px;
    }

        .features-notes-lists li i {
            font-size: .625rem;
            position: absolute;
            line-height: 1;
            padding: 5px;
            border-radius: 50%;
            top: 4px;
            left: 0;
            color: #76c125;
            background-color: rgba(118, 193, 37, .1);
        }

.col-50 {
    width: 200px;
}

.col-10 {
    width: 75px;
}

.circled-check {
    background-image: url(/static-assets/images/common/icons/circled-check.svg);
    width: 20px;
    height: 20px;
    margin: 0 auto;
}

    .circled-check.same-line {
        display: inline-block;
        vertical-align: middle;
    }

.circled-cross {
    background-image: url(/static-assets/images/common/icons/circled-cross.svg);
    width: 20px;
    height: 20px;
    margin: 0 auto;
}

.icon-circled-check {
    vertical-align: bottom;
    display: inline-block;
    width: 30px;
    height: 30px;
    font-size: .625rem;
    line-height: 30px;
    margin: 0 6px 0 0;
    background-color: rgba(118, 193, 37, .1);
    border-radius: 50%;
    color: #76c125;
    text-align: center;
}

.icon-circled-check-small {
    vertical-align: bottom;
    display: inline-block;
    width: 20px;
    height: 20px;
    font-size: .625rem;
    line-height: 20px;
    margin: 5px 0 0;
    background-color: rgba(118, 193, 37, .1);
    border-radius: 50%;
    color: #76c125;
    text-align: center;
}

table,
tbody,
td,
th,
thead,
tr {
    padding: 0;
    margin: 0;
    border: none;
    border-collapse: collapse;
}

.table-wrapper {
    overflow-x: auto;
    overflow-y: hidden;
}

.feature-tool-tip {
    position: relative;
    min-width: 70px;
}

    .feature-tool-tip .tool-tip-text-inline {
        display: inline-block;
    }

    .feature-tool-tip .icon-tooltip {
        color: #b3b3b3;
        font-size: 14px;
    }

        .feature-tool-tip .icon-tooltip:hover {
            color: #4d4d4d;
        }

    .feature-tool-tip .tool-tip-button.tool-tip-appended-content::before,
    .feature-tool-tip .tool-tip-content {
        left: 20%;
        right: 20%;
        bottom: 26px;
    }

    .feature-tool-tip .tool-tip-button.tool-tip-appended-content::before {
        left: -20px;
        min-width: 270px;
        right: -10px;
    }

    .feature-tool-tip .tool-tip-button.tool-tip-appended-content[align=right] {
        margin-right: -18px;
        margin-left: 0;
    }

        .feature-tool-tip .tool-tip-button.tool-tip-appended-content[align=right]::before {
            left: -235px;
            min-width: 250px;
            right: -2px;
        }

    .feature-tool-tip .tool-tip-button.tool-tip-appended-content[align=center]::before {
        left: -130px;
        min-width: 250px;
        right: -10px;
    }

    .feature-tool-tip .tool-tip-button.tool-tip-appended-content[align=left] {
        margin-right: -28px;
    }

        .feature-tool-tip .tool-tip-button.tool-tip-appended-content[align=left]::before {
            left: -5px;
            min-width: 250px;
            right: -10px;
        }

.crm-comparison-table td:first-child,
.crm-comparison-table th:first-child {
    text-align: left;
}

.crm-comparison-table th {
    text-align: center;
}

.crm-comparison-table .accordion-logo-rival,
.crm-comparison-table .accordion-logo-self {
    margin: 0;
}

.crm-comparison-table .icon-check-mark,
.crm-comparison-table .progress-signup .step.done .step-circle::before,
.progress-signup .step.done .crm-comparison-table .step-circle::before {
    color: #76c125;
    vertical-align: middle;
}

.crm-comparison-table .icon-x-mark {
    color: #e44c4c;
    vertical-align: middle;
}

.feature-comparison-table .icon-check-mark,
.feature-comparison-table .progress-signup .step.done .step-circle::before,
.progress-signup .step.done .feature-comparison-table .step-circle::before {
    color: #76c125;
    vertical-align: middle;
}

.feature-comparison-table .icon-x-mark {
    color: #e44c4c;
    vertical-align: middle;
}

.feature-comparison-table .text-normal {
    font-size: 1rem;
    margin-bottom: 0;
}

.comparison-table td,
.comparison-table th {
    text-align: center;
}

    .comparison-table th img {
        width: 25px;
        height: 25px;
    }

    .comparison-table td:first-child,
    .comparison-table th:first-child {
        text-align: left;
    }

    .comparison-table th:first-child {
        width: 50%;
    }

.comparison-table .circled-check,
.comparison-table .circled-cross {
    margin: 0;
    display: inline-block;
    vertical-align: inherit;
}

.table {
    margin-top: 30px;
    width: 100%;
    min-width: 650px;
    margin-left: auto;
    margin-right: auto;
    border: solid 1px #e6e6e6;
}

    .table td {
        font-size: .875rem;
        line-height: 2.25;
        background-color: #f7f7f7;
        text-align: center;
        border-left: solid 1px #e6e6e6;
        color: #666;
    }

        .table td.text-left,
        .table td:nth-of-type(1) {
            padding: 11px 0 11px 10px;
            line-height: 1.14;
            text-align: left;
            background-color: #fff;
            border-bottom: solid 1px #e6e6e6;
        }

            .table td.text-left a,
            .table td:nth-of-type(1) a {
                text-decoration: none;
            }

    .table.addon-pricing-header + .table {
        margin-top: 0;
        border-top: none;
    }

        .table.addon-pricing-header + .table .table-group td {
            border-top: none;
        }

    .table.table-headings {
        margin-top: 0;
    }

        .table.table-headings td {
            background-color: #fff;
        }

            .table.table-headings td:nth-of-type(1) {
                background-color: #fff;
                border: none;
            }

            .table.table-headings td:nth-of-type(4) {
                background-color: #fff;
            }

            .table.table-headings td.table-main-header {
                padding-top: 31px;
                padding-bottom: 31px;
            }

    .table .table-group td {
        background-color: #f1f1f1;
        text-transform: uppercase;
        color: #4d4d4d;
        letter-spacing: .5px;
        border: solid 1px #e6e6e6;
        font-size: .75rem;
    }

    .table .table-heading {
        font-family: Sailec-Medium, Helvetica, sans-serif;
        font-size: .75rem;
    }

    .table .table-heading,
    .table h6 {
        margin: 0;
        color: #4d4d4d;
    }

    .table .price {
        color: #4d4d4d;
        position: relative;
        height: 30px;
        display: inline-block;
    }

        .table .price .pricing-currency-symbol:not(.addon-symbol) {
            position: absolute;
            right: 100%;
            margin-right: 3px;
        }

        .table .price .long-currency {
            top: 2px;
            word-break: keep-all;
            margin-right: 1px;
            font-size: .75rem;
        }

        .table .price .price-value {
            top: -3px;
        }

    .table p {
        margin-top: 0;
        font-size: .625rem;
        text-align: center;
    }

    .table .button {
        min-width: 100px;
    }

    .table.table-big {
        min-width: 800px;
    }

        .table.table-big td:nth-of-type(4) {
            background-color: #f7f7f7;
        }

    .table.signup-row {
        border: 0;
        margin-top: 15px;
    }

        .table.signup-row td {
            border: none;
            background: 0 0;
        }

            .table.signup-row td:nth-of-type(4) {
                background: 0 0;
            }

    .table:nth-of-type(2) {
        margin-top: 0;
        border-top: none;
    }

        .table:nth-of-type(2) .table-group td {
            border-top: none;
        }

    .table .button--small {
        font-size: .625rem;
        min-width: 55px;
    }

    .table .text-normal {
        font-size: 1rem;
        margin-bottom: 0;
    }

.table-headings td.col-10 {
    vertical-align: top;
    padding: 10px;
}

    .table-headings td.col-10 p {
        line-height: 1.4;
        margin-bottom: 2px;
    }

.table.table-big.table-headings td:nth-of-type(4),
.table.table-big.table-headings td:nth-of-type(5) {
    background: #fff;
}

.table-article {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    border: solid 1px #e6e6e6;
}

    .table-article th {
        background-color: #f1f1f1;
        border-left: solid 1px #e6e6e6;
        padding: 16px 0;
    }

    .table-article td {
        border-left: solid 1px #e6e6e6;
        border-bottom: solid 1px #e6e6e6;
        padding: 4px 4px 4px 10px;
    }

.table-policy {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    border: solid 1px rgba(57, 115, 230, .3);
}

    .table-policy th {
        background-color: rgba(57, 115, 230, .1);
        border-left: solid 1px rgba(57, 115, 230, .3);
        border-bottom: solid 1px rgba(57, 115, 230, .3);
        padding: 16px 20px;
    }

    .table-policy td {
        border-left: solid 1px rgba(57, 115, 230, .3);
        border-bottom: solid 1px rgba(57, 115, 230, .3);
        padding: 18px 20px;
        vertical-align: top;
    }

    .table-policy h6 {
        margin-top: 0;
    }

.table-data-hosting td {
    background: #fff;
    text-align: left;
}

.table.table-partners {
    margin-top: 0;
}

    .table.table-partners h6 {
        font-size: .75rem;
        font-family: Sailec-Bold, Helvetica, sans-serif;
    }

    .table.table-partners td {
        border-bottom: 1px solid #e6e6e6;
    }

    .table.table-partners.table-partners-body td:nth-of-type(4) {
        background: #fff;
    }

    .table.table-partners td:nth-of-type(4) {
        background: #f7f7f7;
    }

    .table.table-partners .table-heading {
        font-family: Sailec-Bold, Helvetica, sans-serif;
    }

    .table.table-partners td {
        background: #fff;
    }

    .table.table-partners ul {
        list-style: decimal;
        padding: 0 18px;
        margin: 5px 0 0;
    }

    .table.table-partners li {
        padding: 5px 10px;
    }

    .table.table-partners .feature-text {
        text-align: left;
        line-height: 1.65;
        padding: 10px;
    }

.table-side-header {
    width: 100%;
    min-width: 800px;
    margin-left: auto;
    margin-right: auto;
    max-width: 1000px;
}

    .table-side-header td {
        padding: 0 20px;
    }

        .table-side-header td ul {
            margin-top: 0;
        }

        .table-side-header td:nth-of-type(1) {
            width: 25%;
            vertical-align: top;
            padding-top: 20px;
            font-family: Sailec-Bold, Helvetica, sans-serif;
            font-size: .75rem;
        }

        .table-side-header td:nth-of-type(2) {
            width: 75%;
        }

.table-left-hd .table-side-header td {
    padding: 20px;
}

    .table-left-hd .table-side-header td ul {
        margin-bottom: 0;
    }

.table-seo {
    margin-top: 30px;
}

    .table-seo .plain-table {
        min-width: 800px;
        border-collapse: inherit;
        border-spacing: 0;
    }

        .table-seo .plain-table th {
            text-align: center;
            padding: 15px 10px;
            color: #4d4d4d;
            text-transform: none;
        }

        .table-seo .plain-table td,
        .table-seo .plain-table th {
            width: 25%;
        }

        .table-seo .plain-table td {
            padding: 8px 10px;
            font-size: .875rem;
        }

            .table-seo .plain-table td:nth-child(2),
            .table-seo .plain-table td:nth-child(3) {
                text-align: center;
            }

            .table-seo .plain-table td:last-child {
                text-align: left;
            }

.container-small {
    width: 100%;
    max-width: 717px;
    margin: 0 auto;
}

.width-44 {
    width: 44%;
}

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

    .cookies-list li + li {
        margin-top: 8px;
    }

.migrate-wrapper .feature-list-wrapper {
    width: 175px;
    margin: 0 auto;
    color: #666;
    font-family: National-Book, Helvetica, sans-serif;
}

.migrate-wrapper .wrapper-logo img {
    height: 30px;
}

.migrate-wrapper .tag-line {
    margin-top: 0;
}

.table-align-center {
    margin: 0 auto;
}

.fw-table {
    width: 100%;
    min-width: 660px;
    border-radius: 0;
}

    .fw-table.table-shrink {
        min-width: unset;
    }

    .fw-table td,
    .fw-table th {
        border-collapse: collapse;
        border: solid 1px #e6e6e6;
    }

    .fw-table td {
        font-size: .875rem;
        line-height: 2.25;
        text-align: center;
        color: #666;
        padding: 5px 5px 5px 10px;
    }

        .fw-table td h6,
        .fw-table td p {
            margin: 0 0 5px 0;
        }

        .fw-table td ul {
            list-style: none;
            padding-left: 0;
            margin: 0;
        }

        .fw-table td p.featured-text {
            font-size: .875rem;
            line-height: 1.5;
        }

    .fw-table th {
        padding: 16px 2px;
    }

        .fw-table th h6 {
            margin: 0;
            font-size: .625rem;
        }

    .fw-table td.align-left {
        text-align: left;
    }

    .fw-table.padding-medium td {
        padding: 8px 15px;
    }

    .fw-table.padding-medium th {
        padding: 16px 15px;
    }

    .fw-table.padding-large td,
    .fw-table.padding-large th {
        padding: 18px 20px;
    }

    .fw-table.border-grey td,
    .fw-table.border-grey th {
        border: solid 1px #e6e6e6;
    }

    .fw-table.header-grey th {
        background-color: #f1f1f1;
    }

.banner-content {
    padding-top: 3.75rem;
}

.vertical-center {
    -ms-transform: translateX(0);
    transform: translateX(0);
}

.casestudy-company-logo {
    width: 220px;
    display: inline-block;
    padding: 10px;
    background-color: #fff;
    border-radius: 5px;
}

    .casestudy-company-logo img {
        max-width: 100%;
        display: block;
    }

.banner-home {
    overflow-x: hidden;
    padding-bottom: 40px;
}

.banner-home-image {
    width: 200%;
    max-width: none;
    position: relative;
    -ms-transform: translate(-50%);
    transform: translate(-50%);
}

.lazy-image-wrapper .original-image.banner-home-image {
    left: 50%;
}

.tag {
    border-radius: 20px;
    font-family: Sailec-Bold, Helvetica, sans-serif;
    text-transform: uppercase;
    letter-spacing: .5px;
}

.tag-new {
    background-color: #3973e6;
    color: #fff;
    font-size: .75rem;
    padding: 1px 6px;
    position: relative;
    margin-left: 5px;
}

.tag-transparent {
    border-radius: 3px;
    background: 0 0;
    font-size: 8px;
    vertical-align: text-top;
    font-style: inherit;
    padding: 1px;
}

.banner-notification {
    background-color: rgba(23, 39, 78, .7);
    color: #fff;
    text-align: center;
    display: block;
    padding: 10px 0;
}

    .banner-notification .tag-new {
        padding: 4px 8px;
    }

    .banner-notification:hover {
        color: #fff;
    }

    .banner-notification .forward--link {
        display: inline-block;
        color: #fff;
    }

        .banner-notification .forward--link:hover {
            color: rgba(255, 255, 255, .75);
        }

            .banner-notification .forward--link:hover::after {
                color: rgba(255, 255, 255, .75);
            }

        .banner-notification .forward--link::after {
            color: #fff;
        }

    .banner-notification p {
        margin: 0;
    }

.image-wrap {
    position: relative;
    padding-bottom: 55px;
}

    .image-wrap.gradient-grey {
        background-image: linear-gradient(to bottom, #272525 0, rgba(255, 255, 255, 0) 100%);
    }

    .image-wrap .banner-cover {
        position: absolute;
        width: 100%;
        bottom: 0;
        top: 0;
        background-repeat: no-repeat;
        background-size: cover;
        z-index: -9;
    }

.webinar-details-wrapper {
    text-align: center;
}

.webinar-schedule-wrapper {
    display: inline-block;
    text-align: left;
}

    .webinar-schedule-wrapper:not(.row) {
        padding: 6px 0 6px 45px;
        position: relative;
    }

    .webinar-schedule-wrapper img.icon-small {
        position: absolute;
        top: 2px;
        left: 0;
    }

.webinar-associations-img {
    display: inline-block;
    width: 120px;
}

.webinar-presenter {
    text-align: center;
}

    .webinar-presenter .head-presenter {
        margin-bottom: 20px;
    }

        .webinar-presenter .head-presenter:last-child {
            margin-bottom: 0;
        }

.webinar-facilitators {
    display: table;
    width: 100%;
}

    .webinar-facilitators:last-child {
        margin-bottom: 80px;
    }

    .webinar-facilitators p {
        line-height: 1.4;
    }

.webinar-presenter-img {
    width: 65px;
    height: 65px;
    border-radius: 50%;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}

.webinar-presenter-heading {
    margin-bottom: 35px;
}

.webinar-presenter-list-item {
    margin-bottom: 45px;
}

.webinar-widget-wrapper {
    margin-top: 20px;
}

.banner-video-box {
    padding: 0 20px;
    width: 100%;
    height: 0;
    position: relative;
    top: 0;
}

    .banner-video-box .banner-video-widget {
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

        .banner-video-box .banner-video-widget img {
            box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .15);
        }

    .banner-video-box.video-text-left-right {
        padding: 0;
        position: static;
        height: auto;
    }

        .banner-video-box.video-text-left-right .banner-video-widget {
            -ms-transform: none;
            transform: none;
        }

.video-banner {
    position: relative;
    padding-bottom: 0 !important;
}

    .video-banner .banner-cover {
        min-height: 325px;
        background-size: cover;
        background-repeat: no-repeat;
    }

.video-widget-1090 {
    border: 1px solid #fff;
}

.banner-video-offset {
    width: 100%;
    max-width: 720px;
    margin: auto;
}

    .banner-video-offset.podcast-video-offset::after {
        padding-bottom: 10.25%;
    }

    .banner-video-offset::after {
        content: '';
        width: 100%;
        padding-bottom: 26.125%;
        display: block;
        margin-top: 30px;
    }

.upper-video-offset {
    margin-top: 30px;
}

.banner-video-box .video-popup-initial-state {
    max-width: 720px;
    margin: auto;
}

.banner-video-box .video-popup-close:hover {
    background-color: #222;
}

.loop-video {
    max-width: 720px;
    margin: auto;
}

    .loop-video .loop-video-mt {
        margin-top: 23px;
    }

.loop-video-mt {
    margin-top: 23px;
}

.banner-full-width-video {
    position: relative;
    width: 100%;
    z-index: 100;
}

.banner-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-image: linear-gradient(to bottom, #272525 0, rgba(255, 255, 255, 0) 100%);
    z-index: 100;
}

.video-content-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    padding-top: 0;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 100;
}

.counter-wrap {
    margin-bottom: 20px;
    text-align: center;
    padding-bottom: 10px;
    border-radius: 5px;
    border: solid 1px rgba(8, 199, 251, .5);
    background-color: #e9faff;
}

    .counter-wrap .timer-wrapper {
        padding: 0 20px;
        display: inline-block;
    }

        .counter-wrap .timer-wrapper .h3 {
            margin: 0;
            width: 40px;
        }

.list-wrap {
    list-style: none;
    text-align: center;
    padding-bottom: 20px;
    padding-left: 15px;
}

.about-webinar-wrap .progress-signup .step.done i.step-circle::before,
.about-webinar-wrap i.icon-check-mark,
.progress-signup .step.done .about-webinar-wrap i.step-circle::before {
    vertical-align: bottom;
    display: inline-block;
    width: 20px;
    height: 20px;
    font-size: .625rem;
    line-height: 20px;
    margin: 0 6px 4px -26px;
    background-color: rgba(118, 193, 37, .1);
    border-radius: 50%;
    color: #76c125;
    text-align: center;
    list-style: none;
}

.about-webinar-wrap {
    padding-top: 10px;
}

.banner-cover {
    background-size: cover !important;
}

    .banner-cover .animation-image img {
        max-width: 421px;
    }

.thank-you-section {
    position: relative;
    padding-bottom: 200px;
}

    .thank-you-section.first-fold.thank-you-video-section {
        padding-top: 85px;
    }

.background-cover,
.background-cover-mobile {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top left;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: -200;
}

.background-cover-mobile {
    background-size: cover;
    background-position: bottom left;
}

.section-light-grey {
    background-color: #f7f7f7;
}

.background-overlay {
    background-color: rgba(255, 255, 255, .4);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -100;
}

.custom-iframe-banner {
    width: 100%;
    height: 100%;
    border: none;
}

    .custom-iframe-banner.box-shadow-on {
        box-shadow: 0 0 10px rgba(0, 0, 0, .4);
    }

.override-divider-color .hr {
    background-color: #fff;
}

.top-banner-animation-wrapper {
    position: relative;
    overflow-y: hidden;
}

.top-banner-animation-container {
    position: absolute;
    top: 10px;
    left: 0;
    width: 100%;
}

.bucket-animation-wrapper.animation-ready .bucket-animation-static-bg {
    opacity: 0;
    display: none;
}

.bucket-animation-wrapper.animation-ready .bucket-animation-container {
    opacity: 1;
}

.bucket-animation-medium {
    padding: 0 58px;
}

.banner-animation-wrapper {
    position: relative;
    width: 100%;
    pointer-events: none;
}

.banner-animation-static-bg,
.banner-animation-static-shadow {
    width: 200%;
    top: 0;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

    .banner-animation-static-bg img,
    .banner-animation-static-shadow img {
        max-width: none;
    }

.banner-animation-static-shadow {
    position: absolute;
}

    .banner-animation-static-shadow img {
        z-index: -100;
    }

.banner-animation-static-bg {
    position: relative;
}

.banner-animation-container {
    display: none;
}

.banner-animation-trigger {
    width: 54px;
    height: 30px;
    position: absolute;
    left: 50%;
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    top: 27%;
    pointer-events: all;
}

    .banner-animation-trigger::before {
        content: '';
        position: absolute;
        width: inherit;
        height: inherit;
        border-radius: 50%;
        left: 0;
        top: 0;
        box-shadow: 0 10px 15px -3px #666;
    }

.banner-animation-trigger-button {
    width: 54px;
    height: 30px;
    padding-bottom: 6px;
    box-sizing: content-box;
    position: absolute;
    overflow-x: hidden;
}

    .banner-animation-trigger-button::after,
    .banner-animation-trigger-button::before {
        content: '';
        position: absolute;
        width: inherit;
        height: inherit;
        border-radius: 50%;
        left: 0;
        top: 0;
    }

    .banner-animation-trigger-button::before {
        box-shadow: 0 5px 0 1px #ddd;
    }

    .banner-animation-trigger-button::after {
        background-color: #fff;
        transition: background-color .2s ease;
    }

.banner-animation-trigger-logo {
    background-size: 30px;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 0;
    left: 49%;
    -ms-transform: translateX(-50%) scaleY(.6);
    transform: translateX(-50%) scaleY(.6);
    pointer-events: none;
}

.banner-animation-ripple {
    display: none;
}

.feature-description-text-a {
    margin-top: 10px;
}

.feature-description-icon-c {
    margin-bottom: 10px;
}

.feature-coming-soon {
    background: rgba(102, 102, 102, .2);
    border-radius: 10px;
    color: #fff;
    display: inline-block;
    font-size: .625rem;
    font-family: Sailec-Regular, Helvetica, sans-serif;
    letter-spacing: .5px;
    line-height: 20px;
    padding: 0 7px;
    text-transform: uppercase;
}

.ripple-container {
    border-radius: 50%;
}

    .ripple-container .ripple-outer {
        width: 67px;
        height: 67px;
        box-sizing: border-box;
        border-radius: 50%;
        position: relative;
        text-align: center;
        line-height: 68px;
        font-size: 1.375rem;
        font-family: Sailec-Medium, Helvetica, sans-serif;
    }

        .ripple-container .ripple-outer::before {
            content: counter(ripple-counter);
            counter-increment: ripple-counter;
        }

        .ripple-container .ripple-outer .ripple-inner {
            width: 51px;
            height: 51px;
            position: absolute;
            border-radius: 50%;
            top: 8px;
            right: 8px;
        }

.feature-description-item-d .feature-description-text-d {
    text-align: center;
}

.feature-description-item-d .feature-description-icon-d {
    margin: 0 auto;
}

.pattern-dark,
.pattern-gradient-dark {
    background-repeat: repeat no-repeat;
    background-position: bottom;
    background-size: 765px, 100%;
    padding-bottom: 55px;
    padding-top: 30px;
}

.pattern-gradient-light,
.pattern-light {
    background-repeat: repeat no-repeat;
    background-position: bottom;
    background-size: 765px, 100%;
    padding-bottom: 85px;
    padding-top: 30px;
}

.pattern-dark,
.pattern-light {
    padding-top: 0;
}

::-moz-selection {
    background-color: #cdf;
}

::selection {
    background-color: #cdf;
}

::-moz-selection {
    background-color: #cdf;
}

a {
    color: #3973e6;
}

    a:hover {
        color: #275dc7;
    }

.hr {
    background-color: rgba(57, 115, 230, .5);
}

.line-btm {
    border-bottom: 1px solid rgba(57, 115, 230, .5);
}

nav a:not(.button),
nav a:not(.button):hover,
nav a:not(.button):visited {
    color: inherit;
}

.nav-light-bg .nav-signup-wrapper .terms-subtext a,
.nav-sticky .nav-signup-wrapper .terms-subtext a {
    color: #3973e6;
}

    .nav-light-bg .nav-signup-wrapper .terms-subtext a:hover,
    .nav-sticky .nav-signup-wrapper .terms-subtext a:hover {
        color: #275dc7;
    }

.nav-main-menu .nav-sub-item:not(.nav-logo-tagline):hover,
.nav-secondary .nav-sub-item:hover {
    color: #3973e6;
}

.nav-secondary-label .nav-sub-label {
    color: #3973e6;
}

.nav-main-menu .nav-sub-item .nav-sub-label .tag-new,
.nav-secondary-wrapper .nav-sub-item .nav-sub-label .tag-new {
    background-color: #3973e6;
}

.nav-light-bg.has-secondary.secondary-product-bg .nav-secondary-wrapper {
    background: rgba(57, 115, 230, .05);
}

.text-primary {
    color: #3973e6 !important;
}

.pattern-gradient-dark {
    background-image: url(""), linear-gradient(to bottom, #26174c, #5959b3);
}

    .pattern-gradient-dark .signup-terms p {
        color: rgba(255, 255, 255, .7);
    }

    .pattern-gradient-dark .email-only-signup p {
        color: rgba(255, 255, 255, .7);
    }

    .pattern-gradient-dark .email-only-signup a {
        color: rgba(255, 255, 255, .8);
    }

.pattern-gradient-light {
    background-image: url(/static-assets/images/fworks/pattern-fworks-light.svg), linear-gradient(to bottom, rgba(57, 115, 230, .2), transparent);
}

    .pattern-gradient-light .email-only-signup p {
        color: #b3b3b3;
    }

        .pattern-gradient-light .email-only-signup p a {
            color: #999;
        }

    .pattern-gradient-light .pre-text {
        background-color: rgba(57, 115, 230, .2);
        color: #666;
    }

.gradient-light .pre-text {
    background-color: rgba(57, 115, 230, .2);
    color: #666;
}

.pattern-light {
    background-image: url(/static-assets/images/fworks/pattern-fworks-light.svg);
}

.gradient-dark {
    background-image: linear-gradient(to bottom, #26174c, #5959b3);
}

    .gradient-dark .email-only-signup p {
        color: rgba(255, 255, 255, .5);
    }

    .gradient-dark .email-only-signup a {
        color: rgba(255, 255, 255, .7);
        border-bottom: 1px dotted;
    }

        .gradient-dark .email-only-signup a:hover {
            color: #fff;
        }

.gradient-light {
    /*background-image: linear-gradient(to bottom, rgba(57, 115, 230, .2), transparent);*/
    background-image: linear-gradient(to bottom,rgb(14 187 234 / 15%),transparent);
}

.gradient-light-variant-b {
    background-image: linear-gradient(to bottom, rgba(57, 115, 230, .2), rgba(57, 115, 230, .1));
}

.gradient-light {
    /*background-image: linear-gradient(to bottom, rgba(57, 115, 230, .2), transparent);*/
    background-image: linear-gradient(to bottom,rgb(14 187 234 / 15%),transparent);
}

.gradient-light-tb {
    background-image: linear-gradient(to top, rgba(57, 115, 230, .05), rgba(57, 115, 230, 0));
}

.bg-ribbon {
    background-image: url(/static-assets/images/fdesk/pattern-fdesk-ribbon.svg);
}

.banner-home {
    background-image: linear-gradient(to bottom, rgba(57, 115, 230, .2), rgba(57, 115, 230, 0));
}

.timeline-heading {
    border-color: #3973e6;
}

    .timeline-heading h6 {
        color: #3973e6;
    }

.date {
    color: #3973e6;
    border-color: #3973e6;
}

.button--solid {
    background: #3973e6;
}

    .button--solid:hover {
        background-color: #275dc7;
        color: #fff;
    }

.button--white:hover {
    background-color: #3973e6;
    color: #fff;
}

.button--ghost {
    color: #3973e6;
    border-color: #3973e6;
}

    .button--ghost:hover {
        color: #3973e6;
        background-color: rgba(57, 115, 230, .1);
    }

.nav-dark-bg.nav-sticky .nav-primary .button--ghost--white-small {
    border-color: #3973e6;
    color: #3973e6;
}

    .nav-dark-bg.nav-sticky .nav-primary .button--ghost--white-small:hover {
        background-color: rgba(57, 115, 230, .1);
    }

.nav-sub-item .button--ghost {
    background-color: rgba(57, 115, 230, .1);
}

    .nav-sub-item .button--ghost:hover {
        background-color: rgba(57, 115, 230, .2);
    }

.backward--link,
.forward--link {
    color: #3973e6;
    display: inline-block;
}

    .backward--link::after,
    .backward--link::before,
    .forward--link::after,
    .forward--link::before {
        color: #3973e6;
    }

    .backward--link:hover,
    .forward--link:hover {
        color: #275dc7;
    }

        .backward--link:hover::after,
        .forward--link:hover::after {
            color: #275dc7;
        }

.togglearrow--link::before {
    background-color: #3973e6;
}

.togglearrow--link::after {
    color: #fff;
}

.togglearrow--link:hover::before {
    background-color: #275dc7;
}

.section-light-bg {
    background-color: rgba(57, 115, 230, .05);
}

.half-light-bg {
    background: linear-gradient(0deg, rgba(57, 115, 230, .05) 50%, transparent 50%);
}

.greeting-carousel .testimonial-quote-icon,
.testimonial-all-center .testimonial-quote-icon,
.testimonial-author-left .testimonial-quote-icon,
.testimonial-case-study .testimonial-quote-icon,
.testimonial-full-width .testimonial-quote-icon,
.testimonial-webinar .testimonial-quote-icon {
    color: rgba(57, 115, 230, .5);
}

.greeting-carousel .icon-arrow-button-left,
.greeting-carousel .icon-arrow-button-right,
.testimonial-all-center .icon-arrow-button-left,
.testimonial-all-center .icon-arrow-button-right,
.testimonial-author-left .icon-arrow-button-left,
.testimonial-author-left .icon-arrow-button-right,
.testimonial-case-study .icon-arrow-button-left,
.testimonial-case-study .icon-arrow-button-right,
.testimonial-full-width .icon-arrow-button-left,
.testimonial-full-width .icon-arrow-button-right,
.testimonial-webinar .icon-arrow-button-left,
.testimonial-webinar .icon-arrow-button-right {
    color: rgba(57, 115, 230, .5);
}

    .greeting-carousel .icon-arrow-button-left:hover,
    .greeting-carousel .icon-arrow-button-right:hover,
    .testimonial-all-center .icon-arrow-button-left:hover,
    .testimonial-all-center .icon-arrow-button-right:hover,
    .testimonial-author-left .icon-arrow-button-left:hover,
    .testimonial-author-left .icon-arrow-button-right:hover,
    .testimonial-case-study .icon-arrow-button-left:hover,
    .testimonial-case-study .icon-arrow-button-right:hover,
    .testimonial-full-width .icon-arrow-button-left:hover,
    .testimonial-full-width .icon-arrow-button-right:hover,
    .testimonial-webinar .icon-arrow-button-left:hover,
    .testimonial-webinar .icon-arrow-button-right:hover {
        color: #3973e6;
    }

.greeting-carousel .carousel-indicators .active,
.testimonial-all-center .carousel-indicators .active,
.testimonial-author-left .carousel-indicators .active,
.testimonial-case-study .carousel-indicators .active,
.testimonial-full-width .carousel-indicators .active,
.testimonial-webinar .carousel-indicators .active {
    background-color: #3973e6;
}

.author-bio::before {
    border-top: 2px solid #3973e6;
}

.careers-testimonial .icon-quote-open {
    color: rgba(57, 115, 230, .5);
}

.banner-full-width-slider .carousel-indicators li.active {
    background-color: #3973e6;
    border-color: rgba(57, 115, 230, .1);
}

.case-study-testimonial-band {
    background: rgba(57, 115, 230, .05);
    border-top: 2px solid rgba(57, 115, 230, .15);
}

.pricing-table-support-details a {
    color: #3973e6;
}

    .pricing-table-support-details a:hover {
        color: #275dc7;
    }

.pricing-table-mobile-view-options [class^=icon-] {
    color: #3973e6;
}

.pricing-monthly.active,
.pricing-monthly:hover,
.pricing-yearly.active,
.pricing-yearly:hover {
    color: #3973e6;
}

.omnichannel-features .omnichannel-list {
    border-top: 1px solid rgba(57, 115, 230, .3);
}

.omnichannel-features.plan-recommended .icon-arrow-right {
    color: #3973e6;
}

.pricing-toggle-checkbox + .pricing-toggle-label {
    background-color: rgba(57, 115, 230, .15);
}

    .pricing-toggle-checkbox + .pricing-toggle-label::after {
        background-color: #3973e6;
    }

.plan-recommended::before,
.pricing-table-header {
    background-color: rgba(57, 115, 230, .1);
}

.pricing-offer-table-header {
    background-color: rgba(57, 115, 230, .2);
}

.pricing-table-features-opened .pricing-table-plan-value {
    border-bottom: 1px solid rgba(57, 115, 230, .3);
}

.or::after,
.or::before {
    background-color: rgba(57, 115, 230, .5);
}

.omnichannel-header,
.pricing-table-mobile-view-options {
    border-top: 1px solid rgba(57, 115, 230, .3);
}

.pricing-strip {
    background: rgba(57, 115, 230, .1);
    border-color: rgba(57, 115, 230, .4);
}

    .pricing-strip .active {
        color: #3973e6;
    }

.divider-or::after,
.divider-or::before,
.vertical-divider::after,
.vertical-divider::before {
    background-color: rgba(57, 115, 230, .5);
}

.pricing-offer-active-plan-header {
    background-color: rgba(57, 115, 230, .1) !important;
}

.assets-wide-column .asset-cost-btn {
    background-color: rgba(57, 115, 230, .1);
    border: solid 1px rgba(57, 115, 230, .4);
}

.ls-widget h6 {
    color: #3973e6;
}

    .ls-widget h6:hover {
        color: #275dc7;
    }

.range-slider .rs-scale li::before,
.range-slider .rs-scale li:last-child::after {
    border: 1px solid #3973e6;
}

.range-slider .rs-line {
    background-color: rgba(57, 115, 230, .55);
}

    .range-slider .rs-line .rs-line-dot {
        background-color: #3973e6;
    }

        .range-slider .rs-line .rs-line-dot::before {
            background-color: #3973e6;
        }

.table td:nth-of-type(1) a {
    color: #3973e6;
}

.table td:nth-of-type(4) {
    background-color: rgba(57, 115, 230, .1);
}

.table-side-header td {
    border: 1px solid rgba(57, 115, 230, .2);
}

    .table-side-header td:nth-of-type(1) {
        background-color: rgba(57, 115, 230, .05);
    }

.table.table-big td:nth-of-type(5) {
    background-color: rgba(57, 115, 230, .1);
}

table[class=table] tbody tr:hover td {
    background-color: rgba(57, 115, 230, .05);
}

    table[class=table] tbody tr:hover td:nth-of-type(4) {
        background-color: rgba(57, 115, 230, .15);
    }

.table-article a {
    color: #3973e6;
}

.table-seo .plain-table th {
    background-color: rgba(57, 115, 230, .05);
}

.table-seo .plain-table td,
.table-seo .plain-table th {
    border-right: 1px solid rgba(57, 115, 230, .3);
}

    .table-seo .plain-table td:last-child,
    .table-seo .plain-table th:last-child {
        border-right: 0;
    }

.pattern-dark .compare-symbol,
.pattern-gradient-dark .compare-symbol {
    background-color: rgba(57, 115, 230, .3);
}

.pattern-gradient-light .compare-symbol,
.pattern-light .compare-symbol {
    background-color: rgba(57, 115, 230, .7);
}

.feature-comparison-widget.active {
    background-color: rgba(57, 115, 230, .1);
}

.down-arrow-rounded {
    background-color: #3973e6;
}

.accordion-wrapper {
    border-top: solid 1px rgba(57, 115, 230, .2);
}

    .accordion-wrapper.lp-pricing-section {
        border-bottom: solid 1px rgba(57, 115, 230, .2);
    }

.arrow-button {
    background-color: #3973e6;
}

.accordion-expand::after,
.accordion-expand::before {
    background: #3973e6;
}

.accordion-float-wrapper:hover .accordion-heading {
    color: #3973e6;
}

.accordion-float-wrapper.lp-pricing-section:hover .accordion-heading {
    color: #4d4d4d;
}

    .accordion-float-wrapper.lp-pricing-section:hover .accordion-heading a {
        color: #275dc7;
    }

.table-accordion.table-headings {
    border-top: 1px solid rgba(57, 115, 230, .3) !important;
}

.table-accordion.table-accordion-body tr:nth-child(odd) {
    background-color: rgba(57, 115, 230, .05);
}

.accordion-wrapper-fw .accordion-content,
.accordion-wrapper-fw .accordion-float-wrapper {
    background-color: rgba(57, 115, 230, .05);
}

.accordion-wrapper-fw .accordion-wrapper.lp-pricing-section {
    border: 0;
}

    .accordion-wrapper-fw .accordion-wrapper.lp-pricing-section .accordion-float-wrapper,
    .accordion-wrapper-fw .accordion-wrapper.lp-pricing-section .accordioncontent {
        background-color: transparent;
    }

.accordion-wrapper-fw .accordion-text {
    background-color: transparent;
}

.accordion-wrapper-fw .accordion-expand {
    background-color: #3973e6;
}

    .accordion-wrapper-fw .accordion-expand::before {
        color: #fff;
    }

    .accordion-wrapper-fw .accordion-expand::after,
    .accordion-wrapper-fw .accordion-expand::before {
        background: 0 0;
    }

.accordion-wrapper.accordion-variant-b.accordion-wrapper-fw .accordion-float-wrapper {
    background-color: rgba(57, 115, 230, .05);
}

    .accordion-wrapper.accordion-variant-b.accordion-wrapper-fw .accordion-float-wrapper:hover {
        background-color: rgba(57, 115, 230, .05);
    }

.accordion-table-content-alone .accordion-table {
    border-bottom: 1px solid rgba(57, 115, 230, .3) !important;
    border-left: 1px solid rgba(57, 115, 230, .3) !important;
    border-right: 1px solid rgba(57, 115, 230, .3) !important;
}

    .accordion-table-content-alone .accordion-table .table-headings {
        border-bottom: 1px solid rgba(57, 115, 230, .3) !important;
    }

.banner-badges-dark {
    background-color: #26174c;
}

.banner-badges-border {
    border: 1px solid rgba(57, 115, 230, .3);
}

.banner-badges-gradient {
    background-image: linear-gradient(89deg, rgba(255, 168, 0, 0), rgba(57, 115, 230, .15) 52%, rgba(255, 168, 0, 0));
}

.banner-badges-light {
    background: rgba(57, 115, 230, .05);
}

.fmarketer.banner-badges {
    background-color: #66260f;
}

.banner-badge,
.banner-badge-special {
    border: 1px solid rgba(57, 115, 230, .3);
}

.banner-badge-cta {
    border: none;
}

.badge-call-out,
.banner-badge {
    background: rgba(57, 115, 230, .05);
}

.banner-badge-special {
    background-image: linear-gradient(89deg, rgba(255, 168, 0, 0), rgba(57, 115, 230, .15) 52%, rgba(255, 168, 0, 0));
}

.bucket-item:nth-child(even) {
    background: rgba(57, 115, 230, .05);
}

.reseller-contact .product-by {
    border-bottom-color: #3973e6;
}

.thank-you-share-links-section::before {
    background-color: rgba(57, 115, 230, .5);
}

.webinar-presenter,
.webinar-presenter-list {
    border-top: 1px solid rgba(57, 115, 230, .5);
}

.industry-lp-additional-feature-section {
    background: rgba(57, 115, 230, .05);
}

.loading-spinner {
    border: solid 5px rgba(57, 115, 230, .2);
    border-top-color: #3973e6;
}

.feature-comparison-table {
    border: solid 1px rgba(57, 115, 230, .3);
}

    .feature-comparison-table tbody tr:nth-child(even) {
        background: rgba(57, 115, 230, .05);
    }

    .feature-comparison-table tbody tr:first-child td {
        border-top: 1px solid rgba(57, 115, 230, .3);
    }

.call-rates .call-rates-body .call-rates-box,
.call-rates .call-rates-header {
    background-color: rgba(57, 115, 230, .05);
    border: solid 1px rgba(57, 115, 230, .5);
}

.call-rates .call-rates-body .title {
    border-bottom: 1px solid rgba(57, 115, 230, .5);
}

.call-rates .cost-of-number .detailed-pricing {
    color: #3973e6;
}

    .call-rates .cost-of-number .detailed-pricing:hover {
        color: #275dc7;
    }

.dropdown-content li:hover {
    background-color: rgba(57, 115, 230, .2);
}

.discount-box {
    border: dashed 1px #3973e6;
    background-color: rgba(57, 115, 230, .07);
}

.events-pricing-section .pricing-table-header {
    background-color: rgba(57, 115, 230, .2);
}

.icon-decrease,
.icon-increase {
    color: #3973e6;
}

.case-study-box {
    border: solid 1px rgba(57, 115, 230, .25);
}

.case-study-left-column .case-study-logo::before {
    background: rgba(57, 115, 230, .2);
}

.badge-call-out [class^=button] {
    color: #3973e6;
}

.banner-notification {
    background-color: rgba(23, 39, 78, .7);
}

    .banner-notification .tag-new {
        background-color: #3973e6;
    }

.tag-transparent {
    color: #3973e6;
    border: 1px solid #3973e6;
}

.coming-soon-label {
    background: #3973e6;
}

.checkbox-control:hover input ~ .checkbox-control-indicator {
    border: solid 1px #3973e6;
}

.checkbox-control input:checked ~ .checkbox-control-indicator {
    border: solid 1px #3973e6;
}

.cb .checkbox-control-indicator::after {
    border-color: #3973e6;
}

.accordion-wrapper:last-child {
    border: none;
    border-top: 1px solid rgba(57, 115, 230, .2);
    border-bottom: 1px solid rgba(57, 115, 230, .2);
}

.accordion-text {
    background-color: rgba(57, 115, 230, .05);
}

.calendar-sticky-nav span.active {
    color: #3973e6;
}

.calendar-sticky-nav span:hover {
    color: #275dc7;
}

.calendar-sticky-nav .nav-year-text + .nav-list {
    border-color: rgba(57, 115, 230, .3);
}

.calendar-sections .month-text {
    border-color: rgba(57, 115, 230, .3);
}

.calendar-sections .activity-type.new-feature:not(.feature-update) {
    background-color: rgba(57, 115, 230, .1);
    border-color: rgba(57, 115, 230, .15);
}

.stripe {
    background-color: #26174c;
}

    .stripe p {
        color: #fff;
    }

.signup-login-form-wrapper .horizontal-or {
    border-bottom: 1px solid rgba(57, 115, 230, .5);
}

.button--loading.product-specific {
    background-image: linear-gradient(-45deg, rgba(57, 115, 230, .15) 25%, transparent 25%, transparent 50%, rgba(57, 115, 230, .2) 50%, rgba(57, 115, 230, .2) 75%, transparent 75%, transparent) !important;
}

.pre-text-tour {
    background-color: rgba(57, 115, 230, .2);
    color: #666;
}

.vertical-tab-wrapper-v3 .nav-tablist li,
.vertical-tab-wrapper.vertical-tab-wrapper-v3 .nav-tablist li {
    border: solid 1px rgba(57, 115, 230, .2);
}

    .vertical-tab-wrapper-v3 .nav-tablist li.active,
    .vertical-tab-wrapper.vertical-tab-wrapper-v3 .nav-tablist li.active {
        border: solid 1px rgba(57, 115, 230, .4);
    }

    .vertical-tab-wrapper-v3 .nav-tablist li:not(.active):hover,
    .vertical-tab-wrapper.vertical-tab-wrapper-v3 .nav-tablist li:not(.active):hover {
        border: solid 1px rgba(57, 115, 230, .4);
    }

.accordion-wrapper:last-child {
    border: none;
    border-top: 1px solid rgba(57, 115, 230, .2);
    border-bottom: 1px solid rgba(57, 115, 230, .2);
}

.accordion-wrapper.accordion-variant-b {
    border: 1px solid rgba(57, 115, 230, .3);
}

    .accordion-wrapper.accordion-variant-b .accordion-expand {
        border: 1px solid rgba(57, 115, 230, .3);
    }

    .accordion-wrapper.accordion-variant-b .accordion-float-wrapper {
        background: rgba(57, 115, 230, .1);
    }

        .accordion-wrapper.accordion-variant-b .accordion-float-wrapper:hover {
            background: rgba(57, 115, 230, .2);
        }

.progress-list-circle {
    background: rgba(57, 115, 230, .2);
    color: #3973e6;
}

.progress-list-item.active .progress-list-circle {
    background: #3973e6;
    color: #fff;
}

.progress-list-item.active .progress-list-bar::before {
    background: #3973e6;
}

.progress-list-item.complete .progress-list-circle {
    background: #3973e6;
    color: #fff;
}

.progress-list-item.complete .progress-list-bar::after {
    background: #3973e6;
}

.progress-list-bar::after,
.progress-list-bar::before {
    background: rgba(57, 115, 230, .2);
}

.plain-table {
    border: 1px solid rgba(57, 115, 230, .3);
}

    .plain-table th {
        border-bottom: 1px solid rgba(57, 115, 230, .3);
    }

    .plain-table tr:nth-child(even) {
        background-color: rgba(57, 115, 230, .05);
    }

.fixed-active-nav ul li.active {
    border-left: 3px solid #3973e6;
}

.heading-hover:hover {
    color: #3973e6;
}

.highlight-paragraph-strip {
    background-color: rgba(57, 115, 230, .05);
    border: 1px solid rgba(57, 115, 230, .3);
}

.features-card {
    border: 1px solid rgba(57, 115, 230, .3);
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 20px;
}

    .features-card .header {
        padding: 10px;
        background-color: rgba(57, 115, 230, .03);
        border-bottom: 1px solid rgba(57, 115, 230, .3);
    }

.detail-comparison-table .header-section {
    border: solid 1px rgba(57, 115, 230, .4);
}

    .detail-comparison-table .header-section .vs {
        background-color: rgba(57, 115, 230, .2);
    }

.detail-comparison-table .comparison-section {
    border: solid 1px rgba(57, 115, 230, .4);
    border-top-style: none;
}

.product-pre-text {
    background-color: rgba(57, 115, 230, .2);
    color: #666;
}

.pricing-comparison-offer-badge {
    background: #3973e6;
}

.pricing-offer-table-body .pricing-offer-features-mobile .pricing-table-features-list {
    border-top: solid 1px rgba(57, 115, 230, .3);
}

.pricing-offer-banner-badge {
    background: rgba(57, 115, 230, .1);
    border: 1px solid rgba(57, 115, 230, .4);
}

    .pricing-offer-banner-badge span.active {
        color: #3973e6;
    }

.pricing-offer-compare-package.active {
    color: #3973e6;
}

.pill-heading-wrapper .pill-heading {
    background-color: rgba(57, 115, 230, .1);
    border: thin solid rgba(57, 115, 230, .4);
}

    .pill-heading-wrapper .pill-heading.fsales {
        background-color: #fffaf2;
    }

    .pill-heading-wrapper .pill-heading + span.line {
        background-color: rgba(57, 115, 230, .1);
    }

.phase-heading {
    background: rgba(57, 115, 230, .1);
    border-bottom: 1px solid rgba(57, 115, 230, .4);
}

    .phase-heading .pre-text {
        background: rgba(57, 115, 230, .2);
        color: #666;
    }

.tbborder {
    border-top: 1px solid rgba(57, 115, 230, .4);
}

.border-bottom {
    border-bottom: 1px solid rgba(57, 115, 230, .4);
}

.eu-extra-info .signup-terms {
    border-top: 1px solid rgba(57, 115, 230, .4);
}

.eu-extra-info.modal-on-click .signup-terms {
    border-top: 1px solid rgba(57, 115, 230, .7);
}

.box-border {
    border: 1px solid rgba(57, 115, 230, .4);
}

.reduce-image-mobile {
    width: 35%;
    margin: auto;
}

.subtextsmall .sub-text {
    font-size: 1rem;
}

.subtextsmall .reduce-image-mobile.pt-sm {
    padding-top: 0;
}

.show-more-wrapper::before {
    border-bottom: 1px solid rgba(57, 115, 230, .4);
}

.fixed-active-nav ul li a.active,
.fixed-active-nav ul li a:hover {
    color: #3973e6;
    border-left: 3px solid #3973e6;
}

.unsubscribe-form-widget .thank-you-card {
    background: 0 0;
}

@keyframes no-js-container-animation {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes no-js-container-animation-ie-fix {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 1;
    }
}

.fdesk-btn .button {
    background: #25c16f;
}

    .fdesk-btn .button:hover {
        background-color: #16a358;
        color: #fff;
    }

.fservice-btn .button {
    background: #08c7fb;
}

    .fservice-btn .button:hover {
        background-color: #0096d7;
        color: #fff;
    }

ul.banner-list-bold li {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: 0;
}

    ul.banner-list-bold li + li {
        margin-top: 20px;
    }

.note-widget.border-box {
    border: solid 1px rgba(57, 115, 230, .3);
}

.ripple-container {
    background-color: #fff;
}

    .ripple-container .ripple-outer {
        background: rgba(57, 115, 230, .1);
    }

        .ripple-container .ripple-outer .ripple-inner {
            background: rgba(57, 115, 230, .1);
        }

.fw-table.border-native td,
.fw-table.border-native th {
    border: solid 1px rgba(57, 115, 230, .3);
}

.fw-table.header-native th {
    background-color: rgba(57, 115, 230, .1);
}

.fw-table.row-bg-native {
    border: 1px solid rgba(57, 115, 230, .3);
}

    .fw-table.row-bg-native tr:nth-child(even) {
        background-color: rgba(57, 115, 230, .05);
    }

    .fw-table.row-bg-native td,
    .fw-table.row-bg-native th {
        border: none;
        border-left: 1px solid rgba(57, 115, 230, .3);
    }

    .fw-table.row-bg-native th {
        border-bottom: 1px solid rgba(57, 115, 230, .3);
    }

.single-category {
    margin-top: 25px;
}

    .single-category ul.glossary-terms-list a:hover {
        color: #3973e6;
    }

.glossary-category-wrapper .category a.active,
.glossary-category-wrapper .category a:active {
    background: #3973e6;
    border-radius: 50%;
    color: #fff;
}

    .glossary-category-wrapper .category a.active:hover,
    .glossary-category-wrapper .category a:active:hover {
        color: #fff;
    }

.glossary-category-wrapper .category a:hover {
    color: #3973e6;
}

.glossary-category-wrapper .arrow-down i {
    color: #3973e6;
}

.glossary-category-wrapper .term-search input.active,
.glossary-category-wrapper .term-search input:focus {
    border: 1px solid #3973e6;
}

.glossary-category-wrapper .glossary-search-result {
    border: 1px solid #3973e6;
    border-top: none;
}

.partner-page-container {
    padding-top: 80px;
    padding-bottom: 40px;
}

    .partner-page-container .l-page {
        padding: 0;
    }

.reseller-content h1 {
    font-size: 2rem;
}

.partners-form-layout {
    border-radius: 0;
    margin-bottom: 60px;
}

    .partners-form-layout .signup-terms p {
        font-size: .855rem;
    }

    .partners-form-layout .form-wrapper {
        text-align: center;
    }

    .partners-form-layout .forgot-domain-success {
        text-align: center;
    }

.reseller-contact .product-by {
    padding-bottom: 10px;
    color: #4d4d4d;
    font-size: .875rem;
    font-weight: 500;
    font-family: Sailec-Medium, Helvetica, sans-serif;
    border-bottom: solid 1px rgba(57, 115, 230, .5);
}

.reseller-contact.partner-reseller-contact {
    display: inline-block;
    padding-top: 80px;
    width: 290px;
}

.reseller-logo.partner-reseller-logo {
    float: none;
    display: inline-block;
    vertical-align: top;
}

.reseller-logo {
    width: 200px;
    height: 100px;
    margin-top: 20px;
}

    .reseller-logo img {
        box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .1);
        background-color: #fff;
    }

.reseller-info.partner-reseller-info {
    float: none;
    display: inline-block;
    text-align: left;
}

.reseller-info {
    margin-top: 20px;
}

    .reseller-info span {
        display: block;
        font-size: 1rem;
        line-height: 1.75;
    }

    .reseller-info div {
        width: 100%;
    }

    .reseller-info .reseller-address div {
        display: inline-block;
        max-width: 85%;
    }

        .reseller-info .reseller-address div p {
            margin: 0;
        }

    .reseller-info .reseller-address i {
        float: left;
        margin-top: 8px;
    }

    .reseller-info a,
    .reseller-info span {
        color: #666;
    }

    .reseller-info a,
    .reseller-info i {
        vertical-align: middle;
    }

    .reseller-info i {
        margin-right: 10px;
    }

    .reseller-info a {
        font-family: National-Book, Helvetica, sans-serif;
    }

.partner-filter-section {
    position: relative;
}

    .partner-filter-section .fworks-custom-dropdown {
        position: relative;
    }

    .partner-filter-section .dropdown-content {
        margin: 0;
    }

    .partner-filter-section .nav-label {
        font-size: 1.25rem;
        font-weight: 500;
        text-transform: capitalize;
        letter-spacing: 0;
        padding: 16px 15px !important;
    }

    .partner-filter-section .nav-sub-toggle {
        margin: 20px 15px !important;
    }

.partner-dropdown-outer.active .partner-expandable {
    max-height: 1000px;
}

.partner-dropdown-outer.active .nav-sub-toggle {
    transform: rotate3d(1, 0, 0, 180deg);
}

.partner-dropdown-outer {
    margin-top: -40px;
    padding: 0;
    background-color: rgba(57, 115, 230, .05);
    border: solid 1px rgba(57, 115, 230, .2);
}

    .partner-dropdown-outer .form-field {
        margin-bottom: 0;
    }

    .partner-dropdown-outer.custom-filter-section {
        margin-top: 0;
    }

.partner-expandable {
    overflow: hidden;
    max-height: 0;
    padding: 0 15px;
    box-sizing: border-box;
    transition: max-height .2s ease-in;
}

.partner-card {
    border: 1px solid rgba(57, 115, 230, .2);
    border-radius: 5px;
}

    .partner-card .reseller-logo {
        float: none;
        width: 120px;
        margin-top: 0;
    }

.partner-card-header {
    border-bottom: 1px solid rgba(57, 115, 230, .2);
}

    .partner-card-header .reseller-logo {
        width: 160px;
        height: 60px;
        margin: 10px 0 10px 20px;
    }

    .partner-card-header img {
        width: 100%;
        height: 60px;
        vertical-align: middle;
    }

.partner-card-content {
    overflow: hidden;
    background: rgba(57, 115, 230, .05);
    padding: 21px 0;
}

    .partner-card-content .reseller-info {
        width: 100%;
        margin: 0;
    }

.reseller-address {
    display: inline-block;
}

.reseller-type {
    margin-bottom: 35px;
}

    .reseller-type:last-child {
        margin-bottom: 0;
    }

    .reseller-type p {
        margin: 0;
        display: inline-block;
    }

    .reseller-type h6 {
        margin: 0 0 10px;
    }

    .reseller-type img {
        width: 12px;
        height: 12px;
    }

.clear-filter-button {
    display: block;
    margin: 15px 0 25px;
}

.partners-results-container {
    margin-top: 50px;
}

    .partners-results-container.fade-in {
        animation: .25s fadeInUp;
    }

.reseller-type {
    margin: 20px 0 0;
}

    .reseller-type h6 {
        margin: 0;
    }

.partner-criteria {
    font-size: .875rem;
    margin: 20px 0 10px;
    font-family: Sailec-Medium, Helvetica, sans-serif;
}

.partner-criteria-container {
    overflow: hidden;
}

.partners-results-summary {
    margin: 0 0 20px;
}

.partner-more-info {
    display: table;
    border-top: 1px solid rgba(57, 115, 230, .2);
    height: 60px;
    width: 100%;
    background: rgba(57, 115, 230, .05);
}

    .partner-more-info span {
        display: table-cell;
        vertical-align: middle;
    }

.partner-field-dropdown .hide-in-mobile-and-tablet {
    display: none;
}

.partner-reseller-button .copy_write-text,
.partner-reseller-button .eu-extra-info {
    margin-top: 52px;
}

.psr-back-button {
    width: 42%;
    float: left;
}

    .psr-back-button #button-back {
        font-size: .875rem;
        padding: 8px 20px;
    }

.psr-submit-button {
    width: 55%;
    float: left;
}

    .psr-submit-button #button-submit {
        margin-left: 7px;
    }

.affiliate-signup-section .copy_write-text,
.partner-reseller-signupform .copy_write-text {
    display: none;
}

    .affiliate-signup-section .copy_write-text.active,
    .partner-reseller-signupform .copy_write-text.active {
        display: block;
    }

.affiliate-signup-section .thank-you-card,
.partner-reseller-signupform .thank-you-card {
    background: 0 0;
}

.psr-thank-you {
    max-width: 440px;
    margin-left: auto;
    margin-right: auto;
}

.thank-you-container {
    padding: 0 15px;
}

.thank-you-image {
    margin: 40px 0 -60px;
    max-width: 70%;
}

.error-page-container img {
    width: 311px;
    margin-bottom: 10px;
}

.thankyou-text {
    font-size: 1.125rem;
}

    .thankyou-text.normalize {
        font-size: 1rem;
    }

.thankyou-text-dynamic {
    color: #999;
    font-size: 1rem;
    text-transform: capitalize;
}

    .thankyou-text-dynamic:not(.active) {
        display: none;
    }

.thank-you-video {
    max-width: 650px;
    margin: 0 auto;
}

.nav-signup-wrapper {
    display: none;
}

    .nav-signup-wrapper .email-field {
        display: table;
        border-radius: 3px;
    }

    .nav-signup-wrapper .email-only-signup .terms-subtext a,
    .nav-signup-wrapper .job-description-bundle-signup .terms-subtext a {
        border-bottom: none;
    }

    .nav-signup-wrapper .email-only-signup .terms-subtext {
        z-index: 400;
    }

.email-only-signup,
.job-description-bundle-signup,
.single-field-form,
.webinar-subscribe-form {
    font-size: 0;
    position: relative;
    display: inline-block;
}

    .email-only-signup .button,
    .email-only-signup input,
    .job-description-bundle-signup .button,
    .job-description-bundle-signup input,
    .single-field-form .button,
    .single-field-form input,
    .webinar-subscribe-form .button,
    .webinar-subscribe-form input {
        height: 45px;
        outline: 0;
        border-radius: 3px;
    }

    .email-only-signup input,
    .job-description-bundle-signup input,
    .single-field-form input,
    .webinar-subscribe-form input {
        margin-bottom: 10px;
        font-size: 1rem;
        font-family: National-Book, Helvetica, sans-serif;
        border: solid 1px #ccc;
        padding: 9px 9px 9px 12px;
    }

        .email-only-signup input.placeholder,
        .job-description-bundle-signup input.placeholder,
        .single-field-form input.placeholder,
        .webinar-subscribe-form input.placeholder {
            color: #ccc;
            font-size: 1rem;
        }

        .email-only-signup input:-moz-placeholder,
        .job-description-bundle-signup input:-moz-placeholder,
        .single-field-form input:-moz-placeholder,
        .webinar-subscribe-form input:-moz-placeholder {
            color: #ccc;
            font-size: 1rem;
        }

        .email-only-signup input::-webkit-input-placeholder,
        .job-description-bundle-signup input::-webkit-input-placeholder,
        .single-field-form input::-webkit-input-placeholder,
        .webinar-subscribe-form input::-webkit-input-placeholder {
            color: #ccc;
            font-size: 1rem;
        }

        .email-only-signup input.button,
        .job-description-bundle-signup input.button,
        .single-field-form input.button,
        .webinar-subscribe-form input.button {
            margin-bottom: 0;
        }

    .email-only-signup .button,
    .job-description-bundle-signup .button,
    .single-field-form .button,
    .webinar-subscribe-form .button {
        color: #fff;
        text-transform: uppercase;
        font-size: .875rem;
        font-family: Sailec-Bold, Helvetica, sans-serif;
        padding: 10px;
        border: none;
        line-height: 1.9;
        letter-spacing: 1px;
        cursor: pointer;
    }

    .email-only-signup .terms-subtext,
    .job-description-bundle-signup .terms-subtext,
    .single-field-form .terms-subtext,
    .webinar-subscribe-form .terms-subtext {
        display: none;
        margin-top: 3px;
        position: absolute;
        left: 40px;
    }

        .email-only-signup .terms-subtext p,
        .job-description-bundle-signup .terms-subtext p,
        .single-field-form .terms-subtext p,
        .webinar-subscribe-form .terms-subtext p {
            font-size: .875rem;
            color: #999;
            text-transform: initial;
            margin: 0;
        }

    .email-only-signup.email-only-signup-light .terms-subtext p,
    .email-only-signup.job-description-bundle-signup-light .terms-subtext p,
    .job-description-bundle-signup.email-only-signup-light .terms-subtext p,
    .job-description-bundle-signup.job-description-bundle-signup-light .terms-subtext p,
    .single-field-form.email-only-signup-light .terms-subtext p,
    .single-field-form.job-description-bundle-signup-light .terms-subtext p,
    .webinar-subscribe-form.email-only-signup-light .terms-subtext p,
    .webinar-subscribe-form.job-description-bundle-signup-light .terms-subtext p {
        color: rgba(255, 255, 255, .5);
    }

    .email-only-signup.email-only-signup-light .terms-subtext a,
    .email-only-signup.job-description-bundle-signup-light .terms-subtext a,
    .job-description-bundle-signup.email-only-signup-light .terms-subtext a,
    .job-description-bundle-signup.job-description-bundle-signup-light .terms-subtext a,
    .single-field-form.email-only-signup-light .terms-subtext a,
    .single-field-form.job-description-bundle-signup-light .terms-subtext a,
    .webinar-subscribe-form.email-only-signup-light .terms-subtext a,
    .webinar-subscribe-form.job-description-bundle-signup-light .terms-subtext a {
        color: rgba(255, 255, 255, .7);
    }

    .email-only-signup .error-wrapper,
    .job-description-bundle-signup .error-wrapper,
    .single-field-form .error-wrapper,
    .webinar-subscribe-form .error-wrapper {
        position: absolute;
        left: 0;
        top: 44px;
        margin-left: 0;
        padding: 0;
        z-index: 9;
    }

        .email-only-signup .error-wrapper em.error,
        .job-description-bundle-signup .error-wrapper em.error,
        .single-field-form .error-wrapper em.error,
        .webinar-subscribe-form .error-wrapper em.error {
            color: red;
            font-style: normal;
            font-size: .75rem;
            font-family: National-Book, Helvetica, sans-serif;
            text-transform: initial;
            padding: 4px 20px 4px 10px;
            background-color: #ffe6e6;
            border: 1px solid red;
            border-radius: 4px;
            line-height: 1.67;
            letter-spacing: 0;
        }

            .email-only-signup .error-wrapper em.error::after,
            .email-only-signup .error-wrapper em.error::before,
            .job-description-bundle-signup .error-wrapper em.error::after,
            .job-description-bundle-signup .error-wrapper em.error::before,
            .single-field-form .error-wrapper em.error::after,
            .single-field-form .error-wrapper em.error::before,
            .webinar-subscribe-form .error-wrapper em.error::after,
            .webinar-subscribe-form .error-wrapper em.error::before {
                content: '';
                display: block;
                width: 0;
                height: 0;
                position: absolute;
            }

            .email-only-signup .error-wrapper em.error::before,
            .job-description-bundle-signup .error-wrapper em.error::before,
            .single-field-form .error-wrapper em.error::before,
            .webinar-subscribe-form .error-wrapper em.error::before {
                top: -16px;
                left: 8px;
                border: 8px solid transparent;
                border-bottom-color: red;
            }

            .email-only-signup .error-wrapper em.error::after,
            .job-description-bundle-signup .error-wrapper em.error::after,
            .single-field-form .error-wrapper em.error::after,
            .webinar-subscribe-form .error-wrapper em.error::after {
                top: -17px;
                left: 6px;
                border: 10px solid transparent;
                border-bottom-color: #ffe7e9;
                z-index: 1;
            }

        .email-only-signup .error-wrapper.error-top,
        .job-description-bundle-signup .error-wrapper.error-top,
        .single-field-form .error-wrapper.error-top,
        .webinar-subscribe-form .error-wrapper.error-top {
            bottom: auto;
            top: -30px;
        }

            .email-only-signup .error-wrapper.error-top em.error::before,
            .job-description-bundle-signup .error-wrapper.error-top em.error::before,
            .single-field-form .error-wrapper.error-top em.error::before,
            .webinar-subscribe-form .error-wrapper.error-top em.error::before {
                top: auto;
                bottom: -16px;
                border-bottom-color: transparent;
                border-top-color: red;
            }

            .email-only-signup .error-wrapper.error-top em.error::after,
            .job-description-bundle-signup .error-wrapper.error-top em.error::after,
            .single-field-form .error-wrapper.error-top em.error::after,
            .webinar-subscribe-form .error-wrapper.error-top em.error::after {
                top: auto;
                bottom: -17px;
                border-bottom-color: transparent;
                border-top-color: #ffe7e9;
            }

        .email-only-signup .error-wrapper.error-left,
        .job-description-bundle-signup .error-wrapper.error-left,
        .single-field-form .error-wrapper.error-left,
        .webinar-subscribe-form .error-wrapper.error-left {
            bottom: auto;
            left: auto;
            top: 0;
            right: 100%;
            white-space: nowrap;
        }

            .email-only-signup .error-wrapper.error-left em.error::before,
            .job-description-bundle-signup .error-wrapper.error-left em.error::before,
            .single-field-form .error-wrapper.error-left em.error::before,
            .webinar-subscribe-form .error-wrapper.error-left em.error::before {
                left: auto;
                right: -16px;
                top: 8px;
                border-bottom-color: transparent;
                border-left-color: red;
            }

            .email-only-signup .error-wrapper.error-left em.error::after,
            .job-description-bundle-signup .error-wrapper.error-left em.error::after,
            .single-field-form .error-wrapper.error-left em.error::after,
            .webinar-subscribe-form .error-wrapper.error-left em.error::after {
                left: auto;
                right: -17px;
                top: 6px;
                border-bottom-color: transparent;
                border-left-color: #ffe7e9;
            }

.eu-extra-info.modal-on-click {
    color: #fff;
    position: absolute;
}

.modal-back-button {
    font-family: Sailec-Bold, Helvetica, sans-serif;
    cursor: pointer;
    outline: 0;
    border-radius: 3px;
    text-align: center;
    letter-spacing: 1px;
    text-transform: uppercase;
    display: inline-block;
    transition: background-color .15s ease-in;
    white-space: normal;
    color: inherit;
    min-width: auto;
    float: none;
    padding: 6px 20px;
    font-size: .75rem;
    height: auto;
    border: 1px solid rgba(255, 255, 255, .3);
    background-color: rgba(255, 255, 255, .15);
}

    .modal-back-button:hover {
        background-color: rgba(255, 255, 255, .3);
        color: inherit;
    }

    .modal-back-button::before {
        color: inherit;
        top: -1px;
        transition: none;
    }

.email-only-signup .button,
.email-only-signup input,
.job-description-bundle-signup .button,
.job-description-bundle-signup input,
.single-field-form .button,
.single-field-form input,
.webinar-subscribe-form .button,
.webinar-subscribe-form input {
    min-width: 290px;
    display: block;
}

.email-only-signup .eu-extra-info .promotional-offers,
.job-description-bundle-signup .eu-extra-info .promotional-offers,
.single-field-form .eu-extra-info .promotional-offers,
.webinar-subscribe-form .eu-extra-info .promotional-offers {
    max-width: 290px;
}

.banner-home .terms-subtext p,
.gradient-light .terms-subtext p,
.gradient-light-tb .terms-subtext p,
.pattern-gradient-light .terms-subtext p,
.pattern-light .terms-subtext p,
.section-light-bg .terms-subtext p {
    color: #999;
}

.nav-main-item.nav-main-item-button .button {
    padding: 9px 20px;
}

.email-only-signup-filler {
    display: inline-block;
}

#modal-backdrop {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .8;
    z-index: 1000;
}

#form-modal-holder {
    position: absolute;
    z-index: 1001;
    top: 50px;
    left: 200px;
    font-size: 0;
}

body.no-scroll {
    overflow: hidden;
}

.case-study-form {
    width: 100%;
}

    .case-study-form .reduce-width-button,
    .case-study-form input {
        float: none;
        min-width: 0;
        width: 100%;
        border-radius: 3px;
    }

    .case-study-form input {
        margin-bottom: 10px;
    }

.breadcrumb-item {
    font-family: National-Medium, Helvetica, sans-serif;
    font-size: .875rem;
    padding-right: 7px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.breadcrumb-current {
    color: #ccc !important;
}

.breadcrumb-arrow {
    display: inline-block;
    font-size: .5rem;
    padding-right: 7px;
    color: #ccc;
}

.pill-heading-wrapper .pill-heading {
    position: relative;
    z-index: 2;
    box-shadow: 0 0 0 7px #fff;
}

    .pill-heading-wrapper .pill-heading + span.line {
        display: block;
        min-height: 2px;
        background-color: #ffe4b2;
        position: relative;
        z-index: 0;
        top: -15px;
    }

.accordion {
    margin: 30px 0;
}

    .accordion .table-wrapper {
        margin-top: 25px;
    }

.accordion-wrapper {
    position: relative;
    border: solid 1px rgba(57, 115, 230, .3);
    margin: 0;
    box-sizing: border-box;
    border-radius: 0;
    border-bottom-width: 0;
    border-left-width: 0;
    border-right-width: 0;
}

    .accordion-wrapper.accordion-wrapper-opened .accordion-expand::after {
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }

    .accordion-wrapper.accordion-wrapper-opened .accordion-float-wrapper {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    .accordion-wrapper [class^=list] {
        padding-left: 14px;
    }

.accordion-float-wrapper {
    background-color: rgba(255, 255, 255, .1);
    cursor: pointer;
    padding: 15px 0;
    transition: background .25s ease, border .25 ease-in, border-radius .25 ease;
}

    .accordion-float-wrapper.lp-pricing-section {
        background-color: transparent;
    }

.accordion-heading {
    display: inline-block;
    margin: 0;
    max-width: 85%;
    font-family: Sailec-Medium, Helvetica, sans-serif;
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.43;
    color: #4d4d4d;
}

.accordion-text {
    margin: 0 0 20px;
    padding: 20px 20px 28px;
    border-radius: 3px;
}

.accordion-content {
    display: none;
}

.accordion-logo-self {
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    margin: 0 auto;
}

    .accordion-logo-self.-fservice {
        background-size: 164px;
    }

    .accordion-logo-self.-fsales {
        background-size: 150px;
        height: 31px;
        background-image: url(/static-assets/images/common/company/logos/logo-fsales-black.jpg);
        margin: 0 auto;
    }

    .accordion-logo-self.-fchat {
        background-size: 141px;
        height: 33px;
    }

    .accordion-logo-self.-fteam {
        background-size: 141px;
        height: 31px;
    }

    .accordion-logo-self.-fmarketer {
        background-size: cover;
    }

.accordion-logo-competitors {
    background-size: contain;
    height: 30px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    margin: 5px;
}

.accordion-logo-topdesk {
    background-image: url(/static-assets/images/fservice/competitor/topdesk/topdesk@2x.png);
    height: 40px;
    background-position: center;
    background-size: 100% auto;
}

.accordion-expand {
    position: absolute;
    top: 15px;
    right: 15px;
    float: right;
    width: 30px;
    height: 30px;
    background: #fff;
}

    .accordion-expand::before {
        content: '';
        position: absolute;
        width: 12px;
        height: 2px;
        top: 50%;
        left: 50%;
        margin-left: -6px;
        margin-top: -1px;
    }

    .accordion-expand::after {
        content: '';
        position: absolute;
        width: 2px;
        height: 12px;
        top: 50%;
        left: 50%;
        margin-left: -1px;
        margin-top: -6px;
        transition: transform .25s ease, opacity .25s ease 75ms;
    }

.accordion-row > div:last-child .accordion-wrapper:first-child {
    border-top: 0;
}

.accordion-wrapper.accordion-variant-b {
    margin: 0 auto 40px;
    border-radius: 4px;
}

    .accordion-wrapper.accordion-variant-b .accordion-heading {
        font-size: 1.125rem;
        padding-left: 15px;
    }

    .accordion-wrapper.accordion-variant-b .accordion-expand {
        border-radius: 50%;
    }

    .accordion-wrapper.accordion-variant-b .accordion-text {
        padding: 10px 20px 18px;
        background: 0 0;
        margin-bottom: 0;
    }

    .accordion-wrapper.accordion-variant-b .accordion-float-wrapper:hover .accordion-heading {
        color: #4d4d4d;
    }

table.table-accordion.table-headings td.table-main-header {
    padding-top: 21px;
    padding-bottom: 21px;
}

.table-accordion {
    min-width: auto;
    margin-top: 0;
    border: 0;
}

    .table-accordion.table-accordion-body tr:nth-child(even) {
        background-color: trasnparent;
    }

    .table-accordion td {
        background: 0 0;
    }

        .table-accordion td:nth-of-type(1) {
            padding: 11px 0 11px 11px;
            background: 0 0;
            border-bottom: 0;
            font-size: .875rem;
        }

            .table-accordion td:nth-of-type(1) a {
                color: #666;
            }

    .table-accordion td {
        border: 0;
    }

    .table-accordion .col-feature {
        width: 60%;
    }

    .table-accordion .col-present {
        width: 20%;
    }

        .progress-signup .step.done .table-accordion .col-present i.step-circle::before,
        .table-accordion .col-present .progress-signup .step.done i.step-circle::before,
        .table-accordion .col-present i.icon-check-mark {
            color: #76c125;
            vertical-align: middle;
        }

        .table-accordion .col-present i.icon-x-mark {
            color: #e44c4c;
            vertical-align: middle;
        }

    .table-accordion h6 {
        font-size: .75rem !important;
        text-transform: uppercase;
        font-family: Sailec-Bold, Helvetica, sans-serif;
        letter-spacing: .5px;
    }

.accordion-link .down-arrow-rounded,
.show-more-wrapper .down-arrow-rounded {
    background-image: url(/static-assets/images/common/icons/arrow.svg);
    background-repeat: no-repeat;
    background-position: center 6px;
    background-size: auto;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    margin-left: 4px;
    display: inline-block;
    vertical-align: middle;
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    transition: transform .2s ease;
}

.accordion-link.accordion-link-opened .down-arrow-rounded,
.show-more-wrapper.accordion-link-opened .down-arrow-rounded {
    transition: transform .2s ease;
    -ms-transform: rotate(0);
    transform: rotate(0);
}

.accordion-wrapper-fw {
    margin: 0 auto;
    max-width: 100%;
}

    .accordion-wrapper-fw .accordion-float-wrapper {
        background-color: rgba(255, 168, 0, .05);
        text-align: center;
    }

    .accordion-wrapper-fw .accordion-heading {
        font-family: National-Book, Helvetica, sans-serif;
        padding-right: 10px;
        vertical-align: middle;
    }

        .accordion-wrapper-fw .accordion-heading.product-updates-heading {
            font-size: 20px;
        }

        .accordion-wrapper-fw .accordion-heading a {
            font-family: National-Medium, Helvetica, sans-serif;
        }

    .accordion-wrapper-fw .accordion-expand {
        border: none;
        display: inline-block;
        float: none;
        width: 20px;
        height: 20px;
        position: relative;
        right: 10px;
        top: 0;
        transition: transform .2s ease;
        vertical-align: middle;
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }

        .accordion-wrapper-fw .accordion-expand::after,
        .accordion-wrapper-fw .accordion-expand::before {
            content: '';
            background: 0 0;
            height: 0;
            margin: 0;
            width: 0;
        }

        .accordion-wrapper-fw .accordion-expand.arrow-icon {
            background-image: url(/static-assets/images/common/icons/arrow.svg);
            background-repeat: no-repeat;
            background-position: center 4px;
            background-size: auto;
            width: 16px;
            height: 16px;
            border-radius: 50%;
            margin-left: 4px;
        }

    .accordion-wrapper-fw .accordion-content {
        background-color: rgba(255, 168, 0, .05);
        padding-top: 15px;
    }

    .accordion-wrapper-fw .accordion-text {
        background-color: transparent;
        margin: 0;
    }

        .accordion-wrapper-fw .accordion-text .l-grid {
            margin-bottom: 0;
        }

    .accordion-wrapper-fw.accordion-wrapper-opened .accordion-expand {
        -ms-transform: rotate(0);
        transform: rotate(0);
    }

.accordion-wrapper.accordion-variant-b.accordion-wrapper-fw .accordion-heading {
    font-size: 1.25rem;
}

.hidden[data-accordion-target] {
    display: none;
}

.accordian-table-price-compare {
    word-break: normal;
}

    .accordian-table-price-compare * {
        word-break: normal;
    }

    .accordian-table-price-compare h5 {
        font-size: 21px;
        color: #4d4d4d;
    }

    .accordian-table-price-compare p {
        margin: 0;
        line-height: 1;
    }

        .accordian-table-price-compare p.feature-details {
            margin-top: 20px;
            line-height: 1;
        }

.comparison-banner {
    padding-top: 80px;
    padding-bottom: 65px;
    background-size: auto;
}

    .comparison-banner p {
        margin: 0;
    }

    .comparison-banner .company-logo {
        width: 237px;
        height: 70px;
        line-height: 70px;
        vertical-align: middle;
        background-color: #fff;
        border-radius: 100px;
        margin: 30px auto;
        position: relative;
    }

        .comparison-banner .company-logo:last-child {
            margin-bottom: 30px;
        }

        .comparison-banner .company-logo img {
            width: auto;
            height: 36px;
            vertical-align: middle;
        }

    .comparison-banner .compare-symbol {
        border-radius: 50%;
        width: 40px;
        height: 40px;
        line-height: 40px;
        display: block;
        margin: auto;
        vertical-align: middle;
        font-size: 1rem;
        letter-spacing: 1px;
        color: #fff;
        font-family: Sailec-Bold, Helvetica, sans-serif;
    }

        .comparison-banner .compare-symbol.plus-symbol {
            font-size: 2rem;
            line-height: 40px;
        }

.banner-badge {
    padding: 30px 15px;
    width: 100%;
}

    .banner-badge img {
        margin-bottom: -5px;
    }

    .banner-badge p {
        line-height: 1.4;
    }

.banner-badges {
    position: relative;
}

    .banner-badges img {
        max-width: 100px;
    }

.banner-badges-inline {
    text-align: center;
    padding-top: 10px;
}

.banner-badges-inline-text {
    padding: 0 15px;
}

    .banner-badges-inline-text .cta {
        padding-top: 10px;
    }

.banner-badges .banner-badges-dark .signup-terms p {
    color: #fff;
}

.banner-badges.banner-badges-border.banner-badges-gradient::before {
    position: absolute;
    top: -3px;
    left: -3px;
    height: 103%;
    width: 10%;
    content: '';
    background: linear-gradient(to right, #fff 20%, rgba(255, 255, 255, 0) 80%);
    pointer-events: none;
}

.banner-badges.banner-badges-border.banner-badges-gradient::after {
    position: absolute;
    top: -3px;
    right: -3px;
    height: 103%;
    width: 10%;
    content: '';
    background: linear-gradient(to left, #fff 20%, rgba(255, 255, 255, 0) 80%);
    pointer-events: none;
}

.banner-badges.banner-badges-border-radius {
    border-radius: 5px;
}

.banner-badge-cta {
    padding: 25px 15px;
}

    .banner-badge-cta span {
        display: block;
        vertical-align: text-bottom;
    }

.banner-badge-wrapper {
    overflow: hidden;
}

.banner-badge-image-only img {
    height: 100px;
    width: auto;
}

.banner-badge-special {
    position: relative;
    padding: 20px;
}

    .banner-badge-special img {
        margin-bottom: -10px;
    }

    .banner-badge-special .logo-image img {
        margin-bottom: 0;
    }

    .banner-badge-special h6 {
        margin-top: 0;
    }

    .banner-badge-special .banner-badge-sub-heading,
    .banner-badge-special .banner-badge-sub-text {
        font-size: .875rem;
        line-height: 1.43;
        color: #4d4d4d;
    }

    .banner-badge-special .banner-badge-sub-text {
        font-family: Sailec-Medium, Helvetica, sans-serif;
    }

    .banner-badge-special .banner-badge-sub-heading {
        font-family: Sailec-Regular, Helvetica, sans-serif;
    }

    .banner-badge-special::before {
        position: absolute;
        top: -3px;
        left: -3px;
        height: 500px;
        width: 10%;
        content: '';
        background: linear-gradient(to right, #fff 20%, rgba(255, 255, 255, 0) 80%);
        pointer-events: none;
    }

    .banner-badge-special::after {
        position: absolute;
        top: -3px;
        right: -3px;
        height: 500px;
        width: 10%;
        content: '';
        background: linear-gradient(to left, #fff 20%, rgba(255, 255, 255, 0) 80%);
        pointer-events: none;
    }

.banner-badge-left-image {
    text-align: center;
}

    .banner-badge-left-image.banner-badge-special {
        border: 0;
    }

.highlight-paragraph-strip {
    border-radius: 5px;
}

    .highlight-paragraph-strip h6 {
        padding: 6px 25px;
    }

section.sticky-banner-solid {
    padding: 0;
}

    section.sticky-banner-solid .banner-badge {
        background: 0 0;
        text-align: center;
    }

        section.sticky-banner-solid .banner-badge h4 {
            color: #fff;
            display: inline-block;
            line-height: 1;
        }

.oval-down-arrow {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: #ffa800;
    color: #fff;
    font-style: normal;
    display: inline-block;
    vertical-align: middle;
    font-size: 70%;
    font-weight: 800;
}

.fsales.sticky-banner-solid {
    background-color: #3d2a0c;
}

.fservice.sticky-banner-solid {
    background-color: #112c4e;
}

.animate-form-wrapper {
    position: relative;
    overflow: hidden;
    float: none;
    will-change: padding-bottom;
    transition: padding .3s ease;
}

    .animate-form-wrapper .form-field-container {
        position: relative;
    }

    .animate-form-wrapper .thank-you-card {
        top: 0;
    }

    .animate-form-wrapper .inactive {
        opacity: 0;
        transition: opacity .35s ease;
    }

    .animate-form-wrapper h3,
    .animate-form-wrapper h5,
    .animate-form-wrapper p.modal-sub-text {
        transition: opacity .5s ease, transform .5s ease;
    }

        .animate-form-wrapper h3.active,
        .animate-form-wrapper h5.active,
        .animate-form-wrapper p.modal-sub-text.active {
            -ms-transform: translateX(-440px);
            transform: translateX(-440px);
            opacity: 0;
        }

    .animate-form-wrapper .form-field-container {
        transition: opacity .5s ease, transform .5s ease;
    }

        .animate-form-wrapper .form-field-container.active {
            -ms-transform: translateX(-440px);
            transform: translateX(-440px);
            opacity: 0;
        }

    .animate-form-wrapper.calendly-active {
        padding-bottom: 150px;
    }

    .animate-form-wrapper .addeventatc_dropdown span {
        display: block;
    }

    .animate-form-wrapper .addeventatc_dropdown {
        padding: 6px 0;
    }

        .animate-form-wrapper .addeventatc_dropdown .copyx {
            display: none;
        }

.overflow-visible {
    overflow: visible;
}

.hidden-x {
    overflow-x: hidden;
}

@keyframes loading-rotate {
    from {
        transform: rotate(0);
    }

    to {
        transform: rotate(359deg);
    }
}

@keyframes loading-rotate-center {
    from {
        transform: translate(-50%, -50%) rotate(0);
    }

    to {
        transform: translate(-50%, -50%) rotate(359deg);
    }
}

.loading-spinner {
    animation: loading-rotate .8s infinite linear;
    border-radius: 50%;
    height: 45px;
    margin: 20px auto 0;
    width: 45px;
}

.user-loading-spinner {
    animation: loading-rotate-center .8s infinite linear;
    border-radius: 50%;
    height: 55px;
    width: 55px;
    position: absolute;
    top: 50%;
    left: 50%;
}

.contact-form-wrapper,
.email-only-form-wrapper,
.subscribe-form-wrapper {
    position: relative;
    overflow: hidden;
}

    .contact-form-wrapper h2,
    .contact-form-wrapper h3,
    .contact-form-wrapper p,
    .email-only-form-wrapper h2,
    .email-only-form-wrapper h3,
    .email-only-form-wrapper p,
    .subscribe-form-wrapper h2,
    .subscribe-form-wrapper h3,
    .subscribe-form-wrapper p {
        transition: opacity 350ms ease, transform 350ms ease;
    }

        .contact-form-wrapper h2.active,
        .contact-form-wrapper h3.active,
        .contact-form-wrapper p.active,
        .email-only-form-wrapper h2.active,
        .email-only-form-wrapper h3.active,
        .email-only-form-wrapper p.active,
        .subscribe-form-wrapper h2.active,
        .subscribe-form-wrapper h3.active,
        .subscribe-form-wrapper p.active {
            -ms-transform: translateX(-20px);
            transform: translateX(-20px);
            opacity: 0;
        }

    .contact-form-wrapper .form-field-container,
    .email-only-form-wrapper .form-field-container,
    .subscribe-form-wrapper .form-field-container {
        transition: opacity 350ms ease, transform 350ms ease;
    }

        .contact-form-wrapper .form-field-container.active,
        .email-only-form-wrapper .form-field-container.active,
        .subscribe-form-wrapper .form-field-container.active {
            -ms-transform: translateX(-20px);
            transform: translateX(-20px);
            opacity: 0;
        }

.email-only-form-wrapper {
    overflow: visible;
}

.pl-ads .plan-tile,
.pl-ads .plan-tile-small {
    border: 1px solid #ccc;
    border-radius: 4px;
    max-width: 200px;
    margin: 0 auto 30px;
    position: relative;
}

    .pl-ads .plan-tile img,
    .pl-ads .plan-tile-small img {
        border-top-right-radius: 4px;
        border-top-left-radius: 4px;
        vertical-align: middle;
    }

    .pl-ads .plan-tile + .button,
    .pl-ads .plan-tile-small + .button {
        display: block;
        max-width: 200px;
        margin: 0 auto;
    }

.pl-ads .plan-details {
    background: #fff;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    padding: 20px;
}

.pl-ads .plan-name {
    font-size: 1rem;
    font-weight: 500;
    left: 50%;
    margin: 0;
    position: absolute;
    top: 15px;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.pl-ads .plan-tile-small {
    background: #fff;
    border-color: #ffa800;
    display: block;
    margin: auto;
    padding: 15px 0;
    text-align: center;
    width: 120px;
}

    .pl-ads .plan-tile-small h6 {
        color: #ffa800;
        font-size: .875rem;
        margin: 0 0 10px;
    }

    .pl-ads .plan-tile-small p {
        line-height: 1.25rem;
    }

        .pl-ads .plan-tile-small p.pricing {
            font-size: 1.25rem;
            margin: 0;
        }

        .pl-ads .plan-tile-small p:last-child {
            font-size: .75rem;
        }

    .pl-ads .plan-tile-small.active {
        background: rgba(255, 168, 0, .25);
    }

    .pl-ads .plan-tile-small:hover {
        background: rgba(255, 168, 0, .1);
    }

    .pl-ads .plan-tile-small + .plan-tile-small {
        margin: 15px auto 0;
    }

.pl-ads .plan-structure {
    display: inline-block;
    max-width: 50%;
    text-align: left;
    vertical-align: middle;
}

.pl-ads .plan-video-link .play-circle {
    background: #ffa800;
    border-radius: 50%;
    display: inline-block;
    height: 20px;
    position: relative;
    vertical-align: text-bottom;
    width: 20px;
}

    .pl-ads .plan-video-link .play-circle i {
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        color: #fff;
        font-size: .625rem;
        left: 50%;
        position: absolute;
        top: 50%;
    }

.pl-ads .plan-pricing > p {
    margin-bottom: 15px;
}

.pl-ads .plan-content-section > p:first-child {
    margin: 0;
}

.pl-ads .plan-content-section > h3 {
    margin-top: 20px;
}

.pl-ads .plan-features li,
.pl-ads .plan-features ul {
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
}

.pl-ads .plan-features .feature-group.active li::before {
    background: url(/static-assets/images/fsales/pl-ads/feature-avail.svg) no-repeat;
}

.pl-ads .plan-features .feature-group:not(.active) li::before {
    background: url(/static-assets/images/fsales/pl-ads/feature-unavail.svg) no-repeat;
}

.pl-ads .plan-features li {
    font-size: 1rem;
    color: #666;
}

    .pl-ads .plan-features li:not(.feature-group) {
        line-height: 1.375rem;
        position: relative;
        padding-left: 30px;
    }

        .pl-ads .plan-features li:not(.feature-group)::before {
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            background-size: 20px;
            content: '';
            height: 20px;
            left: 0;
            position: absolute;
            top: 50%;
            width: 20px;
        }

        .pl-ads .plan-features li:not(.feature-group) + li {
            margin-top: 7px;
        }

    .pl-ads .plan-features li.feature-group:not(.active) li {
        color: #aaa;
        opacity: .7;
    }

.pl-ads .plan-features .feature-group + .feature-group {
    margin-top: 7px;
}

.pl-ads span.plan-structure {
    line-height: 1.25rem;
}

.pl-ads .disclaimer i {
    color: grey;
    font-style: italic;
    font-size: .875rem;
}

.progress-signup {
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    list-style-image: none;
    margin: 0 auto 25px;
    max-width: 320px;
    padding: 0;
    width: 100%;
}

    .progress-signup li {
        list-style: none;
        list-style-image: none;
        margin: 0;
        padding: 0;
    }

    .progress-signup .step-progress {
        background: #ffe9bc;
        -ms-flex-positive: 1;
        flex-grow: 1;
        height: .35em;
        margin: 54px -60px 0 -60px;
        position: relative;
        z-index: 9;
    }

        .progress-signup .step-progress::after {
            content: '';
            background: #ffa800;
            height: .35em;
            left: 0;
            position: absolute;
            transition: width .85s linear;
            width: 1px;
        }

    .progress-signup .step-text {
        font-family: Sailec-Medium, Helvetica, sans-serif;
        color: #666;
        margin: 0 0 15px;
    }

    .progress-signup .step-circle {
        background: #ffe9bc;
        border-radius: 50%;
        color: #fff;
        height: 28px;
        margin: 0 auto;
        position: relative;
        width: 28px;
        z-index: 10;
    }

        .progress-signup .step-circle::before {
            content: '';
            left: 50%;
            position: absolute;
            top: 50%;
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }

    .progress-signup .step.done + .step-progress.done::after {
        width: 100%;
    }

    .progress-signup .step.active .step-circle,
    .progress-signup .step.done .step-circle {
        background: #ffa800;
    }

.feature-comparison-table {
    border-radius: 5px;
    min-width: 100%;
    border-collapse: inherit;
    border-spacing: 0;
    margin: 0 0 20px;
}

    .feature-comparison-table thead {
        height: 60px;
    }

        .feature-comparison-table thead th:first-child {
            width: 50%;
            padding: 21px 0 21px 15px;
            text-align: left;
        }

        .feature-comparison-table thead th {
            padding: 0 15px;
        }

        .feature-comparison-table thead td:nth-of-type(4) {
            background-color: unset;
        }

        .feature-comparison-table thead h6 {
            line-height: 1.33;
            letter-spacing: .5px;
            color: #4d4d4d;
            font-size: .75rem;
            text-transform: uppercase;
            font-family: Sailec-Bold, Helvetica, sans-serif;
        }

    .feature-comparison-table tbody tr {
        height: 50px;
    }

        .feature-comparison-table tbody tr td {
            padding-left: 15px;
            padding-right: 15px;
        }

        .feature-comparison-table tbody tr:nth-child(odd) {
            background: 0 0;
        }

    .feature-comparison-table td.feature-heading {
        font-size: .875rem;
        line-height: 1.14;
        text-align: left;
        color: #666;
        border: 0;
        padding-left: 15px !important;
        background: 0 0;
    }

    .feature-comparison-table td {
        word-break: normal;
    }

        .feature-comparison-table td * {
            word-break: normal;
        }

        .feature-comparison-table td.feature-rating {
            font-size: .875rem;
            font-weight: 500;
            text-align: center;
            color: #4d4d4d;
            border: 0;
            background: 0 0;
            font-family: National-Regular, Helvetica, sans-serif;
        }

            .feature-comparison-table td.feature-rating.price {
                font-family: Sailec-Medium, Helvetica, sans-serif;
            }

            .feature-comparison-table td.feature-rating.plain-text {
                font-family: Sailec-Medium, Helvetica, sans-serif;
            }

.comparison-table-logo-self {
    width: 18px;
    height: 18px;
    vertical-align: middle;
}

.comparison-table-logo-competitor {
    height: 18px;
    vertical-align: middle;
    width: auto;
}

p.disclaimer {
    font-size: .875rem;
    line-height: 1.71;
    color: #666;
    text-align: center;
    margin: 0;
}

    p.disclaimer.comparison {
        text-align: left;
        margin: 10px auto 0;
        padding-left: 10px;
        color: #999;
    }

        p.disclaimer.comparison.features {
            padding-left: 15px;
            max-width: 85%;
            margin: -20px auto 20px 0;
        }

p.image-caption {
    font-size: .875rem;
    line-height: 1.71;
    color: #999;
    margin: 5px 0;
}

.comparison-table-wrapper {
    overflow: auto;
}

.star-container-wrap {
    min-width: 155px;
}

.social-signup-wrapper-social {
    margin-top: 30px;
    text-align: center;
    position: relative;
}

.social-signup-wrapper-after {
    display: none;
    text-align: center;
}

    .social-signup-wrapper-after img {
        width: 72px;
        height: 72px;
        border-radius: 50%;
    }

    .social-signup-wrapper-after h6 {
        color: #4d4d4d;
        margin-top: 0;
        margin-bottom: 30px;
    }

    .social-signup-wrapper-after p {
        font-size: .875rem;
        color: #4d4d4d;
        font-family: Sailec-Medium, Helvetica, sans-serif;
        margin: 0;
    }

.or {
    overflow: hidden;
    text-align: center;
    text-transform: lowercase;
    color: #b3b3b3;
    margin-top: 20px;
}

    .or::after,
    .or::before {
        content: '';
        display: inline-block;
        height: 1px;
        position: relative;
        vertical-align: middle;
        width: 50%;
        text-transform: uppercase;
    }

    .or::before {
        right: .5em;
        margin-left: -50%;
    }

    .or::after {
        left: .5em;
        margin-right: -50%;
    }

.social-signup-active .social-signup-wrapper-after {
    display: block;
}

    .social-signup-active .social-signup-wrapper-after p {
        margin-bottom: 20px;
    }

    .social-signup-active .social-signup-wrapper-after .horizontal-or {
        display: none;
    }

    .social-signup-active .social-signup-wrapper-after .button--google-signup {
        display: none;
    }

.social-signup-active .banner-content > h1,
.social-signup-active .social-signup-wrapper-hide-active {
    display: none;
}

.social-signup-active .social-signup-wrapper-self {
    width: 100%;
    text-align: center;
}

.social-signup-active form {
    margin-top: 0;
}

.horizontal-or {
    width: 100%;
    text-align: center;
    position: relative;
    top: -1px;
    border-bottom: 1px solid #e6e6e6;
    line-height: .1em;
    margin: 30px 0;
    font-size: 16px;
}

    .horizontal-or span {
        background: #fff;
        padding: 0 10px;
        color: #b3b3b3;
        font-family: National-Regular, Helvetica, sans-serif;
    }

.divider-or,
.vertical-divider {
    overflow: hidden;
    text-align: center;
    text-transform: lowercase;
    color: #b3b3b3;
    margin: 20px 0;
}

    .divider-or span,
    .vertical-divider span {
        font-size: 16px;
    }

    .divider-or::after,
    .divider-or::before,
    .vertical-divider::after,
    .vertical-divider::before {
        content: '';
        display: inline-block;
        height: 1px;
        position: relative;
        vertical-align: middle;
        width: 50%;
        text-transform: uppercase;
    }

    .divider-or::before,
    .vertical-divider::before {
        right: .5em;
        margin-left: -50%;
    }

    .divider-or::after,
    .vertical-divider::after {
        left: .5em;
        margin-right: -50%;
    }

.vertical-divider {
    text-transform: uppercase;
}

.social-signup-wrapper-self__card {
    max-width: 440px;
    margin: 30px auto;
    padding: 30px 15px 15px;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1);
}

    .social-signup-wrapper-self__card .social-signup-button-wrapper {
        display: block;
        margin-bottom: 20px;
        text-align: center;
    }

    .social-signup-wrapper-self__card.text-content {
        padding: 30px 15px;
    }

    .social-signup-wrapper-self__card .divider-or::after,
    .social-signup-wrapper-self__card .divider-or::before {
        background-color: #e6e6e6;
    }

    .social-signup-wrapper-self__card .form-wrapper {
        max-width: 100%;
    }

.button.button--google-signup {
    background-color: #4285f4;
    text-align: right;
    font-size: .75rem;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .24), 0 0 1px 0 rgba(0, 0, 0, .12);
    color: #fff;
}

    .button.button--google-signup:hover {
        background-color: #3367d6;
    }

.google-signup-bg {
    float: left;
    position: relative;
    top: 1px;
    left: 1px;
    background: url(/static-assets/images/common/social-signup/google-signup.svg) no-repeat;
    background-size: cover;
    width: 42px;
    height: 42px;
}

.google-signup-label {
    display: inline-block;
    padding: 12px 18px;
}

.backend-error-wrapper {
    float: left;
    font-size: .75rem;
    color: red;
    line-height: 1.2;
    font-style: normal;
    letter-spacing: 0;
    text-align: left;
    display: block;
    position: absolute;
    left: 45px;
    bottom: -18px;
}

    .backend-error-wrapper::first-letter {
        text-transform: capitalize;
    }

.social-signup-wrapper-self .signup-wrapper {
    padding: 1px 15px 15px;
    margin-top: 30px;
}

.call-rates .field-dropdown {
    margin-bottom: 20px;
    background-color: #fff;
}

    .call-rates .field-dropdown input {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

.call-rates .call-rates-header {
    position: relative;
    z-index: 2;
    margin-top: 40px;
    margin-bottom: 60px;
    padding: 20px 15px 40px;
    border-radius: 5px;
    text-align: center;
}

    .call-rates .call-rates-header p {
        margin-bottom: 5px;
        line-height: 1.5;
    }

.call-rates .cost-of-number {
    margin-top: 12px;
}

    .call-rates .cost-of-number > div {
        line-height: 1;
    }

    .call-rates .cost-of-number span {
        display: inline-block;
        vertical-align: top;
        text-align: left;
    }

    .call-rates .cost-of-number .cost-of-number-from,
    .call-rates .cost-of-number .detailed-pricing {
        display: inline-block;
        text-align: center;
    }

        .call-rates .cost-of-number .cost-of-number-from.-standard,
        .call-rates .cost-of-number .detailed-pricing.-standard {
            visibility: hidden;
            pointer-events: none;
        }

            .call-rates .cost-of-number .cost-of-number-from.-standard.active,
            .call-rates .cost-of-number .detailed-pricing.-standard.active {
                visibility: visible;
                pointer-events: inherit;
            }

        .call-rates .cost-of-number .detailed-pricing.-standard {
            margin-top: 2px;
        }

    .call-rates .cost-of-number .cost-of-number-from {
        font-size: .75rem;
    }

    .call-rates .cost-of-number .detailed-pricing {
        font-size: .875rem;
        cursor: pointer;
    }

    .call-rates .cost-of-number .cost-of-number-symbol {
        margin-right: -2px;
        font-size: 1.125rem;
        line-height: 1.29;
    }

    .call-rates .cost-of-number .cost-of-number-amount {
        font-size: 2.25rem;
        line-height: 1;
    }

    .call-rates .cost-of-number .cost-of-number-period {
        font-size: .75rem;
        line-height: 1.3;
    }

        .call-rates .cost-of-number .cost-of-number-period span {
            display: block;
        }

.call-rates .call-rates-body p {
    margin-bottom: 5px;
    line-height: 1.5;
}

.call-rates .call-rates-body .title {
    margin: 0 0 20px;
    padding: 0 0 20px;
    text-align: center;
}

.call-rates .call-rates-body > [class^=col-] {
    margin-bottom: 60px;
}

.call-rates .call-rates-body .call-rates-box {
    margin-top: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 5px;
    text-align: center;
}

    .call-rates .call-rates-body .call-rates-box .cost-of-number {
        margin-bottom: 40px;
    }

.fworks-custom-dropdown {
    background-color: #fff;
    text-align: left;
}

    .fworks-custom-dropdown .select-dropdown:hover {
        border-color: #7f7f7f;
    }

        .fworks-custom-dropdown .select-dropdown:hover [class^=icon-] {
            color: #747474;
        }

    .fworks-custom-dropdown .select-dropdown.-numRateType input {
        padding-left: 15px;
    }

    .fworks-custom-dropdown .select-dropdown.-callRateType [class^=icon-browser],
    .fworks-custom-dropdown .select-dropdown.-callRateType [class^=icon-call-phone] {
        color: #666;
    }

    .fworks-custom-dropdown .select-dropdown.-callRateType:hover [class^=icon-arrow] {
        color: #747474;
    }

    .fworks-custom-dropdown.active .dropdown-content {
        display: block;
    }

    .fworks-custom-dropdown .field-dropdown .icon-arrow-down {
        right: 15px;
        transition: transform 250ms;
    }

    .fworks-custom-dropdown .field-dropdown.active {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .15);
    }

        .fworks-custom-dropdown .field-dropdown.active .icon-arrow-down {
            -ms-transform: rotate(-180deg);
            transform: rotate(-180deg);
        }

    .fworks-custom-dropdown .form-field [class^=icon-] {
        z-index: 0;
    }

    .fworks-custom-dropdown .form-field input {
        position: relative;
        z-index: 1;
        background-color: transparent;
        padding-right: 40px;
        padding-left: 51px;
        cursor: pointer;
    }

        .fworks-custom-dropdown .form-field input.-type {
            padding-left: 46px;
        }

        .fworks-custom-dropdown .form-field input.field-fix,
        .fworks-custom-dropdown .form-field input:focus {
            padding-top: 20px;
            padding-bottom: 20px;
        }

    .fworks-custom-dropdown .country-code-selector:hover {
        border-color: #ccc;
    }

    .fworks-custom-dropdown.active .country-code-selector:hover {
        border-color: #7f7f7f;
    }

    .fworks-custom-dropdown.disabled {
        position: relative;
        z-index: 0;
        cursor: not-allowed;
    }

        .fworks-custom-dropdown.disabled .select-dropdown:hover {
            border-color: #ccc;
        }

            .fworks-custom-dropdown.disabled .select-dropdown:hover [class^=icon-arrow] {
                color: #ccc;
            }

        .fworks-custom-dropdown.disabled .form-field::after {
            content: '';
            position: absolute;
            z-index: 1;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background-color: #f1f1f1;
            opacity: .5;
        }

.dropdown-content {
    display: none;
    position: absolute;
    z-index: 11;
    right: 0;
    left: 0;
    margin: 0 15px;
    padding: 0;
    background-color: #fff;
    border: 1px solid #999;
    border-top: 0;
    border-radius: 0 0 3px 3px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .15);
}

    .dropdown-content.country-dropdown-content {
        margin-top: -1px;
    }

    .dropdown-content.category-dropdow-content {
        margin-top: -10px;
    }

    .dropdown-content.country-dropdown-fix {
        margin: -10px 0 0 0;
    }

    .dropdown-content.psr-dropdown .option span {
        padding-left: 20px;
    }

    .dropdown-content ul {
        max-height: 270px;
        margin: 0;
        padding: 0;
        list-style: none;
        overflow-y: auto;
    }

        .dropdown-content ul.category-list {
            padding: 10px 10px;
        }

    .dropdown-content .option {
        position: relative;
        min-height: 28px;
        padding: 6px 10px;
        font-size: 1rem;
        cursor: pointer;
    }

        .dropdown-content .option i,
        .dropdown-content .option span {
            display: inline-block;
        }

        .dropdown-content .option [class^=icon-] {
            position: absolute;
            top: 9px;
            left: 14px;
            font-size: 1.375rem;
        }

            .dropdown-content .option [class^=icon-] + span {
                padding-left: 37px;
            }

        .dropdown-content .option .flag {
            position: absolute;
            z-index: 0;
            top: 9px;
            left: 10px;
        }

        .dropdown-content .option span {
            padding-left: 40px;
        }

        .dropdown-content .option.error {
            pointer-events: none;
            display: none;
        }

            .dropdown-content .option.error span {
                padding-left: 0;
            }

        .dropdown-content .option.psr-dropdown .option .span {
            padding-left: 20px;
        }

    .dropdown-content .search-input {
        position: relative;
        margin: 0 10px;
    }

        .dropdown-content .search-input input {
            position: relative;
            z-index: 1;
            background-color: transparent;
            color: #666;
            padding-left: 19px;
            font-family: National-Regular, Helvetica, sans-serif;
        }

        .dropdown-content .search-input .icon-search,
        .dropdown-content .search-input .icon-search2 {
            position: absolute;
            z-index: 0;
            right: 5px;
            top: 9px;
            font-size: 1.5rem;
            -ms-transform: rotate(90deg);
            transform: rotate(90deg);
            color: #979797;
        }

        .dropdown-content .search-input .icon-search2 {
            -ms-transform: none;
            transform: none;
        }

    .dropdown-content input {
        width: 100%;
        font-family: Sailec-Medium, Helvetica, sans-serif;
        height: 40px;
        margin-bottom: 10px;
        padding: 6px 30px 6px 10px;
        font-size: 1rem;
        border-radius: 3px;
        border: 1px solid #ccc;
    }

        .dropdown-content input:focus {
            outline: 0;
        }

.detailed-pricing-popup {
    display: none;
    position: absolute;
    z-index: 10;
    top: 152px;
    right: -1px;
    left: -1px;
    max-height: 280px;
    padding: 15px;
    background-color: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
    border-radius: 3px;
}

    .detailed-pricing-popup::after,
    .detailed-pricing-popup::before {
        content: '';
        position: absolute;
        left: 50%;
        width: 0;
        height: 0;
    }

    .detailed-pricing-popup::after {
        z-index: 9;
        top: -10px;
        margin-left: -5px;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #fff;
    }

    .detailed-pricing-popup::before {
        z-index: -1;
        top: -14px;
        margin-left: -9px;
        border-left: 14px solid transparent;
        border-right: 14px solid transparent;
        border-bottom: 14px solid rgba(0, 0, 0, .03);
    }

    .detailed-pricing-popup.active {
        display: block;
    }

    .detailed-pricing-popup .popup-content {
        max-height: 250px;
        overflow-y: auto;
    }

    .detailed-pricing-popup .detailed-pricing-body,
    .detailed-pricing-popup .detailed-pricing-head {
        border: solid 1px #e6e6e6;
    }

    .detailed-pricing-popup .detailed-pricing-head {
        overflow: hidden;
    }

        .detailed-pricing-popup .detailed-pricing-head > div {
            text-transform: uppercase;
        }

    .detailed-pricing-popup .detailed-pricing-body > div {
        overflow: hidden;
        border-bottom: solid 1px #e6e6e6;
    }

        .detailed-pricing-popup .detailed-pricing-body > div:last-child {
            border-bottom: 0;
        }

        .detailed-pricing-popup .detailed-pricing-body > div .rates-starting-with {
            min-height: 73px;
        }

    .detailed-pricing-popup .detailed-pricing-head {
        font-size: .75rem;
        background-color: #f1f1f1;
        border-bottom: 0;
    }

        .detailed-pricing-popup .detailed-pricing-head .rates-starting-rates,
        .detailed-pricing-popup .detailed-pricing-head .rates-starting-with {
            padding: 15px;
        }

    .detailed-pricing-popup .rates-starting-rates,
    .detailed-pricing-popup .rates-starting-with {
        float: left;
    }

    .detailed-pricing-popup .rates-starting-with {
        width: 65%;
        padding: 15px;
        border-right: solid 1px #e6e6e6;
        text-align: left;
    }

        .detailed-pricing-popup .rates-starting-with p {
            margin: 0;
        }

    .detailed-pricing-popup .rates-starting-rates {
        width: 35%;
        padding: 15px 10px;
        text-align: center;
    }

        .detailed-pricing-popup .rates-starting-rates h6,
        .detailed-pricing-popup .rates-starting-rates p {
            margin: 0;
        }

        .detailed-pricing-popup .rates-starting-rates p {
            font-size: .75rem;
        }

.flag {
    position: absolute;
    z-index: 0;
    top: 19px;
    left: 12px;
    width: 30px;
    height: 20px;
    background-image: url(/static-assets/images/common/pricing/country-flags-sprite.png);
    background-size: 22100% 100%;
}

.flag-AF {
    background-position: 0 0;
}

.flag-AL {
    background-position: -30px 0;
}

.flag-DZ {
    background-position: -60px 0;
}

.flag-AS {
    background-position: -90px 0;
}

.flag-AD {
    background-position: -120px 0;
}

.flag-AO {
    background-position: -150px 0;
}

.flag-AI {
    background-position: -180px 0;
}

.flag-AG {
    background-position: -210px 0;
}

.flag-AR {
    background-position: -240px 0;
}

.flag-AM {
    background-position: -270px 0;
}

.flag-AW {
    background-position: -300px 0;
}

.flag-AU {
    background-position: -330px 0;
}

.flag-CC {
    background-position: -360px 0;
}

.flag-CX {
    background-position: -390px 0;
}

.flag-AT {
    background-position: -420px 0;
}

.flag-AZ {
    background-position: -450px 0;
}

.flag-BS {
    background-position: -480px 0;
}

.flag-BH {
    background-position: -510px 0;
}

.flag-BD {
    background-position: -540px 0;
}

.flag-BB {
    background-position: -570px 0;
}

.flag-BY {
    background-position: -600px 0;
}

.flag-BE {
    background-position: -630px 0;
}

.flag-BZ {
    background-position: -660px 0;
}

.flag-BJ {
    background-position: -690px 0;
}

.flag-BM {
    background-position: -720px 0;
}

.flag-BT {
    background-position: -750px 0;
}

.flag-BO {
    background-position: -780px 0;
}

.flag-BA {
    background-position: -810px 0;
}

.flag-BW {
    background-position: -840px 0;
}

.flag-BR {
    background-position: -870px 0;
}

.flag-BN {
    background-position: -900px 0;
}

.flag-BG {
    background-position: -930px 0;
}

.flag-BF {
    background-position: -960px 0;
}

.flag-BI {
    background-position: -990px 0;
}

.flag-KH {
    background-position: -1020px 0;
}

.flag-CM {
    background-position: -1050px 0;
}

.flag-CA {
    background-position: -1080px 0;
}

.flag-CV {
    background-position: -1110px 0;
}

.flag-KY {
    background-position: -1140px 0;
}

.flag-CF {
    background-position: -1170px 0;
}

.flag-TD {
    background-position: -1200px 0;
}

.flag-CL {
    background-position: -1230px 0;
}

.flag-CN {
    background-position: -1260px 0;
}

.flag-CO {
    background-position: -1290px 0;
}

.flag-KM {
    background-position: -1320px 0;
}

.flag-CG {
    background-position: -1350px 0;
}

.flag-CD {
    background-position: -1380px 0;
}

.flag-CR {
    background-position: -1410px 0;
}

.flag-HR {
    background-position: -1440px 0;
}

.flag-CU {
    background-position: -1470px 0;
}

.flag-CY {
    background-position: -1500px 0;
}

.flag-CZ {
    background-position: -1530px 0;
}

.flag-DK {
    background-position: -1560px 0;
}

.flag-DJ {
    background-position: -1590px 0;
}

.flag-DM {
    background-position: -1620px 0;
}

.flag-DO {
    background-position: -1650px 0;
}

.flag-EC {
    background-position: -1680px 0;
}

.flag-EG {
    background-position: -1710px 0;
}

.flag-SV {
    background-position: -1740px 0;
}

.flag-GQ {
    background-position: -1770px 0;
}

.flag-ER {
    background-position: -1800px 0;
}

.flag-EE {
    background-position: -1830px 0;
}

.flag-ET {
    background-position: -1860px 0;
}

.flag-FO {
    background-position: -1890px 0;
}

.flag-FJ {
    background-position: -1920px 0;
}

.flag-FI {
    background-position: -1950px 0;
}

.flag-AX {
    background-position: -1980px 0;
}

.flag-FR {
    background-position: -2010px 0;
}

.flag-GF {
    background-position: -2040px 0;
}

.flag-PF {
    background-position: -2070px 0;
}

.flag-GA {
    background-position: -2100px 0;
}

.flag-GM {
    background-position: -2130px 0;
}

.flag-GE {
    background-position: -2160px 0;
}

.flag-DE {
    background-position: -2190px 0;
}

.flag-GH {
    background-position: -2220px 0;
}

.flag-GI {
    background-position: -2250px 0;
}

.flag-GR {
    background-position: -2280px 0;
}

.flag-GL {
    background-position: -2310px 0;
}

.flag-GD {
    background-position: -2340px 0;
}

.flag-GP {
    background-position: -2370px 0;
}

.flag-GU {
    background-position: -2400px 0;
}

.flag-GT {
    background-position: -2430px 0;
}

.flag-GN {
    background-position: -2460px 0;
}

.flag-GW {
    background-position: -2490px 0;
}

.flag-GY {
    background-position: -2520px 0;
}

.flag-HT {
    background-position: -2550px 0;
}

.flag-HN {
    background-position: -2580px 0;
}

.flag-HK {
    background-position: -2610px 0;
}

.flag-HU {
    background-position: -2640px 0;
}

.flag-IS {
    background-position: -2670px 0;
}

.flag-IN {
    background-position: -2700px 0;
}

.flag-ID {
    background-position: -2730px 0;
}

.flag-IR {
    background-position: -2760px 0;
}

.flag-IQ {
    background-position: -2790px 0;
}

.flag-IE {
    background-position: -2820px 0;
}

.flag-IL {
    background-position: -2850px 0;
}

.flag-IT {
    background-position: -2880px 0;
}

.flag-CI {
    background-position: -2910px 0;
}

.flag-JM {
    background-position: -2940px 0;
}

.flag-JP {
    background-position: -2970px 0;
}

.flag-JO {
    background-position: -3000px 0;
}

.flag-KE {
    background-position: -3030px 0;
}

.flag-KP {
    background-position: -3060px 0;
}

.flag-KR {
    background-position: -3090px 0;
}

.flag-KW {
    background-position: -3120px 0;
}

.flag-KG {
    background-position: -3150px 0;
}

.flag-LA {
    background-position: -3180px 0;
}

.flag-LV {
    background-position: -3210px 0;
}

.flag-LB {
    background-position: -3240px 0;
}

.flag-LS {
    background-position: -3270px 0;
}

.flag-LR {
    background-position: -3300px 0;
}

.flag-LY {
    background-position: -3330px 0;
}

.flag-LI {
    background-position: -3360px 0;
}

.flag-LT {
    background-position: -3390px 0;
}

.flag-LU {
    background-position: -3420px 0;
}

.flag-MO {
    background-position: -3450px 0;
}

.flag-MK {
    background-position: -3480px 0;
}

.flag-MG {
    background-position: -3510px 0;
}

.flag-MW {
    background-position: -3540px 0;
}

.flag-MY {
    background-position: -3570px 0;
}

.flag-ML {
    background-position: -3600px 0;
}

.flag-MT {
    background-position: -3630px 0;
}

.flag-MH {
    background-position: -3660px 0;
}

.flag-MQ {
    background-position: -3690px 0;
}

.flag-MR {
    background-position: -3720px 0;
}

.flag-MU {
    background-position: -3750px 0;
}

.flag-MV {
    background-position: -3780px 0;
}

.flag-MX {
    background-position: -3810px 0;
}

.flag-FM {
    background-position: -3840px 0;
}

.flag-MD {
    background-position: -3870px 0;
}

.flag-MC {
    background-position: -3900px 0;
}

.flag-MN {
    background-position: -3930px 0;
}

.flag-ME {
    background-position: -3960px 0;
}

.flag-MS {
    background-position: -3990px 0;
}

.flag-MA {
    background-position: -4020px 0;
}

.flag-EH {
    background-position: -4050px 0;
}

.flag-MZ {
    background-position: -4080px 0;
}

.flag-MM {
    background-position: -4110px 0;
}

.flag-NA {
    background-position: -4140px 0;
}

.flag-NP {
    background-position: -4170px 0;
}

.flag-NL {
    background-position: -4200px 0;
}

.flag-AN {
    background-position: -4230px 0;
}

.flag-NC {
    background-position: -4260px 0;
}

.flag-NZ {
    background-position: -4290px 0;
}

.flag-NI {
    background-position: -4320px 0;
}

.flag-NE {
    background-position: -4350px 0;
}

.flag-NG {
    background-position: -4380px 0;
}

.flag-MP {
    background-position: -4410px 0;
}

.flag-NO {
    background-position: -4440px 0;
}

.flag-OM {
    background-position: -4470px 0;
}

.flag-PK {
    background-position: -4500px 0;
}

.flag-PW {
    background-position: -4530px 0;
}

.flag-PS {
    background-position: -4560px 0;
}

.flag-PA {
    background-position: -4590px 0;
}

.flag-PY {
    background-position: -4620px 0;
}

.flag-PE {
    background-position: -4650px 0;
}

.flag-PG {
    background-position: -4680px 0;
}

.flag-PH {
    background-position: -4710px 0;
}

.flag-PL {
    background-position: -4740px 0;
}

.flag-PT {
    background-position: -4770px 0;
}

.flag-PR {
    background-position: -4800px 0;
}

.flag-QA {
    background-position: -4830px 0;
}

.flag-RE {
    background-position: -4860px 0;
}

.flag-RO {
    background-position: -4890px 0;
}

.flag-KZ {
    background-position: -4920px 0;
}

.flag-RU {
    background-position: -4950px 0;
}

.flag-RW {
    background-position: -4980px 0;
}

.flag-WS {
    background-position: -5010px 0;
}

.flag-SM {
    background-position: -5040px 0;
}

.flag-SA {
    background-position: -5070px 0;
}

.flag-SB {
    background-position: -5100px 0;
}

.flag-SN {
    background-position: -5130px 0;
}

.flag-RS {
    background-position: -5160px 0;
}

.flag-SC {
    background-position: -5190px 0;
}

.flag-SL {
    background-position: -5220px 0;
}

.flag-SG {
    background-position: -5250px 0;
}

.flag-SK {
    background-position: -5280px 0;
}

.flag-SI {
    background-position: -5310px 0;
}

.flag-SO {
    background-position: -5340px 0;
}

.flag-ZA {
    background-position: -5370px 0;
}

.flag-ES {
    background-position: -5400px 0;
}

.flag-LK {
    background-position: -5430px 0;
}

.flag-KN {
    background-position: -5460px 0;
}

.flag-LC {
    background-position: -5490px 0;
}

.flag-PM {
    background-position: -5520px 0;
}

.flag-VC {
    background-position: -5550px 0;
}

.flag-SD {
    background-position: -5580px 0;
}

.flag-SR {
    background-position: -5610px 0;
}

.flag-SS {
    background-position: -5640px 0;
}

.flag-SZ {
    background-position: -5670px 0;
}

.flag-SE {
    background-position: -5700px 0;
}

.flag-CH {
    background-position: -5730px 0;
}

.flag-SY {
    background-position: -5760px 0;
}

.flag-TW {
    background-position: -5790px 0;
}

.flag-TJ {
    background-position: -5820px 0;
}

.flag-TL {
    background-position: -5850px 0;
}

.flag-TZ {
    background-position: -5880px 0;
}

.flag-TH {
    background-position: -5910px 0;
}

.flag-TG {
    background-position: -5940px 0;
}

.flag-TO {
    background-position: -5970px 0;
}

.flag-TT {
    background-position: -6000px 0;
}

.flag-TN {
    background-position: -6030px 0;
}

.flag-TR {
    background-position: -6060px 0;
}

.flag-TM {
    background-position: -6090px 0;
}

.flag-TC {
    background-position: -6120px 0;
}

.flag-UG {
    background-position: -6150px 0;
}

.flag-UA {
    background-position: -6180px 0;
}

.flag-AE {
    background-position: -6210px 0;
}

.flag-GB {
    background-position: -6240px 0;
}

.flag-US {
    background-position: -6270px 0;
}

.flag-UY {
    background-position: -6300px 0;
}

.flag-UZ {
    background-position: -6330px 0;
}

.flag-VA {
    background-position: -6360px 0;
}

.flag-VE {
    background-position: -6390px 0;
}

.flag-VN {
    background-position: -6420px 0;
}

.flag-VG {
    background-position: -6450px 0;
}

.flag-VI {
    background-position: -6480px 0;
}

.flag-VU {
    background-position: -6510px 0;
}

.flag-YE {
    background-position: -6540px 0;
}

.flag-ZM {
    background-position: -6570px 0;
}

.discount-box {
    max-width: 322px;
    border-radius: 5px;
    text-align: center;
    padding: 17px 27px 30px;
    margin: 30px 0 0;
}

.events-pricing-section {
    text-align: center;
}

    .events-pricing-section .pricing-table-column {
        border-left: 0;
        padding-bottom: 20px;
    }

        .events-pricing-section .pricing-table-column .pricing-table-header,
        .events-pricing-section .pricing-table-column::before {
            border: 0;
        }

    .events-pricing-section .pricing-table-plan-period {
        min-height: 0;
        margin: 5px 0 20px;
    }

    .events-pricing-section .pricing-table-features-opened .pricing-table-plan-period {
        padding-bottom: 0;
    }

    .events-pricing-section .pricing-table-plan-price {
        margin-top: 15px;
    }

    .events-pricing-section .pricing-table-mobile-view-options {
        padding: 15px 0 0;
    }

    .events-pricing-section .plan-price {
        position: relative;
        font-size: 2.5rem;
    }

    .events-pricing-section .pricing-table-features-opened .pricing-table-plan-features {
        padding-top: 17px;
    }

    .events-pricing-section i.icon-arrow-link-right {
        font-size: 1rem;
        position: relative;
        left: -8px;
        top: -11px;
        padding: 0 5px;
        color: #ccc;
    }

    .events-pricing-section .plan-price-before {
        color: #ccc;
    }

        .events-pricing-section .plan-price-before::before {
            content: '';
            width: 2px;
            height: 60px;
            background: #ccc;
            position: absolute;
            top: -5px;
            left: 25px;
            -ms-transform: rotate(45deg);
            transform: rotateZ(45deg);
        }

.currency-symbol {
    position: absolute;
    top: 60%;
    right: 101%;
    display: inline-block;
    margin-top: -20px;
    font-size: 1.5rem;
    line-height: 1;
}

.forward--link.events-internal-link {
    font-size: 1.25rem;
}

p.disclaimer-small {
    font-size: .75rem;
    color: #b3b3b3;
    margin: 10px 0 0;
    line-height: 1.5;
}

.case-study-header {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

    .case-study-header .banner-content {
        padding-top: 6.75rem;
        padding-bottom: 120px;
    }

.case-study-box {
    padding: 15px 20px;
    margin-bottom: 20px;
    background-color: #fff;
    border-radius: 5px;
}

    .case-study-box .box-inner {
        padding-bottom: 15px;
    }

        .case-study-box .box-inner:last-child {
            padding-bottom: 0;
        }

    .case-study-box h6 {
        font-size: .75rem;
        margin: 0;
        font-family: Sailec-Bold, Helvetica, sans-serif;
    }

    .case-study-box p {
        margin: 0 0 15px;
    }

        .case-study-box p:last-child {
            margin: 0;
        }

    .case-study-box [class^=list-] {
        padding-left: 15px;
        margin-top: 5px;
        margin-bottom: 0;
    }

        .case-study-box [class^=list-] li {
            margin-top: 0;
            padding-left: 5px;
        }

.case-study-left-column .case-study-logo {
    position: relative;
    max-width: 200px;
    margin: 0 auto;
    padding: 30px 0;
}

    .case-study-left-column .case-study-logo::before {
        content: '';
        position: absolute;
        bottom: 40px;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 120px;
        height: 1px;
    }

.case-study-right-column {
    position: relative;
}

    .case-study-right-column .feature-comparison-table {
        margin: 30px 0 35px;
    }

        .case-study-right-column .feature-comparison-table td.feature-rating {
            font-size: 1rem;
            text-align: left;
        }

    .case-study-right-column h3 {
        margin: 30px 0 0;
    }

        .case-study-right-column h3:first-child {
            margin: 0;
        }

    .case-study-right-column table {
        border-collapse: inherit;
        border-spacing: 0;
    }

.feature-change h6 {
    margin-bottom: 0;
}

.feature-change span {
    vertical-align: sub;
    margin-left: 5px;
}

.feature-change p {
    margin-top: 0;
    margin-bottom: .5rem;
}

.feature-reverse {
    text-align: center;
    margin-bottom: 50px;
}

    .feature-reverse:last-child {
        margin-bottom: 0;
    }

.badge-call-out {
    padding: 25px 15px;
}

    .badge-call-out h6 {
        margin: 0 0 25px;
    }

.icon-decrease,
.icon-increase {
    font-size: 1rem;
    color: #76c125;
}

.resource-casestudy .resource-box {
    margin-bottom: 30px;
}

    .resource-casestudy .resource-box .ellipsis-wrapper {
        max-height: 48px;
    }

    .resource-casestudy .resource-box p {
        min-height: 48px;
    }

.casestudy-resource-section .resource-integrations-heading {
    font-size: .75rem;
    letter-spacing: .4px;
    color: #999;
    margin: 0;
    text-transform: uppercase;
}

.casestudy-social-box {
    margin: 25px 0;
}

    .casestudy-social-box .casestudy-social-box-heading {
        font-size: 1.125rem;
        line-height: 1.44;
        font-family: Sailec-Medium, Helvetica, sans-serif;
    }

    .casestudy-social-box ul {
        margin: auto;
    }

.calendar-updates .l-page {
    position: relative;
}

.calendar-nav-section {
    display: none;
}

.calendar-sticky-nav {
    margin: 10px 0;
    width: 160px;
}

    .calendar-sticky-nav li,
    .calendar-sticky-nav ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

    .calendar-sticky-nav .nav-years {
        position: relative;
    }

    .calendar-sticky-nav span {
        color: #666;
        cursor: pointer;
    }

        .calendar-sticky-nav span:hover {
            color: #275dc7;
        }

        .calendar-sticky-nav span.active {
            color: #3973e6;
        }

    .calendar-sticky-nav .nav-year-text {
        margin: 0;
        padding: 0;
    }

        .calendar-sticky-nav .nav-year-text + .nav-list {
            border-left: 1px solid rgba(57, 115, 230, .3);
            opacity: 0;
            padding-left: 20px;
            position: absolute;
            right: 0;
            top: 0;
            transition: opacity 0s ease-in-out;
            z-index: 0;
        }

        .calendar-sticky-nav .nav-year-text.active + .nav-list {
            opacity: 1;
            z-index: 10;
        }

    .calendar-sticky-nav.nav-stuck {
        position: fixed;
        left: auto;
    }

        .calendar-sticky-nav.nav-stuck .filter-wrapper {
            position: fixed;
        }

    .calendar-sticky-nav.nav-stuck-abs {
        position: absolute;
        left: auto;
    }

        .calendar-sticky-nav.nav-stuck-abs .filter-wrapper {
            position: absolute;
            margin-top: -30px;
        }

    .calendar-sticky-nav .filter-wrapper {
        width: 160px;
    }

        .calendar-sticky-nav .filter-wrapper .partner-expandable {
            padding: 0;
        }

            .calendar-sticky-nav .filter-wrapper .partner-expandable .partner-criteria-container {
                width: 100%;
            }

            .calendar-sticky-nav .filter-wrapper .partner-expandable .clear-filter-button {
                display: block;
                float: none;
            }

            .calendar-sticky-nav .filter-wrapper .partner-expandable .podcast-filter-items {
                height: 140px;
            }

.calendar-sections {
    position: relative;
}

    .calendar-sections .month-text {
        border-bottom: 1px solid rgba(57, 115, 230, .3);
        margin-bottom: 25px;
        padding-bottom: 10px;
    }

    .calendar-sections .activity-row + .activity-row {
        margin-top: 30px;
    }

    .calendar-sections .activity-row + .month-text {
        margin-top: 70px;
    }

    .calendar-sections .activity-row > .activity-col + .activity-col {
        margin-top: 30px;
    }

    .calendar-sections .activity-col {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .calendar-sections .activity-card {
        display: block;
        padding: 20px 30px;
    }

    .calendar-sections .activity-description.ellipsis-wrapper {
        height: 58px;
    }

    .calendar-sections .activity-header {
        position: relative;
    }

    .calendar-sections .activity-title {
        max-width: 80%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .calendar-sections .activity-date {
        color: #999;
        font-family: Sailec-Medium, Helvetica, sans-serif;
        font-size: .75rem;
    }

    .calendar-sections .activity-type {
        background-color: rgba(57, 115, 230, .1);
        border: 1px solid rgba(57, 115, 230, .15);
        border-radius: 15px;
        color: #666;
        float: right;
        font-size: .625rem;
        font-weight: 500;
        font-family: Sailec-Medium, Helvetica, sans-serif;
        letter-spacing: .5px;
        line-height: 2;
        text-transform: uppercase;
        padding: 0 5px;
    }

        .calendar-sections .activity-type.new-feature {
            background-color: rgba(57, 115, 230, .1);
            border: 1px solid rgba(57, 115, 230, .15);
        }

        .calendar-sections .activity-type.feature-update {
            background-color: rgba(102, 102, 102, .1);
            border-color: rgba(109, 109, 109, .15);
        }

        .calendar-sections .activity-type.integration {
            background-color: rgba(102, 102, 102, .1);
            border-color: rgba(109, 109, 109, .15);
        }

        .calendar-sections .activity-type.mobile-app {
            background-color: rgba(102, 102, 102, .1);
            border-color: rgba(109, 109, 109, .15);
        }

        .calendar-sections .activity-type.language {
            background-color: rgba(102, 102, 102, .1);
            border-color: rgba(109, 109, 109, .15);
        }

.note-widget {
    padding: 30px;
    margin-top: 26px;
    margin-bottom: 40px;
    border-radius: 5px;
    margin-top: 0;
}

    .note-widget.note-widget-small {
        padding: 15px;
    }

.logo-container {
    width: 160px;
    margin: 0 12px;
    display: inline-block;
}

.report-widget {
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0 0 40px 0 rgba(0, 0, 0, .1);
    padding: 20px 0;
}

.report-box {
    display: inline-block;
    max-width: 360px;
    width: 100%;
    vertical-align: top;
    padding: 10px 0 10px 20px;
    box-sizing: border-box;
}

.report-box-img {
    width: 67px;
    float: left;
    margin-right: 18px;
}

.report-box-txt {
    width: calc(100% - 85px);
    text-align: left;
    float: left;
    font-family: Sailec-Regular, Helvetica, sans-serif;
}

    .report-box-txt span {
        color: #999;
        text-transform: uppercase;
        letter-spacing: .5px;
        font-size: 12px;
    }

    .report-box-txt h3 {
        margin-top: 0;
    }

    .report-box-txt .tooltip-widget .roi-title,
    .report-box-txt .tooltip-widget .tool-tip-button,
    .report-box-v .tooltip-widget .roi-title,
    .report-box-v .tooltip-widget .tool-tip-button {
        display: inline-block;
    }

        .report-box-txt .tooltip-widget .tool-tip-button:hover::after,
        .report-box-v .tooltip-widget .tool-tip-button:hover::after {
            top: -13px;
        }

        .report-box-txt .tooltip-widget .tool-tip-button.tool-tip-appended-content::before,
        .report-box-txt .tooltip-widget .tool-tip-content,
        .report-box-v .tooltip-widget .tool-tip-button.tool-tip-appended-content::before,
        .report-box-v .tooltip-widget .tool-tip-content {
            text-transform: inherit;
            display: none;
        }

.screenshot-title {
    color: #999;
    font-style: italic;
}

.pre-text-bucket {
    display: inline-block;
    line-height: 14px;
}

.report-status img {
    width: 14px;
    vertical-align: middle;
    margin-right: 5px;
}

.roi-company span {
    text-transform: capitalize;
}

.roi-banner img {
    max-width: 346px;
}

.tooltip-widget {
    position: relative;
}

    .tooltip-widget .tool-tip-button {
        display: inline-block;
        margin-left: 3px;
    }

        .tooltip-widget .tool-tip-button i {
            font-size: 16px;
        }

        .tooltip-widget .tool-tip-button.tool-tip-appended-content::before,
        .tooltip-widget .tool-tip-content {
            display: none;
            width: 200px;
            bottom: 34px;
            color: #fff;
        }

.report-widget-v {
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0 0 40px 0 rgba(0, 0, 0, .1);
    display: inline-block;
    padding: 10px 0;
}

    .report-widget-v img {
        width: 67px;
        margin: 40px 0 15px;
    }

    .report-widget-v .report-box-v {
        width: 253px;
        height: 200px;
        font-family: Sailec-Regular, Helvetica, sans-serif;
        float: left;
    }

        .report-widget-v .report-box-v span {
            color: #999;
            text-transform: uppercase;
            letter-spacing: .5px;
            font-size: 12px;
            display: block;
        }

        .report-widget-v .report-box-v h3 {
            margin-top: 5px;
            display: block;
            white-space: nowrap;
        }

.compare-roiform .compare-roiform-inner {
    border-bottom: 1px solid #dedede;
    padding-bottom: 80px;
}

    .compare-roiform .compare-roiform-inner .form-wrapper {
        box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1);
        padding: 15px;
        border-radius: 5px;
    }

.phase {
    max-width: 334px;
    width: 100%;
    margin: 0 13px 30px;
    border-radius: 10px;
    box-shadow: 0 0 40px 0 rgba(0, 0, 0, .1);
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
}

    .phase .phase-heading {
        padding: 30px 0 20px;
    }

        .phase .phase-heading .pre-text {
            font-size: 12px;
        }

    .phase .phase-content {
        padding: 0 30px;
        background-color: #fff;
    }

        .phase .phase-content .phase-value {
            padding: 25px 0;
        }

            .phase .phase-content .phase-value span {
                font-size: 12px;
                text-transform: uppercase;
                color: #999;
            }

 

.chart-widget {
    border-bottom: solid 1px #d9d9d9;
}

.report-chart .roi-tickets {
    font-size: 16px;
    font-family: Sailec-Regular, Helvetica, sans-serif;
    letter-spacing: .6px;
    color: #b3b3b3;
    line-height: 22px;
}

.report-chart span {
    display: block;
}

.report-chart img {
    width: 30px;
    margin: 18px 0 8px;
    height: 30px;
}

.report-chart .roi-title {
    font-size: 16px;
    color: #666;
    display: inline-block;
}

.report-chart .roi-chart-wrapper {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.report-chart .green-chart,
.report-chart .grey-chart {
    padding: 0 10px;
    width: auto;
    display: inline-block;
}

    .report-chart .green-chart .roi-chart,
    .report-chart .grey-chart .roi-chart {
        position: relative;
        width: 120px;
        height: 220px;
        display: inline-block;
    }

    .report-chart .grey-chart .roi-tickets {
        color: #b3b3b3;
    }

    .report-chart .grey-chart .roi-chart .chart-block {
        height: 0;
        background-image: linear-gradient(to bottom, #e6e6e6, #b3b3b3);
    }

    .report-chart .green-chart .roi-tickets {
        color: #25c16f;
    }

    .report-chart .green-chart .roi-chart .chart-block {
        background-image: linear-gradient(to bottom, #4ce2a8, #25c16f);
    }

.customer-metrics {
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0 0 40px 0 rgba(0, 0, 0, .1);
    padding: 14px;
    margin: 0 auto;
}

    .customer-metrics img {
        max-width: 180px;
    }

    .customer-metrics p {
        font-size: 20px;
        font-style: italic;
        padding: 0 16px;
        margin: 0;
    }

.detail-comparison-table .header-section {
    background-color: #fff;
}

    .detail-comparison-table .header-section .product-name {
        width: auto;
        max-width: 200px;
        height: 33px;
        margin-top: 13px;
    }

    .detail-comparison-table .header-section .vs {
        width: 40px;
        line-height: 40px;
        font-family: Sailec-Regular, Helvetica, sans-serif;
        margin-left: auto;
        color: #666;
        margin-right: auto;
        height: 40px;
        border-radius: 50%;
        margin-top: 8px;
        font-size: 1.3125rem;
    }

.detail-comparison-table .comparison-section {
    padding-left: 15px;
    padding-right: 15px;
}

    .detail-comparison-table .comparison-section video {
        box-shadow: none;
    }

    .detail-comparison-table .comparison-section .comparison-section-item {
        max-width: 450px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 60px;
    }

        .detail-comparison-table .comparison-section .comparison-section-item .video-wrapper {
            max-width: 300px;
            position: relative;
            margin: 0 auto;
        }

        .detail-comparison-table .comparison-section .comparison-section-item .video-placeholder-image {
            position: absolute;
            width: 100%;
            top: 0;
            left: 0;
        }

    .detail-comparison-table .comparison-section .screenshot {
        max-width: 270px;
    }

    .detail-comparison-table .comparison-section img {
        max-width: 300px;
        width: 100%;
    }

        .detail-comparison-table .comparison-section img.width-auto {
            max-width: 100%;
            width: auto;
        }

    .detail-comparison-table .comparison-section .green-check,
    .detail-comparison-table .comparison-section .red-cross {
        padding: 7px;
        border-radius: 50%;
        color: #fff;
    }

    .detail-comparison-table .comparison-section .green-check {
        background-color: #76c125;
    }

    .detail-comparison-table .comparison-section .red-cross {
        background-color: #e44c4c;
    }

#eu-cookie-policy-popup {
    font-size: .875rem;
    display: none;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 500;
}

    #eu-cookie-policy-popup a {
        color: #3973e6;
    }

        #eu-cookie-policy-popup a:hover {
            color: #275dc7;
        }

    #eu-cookie-policy-popup p {
        font-size: .875rem;
        margin: 0;
    }

    #eu-cookie-policy-popup .popup-container {
        display: inline-block;
        border-radius: 5px;
        background-color: #fff5d2;
        box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);
        border: solid 1px rgba(255, 187, 55, .4);
        padding-top: 15px;
        padding-bottom: 15px;
    }

    #eu-cookie-policy-popup .options {
        text-align: center;
    }

        #eu-cookie-policy-popup .options .accept-cookies {
            margin-top: 8px;
        }

.ad-opt-out-container {
    position: relative;
}

    .ad-opt-out-container p {
        transition: opacity .2s ease;
    }

    .ad-opt-out-container h6 {
        display: inline !important;
    }

    .ad-opt-out-container .thank-you-card {
        background: 0 0;
        top: 0;
        margin: 0;
        padding: 9px 0;
    }

        .ad-opt-out-container .thank-you-card div {
            margin-top: 0;
            display: inline-block;
        }

        .ad-opt-out-container .thank-you-card.active {
            left: 0;
            right: auto;
        }

    .ad-opt-out-container.active a,
    .ad-opt-out-container.active p {
        opacity: 0;
    }

    .ad-opt-out-container.active i {
        margin-right: 15px;
    }

.webinar-cards {
    width: 100%;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1);
    border-radius: 5px;
}

    .webinar-cards img {
        max-width: 132px;
    }

    .webinar-cards p.disclaimer {
        font-family: national, sans-serif;
        text-align: center;
        margin: 0;
        font-size: 12px;
        padding: 0;
    }

    .webinar-cards .icon-small {
        vertical-align: middle;
        max-width: 16px;
        max-height: 16px;
    }

    .webinar-cards .presenter-name {
        color: #000;
        font-weight: 500;
        line-height: 1.3;
    }

    .webinar-cards span {
        margin-left: 10px;
        font-size: 13px;
        color: #4a4a4a;
        font-family: national, sans-serif;
        font-weight: 500;
    }

    .webinar-cards h5 {
        min-height: 90px;
        border-bottom: thin solid #ddd;
        padding-bottom: 15px;
        margin-bottom: 15px;
    }

.assets-wide-column {
    width: 75%;
    margin: 20px auto 0;
    padding: 20px;
    background-color: #fff;
    border-radius: 10px;
    font-family: Sailec-Medium, Helvetica, sans-serif;
}

    .assets-wide-column h1 {
        font-size: 1.75rem;
        margin-bottom: 10px;
    }

    .assets-wide-column .select-dropdown {
        margin-top: 20px;
    }

        .assets-wide-column .select-dropdown select {
            padding: 16px 20px 15px;
            font-size: .875rem;
        }

    .assets-wide-column .asset-cost-btn {
        display: none;
    }

    .assets-wide-column .asset-price {
        margin-top: 20px;
    }

        .assets-wide-column .asset-price h1 {
            position: relative;
            display: inline-block;
            margin: 0;
            font-family: Sailec-Regular, Helvetica, sans-serif;
            font-size: 3rem;
        }

        .assets-wide-column .asset-price .pricing-currency-symbol {
            position: absolute;
            top: 8px;
            right: 101%;
            font-size: 1.5rem;
        }

            .assets-wide-column .asset-price .pricing-currency-symbol.long-currency {
                top: 14px;
            }

    .assets-wide-column .asset-per-month {
        font-family: National-Book, Helvetica, sans-serif;
        font-size: 1.125rem;
        margin-top: 10px;
        line-height: 1.4;
    }

    .assets-wide-column .range-slider {
        display: none;
    }

.badge-logo {
    display: inline-block;
    width: 120px;
    margin: 0 25px 50px;
    vertical-align: top;
}

.multi-carousel .item {
    left: 100%;
    position: absolute;
    width: 100%;
}

    .multi-carousel .item.active-left,
    .multi-carousel .item.active-right {
        display: inline-block;
    }

.multi-carousel .block-click {
    pointer-events: none;
}

.multi-carousel .item.active-right {
    left: 100%;
}

.multi-carousel .item.active-left {
    left: 0;
}

.multi-carousel .calendar-sections {
    height: 240px;
    padding-top: 15px;
    padding-bottom: 15px;
    overflow: hidden;
}

.multi-carousel .icon-arrow-button-left,
.multi-carousel .icon-arrow-button-right {
    color: #25c16f;
}

.multi-carousel .activity-col {
    padding-right: 5px;
    padding-left: 5px;
    box-sizing: border-box;
}

.nav-transparent .first-fold.banner-full-width-slider {
    padding-top: 0;
}

.banner-full-width-slider .carousel {
    height: 400px;
}

.banner-full-width-slider .carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 25px;
    left: 0;
    line-height: 1;
}

    .banner-full-width-slider .carousel-indicators li {
        background-color: rgba(255, 255, 255, .1);
        border: solid 1px #ccc;
    }

.banner-full-width-slider .carousel-inner {
    height: 100%;
    box-shadow: none;
    border-radius: 0;
}

    .banner-full-width-slider .carousel-inner .item {
        height: 100%;
        opacity: inherit;
        transition-property: inherit;
        background-position: center, 767px 0;
        background-size: cover, cover;
        background-repeat: no-repeat, no-repeat;
    }

        .banner-full-width-slider .carousel-inner .item img {
            max-width: 600px;
            width: 80%;
            padding-top: 130px;
        }

.box-content {
    border-radius: 7px;
    background-color: #fff;
    margin-top: 25px;
    box-shadow: 0 8px 14px 0 rgba(0, 0, 0, .08);
    font-size: 0;
}

    .box-content .left-column {
        width: 50%;
        display: inline-block;
    }

        .box-content .left-column span {
            display: inline-block;
            width: 100%;
            text-align: left;
            padding-left: 20px;
            font-size: .875rem;
        }

    .box-content .right-column {
        width: 50%;
        background-image: linear-gradient(to bottom, #f7f7f7, #fff);
        position: relative;
        display: inline-block;
        vertical-align: top;
    }

        .box-content .right-column .price {
            font-size: 6rem;
            line-height: normal;
            letter-spacing: -.7px;
            color: #222;
        }

        .box-content .right-column .dollar {
            font-size: 1.125rem;
            color: #222;
            height: 100%;
            display: inline-block;
            position: absolute;
            top: 15px;
            left: 45px;
        }

        .box-content .right-column .pricing-period {
            font-size: .75rem;
            line-height: normal;
            color: #302b2b;
        }

.gradient-top {
    height: 4px;
    opacity: .5;
    border-radius: 7px;
    background-color: #ffdede;
}

.two-column-box-content {
    max-width: 640px;
    margin: 0 auto;
    margin-bottom: 50px;
}

    .two-column-box-content .box {
        border-radius: 5px;
        background-color: #fff;
        border: solid 1px #e9e9e9;
        height: 100px;
    }

        .two-column-box-content .box .count {
            font-size: 2rem;
            font-family: Sailec-Medium, Helvetica, sans-serif;
        }

        .two-column-box-content .box .text {
            font-size: 1rem;
            font-family: Sailec-Regular, Helvetica, sans-serif;
        }

        .two-column-box-content .box + .box {
            margin-top: 5px;
        }

    .two-column-box-content .left-column {
        border-radius: 5px;
        background-color: #fff;
        box-shadow: 0 13px 26px 0 rgba(0, 0, 0, .09);
        height: 205px;
        vertical-align: top;
        padding: 10px;
    }

        .two-column-box-content .left-column img {
            padding: 5px 20px;
        }

    .two-column-box-content .right-column {
        padding: 0;
        margin-top: 10px;
    }

.content-box-container {
    max-width: 873px;
    margin: 0 auto;
}

.content-box {
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1);
    padding: 30px;
}

    .content-box.note-widget {
        background-color: #fff;
    }

.apps-list-wrapper .app {
    overflow: visible;
    position: relative;
    box-sizing: border-box;
    height: 90px;
    cursor: pointer;
    width: 100%;
    margin: 0 1% 20px;
}

    .apps-list-wrapper .app .normal-state {
        padding: 10px;
        z-index: 2;
        opacity: 1;
        float: left;
        border: solid 1px #e6e6e6;
        height: inherit;
        box-sizing: border-box;
        border-radius: 5px;
        width: 100%;
        transition: all .15s ease-out;
    }

        .apps-list-wrapper .app .normal-state .app-icon {
            box-sizing: border-box;
            float: left;
            width: 50px;
            height: 100%;
        }

            .apps-list-wrapper .app .normal-state .app-icon img {
                width: 100%;
                height: 100%;
            }

        .apps-list-wrapper .app .normal-state .app-text {
            position: relative;
            top: 50%;
            left: 10px;
            font-weight: 600;
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        }

        .apps-list-wrapper .app .normal-state .app-name {
            white-space: nowrap;
            overflow: hidden;
            width: 60%;
            text-overflow: ellipsis;
            font-size: 1.25rem;
        }

    .apps-list-wrapper .app .hover-state {
        height: inherit;
        box-sizing: border-box;
        border-radius: 5px;
        transition: all .15s ease-out;
        opacity: 0;
        z-index: 1;
        position: absolute;
        padding: 10px;
        box-shadow: rgba(0, 0, 0, .15) 0 0 10px 0;
        width: 100%;
    }

        .apps-list-wrapper .app .hover-state .app-description {
            font-size: .875rem;
            line-height: 1.4;
            overflow: hidden;
            color: #666;
            box-sizing: border-box;
            height: 100%;
            display: block;
        }

        .apps-list-wrapper .app .hover-state .heading {
            font-weight: 600;
            font-size: 1rem;
        }

        .apps-list-wrapper .app .hover-state .content {
            line-height: 1.25;
        }

    .apps-list-wrapper .app:hover .hover-state {
        z-index: 2;
        opacity: 1;
    }

    .apps-list-wrapper .app:hover .normal-state {
        z-index: 1;
        opacity: 0;
    }

.filter-bar .fworks-custom-dropdown .dropdown-content {
    padding: 8px 7px 3px;
    margin-top: -9px;
}

.filter-controls {
    margin-top: 20px;
}

    .filter-controls a {
        display: none;
        padding-bottom: 13px;
    }

.review-sort {
    margin-top: 20px;
}

    .review-sort .form-field input {
        padding-left: 15px;
    }

    .review-sort .dropdown-content .radio-control + label {
        display: block;
        margin: 6px 0;
    }

.fd-review-card-list .fd-review-card-item {
    display: none;
}

    .fd-review-card-list .fd-review-card-item.active {
        display: block;
        animation: .7s ease-out 0s 1 slideInFromBottom;
    }

.fd-review-card-list .no-result {
    display: none;
}

.fd-review-card {
    width: 100%;
    margin-bottom: 17px;
    border-radius: 10px;
    box-shadow: 0 0 40px 0 rgba(0, 0, 0, .1);
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
    min-height: 330px;
}

    .fd-review-card .star-container {
        position: relative;
        color: #d8d8d8;
        display: inline-block;
        font-size: 1.125rem;
        vertical-align: middle;
        margin-right: 8px;
    }

        .fd-review-card .star-container .full-stars {
            position: absolute;
            top: 0;
            left: 0;
            white-space: nowrap;
            overflow: hidden;
            color: #ffb73e;
        }

    .fd-review-card .review-heading {
        background: rgba(37, 193, 111, .1);
        border-bottom: 1px solid rgba(37, 193, 111, .4);
        padding: 14px 20px;
    }

        .fd-review-card .review-heading span {
            color: #999;
            vertical-align: middle;
            font-weight: 500;
        }

        .fd-review-card .review-heading .pull-right {
            float: right;
        }

        .fd-review-card .review-heading .rating {
            font-weight: 700;
        }

        .fd-review-card .review-heading img {
            max-width: 80px;
        }

    .fd-review-card .review-content {
        padding: 10px 20px 20px;
    }

        .fd-review-card .review-content .review-desc {
            word-wrap: break-word;
            word-break: break-all;
            font-style: italic;
        }

.fd-review-author {
    position: relative;
    height: 84px;
}

    .fd-review-author .author-img {
        width: 80px;
        height: 80px;
        border-radius: 50%;
        overflow: hidden;
        display: inline-block;
        vertical-align: middle;
    }

    .fd-review-author .author-details {
        display: inline-block;
        vertical-align: middle;
        width: 75%;
    }

    .fd-review-author p {
        margin: 0;
    }

    .fd-review-author::before {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        left: 30px;
        top: -17px;
        border: 10px solid;
        border-color: #fff transparent transparent;
    }

.alert-note-wrapper {
    background: #fff5d2;
    padding: 20px;
    border: 1px solid rgba(255, 187, 55, .4);
    border-radius: 5px;
    margin: 25px 0 32px;
}

    .alert-note-wrapper .alert-note-title {
        font-family: Sailec-Bold, Helvetica, sans-serif;
        font-size: .75rem;
        margin-top: 0;
    }

    .alert-note-wrapper p {
        font-size: .875rem;
    }

.agenda-table .day-and-date {
    text-align: center;
}

.agenda-table .horizontal-divider {
    width: 100px;
    border: 1px solid #3973e6;
}

.agenda-table .time-slot {
    font-size: .875rem;
    color: #4d4d4d;
    font-weight: 500;
}

.agenda-table .topic {
    font-size: 1.125rem;
    color: #4d4d4d;
    font-weight: 500;
}

.agenda-table .speaker {
    font-size: 1rem;
    color: #666;
}

.agenda-table .agenda-item {
    padding: 15px 0;
    border-bottom: 1px solid #d8d8d8;
    margin-left: 0;
    margin-right: 0;
}

    .agenda-table .agenda-item:last-child {
        border-bottom: none;
    }

.agenda-table h1 {
    font-size: 2.25rem;
}

.agenda-table p {
    font-family: Sailec-Medium, Helvetica, sans-serif;
    text-align: center;
}

.event-card-container {
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1);
    cursor: pointer;
}

    .event-card-container.upcoming-episode {
        cursor: default;
    }

.event-card {
    width: 100%;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    height: 276px;
    position: relative;
}

.event-card-content {
    position: absolute;
    width: 100%;
    bottom: 20px;
}

.event-date,
.event-speaker-designation {
    font-family: National-Regular, Helvetica, sans-serif;
    font-size: .625rem;
    line-height: 1.6;
    color: rgba(255, 255, 255, .75);
}

.event-title {
    line-height: 1.3;
    margin-top: 0;
    color: #fff;
    text-shadow: 0 2px 3px rgba(0, 0, 0, .87);
}

.event-speaker-name {
    font-size: .75rem;
    line-height: 1.5;
    color: #fff;
}

.event-speaker-designation {
    line-height: 1.2;
}

.event-action-strip {
    width: 100%;
    background: #27213e;
    padding: 15px;
    border-top: 1px solid transparent;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    margin-bottom: 30px;
    cursor: pointer;
}

    .event-action-strip img {
        width: 18px;
        height: 18px;
        position: relative;
        top: 4px;
        margin-right: 5px;
    }

    .event-action-strip.event-label-white {
        color: #fff;
    }

.event-card-container:hover .event-label-white {
    color: #275dc7;
}

.event-left-section,
.event-righ-section {
    padding: 0 0 10px 10px;
}

.event-sticky-label {
    min-width: 81px;
    position: absolute;
    top: 12px;
    font-family: Sailec-Bold, Helvetica, sans-serif;
    font-size: 9px;
    line-height: 1.78;
    padding: 5px;
}

.event-pretext-label {
    right: 0;
    color: #fff;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    background-color: #3973e6;
}

.event-notification-label {
    left: 0;
    color: #27213e;
    background: #f5a623;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.event-hover-screen {
    display: none;
}

.podcast-banner-bottom {
    background-image: url(/static-assets/images/mtgap/common/mind-the-gap-bg.png);
    background-position: center;
    background-size: cover;
    padding: 60px 0;
}

    .podcast-banner-bottom .podcast-speaker-list {
        margin: 80px 0;
    }

    .podcast-banner-bottom .webinar-presenter-heading {
        margin-bottom: 0;
    }

    .podcast-banner-bottom h2,
    .podcast-banner-bottom h3,
    .podcast-banner-bottom h6,
    .podcast-banner-bottom p {
        color: #fff;
    }

.array-icons {
    padding: 0;
}

    .array-icons a {
        display: inline-block;
    }

        .array-icons a:hover {
            -ms-transform: scale(1.15);
            transform: scale(1.15);
        }

    .array-icons img {
        height: 28px;
        width: auto;
        margin: 0 5px;
    }

.podcast-detail-container {
    max-width: 903px;
    margin: 0 auto;
}

.podcast-details-section {
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1);
    padding: 30px;
}

.tag-list-container {
    margin-bottom: 40px;
}

    .tag-list-container p {
        margin-top: 0;
    }

.banner-wide .l-banner {
    max-width: 903px;
}

.podcast-recording-play-widget-container {
    background: #f5f5f5;
    border-radius: 5px;
    height: 200px;
}

.light-gray-bg {
    background: rgba(216, 216, 216, .25);
}

.podcast-episode-section {
    padding-top: 60px !important;
    padding-bottom: 80px !important;
}

.inline-text-with-icon {
    font-size: 1.25rem;
}

    .inline-text-with-icon img {
        width: auto;
        line-height: 0;
        font-size: 0;
        margin: 0 5px;
        -ms-transform: translateY(30%);
        transform: translateY(30%);
    }

.font-color-light .inline-text-with-icon {
    color: #fff;
}

.podcast-recording-iframe-wrapper {
    min-width: 250px;
}

.live-soon-recording-strip .event-action-strip {
    cursor: default;
}

    .live-soon-recording-strip .event-action-strip span {
        opacity: .3;
    }

.podcast-thank-you-card .round-icon {
    padding: 5px;
    border-radius: 50%;
}

.podcast-thank-you-card .green-check {
    background: #76c125;
    color: #fff;
}

.filter-by-tags .podcast-filter-container .podcast-filter-label {
    border: 0;
    padding: 0;
    margin-bottom: 15px;
}

.podcast-filter-container .podcast-filter-label {
    border: 1px solid #ccc;
    padding: 15px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.podcast-filter-container .podcast-filter-items {
    border: 1px solid #ccc;
    padding: 15px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top: none;
    height: 310px;
    overflow-y: scroll;
}

.podcast-results-summary {
    display: none;
}

.podcast-card-icon {
    font-size: 1.125rem;
    position: relative;
    display: inline-block;
    top: 2px;
    margin-right: 4px;
}

.flexi-table-wrapper {
    width: 100%;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0 0 40px 0 rgba(0, 0, 0, .1);
}

    .flexi-table-wrapper.loading {
        filter: blur(5px);
    }

    .flexi-table-wrapper .flexi-table-content {
        display: block;
        font-size: 1.25rem;
        text-align: center;
    }

        .flexi-table-wrapper .flexi-table-content .description {
            font-size: 1.25rem;
        }

    .flexi-table-wrapper .validity-info {
        width: 100%;
        font-size: 1rem;
    }

        .flexi-table-wrapper .validity-info [class*=col-] {
            padding: 0;
        }

.glossary-category-wrapper {
    padding: 25px 15px;
}

    .glossary-category-wrapper .category,
    .glossary-category-wrapper .term-search {
        display: inline-block;
    }

    .glossary-category-wrapper .term-search {
        display: none;
    }

    .glossary-category-wrapper .category-letters {
        height: 45px;
        overflow: hidden;
        position: relative;
    }

        .glossary-category-wrapper .category-letters.categories-opened {
            height: auto;
        }

            .glossary-category-wrapper .category-letters.categories-opened .arrow-down {
                transition: bottom .2s ease-in-out;
                -ms-transform: rotate(180deg);
                transform: rotate(180deg);
                right: -10px;
                bottom: 0;
            }

    .glossary-category-wrapper .category {
        font-weight: 600;
        font-size: 1.3125rem;
    }

        .glossary-category-wrapper .category a {
            display: inline-block;
            color: #666;
            width: 40px;
            height: 40px;
            text-align: center;
            line-height: 40px;
        }

            .glossary-category-wrapper .category a.inactive {
                color: #b3b2b2;
                pointer-events: none;
                cursor: default;
            }

    .glossary-category-wrapper .arrow-down {
        position: absolute;
        font-size: 1.3125rem;
        top: 3px;
        right: -10px;
    }

.glossary-terms-wrapper {
    padding-left: 15px;
}

.single-category ul.glossary-terms-list {
    list-style-type: none;
    padding-left: 0;
}

    .single-category ul.glossary-terms-list a {
        color: #666;
    }

.grid-items-gap {
    padding: 2px 0;
}

.address-section {
    padding-top: 40px;
    padding-bottom: 40px;
    margin-left: 0;
    margin-right: 0;
}

    .address-section .image-column {
        padding-left: 0;
        padding-right: 0;
    }

        .address-section .image-column img {
            width: 100%;
            max-width: none;
        }

    .address-section .address-column {
        text-align: center;
        padding-top: 10%;
        padding-bottom: 5%;
    }

        .address-section .address-column h1 {
            font-size: 2.5rem;
            color: #4d4d4d;
        }

        .address-section .address-column .sub-text {
            font-family: Sailec-Medium, Helvetica, sans-serif;
            font-weight: 500;
            font-size: 1.3125rem;
            color: #4d4d4d;
        }

        .address-section .address-column h6 a {
            font-family: Sailec-Medium, Helvetica, sans-serif;
        }

.l-section .address-section {
    padding-top: 0;
    padding-bottom: 0;
}

@media only screen and (min-width:48rem) {
    .single-fold-image {
        width: 50%;
        margin: 40px auto;
    }

    .icon-small {
        width: 36px;
        height: 36px;
    }

    .icon-investors {
        display: inline-block;
        width: 100%;
        max-width: 160px;
    }

        .icon-investors span {
            width: 100%;
            padding-bottom: 100%;
        }

    [data-bg-color*=color-grey] .pricing-table-column {
        border-color: #f1f1f1;
    }

    .pricing-table {
        display: table;
        width: 100%;
    }

    .pricing-table-row {
        display: table-row;
    }

    .pricing-toggle {
        margin: 5px 0 35px;
    }

    .pricing-table-column {
        display: table-cell;
        vertical-align: top;
        /*  width: 19.5%; */
        width: 24%;
        margin: 0;
        padding-bottom: 106px;
        border-left: 10px solid transparent;
    }

        .pricing-table-column.wide-column {
            width: 25%;
            min-width: 0;
            padding-bottom: 20px;
        }

        .pricing-table-column::before {
            top: 40px;
        }

        .pricing-table-column.br-0 .pricing-table-header,
        .pricing-table-column.br-0::before {
            border-right: 0;
        }

        .pricing-table-column.email-only-signup-column {
            padding-bottom: 155px;
        }

            .pricing-table-column.email-only-signup-column .pricing-table-footer {
                min-height: 180px;
            }

        .pricing-table-column:first-child {
            border-left: 0;
        }

        .pricing-table-column .pricing-table-header {
            margin-top: 30px;
        }

        .pricing-table-column .pricing-table-header-bg {
            min-height: 110px;
            padding-bottom: inherit;
        }

        .pricing-table-column .pricing-table-footer {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            width: 80%;
            margin: 0 auto;
        }

    .pricing-landing .pricing-table-column::before {
        top: 30px;
    }

    .pricing-landing .pricing-table-column.plan-recommended::after,
    .pricing-landing .pricing-table-column.plan-recommended::before {
        top: 10px;
        bottom: -20px;
    }

    .pricing-landing .pricing-table-column.plan-recommended .pricing-table-header {
        margin-top: 10px;
    }

    .pricing-landing .pricing-table-info {
        margin-top: 40px;
    }

    .pricing-landing .pricing-table-column {
        padding-bottom: 40px;
    }

    .animation-container {
        min-height: 110px;
    }

    .pricing-table-plan-category {
        font-size: .75rem;
    }

    .pricing-table-plan-price {
        height: 42px;
        font-size: 2.125rem;
        line-height: 42px;
    }

        .pricing-table-plan-price .pricing-currency-symbol {
            margin-top: -14px;
        }

            .pricing-table-plan-price .pricing-currency-symbol.long-currency {
                font-size: 1.375rem;
            }

    .pricing-table-plan-features {
        padding-top: 30px;
        max-height: inherit;
        transition: none;
        overflow: visible;
    }

    .tool-tip-button.tool-tip-appended-content::before,
    .tool-tip-content {
        bottom: 28px;
    }

    .pricing-table-features-list {
        padding: 0 15px;
    }

    .pricing-table-mobile-view-options {
        display: none;
    }

    .pricing-table-plan-value {
        padding-bottom: 20px;
    }

    .pricing-table-support-details {
        margin: 40px 0 50px;
    }

        .pricing-table-support-details.pricing-table-b {
            margin: 40px 0 10px;
        }

        .pricing-table-support-details p {
            font-size: 1.125rem;
        }

    .pricing-table-support-text {
        margin-bottom: 30px;
    }

    .plan-recommended {
        width: 25%;
        border-left: 0;
    }

        .plan-recommended.wide-column {
            width: 25.5%;
        }

        .plan-recommended::before {
            top: 0;
            right: 0;
            left: 0;
        }

        .plan-recommended + .pricing-table-column .pricing-table-header,
        .plan-recommended + .pricing-table-column::before {
            border-left: 0;
        }

        .plan-recommended.pricing-table-column .pricing-table-header-bg {
            min-height: 140px;
        }

        .plan-recommended + .pricing-table-column {
            border-left: 0;
        }

        .plan-recommended .pricing-table-header {
            margin-top: 0;
        }

        .plan-recommended .animation-container svg {
            margin-top: 25px;
        }

    .pricing-table-footer {
        padding: 35px 0;
    }

        .pricing-table-footer [class^=button-] {
            font-size: .625rem;
        }

        .pricing-table-footer .email-only-signup button,
        .pricing-table-footer .email-only-signup input {
            border-radius: 3px;
        }

        .pricing-table-footer .email-only-signup input {
            margin-bottom: 10px;
            border-right: 1px solid #ccc;
        }

        .pricing-table-footer .email-only-signup .button {
            float: none;
        }

    .pricing-table-info {
        margin-top: 25px;
    }

    .pricing-table.pricing-table-b .pricing-table-column {
        width: 30%;
    }

        .pricing-table.pricing-table-b .pricing-table-column:last-child {
            position: relative;
            right: -20px;
        }

        .pricing-table.pricing-table-b .pricing-table-column .pricing-table-footer {
            padding: 15px 0 25px;
            top: 74%;
            bottom: auto;
        }

        .pricing-table.pricing-table-b .pricing-table-column .pricing-table-features-list {
            margin-top: 0;
        }

        .pricing-table.pricing-table-b .pricing-table-column .pricing-table-header {
            margin-top: 40px;
        }

    [data-product=fsales] .pricing-table-features-list li,
    [data-product=fsales] .pricing-table-plan-period,
    [data-product=fsales] .pricing-table-plan-period p {
        font-size: 12px;
    }

    [data-product=fsales] .pricing-table-features-list {
        padding: 0 8px;
    }

    [data-product=fsales] .pricing-table-plan-period hr {
        border-color: rgba(77, 77, 77, .08);
        max-width: 36px;
        margin: 15px auto 10px;
    }

    .pricing-table[data-product=fsales] .feature-tool-tip .tool-tip-button.tool-tip-appended-content::before,
    .pricing-table[data-product=fsales] .feature-tool-tip .tool-tip-content {
        bottom: 24px;
        left: 0;
        right: -5px;
    }

    .tool-tip-button.showing::after {
        top: -8px;
    }

    .pricing-offer-table {
        width: 620px;
    }

    .pricing-offer-table-column {
        width: 210px;
        border-radius: 10px;
    }

        .pricing-offer-table-column .pricing-offer-table-body {
            background: #fff;
            padding: 20px;
            border-radius: 0 0 10px 10px;
        }

        .pricing-offer-table-column .pricing-offer-table-plan-value {
            margin: 0;
        }

    .pricing-offer-table-body .pricing-offer-features-mobile {
        display: none;
    }

    .pricing-offer-features {
        display: initial;
        padding: 25px;
        border-radius: 10px;
        float: left;
        width: 410px;
        position: absolute;
        left: 208px;
        top: 0;
    }

        .pricing-offer-features h6 {
            font-size: 14px;
            margin-top: 0;
        }

    .pricing-offer-feature-list-wrapper {
        width: 100%;
        float: left;
        background: #fff;
        font-size: 0;
    }

        .pricing-offer-feature-list-wrapper .pricing-table-features-list {
            padding: 0;
        }

    .plan-offer-price-after {
        left: -8px;
    }

    .plan-offer-price-before::before {
        top: -5px;
    }

    .pricing-offer-table .tool-tip-button.tool-tip-appended-content::before,
    .pricing-offer-table .tool-tip-content {
        left: -10px;
        right: -10px;
    }

    #customPricingCompareModal .modal-body {
        padding: 10px 80px;
    }

        #customPricingCompareModal .modal-body .table-wrapper table {
            max-width: 900px;
        }

    #customPricingCompareModal .modal-dialog {
        margin-top: 50px;
    }

    .pricing-yearly .pricing-tooltip::before {
        left: -6px;
    }

    .omnichannel-features .feature-tool-tip .tool-tip-button.tool-tip-appended-content::before,
    .omnichannel-features .feature-tool-tip .tool-tip-content {
        bottom: 25px;
    }

    .omnichannel-features.pricing-table-column {
        padding-bottom: 0;
    }

        .omnichannel-features.pricing-table-column.plan-recommended::after,
        .omnichannel-features.pricing-table-column.plan-recommended::before {
            bottom: 0;
        }

        .omnichannel-features.pricing-table-column .button--small {
            word-break: keep-all;
        }

        .omnichannel-features.pricing-table-column .pricing-table-footer {
            padding: 0;
        }

    .omnichannel-wrapper .icon-arrow-right {
        position: absolute;
        left: -20px;
        top: 7px;
        -ms-transform: rotate(0);
        transform: rotateZ(0);
        color: #ddd;
        font-size: .75rem;
        transition: transform .1s ease;
    }

    .omnichannel-wrapper .omnichannel-header p {
        margin-left: 15px;
        text-align: left;
    }

    .omnichannel-wrapper .omnichannel-header .text-primary {
        max-height: 0;
        overflow: hidden;
        transition: max-height .2s ease;
    }

    .omnichannel-wrapper.list-opened .omnichannel-header .text-primary {
        max-height: 50px;
    }

    .omnichannel-wrapper.list-opened .omnichannel-list {
        max-height: 900px;
        padding-top: 30px;
        opacity: 1;
    }

        .omnichannel-wrapper.list-opened .omnichannel-list:hover {
            overflow: inherit;
        }

    .omnichannel-wrapper.list-opened .icon-arrow-right {
        -ms-transform: rotate(90deg);
        transform: rotateZ(90deg);
    }

    .omnichannel-wrapper .omnichannel-list {
        position: relative;
        max-height: 0;
        padding: 0;
        overflow: hidden;
        text-align: left;
        opacity: 0;
        transition: max-height .1s ease, padding-top .1s ease;
    }

    .footer-navs {
        background: 0 0;
    }

        .footer-navs > .row {
            padding: 10px 40px 40px;
        }

        .footer-navs [class^=col-md] {
            padding: 0 15px 0 0;
        }

    .footer-nav a,
    .footer-nav-title {
        display: inline-block;
        height: inherit;
        padding: 0;
    }

    .footer-nav-title {
        margin: 30px 0 6px;
        line-height: 1.33;
        background-color: inherit;
        border: 0;
    }

        .footer-nav-title .icon-arrow-down {
            display: none;
        }

    .footer-nav {
        max-height: inherit;
        background-color: transparent;
    }

        .footer-nav li {
            line-height: 1.61;
        }

        .footer-nav a {
            line-height: 1.4;
        }

    .footer-nav-title.footer-nav-tab-opened {
        border-bottom: 0;
    }

    .support-nav a > span {
        margin-right: 25px;
    }

    .app-stores {
        margin: 5px 0;
        padding: 0;
        text-align: left;
    }

        .app-stores li {
            margin: 0 0 5px;
        }

    .social-connect-nav {
        max-width: 140px;
        margin: 5px 0 0;
        padding: 0;
        text-align: left;
    }

        .social-connect-nav a {
            margin: 0 8px 8px 0;
        }

    .footer-logo {
        margin-top: 0;
    }

    .footer-nav-title.footer-nav-title-logo {
        margin-top: 26px;
        padding-bottom: 0;
    }

        .footer-nav-title.footer-nav-title-logo + .footer-nav {
            padding-left: 20px;
        }

            .footer-nav-title.footer-nav-title-logo + .footer-nav li::after {
                top: 12px;
                left: -13px;
            }

    .footer-salessupport {
        text-align: center;
        margin-top: 45px;
    }

        .footer-salessupport [class^=col-md] {
            padding-top: 15px;
            padding-bottom: 16px;
        }

        .footer-salessupport .seperator-line {
            border-top: 1px solid #e6e6e6;
        }

        .footer-salessupport .footer-nav-title {
            margin: 0 25px 0 0;
            line-height: 1.25;
        }

    .footer-nav-title,
    .support-nav {
        display: inline-block;
        vertical-align: middle;
    }

        .footer-nav-title.footer-nav-tab-opened + .support-nav {
            display: inline-block;
        }

        .support-nav li {
            float: left;
            line-height: 1.25;
        }

    .footer-copyrights {
        padding: 15px;
        overflow: unset;
    }

        .footer-copyrights a,
        .footer-copyrights p {
            font-size: .875rem;
            line-height: 1.71;
        }

    .footer-main {
        border-top: 1px solid #e6e6e6;
    }

    .banner-home-image {
        margin-top: -20px;
        width: 100%;
        max-width: none;
        position: static;
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    .lazy-image-wrapper .lazy-image.banner-home-image {
        width: 100%;
        left: 0;
    }

    .lazy-image-wrapper .original-image.banner-home-image {
        left: 0;
    }

    .podcast-banner .banner-video-offset::after {
        padding-bottom: 12%;
    }

    .podcast-banner .banner-video-box {
        padding: 0;
    }

    .video-content-wrap {
        top: 20%;
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .top-banner-animation-container {
        top: -10px;
    }

    .banner-animation-wrapper {
        margin-bottom: -10px;
        top: -10px;
        padding: 0 2.5%;
    }

    .banner-animation-static-shadow {
        width: 95%;
        top: 0;
        left: 2.5%;
        -ms-transform: none;
        transform: none;
    }

    .banner-animation-static-bg {
        position: static;
        width: 100%;
        -ms-transform: none;
        transform: none;
    }

    .banner-animation-trigger {
        top: 28%;
        width: 63px;
        height: 35px;
    }

        .banner-animation-trigger::before {
            box-shadow: 0 10px 15px -2px #666;
        }

    .banner-animation-trigger-button {
        width: 63px;
        height: 35px;
        padding-bottom: 10px;
    }

        .banner-animation-trigger-button::before {
            box-shadow: 0 6px 0 2px #ddd;
        }

    .banner-animation-trigger-logo {
        background-size: 35px;
        width: 35px;
        height: 35px;
    }

    .form-wrapper {
        width: 440px;
        margin: auto;
    }

        .form-wrapper h3 {
            font-size: 1.75rem;
        }

        .form-wrapper.width-auto {
            width: auto;
        }

        .form-wrapper fieldset em.error {
            width: 100%;
        }

    .form-inline .form-field {
        margin-right: 10px;
    }

    .form-wrapper.form-wrapper-zero-margin {
        margin: 0;
    }

        .form-wrapper.form-wrapper-zero-margin + .forgot-domain-success {
            margin-left: 0;
            margin-right: 0;
        }

    .form-width-410 {
        width: 410px;
    }

    .name-field {
        width: 48.8%;
        margin: 0 3.5px;
    }

        .name-field:first-child {
            margin-left: 0;
        }

        .name-field:nth-child(2) {
            margin-right: 0;
        }

    .modal-body .form-wrapper {
        width: 410px;
    }

        .modal-body .form-wrapper h3 {
            margin-bottom: 10px;
        }

    .modal-body .subscribe-form-wrapper {
        width: 532px;
    }

    .form-helpdesk-text {
        padding: 15px 10px 15px 5px;
    }

    input.helpdesk-form {
        width: auto;
    }

    .forgot-domain-success p {
        width: 350px;
        padding: 0;
    }

    .thank-you-card.active {
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    .thank-you-card.small-card {
        padding: 7px 15px;
    }

    .signup-login-form-wrapper {
        padding: 0 0 40px;
    }

    .form-content-upper {
        padding: 0 25px;
    }

    .progress-list-item {
        font-size: .875rem;
    }

    .country-code-dropdown .phone-code-field {
        width: 84.5%;
    }

    .country-code-dropdown .dropdown-content {
        top: 70.9%;
    }

    .modal-dialog {
        max-width: 100%;
        width: auto;
        display: inline-block;
        height: auto;
        border-radius: 5px;
    }

        .modal-dialog.signup-login-dialog {
            width: 550px !important;
        }

            .modal-dialog.signup-login-dialog .form-wrapper {
                width: 500px !important;
            }

    .modal {
        text-align: center;
    }

    .slideshare-content {
        width: 700px;
    }

        .slideshare-content .title {
            font-size: 1.75rem;
        }

    .slideshare-wrapper iframe {
        min-height: 400px;
    }

    .press-release-item {
        max-width: none;
    }

    .backward--link.mobile-align {
        text-align: left;
    }

    .mosaic-item {
        margin: 0 0 30px;
    }

    .ls-widget {
        width: 21.5%;
        min-height: 270px;
        margin: 0 23px 40px;
        display: inline-block;
        vertical-align: top;
    }

    .modal-ls-widget {
        width: 650px;
        padding: 20px 0;
    }

        .modal-ls-widget .ls-widget {
            width: 26%;
            margin: 0;
        }

        .modal-ls-widget .ls-desc {
            width: 60%;
            margin-left: 40px;
            display: inline-block;
        }

    .location-container {
        max-width: 80%;
        margin-left: auto;
        margin-right: auto;
    }

    .comparison-legacy-systems img {
        width: 100%;
        max-width: 50%;
    }

    .feature-comparison-container .col-md-8,
    .feature-comparison-container .col-sm-8 {
        text-align: initial;
    }

    .feature-comparison-widget {
        margin: 0 1.5% 4%;
    }

    .comparison-price-widget .cta-btn a {
        min-width: 110px;
        font-size: .75rem;
    }

    .comparison-price-wrapper {
        position: relative;
    }

        .comparison-price-wrapper::before {
            content: '';
            position: absolute;
            border-left: 1px solid #e6e6e6;
            height: 90%;
            left: -38px;
            top: 9%;
        }

    .feature-price-mob {
        display: none;
    }

    .comparison-wrapper {
        margin: auto;
    }

    .table.table-stuck {
        position: fixed;
        width: 96.7%;
        margin: 0;
        top: 0;
        left: 50%;
        opacity: 1;
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        z-index: 100;
        animation: fadeDown .1s ease-in;
    }

        .table.table-stuck .table-main-header {
            text-align: center;
        }

    .migrate-wrapper .wrapper-logo img {
        height: 36px;
    }

    .feature-description-item-a,
    .feature-description-item-b {
        position: relative;
    }

    .feature-description-icon-a,
    .feature-description-icon-b {
        position: absolute;
        left: 0;
        top: 1px;
    }

    .feature-description-text-a {
        margin-left: 93px;
        margin-top: 0;
    }

    .feature-description-text-b {
        margin-left: 30px;
        margin-top: 0;
    }

    .feature-description-icon-b.icon-extra-small {
        top: 3px;
    }

    .feature-time-line {
        display: table;
    }

        .feature-time-line:last-child .vertical-line-solid::before {
            border-right: none;
        }

    .feature-time-line-logo {
        display: table-cell;
    }

    .feature-time-line-text {
        display: table-cell;
        vertical-align: top;
        position: relative;
        padding-left: 30px;
    }

        .feature-time-line-text::before {
            content: '';
            width: 0;
            height: 97%;
            position: absolute;
            top: 0;
            left: -34px;
            z-index: -1;
        }

    .feature-description-item-d .feature-description-text-d {
        margin-left: 0;
    }

    .feature-description-item-d .feature-description-icon-d {
        position: unset;
    }

    .video-widget-1090 {
        max-width: 1090px;
    }

    .video-widget-720 {
        max-width: 720px;
    }

    .banner-video-box,
    .feature-video-box,
    .play-button-wrap,
    .testimonial-full-width,
    .video-widget-1090,
    .video-widget-720 {
        margin: 0 auto;
    }

        .banner-video-box .play-button,
        .feature-video-box .play-button,
        .play-button-wrap .play-button,
        .testimonial-full-width .play-button,
        .video-widget-1090 .play-button,
        .video-widget-720 .play-button {
            height: 80px;
            width: 80px;
            line-height: 85px;
        }

            .banner-video-box .play-button .icon-play,
            .feature-video-box .play-button .icon-play,
            .play-button-wrap .play-button .icon-play,
            .testimonial-full-width .play-button .icon-play,
            .video-widget-1090 .play-button .icon-play,
            .video-widget-720 .play-button .icon-play {
                font-size: 30px;
                position: relative;
                top: 3px;
                right: -1px;
            }

    .video-widget-250-wrapper {
        margin-bottom: 40px;
    }

    .video-widget-250 {
        margin-top: 40px;
        margin-left: 13px;
        margin-right: 13px;
        display: inline-block;
        text-align: center;
        padding: 10px;
        position: relative;
        width: 255px;
        min-height: 280px;
        border-radius: 5px;
        box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1);
    }

        .video-widget-250 .video-content {
            width: auto;
            height: auto;
        }

        .video-widget-250 .video-section {
            position: relative;
            width: 100%;
            height: auto;
        }

        .video-widget-250 .play-button {
            width: 60px;
            height: 60px;
            border: solid 3px #fff;
            line-height: 60px;
        }

            .video-widget-250 .play-button .icon-play {
                font-size: 21px;
                position: relative;
                top: 1px;
                left: 1px;
            }

        .video-widget-250 .video-text-content {
            position: relative;
            left: 0;
            top: 160px;
        }

        .video-widget-250 p {
            line-height: 1.5;
            color: #4d4d4d;
        }

    .banner-video-box.video-text-left-right .play-button .icon-play {
        top: 10px;
        left: 3px;
    }

    .partner-page-container {
        padding-top: 80px;
        padding-bottom: 60px;
    }

        .partner-page-container .l-page {
            position: relative;
        }

    .reseller-contact {
        float: none;
    }

    .partners-form-layout {
        width: 340px;
        border-radius: 5px;
        position: absolute;
        right: 3%;
    }

    .reseller-content {
        position: relative;
        z-index: 1;
        margin-bottom: 50px;
    }

        .reseller-content.mb-0 {
            margin-bottom: 0;
        }

    .reseller-logo {
        float: left;
        margin-right: 30px;
    }

    .reseller-info {
        width: 57%;
        float: left;
    }

        .reseller-info h6 {
            margin-top: 0;
        }

    .button--margin {
        margin: 0 0 0 25px;
    }

    .button + .button {
        display: inline-block;
        margin: 0 0 0 25px;
    }

    .equal-buttons-wrapper a.button {
        min-width: 200px;
    }

    .greeting-carousel,
    .testimonial-all-center,
    .testimonial-author-left,
    .testimonial-case-study {
        width: 77.5%;
        margin: 0 auto;
    }

        .greeting-carousel .carousel-control.left,
        .greeting-carousel .carousel-control.right,
        .testimonial-all-center .carousel-control.left,
        .testimonial-all-center .carousel-control.right,
        .testimonial-author-left .carousel-control.left,
        .testimonial-author-left .carousel-control.right,
        .testimonial-case-study .carousel-control.left,
        .testimonial-case-study .carousel-control.right {
            top: 170px;
            bottom: auto;
        }

        .testimonial-author-left .testimonial-quote-icon {
            top: -1rem;
        }

    .carousel-inner {
        overflow: hidden;
    }

        .carousel-inner .carousel-item {
            padding-top: 20px;
        }

    .greeting-carousel .carousel-inner .carousel-item,
    .testimonial-all-center .carousel-inner .carousel-item,
    .testimonial-case-study .carousel-inner .carousel-item {
        padding-top: 0;
    }

    .testimonial-card {
        padding: 40px 30px;
    }

    .testimonial-content {
        width: 64%;
        position: relative;
        padding: 28px 0 0;
    }

        .testimonial-content i {
            left: 0;
            margin: 0;
        }

    .testimonial-quote {
        font-size: 1.125rem;
        margin: 0;
    }

    .carousel-control.left,
    .carousel-control.right {
        top: auto;
        bottom: 50%;
    }

    .carousel-control.left {
        left: -16%;
    }

    .carousel-control.right {
        right: -16%;
    }

    .carousel-control .icon-arrow-button-left,
    .carousel-control .icon-arrow-button-right {
        padding: 1.25rem 1.3rem;
        font-size: 1.625rem;
    }

        .carousel-control .icon-arrow-button-left::before,
        .carousel-control .icon-arrow-button-right::before {
            top: 2px;
            position: relative;
        }

    .carousel-indicators-wrapper {
        position: inherit;
    }

    .carousel-indicators {
        margin: 0;
    }

    .testimonial-card.author-left {
        padding-left: 0;
    }

    .testimonial-photo {
        text-align: center;
        padding-top: 18px;
    }

        .testimonial-photo img {
            width: 100px;
            height: 100px;
        }

    .author-bio {
        text-align: center;
    }

    .testimonial-card.all-center {
        padding: 40px 30px;
    }

        .testimonial-card.all-center i.icon-quote-close {
            display: block;
            left: auto;
            right: 0;
        }

        .testimonial-card.all-center .testimonial-quote-icon {
            top: 10px;
        }

        .testimonial-card.all-center .author-bio::before {
            position: relative;
            display: block;
            top: -20px;
            margin: auto;
        }

        .testimonial-card.all-center .author-bio .author-bio-details {
            text-align: left;
        }

        .testimonial-card.all-center .testimonial-quote {
            font-size: 1.25rem;
            margin-top: 20px;
        }

        .testimonial-card.all-center .testimonial-logo {
            top: 0;
        }

        .testimonial-card.all-center .testimonial-content {
            width: 83.3333333333%;
            position: relative;
            text-align: center;
            padding: 0;
        }

    .careers-testimonial .author-bio::before {
        left: 45%;
    }

    .careers-testimonial .testimonial-quote {
        font-size: 1.25rem;
    }

    .careers-testimonial.without-image .author-bio-details {
        text-align: center !important;
    }

    .testimonial-webinar .webinar-photo img {
        height: 300px;
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
        border-top-right-radius: 0;
    }

    .testimonial-webinar.fsales .carousel-inner {
        min-height: auto;
    }

    .testimonial-full-width .carousel-inner .carousel-item {
        padding-top: 0;
    }

    .testimonial-full-width .carousel-indicators-wrapper {
        position: relative;
    }

    .testimonial-full-width .carousel-control.left,
    .testimonial-full-width .carousel-control.right {
        top: -4px;
    }

    .testimonial-full-width .carousel-control.left {
        left: -75px;
    }

    .testimonial-full-width .carousel-control.right {
        right: -40px;
    }

    .testimonial-full-width .carousel-control .icon-arrow-button-left,
    .testimonial-full-width .carousel-control .icon-arrow-button-right {
        padding: .75rem;
    }

    .greeting-carousel .carousel-content {
        width: 83.3333333333%;
        position: relative;
        text-align: center;
        padding: 40px 30px;
    }

        .greeting-carousel .carousel-content .message-body {
            font-size: 1.25rem;
            margin-top: 20px;
        }

    .greeting-carousel .carousel-control.left,
    .greeting-carousel .carousel-control.right {
        top: 250px;
        bottom: auto;
    }

    .comparison-banner {
        padding-bottom: 90px;
        padding-top: 100px;
        background-size: auto;
    }

        .comparison-banner .company-logo {
            display: inline-block;
            margin: 30px 40px;
        }

        .comparison-banner .compare-symbol {
            display: inline-block;
        }

    .banner-badge-cta span {
        display: inline;
        margin-left: 10px;
    }

    .banner-badge-left-image {
        text-align: left;
    }

        .banner-badge-left-image .image-logo {
            text-align: right;
        }

        .banner-badge-left-image .badge-content {
            max-width: 600px;
        }

            .banner-badge-left-image .badge-content h5 {
                margin: 0 0 5px;
            }

            .banner-badge-left-image .badge-content p {
                margin: 0;
                line-height: 1.5;
            }

    .pl-ads h2.plan-structure {
        font-size: 1.75rem;
        max-width: 100%;
    }

    .pl-ads .plan-tile-small {
        display: inline-block;
        vertical-align: middle;
        margin: 0;
    }

        .pl-ads .plan-tile-small + .plan-tile-small {
            margin-left: 15px;
            margin-top: 0;
        }

    .progress-signup {
        max-width: 440px;
    }

    .resource {
        padding: 50px 0 70px;
    }

        .resource h2,
        .resource-integrations h2 {
            text-align: left;
        }

    .webinar-widget-wrapper + .resource h2 {
        text-align: center;
    }

    .resource-container {
        padding: 35px 0 0;
        text-align: left;
    }

        .resource-container a {
            padding-bottom: 10px;
        }

    .resource-box {
        margin-bottom: 30px;
        max-width: inherit;
    }

        .resource-box h5 {
            margin-bottom: 6px;
        }

    .resource-integrations .resource-box-right {
        padding-bottom: 10px;
    }

    .resource-integrations p {
        margin-bottom: 5px;
    }

    .resource-box-left,
    .resource-box-right {
        float: inherit;
        width: 100%;
    }

    .resource-box-left {
        height: auto;
    }

        .resource-box-left .resources-box-image {
            height: 144px;
        }

    .resource-box-image {
        width: 100%;
        height: 144px;
    }

    .resource-box-right {
        padding: 10px 0;
        text-align: center;
    }

    .play-icon-container {
        width: 60px;
        height: 60px;
    }

    .play-icon {
        width: 18px;
        height: 22px;
        margin: -11px 0 0 -7px;
    }

    .product-listing-table {
        display: table;
        width: 100%;
        border-spacing: 20px 5px;
        border-collapse: separate;
    }

    .calendar-sections .activity-card,
    .product-listing {
        vertical-align: top;
        display: table-cell;
    }

    .product-listing-col-4 {
        width: 32%;
    }

    .product-listing-col-6 {
        width: 50%;
    }

    .empty-product-listing {
        visibility: hidden;
    }

    .product-wrapper {
        margin: 0;
    }

    .or::after,
    .or::before {
        width: 27%;
    }

    .pricing-feature-screenshot .feature-screeshot-right__content {
        width: 58.33%;
        display: inline-block;
        margin-bottom: 70px;
    }

    .pricing-feature-screenshot .feature-screenshot-right__media {
        width: 41.1%;
        vertical-align: bottom;
        display: inline-block;
    }

    .feature-bg-product .row {
        display: table;
        margin: 0;
    }

    .feature-bg-product div[class*=col-] {
        display: table-cell;
        float: none;
        width: 50%;
    }

        .feature-bg-product div[class*=col-][class*="__content"] {
            vertical-align: middle;
            padding: 40px;
            text-align: left;
        }

            .feature-bg-product div[class*=col-][class*="__content"] * {
                color: #fff;
            }

            .feature-bg-product div[class*=col-][class*="__content"] .button {
                background-color: #fff;
            }

        .feature-bg-product div[class*=col-][class*="__media"] {
            font-size: 0;
            padding: 0;
        }

            .feature-bg-product div[class*=col-][class*="__media"] .icon-close {
                font-size: 16px;
            }

    .feature-screenshot__media-container .loading-optimized {
        margin-bottom: -1.4%;
    }

    .feature-screenshot__media-container--auto .loading-optimized {
        margin-bottom: 0;
    }

    .call-rates .field-dropdown {
        margin-bottom: 0;
    }

    .call-rates .call-rates-header > .row {
        text-align: center;
    }

        .call-rates .call-rates-header > .row > [class^=col-] {
            float: none;
            display: inline-block;
            margin-right: -4px;
            text-align: left;
        }

    .call-rates .call-rates-body .call-rates-box {
        margin-top: 30px;
    }

    .call-rates .call-rates-body .call-rates-box,
    .call-rates .call-rates-body .title {
        text-align: left;
    }

    .call-rates .cost-of-number {
        position: relative;
        margin-top: 18px;
    }

        .call-rates .cost-of-number .cost-of-number-from {
            position: absolute;
            top: -10px;
            left: 0;
            line-height: 1;
        }

        .call-rates .cost-of-number .detailed-pricing {
            text-align: left;
        }

    .call-rates .browser-select-tab .dropdown-content {
        margin-left: 0;
    }

    .browser-select-tab {
        padding-left: 0;
    }

    .detailed-pricing-popup {
        top: 140px;
    }

        .detailed-pricing-popup::after,
        .detailed-pricing-popup::before {
            left: 72px;
        }

        .detailed-pricing-popup .rates-starting-with {
            width: 75%;
        }

        .detailed-pricing-popup .rates-starting-rates {
            width: 25%;
        }

    .casestudy-resource-section .resources-inner {
        text-align: center;
    }

    .casestudy-resource-section .resource-container {
        text-align: center;
    }

    .resource-casestudy {
        display: inline-block;
        float: none;
        margin-left: -4px;
    }

    .case-study-left-column .case-study-logo {
        padding: 58px 0;
    }

        .case-study-left-column .case-study-logo::before {
            top: 50%;
            right: -1px;
            bottom: inherit;
            left: inherit;
            margin: -60px 0 0;
            width: 1px;
            height: 120px;
        }

    .feature-reverse {
        margin-bottom: 0;
    }

    .calendar-nav-section {
        display: none;
    }

    .assets-wide-column {
        width: 100%;
        margin: 60px auto 0;
        padding: 30px;
    }

        .assets-wide-column h1 {
            font-size: 2rem;
            margin: 0;
        }

        .assets-wide-column .asset-cost-btn {
            text-transform: uppercase;
            text-align: center;
            padding: 5px 12px;
            letter-spacing: 1px;
            font-family: Sailec-Medium, Helvetica, sans-serif;
            font-size: 11px;
            border-radius: 14px;
            color: #4d4d4d;
        }

        .assets-wide-column .select-dropdown {
            display: none;
        }

        .assets-wide-column .asset-cost-btn {
            display: inline;
        }

        .assets-wide-column .range-slider {
            display: block;
        }

        .assets-wide-column .asset-price .pricing-currency-symbol.long-currency {
            top: 10px;
            font-size: 1.375rem;
        }

    .range-slider {
        margin: 60px 0 40px;
    }

        .range-slider .rs-container {
            position: relative;
            max-width: 85%;
            margin: 0 auto;
        }

        .range-slider input[type=range] {
            position: absolute;
            z-index: 6;
            top: -13px;
            left: 0;
            width: 100%;
            height: 30px;
            opacity: 0;
            cursor: pointer;
        }

        .range-slider .rs-bgline {
            height: 5px;
            background-color: #ebebeb;
            border-radius: 3px;
        }

        .range-slider ul {
            margin: 0;
            padding: 0;
            list-style: none;
        }

        .range-slider .rs-scale {
            position: absolute;
            top: 0;
            right: 0;
            left: 0;
        }

            .range-slider .rs-scale li {
                position: relative;
                float: left;
                width: 11.11111111%;
                height: 5px;
            }

                .range-slider .rs-scale li::before,
                .range-slider .rs-scale li:last-child::after {
                    content: '';
                    position: absolute;
                    top: -4px;
                    left: -6px;
                    width: 12px;
                    height: 12px;
                    border-radius: 50%;
                    background-color: #fff;
                }

                .range-slider .rs-scale li:last-child::after {
                    left: inherit;
                    right: -6px;
                }

        .range-slider .rs-assets-list {
            max-width: 94.5%;
            margin: 20px auto 0;
        }

            .range-slider .rs-assets-list li {
                float: left;
                width: 10%;
                text-align: center;
                font-family: National-Regular, Helvetica, sans-serif;
                font-size: .75rem;
                line-height: 1.2;
            }

                .range-slider .rs-assets-list li span {
                    display: block;
                    font-family: Sailec-Medium, Helvetica, sans-serif;
                }

        .range-slider .rs-line {
            position: absolute;
            top: 0;
            left: 0;
            width: 0;
            height: 5px;
            transition: width 150ms linear;
        }

            .range-slider .rs-line .rs-line-dot,
            .range-slider .rs-line .rs-line-dot::after,
            .range-slider .rs-line .rs-line-dot::before,
            .range-slider .rs-line .rs-tooltip,
            .range-slider .rs-line .rs-tooltip::after {
                position: absolute;
            }

            .range-slider .rs-line .rs-tooltip {
                top: -45px;
                right: 0;
                white-space: nowrap;
                display: block;
                -ms-transform: translateX(50%);
                transform: translateX(50%);
                padding: 6px 12px;
                line-height: 1;
                font-family: Sailec-Medium, Helvetica, sans-serif;
                font-size: .75rem;
                background-color: #fff;
                border-radius: 5px;
                box-shadow: 0 5px 7px 0 rgba(0, 0, 0, .1);
            }

                .range-slider .rs-line .rs-tooltip::after {
                    content: '';
                    left: calc(50% - 5px);
                    bottom: -5px;
                    width: 0;
                    height: 0;
                    border-left: 5px solid transparent;
                    border-right: 5px solid transparent;
                    border-top: 5px solid #fff;
                }

            .range-slider .rs-line .rs-line-dot {
                z-index: 1;
                top: -12px;
                right: -14px;
                width: 28px;
                height: 28px;
                border-radius: 50%;
            }

                .range-slider .rs-line .rs-line-dot::after {
                    content: '';
                    z-index: 2;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    background: url(/static-assets/images/common/pricing/range-drag.svg) no-repeat;
                    background-size: 65% auto;
                    background-position: center;
                }

                .range-slider .rs-line .rs-line-dot::before {
                    content: '';
                    z-index: 0;
                    top: calc(50% - 5px);
                    left: calc(50% - 5px);
                    width: 10px;
                    height: 10px;
                    opacity: 0;
                    border-radius: 50%;
                    animation: popover-dot-animation 1s infinite;
                    animation-fill-mode: forwards;
                }

    .accordion-content .assets-wide-column {
        margin-top: 0;
    }

    .badge-logo {
        width: 180px;
        margin: 0 40px 50px;
    }

        .badge-logo img {
            width: 150px;
        }

    .banner-full-width-slider .carousel {
        height: 480px;
    }

    .banner-full-width-slider .carousel-inner .item {
        background-position: -640px 0, center;
        background-size: contain, cover;
    }

        .banner-full-width-slider .carousel-inner .item img {
            width: auto;
            padding-top: 125px;
        }

    .agenda-table .day-and-date {
        text-align: left;
        font-size: 1.75rem;
    }

    .agenda-table .horizontal-divider {
        margin: 0 0 20px 0;
    }

    .agenda-table .agenda-item {
        padding: 20px 0;
    }

    .agenda-table p {
        display: inline-block;
        text-align: left;
        margin: 0;
    }

    .two-column-box-content .right-column {
        padding: 0 15px;
        margin-top: 0;
    }

    .apps-list-wrapper .app {
        width: 47%;
        display: inline-block;
    }

    .podcast-recording-iframe-wrapper {
        min-width: 600px;
    }

    .feature-bg-product div[class*="__content"] {
        background: #3973e6;
    }

        .feature-bg-product div[class*="__content"] .button {
            color: #3973e6 !important;
        }

    .glossary-category-wrapper .category-letters.categories-opened .arrow-down {
        right: -40px;
    }

    .glossary-category-wrapper .arrow-down {
        right: -40px;
    }

    .grid-items-gap {
        padding: 2px;
    }

    .custom-no-gutter {
        overflow: hidden;
    }

        .custom-no-gutter > div {
            margin: 0 -2px;
        }

    .address-section {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        padding-top: 0;
        padding-bottom: 0;
    }

        .address-section .image-column {
            padding-left: 0;
            padding-right: 0;
        }

        .address-section .address-column {
            text-align: left;
            padding: 0 5% 0 15px;
        }

            .address-section .address-column h1 {
                font-size: 2.625rem;
            }
}

@media only screen and (min-width:60rem) {
    .l-page {
        margin-left: auto;
        margin-right: auto;
        padding-right: 25px;
        padding-left: 25px;
        max-width: 1140px;
    }

    .l-banner {
        padding-left: 15px;
        padding-right: 15px;
    }

    .bg-ribbon {
        min-height: 680px;
        background-size: cover;
        background-position: 50% 50%;
        background-repeat: no-repeat;
    }

    .l-home {
        padding-top: 30px;
    }

        .l-home img {
            width: 100%;
            margin: 0 auto;
        }

    .big-icon-widget {
        margin: 25px 7px;
    }

    .small-banner {
        margin-top: 100px;
        text-align: left;
    }

    .restrict-width-540 {
        max-width: 540px;
    }

    .fscalendar-wrapper {
        text-align: left;
    }

    .full-width-content {
        padding-top: 0;
    }

        .full-width-content h2,
        .full-width-content p {
            text-align: inherit;
        }

    .mobile-center-desktop-left-align {
        text-align: left;
    }

    .mobile-center-desktop-left-align {
        text-align: left;
    }

    .mobile-center-desktop-right-align {
        text-align: right;
    }

    .banner-illustration {
        margin-top: 70px;
    }

        .banner-illustration .banner-illustration-image {
            padding-left: 5px;
            padding-right: 5px;
        }

        .banner-illustration .line {
            position: absolute;
            top: -20px;
            bottom: 0;
            width: 2px;
            height: auto;
            margin: 0;
            left: 50%;
            background: linear-gradient(to bottom, rgba(241, 209, 177, 0), #f2d1b1 8%, #f2d1b1 91%, rgba(242, 209, 177, 0));
            -ms-transform: translate(-50%);
            transform: translate(-50%);
        }

    .nav-transparent .first-fold {
        padding-top: 108px;
    }

    .nav-transparent[data-product-name=fworks] .first-fold {
        padding-top: 58px;
    }

    .nav-transparent-secondary .first-fold {
        padding-top: 150px;
    }

    .nav-transparent-secondary.no-super .first-fold {
        padding-top: 100px;
    }

    .l-section {
        padding-top: 50px;
        padding-bottom: 50px;
    }

        .l-section:not(.section-light-bg):not(.pattern-gradient-light) + .l-section:not(.section-light-bg):not(.gradient-light):not(.pattern-gradient-light):not(.sticky-banner-solid) {
            padding-top: 30px;
        }

    .l-section-heading {
        padding-bottom: 50px;
    }

    .fdesk-capabilities {
        padding-top: 120px;
    }

    .divider-right {
        border-right: 1px solid rgba(57, 115, 230, .3);
    }

    .swap-two-rows {
        display: block;
        -ms-flex-direction: inherit;
        flex-direction: inherit;
    }

        .swap-two-rows .col-md-6:first-child {
            -ms-flex-order: inherit;
            order: inherit;
        }

    .logo-image-left .title {
        text-align: left;
        position: relative;
        top: 32px;
    }

    .extra-pad {
        margin-top: 100px;
    }

    .fixed-active-nav .case-study-box {
        padding-left: 0;
    }

        .fixed-active-nav .case-study-box ul {
            padding: 0;
            margin: 0;
        }

            .fixed-active-nav .case-study-box ul li {
                list-style: none;
                padding-left: 20px;
                cursor: pointer;
            }

            .fixed-active-nav .case-study-box ul a {
                color: #666;
            }

                .fixed-active-nav .case-study-box ul a.active {
                    color: #fd4747;
                }

    .row.grid-align-bottom .image-align-bottom {
        float: none;
        display: table-cell;
        vertical-align: bottom;
    }

    .single-fold footer {
        margin-top: -61px;
    }

    .single-fold .pattern-gradient-light {
        background-position: bottom 60px left;
        padding-bottom: 200px;
    }

        .single-fold .pattern-gradient-light.signup-page-container {
            background-position: bottom left;
            padding-bottom: 140px;
        }

    .single-fold-image {
        width: 30%;
    }

    .table {
        width: 100%;
    }

        .table .col-50 {
            width: 50%;
        }

        .table .col-10 {
            width: 130px;
        }

        .table .button--small {
            min-width: 100px;
            padding: 7px 10px;
        }

        .table h6 {
            font-size: 21px;
        }

        .table p {
            font-size: .75rem;
        }

        .table.table-stuck {
            width: 86.3%;
            max-width: 1090px;
        }

            .table.table-stuck .table-main-header {
                text-align: left;
            }

        .table td:nth-of-type(1) {
            padding: 8px 0 8px 10px;
        }

        .table .table-group td {
            padding: 11px 0 11px 10px;
        }

    .feature-tool-tip .tool-tip-button.tool-tip-appended-content::before,
    .feature-tool-tip .tool-tip-content {
        bottom: 35px;
    }

    .feature-tool-tip .tool-tip-button.tool-tip-appended-content::before {
        bottom: 29px;
    }

    .tool-tip-button.tool-tip-appended-content::before {
        min-width: 300px !important;
    }

    .table.table-big.table-stuck {
        width: 96.7%;
    }

    .table.table-big.table-headings td.col-10 {
        width: 108px;
    }

    .table-seo .plain-table th {
        padding: 30px 20px;
    }

    .table-seo .plain-table td {
        padding: 15px 20px;
        font-size: 1rem;
    }

    .comparison-table th:first-child {
        width: 70%;
        padding-top: 20px;
        -webkit-padding-after: 20px;
        padding-block-end: 20px;
    }

    .comparison-table.four-column-table th:first-child {
        width: 70%;
    }

    .comparison-table.wide-table td:first-child,
    .comparison-table.wide-table th:first-child {
        width: 60%;
        padding-left: 30px;
    }

    .comparison-table.wide-table td,
    .comparison-table.wide-table th {
        padding: 15px 0;
    }

    .comparison-table.auto-width-table td:first-child,
    .comparison-table.auto-width-table th:first-child {
        width: auto;
    }

    .comparison-table.area-code-table td:first-child,
    .comparison-table.area-code-table th:first-child {
        width: 30%;
        padding-left: 30px;
        border-right: 1px solid rgba(204, 71, 131, .4);
    }

    .comparison-table.area-code-table td,
    .comparison-table.area-code-table th {
        padding: 15px 30px;
    }

    .migrate-wrapper .feature-list-wrapper {
        margin-left: auto;
        margin-right: auto;
        padding-right: 15px;
        padding-left: 15px;
        max-width: 1140px;
        width: auto;
    }

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

    .fw-table p {
        font-size: 1rem;
    }

    .fw-table th {
        padding: 16px 10px;
    }

    span.divider {
        width: 70%;
    }

    [data-product-name=fsales] .tool-tip-button:hover::after {
        top: -9px;
        left: 1px;
    }

    [data-product-name=fsales] .accordion-wrapper .tool-tip-button:hover::after {
        top: -11px;
        left: 0;
    }

    [data-product-name=fsales] .accordion-wrapper .tool-tip-button[align=center]:hover::after {
        top: -9px;
        left: 0;
    }

    .pricing-table[data-product=fchat] .feature-tool-tip .tool-tip-button.tool-tip-appended-content::before,
    .pricing-table[data-product=fchat] .feature-tool-tip .tool-tip-content,
    .pricing-table[data-product=fmarketer] .feature-tool-tip .tool-tip-button.tool-tip-appended-content::before,
    .pricing-table[data-product=fmarketer] .feature-tool-tip .tool-tip-content,
    .pricing-table[data-product=fsales] .feature-tool-tip .tool-tip-button.tool-tip-appended-content::before,
    .pricing-table[data-product=fsales] .feature-tool-tip .tool-tip-content {
        bottom: 28px;
        right: 0;
    }

    .pricing-table[data-product=fcaller] .feature-tool-tip .tool-tip-button.tool-tip-appended-content::before,
    .pricing-table[data-product=fcaller] .feature-tool-tip .tool-tip-content {
        bottom: 25px;
        right: 0;
    }

    .omnichannel-features .feature-tool-tip .tool-tip-button.tool-tip-appended-content::before,
    .omnichannel-features .feature-tool-tip .tool-tip-content {
        bottom: 27px;
    }

    .omnichannel-features .feature-tool-tip .tool-tip-button:hover::after {
        top: -10px;
    }

    .omnichannel-header .tool-tip-button {
        display: none;
    }

    .omnichannel-wrapper.list-opened .omnichannel-header .tool-tip-button {
        display: initial;
    }

    .pricing-table-hr {
        margin: 15px auto !important;
    }

    .pricing-table[data-product=fmarketer],
    .pricing-table[data-product=fsales],
    .pricing-table[data-product=fservice],
    .pricing-table[data-product=fteam] {
        margin-top: 30px;
    }

        .pricing-table[data-product=fmarketer] .wide-column,
        .pricing-table[data-product=fsales] .wide-column,
        .pricing-table[data-product=fservice] .wide-column,
        .pricing-table[data-product=fteam] .wide-column {
            padding-bottom: 40px;
        }

        .pricing-table[data-product=fmarketer] .pricing-table-plan-features,
        .pricing-table[data-product=fsales] .pricing-table-plan-features,
        .pricing-table[data-product=fservice] .pricing-table-plan-features,
        .pricing-table[data-product=fteam] .pricing-table-plan-features {
            padding-top: 15px;
        }

        .pricing-table[data-product=fmarketer] .pricing-table-features-list,
        .pricing-table[data-product=fsales] .pricing-table-features-list,
        .pricing-table[data-product=fservice] .pricing-table-features-list,
        .pricing-table[data-product=fteam] .pricing-table-features-list {
            padding: 0 15px;
        }

            .pricing-table[data-product=fmarketer] .pricing-table-features-list li,
            .pricing-table[data-product=fmarketer] .pricing-table-plan-period p,
            .pricing-table[data-product=fsales] .pricing-table-features-list li,
            .pricing-table[data-product=fsales] .pricing-table-plan-period p,
            .pricing-table[data-product=fservice] .pricing-table-features-list li,
            .pricing-table[data-product=fservice] .pricing-table-plan-period p,
            .pricing-table[data-product=fteam] .pricing-table-features-list li,
            .pricing-table[data-product=fteam] .pricing-table-plan-period p {
                font-size: 14px;
            }

        .pricing-table[data-product=fmarketer] .pricing-table-plan-period,
        .pricing-table[data-product=fsales] .pricing-table-plan-period,
        .pricing-table[data-product=fservice] .pricing-table-plan-period,
        .pricing-table[data-product=fteam] .pricing-table-plan-period {
            font-size: 16px;
        }

        .pricing-table[data-product=fmarketer] .pricing-table-header-bg,
        .pricing-table[data-product=fsales] .pricing-table-header-bg,
        .pricing-table[data-product=fservice] .pricing-table-header-bg,
        .pricing-table[data-product=fteam] .pricing-table-header-bg {
            min-height: 140px;
        }

        .pricing-table[data-product=fmarketer] .pricing-table-plan-value,
        .pricing-table[data-product=fsales] .pricing-table-plan-value,
        .pricing-table[data-product=fservice] .pricing-table-plan-value,
        .pricing-table[data-product=fteam] .pricing-table-plan-value {
            border: 0;
        }

            .pricing-table[data-product=fmarketer] .pricing-table-plan-value .pricing-table-plan-period hr,
            .pricing-table[data-product=fsales] .pricing-table-plan-value .pricing-table-plan-period hr,
            .pricing-table[data-product=fservice] .pricing-table-plan-value .pricing-table-plan-period hr,
            .pricing-table[data-product=fteam] .pricing-table-plan-value .pricing-table-plan-period hr {
                border-color: rgba(77, 77, 77, .08);
                max-width: 36px;
                margin: 15px auto 10px;
            }

            .pricing-table[data-product=fmarketer] .pricing-table-plan-value .pricing-table-plan-btn .button,
            .pricing-table[data-product=fsales] .pricing-table-plan-value .pricing-table-plan-btn .button,
            .pricing-table[data-product=fservice] .pricing-table-plan-value .pricing-table-plan-btn .button,
            .pricing-table[data-product=fteam] .pricing-table-plan-value .pricing-table-plan-btn .button {
                padding: 7px 30px;
            }

        .pricing-table[data-product=fmarketer] .pricing-table-footer,
        .pricing-table[data-product=fsales] .pricing-table-footer,
        .pricing-table[data-product=fservice] .pricing-table-footer,
        .pricing-table[data-product=fteam] .pricing-table-footer {
            padding: 0;
        }

        .pricing-table[data-product=fmarketer] .plan-recommended .pricing-table-header-bg img,
        .pricing-table[data-product=fsales] .plan-recommended .pricing-table-header-bg img,
        .pricing-table[data-product=fservice] .plan-recommended .pricing-table-header-bg img,
        .pricing-table[data-product=fteam] .plan-recommended .pricing-table-header-bg img {
            min-height: 180px;
        }

        .pricing-table[data-product=fmarketer] .tool-tip-button:hover::after,
        .pricing-table[data-product=fsales] .tool-tip-button:hover::after,
        .pricing-table[data-product=fservice] .tool-tip-button:hover::after,
        .pricing-table[data-product=fteam] .tool-tip-button:hover::after {
            top: -11px;
            left: 2px;
        }

        .pricing-table[data-product=fsales] .plan-recommended .pricing-table-plan-name,
        .pricing-table[data-product=fteam] .plan-recommended .pricing-table-plan-name {
            margin-top: 50px;
        }

    .pricing-table[data-product=fchat] .pricing-table-plan-btn {
        bottom: 0;
    }

    .pricing-table[data-product=fsales] .pricing-table-plan-btn {
        bottom: 12px;
    }

    .pricing-table-wide-column {
        width: 100%;
    }

        .pricing-table-wide-column .plan-card {
            min-height: 40px;
            width: 100%;
            background: #fff;
            border-radius: 10px;
            overflow: hidden;
        }

            .pricing-table-wide-column .plan-card .pricing-table-header {
                width: 20%;
                float: left;
                border: 0;
                border-radius: 0;
            }

            .pricing-table-wide-column .plan-card .pricing-table-cta {
                position: relative;
                width: 26%;
                float: left;
                min-height: 220px;
            }

                .pricing-table-wide-column .plan-card .pricing-table-cta .cta-wrapper {
                    position: absolute;
                    width: 100%;
                    top: calc(50% + 24px);
                    left: 50%;
                    -ms-transform: translate(-50%, -50%);
                    transform: translate(-50%, -50%);
                }

            .pricing-table-wide-column .plan-card .pricing-table-body {
                width: 54%;
                text-align: left;
                float: left;
                padding-left: 20px;
                padding-bottom: 20px;
                padding-right: 0;
            }

                .pricing-table-wide-column .plan-card .pricing-table-body h3 {
                    font-size: 32px;
                }

                .pricing-table-wide-column .plan-card .pricing-table-body p {
                    line-height: 1.13;
                    border-bottom: 1px solid rgba(255, 168, 0, .3);
                    padding-bottom: 20px;
                    margin-bottom: 20px;
                }

                .pricing-table-wide-column .plan-card .pricing-table-body span {
                    background-position: 0 center;
                    background-repeat: no-repeat;
                    padding-left: 30px;
                    display: inline;
                }

                    .pricing-table-wide-column .plan-card .pricing-table-body span.contacts {
                        background-image: url(/static-assets/images/fsales/pricing/contacts.svg);
                    }

                    .pricing-table-wide-column .plan-card .pricing-table-body span.support {
                        float: right;
                        background-image: url(/static-assets/images/fsales/pricing/support.svg);
                        background-size: 20px 30px;
                    }

                    .pricing-table-wide-column .plan-card .pricing-table-body span.users {
                        float: left;
                        background-image: url(/static-assets/images/fsales/pricing/users.svg);
                    }

    .pricing-table-features-list li {
        line-height: 1.61;
    }

        .pricing-table-features-list li.feature-not-present {
            color: #cbcbcb;
        }

    .pricing-table-column .pricing-table-header {
        margin-top: 40px;
    }

    .animation-container svg {
        margin-top: -22px;
    }

    .plan-recommended.pricing-table-column .pricing-table-header-bg {
        min-height: 150px;
    }

    .plan-recommended .animation-container svg {
        margin-top: -8px;
    }

    .plan-recommended .pricing-table-header {
        margin-top: 0;
    }

    .pricing-table-plan-category {
        font-size: .875rem;
    }

    .pricing-table-plan-price {
        height: 55px;
        font-size: 3rem;
        line-height: 55px;
    }

        .pricing-table-plan-price .pricing-currency-symbol {
            margin-top: -20px;
        }

    .long-currency {
        font-size: 1.125rem;
    }

    .pricing-table-footer [class^=button-] {
        font-size: .75rem;
        padding-right: 20px;
        padding-left: 20px;
    }

    .pricing-table-footer .email-signup-bottom {
        top: 30px;
        width: 160px;
    }

        .pricing-table-footer .email-signup-bottom [class^=email-] {
            margin-bottom: 5px;
        }

            .pricing-table-footer .email-signup-bottom [class^=email-]::-webkit-input-placeholder {
                font-size: 14px;
                text-align: center;
            }

    .tool-tip-button:hover::after {
        opacity: 1;
        content: '';
        top: -8px;
        left: 3px;
    }

    .tool-tip-button:hover + .tool-tip-button.tool-tip-appended-content::before,
    .tool-tip-button:hover + .tool-tip-content {
        display: block;
    }

    .tool-tip-button.tool-tip-appended-content:hover::before {
        display: block;
        bottom: 27px;
    }

    .tool-tip-button.tool-tip-appended-content:hover::after {
        content: '';
    }

    .pricing-table.pricing-table-b .pricing-table-column {
        width: 22%;
    }

    .pricing-landing .pricing-table-column::before {
        top: 40px;
    }

    .pricing-landing .pricing-table-column.plan-recommended::after,
    .pricing-landing .pricing-table-column.plan-recommended::before {
        top: 20px;
    }

    .pricing-landing .pricing-table-column.plan-recommended .pricing-table-header {
        margin-top: 20px;
    }

    .pricing-landing .pricing-table-info {
        margin-top: 45px;
    }

    .pricing-terms {
        font-size: 13px;
    }

    .pricing-offer-banner-badge {
        width: 427px;
        margin: 20px 0;
    }

        .pricing-offer-banner-badge img {
            width: 80%;
        }

    .plan-offer-price-after {
        left: -12px;
    }

    .plan-offer-price-before::before {
        top: 1px;
    }

    .pricing-offer-compare-table {
        overflow-x: hidden;
    }

    .pricing-yearly .pricing-tooltip::before {
        left: -6px;
    }

    .generic-pricing-table {
        margin-top: 30px;
    }

        .generic-pricing-table .wide-column {
            padding-bottom: 40px;
        }

        .generic-pricing-table .pricing-table-plan-features {
            padding-top: 15px;
        }

        .generic-pricing-table .pricing-table-features-list {
            padding: 0 15px;
        }

        .generic-pricing-table .pricing-table-header-bg {
            min-height: 140px;
        }

        .generic-pricing-table .plan-recommended.pricing-table-column .pricing-table-header-bg {
            min-height: 150px;
        }

            .generic-pricing-table .plan-recommended.pricing-table-column .pricing-table-header-bg img {
                min-height: 180px;
            }

        .generic-pricing-table .plan-recommended .pricing-table-plan-name {
            margin-top: 50px;
        }

    .feature-bucket-image {
        margin-left: 0;
    }

    .nav-main-menu {
        position: static;
        opacity: 1;
        pointer-events: all;
        z-index: 200;
        float: right;
        margin-top: 10px;
        width: auto;
    }

    .nav-main-item {
        display: inline-block;
        background-color: transparent;
        border-bottom: none;
        position: relative;
        cursor: pointer;
        vertical-align: top;
        overflow-x: visible;
        text-transform: none;
        font-size: .875rem;
    }

        .nav-main-item.nav-signup-wrapper {
            padding-right: 20px;
            padding-left: 20px;
        }

    .nav-main-item-button {
        margin-left: 20px;
    }

    #nav-sign-up {
        display: inline-block;
        margin-top: 3px;
    }

    .nav-secondary {
        text-align: center;
    }

    .nav-secondary-item.has-sub-menu:hover .nav-sub-menu,
    .nav-secondary-item.sub-menu-opened .nav-sub-menu {
        top: 0;
    }

    .nav-secondary-item .nav-sub-menu {
        position: relative;
        left: 0;
        display: block;
        margin: auto;
        opacity: 1;
        text-align: center;
        box-shadow: none;
        background-color: transparent;
        transition: none;
        -ms-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);
    }

        .nav-secondary-item .nav-sub-menu::after,
        .nav-secondary-item .nav-sub-menu::before {
            content: none;
        }

        .nav-secondary-item .nav-sub-menu .menu-line {
            position: absolute;
            bottom: 0;
            left: 0;
            height: 3px;
            width: 0;
            opacity: 0;
            margin-left: 25px;
            transition: width .15s ease-in, left .15s ease-in, opacity .15s ease-in 35ms;
        }

        .nav-secondary-item .nav-sub-menu .nav-sub-item {
            display: inline-block;
            background-color: transparent;
            transition: border .2s ease;
            padding: 0;
            white-space: normal;
            vertical-align: middle;
            margin-top: 0;
        }

            .nav-secondary-item .nav-sub-menu .nav-sub-item:first-child:hover::before {
                content: none;
            }

            .nav-secondary-item .nav-sub-menu .nav-sub-item .nav-sub-label {
                line-height: 1;
                padding: 10px 25px;
            }

            .nav-secondary-item .nav-sub-menu .nav-sub-item.active,
            .nav-secondary-item .nav-sub-menu .nav-sub-item:hover {
                background-color: transparent;
            }

                .nav-secondary-item .nav-sub-menu .nav-sub-item.active .nav-sub-label,
                .nav-secondary-item .nav-sub-menu .nav-sub-item:hover .nav-sub-label {
                    position: relative;
                }

    .nav-secondary-label {
        display: none;
        cursor: pointer;
    }

    .nav-transparent.no-super:not([data-product-name=fworks]) nav:not(.nav-sticky) {
        padding-top: 50px;
    }

    .nav-super {
        display: block;
    }

    [data-product-name=fworks] .nav-super {
        display: none;
    }

    .nav-sticky .nav-super {
        display: none;
    }

    .nav-super-menu {
        float: right;
    }

    .nav-super-item {
        font-family: National-Book, Helvetica, sans-serif;
        font-size: .75rem;
        letter-spacing: 0;
        text-transform: none;
        vertical-align: middle;
        position: relative;
        display: inline-block;
        cursor: pointer;
        color: rgba(102, 102, 102, .9);
    }

        .nav-super-item:hover {
            color: #4d4d4d;
        }

        .nav-super-item .icon-arrow-down,
        .nav-super-item .nav-sub-toggle {
            font-size: .375rem;
        }

        .nav-super-item .icon-arrow-down {
            margin: 19px 11px;
            border-right: none;
        }

        .nav-super-item .nav-sub-item:not(.nav-logo-tagline):hover {
            color: #3973e6;
        }

        .nav-super-item .nav-sub-label,
        .nav-super-item .nav-sub-label:visited {
            line-height: 1;
            font-size: .875rem;
        }

        .nav-super-item .lang-choice {
            padding: 18px 15px;
            padding-right: 20px;
        }

        .nav-super-item.lang-selector .icon-arrow-down {
            top: 3px;
        }

        .nav-super-item .nav-super-label {
            font-family: Sailec-Medium, Helvetica, sans-serif;
            line-height: .875rem;
        }

        .nav-super-item .nav-super-logo {
            background-size: 125px;
            width: 125px;
            margin-top: 12.5px;
            margin-bottom: 12.5px;
            height: 25px;
            opacity: .9;
        }

            .nav-super-item .nav-super-logo:hover {
                opacity: 1;
            }

    .nav-super-wrapper {
        background-color: #fff;
    }

    .nav-super-label,
    .nav-super-label:visited {
        display: inline-block;
        color: inherit;
        font-size: inherit;
        cursor: inherit;
        line-height: 1;
        padding: 18px 19px;
        font-family: inherit;
    }

    .has-sub-menu .nav-super-label {
        padding-right: 20px;
    }

    .has-sub-menu:hover.nav-super-item .nav-sub-menu,
    .sub-menu-opened.nav-super-item .nav-sub-menu {
        left: 50%;
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        top: 42px;
    }

    .nav-logo-tagline {
        line-height: 1.5;
    }

    .lang-options {
        cursor: pointer;
    }

    .home-link {
        padding-top: 0;
        padding-left: 0;
    }

        .home-link .nav-super-label {
            padding-top: 10px;
            padding-bottom: 10px;
            padding-left: 0;
        }

        .home-link .icon-home {
            font-size: .875rem;
            padding-right: 2px;
            position: relative;
            top: 1px;
        }

    body.nav-active {
        position: static;
        width: auto;
    }

    .nav-burger,
    .nav-company-menu {
        display: none;
    }

    .nav-logo-wrapper {
        display: inline-block;
    }

        .nav-logo-wrapper .logo {
            margin: 17px 0;
        }

    header.sticky-active {
        height: 70px;
    }

    .nav-sticky:not(.nav-active).has-secondary {
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

        .nav-sticky:not(.nav-active).has-secondary.fade-in {
            animation: fadeInDownSecondaryDesktop .1s ease;
        }

    .nav-main-menu .hide-in-desktop,
    .nav-super-menu .hide-in-desktop {
        display: none;
    }

    body:not(.no-super) .nav-logo-wrapper .logo {
        -ms-transform: translateX(24px);
        transform: translateX(24px);
        background-position-x: -24px;
    }

        body:not(.no-super) .nav-logo-wrapper .logo.logo-academy,
        body:not(.no-super) .nav-logo-wrapper .logo.logo-mtgap {
            background-position-x: 0;
        }

    body:not(.no-super) .nav-sticky .nav-logo-wrapper .logo {
        -ms-transform: translateX(0);
        transform: translateX(0);
        background-position-x: 0;
    }

    .nav-label {
        padding: 13px 20px;
        float: none;
    }

    .nav-sub-toggle {
        margin: 15.5px 8px;
        float: none;
        display: inline-block;
        font-size: .5rem;
    }

    .nav-main-item .nav-logo-tagline .logo,
    .nav-super-item .nav-logo-tagline .logo {
        margin-bottom: 5px;
    }

    .nav-main-item.caps-heading-12,
    .nav-super-item.caps-heading-12 {
        letter-spacing: 0;
    }

    .nav-main-item .nav-logo-tagline .nav-sub-label,
    .nav-super-item .nav-logo-tagline .nav-sub-label {
        font-size: .75rem;
        padding: 10px 16px;
        color: #999;
    }

    .nav-opaque-bg,
    .nav-sticky {
        background-color: #fff;
    }

        .nav-opaque-bg .nav-logo-wrapper,
        .nav-sticky .nav-logo-wrapper {
            background-color: transparent;
        }

        .nav-opaque-bg .nav-signup-wrapper .terms-subtext,
        .nav-sticky .nav-signup-wrapper .terms-subtext {
            margin-top: 0;
        }

            .nav-opaque-bg .nav-signup-wrapper .terms-subtext p,
            .nav-sticky .nav-signup-wrapper .terms-subtext p {
                color: #999;
            }

            .nav-opaque-bg .nav-signup-wrapper .terms-subtext a,
            .nav-sticky .nav-signup-wrapper .terms-subtext a {
                color: #999;
            }

        .nav-light-bg .nav-wrapper-border,
        .nav-opaque-bg .nav-wrapper-border,
        .nav-sticky .nav-wrapper-border {
            border-bottom: 1px solid rgba(0, 0, 0, .1);
        }

        .nav-light-bg .nav-main-item,
        .nav-light-bg .nav-secondary-item .nav-sub-item,
        .nav-opaque-bg .nav-main-item,
        .nav-opaque-bg .nav-secondary-item .nav-sub-item,
        .nav-sticky .nav-main-item,
        .nav-sticky .nav-secondary-item .nav-sub-item {
            color: rgba(0, 0, 0, .7);
        }

            .nav-light-bg .nav-secondary-item .nav-sub-item:hover,
            .nav-opaque-bg .nav-secondary-item .nav-sub-item:hover,
            .nav-sticky .nav-secondary-item .nav-sub-item:hover {
                color: rgba(0, 0, 0, .85);
            }

            .nav-light-bg .nav-main-item.nav-contact,
            .nav-opaque-bg .nav-main-item.nav-contact,
            .nav-sticky .nav-main-item.nav-contact {
                color: #999;
                font-family: Sailec-Regular, Helvetica, sans-serif;
            }

                .nav-light-bg .nav-main-item.nav-contact:hover,
                .nav-opaque-bg .nav-main-item.nav-contact:hover,
                .nav-sticky .nav-main-item.nav-contact:hover {
                    color: #999;
                }

        .nav-light-bg .nav-signup-wrapper .terms-subtext,
        .nav-opaque-bg .nav-signup-wrapper .terms-subtext,
        .nav-sticky .nav-signup-wrapper .terms-subtext {
            margin-top: 0;
        }

            .nav-light-bg .nav-signup-wrapper .terms-subtext p,
            .nav-opaque-bg .nav-signup-wrapper .terms-subtext p,
            .nav-sticky .nav-signup-wrapper .terms-subtext p {
                color: #999;
                font-size: .75rem;
            }

            .nav-light-bg .nav-signup-wrapper .terms-subtext a,
            .nav-opaque-bg .nav-signup-wrapper .terms-subtext a,
            .nav-sticky .nav-signup-wrapper .terms-subtext a {
                color: #999;
            }

    .nav-dark-bg:not(.nav-sticky) .nav-secondary-item .nav-sub-item {
        color: #fff;
    }

        .nav-dark-bg:not(.nav-sticky) .nav-secondary-item .nav-sub-item:hover .nav-sub-label {
            color: rgba(255, 255, 255, .75);
        }

    .nav-dark-bg:not(.nav-sticky) .nav-signup-wrapper .terms-subtext p {
        color: rgba(255, 255, 255, .5);
        font-size: .75rem;
    }

    .nav-dark-bg:not(.nav-sticky) .nav-signup-wrapper .terms-subtext a {
        color: rgba(255, 255, 255, .7);
        border-bottom: 1px dotted;
    }

        .nav-dark-bg:not(.nav-sticky) .nav-signup-wrapper .terms-subtext a:hover {
            color: #fff;
        }

    .nav-dark-bg:not(.nav-sticky) .button--ghost:not(.link) {
        color: #fff !important;
        border-color: #fff !important;
    }

    .nav-sub-menu {
        display: block;
        position: absolute;
        left: -10000px;
        width: auto;
        min-width: 120px;
        max-height: none;
        background-color: #fff;
        border-radius: 5px;
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
        white-space: nowrap;
        opacity: 0;
        -ms-transform: translateX(-50%) translateY(-10px);
        transform: translateX(-50%) translateY(-10px);
        transition: transform .2s ease, opacity .2s ease;
    }

        .nav-sub-menu .nav-sub-item:first-child:hover::before,
        .nav-sub-menu::before {
            content: '';
            position: absolute;
            width: 14px;
            height: 0;
            border: 7px solid transparent;
            border-bottom: 7px solid #fff;
            top: -14px;
            left: 50%;
            -ms-transform: translateX(-50%);
            transform: translateX(-50%);
        }

        .nav-sub-menu .nav-sub-item:first-child:hover::before {
            border-bottom-color: #f1f1f1;
        }

        .nav-sub-menu::after {
            content: '';
            content: '';
            position: absolute;
            width: 14px;
            height: 0;
            border: 6px solid transparent;
            border-bottom: 6px solid rgba(0, 0, 0, .2);
            top: -14px;
            left: 50%;
            -ms-transform: translateX(-50%);
            transform: translateX(-50%);
            z-index: -100;
            filter: blur(2px);
            opacity: .5;
        }

    .has-sub-menu:hover .nav-sub-menu,
    .sub-menu-opened .nav-sub-menu {
        z-index: 300;
        left: 50%;
        top: 40px;
        opacity: 1;
        -ms-transform: translateX(-50%) translateY(0);
        transform: translateX(-50%) translateY(0);
        max-height: none;
        overflow: visible;
    }

    .has-sub-menu:hover .nav-sub-toggle,
    .sub-menu-opened .nav-sub-toggle {
        -ms-transform: rotate(180deg);
        transform: rotateZ(180deg);
    }

    .nav-sub-item {
        line-height: 1;
        cursor: pointer;
        transition: background-color .2s ease;
    }

        .nav-sub-item:first-child {
            margin-top: 0;
            border-top-left-radius: 5px;
            border-top-right-radius: 5px;
        }

        .nav-sub-item:last-child {
            border-bottom-left-radius: 5px;
            border-bottom-right-radius: 5px;
        }

    .nav-sub-label {
        transition: color .2s ease;
        line-height: 1.17;
    }

        .nav-sub-label.nav-logo-tagline:hover {
            font-size: .875rem;
        }

    .nav-contact {
        font-size: 1.3125rem;
    }

        .nav-contact .nav-label {
            padding-left: 5px;
        }

    .card-nav .desc {
        color: #666;
        line-height: 13px;
        margin-left: 22px;
        display: block;
    }

    .card-nav .label {
        display: none;
    }

    .card-nav .nav-sub-menu {
        padding: 20px;
        white-space: normal;
        width: 750px;
        display: block;
    }

        .card-nav .nav-sub-menu .forward--link,
        .card-nav .nav-sub-menu .forward--link::after {
            color: #3973e6;
        }

    .card-nav.nav-main-item .nav-sub-menu {
        -ms-transform: translateX(-40%) translateY(-10px);
        transform: translateX(-40%) translateY(-10px);
    }

        .card-nav.nav-main-item .nav-sub-menu::before {
            left: 40%;
        }

        .card-nav.nav-main-item .nav-sub-menu::after {
            top: -16px;
            left: 40%;
        }

    .card-nav.nav-main-item.has-sub-menu:hover .nav-sub-menu,
    .card-nav.nav-main-item.sub-menu-opened .nav-sub-menu {
        -ms-transform: translateX(-40%) translateY(0);
        transform: translateX(-40%) translateY(0);
    }

    .card-nav [class^=col-] {
        padding: 2.5px;
    }

    .card-nav .row {
        margin-left: -2.5px;
        margin-right: -2.5px;
    }

    .card-nav .nav-sub-item {
        padding: 15px;
        border-radius: 4px;
        display: inline-block;
        vertical-align: top;
    }

        .card-nav .nav-sub-item .nav-sub-label .tag-new {
            top: 2px;
            float: right;
            border-radius: 8px;
            background-color: #a1a1a1;
            font-family: National-Regular, Helvetica, sans-serif;
            font-weight: 500;
            font-size: .625rem;
            padding: 3px 6px;
        }

        .card-nav .nav-sub-item .intro-text {
            color: #666;
            font-size: .75rem;
            line-height: 20px;
            display: block;
            margin-bottom: 5px;
        }

        .card-nav .nav-sub-item:first-child:hover::before {
            content: unset;
        }

    .card-nav .nav-sub-label .forward--link,
    .card-nav .nav-sub-label .label {
        line-height: 1.25;
    }

    .card-nav .nav-sub-label .logo {
        margin-bottom: 0;
    }

    .card-nav .nav-sub-label .forward--link {
        margin-left: 22px;
        font-size: .75rem;
        display: block;
    }

        .card-nav .nav-sub-label .forward--link::after {
            font-size: 8px;
        }

    .card-nav .nav-logo-tagline .nav-sub-label {
        font-size: .75rem;
        padding: 0;
    }

    .card-nav .nav-sub-item.fdesk-bg:hover {
        background-color: #ebfaf2;
    }

    .card-nav .nav-sub-item.fservice-bg:hover {
        background-color: #e7f9fe;
    }

    .card-nav .nav-sub-item.fsales-bg:hover {
        background-color: #fff6e6;
    }

    .card-nav .nav-sub-item.fping-bg:hover {
        background-color: #fdf1e6;
    }

    .card-nav .nav-sub-item.fconnect-bg:hover {
        background-color: #e6f7f7;
    }

    .card-nav .nav-sub-item.fcaller-bg:hover {
        background-color: #f9ecf2;
    }

    .card-nav .nav-sub-item.fteam-bg:hover {
        background-color: #ffeef0;
    }

    .card-nav .nav-sub-item.fchat-bg:hover {
        background-color: #ecf5fd;
    }

    .card-nav .nav-sub-item.fmarketer-bg:hover {
        background-color: #fdeee9;
    }

    .card-nav .nav-sub-item.fworks-bg:hover {
        background-color: #d3e9f9;
    }

    .card-nav .bottom-pane {
        margin: -15px;
        margin-top: 5px;
        border-top: #eee solid 1px;
    }

    .card-nav .bottom-pane-link {
        width: 100%;
        margin-top: 5px !important;
    }

        .card-nav .bottom-pane-link a {
            font-family: National-Book, Helvetica, sans-serif;
        }

        .card-nav .bottom-pane-link .forward--link {
            display: inline;
            margin-left: 10px;
            color: #3973e6;
        }

            .card-nav .bottom-pane-link .forward--link::after {
                color: #3973e6;
            }

    .nav-featured-product-row {
        position: relative;
    }

    .nav-featured-product .fworks-bg {
        background-color: #f2faff;
    }

    .nav-featured-product .nav-sub-item {
        width: 100%;
    }

    .nav-featured-product .nav-sub-label p {
        font-size: .875rem;
        line-height: 1rem;
        margin-top: 0;
    }

        .nav-featured-product .nav-sub-label p:nth-child(1) {
            margin-bottom: 1px;
        }

        .nav-featured-product .nav-sub-label p:nth-child(2),
        .nav-featured-product .nav-sub-label p:nth-child(3) {
            margin-bottom: 3px;
        }

    .nav-featured-product .nav-sub-label .forward--link {
        margin-left: 0;
    }

    .nav-featured-product .nav-sub-label .logo-360-text {
        font-weight: 300;
        font-size: 1rem;
        line-height: 1rem;
    }

    .nav-featured-product.nav-featured-products-four {
        position: absolute;
        top: 2.5px;
        bottom: 2.5px;
        right: 0;
        margin-left: 2.5px;
    }

        .nav-featured-product.nav-featured-products-four .nav-sub-item {
            height: 100%;
        }

        .nav-featured-product.nav-featured-products-four .nav-sub-label p {
            max-width: 150px;
            margin-bottom: 10px;
        }

        .nav-featured-product.nav-featured-products-four .logo-360-text {
            font-weight: 600;
            font-size: 1.125rem;
            line-height: 1.125rem;
        }

    .footer-navs > .row {
        padding: 10px 0 40px;
    }

    .footer-navs [class^=col-md-] {
        padding-left: 0;
    }

    .footer-navs .footer-right-section {
        border-left: 1px solid #e6e6e6;
        padding-left: 30px;
        margin-top: 30px;
    }

    .footer-navs .footer-left-section {
        margin-top: 30px;
    }

    .footer-navs .footer-nav {
        margin-right: 5px;
    }

        .footer-navs .footer-nav + .footer-nav-title {
            margin-top: 30px;
        }

    .footer-navs .footer-nav-title {
        margin-top: 0;
    }

    .footer-copyrights {
        padding: 15px 0;
        text-align: inherit;
    }

    .copyrights-nav {
        display: inline-block;
        line-height: inherit;
        float: left;
        margin-bottom: 0;
    }

    .footer-copyrights-text {
        float: right;
        margin-top: 4px;
    }

    .footer-salessupport {
        text-align: left;
        display: inline-block;
    }

        .footer-salessupport .footer-nav li:last-child span {
            margin-right: 0;
        }

    .name-field {
        width: 49.1%;
    }

    .upper-video-offset {
        margin-top: 60px;
    }

    .whitepaper-content-wrapper {
        margin-right: 50px;
    }

    .preference-center-content-wrapper {
        margin-right: 85px;
    }

    .whitepaper-form-wrapper-outer {
        position: relative;
        padding-left: 0;
    }

        .whitepaper-form-wrapper-outer > h5 {
            text-align: center;
        }

    .whitepaper-form-wrapper {
        margin: 0 0 0 auto;
    }

    .whitepaper-form {
        width: 100%;
        margin-top: 10px;
        display: inline-block;
        min-height: 240px;
    }

    .pricing-custom-dropdown {
        position: relative;
        outline: 0;
    }

        .pricing-custom-dropdown:focus {
            outline: 0;
        }

        .pricing-custom-dropdown .icon-arrow-down {
            top: 50%;
            right: 12px;
            left: auto;
            position: absolute;
            font-size: .8rem;
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            transition: transform 250ms;
        }

        .pricing-custom-dropdown input.plan-input {
            font-size: 14px;
            width: 100%;
            cursor: pointer;
            padding: 12px 10px;
            color: #4d4d4d;
            font-family: National-Book, Helvetica, sans-serif;
            transition: top .2s ease, font-size .2s ease, padding .2s ease;
            border: none;
            border-radius: 2px;
            outline: 0;
        }

        .pricing-custom-dropdown .plan-dropdown {
            font-size: 0;
            position: relative;
            border-radius: 3px;
            border: solid 1px #ccc;
            clear: both;
            will-change: margin-bottom;
            transition: border-color .15s ease;
            margin-bottom: 0;
        }

            .pricing-custom-dropdown .plan-dropdown:hover {
                border-color: #7f7f7f;
            }

        .pricing-custom-dropdown .dropdown-content {
            margin: 0;
            text-align: left;
        }

            .pricing-custom-dropdown .dropdown-content ul {
                max-height: 200px;
            }

                .pricing-custom-dropdown .dropdown-content ul li {
                    font-size: 14px;
                    line-height: 26px;
                }

                    .pricing-custom-dropdown .dropdown-content ul li.selected {
                        background-color: #f1f1f1;
                    }

                    .pricing-custom-dropdown .dropdown-content ul li:hover {
                        background-color: #f1f1f1;
                    }

        .pricing-custom-dropdown.active .dropdown-content {
            display: block;
        }

        .pricing-custom-dropdown.active .plan-dropdown {
            border-color: #7f7f7f;
        }

        .pricing-custom-dropdown.active .icon-arrow-down {
            -ms-transform: rotate(180deg) translateY(50%);
            transform: rotate(180deg) translateY(50%);
            transition: transform 250ms;
        }

    .employee-count-plus {
        margin-right: -13px;
    }

        .employee-count-plus::after {
            content: '+';
        }

    .plan-per-month {
        font-size: 13px;
        margin-top: 0;
    }

    .psr-ul .psr-ul-page .line-separator {
        width: 185px;
    }

    .psr-ul .psr-ul-page .steps.step1 {
        margin-right: 175px;
    }

    .banner-partner-reseller {
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }

    .dropdown-content.country-dropdown-content.psr-dropdown {
        margin: 0 195px;
        margin-top: -10px;
    }

    .form-field .form-placeholder.no-icon {
        padding: 0 0 0 13px;
    }

   

        .roiform .form-wrapper {
            padding: 0 15px 15px;
        }

    .country-code-dropdown .phone-code-field {
        width: 84.5%;
    }

    .country-code-dropdown .dropdown-content {
        top: 74.7%;
    }

    .partner-page-container .no-js-message {
        left: 40px;
    }

    .partner-signup-email-only.email-only-signup input {
        min-width: 205px;
    }

    .customer-logos.left-aligned {
        text-align: left;
    }

    .customer-logo {
        width: 140px;
        margin: 20px;
    }

        .customer-logo.tight {
            width: 120px;
            margin: 10px 10px 10px 0;
        }

        .customer-logo:nth-child(n+13) {
            display: inline-block;
        }

    .feature-screenshot-left__content {
        float: right;
    }

    .feature-screenshot-right__media {
        text-align: right;
    }

    .feature-screenshot-left__media {
        text-align: left;
    }

    .feature-screenshot__media-container {
        margin-top: 10px;
    }

    .feature-screenshot__media-container--auto {
        text-align: center;
    }

        .feature-screenshot__media-container--auto img {
            width: auto;
        }

    .fchat-bottom-banner .feature-screenshot-image-container {
        padding-right: 0;
    }

    .fchat-top-banner .feature-description {
        margin-top: 120px;
    }

    .fchat-bottom-banner .feature-description {
        margin-top: 80px;
    }

    .mobile-align-center {
        text-align: left;
    }

    .feature-bg-product div[class*=col-][class*="__content"] {
        padding: 0 80px;
    }

    .feature-screenshot__media-container .loading-optimized {
        margin-bottom: 0;
    }

    .resource-box {
        transition: transform .3s ease, box-shadow .3s ease;
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

        .resource-box:hover {
            -ms-transform: translateY(-6px);
            transform: translateY(-6px);
            box-shadow: 0 7px 10px 0 rgba(0, 0, 0, .1);
        }

        .resource-box .link {
            margin-top: 10px;
        }

    .review-box {
        transition: transform .3s ease, box-shadow .3s ease;
    }

        .review-box:hover {
            -ms-transform: translateY(-6px);
            transform: translateY(-6px);
        }

    .fworks-webinar-section {
        margin: auto;
        width: 900px;
    }

    .testimonial-content {
        width: 62.6%;
    }

        .testimonial-content::before {
            top: -2rem;
        }

    .testimonial-band {
        width: calc(100% + 60px);
        overflow: hidden;
        position: relative;
        top: 40px;
        left: -30px;
    }

        .testimonial-band .testimonial-band-inner {
            width: 80%;
            margin: 0 auto;
            overflow: hidden;
            text-align: center;
        }

        .testimonial-band h6 {
            margin: 12px 0 0;
        }

        .testimonial-band p {
            margin: 0 0 12px;
        }

        .testimonial-band .link {
            margin: 22px 0;
        }

    .testimonial-all-center .author-bio .author-bio-details {
        text-align: center;
    }

    .carousel-control.left {
        left: -14%;
    }

    .carousel-control.right {
        right: -14%;
    }

    .testimonial-webinar.fsales .webinar-content {
        padding-left: 30px;
    }

    .testimonial-webinar.fsales .webinar-photo {
        padding: 0;
        line-height: .5;
    }

        .testimonial-webinar.fsales .webinar-photo img {
            min-height: 150px;
            width: 100%;
            -o-object-fit: cover;
            object-fit: cover;
            border-top-left-radius: 5px;
            border-bottom-left-radius: 5px;
        }

    .testimonial-full-width {
        width: 100%;
    }

        .testimonial-full-width .testimonial-card {
            padding: 0;
        }

        .testimonial-full-width .author-bio {
            text-align: left;
        }

            .testimonial-full-width .author-bio::before {
                margin: 0;
            }

        .testimonial-full-width .testimonial-content-outer {
            padding-top: 7.5vw;
            padding-left: 4%;
        }

        .testimonial-full-width .testimonial-content {
            padding: 0;
            margin-left: 0;
        }

            .testimonial-full-width .testimonial-content::before {
                display: none;
            }

        .testimonial-full-width .testimonial-quote {
            padding-top: 23px;
            text-align: left;
            font-size: 1.25rem;
        }

        .testimonial-full-width .testimonial-photo img {
            height: auto;
            vertical-align: middle;
            max-width: none;
        }

    .testimonial-logo-container {
        margin-left: 0;
        width: 160px;
        height: 60px;
    }

    .vertical-tab-wrapper {
        display: block;
        overflow: hidden;
    }

        .vertical-tab-wrapper .browser-mockup,
        .vertical-tab-wrapper .nav-tablist {
            float: left;
        }

        .vertical-tab-wrapper .nav-tablist {
            width: 24.5%;
        }

            .vertical-tab-wrapper .nav-tablist h2 {
                margin-bottom: 1.3125rem;
                padding-right: 10px;
            }

            .vertical-tab-wrapper .nav-tablist li {
                margin-bottom: 9px;
                border: solid 1px #e6e6e6;
                border-right: 0;
                border-radius: 3px;
                border-top-right-radius: 0;
                border-bottom-right-radius: 0;
            }

                .vertical-tab-wrapper .nav-tablist li:first-child {
                    margin-top: .75rem;
                }

                .vertical-tab-wrapper .nav-tablist li.active {
                    background-color: rgba(37, 193, 111, .2);
                    border-color: rgba(37, 193, 111, .4);
                }

                .vertical-tab-wrapper .nav-tablist li a {
                    display: table-cell;
                    vertical-align: middle;
                    color: #666;
                    font-size: .875rem;
                    font-weight: 500;
                    padding: 12px 15px;
                    font-family: Sailec-Medium, Helvetica, sans-serif;
                }

        .vertical-tab-wrapper .browser-mockup {
            width: 75.4%;
        }

    .vertical-tab-wrapper-v3 .browser-mockup {
        width: 65.87%;
        min-height: auto;
    }

    .vertical-tab-wrapper-v3 .tab-content .tab-pane {
        height: auto;
        line-height: 0;
    }

    .vertical-tab-wrapper-v3 .nav-tablist {
        width: 31.74%;
        margin-right: 2.39%;
        margin-top: 0;
    }

        .vertical-tab-wrapper-v3 .nav-tablist li {
            border-radius: 3px;
        }

            .vertical-tab-wrapper-v3 .nav-tablist li:first-child {
                margin-top: 0;
            }

            .vertical-tab-wrapper-v3 .nav-tablist li a {
                font-family: Sailec-Medium, Helvetica, sans-serif;
                font-size: 14px;
            }

            .vertical-tab-wrapper-v3 .nav-tablist li span {
                font-family: National-Book, Helvetica, sans-serif;
                display: block;
                color: #666;
                line-height: 1.29;
                margin-top: 10px;
            }

    .tab-content .tab-pane {
        display: none;
        height: 500px;
        position: relative;
        counter-reset: dots;
    }

        .tab-content .tab-pane img {
            max-width: none;
            height: inherit;
        }

        .tab-content .tab-pane .loading-optimized img {
            height: auto;
        }

    .tab-content .active {
        display: block;
    }

    .browser-mockup {
        min-height: 540px;
    }

        .browser-mockup .circle {
            width: 7px;
            height: 7px;
            margin-right: 2px;
            border-radius: 50%;
            display: inline-block;
            background-color: #fff;
        }

            .browser-mockup .circle.circle-red {
                background-color: #fc635d;
            }

            .browser-mockup .circle.circle-yellow {
                background-color: #fdbc40;
            }

            .browser-mockup .circle.circle-green {
                background-color: #34c84a;
            }

    .browser-mockup-top-bar {
        border-radius: 5px;
        padding: 0 10px 10px;
        background-color: #e6e6e6;
    }

        .browser-mockup-top-bar .browser-content {
            background-color: #fff;
        }

    .horizontal-tab-wrapper {
        display: block;
        width: 75.3%;
        clear: both;
        margin: auto;
    }

        .horizontal-tab-wrapper .nav-tablist li {
            display: table-cell;
            vertical-align: middle;
            padding: 0 10px;
            width: 33.3%;
            text-align: center;
        }

            .horizontal-tab-wrapper .nav-tablist li:first-child {
                border-top-left-radius: 3px;
                border-bottom-left-radius: 3px;
            }

            .horizontal-tab-wrapper .nav-tablist li:last-child {
                border-right: 1px solid;
                border-top-right-radius: 3px;
                border-bottom-right-radius: 3px;
            }

            .horizontal-tab-wrapper .nav-tablist li a {
                display: block;
                font-family: Sailec-Bold, Helvetica, sans-serif;
                padding: .72rem 0;
                letter-spacing: .5px;
                color: #4d4d4d;
                font-size: .75rem;
                text-transform: uppercase;
            }

    .mobile-tab-wrapper {
        display: none;
    }

    .popover-dot {
        width: 48px;
        height: 48px;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        position: absolute;
        margin: 5px 0 0 5px;
        z-index: 100;
        -ms-transform: translate(-50%);
        transform: translate(-50%);
    }

        .popover-dot::after,
        .popover-dot::before {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            border-radius: 50%;
        }

        .popover-dot::before {
            opacity: 0;
            width: 10px;
            height: 10px;
            margin-top: -1px;
            margin-left: -1px;
            -ms-transform-origin: 50%;
            transform-origin: 50%;
            animation: popover-dot-animation 1s infinite;
            animation-fill-mode: forwards;
        }

        .popover-dot::after {
            counter-increment: dots;
            content: counter(dots);
            width: 24px;
            height: 24px;
            margin-top: -8px;
            margin-left: -8px;
            line-height: 24px;
            text-align: center;
            color: #fff;
            font-size: .75rem;
            font-weight: 700;
        }

    .popover {
        padding: 20px;
        color: #fff;
        border: none;
        background-color: #333;
    }

        .popover.fade {
            animation: scaleDown .2s cubic-bezier(0, 0, .2, 1);
        }

            .popover.fade.in {
                animation: scale .2s cubic-bezier(0, 0, .2, 1);
            }

        .popover.top {
            margin-top: -3px;
            margin-left: 4px;
        }

            .popover.top .arrow {
                border-right-color: transparent;
            }

                .popover.top .arrow::after {
                    border-top-color: #333;
                }

        .popover.bottom {
            margin-left: 4px;
        }

            .popover.bottom .arrow {
                border-bottom-color: #333;
            }

                .popover.bottom .arrow::after {
                    border-bottom-color: #333;
                }

        .popover.left {
            margin-top: 4px;
            margin-left: -3px;
        }

            .popover.left .arrow {
                border-left-color: #333;
            }

                .popover.left .arrow::after {
                    border-left-color: #333;
                }

        .popover.right {
            margin-top: 4px;
        }

            .popover.right .arrow {
                border-right-color: #333;
            }

                .popover.right .arrow::after {
                    border-right-color: #333;
                }

        .popover .popover-title {
            padding: 0;
            margin-bottom: 10px;
            color: #fff;
            font-family: Sailec-Medium, Helvetica, sans-serif;
            font-size: 1rem;
            font-weight: 500;
            background-color: transparent;
            border-bottom: none;
        }

        .popover .popover-content,
        .popover .popover-content p {
            padding: 0;
            margin: 0;
            line-height: 1.29;
            border: none;
            font-size: .875rem;
            font-family: National-Book, Helvetica, sans-serif;
            color: rgba(255, 255, 255, .75);
        }

   

    .ls-widget {
        width: 21.5%;
        margin: 0 23px 40px;
        display: inline-block;
        vertical-align: top;
    }

    .modal-ls-widget {
        width: 900px;
        padding: 20px 0;
    }

        .modal-ls-widget .ls-widget {
            width: 26%;
            margin: 0;
        }

        .modal-ls-widget .ls-desc {
            width: 60%;
            margin-left: 40px;
            display: inline-block;
        }

    .video-widget-250-wrapper {
        margin-left: -15px;
        margin-right: -15px;
    }

    .video-popup-close {
        right: -60px;
        top: 0;
    }

    .video-popup-modal-content {
        width: 86%;
        max-width: 1090px;
    }

    .wistia_responsive_padding {
        padding: 56.25% 0 0;
        position: relative;
    }

    .fsales-sales-campaign-video .banner-video-offset::after {
        margin-top: 0;
    }

    .fsales-sales-campaign-video .upper-video-offset {
        margin-top: 0;
    }

    .date {
        display: inline-block;
        font-size: .875rem;
    }

    .timeline-heading {
        margin-top: 50px;
    }

    .timeline-entry {
        margin-top: 140px;
        max-width: 17%;
    }

        .timeline-entry::before {
            display: block;
            content: '';
            width: 2px;
            height: 140px;
            position: absolute;
            background-color: #e6e6e6;
            top: -140px;
            left: 50%;
        }

    .event {
        position: absolute;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        top: 50%;
    }

    .event-left {
        left: -23vw;
    }

        .event-left .event-image {
            position: absolute;
            -ms-transform: translate(-100%, -50%);
            transform: translate(-100%, -50%);
            margin: 0;
        }

        .event-left .event-description {
            position: absolute;
            margin-left: 25px;
            -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
        }

            .event-left .event-description::after,
            .event-left .event-description::before {
                left: 100%;
                top: 50%;
                border: solid transparent;
                content: '';
                height: 0;
                width: 0;
                position: absolute;
                pointer-events: none;
            }

            .event-left .event-description::after {
                border-left-color: #fff;
                border-width: 10px;
                margin-top: -10px;
            }

            .event-left .event-description::before {
                border-left-color: #ccc;
                border-width: 11px;
                margin-top: -11px;
                margin-left: 1px;
            }

    .event-right {
        right: -23vw;
    }

        .event-right .event-image {
            position: absolute;
            -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
            margin: 0;
        }

        .event-right .event-description {
            position: absolute;
            margin-left: -25px;
            -ms-transform: translate(-100%, -50%);
            transform: translate(-100%, -50%);
        }

            .event-right .event-description::after,
            .event-right .event-description::before {
                right: 100%;
                top: 50%;
                border: solid transparent;
                content: '';
                height: 0;
                width: 0;
                position: absolute;
                pointer-events: none;
                margin-right: -1px;
            }

            .event-right .event-description::after {
                border-right-color: #fff;
                border-width: 10px;
                margin-top: -10px;
            }

            .event-right .event-description::before {
                border-right-color: #ccc;
                border-width: 11px;
                margin-top: -11px;
                margin-right: 0;
            }

    .event-description {
        width: 20vw;
    }

    .timeline {
        margin: 0;
    }

        .timeline .timeline-col {
            float: left;
        }

            .timeline .timeline-col:last-child .line {
                display: none;
            }

        .timeline p {
            margin: 0;
            margin-top: 10px;
            padding-right: 25px;
        }

        .timeline .pill-heading-wrapper .pill-heading {
            box-shadow: none;
        }

            .timeline .pill-heading-wrapper .pill-heading + span.line {
                position: relative;
                height: 2px;
                width: 100%;
                top: -15px;
                left: 0;
            }

    .banner-home-image {
        margin-top: -60px;
    }

    .webinar-details-wrapper {
        text-align: left;
    }

    .webinar-schedule-wrapper {
        display: block;
    }

    .webinar-presenter {
        text-align: initial;
    }

    .webinar-facilitators .webinar-presenter-details {
        max-width: 70%;
    }

    .webinar-presenter-img-wrapper {
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px;
        height: 67px;
    }

    .webinar-presenter-details {
        display: inline-block;
        vertical-align: middle;
    }

    .webinar-presenter-heading {
        margin-bottom: 50px;
    }

    .webinar-title {
        padding-bottom: 100px;
    }

    .webinar-widget-wrapper {
        position: relative;
    }

        .webinar-widget-wrapper .webinar-widget {
            width: 100%;
            margin-top: -177px;
        }

            .webinar-widget-wrapper .webinar-widget .l-page {
                max-width: 900px;
            }

            .webinar-widget-wrapper .webinar-widget .hr {
                margin-top: 70px;
            }

    .image-wrap {
        padding-bottom: 120px;
    }

    .banner-right-image {
        margin-top: 40px;
    }

    .vertical-center {
        -ms-transform: translateY(50%);
        transform: translateY(50%);
    }

    .tag-new {
        margin-left: 0;
    }

    .list-wrap {
        text-align: left;
    }

    .podcast-banner .banner-video-offset::after {
        padding-bottom: 12%;
    }

    .podcast-banner + .banner-video-offset::after {
        padding-bottom: 20%;
    }

    .podcast-banner .banner-video-box {
        padding: 0;
    }

    .top-banner-animation-container {
        top: 10px;
    }

    .bucket-animation-container {
        display: block;
    }

    .bucket-animation-wrapper.animation-ready .bucket-animation-static-bg {
        opacity: 0;
        display: none;
    }

    .bucket-animation-wrapper.animation-ready .bucket-animation-container {
        opacity: 1;
    }

    .banner-animation-wrapper {
        margin-bottom: -30px;
        top: -30px;
    }

        .banner-animation-wrapper.animation-ready .banner-animation-static-bg {
            opacity: 0;
        }

        .banner-animation-wrapper.animation-ready .banner-animation-container {
            opacity: 1;
        }

    .banner-animation-container {
        display: initial;
        position: absolute;
        width: 95%;
        top: 0;
        left: 2.5%;
    }

    .banner-animation-trigger {
        width: 90px;
        height: 50px;
    }

        .banner-animation-trigger::before {
            box-shadow: 0 12px 15px -2px #666;
        }

    .banner-animation-trigger-button {
        width: 90px;
        height: 50px;
    }

        .banner-animation-trigger-button::before {
            box-shadow: 0 8px 0 2px #ddd;
        }

    .banner-animation-trigger-logo {
        background-size: 50px;
        width: 50px;
        height: 50px;
    }

    .banner-animation-ripple {
        width: 90px;
        height: 50px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: 10px;
        border-radius: 50%;
        -ms-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }

        .banner-animation-ripple:nth-child(1) {
            animation: 4s ease-out 0s infinite bannerAnimationRipple;
        }

        .banner-animation-ripple:nth-child(2) {
            animation: 4s ease-out 1s infinite bannerAnimationRipple;
        }

        .banner-animation-ripple:nth-child(3) {
            animation: 4s ease-out 2s infinite bannerAnimationRipple;
        }

        .banner-animation-ripple:nth-child(4) {
            animation: 4s ease-out 3s infinite bannerAnimationRipple;
        }

    .ripples-active .banner-animation-ripple {
        display: initial;
    }

    .ripples-active .banner-animation-trigger-button,
    .ripples-active .banner-animation-trigger-logo {
        cursor: pointer;
    }

        .ripples-active .banner-animation-trigger-button:hover::after {
            background-color: #f7f7f7;
        }

    @keyframes bannerAnimationRipple {
        0% {
            width: 90px;
            height: 50px;
            opacity: 1;
        }

        75% {
            width: 270px;
            height: 150px;
            opacity: .25;
        }

        95% {
            width: 270px;
            height: 150px;
            opacity: 0;
        }

        100% {
            width: 0;
            height: 0;
            opacity: 0;
        }
    }

    .location-container {
        max-width: none;
    }

    .feature-comparison-widget {
        margin: 0 .8% 2%;
    }

    .comparison-price-widget {
        width: 290px;
        margin: auto;
    }

    .comparison-price-wrapper {
        padding: 0;
        margin-top: 0;
    }

        .comparison-price-wrapper::before {
            left: -4%;
        }

    .comparison-wrapper {
        margin: auto;
    }

        .comparison-wrapper h6 {
            margin-bottom: 20px;
        }

    .comp-notes {
        padding: 10px 10% 0;
    }

    .compare-crm-notes h6 {
        margin-bottom: 5px;
    }

    .crm-comparison-table td:first-child,
    .crm-comparison-table th:first-child {
        text-align: left;
    }

    p.disclaimer {
        text-align: left;
        margin: 10px auto 0;
        padding-left: 10px;
        color: #999;
    }

        p.disclaimer.features.comparison {
            padding-left: 15px;
            max-width: 85%;
            margin: -20px auto 20px;
        }

        p.disclaimer.pricing.comparison {
            margin: 10px auto 0 30px;
        }

    .pattern-gradient-dark {
        background-size: 1440px, 100%;
        padding-bottom: 120px;
    }

    .pattern-gradient-light,
    .pattern-light {
        background-size: 1440px, 100%;
        padding-bottom: 120px;
    }

        .pattern-gradient-light.banner-form {
            padding-bottom: 60px;
        }

    .thank-you-container {
        padding: 0;
    }

    .thank-you-image {
        margin: 70px 0 -50px;
        max-width: 268px;
    }

    .nav-light-bg .nav-main-item.sub-menu-opened,
    .nav-light-bg .nav-main-item:hover,
    .nav-opaque-bg .nav-main-item.sub-menu-opened,
    .nav-opaque-bg .nav-main-item:hover,
    .nav-sticky .nav-main-item.sub-menu-opened,
    .nav-sticky .nav-main-item:hover {
        color: #3973e6;
    }

    .nav-secondary-item .nav-sub-menu .menu-line {
        background-color: #3973e6;
    }

    .pricing-table-plan-value {
        border-bottom: 1px solid rgba(57, 115, 230, .3);
    }

    .horizontal-tab-wrapper .nav-tablist li:hover,
    .vertical-tab-wrapper .nav-tablist li:hover {
        background-color: rgba(57, 115, 230, .1);
        border-color: rgba(57, 115, 230, .4);
    }

    .horizontal-tab-wrapper .nav-tablist li.active,
    .vertical-tab-wrapper .nav-tablist li.active {
        background-color: rgba(57, 115, 230, .2);
        border-color: rgba(57, 115, 230, .4);
    }

    [data-product-name=fsales] .vertical-tab-wrapper .nav-tablist li.active {
        background-color: rgba(57, 115, 230, .05);
        border-color: rgba(57, 115, 230, .4);
    }

    .horizontal-tab-wrapper .nav-tablist li {
        border: 1px solid rgba(57, 115, 230, .4);
        border-right: 0;
    }

        .horizontal-tab-wrapper .nav-tablist li:last-child {
            border-color: rgba(57, 115, 230, .4);
        }

    .popover-dot::after,
    .popover-dot::before {
        background-color: #3973e6;
    }

    .testimonial-band {
        background: rgba(57, 115, 230, .05);
        border-top: 2px solid rgba(57, 115, 230, .15);
    }

    .banner-animation-ripple {
        background-color: rgba(57, 115, 230, .15);
    }

    .divider-right {
        border-right-color: rgba(57, 115, 230, .3);
    }

    .features-card {
        margin-bottom: 0;
    }

    .accordion-row > div:last-child .accordion-wrapper:first-child {
        border-top: solid 1px rgba(57, 115, 230, .2);
    }

    .vertical-line-solid::before {
        border-right: 2px solid rgba(57, 115, 230, .4);
    }

    .vertical-line::after {
        border-right: 2px dashed rgba(57, 115, 230, .4);
    }

    .split {
        border-right: 2px solid rgba(57, 115, 230, .2);
    }

    .about-webinar-wrap {
        border-top: 1px solid rgba(57, 115, 230, .3);
    }

    .reduce-image-mobile {
        width: unset;
        margin: -2px;
    }

    nav .navigation-language-selector a:hover .label {
        color: #3973e6;
    }

    .partner-page-container {
        padding-top: 130px;
    }

        .partner-page-container .l-page {
            padding-right: 25px;
            padding-left: 10px;
        }

    .partners-form-layout {
        width: 440px;
    }

        .partners-form-layout.partner-powr-container {
            width: 465px;
        }

        .partners-form-layout h3 {
            font-size: 1.75rem;
        }

    .reseller-content h1 {
        font-size: 2.625rem;
    }

    .reseller-content p {
        font-size: 1.25rem;
        line-height: 1.4;
    }

    .reseller-info {
        width: 55%;
    }

    .reseller-contact.partner-reseller-contact {
        width: 455px;
    }

    .reseller-info.partner-reseller-info {
        width: 40%;
    }

    .partners-filter-button {
        display: none;
    }

    .partners-results-container {
        margin-top: 0;
    }

    .reseller-type {
        margin: 0 0 35px;
    }

        .reseller-type h6 {
            margin: 0 0 10px;
        }

    .clear-filter-button {
        float: right;
        margin: 8px 10px 0 0;
    }

        .clear-filter-button::after {
            display: none;
        }

    .partner-dropdown-outer {
        margin-top: 0;
        border: 0;
        background: 0;
    }

    .partner-dropdown-inner {
        display: none;
    }

    .partner-expandable {
        max-height: 1000px;
        transition: 0;
    }

    .filter-fixed .filter-section {
        position: fixed;
        width: 373px;
        top: 130px;
    }

    .filter-fixed .partners-results-outer {
        margin-left: 33.3333%;
    }

    .filter-fixed.filter-fixed-stop .filter-section {
        position: absolute;
        top: auto;
        bottom: 120px;
    }

    .partner-expandable {
        max-width: 320px;
    }

    .filter-section,
    .filter-wrapper {
        transition: position .2s ease-in, top .2s ease-in;
    }

    .psr-back-button {
        width: 30%;
    }

    .psr-submit-button {
        width: 68%;
    }

    .nav-signup-wrapper {
        display: inline-block;
        vertical-align: middle;
        cursor: auto;
    }

    .email-only-signup,
    .job-description-bundle-signup,
    .single-field-form,
    .webinar-subscribe-form {
        font-size: 0;
        position: relative;
        display: inline-block;
    }

        .email-only-signup .button,
        .email-only-signup input,
        .job-description-bundle-signup .button,
        .job-description-bundle-signup input,
        .single-field-form .button,
        .single-field-form input,
        .webinar-subscribe-form .button,
        .webinar-subscribe-form input {
            display: inline-block;
            vertical-align: middle;
        }

        .email-only-signup input,
        .job-description-bundle-signup input,
        .single-field-form input,
        .webinar-subscribe-form input {
            margin-bottom: 0;
            border-right: none;
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
        }

        .email-only-signup .button,
        .job-description-bundle-signup .button,
        .single-field-form .button,
        .webinar-subscribe-form .button {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
        }

        .email-only-signup .terms-subtext,
        .job-description-bundle-signup .terms-subtext,
        .single-field-form .terms-subtext,
        .webinar-subscribe-form .terms-subtext {
            left: 14px;
        }

        .email-only-signup .button,
        .email-only-signup input,
        .job-description-bundle-signup .button,
        .job-description-bundle-signup input,
        .single-field-form .button,
        .single-field-form input {
            min-width: 218px;
        }

        .email-only-signup .eu-extra-info .promotional-offers,
        .job-description-bundle-signup .eu-extra-info .promotional-offers,
        .single-field-form .eu-extra-info .promotional-offers {
            max-width: 436px;
        }

        .webinar-subscribe-form input {
            min-width: 260px;
        }

        .webinar-subscribe-form .button {
            min-width: 160px;
            float: none;
            vertical-align: top;
        }

        .webinar-subscribe-form .eu-extra-info .promotional-offers {
            max-width: 320px;
        }

    .emailonly-nav-signup .button,
    .emailonly-nav-signup input {
        min-width: auto;
        height: auto;
    }

    .emailonly-nav-signup input {
        font-size: .875rem;
        padding: 8.5px 5px 8.5px 9px;
    }

        .emailonly-nav-signup input.placeholder {
            color: #ccc;
            font-size: .875rem;
        }

        .emailonly-nav-signup input:-moz-placeholder {
            color: #ccc;
            font-size: .875rem;
        }

        .emailonly-nav-signup input::-webkit-input-placeholder {
            color: #ccc;
            font-size: .875rem;
        }

    .emailonly-nav-signup .button {
        padding: 7px 22px;
        font-size: .75rem;
        line-height: 1.8;
    }

    .emailonly-nav-signup .terms-subtext {
        left: 8px;
    }

        .emailonly-nav-signup .terms-subtext p {
            letter-spacing: 0;
        }

    .emailonly-nav-signup .error-wrapper {
        top: 34px;
    }

    .case-study-form {
        width: 100%;
    }

        .case-study-form .reduce-width-button,
        .case-study-form input {
            float: none;
            min-width: 0;
            width: 100%;
            border-radius: 3px;
        }

        .case-study-form input {
            margin-bottom: 10px;
        }

    .breadcrumb-item {
        font-size: 1.125rem;
        padding-right: 10px;
    }

    .breadcrumb-arrow {
        font-size: .5rem;
        padding-right: 10px;
    }

    .accordion {
        max-width: 1140px;
        padding-left: 25px;
        padding-right: 25px;
        margin: 0 auto;
    }

    .accordion-wrapper {
        margin: 0;
        max-width: 100%;
    }

    .accordion-wrapper-fw {
        max-width: 100%;
        margin: 0 auto;
    }

    .table-accordion td:nth-of-type(1) {
        font-size: 1rem;
        padding-left: 15px;
    }

    .accordion-logo-self {
        width: 150px;
        height: 25px;
    }

        .accordion-logo-self.-fchat,
        .accordion-logo-self.-fmarketer,
        .accordion-logo-self.-fsales,
        .accordion-logo-self.-fservice,
        .accordion-logo-self.-fteam {
            background-size: 100%;
            background-position: center;
            margin: 0 auto;
        }

        .accordion-logo-self.-fmarketer {
            width: 150px;
            height: 31px;
            background-size: 150px;
        }

    .accordion-wrapper.accordion-variant-b {
        max-width: 85%;
    }

        .accordion-wrapper.accordion-variant-b.accordion-full-width {
            max-width: 100%;
        }

    .accordion-wrapper.accordion-85 {
        max-width: 85%;
    }

    .fsales-accordion-with-padding .accordion-text .first-col {
        padding-left: 90px;
    }

    .comparison-banner {
        padding-bottom: 90px;
        padding-top: 160px;
        background-size: auto;
    }

        .comparison-banner .company-logo {
            width: 22%;
            margin: 30px 60px;
        }

    .comparison-price-widget .fs-integration-number {
        padding-bottom: 5px;
    }

    .comparison-price-widget .cta-btn a {
        font-size: .875rem;
    }

    .banner-badges-inline {
        position: relative;
    }

    .banner-badges-inline-image {
        position: absolute;
        left: 20px;
        width: 100%;
        padding-top: 15px;
        text-align: left;
        padding-right: 10px;
        pointer-events: none;
    }

    .banner-badges-inline-text {
        padding-left: 170px;
        width: 100%;
        text-align: left;
        display: inline-block;
    }

    .banner-badges-border {
        position: relative;
    }

    .banner-badges .form-wrapper {
        vertical-align: bottom;
    }

    .banner-badge {
        padding: 10px;
    }

        .banner-badge img {
            margin-top: 10px;
        }

    .banner-badge-cta {
        padding: 25px 15px;
    }

    .banner-badge .banner-badge-content {
        width: 500px;
        margin: 0 auto;
    }

    .banner-badge-special::before {
        width: 15%;
    }

    .banner-badge-special::after {
        width: 15%;
        content: '';
    }

    .pl-ads .plan-tile,
    .pl-ads .plan-tile-small {
        max-width: 100%;
    }

        .pl-ads .plan-tile + .button,
        .pl-ads .plan-tile-small + .button {
            max-width: 100%;
            min-width: 100%;
        }

    .pl-ads .plan-content-section > h3 {
        margin: 0;
    }

    .pl-ads .plan-features .feature-group + .feature-group {
        margin: 0;
    }

    .pl-ads h2.plan-structure {
        font-size: 1.75rem;
        max-width: 100%;
    }

    .comparison-table-logo-competitor,
    .comparison-table-logo-self {
        height: 25px;
        width: auto;
        vertical-align: middle;
    }

    .star-container {
        position: relative;
        color: #d8d8d8;
        display: inline-block;
        font-size: 1.125rem;
        top: 2px;
        margin-right: 8px;
    }

    .full-stars {
        position: absolute;
        top: 0;
        left: 0;
        white-space: nowrap;
        overflow: hidden;
        color: #ffb73e;
    }

    .feature-comparison-table td.feature-heading {
        font-size: 1rem;
    }

    .feature-comparison-table td.feature-rating {
        font-size: 1.125rem;
    }

    .rating-bar-outer {
        width: 150px;
        height: 16px;
        background-color: #e8e8e8;
        display: inline-block;
        margin-right: 12px;
        vertical-align: middle;
    }

    .rating-bar-wrapper {
        min-width: 200px;
    }

    .rating-bar-inner {
        height: 100%;
        background-color: #ddd;
    }

        .rating-bar-inner.highest {
            background-color: #abde74;
        }

    .comparison-table-wrapper {
        overflow: visible;
    }

    .social-signup-wrapper-social {
        display: table;
        height: 376px;
        text-align: right;
    }

        .social-signup-wrapper-social .form-wrapper {
            padding-left: 8px;
        }

    .social-signup-button-wrapper {
        padding-right: 23px;
    }

    .or,
    .social-signup-button-wrapper {
        display: table-cell;
        vertical-align: middle;
    }

    .or {
        position: relative;
    }

        .or span {
            position: relative;
            left: 4px;
        }

        .or::after,
        .or::before {
            position: absolute;
            width: 1px;
            height: 170px;
            margin: 0;
            right: 0;
            left: 13px;
        }

        .or::before {
            top: -20px;
        }

        .or::after {
            bottom: -20px;
        }

    .vertical-divider {
        overflow: inherit;
        position: absolute;
        display: inline-block;
        top: 30px;
        bottom: 0;
        width: 25px;
        right: 0;
        margin: 0;
    }

        .vertical-divider span {
            position: relative;
            left: 9px;
            font-size: 16px;
            top: 260px;
            margin-left: 6px;
            text-transform: uppercase;
        }

        .vertical-divider::after,
        .vertical-divider::before {
            content: '';
            position: absolute;
            width: 1px;
            height: 250px;
            margin: 0;
            right: 0;
            left: 23px;
        }

        .vertical-divider::before {
            top: 0;
        }

        .vertical-divider::after {
            top: 300px;
        }

    .social-signup-wrapper-self__card.text-content {
        padding: 43px;
    }

    .social-signup-wrapper-self__card .divider-or {
        display: block;
    }

        .social-signup-wrapper-self__card .divider-or::after,
        .social-signup-wrapper-self__card .divider-or::before {
            z-index: 0;
            height: 1px;
            width: 50%;
            top: 50%;
            bottom: inherit;
        }

        .social-signup-wrapper-self__card .divider-or::before {
            right: inherit;
            left: 0;
        }

        .social-signup-wrapper-self__card .divider-or::after {
            right: 0;
            left: inherit;
        }

        .social-signup-wrapper-self__card .divider-or span {
            z-index: 1;
            display: inline-block;
            padding: 0 10px;
            background-color: #fff;
        }

    .slideshare-content {
        width: 900px;
    }

    .customer-story-modal {
        padding: 25px 0;
    }

        .customer-story-modal .modal-dialog {
            overflow: hidden;
        }

        .customer-story-modal .modal-body img.original-image {
            width: 65%;
            max-width: 658px;
        }

    .modal-md {
        width: 562px;
    }

        .modal-md .form-wrapper {
            width: 100%;
        }

    .call-rates .call-rates-body > div:nth-child(2n) {
        float: right;
    }

    .events-pricing-section .pricing-table-column {
        width: 23%;
    }

        .events-pricing-section .pricing-table-column:first-child {
            position: relative;
            left: -40px;
        }

        .events-pricing-section .pricing-table-column:last-child {
            position: relative;
            left: 40px;
        }

    .events-pricing-section .pricing-table-plan-price {
        margin-top: 30px;
    }

    .events-pricing-section .pricing-table-plan-period {
        margin: 5px 0;
        min-height: 0;
    }

    .case-study-left-column .case-study-logo {
        text-align: center;
    }

        .case-study-left-column .case-study-logo::before {
            right: -25px;
        }

    .badge-call-out h6 {
        margin: 0 10px 0 0;
    }

    .badge-call-out * {
        display: inline-block;
    }

    .feature-small {
        margin-bottom: 25px;
    }

    .case-study-detailed-right .feature-comparison-table {
        margin: 20px 0 60px;
    }

    .case-study-detailed-right .hide-in-mobile {
        display: inline-block;
    }

    .calendar-nav-section {
        display: block;
    }

    .calendar-sections .activity-row > .activity-col + .activity-col {
        margin-top: 0;
    }

    .report-widget .report-box {
        padding-left: 67px;
        box-sizing: border-box;
    }

    .report-box {
        padding-left: 0;
    }

    .report-widget {
        padding: 50px 0;
    }

    .vertical-line::after {
        content: '';
        margin: 0 auto 8px -1px;
        position: relative;
        left: 50%;
        height: 80px;
        display: inline-block;
    }

    .vertical-line.vertical-line-big::after {
        height: 320px;
    }

    .vertical-line-solid::before {
        margin-top: 8px;
    }

    .swirlbg {
        margin: 10px 0;
        width: auto;
        display: inline-block;
    }

    .phase-widget h3,
    .phase-widget p {
        width: 60%;
        margin: 0 auto;
    }

    .phase {
        margin-bottom: 0;
    }

    .report-chart .green-chart,
    .report-chart .grey-chart {
        padding: 0 33px;
    }

    .customer-metrics {
        padding: 44px;
        max-width: 100%;
    }

        .customer-metrics p {
            padding: 0;
        }

    .detail-comparison-table .header-section {
        padding-left: 100px;
        padding-right: 100px;
    }

        .detail-comparison-table .header-section.table-header-stuck {
            position: fixed;
            -ms-transform: translateX(-50%);
            transform: translateX(-50%);
            z-index: 200;
            left: 50%;
            top: 0;
            opacity: 1;
            animation: fadeDown .3s ease-in;
        }

    #eu-cookie-policy-popup {
        bottom: 20px;
    }

        #eu-cookie-policy-popup .text {
            padding-left: 22px;
        }

    .webinar-cards {
        width: 100%;
        box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .1);
        border-radius: 5px;
    }

        .webinar-cards img {
            max-width: 132px;
        }

        .webinar-cards .webinar-details-wrapper {
            padding-top: 35px;
        }

        .webinar-cards p.disclaimer {
            text-align: center;
            margin: 0;
            padding: 0;
            line-height: 18px;
        }

        .webinar-cards .icon-small {
            vertical-align: middle;
            max-width: 16px;
            max-height: 16px;
        }

        .webinar-cards .presenter-name {
            font-family: Sailec-Medium, Helvetica, sans-serif;
            color: #000;
            font-weight: 500;
            margin-bottom: 5px;
        }

        .webinar-cards h5 {
            min-height: 90px;
            border-bottom: thin solid #ddd;
            padding-bottom: 15px;
        }

    .multi-carousel .item {
        width: 50%;
    }

        .multi-carousel .item.active-right {
            left: 50%;
        }

    .filter-bar {
        background-color: #f2f2f2;
    }

        .filter-bar .filter-input {
            width: 20%;
            float: left;
            padding-right: 20px;
            position: relative;
        }

            .filter-bar .filter-input .form-field {
                background-color: #fff;
                margin-bottom: 0;
            }

            .filter-bar .filter-input .fworks-custom-dropdown .dropdown-content {
                margin: 0 20px 0 0;
                padding: 8px 7px 3px;
            }

        .filter-bar .filter-controls {
            width: auto;
            float: left;
            margin: 0;
        }

            .filter-bar .filter-controls button {
                min-width: 100px;
                padding-top: 21px;
                padding-bottom: 18px;
            }

                .filter-bar .filter-controls button:disabled {
                    opacity: .4;
                    cursor: default;
                }

            .filter-bar .filter-controls a {
                display: none;
                padding-bottom: 22px;
                padding-left: 20px;
            }

            .filter-bar .filter-controls * {
                display: inline-block;
            }

        .filter-bar .review-sort {
            float: right;
            margin: 0;
            padding-right: 0;
            width: 15%;
        }

            .filter-bar .review-sort .form-field {
                border-color: transparent;
            }

                .filter-bar .review-sort .form-field input {
                    padding-right: 28px;
                    padding-left: 0;
                    text-align: right;
                }

            .filter-bar .review-sort.filter-input :not(.dropdown-content) {
                background: 0 0;
                box-shadow: none;
            }

            .filter-bar .review-sort .field-dropdown .icon-arrow-down {
                font-size: .6rem;
                top: 44%;
                color: #4d4d4d;
            }

            .filter-bar .review-sort .dropdown-content {
                border-top: 1px solid #999;
                padding: 7px;
                min-width: 165px;
            }

            .filter-bar .review-sort .radio-control + label {
                padding-right: 0;
                margin: 6px 0;
            }

    .product-listing-table {
        border-spacing: 30px 7.5px;
    }

    .product-wrapper {
        margin-left: -60px;
        margin-right: -60px;
    }

    .apps-list-wrapper .app {
        display: inline-block;
        width: 28%;
    }

    .event-hover-screen {
        background: #fff;
        padding: 20px;
        width: 100%;
        height: 276px;
        position: absolute;
        top: 0;
        z-index: 1;
        display: block;
        opacity: 0;
        transition: all .4s ease;
    }

    .event-card-container.live-episode:hover .event-hover-screen {
        opacity: 1;
    }

    .event-card-container.live-episode:hover .event-action-strip {
        background: #fff !important;
        transition: all .4s ease;
        border-top: 1px solid rgba(151, 151, 151, .3);
    }

    .event-action-strip {
        margin-bottom: 0;
    }

    .event-right-section {
        padding: 0 20px 0 10px;
        position: absolute;
        bottom: 0;
        right: 0;
    }

    .event-left-section {
        padding: 0 10px 0 20px;
        position: absolute;
        bottom: -10px;
    }

    .event-speaker-container {
        width: auto;
        float: right;
    }

    .podcast-banner-bottom {
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .tag-list-container {
        margin-bottom: 0;
    }

    .podcast-recording-iframe-wrapper {
        width: 600px;
    }

    .filter-fixed .podcast-filter-section {
        position: fixed;
        width: 280px;
        top: 130px;
    }

    .filter-fixed .podcast-results-outer {
        margin-left: 25%;
    }

    .filter-fixed.filter-fixed-stop .podcast-filter-section {
        position: absolute;
        top: auto;
        bottom: 120px;
    }

    .podcast-filter-section {
        transition: position .2s ease-in, top .2s ease-in;
    }

    .flexi-table-wrapper {
        display: table;
    }

        .flexi-table-wrapper .flexi-table-content {
            display: table-cell;
            vertical-align: middle;
            text-align: left;
            float: none;
        }

    .language-selector.nav-super-item .fw-flag.selected-fw-flag {
        left: 5px;
        top: 4px;
        -ms-transform: scale(.5);
        transform: scale(.5);
    }

    .language-selector.nav-super-item .icon-arrow-down {
        right: -15px;
        top: -1px;
    }

    .language-selector .fw-flag {
        left: 0;
    }

        .language-selector .fw-flag.selected-fw-flag {
            left: -5px;
            top: 5px;
            display: inline-block;
            position: relative;
        }

    .language-selector .language-selector-card {
        width: 500px;
        height: auto;
        display: block;
        border-radius: 5px;
        background-color: #fff;
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
        position: absolute;
        pointer-events: none;
        padding: 20px;
        top: 45px;
        right: -20px;
        opacity: 0;
        -ms-transform: translateY(10px);
        transform: translateY(10px);
        transition: transform .2s ease, opacity .2s ease;
    }

        .language-selector .language-selector-card::before {
            content: '';
            position: absolute;
            width: 14px;
            height: 0;
            border: 7px solid transparent;
            border-bottom: 7px solid #fff;
            top: -14px;
            left: 93%;
            -ms-transform: translateX(-50%);
            transform: translateX(-50%);
        }

        .language-selector .language-selector-card::after {
            content: '';
            position: absolute;
            width: 14px;
            height: 0;
            border: 6px solid transparent;
            border-bottom: 6px solid rgba(0, 0, 0, .2);
            top: -14px;
            left: 93%;
            -ms-transform: translateX(-50%);
            transform: translateX(-50%);
            z-index: -100;
            filter: blur(2px);
            opacity: .5;
        }

    .language-selector.sub-menu-opened .language-selector-card,
    .language-selector:hover .language-selector-card {
        opacity: 1;
        z-index: 300;
        pointer-events: all;
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    .navigation-language-selector {
        overflow: inherit;
    }

        .navigation-language-selector .region-label {
            color: rgba(0, 0, 0, .7);
            font-family: Sailec-Medium, Helvetica, sans-serif;
            font-size: .875rem;
            font-weight: 500;
            line-height: 10px;
            padding: 0 0 5px 10px;
        }

        .navigation-language-selector a {
            display: table;
            height: auto;
        }

            .navigation-language-selector a:hover {
                color: #3973e6;
            }

                .navigation-language-selector a:hover .label {
                    color: #3973e6;
                }

        .navigation-language-selector .language-wrapper {
            padding: 0 3px;
            line-height: 19px;
            position: relative;
            margin-top: 5px;
        }

            .navigation-language-selector .language-wrapper.active {
                border: .5px solid #c4c4c4;
                border-radius: 3px;
            }

                .navigation-language-selector .language-wrapper.active .label {
                    font-weight: 600;
                }

            .navigation-language-selector .language-wrapper .fw-flag {
                left: 0;
            }

            .navigation-language-selector .language-wrapper:hover {
                background-color: #f7f7f7;
                border-radius: 3px;
            }

            .navigation-language-selector .language-wrapper .label {
                display: table-cell;
                color: rgba(0, 0, 0, .7);
                font-family: National-Book, Helvetica, sans-serif;
                font-size: .875rem;
                font-weight: 300;
                line-height: 16px;
                vertical-align: middle;
            }

    .nav-primary-wrapper .language-selector {
        margin-top: -5px;
    }

        .nav-primary-wrapper .language-selector .icon-arrow-down {
            right: -11px;
            top: 5px;
        }

        .nav-primary-wrapper .language-selector .language-selector-card {
            top: 48px;
        }

            .nav-primary-wrapper .language-selector .language-selector-card::after,
            .nav-primary-wrapper .language-selector .language-selector-card::before {
                left: 91%;
            }

    .glossary-category-wrapper {
        padding: 15px 0;
    }

        .glossary-category-wrapper .category {
            margin-top: 12px;
            font-size: 1rem;
            font-weight: 500;
        }

            .glossary-category-wrapper .category a {
                width: 28px;
                height: 28px;
                line-height: 28px;
            }

        .glossary-category-wrapper .category-letters {
            height: 53px;
            position: relative;
            overflow: unset;
        }

        .glossary-category-wrapper .term-search {
            display: block;
            position: absolute;
            right: 0;
            top: 7px;
        }

            .glossary-category-wrapper .term-search:focus-within {
                width: 100%;
            }

            .glossary-category-wrapper .term-search input {
                display: block;
                min-width: 346px;
                height: 40px;
                float: right;
                padding-left: 10px;
                border: 1px solid #ccc;
                border-radius: 3px;
                transition: width .5s ease-in-out;
            }

                .glossary-category-wrapper .term-search input.active {
                    outline: 0;
                    width: 100%;
                    border: 1px solid #3973e6;
                }

            .glossary-category-wrapper .term-search i {
                position: absolute;
                right: 36px;
                top: 13px;
            }

        .glossary-category-wrapper .glossary-search-result {
            background: #fff;
            top: 40px;
            position: absolute;
            margin-left: 15px;
            margin-right: 15px;
            left: 0;
            right: 0;
            z-index: 100;
            display: none;
            height: auto;
        }

            .glossary-category-wrapper .glossary-search-result.active {
                display: block;
            }

            .glossary-category-wrapper .glossary-search-result ul {
                list-style-type: none;
                margin-left: 0;
                padding-left: 0;
            }

                .glossary-category-wrapper .glossary-search-result ul li {
                    padding: 10px 25px;
                }

                    .glossary-category-wrapper .glossary-search-result ul li:hover {
                        background-color: #f7f7f7;
                    }

    .address-section .address-column {
        padding-left: calc(50% - 545px);
    }
}

@media only screen and (min-width:60rem) and (min-width:960px) and (max-width:1140px) {
    .address-section .address-column {
        padding-left: 25px;
    }
}

@media only screen and (min-width:60rem) {
    .feature-description-item-d .feature-description-text-d {
        text-align: left;
        margin-left: 93px;
    }

    .feature-description-item-d .feature-description-icon-d {
        position: absolute;
    }
}


.price-cent {
    font-size: 12px;
    vertical-align: 100%;
    letter-spacing: -0.025em;
}

.price-currency {
    font-size: 20px;
    vertical-align: 15px;
}

@media only screen and (hover: none) and (pointer: coarse) {

    .price-cent {
        font-size: 12px;
        vertical-align: 73%;
        letter-spacing: -0.025em;
    }

    .price-currency {
        font-size: 15px;
        vertical-align: 7px;
    }
}


.form-field input:focus~.form-placeholder, .form-field input~.form-placeholder.placeholder-fix, .form-field select:focus~.form-placeholder, .form-field select~.form-placeholder.placeholder-fix, .form-field textarea:focus~.form-placeholder, .form-field textarea~.form-placeholder.placeholder-fix {
    top: 10px;
    font-size: .6875rem;
    padding: 0 10px 20px 46px;
}