@charset "UTF-8";

@font-face {
    font-family: National-Regular;
    font-style: normal;
    font-weight: 400;
    src: url(/fonts/national/National-Regular-203944d4.otf) format("woff")
}

@font-face {
    font-family: National-Book;
    font-style: normal;
    font-weight: 400;
    src: url(/fonts/national/National-Book-1b1e6bb4.otf) format("woff")
}

@font-face {
    font-family: National-Book;
    font-style: italic;
    font-weight: 400;
    src: url(/fonts/national/National-BookItalic-c5fd740c.otf) format("woff")
}

@font-face {
    font-family: National-Regular;
    font-style: normal;
    font-weight: 500;
    src: url(/fonts/national/National-Regular-203944d4.otf) format("woff")
}

@font-face {
    font-family: National-Medium;
    font-style: normal;
    font-weight: 600;
    src: url(/fonts/national/National-Medium-1442ed9e.otf) format("woff")
}

@font-face {
    font-family: National-Semibold;
    font-style: normal;
    font-weight: 700;
    src: url(/fonts/national/National-Semibold-b0f724b5.otf) format("woff")
}

@font-face {
    font-family: National-Bold;
    font-style: normal;
    font-weight: 800;
    src: url(/fonts/national/National-Bold-9006320b.otf) format("woff")
}

@font-face {
    font-family: Sailec-Bold;
    src: url(/fonts/sailec-webfont/33C86F_0_0-7223db56.eot);
    src: url(/fonts/sailec-webfont/33C86F_0_0-7223db56.eot?#iefix) format("embedded-opentype"),url(/fonts/sailec-webfont/33C86F_0_0-d428daa7.woff2) format("woff2"),url(/fonts/sailec-webfont/33C86F_0_0-03802c86.woff) format("woff"),url(/fonts/sailec-webfont/33C86F_0_0-bf5a66b9.ttf) format("truetype")
}

@font-face {
    font-family: Sailec-BoldItalic;
    src: url(/fonts/sailec-webfont/33C86F_1_0-0066e3b4.eot);
    src: url(/fonts/sailec-webfont/33C86F_1_0-0066e3b4.eot?#iefix) format("embedded-opentype"),url(/fonts/sailec-webfont/33C86F_1_0-21d83ab4.woff2) format("woff2"),url(/fonts/sailec-webfont/33C86F_1_0-87e3fa4c.woff) format("woff"),url(/fonts/sailec-webfont/33C86F_1_0-4a4f8ac4.ttf) format("truetype")
}

@font-face {
    font-family: Sailec-Light;
    src: url(/fonts/sailec-webfont/33C86F_2_0-c6e1fe39.eot);
    src: url(/fonts/sailec-webfont/33C86F_2_0-c6e1fe39.eot?#iefix) format("embedded-opentype"),url(/fonts/sailec-webfont/33C86F_2_0-0feb8e89.woff2) format("woff2"),url(/fonts/sailec-webfont/33C86F_2_0-5afe73d7.woff) format("woff"),url(/fonts/sailec-webfont/33C86F_2_0-23d0c73d.ttf) format("truetype")
}

@font-face {
    font-family: Sailec-LightItalic;
    src: url(/fonts/sailec-webfont/33C86F_3_0-e6ac82b8.eot);
    src: url(/fonts/sailec-webfont/33C86F_3_0-e6ac82b8.eot?#iefix) format("embedded-opentype"),url(/fonts/sailec-webfont/33C86F_3_0-a7f58094.woff2) format("woff2"),url(/fonts/sailec-webfont/33C86F_3_0-6329bea3.woff) format("woff"),url(/fonts/sailec-webfont/33C86F_3_0-8e1b8d49.ttf) format("truetype")
}

/*@font-face {
    font-family: Sailec-Medium;
    src: url(/fonts/sailec-webfont/33C86F_4_0-0552b1c7.eot);
    src: url(/fonts/sailec-webfont/33C86F_4_0-0552b1c7.eot?#iefix) format("embedded-opentype"),url(/fonts/sailec-webfont/33C86F_4_0-9ba0c33f.woff2) format("woff2"),url(/fonts/sailec-webfont/33C86F_4_0-93262ded.woff) format("woff"),url(/fonts/sailec-webfont/33C86F_4_0-02a5e1fd.ttf) format("truetype")
}*/

@font-face {
    font-family: Sailec-MediumItalic;
    src: url(/fonts/sailec-webfont/33C86F_5_0-2537b465.eot);
    src: url(/fonts/sailec-webfont/33C86F_5_0-2537b465.eot?#iefix) format("embedded-opentype"),url(/fonts/sailec-webfont/33C86F_5_0-7aa2eac5.woff2) format("woff2"),url(/fonts/sailec-webfont/33C86F_5_0-2ca2d2ac.woff) format("woff"),url(/fonts/sailec-webfont/33C86F_5_0-54a3557c.ttf) format("truetype")
}

@font-face {
    font-family: Sailec-Regular;
    src: url(/fonts/sailec-webfont/33C86F_6_0-1b83bd60.eot);
    src: url(/fonts/sailec-webfont/33C86F_6_0-1b83bd60.eot?#iefix) format("embedded-opentype"),url(/fonts/sailec-webfont/33C86F_6_0-c6cf4a09.woff2) format("woff2"),url(/fonts/sailec-webfont/33C86F_6_0-2a7b6608.woff) format("woff"),url(/fonts/sailec-webfont/33C86F_6_0-60270662.ttf) format("truetype")
}

@font-face {
    font-family: Sailec-RegularItalic;
    src: url(/fonts/sailec-webfont/33C86F_7_0-d025f8cc.eot);
    src: url(/fonts/sailec-webfont/33C86F_7_0-d025f8cc.eot?#iefix) format("embedded-opentype"),url(/fonts/sailec-webfont/33C86F_7_0-9d994c86.woff2) format("woff2"),url(/fonts/sailec-webfont/33C86F_7_0-493739fc.woff) format("woff"),url(/fonts/sailec-webfont/33C86F_7_0-fee1bfbb.ttf) format("truetype")
}

@font-face {
    font-family: icomoon;
    src: url(/fonts/icomoon/icomoon-07d8f18b.eot);
    src: url(/fonts/icomoon/icomoon-07d8f18b.eot#iefix) format("embedded-opentype"),url(/fonts/icomoon/icomoon-98d0fe52.ttf) format("truetype"),url(/fonts/icomoon/icomoon-c652e70f.woff) format("woff"),url(/fonts/icomoon/icomoon-07d4f935.svg#icomoon) format("svg");
    font-weight: 400;
    font-style: normal
}

[class*=' icon-'], [class^=icon-] {
    font-family: icomoon !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-form-product::before {
    content: '\e92f';
    color: #cacaca
}

.icon-tooltip::before {
    content: '\e930'
}

.icon-job-title::before {
    content: '\e931'
}

.icon-time::before {
    content: '\e927'
}

.icon-arrow-button-left::before {
    content: '\e924'
}

.icon-arrow-button-right::before {
    content: '\e925'
}

.icon-medium::before {
    content: '\e92a'
}

.icon-mail::before {
    content: '\e90a'
}

.icon-decrease::before {
    content: '\e92d'
}

.icon-increase::before {
    content: '\e92e'
}

.icon-phone::before {
    content: '\e90b'
}

.icon-designation::before {
    content: '\e93c'
}

.icon-visitors::before {
    content: '\e93d'
}

.icon-facebook::before {
    content: '\e915'
}

.icon-google-plus::before {
    content: '\e916'
}

.icon-linkedin::before {
    content: '\e917'
}

.icon-twitter::before {
    content: '\e918'
}

.icon-instagram::before {
    content: '\e16d'
}

.icon-agent::before {
    content: '\e928'
}

.icon-youtube::before {
    content: '\e919'
}

.icon-play::before {
    content: '\e909'
}

.icon-check-mark::before, .progress-signup .step.done .step-circle::before {
    content: '\e90c'
}

.icon-star::before {
    content: '\e929'
}

.icon-home::before {
    content: '\e90d'
}

.icon-minus-sign::before {
    content: '\e90e'
}

.icon-plus-sign::before {
    content: '\e910'
}

.icon-x-mark::before {
    content: '\e90f'
}

.icon-arrow-down::before {
    content: '\e900'
}

.icon-arrow-left::before {
    content: '\e901'
}

.icon-arrow-light-left::before {
    content: '\e902'
}

.icon-arrow-light-right::before {
    content: '\e903'
}

.icon-arrow-link-left::before {
    content: '\e904'
}

.icon-arrow-link-right::before {
    content: '\e905'
}

.icon-arrow-right::before {
    content: '\e906'
}

.icon-call-customer::before {
    content: '\e91e'
}

.icon-call-missed::before {
    content: '\e921'
}

.icon-call-phone::before {
    content: '\e922'
}

.icon-voice-mail::before {
    content: '\e923'
}

.icon-call-browser::before {
    content: '\e911'
}

.icon-arrow-up::before {
    content: '\e907'
}

.icon-close::before {
    content: '\e908'
}

.icon-quote-close::before {
    content: '\e913'
}

.icon-quote-open::before {
    content: '\e914'
}

.icon-calendar::before {
    content: '\e912'
}

.icon-company::before {
    content: '\e91a'
}

.icon-desk::before {
    content: '\e91b'
}

.icon-email::before {
    content: '\e91c'
}

.icon-mobile::before {
    content: '\e91d'
}

.icon-team::before {
    content: '\e91f'
}

.icon-user::before {
    content: '\e920'
}

.icon-browser::before {
    content: '\e92b'
}

.icon-search::before {
    content: '\e92c'
}

.icon-campaign-1:before {
    content: '\e932'
}

.icon-campaign-2:before {
    content: '\e933'
}

.icon-category-company:before {
    content: '\e934'
}

.icon-country-2:before {
    content: '\e935'
}

.icon-no-emp-2:before {
    content: '\e936'
}

.icon-partner-type:before {
    content: '\e937'
}

.icon-search2:before {
    content: '\e938'
}

.icon-team-size:before {
    content: '\e939'
}

.icon-num-emp:before {
    content: '\e93a'
}

.icon-address:before {
    content: '\e93b'
}
/*! 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
}
/*!
 * Bootstrap v4.0.0-alpha.5 (https://getbootstrap.com)
 * Customized for Freshworks
 */

@-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: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;
    /*display: block !important*/
}

    .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: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 {
        -webkit-transform: translate(0,-25%);
        -ms-transform: translate(0,-25%);
        transform: translate(0,-25%);
        transition: -webkit-transform .3s ease-out;
        transition: transform .3s ease-out;
        transition: transform .3s ease-out,-webkit-transform .3s ease-out
    }

    .modal.in .modal-dialog {
        -webkit-transform: translate(0,0);
        -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
    }
}

.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: -webkit-transform .6s ease-in-out;
        transition: transform .6s ease-in-out;
        transition: transform .6s ease-in-out,-webkit-transform .6s ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        perspective: 1000px
    }

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

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

            .carousel-inner > .item.active, .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right {
                -webkit-transform: translate3d(0,0,0);
                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
        }
}

.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 {
    -webkit-animation: scale .2s cubic-bezier(0,0,.2,1);
    animation: scale .2s cubic-bezier(0,0,.2,1)
}

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

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

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

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

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

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

    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.overflow-hidden {
    overflow: hidden
}

.hide {
    display: none !important
}

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

.width-auto {
    width: auto
}

.align-middle {
    vertical-align: middle
}

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

.hr-grey {
    background-color: #ccc
}

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

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

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

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

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

    .lazy-image-wrapper.loaded {
        -webkit-filter: blur(0);
        filter: blur(0)
    }

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

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

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

.fadeIn {
    -webkit-animation: fadeIn 125ms ease-in;
    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
}

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

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

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

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

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

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

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

.scale {
    -webkit-animation: scale .2s cubic-bezier(0,0,.2,1);
    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;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

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

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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-fworks {
    width: 150px;
    background-size: 150px;
    background-image: url(/images/common/company/logos/logo-fworks-black-09bbb446.svg)
}

    .logo-fworks.logo-white {
        background-image: url(/images/common/company/logos/logo-fworks-white-a51e480a.svg)
    }

.logo-fdesk {
    width: 138px;
    background-size: 138px;
    background-image: url(/images/common/company/logos/logo-fdesk-black-c41feb82.svg)
}

    .logo-fdesk.logo-white {
        background-image: url(/images/common/company/logos/logo-fdesk-white-ba5e0830.svg)
    }

.logo-fservice {
    width: 164px;
    background-size: 164px;
    background-image: url(/images/common/company/logos/logo-fservice-black-8c662c0b.svg)
}

    .logo-fservice.logo-white {
        background-image: url(/images/common/company/logos/logo-fservice-white-c133664a.svg)
    }

.logo-fsales {
    width: 142px;
    background-size: 142px;
    background-image: url(/images/common/company/logos/logo-fsales-black-9957c4d7.svg)
}

    .logo-fsales.logo-white {
        background-image: url(/images/common/company/logos/logo-fsales-white-30e6a24e.svg)
    }

.logo-fcaller {
    width: 146px;
    background-size: 146px;
    background-image: url(/images/common/company/logos/logo-fcaller-black-459b1927.svg)
}

    .logo-fcaller.logo-white {
        background-image: url(/images/common/company/logos/logo-fcaller-white-5ae6f7bd.svg)
    }

.logo-fteam {
    width: 145px;
    background-size: 145px;
    background-image: url(/images/common/company/logos/logo-fteam-black-5e4d2712.svg)
}

    .logo-fteam.logo-white {
        background-image: url(/images/common/company/logos/logo-fteam-white-60c3cddc.svg)
    }

.logo-fchat {
    width: 133px;
    background-size: 133px;
    background-image: url(/images/common/company/logos/logo-fchat-black-f5b8d375.svg)
}

    .logo-fchat.logo-white {
        background-image: url(/images/common/company/logos/logo-fchat-white-654ab4d2.svg)
    }

.logo-fmarketer {
    width: 187px;
    background-size: 187px;
    background-image: url(/images/common/company/logos/logo-fmarketer-black-30d065f1.svg)
}

    .logo-fmarketer.logo-white {
        background-image: url(/images/common/company/logos/logo-fmarketer-white-415d3e9c.svg)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

.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-fworks {
        list-style-image: url(/images/common/icons/freshworks-dots-7b7ad056.svg)
    }

    ul.list-fsales {
        list-style-image: url(/images/common/icons/freshsales-dots-c14d09f3.svg);
        margin: 0;
        padding-left: 15px
    }

    ul.list-fservice {
        list-style-image: url(/images/common/icons/freshservice-dots-f04923e7.svg)
    }

    ul.list-fdesk {
        list-style-image: url(/images/common/icons/freshdesk-dots-5abb9ff5.svg)
    }

    ul.list-fcaller {
        list-style-image: url(/images/common/icons/freshcaller-dots-9ee7d243.svg)
    }

    ul.list-fteam {
        list-style-image: url(/images/common/icons/freshteam-dots-2e4b283a.svg)
    }

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

    ul.list-checkmarks {
        padding-left: 0
    }

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

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

                ul.list-checkmarks li.fdesk-home:not(.suppress) {
                    background-image: url(/images/common/icons/circled-check-4e939bd7.svg)
                }

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

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

.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-16 {
    font-family: National-Semibold,Helvetica,sans-serif;
    font-size: 1rem;
    line-height: 1.75;
    color: #666;
    margin: 0
}

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

.italic {
    font-style: italic
}

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

@media only screen and (min-width:60rem) {
    .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-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-grid {
    margin-bottom: -30px
}

.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);
        -webkit-transform: scale(1.045);
        -ms-transform: scale(1.045);
        transform: scale(1.045)
    }

    .migrate-wrapper img {
        width: 200px !important
    }

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

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

.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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

    .swap-two-rows [class^=col-md-6]:first-child {
        -webkit-box-ordinal-group: 3;
        -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
    }

.boxBorder {
    border-radius: 5px
}

.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(/images/common/icons/img-google-play-hover.png)
    }

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

    .icon-app-store.icon-app-store-apple {
        background-image: url(/images/common/icons/img-apple-store-dc9da952.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: 10px;
    text-align: center;
    letter-spacing: 1px;
    text-transform: uppercase;
    display: inline-block;
    transition: background-color .15s ease-in;
    white-space: normal
}

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

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

.button--ghost-white-padding {
    padding: 9.5px 75px;
    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: 10.5px 30px;
    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--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;
    -webkit-animation: btn-loading 1.3s linear infinite;
    animation: btn-loading 1.3s linear infinite;
    overflow: hidden
}

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

.button + .button {
    margin: 20px 0 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::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;
    -webkit-transform: rotate(180deg);
    -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
}

.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 {
            -webkit-transform: rotateZ(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotateZ(-45deg)
        }

        .nav-primary.nav-primary-opened .nav-burger-icon::after {
            -webkit-transform: rotateZ(45deg);
            -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;
    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
}

.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 {
    padding: 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;
        -webkit-transform: translateY(8px);
        -ms-transform: translateY(8px);
        transform: translateY(8px);
        transition: opacity .1s ease,-webkit-transform .1s ease;
        transition: transform .1s ease,opacity .1s ease;
        transition: transform .1s ease,opacity .1s ease,-webkit-transform .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;
        -webkit-transform: translateY(3px);
        -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
}

header.sticky-active-secondary {
    height: 122px
}

nav {
    transition: -webkit-transform .1s ease;
    transition: transform .1s ease;
    transition: transform .1s ease,-webkit-transform .1s ease;
    /*background-color: #202938 ;*/
    /*#000000;*/
}

.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 {
        -webkit-animation: fadeInDown .1s ease;
        animation: fadeInDown .1s ease
    }

    .nav-sticky:not(.nav-active).has-secondary {
        -webkit-transform: translateY(-60px);
        -ms-transform: translateY(-60px);
        transform: translateY(-60px)
    }

        .nav-sticky:not(.nav-active).has-secondary.fade-in {
            -webkit-animation: fadeInDownSecondaryMobile .1s ease;
            animation: fadeInDownSecondaryMobile .1s ease
        }

        .nav-sticky:not(.nav-active).has-secondary.scroll-up {
            -webkit-transform: translateY(0);
            -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, .nav-sticky {
    box-shadow: 0 3px 5px 0 rgba(0,0,0,.1)
}

    .nav-opaque .nav-logo-wrapper, .nav-opaque .nav-secondary-wrapper, .nav-sticky .nav-logo-wrapper, .nav-sticky .nav-secondary-wrapper {
        background-color: #fff
    }

    .nav-opaque .nav-primary-opened .nav-logo-wrapper, .nav-sticky .nav-primary-opened .nav-logo-wrapper {
        background-color: #333
    }

.nav-dark-bg, .nav-light-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(/images/common/company/logos/logo-fworks-white-a51e480a.svg)
}

.nav-dark-bg .nav-sticky .nav-logo-wrapper .logo-fworks, .nav-light-bg .nav-logo-wrapper .logo-fworks, .nav-opaque .nav-logo-wrapper .logo-fworks, .nav-sticky .nav-logo-wrapper .logo-fworks {
    background-image: url(/images/common/company/logos/logo-fworks-black-09bbb446.svg)
}

.nav-primary-opened .nav-logo-wrapper .logo-fworks {
    background-image: url(/images/common/company/logos/logo-fworks-white-a51e480a.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(/images/common/company/logos/logo-fdesk-white-ba5e0830.svg)
}

.nav-dark-bg .nav-sticky .nav-logo-wrapper .logo-fdesk, .nav-light-bg .nav-logo-wrapper .logo-fdesk, .nav-opaque .nav-logo-wrapper .logo-fdesk, .nav-sticky .nav-logo-wrapper .logo-fdesk {
    background-image: url(/images/common/company/logos/logo-fdesk-black-c41feb82.svg)
}

.nav-primary-opened .nav-logo-wrapper .logo-fdesk {
    background-image: url(/images/common/company/logos/logo-fdesk-white-ba5e0830.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(/images/common/company/logos/logo-fservice-white-c133664a.svg)
}

.nav-dark-bg .nav-sticky .nav-logo-wrapper .logo-fservice, .nav-light-bg .nav-logo-wrapper .logo-fservice, .nav-opaque .nav-logo-wrapper .logo-fservice, .nav-sticky .nav-logo-wrapper .logo-fservice {
    background-image: url(/images/common/company/logos/logo-fservice-black-8c662c0b.svg)
}

.nav-primary-opened .nav-logo-wrapper .logo-fservice {
    background-image: url(/images/common/company/logos/logo-fservice-white-c133664a.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(/images/common/company/logos/logo-fsales-white-30e6a24e.svg)
}

.nav-dark-bg .nav-sticky .nav-logo-wrapper .logo-fsales, .nav-light-bg .nav-logo-wrapper .logo-fsales, .nav-opaque .nav-logo-wrapper .logo-fsales, .nav-sticky .nav-logo-wrapper .logo-fsales {
    background-image: url(/images/common/company/logos/logo-fsales-black-9957c4d7.svg)
}

.nav-primary-opened .nav-logo-wrapper .logo-fsales {
    background-image: url(/images/common/company/logos/logo-fsales-white-30e6a24e.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(/images/common/company/logos/logo-fcaller-white-5ae6f7bd.svg)
}

.nav-dark-bg .nav-sticky .nav-logo-wrapper .logo-fcaller, .nav-light-bg .nav-logo-wrapper .logo-fcaller, .nav-opaque .nav-logo-wrapper .logo-fcaller, .nav-sticky .nav-logo-wrapper .logo-fcaller {
    background-image: url(/images/common/company/logos/logo-fcaller-black-459b1927.svg)
}

.nav-primary-opened .nav-logo-wrapper .logo-fcaller {
    background-image: url(/images/common/company/logos/logo-fcaller-white-5ae6f7bd.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(/images/common/company/logos/logo-fteam-white-60c3cddc.svg)
}

.nav-dark-bg .nav-sticky .nav-logo-wrapper .logo-fteam, .nav-light-bg .nav-logo-wrapper .logo-fteam, .nav-opaque .nav-logo-wrapper .logo-fteam, .nav-sticky .nav-logo-wrapper .logo-fteam {
    background-image: url(/images/common/company/logos/logo-fteam-black-5e4d2712.svg)
}

.nav-primary-opened .nav-logo-wrapper .logo-fteam {
    background-image: url(/images/common/company/logos/logo-fteam-white-60c3cddc.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(/images/common/company/logos/logo-fchat-white-654ab4d2.svg)
}

.nav-dark-bg .nav-sticky .nav-logo-wrapper .logo-fchat, .nav-light-bg .nav-logo-wrapper .logo-fchat, .nav-opaque .nav-logo-wrapper .logo-fchat, .nav-sticky .nav-logo-wrapper .logo-fchat {
    background-image: url(/images/common/company/logos/logo-fchat-black-f5b8d375.svg)
}

.nav-primary-opened .nav-logo-wrapper .logo-fchat {
    background-image: url(/images/common/company/logos/logo-fchat-white-654ab4d2.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(/images/common/company/logos/logo-fmarketer-white-415d3e9c.svg)
}

.nav-dark-bg .nav-sticky .nav-logo-wrapper .logo-fmarketer, .nav-light-bg .nav-logo-wrapper .logo-fmarketer, .nav-opaque .nav-logo-wrapper .logo-fmarketer, .nav-sticky .nav-logo-wrapper .logo-fmarketer {
    background-image: url(/images/common/company/logos/logo-fmarketer-black-30d065f1.svg)
}

.nav-primary-opened .nav-logo-wrapper .logo-fmarketer {
    background-image: url(/images/common/company/logos/logo-fmarketer-white-415d3e9c.svg) !important
}

.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.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 .nav-burger-icon, .nav-sticky .nav-burger-icon {
    background-color: rgba(0,0,0,.7)
}

.nav-light-bg .nav-secondary-label, .nav-opaque .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 .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).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) .nav-burger-icon {
    background-color: #fff
}

.nav-dark-bg:not(.nav-sticky):not(.nav-opaque) .nav-secondary-label {
    color: #fff
}

    .nav-dark-bg:not(.nav-sticky):not(.nav-opaque) .nav-secondary-label.suppressed .nav-label {
        color: rgba(255,255,255,.7)
    }

.nav-dark-bg:not(.nav-sticky):not(.nav-opaque) .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: #ff4c4c;
        transition: -webkit-transform 250ms ease;
        transition: transform 250ms ease;
        transition: transform 250ms ease,-webkit-transform 250ms ease;
        -webkit-transform-origin: 50% 1px;
        -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;
    color:white;
}

.nav-sub-label {
    padding: 10px 15px;
    line-height: 1.75
}

.nav-sub-toggle {
    position: absolute;
    top: 0;
    right: 0;
    padding: 24px;
    line-height: .75rem;
    cursor: pointer;
    outline: 0;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease,-webkit-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 {
    -webkit-transform: rotateZ(180deg);
    -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
    }

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

.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;
    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: -webkit-transform .3s;
        transition: transform .3s;
        transition: transform .3s,-webkit-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 {
        -webkit-transform: rotate(180deg);
        -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
        }

.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(/images/common/icons/img-google-play-0345bb1c.png);
    opacity: .5
}

    .app-google-play:hover {
        opacity: 1
    }

.app-apple-store {
    background-image: url(/images/common/icons/img-apple-store-dc9da952.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: transparent;
        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
        }

.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(/images/common/company/flags/india-5b1091bd.svg);
    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: #202938;
    /*rgba(230,230,230,.2)*/
}

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

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

    .resource-box h5 {
        font-size: .75rem;
        letter-spacing: .4px;
        color: #999;
        margin: 0;
        text-transform: uppercase
    }

    .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 .ellipsis-wrapper {
        max-height: 48px
    }

.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 {
    -webkit-transform: translate(0,0);
    -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;
    -webkit-transform: translate(-50%,-50%);
    -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-section {
    position: relative;
    overflow: hidden
}

.forgot-domain-form-wrapper {
    position: absolute;
    top: 0;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    width: 100%;
    opacity: 0
}

.forgot-domain-form-animation {
    -webkit-animation: fadeInLeft .25s forwards .1s;
    animation: fadeInLeft .25s forwards .1s
}

.login-form-animation {
    -webkit-animation: fadeOutLeft .25s forwards;
    animation: fadeOutLeft .25s forwards
}

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

.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 {
            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: -webkit-box;
        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;
            -webkit-box-flex: 1;
            -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 {
    color: #b3b3b3;
    font-size: .75rem;
    margin-bottom: 0
}

.copy_write-text a {
    color: #999;
    border-bottom: 1px dashed #999
}

    .copy_write-text a:hover {
        color: #999
    }

.google-signup {
    background: url(/images/sample/google-btn-6a9f77d1.png) no-repeat;
    width: 220px;
    height: 40px;
    background-size: 220px;
    vertical-align: middle;
    display: inline-block
}

.error-wrapper {
    float: left;
    text-align: left;
    position: absolute;
    bottom: -18px;
    left: 45px;
    opacity: 0;
    transition: opacity .1s ease .1s
}

.error .error-wrapper {
    opacity: 1
}

.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: 440px;
    background: #fff;
    padding: 30px 15px;
    margin: auto;
    position: absolute;
    top: 15%;
    left: 0;
    right: 0;
    -webkit-transform: translateX(460px);
    -ms-transform: translateX(460px);
    transform: translateX(460px);
    transition: opacity .5s ease,-webkit-transform .5s ease;
    transition: opacity .5s ease,transform .5s ease;
    transition: opacity .5s ease,transform .5s ease,-webkit-transform .5s ease;
    opacity: 0
}

    .thank-you-card.active {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }

    .thank-you-card.small-card {
        padding: 7px 15px
    }

    .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 {
        width: 200px;
        margin: auto
    }

        .thank-you-card .thank-you-share-links-section ul {
            padding: 0;
            margin: auto
        }

            .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 {
        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;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        transition: transform 250ms,-webkit-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 {
        -webkit-transform: rotate(180deg) translateY(50%);
        -ms-transform: rotate(180deg) translateY(50%);
        transform: rotate(180deg) translateY(50%);
        transition: transform 250ms,-webkit-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 {
    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;
    -webkit-transform: rotate(45deg);
    -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: 0 auto
}

.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;
            -webkit-transform: scale(0);
            -ms-transform: scale(0);
            transform: scale(0)
        }

        .radio-control:checked + label::after {
            opacity: 1;
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1)
        }

.psr-LeftIn-animation {
    -webkit-animation: fadeInLeft .25s forwards .1s;
    animation: fadeInLeft .25s forwards .1s
}

.psr-LeftOut-animation {
    -webkit-animation: fadeOutLeft .25s forwards;
    animation: fadeOutLeft .25s forwards
}

.psr-RightIn-animation {
    -webkit-animation: fadeInRight .25s forwards .1s;
    animation: fadeInRight .25s forwards .1s
}

.psr-RightOut-animation {
    -webkit-animation: fadeOutRight .25s forwards;
    animation: fadeOutRight .25s forwards
}

.psr-DownIn-animation {
    -webkit-animation: fadeInDown .25s forwards;
    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;
        -webkit-transform: rotate(45deg);
        -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: 20px 0 14px 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;
        -webkit-transform: rotate(45deg);
        -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: 20px 0 14px 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%;
        -webkit-transform: translateY(-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: 78.8%;
    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: 81.5%;
    left: 64px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

    .country-code-dropdown .phone-code-field input {
        top: 5px
    }

.vertical-tab-wrapper {
    display: none
}

    .vertical-tab-wrapper .nav-tablist {
        padding-left: 0
    }

        .vertical-tab-wrapper .nav-tablist li {
            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
    }

        .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: 1;
        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 {
    position: absolute;
    bottom: 10px;
    left: 20%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none;
}

    .carousel-indicators .active {
        border: none;
        background-color: #ff0000;
    }

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

.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;
            -webkit-transform: translateZ(0);
            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: -webkit-transform .5s;
        transition: transform .5s;
        transition: transform .5s,-webkit-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 {
        -webkit-transform: translateY(-100%);
        -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 {
        -webkit-transform: translateY(-100%);
        -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: -webkit-transform .5s;
        transition: transform .5s;
        transition: transform .5s,-webkit-transform .5s;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

.odometer {
    margin-top: -7px
}

.odometer-value.odometer-last-value {
    right: 0;
    left: 0
}

.pricing-page {
    background-color: #fff;
    padding: 30px 0;
    text-align: center
}

    .pricing-page[data-bg-color*=color-grey] {
        background-color: #f1f1f1
    }

    .pricing-page[data-bg-color*=transparent] {
        background-color: transparent
    }

        .pricing-page[data-bg-color*=transparent] .pricing-table-column {
            border-left-color: transparent
        }

.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-toggle-checkbox {
    display: none
}

.pricing-tooltip {
    display: block;
    position: absolute;
    top: 36px;
    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: -6px;
        right: 31px;
        width: 0;
        height: 0;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #4d4d4d
    }

    .pricing-tooltip.fsales {
        left: 265%
    }

.tool-tip-button {
    position: relative;
    cursor: pointer;
    top: 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
}

.animation-container {
    background: linear-gradient(to bottom,#e0fbff 50%,#d8f4bf 50%)
}

.sprout-svg {
    background-image: url(/images/common/pricing/sprout-bfbf2b77.svg)
}

.blossom-svg {
    background-image: url(/images/common/pricing/blossom-8001f6af.svg)
}

.garden-svg {
    background-image: url(/images/common/pricing/garden-4ee2d9d6.svg)
}

.estate-svg {
    background-image: url(/images/common/pricing/estate-popular-52f5eda9.svg)
}

.forest-svg {
    background-image: url(/images/common/pricing/forest-d9dc2ba1.svg)
}

.pricing-table[data-product=fsales] .blossom-svg {
    background-image: url(/images/freshsales/pricing/blossom-620b04df.svg)
}

.pricing-table[data-product=fsales] .garden-svg {
    background-image: url(/images/freshsales/pricing/garden-28e3a667.svg)
}

.pricing-table[data-product=fsales] .estate-svg {
    background-image: url(/images/common/pricing/estate-popular-52f5eda9.svg)
}

.pricing-table[data-product=fsales] .forest-svg {
    background-image: url(/images/freshsales/pricing/forest-9812bf06.svg)
}

.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;
    display: inline-block;
    margin: 30px 0 0;
    height: 55px;
    line-height: 55px;
    font-size: 3rem
}

    .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 .long-currency {
        word-break: keep-all;
        margin-top: -22px
    }

.pricing-table-plan-period {
    transition: padding-bottom .5s ease;
    margin: 5px 0
}

    .pricing-table-plan-period p {
        margin: 0;
        font-size: .875rem
    }

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

.existing-plan-features {
    margin: 0;
    padding: 0 20px 20px;
    font-style: italic;
    font-size: .875rem;
    color: #4d4d4d
}

.pricing-table-features-list {
    margin: 0;
    padding: 0 20px;
    list-style: none
}

    .pricing-table-features-list li {
        margin: 0 0 12px 26px;
        padding-left: 0;
        font-size: .875rem;
        line-height: 1.5
    }

    .pricing-table-features-list .feature-not-available {
        background: url(/images/freshsales/pl-ads/feature-unavail-2f7c8689.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;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg)
        }

        .pricing-table-features-list [class^=icon-cross]::after {
            -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg)
        }

.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: 35px
        }

        .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-table-support-details {
    margin-top: 20px;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.2
}

    .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-period {
    margin: 0;
    padding-bottom: 20px
}

.pricing-table-features-opened .pricing-table-mobile-view-options [class^=icon-] {
    -webkit-transform: rotate(180deg);
    -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: 150px
}

.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-tooltip {
        top: 0;
        left: 233%
    }

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

span.divider {
    width: 100%;
    display: inline-block;
    background-color: rgba(255,168,0,.3);
    margin: 20px auto 10px;
    height: 1px
}

.pricing-table[data-product=fsales] .pricing-table-plan-value {
    border: 0
}

.pricing-table[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: 26px;
    left: 0;
    right: 0
}

.pricing-table[data-product=fsales] .pricing-table-features-opened .pricing-table-footer {
    padding: 10px 0
}

.pricing-table[data-product=fsales] .pricing-table-features-opened .pricing-table-plan-features {
    overflow: visible
}

.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%;
            -webkit-transform: translate(-50%,-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
        }

            .plan-card .pricing-table-body span.contacts {
                background-image: url(/images/freshsales/pricing/contacts-c5ababaa.svg)
            }

            .plan-card .pricing-table-body span.storage {
                background-image: url(/images/freshsales/pricing/storage-b4719651.svg);
                float: right
            }

            .plan-card .pricing-table-body span.users {
                background-image: url(/images/freshsales/pricing/users-7d89f3d5.svg);
                float: left
            }

.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-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;
        -webkit-transform: rotateZ(90deg);
        -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;
        -webkit-transform: rotateZ(90deg);
        -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: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .pricing-offer-banner-badge .offer-icon-wrapper {
        position: relative
    }

    .pricing-offer-banner-badge img {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-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: -8px
}

.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 {
    background-color: transparent
}

.lp-pricing-section .plan-card .pricing-table-header {
    min-height: 220px;
    padding-top: 75px
}

.lp-pricing-section .pricing-table-header {
    border: 0
}

.lp-pricing-section .pricing-table-column::before {
    border: 0
}

.tag-product-listing {
    display: inline-block;
    background-color: rgba(168, 170, 173, 0.32);
    color: #666;
    border: 1px solid rgba(100, 107, 121, 0.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: 25px;
    box-shadow: 0 2px 10px 0 rgba(138,168,230,.2);
    padding: 20px;
    position: relative;
    overflow: hidden;
    display: block;
    transition: box-shadow .3s ease,-webkit-transform .3s ease;
    transition: transform .3s ease,box-shadow .3s ease;
    transition: transform .3s ease,box-shadow .3s ease,-webkit-transform .3s ease
}

    .calendar-sections .activity-card .tag-product-listing, .product-listing .tag-product-listing {
        font-family: Sailec-Medium,Helvetica,sans-serif
    }

    .calendar-sections .activity-card:hover, .product-listing:hover {
        -webkit-transform: translateY(-3px);
        -ms-transform: translateY(-3px);
        transform: translateY(-3px);
        box-shadow: 0 7px 10px 0 rgba(138,168,230,.2)
    }

    .calendar-sections .new.activity-card, .product-listing.new {
        box-shadow: 0 2px 10px 0 rgba(138,168,230,.2);
        -webkit-animation: shadowGlow 1.5s ease-in infinite;
        animation: shadowGlow 1.5s ease-in infinite
    }

    .calendar-sections .activity-card .logo, .product-listing .logo {
        display: block
    }

    .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;
        -webkit-transform: rotate(45deg) translate(6%,-91%);
        -ms-transform: rotate(45deg) translate(6%,-91%);
        transform: rotate(45deg) translate(6%,-91%)
    }

.bg-fdesk {
    background-color: #25c16f !important
}

    .bg-fdesk:hover {
        background-color: #16a358 !important
    }

.bg-fservice {
    background-color: #08c7fb !important
}

    .bg-fservice:hover {
        background-color: #0096d7 !important
    }

.bg-fsales {
    background-color: #202938 !important
}

    .bg-fsales:hover {
        background-color: #ff4c4c !important
    }

.bg-fcaller {
    background-color: #cc4783 !important
}

    .bg-fcaller:hover {
        background-color: #ae3468 !important
    }

.bg-fteam {
    background-color: #ff5969 !important
}

    .bg-fteam:hover {
        background-color: #dc4d5b !important
    }

.bg-fchat {
    background-color: #45a4ec !important
}

    .bg-fchat:hover {
        background-color: #3995dc !important
    }

.bg-fmarketer {
    background-color: #ee5a24 !important
}

    .bg-fmarketer:hover {
        background-color: #d14f1f !important
    }

.modal {
    opacity: 0;
    transition: opacity .15s linear
}

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

.press-release-item {
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0 2px 10px 0 rgba(138,168,230,.2);
    transition: box-shadow .3s ease,-webkit-transform .3s ease;
    transition: transform .3s ease,box-shadow .3s ease;
    transition: transform .3s ease,box-shadow .3s ease,-webkit-transform .3s ease;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    max-width: 25rem;
    min-height: 330px
}

    .press-release-item:hover {
        -webkit-transform: translateY(-6px);
        -ms-transform: translateY(-6px);
        transform: translateY(-6px);
        box-shadow: 0 7px 10px 0 rgba(138,168,230,.2)
    }

    .press-release-item img {
        width: 100%;
        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
}

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

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

.bg-color-newsfeed {
    background-color: rgba(57,115,230,.1)
}

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

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

.press-release {
    display: none
}

.freshworks-benefits {
    padding: 32px 0 8px;
    background-image: linear-gradient(to bottom,#272754,#434387)
}

    .freshworks-benefits h2 {
        color: #fff
    }

    .freshworks-benefits h6 {
        font-weight: 500;
        color: #fff;
        margin-top: 6px
    }

    .freshworks-benefits p {
        color: rgba(255,255,255,.6)
    }

.freshworks-benefits-block-container {
    margin-top: 30px
}

.freshworks-benefits-block {
    margin-bottom: 20px
}

.freshworks-benefits-left {
    float: left;
    margin-right: 16px
}

.freshworks-benefits-present {
    width: 36px;
    height: 36px;
    background-color: rgba(57,115,230,.2);
    border-radius: 50%;
    display: table
}

    .freshworks-benefits-present i {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        color: #fff
    }

.freshworks-benefits__content {
    width: 82%;
    display: inline-block
}

.freshworks-benefits-banner {
    display: none;
    height: 0
}

    .freshworks-benefits-banner img {
        width: 100%
    }

.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: -webkit-filter .2s ease;
        transition: filter .2s ease;
        transition: filter .2s ease,-webkit-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 {
        -webkit-filter: blur(3px);
        filter: blur(3px)
    }

    .mosaic-item .forward--link {
        position: absolute;
        display: block;
        bottom: 20px;
        left: 50%;
        -webkit-transform: translateX(-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%;
    -webkit-transform: none;
    -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 h6 {
        color: #3973e6;
        margin-top: 5px;
        margin-bottom: 0
    }

        .ls-widget h6:hover {
            color: #275dc7
        }

    .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, .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;
        -webkit-transform: translate(-50%,-50%);
        -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, .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, .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
        }

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

.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%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .video-popup-modal p {
        line-height: 1.5;
        color: #4d4d4d
    }

.timeline-heading {
    display: inline-block;
    position: relative;
    padding: 11px 40px;
    margin-top: 30px;
    border-radius: 30px;
    border-style: solid;
    border-width: 1px;
    left: 50%;
    -webkit-transform: translateX(-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 {
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        left: 50%;
        position: relative;
        text-align: center
    }

.about-page {
    padding: 80px
}

.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(/images/common/icons/circled-check-4e939bd7.svg);
    width: 20px;
    height: 20px;
    margin: 0 auto
}

.circled-cross {
    background-image: url(/images/common/icons/circled-cross-aa5efa79.svg);
    width: 20px;
    height: 20px;
    margin: 0 auto
}

.icon-circled-check {
    vertical-align: bottom;
    display: inline-block;
    width: 20px;
    height: 20px;
    font-size: .625rem;
    line-height: 20px;
    margin: 0 6px 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
}

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

.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: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:nth-of-type(1) a {
                text-decoration: 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 {
            position: absolute;
            right: 100%;
            margin-right: 3px
        }

        .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-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-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(1) {
        padding: 11px 0 11px 10px;
        text-align: left;
        background: #fff
    }

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

.banner-content {
    padding-top: 3.75rem
}

.vertical-center {
    -webkit-transform: translateX(0);
    -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;
    left: 50%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-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
}

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

.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-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 {
        -webkit-transform: translateY(-50%);
        -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)
        }

.video-banner {
    position: relative;
    padding-bottom: 0 !important
}

.video-widget-1090 {
    border: 1px solid #fff
}

.banner-video-offset {
    width: 100%;
    max-width: 720px;
    margin: auto
}

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

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

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

.banner-animation-wrapper {
    position: relative;
    width: 100%;
    pointer-events: none
}

.banner-animation-static-bg, .banner-animation-static-shadow {
    width: 200%;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-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%;
    -webkit-transform: translateX(-50%) translateY(-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%;
    -webkit-transform: translateX(-50%) scaleY(.6);
    -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 > span {
    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
}

.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, nav a:hover, nav a:visited {
    color: inherit
}

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

.pattern-gradient-dark {
    background-image: url(""),linear-gradient(to bottom,#26174c,#5959b3)
}

    .pattern-gradient-dark .email-only-signup p {
        color: rgba(255,255,255,.3)
    }

    .pattern-gradient-dark .email-only-signup a {
        color: rgba(255,255,255,.4)
    }

.pattern-gradient-light {
    background-image: url(/images/freshworks/pattern-fworks-light-1e9eb991.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
    }

.pattern-light {
    background-image: url(/images/freshworks/pattern-fworks-light-1e9eb991.svg)
}

.gradient-dark {
    background-image: linear-gradient(to bottom,#26174c,#5959b3)
}

    .gradient-dark .email-only-signup p {
        color: rgba(255,255,255,.3)
    }

    .gradient-dark .email-only-signup a {
        color: rgba(255,255,255,.4)
    }

.gradient-light {
    background-image: linear-gradient(to bottom,rgba(57,115,230,.2),transparent)
}

    .gradient-light .email-only-signup p {
        color: #b3b3b3
    }

        .gradient-light .email-only-signup p a {
            color: #999
        }

.gradient-light {
    background-image: linear-gradient(to bottom,rgba(57,115,230,.2),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(/images/freshdesk/pattern-fdesk-ribbon-0ef33131.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--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)
}

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

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

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

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

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

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

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

.pricing-offer-active-plan-header {
    background-color: rgba(57,115,230,.1) !important
}

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

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

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

.boxBorder {
    border: 1px solid rgba(57,115,230,.4)
}

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

.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 .reseller-address div {
        display: inline-block;
        max-width: 85%
    }

    .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 {
        padding: 20px 15px !important
    }

.partner-dropdown-outer.active .partner-expandable {
    max-height: 1000px
}

.partner-dropdown-outer.active .nav-sub-toggle {
    -webkit-transform: rotate3d(1,0,0,180deg);
    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-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 {
        -webkit-animation: .25s fadeInUp;
        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
}

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

.partner-reseller-signupform .copy_write-text {
    display: none
}

    .partner-reseller-signupform .copy_write-text.active {
        display: block
    }

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

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

.email-only-signup, .job-description-bundle-signup, .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, .webinar-subscribe-form .button, .webinar-subscribe-form input {
        height: 45px;
        outline: 0;
        border-radius: 3px
    }

    .email-only-signup input, .job-description-bundle-signup 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, .webinar-subscribe-form input.placeholder {
            color: #ccc;
            font-size: 1rem
        }

        .email-only-signup input:-moz-placeholder, .job-description-bundle-signup 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, .webinar-subscribe-form input::-webkit-input-placeholder {
            color: #ccc;
            font-size: 1rem
        }

    .email-only-signup .button, .job-description-bundle-signup .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, .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, .webinar-subscribe-form .terms-subtext p {
            font-size: .75rem;
            color: #b3b3b3;
            text-transform: initial;
            margin: 0
        }

        .email-only-signup .terms-subtext a, .job-description-bundle-signup .terms-subtext a, .webinar-subscribe-form .terms-subtext a {
            color: #999;
            border-bottom: 1px dashed
        }

    .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, .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,.3)
    }

    .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, .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,.4)
    }

    .email-only-signup .error-wrapper, .job-description-bundle-signup .error-wrapper, .webinar-subscribe-form .error-wrapper {
        left: 0;
        top: 44px;
        z-index: 9
    }

    .email-only-signup em.error, .job-description-bundle-signup em.error, .webinar-subscribe-form 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 em.error::after, .email-only-signup em.error::before, .job-description-bundle-signup em.error::after, .job-description-bundle-signup em.error::before, .webinar-subscribe-form em.error::after, .webinar-subscribe-form em.error::before {
            content: '';
            display: block;
            width: 0;
            height: 0;
            position: absolute
        }

        .email-only-signup em.error::before, .job-description-bundle-signup em.error::before, .webinar-subscribe-form em.error::before {
            top: -16px;
            left: 8px;
            border: 8px solid transparent;
            border-bottom-color: red
        }

        .email-only-signup em.error::after, .job-description-bundle-signup em.error::after, .webinar-subscribe-form em.error::after {
            top: -17px;
            left: 6px;
            border: 10px solid transparent;
            border-bottom-color: #ffe7e9;
            z-index: 1
        }

    .email-only-signup .button, .email-only-signup input, .job-description-bundle-signup .button, .job-description-bundle-signup input, .webinar-subscribe-form .button, .webinar-subscribe-form input {
        min-width: 290px;
        display: block
    }

.pattern-gradient-light .terms-subtext p {
    color: #b3b3b3
}

.pattern-gradient-light .terms-subtext a {
    color: #999
}

.nav-main-item.nav-main-item-button .button {
    padding: 9px 20px
}

.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 {
        -webkit-transform: rotate(-90deg);
        -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(/images/common/company/logos/logo-fsales-black-4f92a7b9.jpg);
        margin: 0 auto
    }

    .accordion-logo-self.-fchat {
        background-size: 141px;
        height: 31px
    }

    .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(/images/freshservice/competitor/topdesk/topdesk@2x-fbfbdccb.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: opacity .25s ease 75ms,-webkit-transform .25s ease;
        transition: transform .25s ease,opacity .25s ease 75ms;
        transition: transform .25s ease,opacity .25s ease 75ms,-webkit-transform .25s ease
    }

.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 {
    background-image: url(/images/common/icons/arrow-1f4dcc59.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;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    transition: transform .2s ease,-webkit-transform .2s ease
}

.accordion-link.accordion-link-opened .down-arrow-rounded {
    transition: transform .2s ease,-webkit-transform .2s ease;
    -webkit-transform: rotate(0);
    -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,-webkit-transform .2s ease;
        vertical-align: middle;
        -webkit-transform: rotate(180deg);
        -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(/images/common/icons/arrow-1f4dcc59.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 {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }

.accordion-wrapper.accordion-variant-b.accordion-wrapper-fw .accordion-heading {
    font-size: 1.25rem
}

[data-accordion-target] {
    display: none
}

.accordian-table-price-compare h5 {
    font-size: 21px;
    color: #4d4d4d
}

.accordian-table-price-compare p {
    margin: 0;
    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 {
        max-width: 67px;
        margin-bottom: -5px
    }

    .banner-badge p {
        line-height: 1.4
    }

.banner-badge-cta {
    padding: 25px 15px
}

    .banner-badge-cta span {
        display: block;
        vertical-align: text-bottom
    }

.banner-badge-special-wrapper {
    overflow: hidden
}

.banner-badge-special {
    position: relative;
    padding: 20px
}

    .banner-badge-special img {
        max-width: 220px;
        margin-bottom: -10px
    }

    .banner-badge-special .logo-image img {
        max-width: 160px;
        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
    }

.award-winning-banner-badge {
    text-align: center
}

    .award-winning-banner-badge.banner-badge-special {
        border: 0
    }

    .award-winning-banner-badge img {
        max-width: 120px
    }

.highlight-paragraph-strip {
    border-radius: 5px
}

    .highlight-paragraph-strip h6 {
        padding: 6px 25px
    }

section.sticky-banner-solid {
    padding: 0;
    margin-bottom: 30px
}

    section.sticky-banner-solid .banner-badge {
        background: 0 0;
        text-align: center
    }

        section.sticky-banner-solid .banner-badge span {
            color: #fff
        }

.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 h3, .animate-form-wrapper h5 {
        transition: opacity .5s ease,-webkit-transform .5s ease;
        transition: opacity .5s ease,transform .5s ease;
        transition: opacity .5s ease,transform .5s ease,-webkit-transform .5s ease
    }

        .animate-form-wrapper h3.active, .animate-form-wrapper h5.active {
            -webkit-transform: translateX(-440px);
            -ms-transform: translateX(-440px);
            transform: translateX(-440px);
            opacity: 0
        }

    .animate-form-wrapper .form-field-container {
        transition: opacity .5s ease,-webkit-transform .5s ease;
        transition: opacity .5s ease,transform .5s ease;
        transition: opacity .5s ease,transform .5s ease,-webkit-transform .5s ease
    }

        .animate-form-wrapper .form-field-container.active {
            -webkit-transform: translateX(-440px);
            -ms-transform: translateX(-440px);
            transform: translateX(-440px);
            opacity: 0
        }

    .animate-form-wrapper.calendly-active {
        padding-bottom: 150px
    }

.overflow-visible {
    overflow: visible
}

.hidden-x {
    overflow-x: hidden
}

@-webkit-keyframes loading-rotate {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes loading-rotate {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.loading-spinner {
    -webkit-animation: loading-rotate .8s infinite linear;
    animation: loading-rotate .8s infinite linear;
    border-radius: 50%;
    height: 45px;
    margin: 20px auto 0;
    width: 45px
}

.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 .5s ease,-webkit-transform .5s ease;
        transition: opacity .5s ease,transform .5s ease;
        transition: opacity .5s ease,transform .5s ease,-webkit-transform .5s 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 {
            -webkit-transform: translateX(-400px);
            -ms-transform: translateX(-400px);
            transform: translateX(-400px);
            opacity: 0
        }

    .contact-form-wrapper .form-field-container, .email-only-form-wrapper .form-field-container, .subscribe-form-wrapper .form-field-container {
        transition: opacity .5s ease,-webkit-transform .5s ease;
        transition: opacity .5s ease,transform .5s ease;
        transition: opacity .5s ease,transform .5s ease,-webkit-transform .5s ease
    }

        .contact-form-wrapper .form-field-container.active, .email-only-form-wrapper .form-field-container.active, .subscribe-form-wrapper .form-field-container.active {
            -webkit-transform: translateX(-400px);
            -ms-transform: translateX(-400px);
            transform: translateX(-400px);
            opacity: 0
        }

.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;
    -webkit-transform: translateX(-50%);
    -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 {
        -webkit-transform: translate(-50%,-50%);
        -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(/images/freshsales/pl-ads/feature-avail-76372baf.svg) no-repeat
}

.pl-ads .plan-features .feature-group:not(.active) li::before {
    background: url(/images/freshsales/pl-ads/feature-unavail-2f7c8689.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 {
            -webkit-transform: translateY(-50%);
            -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: -webkit-box;
    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;
        -webkit-box-flex: 1;
        -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%;
            -webkit-transform: translate(-50%,-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
        }

        .feature-comparison-table thead th:nth-child(2), .feature-comparison-table thead th:nth-child(3) {
            width: 25%
        }

        .feature-comparison-table thead h6 {
            text-align: left;
            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: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.feature-rating {
        font-size: .875rem;
        font-weight: 500;
        text-align: center;
        color: #4d4d4d;
        border: 0;
        background: 0 0;
        width: 25%;
        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.disclaimer.image-caption {
        text-align: center;
        margin: 5px 0 0;
        padding-left: 0;
        color: #999
    }

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

.button.button--google-signup {
    background-image: url(/images/common/social-signup/google-signup-e7d552c7.svg);
    background-color: #4285f4;
    background-repeat: no-repeat;
    background-size: 41px;
    background-position: 1px,left;
    width: 240px;
    text-align: right;
    font-size: .75rem;
    padding: 11px 17px 11px 0;
    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
    }

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

.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: -webkit-transform 250ms;
        transition: transform 250ms;
        transition: transform 250ms,-webkit-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 {
            -webkit-transform: rotate(-180deg);
            -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.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 .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;
            -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            transform: rotate(90deg);
            color: #979797
        }

        .dropdown-content .search-input .icon-search2 {
            -webkit-transform: none;
            -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(/images/common/pricing/country-flags-sprite-773451c4.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 30px 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;
            -webkit-transform: rotateZ(45deg);
            -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 .resource-box-right {
        padding: 10px 0
    }

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

.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-abs {
        position: absolute;
        left: auto
    }

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

.note-widget {
    padding: 30px;
    margin-top: 26px;
    margin-bottom: 40px
}

    .note-widget span {
        font-size: 12px;
        letter-spacing: .5px;
        color: #666;
        text-transform: uppercase;
        font-family: Sailec-Bold,Helvetica,sans-serif
    }

    .note-widget p {
        font-style: italic;
        font-size: 20px;
        line-height: 28px
    }

    .note-widget.fsales {
        border: solid 1px rgba(255,168,0,.3);
        border-radius: 5px
    }

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

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

.report-chart-wrapper {
    background-image: url(/images/freshdesk/roi/graph_bg-af867aaf.png);
    background-repeat: repeat-x;
    background-size: auto 200px;
    background-position: center top 20px
}

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

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

    [data-product=fservice] .pricing-table-plan-period {
        min-height: 96px
    }

    .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%;
        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: 180px
        }

            .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;
            width: 100%
        }

    .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 .long-currency {
            font-size: 1rem
        }

    .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: 24px
    }

    .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: 21%;
        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: 50%;
        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
    }

    .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-salessupport {
        text-align: center
    }

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

        .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;
        -webkit-transform: translateX(0);
        -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
    }

    .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%;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .banner-animation-static-bg {
        position: static;
        width: 100%;
        -webkit-transform: none;
        -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 fieldset em.error {
            width: 100%
        }

    .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 {
        -webkit-transform: translateX(0);
        -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%
    }

    .modal-dialog {
        max-width: 100%;
        width: auto !important;
        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;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        z-index: 100;
        -webkit-animation: fadeDown .1s ease-in;
        animation: fadeDown .1s ease-in
    }

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

    .video-widget-1090 {
        max-width: 1090px
    }

    .video-widget-720 {
        max-width: 720px
    }

    .banner-video-box, .feature-video-box, .testimonial-full-width, .video-widget-1090, .video-widget-720 {
        margin: 0 auto
    }

        .banner-video-box .play-button, .feature-video-box .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, .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
        }

    .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-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 {
        margin: 0 0 0 25px
    }

    .equal-buttons-wrapper a.button {
        min-width: 200px
    }

    .testimonial-all-center, .testimonial-author-left, .testimonial-case-study {
        width: 77.5%;
        margin: 0 auto
    }

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

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

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

    .award-winning-banner-badge {
        text-align: left
    }

        .award-winning-banner-badge .image-logo {
            text-align: right
        }

        .award-winning-banner-badge .badge-content {
            max-width: 600px
        }

            .award-winning-banner-badge .badge-content h5 {
                margin: 0 0 5px
            }

            .award-winning-banner-badge .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
    }

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

    .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 {
        float: none;
        display: inline-block
    }

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

@media only screen and (min-width:60rem) {
    .l-page {
        margin-left: auto;
        margin-right: auto;
        padding-right: 25px;
        padding-left: 25px;
        padding-bottom:10px;
        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
    }

    .fscalendar-wrapper {
        text-align: left
    }

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

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

    .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));
            -webkit-transform: translate(-50%);
            -ms-transform: translate(-50%);
            transform: translate(-50%)
        }

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

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

    .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;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: inherit;
        flex-direction: inherit
    }

        .swap-two-rows .col-md-6:first-child {
            -webkit-box-ordinal-group: inherit;
            -ms-flex-order: inherit;
            order: inherit
        }

    .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 {
            font-size: .75rem;
            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 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
    }

    [data-product=fservice] .pricing-table-plan-period {
        min-height: 52px
    }

    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=fcaller] .feature-tool-tip .tool-tip-button.tool-tip-appended-content::before, .pricing-table[data-product=fcaller] .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=fsales] {
        margin-top: 30px
    }

        .pricing-table[data-product=fsales] .pricing-table-plan-features {
            overflow: visible
        }

        .pricing-table[data-product=fsales] .pricing-table-features-list {
            padding: 0 15px
        }

            .pricing-table[data-product=fsales] .pricing-table-features-list li, .pricing-table[data-product=fsales] .pricing-table-plan-period p {
                font-size: 14px
            }

        .pricing-table[data-product=fsales] .pricing-table-plan-period {
            font-size: 16px
        }

        .pricing-table[data-product=fsales] .pricing-table-header-bg {
            min-height: 140px
        }

        .pricing-table[data-product=fsales] .pricing-table-plan-value {
            border: 0;
            min-height: 250px;
            position: relative
        }

            .pricing-table[data-product=fsales] .pricing-table-plan-value .pricing-table-plan-btn, .pricing-table[data-product=fsales] .pricing-table-plan-value .pricing-table-plan-period, .pricing-table[data-product=fsales] .pricing-table-plan-value .pricing-table-plan-price {
                position: absolute;
                top: 0;
                left: 50%;
                -webkit-transform: translateX(-50%);
                -ms-transform: translateX(-50%);
                transform: translateX(-50%)
            }

            .pricing-table[data-product=fsales] .pricing-table-plan-value .pricing-table-plan-period {
                top: 40%;
                width: 100%
            }

                .pricing-table[data-product=fsales] .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=fsales] .pricing-table-plan-value .pricing-table-plan-btn {
                top: auto;
                width: 100%;
                bottom: 12px
            }

                .pricing-table[data-product=fsales] .pricing-table-plan-value .pricing-table-plan-btn .button {
                    padding: 7px 30px
                }

        .pricing-table[data-product=fsales] .pricing-table-footer {
            padding: 0
        }

        .pricing-table[data-product=fsales] .plan-recommended .pricing-table-plan-name {
            margin-top: 50px
        }

        .pricing-table[data-product=fsales] .plan-recommended .pricing-table-header-bg img {
            min-height: 180px
        }

        .pricing-table[data-product=fsales] .tool-tip-button:hover::after {
            top: -11px;
            left: 3px
        }

    .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%;
                    -webkit-transform: translate(-50%,-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(/images/freshsales/pricing/contacts-c5ababaa.svg)
                    }

                    .pricing-table-wide-column .plan-card .pricing-table-body span.support {
                        float: right;
                        background-image: url(/images/freshsales/pricing/support-77e69ed6.svg);
                        background-size: 20px 30px
                    }

                    .pricing-table-wide-column .plan-card .pricing-table-body span.users {
                        float: left;
                        background-image: url(/images/freshsales/pricing/users-7d89f3d5.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
        }

        .pricing-table-plan-price .long-currency {
            font-size: 1.125rem
        }

    .pricing-table-footer [class^=button-] {
        font-size: .75rem;
        padding-right: 20px;
        padding-left: 20px
    }

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

    .feature-bucket-image {
        margin-left: 0
    }

    .nav-main-menu {
        position: static;
        display: inline-block;
        opacity: 1;
        pointer-events: all;
        z-index: 200;
        float: right;
        margin-top: 15px;
        width: auto
    }

    .nav-main-item {
        display: inline-block;
        background-color: transparent;
        border-bottom: none;
        position: relative;
        cursor: pointer;
        vertical-align: top;
        overflow-x: visible
    }

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

    .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;
        -webkit-transform: translateX(0) translateY(0);
        -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
    }

    .no-super .nav-dark-bg:not(.nav-sticky), .no-super .nav-light-bg:not(.nav-sticky) {
        padding-top: 35px
    }

    .nav-transparent-secondary.no-super .nav-dark-bg, .nav-transparent-secondary.no-super .nav-light-bg {
        padding-top: 5px
    }

    .nav-super {
        display: block
    }

    .nav-sticky .nav-super {
        display: none
    }

    .nav-super-menu {
        float: right
    }

    .nav-super-item {
        font-family: National-Book,Helvetica,sans-serif;
        font-size: .875rem;
        letter-spacing: 0;
        text-transform: none;
        vertical-align: middle;
        position: relative;
        display: inline-block;
        cursor: pointer
    }

        .nav-super-item .icon-arrow-down, .nav-super-item .nav-sub-toggle {
            font-size: .375rem
        }

        .nav-super-item .icon-arrow-down {
            padding: 12px 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: 10px 15px;
            padding-right: 20px
        }

        .nav-super-item.lang-selector .icon-arrow-down {
            top: 3px
        }

        .nav-super-item .nav-super-label {
            font-family: National-Book,Helvetica,sans-serif
        }

    .nav-super-label, .nav-super-label:visited {
        display: inline-block;
        color: inherit;
        font-size: inherit;
        cursor: inherit;
        line-height: 1;
        padding: 11px 15px;
        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%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        top: 35px
    }

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

    header.sticky-active-secondary {
        height: 108px
    }

    .nav-sticky:not(.nav-active).has-secondary {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

        .nav-sticky:not(.nav-active).has-secondary.fade-in {
            -webkit-animation: fadeInDownSecondaryDesktop .1s ease;
            animation: fadeInDownSecondaryDesktop .1s ease
        }

    .nav-main-menu .hide-in-desktop, .nav-super-menu .hide-in-desktop {
        display: none
    }

    .nav-label {
        padding: 13px 20px;
        float: none
    }

    .nav-sub-toggle {
        padding: 13px 10px;
        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 .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, .nav-sticky {
        background-color: #fff
    }

        .nav-opaque .nav-logo-wrapper, .nav-sticky .nav-logo-wrapper {
            background-color: transparent
        }

        .nav-opaque .nav-signup-wrapper .terms-subtext, .nav-sticky .nav-signup-wrapper .terms-subtext {
            margin-top: 0
        }

            .nav-opaque .nav-signup-wrapper .terms-subtext p, .nav-sticky .nav-signup-wrapper .terms-subtext p {
                color: #b3b3b3
            }

            .nav-opaque .nav-signup-wrapper .terms-subtext a, .nav-sticky .nav-signup-wrapper .terms-subtext a {
                color: #999
            }

        .nav-light-bg .nav-wrapper-border, .nav-opaque .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 .nav-main-item, .nav-opaque .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 .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 .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 .nav-main-item.nav-contact:hover, .nav-sticky .nav-main-item.nav-contact:hover {
                    color: #999
                }

        .nav-light-bg .home-link, .nav-light-bg .nav-super-item, .nav-opaque .home-link, .nav-opaque .nav-super-item, .nav-sticky .home-link, .nav-sticky .nav-super-item {
            color: rgba(0,0,0,.5)
        }

            .nav-light-bg .home-link:hover, .nav-light-bg .nav-super-item:hover, .nav-opaque .home-link:hover, .nav-opaque .nav-super-item:hover, .nav-sticky .home-link:hover, .nav-sticky .nav-super-item:hover {
                color: rgba(0,0,0,.75)
            }

        .nav-light-bg .nav-signup-wrapper .terms-subtext, .nav-opaque .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 .nav-signup-wrapper .terms-subtext p, .nav-sticky .nav-signup-wrapper .terms-subtext p {
                color: #b3b3b3
            }

            .nav-light-bg .nav-signup-wrapper .terms-subtext a, .nav-opaque .nav-signup-wrapper .terms-subtext a, .nav-sticky .nav-signup-wrapper .terms-subtext a {
                color: #999
            }

    .nav-dark-bg:not(.nav-sticky) .nav-wrapper-border {
        border-bottom: 1px solid rgba(255,255,255,.1)
    }

    .nav-dark-bg:not(.nav-sticky) .nav-super-item {
        color: rgba(255,255,255,.5)
    }

    .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, .nav-dark-bg:not(.nav-sticky) .nav-super-item:hover {
            color: rgba(255,255,255,.75)
        }

    .nav-dark-bg:not(.nav-sticky) .nav-signup-wrapper .terms-subtext p {
        color: rgba(255,255,255,.3)
    }

    .nav-dark-bg:not(.nav-sticky) .nav-signup-wrapper .terms-subtext a {
        color: rgba(255,255,255,.4)
    }

    .no-super .nav-dark-bg:not(.nav-sticky) .button--ghost {
        color: #fff !important;
        border-color: #fff !important
    }

    .nav-sub-menu {
        display: block;
        position: absolute;
        left: -10000px;
        width: auto;
        min-width: 120px;
        padding:10px;
        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;
        -webkit-transform: translateX(-50%) translateY(-10px);
        -ms-transform: translateX(-50%) translateY(-10px);
        transform: translateX(-50%) translateY(-10px);
        transition: opacity .2s ease,-webkit-transform .2s ease;
        transition: transform .2s ease,opacity .2s ease;
        transition: transform .2s ease,opacity .2s ease,-webkit-transform .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%;
            -webkit-transform: translateX(-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: '';
            position: absolute;
            width: 18px;
            height: 0;
            border: 9px solid transparent;
            border-bottom: 9px solid rgba(0,0,0,.2);
            top: -18px;
            left: 50%;
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            transform: translateX(-50%);
            z-index: -100;
            -webkit-filter: blur(3px);
            filter: blur(3px)
        }

    .has-sub-menu:hover .nav-sub-menu, .sub-menu-opened .nav-sub-menu {
        z-index: 300;
        left: 50%;
        top: 35px;
        opacity: 1;
        -webkit-transform: translateX(-50%) translateY(0);
        -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 {
        -webkit-transform: rotateZ(180deg);
        -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
        }

    .footer-navs > .row {
        padding: 10px 0 40px
    }

    .footer-navs [class^=col-md-] {
        padding-left: 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
    }

    .name-field {
        width: 49.1%
    }

    .upper-video-offset {
        margin-top: 60px
    }

    .whitepaper-content-wrapper {
        margin-right: 50px
    }

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

    .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;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            transition: transform 250ms,-webkit-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 {
            -webkit-transform: rotate(180deg) translateY(50%);
            -ms-transform: rotate(180deg) translateY(50%);
            transform: rotate(180deg) translateY(50%);
            transition: transform 250ms,-webkit-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 {
        background: url(/images/freshdesk/roi/roi-bg-illustration-cd37b8ad.svg) no-repeat;
        background-position: top 180px center;
        background-size: 96%
    }

        .roiform .form-wrapper {
            padding: 0 15px 15px
        }

    .country-code-dropdown .phone-code-field {
        width: 84.5%
    }

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

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

        .resource-box:hover {
            -webkit-transform: translateY(-6px);
            -ms-transform: translateY(-6px);
            transform: translateY(-6px);
            box-shadow: 0 7px 10px 0 rgba(0,0,0,.1)
        }

        .resource-box .link {
            margin-top: 10px
        }

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

            .testimonial-band .testimonial-band-inner > div {
                text-align: center
            }

        .testimonial-band h6 {
            margin: 12px 0 0
        }

        .testimonial-band p {
            margin: 0 0 12px
        }

        .testimonial-band a {
            margin: 22px 0
        }

    .testimonial-all-center .author-bio .author-bio-details {
        text-align: center
    }

    .carousel-control.left {
        left: 0%
    }

    .carousel-control.right {
        right: 0%
    }

    .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: block;
                    line-height: 1.3;
                    color: #4d4d4d;
                    font-size: 1rem;
                    padding: 12px 30px 12px 12px
                }

        .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 .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 {
            float: left;
            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;
        -webkit-transform: translate(-50%);
        -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;
            -webkit-transform-origin: 50%;
            -ms-transform-origin: 50%;
            transform-origin: 50%;
            -webkit-animation: popover-dot-animation 1s infinite;
            animation: popover-dot-animation 1s infinite;
            -webkit-animation-fill-mode: forwards;
            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 {
            -webkit-animation: scaleDown .2s cubic-bezier(0,0,.2,1);
            animation: scaleDown .2s cubic-bezier(0,0,.2,1)
        }

            .popover.fade.in {
                -webkit-animation: scale .2s cubic-bezier(0,0,.2,1);
                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 {
            padding: 0;
            line-height: 1.29;
            border: none;
            font-size: .875rem;
            font-family: National-Book,Helvetica,sans-serif;
            color: rgba(255,255,255,.75)
        }

    .freshworks-benefits {
        padding: 68px 0 0
    }

        .freshworks-benefits h2 {
            text-align: center
        }

        .freshworks-benefits p.sub-para {
            text-align: center
        }

    .freshworks-benefits-banner {
        display: block
    }

    .freshworks-benefits-block-container {
        max-width: 50%;
        float: right;
        padding: 65px 0 56px;
        margin-top: 0
    }

    .freshworks-benefits-block {
        margin-bottom: 40px
    }

    .freshworks-benefits__banner-image {
        max-width: 100%;
        height: 40px
    }

    .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;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        top: 50%
    }

    .event-left {
        left: -23vw
    }

        .event-left .event-image {
            position: absolute;
            -webkit-transform: translate(-100%,-50%);
            -ms-transform: translate(-100%,-50%);
            transform: translate(-100%,-50%);
            margin: 0
        }

        .event-left .event-description {
            position: absolute;
            margin-left: 25px;
            -webkit-transform: translate(0,-50%);
            -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;
            -webkit-transform: translate(0,-50%);
            -ms-transform: translate(0,-50%);
            transform: translate(0,-50%);
            margin: 0
        }

        .event-right .event-description {
            position: absolute;
            margin-left: -25px;
            -webkit-transform: translate(-100%,-50%);
            -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
    }

    .banner-home-image {
        margin-top: -60px
    }

    .webinar-details-wrapper {
        text-align: left
    }

    .webinar-schedule-wrapper {
        display: block
    }

    .webinar-presenter {
        text-align: initial
    }

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

    .banner-right-image {
        margin-top: 40px
    }

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

    .tag-new {
        margin-left: 0
    }

    .list-wrap {
        text-align: left
    }

    .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%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%)
    }

        .banner-animation-ripple:nth-child(1) {
            -webkit-animation: 4s ease-out 0s infinite bannerAnimationRipple;
            animation: 4s ease-out 0s infinite bannerAnimationRipple
        }

        .banner-animation-ripple:nth-child(2) {
            -webkit-animation: 4s ease-out 1s infinite bannerAnimationRipple;
            animation: 4s ease-out 1s infinite bannerAnimationRipple
        }

        .banner-animation-ripple:nth-child(3) {
            -webkit-animation: 4s ease-out 2s infinite bannerAnimationRipple;
            animation: 4s ease-out 2s infinite bannerAnimationRipple
        }

        .banner-animation-ripple:nth-child(4) {
            -webkit-animation: 4s ease-out 3s infinite bannerAnimationRipple;
            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
        }

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

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

        p.disclaimer.image-caption {
            text-align: center;
            margin: 5px 0 0;
            padding-left: 0
        }

    .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 .nav-main-item.sub-menu-opened, .nav-opaque .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::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)
    }

    .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 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 {
        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, .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, .webinar-subscribe-form .button, .webinar-subscribe-form input {
            display: inline-block;
            vertical-align: middle
        }

        .email-only-signup input, .job-description-bundle-signup 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, .webinar-subscribe-form .button {
            float: right;
            border-top-left-radius: 0;
            border-bottom-left-radius: 0
        }

        .email-only-signup .terms-subtext, .job-description-bundle-signup .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 {
            min-width: 218px
        }

        .webinar-subscribe-form input {
            min-width: 260px
        }

        .webinar-subscribe-form .button {
            min-width: 160px
        }

    .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 {
            font-size: .625rem;
            letter-spacing: 0
        }

    .emailonly-nav-signup .error-wrapper {
        top: 34px
    }

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

    .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-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-inner {
        height: 100%
    }

        .rating-bar-inner.self {
            background-color: #abde74
        }

        .rating-bar-inner.competitor {
            background-color: #ddd
        }

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

    .slideshare-content {
        width: 900px
    }

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

    .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;
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            transform: translateX(-50%);
            z-index: 200;
            left: 50%;
            top: 0;
            opacity: 1;
            -webkit-animation: fadeDown .3s ease-in;
            animation: fadeDown .3s ease-in
        }
}
.navbar {
    margin-bottom: 0px;
    border-radius:0px;
}
.body-content {
    margin-bottom: 34px;
    top: 45px;
    position: relative;
}

.nav-link {margin-right:20px;}

.products-title h5 {
    text-align: center;
    font-size: 1.1rem;
    font-weight: bold;
    text-shadow: none;
}

.product-listing p {
    text-align: center;
    color: #948f8f;
    text-shadow: none;
}
.product-listing a.button {
    text-decoration:none;
}
.product-listing {text-align:center;min-height:312px;}
.product-listing .tag-product-listing {
    text-shadow: none;
}

/*.icon-instagram::before {
    content: '\e16d';
}*/
.social-connect-nav a:hover .icon-instagram {
    background-color: #6291b2;
    border-color: #6291b2
}
.wrapper-center {
    width: 100%;
    height: 100%;
    align-items: stretch;
    text-align: center !important;
}
.wrapper-noflex {    
    width: 100%;
    align-items: stretch;
}
.btn-center{    
    margin-top:110px;
}
/*PAYROLL LAYOUT */
.wrapper{
    display: flex;
    width:100%;
    align-items:stretch;
}
#sidebar{
    min-width:250px;
    max-width:250px;
    min-height:100vh;
}
#sidebar.active {
    margin-left:-250px;
}
a[data-toggle="collapse"] {
    position: relative;
}

.dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}
@media (max-width: 768px) {
    #sidebar {
        margin-left: -250px;
    }

        #sidebar.active {
            margin-left: 0;
        }
}
/*
    ADDITIONAL DEMO STYLE, NOT IMPORTANT TO MAKE THINGS WORK BUT TO MAKE IT A BIT NICER :)
*/
@import "https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700";


body {
    font-family: 'Poppins', sans-serif;
    background: #fafafa;
}

p {
    font-family: 'Poppins', sans-serif;
    font-size: 1.1em;
    font-weight: 300;
    line-height: 1.7em;
    color: #999;
}

a, a:hover, a:focus {
    color: inherit;
    text-decoration: none;
    transition: all 0.3s;
}

#sidebar {
    /* don't forget to add all the previously mentioned styles here too */
    background: #7386D5;
    color: #fff;
    transition: all 0.3s;
}

    #sidebar .sidebar-header {
        padding: 20px;
        background: #6d7fcc;
    }

    #sidebar ul.components {
        padding: 20px 0;
        border-bottom: 1px solid #47748b;
    }

    #sidebar ul p {
        color: #fff;
        padding: 10px;
    }

    #sidebar ul li a {
        padding: 10px;
        font-size: 1.1em;
        display: block;
    }

        #sidebar ul li a:hover {
            color: #7386D5;
            background: #fff;
        }

    #sidebar ul li.active > a, a[aria-expanded="true"] {
        color: #fff;
        background: #6d7fcc;
    }

ul ul a {
    font-size: 0.9em !important;
    padding-left: 30px !important;
    background: #6d7fcc;
}