/*!
 * Bootstrap v3.3.5 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

body {
    margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

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

[hidden],
template {
    display: none
}

a {
    background-color: transparent
}

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

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

b,
strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

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

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

small {
    font-size: 80%
}

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

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

figure {
    margin: 1em 40px
}

hr {
    height: 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

pre {
    overflow: auto
}

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

button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font: inherit;
    color: inherit
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

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

button[disabled],
html input[disabled] {
    cursor: default
}

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

input {
    line-height: normal
}

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

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

input[type=search] {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-appearance: textfield
}

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

fieldset {
    padding: .35em .625em .75em;
    margin: 0 2px;
    border: 1px solid silver
}

legend {
    padding: 0;
    border: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

table {
    border-spacing: 0;
    border-collapse: collapse
}

td,
th {
    padding: 0
}

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {

    *,
    :after,
    :before {
        color: #000 !important;
        text-shadow: none !important;
        background: 0 0 !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important
    }

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

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

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

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

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

    thead {
        display: table-header-group
    }

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

    img {
        max-width: 100% !important
    }

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

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

    .navbar {
        display: none
    }

    .btn>.caret,
    .dropup>.btn>.caret {
        border-top-color: #000 !important
    }

    .label {
        border: 1px solid #000
    }

    .table {
        border-collapse: collapse !important
    }

    .table td,
    .table th {
        background-color: #fff !important
    }

    .table-bordered td,
    .table-bordered th {
        border: 1px solid #ddd !important
    }
}

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url(../fonts/glyphicons-halflings-regular.eot);
    src: url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'), url(../fonts/glyphicons-halflings-regular.woff2) format('woff2'), url(../fonts/glyphicons-halflings-regular.woff) format('woff'), url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'), url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.glyphicon-asterisk:before {
    content: "\2a"
}

.glyphicon-plus:before {
    content: "\2b"
}

.glyphicon-eur:before,
.glyphicon-euro:before {
    content: "\20ac"
}

.glyphicon-minus:before {
    content: "\2212"
}

.glyphicon-cloud:before {
    content: "\2601"
}

.glyphicon-envelope:before {
    content: "\2709"
}

.glyphicon-pencil:before {
    content: "\270f"
}

.glyphicon-glass:before {
    content: "\e001"
}

.glyphicon-music:before {
    content: "\e002"
}

.glyphicon-search:before {
    content: "\e003"
}

.glyphicon-heart:before {
    content: "\e005"
}

.glyphicon-star:before {
    content: "\e006"
}

.glyphicon-star-empty:before {
    content: "\e007"
}

.glyphicon-user:before {
    content: "\e008"
}

.glyphicon-film:before {
    content: "\e009"
}

.glyphicon-th-large:before {
    content: "\e010"
}

.glyphicon-th:before {
    content: "\e011"
}

.glyphicon-th-list:before {
    content: "\e012"
}

.glyphicon-ok:before {
    content: "\e013"
}

.glyphicon-remove:before {
    content: "\e014"
}

.glyphicon-zoom-in:before {
    content: "\e015"
}

.glyphicon-zoom-out:before {
    content: "\e016"
}

.glyphicon-off:before {
    content: "\e017"
}

.glyphicon-signal:before {
    content: "\e018"
}

.glyphicon-cog:before {
    content: "\e019"
}

.glyphicon-trash:before {
    content: "\e020"
}

.glyphicon-home:before {
    content: "\e021"
}

.glyphicon-file:before {
    content: "\e022"
}

.glyphicon-time:before {
    content: "\e023"
}

.glyphicon-road:before {
    content: "\e024"
}

.glyphicon-download-alt:before {
    content: "\e025"
}

.glyphicon-download:before {
    content: "\e026"
}

.glyphicon-upload:before {
    content: "\e027"
}

.glyphicon-inbox:before {
    content: "\e028"
}

.glyphicon-play-circle:before {
    content: "\e029"
}

.glyphicon-repeat:before {
    content: "\e030"
}

.glyphicon-refresh:before {
    content: "\e031"
}

.glyphicon-list-alt:before {
    content: "\e032"
}

.glyphicon-lock:before {
    content: "\e033"
}

.glyphicon-flag:before {
    content: "\e034"
}

.glyphicon-headphones:before {
    content: "\e035"
}

.glyphicon-volume-off:before {
    content: "\e036"
}

.glyphicon-volume-down:before {
    content: "\e037"
}

.glyphicon-volume-up:before {
    content: "\e038"
}

.glyphicon-qrcode:before {
    content: "\e039"
}

.glyphicon-barcode:before {
    content: "\e040"
}

.glyphicon-tag:before {
    content: "\e041"
}

.glyphicon-tags:before {
    content: "\e042"
}

.glyphicon-book:before {
    content: "\e043"
}

.glyphicon-bookmark:before {
    content: "\e044"
}

.glyphicon-print:before {
    content: "\e045"
}

.glyphicon-camera:before {
    content: "\e046"
}

.glyphicon-font:before {
    content: "\e047"
}

.glyphicon-bold:before {
    content: "\e048"
}

.glyphicon-italic:before {
    content: "\e049"
}

.glyphicon-text-height:before {
    content: "\e050"
}

.glyphicon-text-width:before {
    content: "\e051"
}

.glyphicon-align-left:before {
    content: "\e052"
}

.glyphicon-align-center:before {
    content: "\e053"
}

.glyphicon-align-right:before {
    content: "\e054"
}

.glyphicon-align-justify:before {
    content: "\e055"
}

.glyphicon-list:before {
    content: "\e056"
}

.glyphicon-indent-left:before {
    content: "\e057"
}

.glyphicon-indent-right:before {
    content: "\e058"
}

.glyphicon-facetime-video:before {
    content: "\e059"
}

.glyphicon-picture:before {
    content: "\e060"
}

.glyphicon-map-marker:before {
    content: "\e062"
}

.glyphicon-adjust:before {
    content: "\e063"
}

.glyphicon-tint:before {
    content: "\e064"
}

.glyphicon-edit:before {
    content: "\e065"
}

.glyphicon-share:before {
    content: "\e066"
}

.glyphicon-check:before {
    content: "\e067"
}

.glyphicon-move:before {
    content: "\e068"
}

.glyphicon-step-backward:before {
    content: "\e069"
}

.glyphicon-fast-backward:before {
    content: "\e070"
}

.glyphicon-backward:before {
    content: "\e071"
}

.glyphicon-play:before {
    content: "\e072"
}

.glyphicon-pause:before {
    content: "\e073"
}

.glyphicon-stop:before {
    content: "\e074"
}

.glyphicon-forward:before {
    content: "\e075"
}

.glyphicon-fast-forward:before {
    content: "\e076"
}

.glyphicon-step-forward:before {
    content: "\e077"
}

.glyphicon-eject:before {
    content: "\e078"
}

.glyphicon-chevron-left:before {
    content: "\e079"
}

.glyphicon-chevron-right:before {
    content: "\e080"
}

.glyphicon-plus-sign:before {
    content: "\e081"
}

.glyphicon-minus-sign:before {
    content: "\e082"
}

.glyphicon-remove-sign:before {
    content: "\e083"
}

.glyphicon-ok-sign:before {
    content: "\e084"
}

.glyphicon-question-sign:before {
    content: "\e085"
}

.glyphicon-info-sign:before {
    content: "\e086"
}

.glyphicon-screenshot:before {
    content: "\e087"
}

.glyphicon-remove-circle:before {
    content: "\e088"
}

.glyphicon-ok-circle:before {
    content: "\e089"
}

.glyphicon-ban-circle:before {
    content: "\e090"
}

.glyphicon-arrow-left:before {
    content: "\e091"
}

.glyphicon-arrow-right:before {
    content: "\e092"
}

.glyphicon-arrow-up:before {
    content: "\e093"
}

.glyphicon-arrow-down:before {
    content: "\e094"
}

.glyphicon-share-alt:before {
    content: "\e095"
}

.glyphicon-resize-full:before {
    content: "\e096"
}

.glyphicon-resize-small:before {
    content: "\e097"
}

.glyphicon-exclamation-sign:before {
    content: "\e101"
}

.glyphicon-gift:before {
    content: "\e102"
}

.glyphicon-leaf:before {
    content: "\e103"
}

.glyphicon-fire:before {
    content: "\e104"
}

.glyphicon-eye-open:before {
    content: "\e105"
}

.glyphicon-eye-close:before {
    content: "\e106"
}

.glyphicon-warning-sign:before {
    content: "\e107"
}

.glyphicon-plane:before {
    content: "\e108"
}

.glyphicon-calendar:before {
    content: "\e109"
}

.glyphicon-random:before {
    content: "\e110"
}

.glyphicon-comment:before {
    content: "\e111"
}

.glyphicon-magnet:before {
    content: "\e112"
}

.glyphicon-chevron-up:before {
    content: "\e113"
}

.glyphicon-chevron-down:before {
    content: "\e114"
}

.glyphicon-retweet:before {
    content: "\e115"
}

.glyphicon-shopping-cart:before {
    content: "\e116"
}

.glyphicon-folder-close:before {
    content: "\e117"
}

.glyphicon-folder-open:before {
    content: "\e118"
}

.glyphicon-resize-vertical:before {
    content: "\e119"
}

.glyphicon-resize-horizontal:before {
    content: "\e120"
}

.glyphicon-hdd:before {
    content: "\e121"
}

.glyphicon-bullhorn:before {
    content: "\e122"
}

.glyphicon-bell:before {
    content: "\e123"
}

.glyphicon-certificate:before {
    content: "\e124"
}

.glyphicon-thumbs-up:before {
    content: "\e125"
}

.glyphicon-thumbs-down:before {
    content: "\e126"
}

.glyphicon-hand-right:before {
    content: "\e127"
}

.glyphicon-hand-left:before {
    content: "\e128"
}

.glyphicon-hand-up:before {
    content: "\e129"
}

.glyphicon-hand-down:before {
    content: "\e130"
}

.glyphicon-circle-arrow-right:before {
    content: "\e131"
}

.glyphicon-circle-arrow-left:before {
    content: "\e132"
}

.glyphicon-circle-arrow-up:before {
    content: "\e133"
}

.glyphicon-circle-arrow-down:before {
    content: "\e134"
}

.glyphicon-globe:before {
    content: "\e135"
}

.glyphicon-wrench:before {
    content: "\e136"
}

.glyphicon-tasks:before {
    content: "\e137"
}

.glyphicon-filter:before {
    content: "\e138"
}

.glyphicon-briefcase:before {
    content: "\e139"
}

.glyphicon-fullscreen:before {
    content: "\e140"
}

.glyphicon-dashboard:before {
    content: "\e141"
}

.glyphicon-paperclip:before {
    content: "\e142"
}

.glyphicon-heart-empty:before {
    content: "\e143"
}

.glyphicon-link:before {
    content: "\e144"
}

.glyphicon-phone:before {
    content: "\e145"
}

.glyphicon-pushpin:before {
    content: "\e146"
}

.glyphicon-usd:before {
    content: "\e148"
}

.glyphicon-gbp:before {
    content: "\e149"
}

.glyphicon-sort:before {
    content: "\e150"
}

.glyphicon-sort-by-alphabet:before {
    content: "\e151"
}

.glyphicon-sort-by-alphabet-alt:before {
    content: "\e152"
}

.glyphicon-sort-by-order:before {
    content: "\e153"
}

.glyphicon-sort-by-order-alt:before {
    content: "\e154"
}

.glyphicon-sort-by-attributes:before {
    content: "\e155"
}

.glyphicon-sort-by-attributes-alt:before {
    content: "\e156"
}

.glyphicon-unchecked:before {
    content: "\e157"
}

.glyphicon-expand:before {
    content: "\e158"
}

.glyphicon-collapse-down:before {
    content: "\e159"
}

.glyphicon-collapse-up:before {
    content: "\e160"
}

.glyphicon-log-in:before {
    content: "\e161"
}

.glyphicon-flash:before {
    content: "\e162"
}

.glyphicon-log-out:before {
    content: "\e163"
}

.glyphicon-new-window:before {
    content: "\e164"
}

.glyphicon-record:before {
    content: "\e165"
}

.glyphicon-save:before {
    content: "\e166"
}

.glyphicon-open:before {
    content: "\e167"
}

.glyphicon-saved:before {
    content: "\e168"
}

.glyphicon-import:before {
    content: "\e169"
}

.glyphicon-export:before {
    content: "\e170"
}

.glyphicon-send:before {
    content: "\e171"
}

.glyphicon-floppy-disk:before {
    content: "\e172"
}

.glyphicon-floppy-saved:before {
    content: "\e173"
}

.glyphicon-floppy-remove:before {
    content: "\e174"
}

.glyphicon-floppy-save:before {
    content: "\e175"
}

.glyphicon-floppy-open:before {
    content: "\e176"
}

.glyphicon-credit-card:before {
    content: "\e177"
}

.glyphicon-transfer:before {
    content: "\e178"
}

.glyphicon-cutlery:before {
    content: "\e179"
}

.glyphicon-header:before {
    content: "\e180"
}

.glyphicon-compressed:before {
    content: "\e181"
}

.glyphicon-earphone:before {
    content: "\e182"
}

.glyphicon-phone-alt:before {
    content: "\e183"
}

.glyphicon-tower:before {
    content: "\e184"
}

.glyphicon-stats:before {
    content: "\e185"
}

.glyphicon-sd-video:before {
    content: "\e186"
}

.glyphicon-hd-video:before {
    content: "\e187"
}

.glyphicon-subtitles:before {
    content: "\e188"
}

.glyphicon-sound-stereo:before {
    content: "\e189"
}

.glyphicon-sound-dolby:before {
    content: "\e190"
}

.glyphicon-sound-5-1:before {
    content: "\e191"
}

.glyphicon-sound-6-1:before {
    content: "\e192"
}

.glyphicon-sound-7-1:before {
    content: "\e193"
}

.glyphicon-copyright-mark:before {
    content: "\e194"
}

.glyphicon-registration-mark:before {
    content: "\e195"
}

.glyphicon-cloud-download:before {
    content: "\e197"
}

.glyphicon-cloud-upload:before {
    content: "\e198"
}

.glyphicon-tree-conifer:before {
    content: "\e199"
}

.glyphicon-tree-deciduous:before {
    content: "\e200"
}

.glyphicon-cd:before {
    content: "\e201"
}

.glyphicon-save-file:before {
    content: "\e202"
}

.glyphicon-open-file:before {
    content: "\e203"
}

.glyphicon-level-up:before {
    content: "\e204"
}

.glyphicon-copy:before {
    content: "\e205"
}

.glyphicon-paste:before {
    content: "\e206"
}

.glyphicon-alert:before {
    content: "\e209"
}

.glyphicon-equalizer:before {
    content: "\e210"
}

.glyphicon-king:before {
    content: "\e211"
}

.glyphicon-queen:before {
    content: "\e212"
}

.glyphicon-pawn:before {
    content: "\e213"
}

.glyphicon-bishop:before {
    content: "\e214"
}

.glyphicon-knight:before {
    content: "\e215"
}

.glyphicon-baby-formula:before {
    content: "\e216"
}

.glyphicon-tent:before {
    content: "\26fa"
}

.glyphicon-blackboard:before {
    content: "\e218"
}

.glyphicon-bed:before {
    content: "\e219"
}

.glyphicon-apple:before {
    content: "\f8ff"
}

.glyphicon-erase:before {
    content: "\e221"
}

.glyphicon-hourglass:before {
    content: "\231b"
}

.glyphicon-lamp:before {
    content: "\e223"
}

.glyphicon-duplicate:before {
    content: "\e224"
}

.glyphicon-piggy-bank:before {
    content: "\e225"
}

.glyphicon-scissors:before {
    content: "\e226"
}

.glyphicon-bitcoin:before {
    content: "\e227"
}

.glyphicon-btc:before {
    content: "\e227"
}

.glyphicon-xbt:before {
    content: "\e227"
}

.glyphicon-yen:before {
    content: "\00a5"
}

.glyphicon-jpy:before {
    content: "\00a5"
}

.glyphicon-ruble:before {
    content: "\20bd"
}

.glyphicon-rub:before {
    content: "\20bd"
}

.glyphicon-scale:before {
    content: "\e230"
}

.glyphicon-ice-lolly:before {
    content: "\e231"
}

.glyphicon-ice-lolly-tasted:before {
    content: "\e232"
}

.glyphicon-education:before {
    content: "\e233"
}

.glyphicon-option-horizontal:before {
    content: "\e234"
}

.glyphicon-option-vertical:before {
    content: "\e235"
}

.glyphicon-menu-hamburger:before {
    content: "\e236"
}

.glyphicon-modal-window:before {
    content: "\e237"
}

.glyphicon-oil:before {
    content: "\e238"
}

.glyphicon-grain:before {
    content: "\e239"
}

.glyphicon-sunglasses:before {
    content: "\e240"
}

.glyphicon-text-size:before {
    content: "\e241"
}

.glyphicon-text-color:before {
    content: "\e242"
}

.glyphicon-text-background:before {
    content: "\e243"
}

.glyphicon-object-align-top:before {
    content: "\e244"
}

.glyphicon-object-align-bottom:before {
    content: "\e245"
}

.glyphicon-object-align-horizontal:before {
    content: "\e246"
}

.glyphicon-object-align-left:before {
    content: "\e247"
}

.glyphicon-object-align-vertical:before {
    content: "\e248"
}

.glyphicon-object-align-right:before {
    content: "\e249"
}

.glyphicon-triangle-right:before {
    content: "\e250"
}

.glyphicon-triangle-left:before {
    content: "\e251"
}

.glyphicon-triangle-bottom:before {
    content: "\e252"
}

.glyphicon-triangle-top:before {
    content: "\e253"
}

.glyphicon-console:before {
    content: "\e254"
}

.glyphicon-superscript:before {
    content: "\e255"
}

.glyphicon-subscript:before {
    content: "\e256"
}

.glyphicon-menu-left:before {
    content: "\e257"
}

.glyphicon-menu-right:before {
    content: "\e258"
}

.glyphicon-menu-down:before {
    content: "\e259"
}

.glyphicon-menu-up:before {
    content: "\e260"
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

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

html {
    font-size: 10px;
    -webkit-tap-highlight-color: transparent
}

body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff
}

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

a {
    color: #337ab7;
    text-decoration: none
}

a:focus,
a:hover {
    color: #23527c;
    text-decoration: underline
}

a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

figure {
    margin: 0
}

img {
    vertical-align: middle
}

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

.img-rounded {
    border-radius: 6px
}

.img-thumbnail {
    display: inline-block;
    max-width: 100%;
    height: auto;
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.img-circle {
    border-radius: 50%
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

[role=button] {
    cursor: pointer
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit
}

.h1 .small,
.h1 small,
.h2 .small,
.h2 small,
.h3 .small,
.h3 small,
.h4 .small,
.h4 small,
.h5 .small,
.h5 small,
.h6 .small,
.h6 small,
h1 .small,
h1 small,
h2 .small,
h2 small,
h3 .small,
h3 small,
h4 .small,
h4 small,
h5 .small,
h5 small,
h6 .small,
h6 small {
    font-weight: 400;
    line-height: 1;
    color: #777
}

.h1,
.h2,
.h3,
h1,
h2,
h3 {
    margin-top: 20px;
    margin-bottom: 10px
}

.h1 .small,
.h1 small,
.h2 .small,
.h2 small,
.h3 .small,
.h3 small,
h1 .small,
h1 small,
h2 .small,
h2 small,
h3 .small,
h3 small {
    font-size: 65%
}

.h4,
.h5,
.h6,
h4,
h5,
h6 {
    margin-top: 10px;
    margin-bottom: 10px
}

.h4 .small,
.h4 small,
.h5 .small,
.h5 small,
.h6 .small,
.h6 small,
h4 .small,
h4 small,
h5 .small,
h5 small,
h6 .small,
h6 small {
    font-size: 75%
}

.h1,
h1 {
    font-size: 36px
}

.h2,
h2 {
    font-size: 30px
}

.h3,
h3 {
    font-size: 24px
}

.h4,
h4 {
    font-size: 18px
}

.h5,
h5 {
    font-size: 14px
}

.h6,
h6 {
    font-size: 12px
}

p {
    margin: 0 0 10px
}

.lead {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4
}

@media (min-width:768px) {
    .lead {
        font-size: 21px
    }
}

.small,
small {
    font-size: 85%
}

.mark,
mark {
    padding: .2em;
    background-color: #fcf8e3
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

.text-nowrap {
    white-space: nowrap
}

.text-lowercase {
    text-transform: lowercase
}

.text-uppercase {
    text-transform: uppercase
}

.text-capitalize {
    text-transform: capitalize
}

.text-muted {
    color: #777
}

.text-primary {
    color: #337ab7
}

a.text-primary:focus,
a.text-primary:hover {
    color: #286090
}

.text-success {
    color: #3c763d
}

a.text-success:focus,
a.text-success:hover {
    color: #2b542c
}

.text-info {
    color: #31708f
}

a.text-info:focus,
a.text-info:hover {
    color: #245269
}

.text-warning {
    color: #8a6d3b
}

a.text-warning:focus,
a.text-warning:hover {
    color: #66512c
}

.text-danger {
    color: #a94442
}

a.text-danger:focus,
a.text-danger:hover {
    color: #843534
}

.bg-primary {
    color: #fff;
    background-color: #337ab7
}

a.bg-primary:focus,
a.bg-primary:hover {
    background-color: #286090
}

.bg-success {
    background-color: #dff0d8
}

a.bg-success:focus,
a.bg-success:hover {
    background-color: #c1e2b3
}

.bg-info {
    background-color: #d9edf7
}

a.bg-info:focus,
a.bg-info:hover {
    background-color: #afd9ee
}

.bg-warning {
    background-color: #fcf8e3
}

a.bg-warning:focus,
a.bg-warning:hover {
    background-color: #f7ecb5
}

.bg-danger {
    background-color: #f2dede
}

a.bg-danger:focus,
a.bg-danger:hover {
    background-color: #e4b9b9
}

.page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid #eee
}

ol,
ul {
    margin-top: 0;
    margin-bottom: 10px
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin-bottom: 0
}

.list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline {
    padding-left: 0;
    margin-left: -5px;
    list-style: none
}

.list-inline>li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px
}

dl {
    margin-top: 0;
    margin-bottom: 20px
}

dd,
dt {
    line-height: 1.42857143
}

dt {
    font-weight: 700
}

dd {
    margin-left: 0
}

@media (min-width:768px) {
    .dl-horizontal dt {
        float: left;
        width: 160px;
        overflow: hidden;
        clear: left;
        text-align: right;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .dl-horizontal dd {
        margin-left: 180px
    }
}

abbr[data-original-title],
abbr[title] {
    cursor: help;
    border-bottom: 1px dotted #777
}

.initialism {
    font-size: 90%;
    text-transform: uppercase
}

blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #eee
}

blockquote ol:last-child,
blockquote p:last-child,
blockquote ul:last-child {
    margin-bottom: 0
}

blockquote .small,
blockquote footer,
blockquote small {
    display: block;
    font-size: 80%;
    line-height: 1.42857143;
    color: #777
}

blockquote .small:before,
blockquote footer:before,
blockquote small:before {
    content: '\2014 \00A0'
}

.blockquote-reverse,
blockquote.pull-right {
    padding-right: 15px;
    padding-left: 0;
    text-align: right;
    border-right: 5px solid #eee;
    border-left: 0
}

.blockquote-reverse .small:before,
.blockquote-reverse footer:before,
.blockquote-reverse small:before,
blockquote.pull-right .small:before,
blockquote.pull-right footer:before,
blockquote.pull-right small:before {
    content: ''
}

.blockquote-reverse .small:after,
.blockquote-reverse footer:after,
.blockquote-reverse small:after,
blockquote.pull-right .small:after,
blockquote.pull-right footer:after,
blockquote.pull-right small:after {
    content: '\00A0 \2014'
}

address {
    margin-bottom: 20px;
    font-style: normal;
    line-height: 1.42857143
}

code,
kbd,
pre,
samp {
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace
}

code {
    padding: 2px 4px;
    font-size: 90%;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 4px
}

kbd {
    padding: 2px 4px;
    font-size: 90%;
    color: #fff;
    background-color: #333;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25)
}

kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: 700;
    -webkit-box-shadow: none;
    box-shadow: none
}

pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px
}

pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    white-space: pre-wrap;
    background-color: transparent;
    border-radius: 0
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

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

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

@media (min-width:992px) {
    .container {
        width: 970px
    }
}

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

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

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

.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-right: 15px;
    padding-left: 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-12 {
    width: 100%
}

.col-xs-11 {
    width: 91.66666667%
}

.col-xs-10 {
    width: 83.33333333%
}

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

.col-xs-8 {
    width: 66.66666667%
}

.col-xs-7 {
    width: 58.33333333%
}

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

.col-xs-5 {
    width: 41.66666667%
}

.col-xs-4 {
    width: 33.33333333%
}

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

.col-xs-2 {
    width: 16.66666667%
}

.col-xs-1 {
    width: 8.33333333%
}

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

.col-xs-pull-11 {
    right: 91.66666667%
}

.col-xs-pull-10 {
    right: 83.33333333%
}

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

.col-xs-pull-8 {
    right: 66.66666667%
}

.col-xs-pull-7 {
    right: 58.33333333%
}

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

.col-xs-pull-5 {
    right: 41.66666667%
}

.col-xs-pull-4 {
    right: 33.33333333%
}

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

.col-xs-pull-2 {
    right: 16.66666667%
}

.col-xs-pull-1 {
    right: 8.33333333%
}

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

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

.col-xs-push-11 {
    left: 91.66666667%
}

.col-xs-push-10 {
    left: 83.33333333%
}

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

.col-xs-push-8 {
    left: 66.66666667%
}

.col-xs-push-7 {
    left: 58.33333333%
}

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

.col-xs-push-5 {
    left: 41.66666667%
}

.col-xs-push-4 {
    left: 33.33333333%
}

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

.col-xs-push-2 {
    left: 16.66666667%
}

.col-xs-push-1 {
    left: 8.33333333%
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@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-12 {
        width: 100%
    }

    .col-sm-11 {
        width: 91.66666667%
    }

    .col-sm-10 {
        width: 83.33333333%
    }

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

    .col-sm-8 {
        width: 66.66666667%
    }

    .col-sm-7 {
        width: 58.33333333%
    }

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

    .col-sm-5 {
        width: 41.66666667%
    }

    .col-sm-4 {
        width: 33.33333333%
    }

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

    .col-sm-2 {
        width: 16.66666667%
    }

    .col-sm-1 {
        width: 8.33333333%
    }

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

    .col-sm-pull-11 {
        right: 91.66666667%
    }

    .col-sm-pull-10 {
        right: 83.33333333%
    }

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

    .col-sm-pull-8 {
        right: 66.66666667%
    }

    .col-sm-pull-7 {
        right: 58.33333333%
    }

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

    .col-sm-pull-5 {
        right: 41.66666667%
    }

    .col-sm-pull-4 {
        right: 33.33333333%
    }

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

    .col-sm-pull-2 {
        right: 16.66666667%
    }

    .col-sm-pull-1 {
        right: 8.33333333%
    }

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

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

    .col-sm-push-11 {
        left: 91.66666667%
    }

    .col-sm-push-10 {
        left: 83.33333333%
    }

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

    .col-sm-push-8 {
        left: 66.66666667%
    }

    .col-sm-push-7 {
        left: 58.33333333%
    }

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

    .col-sm-push-5 {
        left: 41.66666667%
    }

    .col-sm-push-4 {
        left: 33.33333333%
    }

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

    .col-sm-push-2 {
        left: 16.66666667%
    }

    .col-sm-push-1 {
        left: 8.33333333%
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width:992px) {

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

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

    .col-md-11 {
        width: 91.66666667%
    }

    .col-md-10 {
        width: 83.33333333%
    }

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

    .col-md-8 {
        width: 66.66666667%
    }

    .col-md-7 {
        width: 58.33333333%
    }

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

    .col-md-5 {
        width: 41.66666667%
    }

    .col-md-4 {
        width: 33.33333333%
    }

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

    .col-md-2 {
        width: 16.66666667%
    }

    .col-md-1 {
        width: 8.33333333%
    }

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

    .col-md-pull-11 {
        right: 91.66666667%
    }

    .col-md-pull-10 {
        right: 83.33333333%
    }

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

    .col-md-pull-8 {
        right: 66.66666667%
    }

    .col-md-pull-7 {
        right: 58.33333333%
    }

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

    .col-md-pull-5 {
        right: 41.66666667%
    }

    .col-md-pull-4 {
        right: 33.33333333%
    }

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

    .col-md-pull-2 {
        right: 16.66666667%
    }

    .col-md-pull-1 {
        right: 8.33333333%
    }

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

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

    .col-md-push-11 {
        left: 91.66666667%
    }

    .col-md-push-10 {
        left: 83.33333333%
    }

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

    .col-md-push-8 {
        left: 66.66666667%
    }

    .col-md-push-7 {
        left: 58.33333333%
    }

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

    .col-md-push-5 {
        left: 41.66666667%
    }

    .col-md-push-4 {
        left: 33.33333333%
    }

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

    .col-md-push-2 {
        left: 16.66666667%
    }

    .col-md-push-1 {
        left: 8.33333333%
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@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-12 {
        width: 100%
    }

    .col-lg-11 {
        width: 91.66666667%
    }

    .col-lg-10 {
        width: 83.33333333%
    }

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

    .col-lg-8 {
        width: 66.66666667%
    }

    .col-lg-7 {
        width: 58.33333333%
    }

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

    .col-lg-5 {
        width: 41.66666667%
    }

    .col-lg-4 {
        width: 33.33333333%
    }

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

    .col-lg-2 {
        width: 16.66666667%
    }

    .col-lg-1 {
        width: 8.33333333%
    }

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

    .col-lg-pull-11 {
        right: 91.66666667%
    }

    .col-lg-pull-10 {
        right: 83.33333333%
    }

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

    .col-lg-pull-8 {
        right: 66.66666667%
    }

    .col-lg-pull-7 {
        right: 58.33333333%
    }

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

    .col-lg-pull-5 {
        right: 41.66666667%
    }

    .col-lg-pull-4 {
        right: 33.33333333%
    }

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

    .col-lg-pull-2 {
        right: 16.66666667%
    }

    .col-lg-pull-1 {
        right: 8.33333333%
    }

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

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

    .col-lg-push-11 {
        left: 91.66666667%
    }

    .col-lg-push-10 {
        left: 83.33333333%
    }

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

    .col-lg-push-8 {
        left: 66.66666667%
    }

    .col-lg-push-7 {
        left: 58.33333333%
    }

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

    .col-lg-push-5 {
        left: 41.66666667%
    }

    .col-lg-push-4 {
        left: 33.33333333%
    }

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

    .col-lg-push-2 {
        left: 16.66666667%
    }

    .col-lg-push-1 {
        left: 8.33333333%
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

table {
    background-color: transparent
}

caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #777;
    text-align: left
}

th {
    text-align: left
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd
}

.table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd
}

.table>caption+thead>tr:first-child>td,
.table>caption+thead>tr:first-child>th,
.table>colgroup+thead>tr:first-child>td,
.table>colgroup+thead>tr:first-child>th,
.table>thead:first-child>tr:first-child>td,
.table>thead:first-child>tr:first-child>th {
    border-top: 0
}

.table>tbody+tbody {
    border-top: 2px solid #ddd
}

.table .table {
    background-color: #fff
}

.table-condensed>tbody>tr>td,
.table-condensed>tbody>tr>th,
.table-condensed>tfoot>tr>td,
.table-condensed>tfoot>tr>th,
.table-condensed>thead>tr>td,
.table-condensed>thead>tr>th {
    padding: 5px
}

.table-bordered {
    border: 1px solid #ddd
}

.table-bordered>tbody>tr>td,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>td,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
    border: 1px solid #ddd
}

.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
    border-bottom-width: 2px
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f9f9f9
}

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

table col[class*=col-] {
    position: static;
    display: table-column;
    float: none
}

table td[class*=col-],
table th[class*=col-] {
    position: static;
    display: table-cell;
    float: none
}

.table>tbody>tr.active>td,
.table>tbody>tr.active>th,
.table>tbody>tr>td.active,
.table>tbody>tr>th.active,
.table>tfoot>tr.active>td,
.table>tfoot>tr.active>th,
.table>tfoot>tr>td.active,
.table>tfoot>tr>th.active,
.table>thead>tr.active>td,
.table>thead>tr.active>th,
.table>thead>tr>td.active,
.table>thead>tr>th.active {
    background-color: #f5f5f5
}

.table-hover>tbody>tr.active:hover>td,
.table-hover>tbody>tr.active:hover>th,
.table-hover>tbody>tr:hover>.active,
.table-hover>tbody>tr>td.active:hover,
.table-hover>tbody>tr>th.active:hover {
    background-color: #e8e8e8
}

.table>tbody>tr.success>td,
.table>tbody>tr.success>th,
.table>tbody>tr>td.success,
.table>tbody>tr>th.success,
.table>tfoot>tr.success>td,
.table>tfoot>tr.success>th,
.table>tfoot>tr>td.success,
.table>tfoot>tr>th.success,
.table>thead>tr.success>td,
.table>thead>tr.success>th,
.table>thead>tr>td.success,
.table>thead>tr>th.success {
    background-color: #dff0d8
}

.table-hover>tbody>tr.success:hover>td,
.table-hover>tbody>tr.success:hover>th,
.table-hover>tbody>tr:hover>.success,
.table-hover>tbody>tr>td.success:hover,
.table-hover>tbody>tr>th.success:hover {
    background-color: #d0e9c6
}

.table>tbody>tr.info>td,
.table>tbody>tr.info>th,
.table>tbody>tr>td.info,
.table>tbody>tr>th.info,
.table>tfoot>tr.info>td,
.table>tfoot>tr.info>th,
.table>tfoot>tr>td.info,
.table>tfoot>tr>th.info,
.table>thead>tr.info>td,
.table>thead>tr.info>th,
.table>thead>tr>td.info,
.table>thead>tr>th.info {
    background-color: #d9edf7
}

.table-hover>tbody>tr.info:hover>td,
.table-hover>tbody>tr.info:hover>th,
.table-hover>tbody>tr:hover>.info,
.table-hover>tbody>tr>td.info:hover,
.table-hover>tbody>tr>th.info:hover {
    background-color: #c4e3f3
}

.table>tbody>tr.warning>td,
.table>tbody>tr.warning>th,
.table>tbody>tr>td.warning,
.table>tbody>tr>th.warning,
.table>tfoot>tr.warning>td,
.table>tfoot>tr.warning>th,
.table>tfoot>tr>td.warning,
.table>tfoot>tr>th.warning,
.table>thead>tr.warning>td,
.table>thead>tr.warning>th,
.table>thead>tr>td.warning,
.table>thead>tr>th.warning {
    background-color: #fcf8e3
}

.table-hover>tbody>tr.warning:hover>td,
.table-hover>tbody>tr.warning:hover>th,
.table-hover>tbody>tr:hover>.warning,
.table-hover>tbody>tr>td.warning:hover,
.table-hover>tbody>tr>th.warning:hover {
    background-color: #faf2cc
}

.table>tbody>tr.danger>td,
.table>tbody>tr.danger>th,
.table>tbody>tr>td.danger,
.table>tbody>tr>th.danger,
.table>tfoot>tr.danger>td,
.table>tfoot>tr.danger>th,
.table>tfoot>tr>td.danger,
.table>tfoot>tr>th.danger,
.table>thead>tr.danger>td,
.table>thead>tr.danger>th,
.table>thead>tr>td.danger,
.table>thead>tr>th.danger {
    background-color: #f2dede
}

.table-hover>tbody>tr.danger:hover>td,
.table-hover>tbody>tr.danger:hover>th,
.table-hover>tbody>tr:hover>.danger,
.table-hover>tbody>tr>td.danger:hover,
.table-hover>tbody>tr>th.danger:hover {
    background-color: #ebcccc
}

.table-responsive {
    min-height: .01%;
    overflow-x: auto
}

@media screen and (max-width:767px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd
    }

    .table-responsive>.table {
        margin-bottom: 0
    }

    .table-responsive>.table>tbody>tr>td,
    .table-responsive>.table>tbody>tr>th,
    .table-responsive>.table>tfoot>tr>td,
    .table-responsive>.table>tfoot>tr>th,
    .table-responsive>.table>thead>tr>td,
    .table-responsive>.table>thead>tr>th {
        white-space: nowrap
    }

    .table-responsive>.table-bordered {
        border: 0
    }

    .table-responsive>.table-bordered>tbody>tr>td:first-child,
    .table-responsive>.table-bordered>tbody>tr>th:first-child,
    .table-responsive>.table-bordered>tfoot>tr>td:first-child,
    .table-responsive>.table-bordered>tfoot>tr>th:first-child,
    .table-responsive>.table-bordered>thead>tr>td:first-child,
    .table-responsive>.table-bordered>thead>tr>th:first-child {
        border-left: 0
    }

    .table-responsive>.table-bordered>tbody>tr>td:last-child,
    .table-responsive>.table-bordered>tbody>tr>th:last-child,
    .table-responsive>.table-bordered>tfoot>tr>td:last-child,
    .table-responsive>.table-bordered>tfoot>tr>th:last-child,
    .table-responsive>.table-bordered>thead>tr>td:last-child,
    .table-responsive>.table-bordered>thead>tr>th:last-child {
        border-right: 0
    }

    .table-responsive>.table-bordered>tbody>tr:last-child>td,
    .table-responsive>.table-bordered>tbody>tr:last-child>th,
    .table-responsive>.table-bordered>tfoot>tr:last-child>td,
    .table-responsive>.table-bordered>tfoot>tr:last-child>th {
        border-bottom: 0
    }
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700
}

input[type=search] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

input[type=checkbox],
input[type=radio] {
    margin: 4px 0 0;
    line-height: normal
}

input[type=file] {
    display: block
}

input[type=range] {
    display: block;
    width: 100%
}

select[multiple],
select[size] {
    height: auto
}

input[type=checkbox]:focus,
input[type=file]:focus,
input[type=radio]:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

output {
    display: block;
    padding-top: 7px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

.form-control::-moz-placeholder {
    color: #999;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #999
}

.form-control::-webkit-input-placeholder {
    color: #999
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    background-color: #eee;
    opacity: 1
}

.form-control[disabled],
fieldset[disabled] .form-control {
    cursor: not-allowed
}

textarea.form-control {
    height: auto
}

input[type=search] {
    -webkit-appearance: none
}

@media screen and (-webkit-min-device-pixel-ratio:0) {

    input[type=date].form-control,
    input[type=datetime-local].form-control,
    input[type=month].form-control,
    input[type=time].form-control {
        line-height: 34px
    }

    .input-group-sm input[type=date],
    .input-group-sm input[type=datetime-local],
    .input-group-sm input[type=month],
    .input-group-sm input[type=time],
    input[type=date].input-sm,
    input[type=datetime-local].input-sm,
    input[type=month].input-sm,
    input[type=time].input-sm {
        line-height: 30px
    }

    .input-group-lg input[type=date],
    .input-group-lg input[type=datetime-local],
    .input-group-lg input[type=month],
    .input-group-lg input[type=time],
    input[type=date].input-lg,
    input[type=datetime-local].input-lg,
    input[type=month].input-lg,
    input[type=time].input-lg {
        line-height: 46px
    }
}

.form-group {
    margin-bottom: 15px
}

.checkbox,
.radio {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.checkbox label,
.radio label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer
}

.checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox],
.radio input[type=radio],
.radio-inline input[type=radio] {
    position: absolute;
    margin-left: -20px
}

.checkbox+.checkbox,
.radio+.radio {
    margin-top: -5px
}

.checkbox-inline,
.radio-inline {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    vertical-align: middle;
    cursor: pointer
}

.checkbox-inline+.checkbox-inline,
.radio-inline+.radio-inline {
    margin-top: 0;
    margin-left: 10px
}

fieldset[disabled] input[type=checkbox],
fieldset[disabled] input[type=radio],
input[type=checkbox].disabled,
input[type=checkbox][disabled],
input[type=radio].disabled,
input[type=radio][disabled] {
    cursor: not-allowed
}

.checkbox-inline.disabled,
.radio-inline.disabled,
fieldset[disabled] .checkbox-inline,
fieldset[disabled] .radio-inline {
    cursor: not-allowed
}

.checkbox.disabled label,
.radio.disabled label,
fieldset[disabled] .checkbox label,
fieldset[disabled] .radio label {
    cursor: not-allowed
}

.form-control-static {
    min-height: 34px;
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 0
}

.form-control-static.input-lg,
.form-control-static.input-sm {
    padding-right: 0;
    padding-left: 0
}

.input-sm {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

select.input-sm {
    height: 30px;
    line-height: 30px
}

select[multiple].input-sm,
textarea.input-sm {
    height: auto
}

.form-group-sm .form-control {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.form-group-sm select.form-control {
    height: 30px;
    line-height: 30px
}

.form-group-sm select[multiple].form-control,
.form-group-sm textarea.form-control {
    height: auto
}

.form-group-sm .form-control-static {
    height: 30px;
    min-height: 32px;
    padding: 6px 10px;
    font-size: 12px;
    line-height: 1.5
}

.input-lg {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px
}

select.input-lg {
    height: 46px;
    line-height: 46px
}

select[multiple].input-lg,
textarea.input-lg {
    height: auto
}

.form-group-lg .form-control {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px
}

.form-group-lg select.form-control {
    height: 46px;
    line-height: 46px
}

.form-group-lg select[multiple].form-control,
.form-group-lg textarea.form-control {
    height: auto
}

.form-group-lg .form-control-static {
    height: 46px;
    min-height: 38px;
    padding: 11px 16px;
    font-size: 18px;
    line-height: 1.3333333
}

.has-feedback {
    position: relative
}

.has-feedback .form-control {
    padding-right: 42.5px
}

.form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    pointer-events: none
}

.form-group-lg .form-control+.form-control-feedback,
.input-group-lg+.form-control-feedback,
.input-lg+.form-control-feedback {
    width: 46px;
    height: 46px;
    line-height: 46px
}

.form-group-sm .form-control+.form-control-feedback,
.input-group-sm+.form-control-feedback,
.input-sm+.form-control-feedback {
    width: 30px;
    height: 30px;
    line-height: 30px
}

.has-success .checkbox,
.has-success .checkbox-inline,
.has-success .control-label,
.has-success .help-block,
.has-success .radio,
.has-success .radio-inline,
.has-success.checkbox label,
.has-success.checkbox-inline label,
.has-success.radio label,
.has-success.radio-inline label {
    color: #3c763d
}

.has-success .form-control {
    border-color: #3c763d;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.has-success .form-control:focus {
    border-color: #2b542c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168
}

.has-success .input-group-addon {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #3c763d
}

.has-success .form-control-feedback {
    color: #3c763d
}

.has-warning .checkbox,
.has-warning .checkbox-inline,
.has-warning .control-label,
.has-warning .help-block,
.has-warning .radio,
.has-warning .radio-inline,
.has-warning.checkbox label,
.has-warning.checkbox-inline label,
.has-warning.radio label,
.has-warning.radio-inline label {
    color: #8a6d3b
}

.has-warning .form-control {
    border-color: #8a6d3b;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.has-warning .form-control:focus {
    border-color: #66512c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b
}

.has-warning .input-group-addon {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #8a6d3b
}

.has-warning .form-control-feedback {
    color: #8a6d3b
}

.has-error .checkbox,
.has-error .checkbox-inline,
.has-error .control-label,
.has-error .help-block,
.has-error .radio,
.has-error .radio-inline,
.has-error.checkbox label,
.has-error.checkbox-inline label,
.has-error.radio label,
.has-error.radio-inline label {
    color: #a94442
}

.has-error .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.has-error .form-control:focus {
    border-color: #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483
}

.has-error .input-group-addon {
    color: #a94442;
    background-color: #f2dede;
    border-color: #a94442
}

.has-error .form-control-feedback {
    color: #a94442
}

.has-feedback label~.form-control-feedback {
    top: 25px
}

.has-feedback label.sr-only~.form-control-feedback {
    top: 0
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373
}

@media (min-width:768px) {
    .form-inline .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .form-inline .form-control-static {
        display: inline-block
    }

    .form-inline .input-group {
        display: inline-table;
        vertical-align: middle
    }

    .form-inline .input-group .form-control,
    .form-inline .input-group .input-group-addon,
    .form-inline .input-group .input-group-btn {
        width: auto
    }

    .form-inline .input-group>.form-control {
        width: 100%
    }

    .form-inline .control-label {
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .checkbox,
    .form-inline .radio {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .checkbox label,
    .form-inline .radio label {
        padding-left: 0
    }

    .form-inline .checkbox input[type=checkbox],
    .form-inline .radio input[type=radio] {
        position: relative;
        margin-left: 0
    }

    .form-inline .has-feedback .form-control-feedback {
        top: 0
    }
}

.form-horizontal .checkbox,
.form-horizontal .checkbox-inline,
.form-horizontal .radio,
.form-horizontal .radio-inline {
    padding-top: 7px;
    margin-top: 0;
    margin-bottom: 0
}

.form-horizontal .checkbox,
.form-horizontal .radio {
    min-height: 27px
}

.form-horizontal .form-group {
    margin-right: -15px;
    margin-left: -15px
}

@media (min-width:768px) {
    .form-horizontal .control-label {
        padding-top: 7px;
        margin-bottom: 0;
        text-align: right
    }
}

.form-horizontal .has-feedback .form-control-feedback {
    right: 15px
}

@media (min-width:768px) {
    .form-horizontal .form-group-lg .control-label {
        padding-top: 14.33px;
        font-size: 18px
    }
}

@media (min-width:768px) {
    .form-horizontal .form-group-sm .control-label {
        padding-top: 6px;
        font-size: 12px
    }
}

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px
}

.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.btn.focus,
.btn:focus,
.btn:hover {
    color: #333;
    text-decoration: none
}

.btn.active,
.btn:active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
    cursor: not-allowed;
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65
}

a.btn.disabled,
fieldset[disabled] a.btn {
    pointer-events: none
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc
}

.btn-default.focus,
.btn-default:focus {
    color: #333;
    background-color: #e6e6e6;
    border-color: #8c8c8c
}

.btn-default:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad
}

.btn-default.active,
.btn-default:active,
.open>.dropdown-toggle.btn-default {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad
}

.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover,
.open>.dropdown-toggle.btn-default.focus,
.open>.dropdown-toggle.btn-default:focus,
.open>.dropdown-toggle.btn-default:hover {
    color: #333;
    background-color: #d4d4d4;
    border-color: #8c8c8c
}

.btn-default.active,
.btn-default:active,
.open>.dropdown-toggle.btn-default {
    background-image: none
}

.btn-default.disabled,
.btn-default.disabled.active,
.btn-default.disabled.focus,
.btn-default.disabled:active,
.btn-default.disabled:focus,
.btn-default.disabled:hover,
.btn-default[disabled],
.btn-default[disabled].active,
.btn-default[disabled].focus,
.btn-default[disabled]:active,
.btn-default[disabled]:focus,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default,
fieldset[disabled] .btn-default.active,
fieldset[disabled] .btn-default.focus,
fieldset[disabled] .btn-default:active,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default:hover {
    background-color: #fff;
    border-color: #ccc
}

.btn-default .badge {
    color: #fff;
    background-color: #333
}

.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4
}

.btn-primary.focus,
.btn-primary:focus {
    color: #fff;
    background-color: #286090;
    border-color: #122b40
}

.btn-primary:hover {
    color: #fff;
    background-color: #286090;
    border-color: #204d74
}

.btn-primary.active,
.btn-primary:active,
.open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #286090;
    border-color: #204d74
}

.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open>.dropdown-toggle.btn-primary.focus,
.open>.dropdown-toggle.btn-primary:focus,
.open>.dropdown-toggle.btn-primary:hover {
    color: #fff;
    background-color: #204d74;
    border-color: #122b40
}

.btn-primary.active,
.btn-primary:active,
.open>.dropdown-toggle.btn-primary {
    background-image: none
}

.btn-primary.disabled,
.btn-primary.disabled.active,
.btn-primary.disabled.focus,
.btn-primary.disabled:active,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary[disabled],
.btn-primary[disabled].active,
.btn-primary[disabled].focus,
.btn-primary[disabled]:active,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary.active,
fieldset[disabled] .btn-primary.focus,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:hover {
    background-color: #337ab7;
    border-color: #2e6da4
}

.btn-primary .badge {
    color: #337ab7;
    background-color: #fff
}

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c
}

.btn-success.focus,
.btn-success:focus {
    color: #fff;
    background-color: #449d44;
    border-color: #255625
}

.btn-success:hover {
    color: #fff;
    background-color: #449d44;
    border-color: #398439
}

.btn-success.active,
.btn-success:active,
.open>.dropdown-toggle.btn-success {
    color: #fff;
    background-color: #449d44;
    border-color: #398439
}

.btn-success.active.focus,
.btn-success.active:focus,
.btn-success.active:hover,
.btn-success:active.focus,
.btn-success:active:focus,
.btn-success:active:hover,
.open>.dropdown-toggle.btn-success.focus,
.open>.dropdown-toggle.btn-success:focus,
.open>.dropdown-toggle.btn-success:hover {
    color: #fff;
    background-color: #398439;
    border-color: #255625
}

.btn-success.active,
.btn-success:active,
.open>.dropdown-toggle.btn-success {
    background-image: none
}

.btn-success.disabled,
.btn-success.disabled.active,
.btn-success.disabled.focus,
.btn-success.disabled:active,
.btn-success.disabled:focus,
.btn-success.disabled:hover,
.btn-success[disabled],
.btn-success[disabled].active,
.btn-success[disabled].focus,
.btn-success[disabled]:active,
.btn-success[disabled]:focus,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success,
fieldset[disabled] .btn-success.active,
fieldset[disabled] .btn-success.focus,
fieldset[disabled] .btn-success:active,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success:hover {
    background-color: #5cb85c;
    border-color: #4cae4c
}

.btn-success .badge {
    color: #5cb85c;
    background-color: #fff
}

.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da
}

.btn-info.focus,
.btn-info:focus {
    color: #fff;
    background-color: #31b0d5;
    border-color: #1b6d85
}

.btn-info:hover {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc
}

.btn-info.active,
.btn-info:active,
.open>.dropdown-toggle.btn-info {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc
}

.btn-info.active.focus,
.btn-info.active:focus,
.btn-info.active:hover,
.btn-info:active.focus,
.btn-info:active:focus,
.btn-info:active:hover,
.open>.dropdown-toggle.btn-info.focus,
.open>.dropdown-toggle.btn-info:focus,
.open>.dropdown-toggle.btn-info:hover {
    color: #fff;
    background-color: #269abc;
    border-color: #1b6d85
}

.btn-info.active,
.btn-info:active,
.open>.dropdown-toggle.btn-info {
    background-image: none
}

.btn-info.disabled,
.btn-info.disabled.active,
.btn-info.disabled.focus,
.btn-info.disabled:active,
.btn-info.disabled:focus,
.btn-info.disabled:hover,
.btn-info[disabled],
.btn-info[disabled].active,
.btn-info[disabled].focus,
.btn-info[disabled]:active,
.btn-info[disabled]:focus,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info,
fieldset[disabled] .btn-info.active,
fieldset[disabled] .btn-info.focus,
fieldset[disabled] .btn-info:active,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info:hover {
    background-color: #5bc0de;
    border-color: #46b8da
}

.btn-info .badge {
    color: #5bc0de;
    background-color: #fff
}

.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236
}

.btn-warning.focus,
.btn-warning:focus {
    color: #fff;
    background-color: #ec971f;
    border-color: #985f0d
}

.btn-warning:hover {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512
}

.btn-warning.active,
.btn-warning:active,
.open>.dropdown-toggle.btn-warning {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512
}

.btn-warning.active.focus,
.btn-warning.active:focus,
.btn-warning.active:hover,
.btn-warning:active.focus,
.btn-warning:active:focus,
.btn-warning:active:hover,
.open>.dropdown-toggle.btn-warning.focus,
.open>.dropdown-toggle.btn-warning:focus,
.open>.dropdown-toggle.btn-warning:hover {
    color: #fff;
    background-color: #d58512;
    border-color: #985f0d
}

.btn-warning.active,
.btn-warning:active,
.open>.dropdown-toggle.btn-warning {
    background-image: none
}

.btn-warning.disabled,
.btn-warning.disabled.active,
.btn-warning.disabled.focus,
.btn-warning.disabled:active,
.btn-warning.disabled:focus,
.btn-warning.disabled:hover,
.btn-warning[disabled],
.btn-warning[disabled].active,
.btn-warning[disabled].focus,
.btn-warning[disabled]:active,
.btn-warning[disabled]:focus,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning,
fieldset[disabled] .btn-warning.active,
fieldset[disabled] .btn-warning.focus,
fieldset[disabled] .btn-warning:active,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning:hover {
    background-color: #f0ad4e;
    border-color: #eea236
}

.btn-warning .badge {
    color: #f0ad4e;
    background-color: #fff
}

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a
}

.btn-danger.focus,
.btn-danger:focus {
    color: #fff;
    background-color: #c9302c;
    border-color: #761c19
}

.btn-danger:hover {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925
}

.btn-danger.active,
.btn-danger:active,
.open>.dropdown-toggle.btn-danger {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925
}

.btn-danger.active.focus,
.btn-danger.active:focus,
.btn-danger.active:hover,
.btn-danger:active.focus,
.btn-danger:active:focus,
.btn-danger:active:hover,
.open>.dropdown-toggle.btn-danger.focus,
.open>.dropdown-toggle.btn-danger:focus,
.open>.dropdown-toggle.btn-danger:hover {
    color: #fff;
    background-color: #ac2925;
    border-color: #761c19
}

.btn-danger.active,
.btn-danger:active,
.open>.dropdown-toggle.btn-danger {
    background-image: none
}

.btn-danger.disabled,
.btn-danger.disabled.active,
.btn-danger.disabled.focus,
.btn-danger.disabled:active,
.btn-danger.disabled:focus,
.btn-danger.disabled:hover,
.btn-danger[disabled],
.btn-danger[disabled].active,
.btn-danger[disabled].focus,
.btn-danger[disabled]:active,
.btn-danger[disabled]:focus,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger,
fieldset[disabled] .btn-danger.active,
fieldset[disabled] .btn-danger.focus,
fieldset[disabled] .btn-danger:active,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger:hover {
    background-color: #d9534f;
    border-color: #d43f3a
}

.btn-danger .badge {
    color: #d9534f;
    background-color: #fff
}

.btn-link {
    font-weight: 400;
    color: #337ab7;
    border-radius: 0
}

.btn-link,
.btn-link.active,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-link,
.btn-link:active,
.btn-link:focus,
.btn-link:hover {
    border-color: transparent
}

.btn-link:focus,
.btn-link:hover {
    color: #23527c;
    text-decoration: underline;
    background-color: transparent
}

.btn-link[disabled]:focus,
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:focus,
fieldset[disabled] .btn-link:hover {
    color: #777;
    text-decoration: none
}

.btn-group-lg>.btn,
.btn-lg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px
}

.btn-group-sm>.btn,
.btn-sm {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.btn-group-xs>.btn,
.btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.btn-block {
    display: block;
    width: 100%
}

.btn-block+.btn-block {
    margin-top: 5px
}

input[type=button].btn-block,
input[type=reset].btn-block,
input[type=submit].btn-block {
    width: 100%
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear
}

.fade.in {
    opacity: 1
}

.collapse {
    display: none
}

.collapse.in {
    display: block
}

tr.collapse.in {
    display: table-row
}

tbody.collapse.in {
    display: table-row-group
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: .35s;
    -o-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-property: height, visibility;
    -o-transition-property: height, visibility;
    transition-property: height, visibility
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent
}

.dropdown,
.dropup {
    position: relative
}

.dropdown-toggle:focus {
    outline: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175)
}

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

.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #337ab7;
    outline: 0
}

.dropdown-menu>.disabled>a,
.dropdown-menu>.disabled>a:focus,
.dropdown-menu>.disabled>a:hover {
    color: #777
}

.dropdown-menu>.disabled>a:focus,
.dropdown-menu>.disabled>a:hover {
    text-decoration: none;
    cursor: not-allowed;
    background-color: transparent;
    background-image: none
}

.open>.dropdown-menu {
    display: block
}

.open>a {
    outline: 0
}

.dropdown-menu-right {
    right: 0;
    left: auto
}

.dropdown-menu-left {
    right: auto;
    left: 0
}

.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #777;
    white-space: nowrap
}

.dropdown-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 990
}

.pull-right>.dropdown-menu {
    right: 0;
    left: auto
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
    content: "";
    border-top: 0;
    border-bottom: 4px dashed
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px
}

@media (min-width:768px) {
    .navbar-right .dropdown-menu {
        right: 0;
        left: auto
    }

    .navbar-right .dropdown-menu-left {
        right: auto;
        left: 0
    }
}

.btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.btn-group-vertical>.btn,
.btn-group>.btn {
    position: relative;
    float: left
}

.btn-group-vertical>.btn.active,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn:focus,
.btn-group-vertical>.btn:hover,
.btn-group>.btn.active,
.btn-group>.btn:active,
.btn-group>.btn:focus,
.btn-group>.btn:hover {
    z-index: 2
}

.btn-group .btn+.btn,
.btn-group .btn+.btn-group,
.btn-group .btn-group+.btn,
.btn-group .btn-group+.btn-group {
    margin-left: -1px
}

.btn-toolbar {
    margin-left: -5px
}

.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
    float: left
}

.btn-toolbar>.btn,
.btn-toolbar>.btn-group,
.btn-toolbar>.input-group {
    margin-left: 5px
}

.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0
}

.btn-group>.btn:first-child {
    margin-left: 0
}

.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group>.btn:last-child:not(:first-child),
.btn-group>.dropdown-toggle:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group>.btn-group {
    float: left
}

.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn {
    border-radius: 0
}

.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,
.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
    outline: 0
}

.btn-group>.btn+.dropdown-toggle {
    padding-right: 8px;
    padding-left: 8px
}

.btn-group>.btn-lg+.dropdown-toggle {
    padding-right: 12px;
    padding-left: 12px
}

.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.btn-group.open .dropdown-toggle.btn-link {
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn .caret {
    margin-left: 0
}

.btn-lg .caret {
    border-width: 5px 5px 0;
    border-bottom-width: 0
}

.dropup .btn-lg .caret {
    border-width: 0 5px 5px
}

.btn-group-vertical>.btn,
.btn-group-vertical>.btn-group,
.btn-group-vertical>.btn-group>.btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%
}

.btn-group-vertical>.btn-group>.btn {
    float: none
}

.btn-group-vertical>.btn+.btn,
.btn-group-vertical>.btn+.btn-group,
.btn-group-vertical>.btn-group+.btn,
.btn-group-vertical>.btn-group+.btn-group {
    margin-top: -1px;
    margin-left: 0
}

.btn-group-vertical>.btn:not(:first-child):not(:last-child) {
    border-radius: 0
}

.btn-group-vertical>.btn:first-child:not(:last-child) {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical>.btn:last-child:not(:first-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 4px
}

.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn {
    border-radius: 0
}

.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,
.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.btn-group-justified {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate
}

.btn-group-justified>.btn,
.btn-group-justified>.btn-group {
    display: table-cell;
    float: none;
    width: 1%
}

.btn-group-justified>.btn-group .btn {
    width: 100%
}

.btn-group-justified>.btn-group .dropdown-menu {
    left: auto
}

[data-toggle=buttons]>.btn input[type=checkbox],
[data-toggle=buttons]>.btn input[type=radio],
[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],
[data-toggle=buttons]>.btn-group>.btn input[type=radio] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate
}

.input-group[class*=col-] {
    float: none;
    padding-right: 0;
    padding-left: 0
}

.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0
}

.input-group-lg>.form-control,
.input-group-lg>.input-group-addon,
.input-group-lg>.input-group-btn>.btn {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px
}

select.input-group-lg>.form-control,
select.input-group-lg>.input-group-addon,
select.input-group-lg>.input-group-btn>.btn {
    height: 46px;
    line-height: 46px
}

select[multiple].input-group-lg>.form-control,
select[multiple].input-group-lg>.input-group-addon,
select[multiple].input-group-lg>.input-group-btn>.btn,
textarea.input-group-lg>.form-control,
textarea.input-group-lg>.input-group-addon,
textarea.input-group-lg>.input-group-btn>.btn {
    height: auto
}

.input-group-sm>.form-control,
.input-group-sm>.input-group-addon,
.input-group-sm>.input-group-btn>.btn {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

select.input-group-sm>.form-control,
select.input-group-sm>.input-group-addon,
select.input-group-sm>.input-group-btn>.btn {
    height: 30px;
    line-height: 30px
}

select[multiple].input-group-sm>.form-control,
select[multiple].input-group-sm>.input-group-addon,
select[multiple].input-group-sm>.input-group-btn>.btn,
textarea.input-group-sm>.form-control,
textarea.input-group-sm>.input-group-addon,
textarea.input-group-sm>.input-group-btn>.btn {
    height: auto
}

.input-group .form-control,
.input-group-addon,
.input-group-btn {
    display: table-cell
}

.input-group .form-control:not(:first-child):not(:last-child),
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child) {
    border-radius: 0
}

.input-group-addon,
.input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px
}

.input-group-addon.input-sm {
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 3px
}

.input-group-addon.input-lg {
    padding: 10px 16px;
    font-size: 18px;
    border-radius: 6px
}

.input-group-addon input[type=checkbox],
.input-group-addon input[type=radio] {
    margin-top: 0
}

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group>.btn,
.input-group-btn:first-child>.dropdown-toggle,
.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,
.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

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

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,
.input-group-btn:first-child>.btn:not(:first-child),
.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group>.btn,
.input-group-btn:last-child>.dropdown-toggle {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

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

.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap
}

.input-group-btn>.btn {
    position: relative
}

.input-group-btn>.btn+.btn {
    margin-left: -1px
}

.input-group-btn>.btn:active,
.input-group-btn>.btn:focus,
.input-group-btn>.btn:hover {
    z-index: 2
}

.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group {
    margin-right: -1px
}

.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group {
    z-index: 2;
    margin-left: -1px
}

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

.nav>li {
    position: relative;
    display: block
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 15px
}

.nav>li>a:focus,
.nav>li>a:hover {
    text-decoration: none;
    background-color: #eee
}

.nav>li.disabled>a {
    color: #777
}

.nav>li.disabled>a:focus,
.nav>li.disabled>a:hover {
    color: #777;
    text-decoration: none;
    cursor: not-allowed;
    background-color: transparent
}

.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
    background-color: #eee;
    border-color: #337ab7
}

.nav .nav-divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

.nav>li>a>img {
    max-width: none
}

.nav-tabs {
    border-bottom: 1px solid #ddd
}

.nav-tabs>li {
    float: left;
    margin-bottom: -1px
}

.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0
}

.nav-tabs>li>a:hover {
    border-color: #eee #eee #ddd
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent
}

.nav-tabs.nav-justified {
    width: 100%;
    border-bottom: 0
}

.nav-tabs.nav-justified>li {
    float: none
}

.nav-tabs.nav-justified>li>a {
    margin-bottom: 5px;
    text-align: center
}

.nav-tabs.nav-justified>.dropdown .dropdown-menu {
    top: auto;
    left: auto
}

@media (min-width:768px) {
    .nav-tabs.nav-justified>li {
        display: table-cell;
        width: 1%
    }

    .nav-tabs.nav-justified>li>a {
        margin-bottom: 0
    }
}

.nav-tabs.nav-justified>li>a {
    margin-right: 0;
    border-radius: 4px
}

.nav-tabs.nav-justified>.active>a,
.nav-tabs.nav-justified>.active>a:focus,
.nav-tabs.nav-justified>.active>a:hover {
    border: 1px solid #ddd
}

@media (min-width:768px) {
    .nav-tabs.nav-justified>li>a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0
    }

    .nav-tabs.nav-justified>.active>a,
    .nav-tabs.nav-justified>.active>a:focus,
    .nav-tabs.nav-justified>.active>a:hover {
        border-bottom-color: #fff
    }
}

.nav-pills>li {
    float: left
}

.nav-pills>li>a {
    border-radius: 4px
}

.nav-pills>li+li {
    margin-left: 2px
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
    color: #fff;
    background-color: #337ab7
}

.nav-stacked>li {
    float: none
}

.nav-stacked>li+li {
    margin-top: 2px;
    margin-left: 0
}

.nav-justified {
    width: 100%
}

.nav-justified>li {
    float: none
}

.nav-justified>li>a {
    margin-bottom: 5px;
    text-align: center
}

.nav-justified>.dropdown .dropdown-menu {
    top: auto;
    left: auto
}

@media (min-width:768px) {
    .nav-justified>li {
        display: table-cell;
        width: 1%
    }

    .nav-justified>li>a {
        margin-bottom: 0
    }
}

.nav-tabs-justified {
    border-bottom: 0
}

.nav-tabs-justified>li>a {
    margin-right: 0;
    border-radius: 4px
}

.nav-tabs-justified>.active>a,
.nav-tabs-justified>.active>a:focus,
.nav-tabs-justified>.active>a:hover {
    border: 1px solid #ddd
}

@media (min-width:768px) {
    .nav-tabs-justified>li>a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0
    }

    .nav-tabs-justified>.active>a,
    .nav-tabs-justified>.active>a:focus,
    .nav-tabs-justified>.active>a:hover {
        border-bottom-color: #fff
    }
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 20px;
    border: 1px solid transparent
}

@media (min-width:768px) {
    .navbar {
        border-radius: 4px
    }
}

@media (min-width:768px) {
    .navbar-header {
        float: left
    }
}

.navbar-collapse {
    padding-right: 15px;
    padding-left: 15px;
    overflow-x: visible;
    -webkit-overflow-scrolling: touch;
    border-top: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1)
}

.navbar-collapse.in {
    overflow-y: auto
}

@media (min-width:768px) {
    .navbar-collapse {
        width: auto;
        border-top: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important
    }

    .navbar-collapse.in {
        overflow-y: visible
    }

    .navbar-fixed-bottom .navbar-collapse,
    .navbar-fixed-top .navbar-collapse,
    .navbar-static-top .navbar-collapse {
        padding-right: 0;
        padding-left: 0
    }
}

.navbar-fixed-bottom .navbar-collapse,
.navbar-fixed-top .navbar-collapse {
    max-height: 340px
}

@media (max-device-width:480px) and (orientation:landscape) {

    .navbar-fixed-bottom .navbar-collapse,
    .navbar-fixed-top .navbar-collapse {
        max-height: 200px
    }
}

.container-fluid>.navbar-collapse,
.container-fluid>.navbar-header,
.container>.navbar-collapse,
.container>.navbar-header {
    margin-right: -15px;
    margin-left: -15px
}

@media (min-width:768px) {

    .container-fluid>.navbar-collapse,
    .container-fluid>.navbar-header,
    .container>.navbar-collapse,
    .container>.navbar-header {
        margin-right: 0;
        margin-left: 0
    }
}

.navbar-static-top {
    z-index: 1000;
    border-width: 0 0 1px
}

@media (min-width:768px) {
    .navbar-static-top {
        border-radius: 0
    }
}

.navbar-fixed-bottom,
.navbar-fixed-top {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030
}

@media (min-width:768px) {

    .navbar-fixed-bottom,
    .navbar-fixed-top {
        border-radius: 0
    }
}

.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px
}

.navbar-fixed-bottom {
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0
}

.navbar-brand {
    float: left;
    height: 50px;
    padding: 15px 15px;
    font-size: 18px;
    line-height: 20px
}

.navbar-brand:focus,
.navbar-brand:hover {
    text-decoration: none
}

.navbar-brand>img {
    display: block
}

@media (min-width:768px) {

    .navbar>.container .navbar-brand,
    .navbar>.container-fluid .navbar-brand {
        margin-left: -15px
    }
}

.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px
}

.navbar-toggle:focus {
    outline: 0
}

.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px
}

.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 4px
}

@media (min-width:768px) {
    .navbar-toggle {
        display: none
    }
}

.navbar-nav {
    margin: 7.5px -15px
}

.navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px
}

@media (max-width:767px) {
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .navbar-nav .open .dropdown-menu .dropdown-header,
    .navbar-nav .open .dropdown-menu>li>a {
        padding: 5px 15px 5px 25px
    }

    .navbar-nav .open .dropdown-menu>li>a {
        line-height: 20px
    }

    .navbar-nav .open .dropdown-menu>li>a:focus,
    .navbar-nav .open .dropdown-menu>li>a:hover {
        background-image: none
    }
}

@media (min-width:768px) {
    .navbar-nav {
        float: left;
        margin: 0
    }

    .navbar-nav>li {
        float: left
    }

    .navbar-nav>li>a {
        padding-top: 15px;
        padding-bottom: 15px
    }
}

.navbar-form {
    padding: 10px 15px;
    margin-top: 8px;
    margin-right: -15px;
    margin-bottom: 8px;
    margin-left: -15px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1)
}

@media (min-width:768px) {
    .navbar-form .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }

    .navbar-form .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .navbar-form .form-control-static {
        display: inline-block
    }

    .navbar-form .input-group {
        display: inline-table;
        vertical-align: middle
    }

    .navbar-form .input-group .form-control,
    .navbar-form .input-group .input-group-addon,
    .navbar-form .input-group .input-group-btn {
        width: auto
    }

    .navbar-form .input-group>.form-control {
        width: 100%
    }

    .navbar-form .control-label {
        margin-bottom: 0;
        vertical-align: middle
    }

    .navbar-form .checkbox,
    .navbar-form .radio {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }

    .navbar-form .checkbox label,
    .navbar-form .radio label {
        padding-left: 0
    }

    .navbar-form .checkbox input[type=checkbox],
    .navbar-form .radio input[type=radio] {
        position: relative;
        margin-left: 0
    }

    .navbar-form .has-feedback .form-control-feedback {
        top: 0
    }
}

@media (max-width:767px) {
    .navbar-form .form-group {
        margin-bottom: 5px
    }

    .navbar-form .form-group:last-child {
        margin-bottom: 0
    }
}

@media (min-width:768px) {
    .navbar-form {
        width: auto;
        padding-top: 0;
        padding-bottom: 0;
        margin-right: 0;
        margin-left: 0;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.navbar-nav>li>.dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {
    margin-bottom: 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.navbar-btn {
    margin-top: 8px;
    margin-bottom: 8px
}

.navbar-btn.btn-sm {
    margin-top: 10px;
    margin-bottom: 10px
}

.navbar-btn.btn-xs {
    margin-top: 14px;
    margin-bottom: 14px
}

.navbar-text {
    margin-top: 15px;
    margin-bottom: 15px
}

@media (min-width:768px) {
    .navbar-text {
        float: left;
        margin-right: 15px;
        margin-left: 15px
    }
}

@media (min-width:768px) {
    .navbar-left {
        float: left !important
    }

    .navbar-right {
        float: right !important;
        margin-right: -15px
    }

    .navbar-right~.navbar-right {
        margin-right: 0
    }
}

.navbar-default {
    background-color: #f8f8f8;
    border-color: #e7e7e7
}

.navbar-default .navbar-brand {
    color: #777
}

.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:hover {
    color: #5e5e5e;
    background-color: transparent
}

.navbar-default .navbar-text {
    color: #777
}

.navbar-default .navbar-nav>li>a {
    color: #777
}

.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
    color: #333;
    background-color: transparent
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
    color: #555;
    background-color: #e7e7e7
}

.navbar-default .navbar-nav>.disabled>a,
.navbar-default .navbar-nav>.disabled>a:focus,
.navbar-default .navbar-nav>.disabled>a:hover {
    color: #ccc;
    background-color: transparent
}

.navbar-default .navbar-toggle {
    border-color: #ddd
}

.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
    background-color: #ddd
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #888
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    border-color: #e7e7e7
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
    color: #555;
    background-color: #e7e7e7
}

@media (max-width:767px) {
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: #777
    }

    .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
        color: #333;
        background-color: transparent
    }

    .navbar-default .navbar-nav .open .dropdown-menu>.active>a,
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover {
        color: #555;
        background-color: #e7e7e7
    }

    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,
    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,
    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover {
        color: #ccc;
        background-color: transparent
    }
}

.navbar-default .navbar-link {
    color: #777
}

.navbar-default .navbar-link:hover {
    color: #333
}

.navbar-default .btn-link {
    color: #777
}

.navbar-default .btn-link:focus,
.navbar-default .btn-link:hover {
    color: #333
}

.navbar-default .btn-link[disabled]:focus,
.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:focus,
fieldset[disabled] .navbar-default .btn-link:hover {
    color: #ccc
}

.navbar-inverse {
    background-color: #222;
    border-color: #080808
}

.navbar-inverse .navbar-brand {
    color: #9d9d9d
}

.navbar-inverse .navbar-brand:focus,
.navbar-inverse .navbar-brand:hover {
    color: #fff;
    background-color: transparent
}

.navbar-inverse .navbar-text {
    color: #9d9d9d
}

.navbar-inverse .navbar-nav>li>a {
    color: #9d9d9d
}

.navbar-inverse .navbar-nav>li>a:focus,
.navbar-inverse .navbar-nav>li>a:hover {
    color: #fff;
    background-color: transparent
}

.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:focus,
.navbar-inverse .navbar-nav>.active>a:hover {
    color: #fff;
    background-color: #080808
}

.navbar-inverse .navbar-nav>.disabled>a,
.navbar-inverse .navbar-nav>.disabled>a:focus,
.navbar-inverse .navbar-nav>.disabled>a:hover {
    color: #444;
    background-color: transparent
}

.navbar-inverse .navbar-toggle {
    border-color: #333
}

.navbar-inverse .navbar-toggle:focus,
.navbar-inverse .navbar-toggle:hover {
    background-color: #333
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #fff
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
    border-color: #101010
}

.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:focus,
.navbar-inverse .navbar-nav>.open>a:hover {
    color: #fff;
    background-color: #080808
}

@media (max-width:767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {
        border-color: #080808
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: #080808
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
        color: #9d9d9d
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {
        color: #fff;
        background-color: transparent
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,
    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,
    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover {
        color: #fff;
        background-color: #080808
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,
    .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,
    .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover {
        color: #444;
        background-color: transparent
    }
}

.navbar-inverse .navbar-link {
    color: #9d9d9d
}

.navbar-inverse .navbar-link:hover {
    color: #fff
}

.navbar-inverse .btn-link {
    color: #9d9d9d
}

.navbar-inverse .btn-link:focus,
.navbar-inverse .btn-link:hover {
    color: #fff
}

.navbar-inverse .btn-link[disabled]:focus,
.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:focus,
fieldset[disabled] .navbar-inverse .btn-link:hover {
    color: #444
}

.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px
}

.breadcrumb>li {
    display: inline-block
}

.breadcrumb>li+li:before {
    padding: 0 5px;
    color: #ccc;
    content: "/\00a0"
}

.breadcrumb>.active {
    color: #777
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px
}

.pagination>li {
    display: inline
}

.pagination>li>a,
.pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd
}

.pagination>li:first-child>a,
.pagination>li:first-child>span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.pagination>li:last-child>a,
.pagination>li:last-child>span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
    z-index: 3;
    color: #23527c;
    background-color: #eee;
    border-color: #ddd
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7
}

.pagination>.disabled>a,
.pagination>.disabled>a:focus,
.pagination>.disabled>a:hover,
.pagination>.disabled>span,
.pagination>.disabled>span:focus,
.pagination>.disabled>span:hover {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd
}

.pagination-lg>li>a,
.pagination-lg>li>span {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333
}

.pagination-lg>li:first-child>a,
.pagination-lg>li:first-child>span {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px
}

.pagination-lg>li:last-child>a,
.pagination-lg>li:last-child>span {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px
}

.pagination-sm>li>a,
.pagination-sm>li>span {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5
}

.pagination-sm>li:first-child>a,
.pagination-sm>li:first-child>span {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.pagination-sm>li:last-child>a,
.pagination-sm>li:last-child>span {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.pager {
    padding-left: 0;
    margin: 20px 0;
    text-align: center;
    list-style: none
}

.pager li {
    display: inline
}

.pager li>a,
.pager li>span {
    display: inline-block;
    padding: 5px 14px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 15px
}

.pager li>a:focus,
.pager li>a:hover {
    text-decoration: none;
    background-color: #eee
}

.pager .next>a,
.pager .next>span {
    float: right
}

.pager .previous>a,
.pager .previous>span {
    float: left
}

.pager .disabled>a,
.pager .disabled>a:focus,
.pager .disabled>a:hover,
.pager .disabled>span {
    color: #777;
    cursor: not-allowed;
    background-color: #fff
}

.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em
}

a.label:focus,
a.label:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.label:empty {
    display: none
}

.btn .label {
    position: relative;
    top: -1px
}

.label-default {
    background-color: #777
}

.label-default[href]:focus,
.label-default[href]:hover {
    background-color: #5e5e5e
}

.label-primary {
    background-color: #337ab7
}

.label-primary[href]:focus,
.label-primary[href]:hover {
    background-color: #286090
}

.label-success {
    background-color: #5cb85c
}

.label-success[href]:focus,
.label-success[href]:hover {
    background-color: #449d44
}

.label-info {
    background-color: #5bc0de
}

.label-info[href]:focus,
.label-info[href]:hover {
    background-color: #31b0d5
}

.label-warning {
    background-color: #f0ad4e
}

.label-warning[href]:focus,
.label-warning[href]:hover {
    background-color: #ec971f
}

.label-danger {
    background-color: #d9534f
}

.label-danger[href]:focus,
.label-danger[href]:hover {
    background-color: #c9302c
}

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #777;
    border-radius: 10px
}

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

.btn-group-xs>.btn .badge,
.btn-xs .badge {
    top: 0;
    padding: 1px 5px
}

a.badge:focus,
a.badge:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.list-group-item.active>.badge,
.nav-pills>.active>a>.badge {
    color: #337ab7;
    background-color: #fff
}

.list-group-item>.badge {
    float: right
}

.list-group-item>.badge+.badge {
    margin-right: 5px
}

.nav-pills>li>a>.badge {
    margin-left: 3px
}

.jumbotron {
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 30px;
    color: inherit;
    background-color: #eee
}

.jumbotron .h1,
.jumbotron h1 {
    color: inherit
}

.jumbotron p {
    margin-bottom: 15px;
    font-size: 21px;
    font-weight: 200
}

.jumbotron>hr {
    border-top-color: #d5d5d5
}

.container .jumbotron,
.container-fluid .jumbotron {
    border-radius: 6px
}

.jumbotron .container {
    max-width: 100%
}

@media screen and (min-width:768px) {
    .jumbotron {
        padding-top: 48px;
        padding-bottom: 48px
    }

    .container .jumbotron,
    .container-fluid .jumbotron {
        padding-right: 60px;
        padding-left: 60px
    }

    .jumbotron .h1,
    .jumbotron h1 {
        font-size: 63px
    }
}

.thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out
}

.thumbnail a>img,
.thumbnail>img {
    margin-right: auto;
    margin-left: auto
}

a.thumbnail.active,
a.thumbnail:focus,
a.thumbnail:hover {
    border-color: #337ab7
}

.thumbnail .caption {
    padding: 9px;
    color: #333
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px
}

.alert h4 {
    margin-top: 0;
    color: inherit
}

.alert .alert-link {
    font-weight: 700
}

.alert>p,
.alert>ul {
    margin-bottom: 0
}

.alert>p+p {
    margin-top: 5px
}

.alert-dismissable,
.alert-dismissible {
    padding-right: 35px
}

.alert-dismissable .close,
.alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit
}

.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6
}

.alert-success hr {
    border-top-color: #c9e2b3
}

.alert-success .alert-link {
    color: #2b542c
}

.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1
}

.alert-info hr {
    border-top-color: #a6e1ec
}

.alert-info .alert-link {
    color: #245269
}

.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc
}

.alert-warning hr {
    border-top-color: #f7e1b5
}

.alert-warning .alert-link {
    color: #66512c
}

.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1
}

.alert-danger hr {
    border-top-color: #e4b9c0
}

.alert-danger .alert-link {
    color: #843534
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

@-o-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

.progress {
    height: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1)
}

.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #337ab7;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease
}

.progress-bar-striped,
.progress-striped .progress-bar {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    -webkit-background-size: 40px 40px;
    background-size: 40px 40px
}

.progress-bar.active,
.progress.active .progress-bar {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite
}

.progress-bar-success {
    background-color: #5cb85c
}

.progress-striped .progress-bar-success {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}

.progress-bar-info {
    background-color: #5bc0de
}

.progress-striped .progress-bar-info {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}

.progress-bar-warning {
    background-color: #f0ad4e
}

.progress-striped .progress-bar-warning {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}

.progress-bar-danger {
    background-color: #d9534f
}

.progress-striped .progress-bar-danger {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}

.media {
    margin-top: 15px
}

.media:first-child {
    margin-top: 0
}

.media,
.media-body {
    overflow: hidden;
    zoom: 1
}

.media-body {
    width: 10000px
}

.media-object {
    display: block
}

.media-object.img-thumbnail {
    max-width: none
}

.media-right,
.media>.pull-right {
    padding-left: 10px
}

.media-left,
.media>.pull-left {
    padding-right: 10px
}

.media-body,
.media-left,
.media-right {
    display: table-cell;
    vertical-align: top
}

.media-middle {
    vertical-align: middle
}

.media-bottom {
    vertical-align: bottom
}

.media-heading {
    margin-top: 0;
    margin-bottom: 5px
}

.media-list {
    padding-left: 0;
    list-style: none
}

.list-group {
    padding-left: 0;
    margin-bottom: 20px
}

.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd
}

.list-group-item:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

a.list-group-item,
button.list-group-item {
    color: #555
}

a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
    color: #333
}

a.list-group-item:focus,
a.list-group-item:hover,
button.list-group-item:focus,
button.list-group-item:hover {
    color: #555;
    text-decoration: none;
    background-color: #f5f5f5
}

button.list-group-item {
    width: 100%;
    text-align: left
}

.list-group-item.disabled,
.list-group-item.disabled:focus,
.list-group-item.disabled:hover {
    color: #777;
    cursor: not-allowed;
    background-color: #eee
}

.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading {
    color: inherit
}

.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text {
    color: #777
}

.list-group-item.active,
.list-group-item.active:focus,
.list-group-item.active:hover {
    z-index: 2;
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7
}

.list-group-item.active .list-group-item-heading,
.list-group-item.active .list-group-item-heading>.small,
.list-group-item.active .list-group-item-heading>small,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading>.small,
.list-group-item.active:focus .list-group-item-heading>small,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading>.small,
.list-group-item.active:hover .list-group-item-heading>small {
    color: inherit
}

.list-group-item.active .list-group-item-text,
.list-group-item.active:focus .list-group-item-text,
.list-group-item.active:hover .list-group-item-text {
    color: #c7ddef
}

.list-group-item-success {
    color: #3c763d;
    background-color: #dff0d8
}

a.list-group-item-success,
button.list-group-item-success {
    color: #3c763d
}

a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading {
    color: inherit
}

a.list-group-item-success:focus,
a.list-group-item-success:hover,
button.list-group-item-success:focus,
button.list-group-item-success:hover {
    color: #3c763d;
    background-color: #d0e9c6
}

a.list-group-item-success.active,
a.list-group-item-success.active:focus,
a.list-group-item-success.active:hover,
button.list-group-item-success.active,
button.list-group-item-success.active:focus,
button.list-group-item-success.active:hover {
    color: #fff;
    background-color: #3c763d;
    border-color: #3c763d
}

.list-group-item-info {
    color: #31708f;
    background-color: #d9edf7
}

a.list-group-item-info,
button.list-group-item-info {
    color: #31708f
}

a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading {
    color: inherit
}

a.list-group-item-info:focus,
a.list-group-item-info:hover,
button.list-group-item-info:focus,
button.list-group-item-info:hover {
    color: #31708f;
    background-color: #c4e3f3
}

a.list-group-item-info.active,
a.list-group-item-info.active:focus,
a.list-group-item-info.active:hover,
button.list-group-item-info.active,
button.list-group-item-info.active:focus,
button.list-group-item-info.active:hover {
    color: #fff;
    background-color: #31708f;
    border-color: #31708f
}

.list-group-item-warning {
    color: #8a6d3b;
    background-color: #fcf8e3
}

a.list-group-item-warning,
button.list-group-item-warning {
    color: #8a6d3b
}

a.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading {
    color: inherit
}

a.list-group-item-warning:focus,
a.list-group-item-warning:hover,
button.list-group-item-warning:focus,
button.list-group-item-warning:hover {
    color: #8a6d3b;
    background-color: #faf2cc
}

a.list-group-item-warning.active,
a.list-group-item-warning.active:focus,
a.list-group-item-warning.active:hover,
button.list-group-item-warning.active,
button.list-group-item-warning.active:focus,
button.list-group-item-warning.active:hover {
    color: #fff;
    background-color: #8a6d3b;
    border-color: #8a6d3b
}

.list-group-item-danger {
    color: #a94442;
    background-color: #f2dede
}

a.list-group-item-danger,
button.list-group-item-danger {
    color: #a94442
}

a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading {
    color: inherit
}

a.list-group-item-danger:focus,
a.list-group-item-danger:hover,
button.list-group-item-danger:focus,
button.list-group-item-danger:hover {
    color: #a94442;
    background-color: #ebcccc
}

a.list-group-item-danger.active,
a.list-group-item-danger.active:focus,
a.list-group-item-danger.active:hover,
button.list-group-item-danger.active,
button.list-group-item-danger.active:focus,
button.list-group-item-danger.active:hover {
    color: #fff;
    background-color: #a94442;
    border-color: #a94442
}

.list-group-item-heading {
    margin-top: 0;
    margin-bottom: 5px
}

.list-group-item-text {
    margin-bottom: 0;
    line-height: 1.3
}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05)
}

.panel-body {
    padding: 15px
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.panel-heading>.dropdown .dropdown-toggle {
    color: inherit
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit
}

.panel-title>.small,
.panel-title>.small>a,
.panel-title>a,
.panel-title>small,
.panel-title>small>a {
    color: inherit
}

.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel>.list-group,
.panel>.panel-collapse>.list-group {
    margin-bottom: 0
}

.panel>.list-group .list-group-item,
.panel>.panel-collapse>.list-group .list-group-item {
    border-width: 1px 0;
    border-radius: 0
}

.panel>.list-group:first-child .list-group-item:first-child,
.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child {
    border-top: 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.panel>.list-group:last-child .list-group-item:last-child,
.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child {
    border-bottom: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.panel-heading+.list-group .list-group-item:first-child {
    border-top-width: 0
}

.list-group+.panel-footer {
    border-top-width: 0
}

.panel>.panel-collapse>.table,
.panel>.table,
.panel>.table-responsive>.table {
    margin-bottom: 0
}

.panel>.panel-collapse>.table caption,
.panel>.table caption,
.panel>.table-responsive>.table caption {
    padding-right: 15px;
    padding-left: 15px
}

.panel>.table-responsive:first-child>.table:first-child,
.panel>.table:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child,
.panel>.table:first-child>thead:first-child>tr:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,
.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,
.panel>.table:first-child>thead:first-child>tr:first-child th:first-child {
    border-top-left-radius: 3px
}

.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,
.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,
.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,
.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,
.panel>.table:first-child>thead:first-child>tr:first-child th:last-child {
    border-top-right-radius: 3px
}

.panel>.table-responsive:last-child>.table:last-child,
.panel>.table:last-child {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,
.panel>.table:last-child>tbody:last-child>tr:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,
.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,
.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child {
    border-bottom-left-radius: 3px
}

.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,
.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,
.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child {
    border-bottom-right-radius: 3px
}

.panel>.panel-body+.table,
.panel>.panel-body+.table-responsive,
.panel>.table+.panel-body,
.panel>.table-responsive+.panel-body {
    border-top: 1px solid #ddd
}

.panel>.table>tbody:first-child>tr:first-child td,
.panel>.table>tbody:first-child>tr:first-child th {
    border-top: 0
}

.panel>.table-bordered,
.panel>.table-responsive>.table-bordered {
    border: 0
}

.panel>.table-bordered>tbody>tr>td:first-child,
.panel>.table-bordered>tbody>tr>th:first-child,
.panel>.table-bordered>tfoot>tr>td:first-child,
.panel>.table-bordered>tfoot>tr>th:first-child,
.panel>.table-bordered>thead>tr>td:first-child,
.panel>.table-bordered>thead>tr>th:first-child,
.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,
.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,
.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,
.panel>.table-responsive>.table-bordered>thead>tr>th:first-child {
    border-left: 0
}

.panel>.table-bordered>tbody>tr>td:last-child,
.panel>.table-bordered>tbody>tr>th:last-child,
.panel>.table-bordered>tfoot>tr>td:last-child,
.panel>.table-bordered>tfoot>tr>th:last-child,
.panel>.table-bordered>thead>tr>td:last-child,
.panel>.table-bordered>thead>tr>th:last-child,
.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,
.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,
.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,
.panel>.table-responsive>.table-bordered>thead>tr>th:last-child {
    border-right: 0
}

.panel>.table-bordered>tbody>tr:first-child>td,
.panel>.table-bordered>tbody>tr:first-child>th,
.panel>.table-bordered>thead>tr:first-child>td,
.panel>.table-bordered>thead>tr:first-child>th,
.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,
.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,
.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,
.panel>.table-responsive>.table-bordered>thead>tr:first-child>th {
    border-bottom: 0
}

.panel>.table-bordered>tbody>tr:last-child>td,
.panel>.table-bordered>tbody>tr:last-child>th,
.panel>.table-bordered>tfoot>tr:last-child>td,
.panel>.table-bordered>tfoot>tr:last-child>th,
.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,
.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,
.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,
.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th {
    border-bottom: 0
}

.panel>.table-responsive {
    margin-bottom: 0;
    border: 0
}

.panel-group {
    margin-bottom: 20px
}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px
}

.panel-group .panel+.panel {
    margin-top: 5px
}

.panel-group .panel-heading {
    border-bottom: 0
}

.panel-group .panel-heading+.panel-collapse>.list-group,
.panel-group .panel-heading+.panel-collapse>.panel-body {
    border-top: 1px solid #ddd
}

.panel-group .panel-footer {
    border-top: 0
}

.panel-group .panel-footer+.panel-collapse .panel-body {
    border-bottom: 1px solid #ddd
}

.panel-default {
    border-color: #ddd
}

.panel-default>.panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #ddd
}

.panel-default>.panel-heading .badge {
    color: #f5f5f5;
    background-color: #333
}

.panel-default>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #ddd
}

.panel-primary {
    border-color: #337ab7
}

.panel-primary>.panel-heading {
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7
}

.panel-primary>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #337ab7
}

.panel-primary>.panel-heading .badge {
    color: #337ab7;
    background-color: #fff
}

.panel-primary>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #337ab7
}

.panel-success {
    border-color: #d6e9c6
}

.panel-success>.panel-heading {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6
}

.panel-success>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #d6e9c6
}

.panel-success>.panel-heading .badge {
    color: #dff0d8;
    background-color: #3c763d
}

.panel-success>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #d6e9c6
}

.panel-info {
    border-color: #bce8f1
}

.panel-info>.panel-heading {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1
}

.panel-info>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #bce8f1
}

.panel-info>.panel-heading .badge {
    color: #d9edf7;
    background-color: #31708f
}

.panel-info>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #bce8f1
}

.panel-warning {
    border-color: #faebcc
}

.panel-warning>.panel-heading {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc
}

.panel-warning>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #faebcc
}

.panel-warning>.panel-heading .badge {
    color: #fcf8e3;
    background-color: #8a6d3b
}

.panel-warning>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #faebcc
}

.panel-danger {
    border-color: #ebccd1
}

.panel-danger>.panel-heading {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1
}

.panel-danger>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #ebccd1
}

.panel-danger>.panel-heading .badge {
    color: #f2dede;
    background-color: #a94442
}

.panel-danger>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #ebccd1
}

.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden
}

.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.embed-responsive-16by9 {
    padding-bottom: 56.25%
}

.embed-responsive-4by3 {
    padding-bottom: 75%
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05)
}

.well blockquote {
    border-color: #ddd;
    border-color: rgba(0, 0, 0, .15)
}

.well-lg {
    padding: 24px;
    border-radius: 6px
}

.well-sm {
    padding: 9px;
    border-radius: 3px
}

.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2
}

.close:focus,
.close:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .5
}

button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0
}

.modal-open {
    overflow: hidden
}

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

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

.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-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;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5)
}

.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 {
    min-height: 16.43px;
    padding: 15px;
    border-bottom: 1px solid #e5e5e5
}

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

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

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

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

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

.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 {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, .5)
    }

    .modal-sm {
        width: 300px
    }
}

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

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

.tooltip.in {
    opacity: .9
}

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

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

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

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

.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 {
    right: 5px;
    bottom: 0;
    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-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    white-space: normal;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    line-break: auto
}

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

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

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

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

.popover-title {
    padding: 8px 14px;
    margin: 0;
    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 {
    content: "";
    border-width: 10px
}

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

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

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

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

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

.popover.bottom>.arrow:after {
    top: 1px;
    margin-left: -10px;
    content: " ";
    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 {
    right: 1px;
    bottom: -10px;
    content: " ";
    border-right-width: 0;
    border-left-color: #fff
}

.carousel {
    position: relative
}

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

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

.carousel-inner>.item>a>img,
.carousel-inner>.item>img {
    line-height: 1
}

@media all and (transform-3d),
(-webkit-transform-3d) {
    .carousel-inner>.item {
        -webkit-transition: -webkit-transform .6s ease-in-out;
        -o-transition: -o-transform .6s ease-in-out;
        transition: 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 {
        left: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

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

    .carousel-inner>.item.active,
    .carousel-inner>.item.next.left,
    .carousel-inner>.item.prev.right {
        left: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 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;
    bottom: 0;
    left: 0;
    width: 15%;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    opacity: .5
}

.carousel-control.left {
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
    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 {
    right: 0;
    left: auto;
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
    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 {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9
}

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

.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;
    font-family: serif;
    line-height: 1
}

.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%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none
}

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

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

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    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: -15px;
        font-size: 30px
    }

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

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

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

    .carousel-indicators {
        bottom: 20px
    }
}

.btn-group-vertical>.btn-group:after,
.btn-group-vertical>.btn-group:before,
.btn-toolbar:after,
.btn-toolbar:before,
.clearfix:after,
.clearfix:before,
.container-fluid:after,
.container-fluid:before,
.container:after,
.container:before,
.dl-horizontal dd:after,
.dl-horizontal dd:before,
.form-horizontal .form-group:after,
.form-horizontal .form-group:before,
.modal-footer:after,
.modal-footer:before,
.nav:after,
.nav:before,
.navbar-collapse:after,
.navbar-collapse:before,
.navbar-header:after,
.navbar-header:before,
.navbar:after,
.navbar:before,
.pager:after,
.pager:before,
.panel-body:after,
.panel-body:before,
.row:after,
.row:before {
    display: table;
    content: " "
}

.btn-group-vertical>.btn-group:after,
.btn-toolbar:after,
.clearfix:after,
.container-fluid:after,
.container:after,
.dl-horizontal dd:after,
.form-horizontal .form-group:after,
.modal-footer:after,
.nav:after,
.navbar-collapse:after,
.navbar-header:after,
.navbar:after,
.pager:after,
.panel-body:after,
.row:after {
    clear: both
}

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

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.invisible {
    visibility: hidden
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.hidden {
    display: none !important
}

.affix {
    position: fixed
}

@-ms-viewport {
    width: device-width
}

.visible-lg,
.visible-md,
.visible-sm,
.visible-xs {
    display: none !important
}

.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block {
    display: none !important
}

@media (max-width:767px) {
    .visible-xs {
        display: block !important
    }

    table.visible-xs {
        display: table !important
    }

    tr.visible-xs {
        display: table-row !important
    }

    td.visible-xs,
    th.visible-xs {
        display: table-cell !important
    }
}

@media (max-width:767px) {
    .visible-xs-block {
        display: block !important
    }
}

@media (max-width:767px) {
    .visible-xs-inline {
        display: inline !important
    }
}

@media (max-width:767px) {
    .visible-xs-inline-block {
        display: inline-block !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm {
        display: block !important
    }

    table.visible-sm {
        display: table !important
    }

    tr.visible-sm {
        display: table-row !important
    }

    td.visible-sm,
    th.visible-sm {
        display: table-cell !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm-block {
        display: block !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm-inline {
        display: inline !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm-inline-block {
        display: inline-block !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md {
        display: block !important
    }

    table.visible-md {
        display: table !important
    }

    tr.visible-md {
        display: table-row !important
    }

    td.visible-md,
    th.visible-md {
        display: table-cell !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md-block {
        display: block !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md-inline {
        display: inline !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md-inline-block {
        display: inline-block !important
    }
}

@media (min-width:1200px) {
    .visible-lg {
        display: block !important
    }

    table.visible-lg {
        display: table !important
    }

    tr.visible-lg {
        display: table-row !important
    }

    td.visible-lg,
    th.visible-lg {
        display: table-cell !important
    }
}

@media (min-width:1200px) {
    .visible-lg-block {
        display: block !important
    }
}

@media (min-width:1200px) {
    .visible-lg-inline {
        display: inline !important
    }
}

@media (min-width:1200px) {
    .visible-lg-inline-block {
        display: inline-block !important
    }
}

@media (max-width:767px) {
    .hidden-xs {
        display: none !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .hidden-sm {
        display: none !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .hidden-md {
        display: none !important
    }
}

@media (min-width:1200px) {
    .hidden-lg {
        display: none !important
    }
}

.visible-print {
    display: none !important
}

@media print {
    .visible-print {
        display: block !important
    }

    table.visible-print {
        display: table !important
    }

    tr.visible-print {
        display: table-row !important
    }

    td.visible-print,
    th.visible-print {
        display: table-cell !important
    }
}

.visible-print-block {
    display: none !important
}

@media print {
    .visible-print-block {
        display: block !important
    }
}

.visible-print-inline {
    display: none !important
}

@media print {
    .visible-print-inline {
        display: inline !important
    }
}

.visible-print-inline-block {
    display: none !important
}

@media print {
    .visible-print-inline-block {
        display: inline-block !important
    }
}

@media print {
    .hidden-print {
        display: none !important
    }
}

.selectize-control.plugin-drag_drop.multi>.selectize-input>div.ui-sortable-placeholder {
    visibility: visible !important;
    background: #f2f2f2 !important;
    background: rgba(0, 0, 0, .06) !important;
    border: 0 none !important;
    -webkit-box-shadow: inset 0 0 12px 4px #fff;
    box-shadow: inset 0 0 12px 4px #fff
}

.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
    content: '!';
    visibility: hidden
}

.selectize-control.plugin-drag_drop .ui-sortable-helper {
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
    box-shadow: 0 2px 5px rgba(0, 0, 0, .2)
}

.selectize-dropdown-header {
    position: relative;
    padding: 3px 12px;
    border-bottom: 1px solid #d0d0d0;
    background: #f8f8f8;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0
}

.selectize-dropdown-header-close {
    position: absolute;
    right: 12px;
    top: 50%;
    color: #333;
    opacity: .4;
    margin-top: -12px;
    line-height: 20px;
    font-size: 20px !important
}

.selectize-dropdown-header-close:hover {
    color: #000
}

.selectize-dropdown.plugin-optgroup_columns .optgroup {
    border-right: 1px solid #f2f2f2;
    border-top: 0 none;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
    border-right: 0 none
}

.selectize-dropdown.plugin-optgroup_columns .optgroup:before {
    display: none
}

.selectize-dropdown.plugin-optgroup_columns .optgroup-header {
    border-top: 0 none
}

.selectize-control.plugin-remove_button [data-value] {
    position: relative;
    padding-right: 24px !important
}

.selectize-control.plugin-remove_button [data-value] .remove {
    z-index: 1;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 17px;
    text-align: center;
    font-weight: 700;
    font-size: 12px;
    color: inherit;
    text-decoration: none;
    vertical-align: middle;
    display: inline-block;
    padding: 1px 0 0 0;
    border-left: 1px solid transparent;
    -webkit-border-radius: 0 2px 2px 0;
    -moz-border-radius: 0 2px 2px 0;
    border-radius: 0 2px 2px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.selectize-control.plugin-remove_button [data-value] .remove:hover {
    background: rgba(0, 0, 0, .05)
}

.selectize-control.plugin-remove_button [data-value].active .remove {
    border-left-color: transparent
}

.selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {
    background: 0 0
}

.selectize-control.plugin-remove_button .disabled [data-value] .remove {
    border-left-color: rgba(77, 77, 77, 0)
}

.selectize-control {
    position: relative
}

.selectize-dropdown,
.selectize-input,
.selectize-input input {
    color: #333;
    font-family: inherit;
    font-size: inherit;
    line-height: 20px;
    -webkit-font-smoothing: inherit
}

.selectize-control.single .selectize-input.input-active,
.selectize-input {
    background: #fff;
    cursor: text;
    display: inline-block
}

.selectize-input {
    border: 1px solid #ccc;
    padding: 6px 12px;
    display: inline-block;
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.selectize-control.multi .selectize-input.has-items {
    padding: 5px 12px 2px
}

.selectize-input.full {
    background-color: #fff
}

.selectize-input.disabled,
.selectize-input.disabled * {
    cursor: default !important
}

.selectize-input.focus {
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .15);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .15)
}

.selectize-input.dropdown-active {
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0
}

.selectize-input>* {
    vertical-align: baseline;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1
}

.selectize-control.multi .selectize-input>div {
    cursor: pointer;
    margin: 0 3px 3px 0;
    padding: 1px 3px;
    background: #efefef;
    color: #333;
    border: 0 solid transparent
}

.selectize-control.multi .selectize-input>div.active {
    background: #428bca;
    color: #fff;
    border: 0 solid transparent
}

.selectize-control.multi .selectize-input.disabled>div,
.selectize-control.multi .selectize-input.disabled>div.active {
    color: grey;
    background: #fff;
    border: 0 solid rgba(77, 77, 77, 0)
}

.selectize-input>input {
    display: inline-block !important;
    padding: 0 !important;
    min-height: 0 !important;
    max-height: none !important;
    max-width: 100% !important;
    margin: 0 !important;
    text-indent: 0 !important;
    border: 0 none !important;
    background: 0 0 !important;
    line-height: inherit !important;
    -webkit-user-select: auto !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.selectize-input>input::-ms-clear {
    display: none
}

.selectize-input>input:focus {
    outline: 0 !important
}

.selectize-input::after {
    content: ' ';
    display: block;
    clear: left
}

.selectize-input.dropdown-active::before {
    content: ' ';
    display: block;
    position: absolute;
    background: #fff;
    height: 1px;
    bottom: 0;
    left: 0;
    right: 0
}

.selectize-dropdown {
    position: absolute;
    z-index: 10;
    border: 1px solid #d0d0d0;
    background: #fff;
    margin: -1px 0 0 0;
    border-top: 0 none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px
}

.selectize-dropdown [data-selectable] {
    cursor: pointer;
    overflow: hidden
}

.selectize-dropdown [data-selectable] .highlight {
    background: rgba(255, 237, 40, .4);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.selectize-dropdown .optgroup-header,
.selectize-dropdown [data-selectable] {
    padding: 3px 12px
}

.selectize-dropdown .optgroup:first-child .optgroup-header {
    border-top: 0 none
}

.selectize-dropdown .optgroup-header {
    color: #777;
    background: #fff;
    cursor: default
}

.selectize-dropdown .active {
    background-color: #f5f5f5;
    color: #262626
}

.selectize-dropdown .active.create {
    color: #262626
}

.selectize-dropdown .create {
    color: rgba(51, 51, 51, .5)
}

.selectize-dropdown-content {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 200px
}

.selectize-control.single .selectize-input,
.selectize-control.single .selectize-input input {
    cursor: pointer
}

.selectize-control.single .selectize-input.input-active,
.selectize-control.single .selectize-input.input-active input {
    cursor: text
}

.selectize-control.single .selectize-input:after {
    content: ' ';
    display: block;
    position: absolute;
    top: 50%;
    right: 17px;
    margin-top: -3px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #333 transparent transparent transparent
}

.selectize-control.single .selectize-input.dropdown-active:after {
    margin-top: -4px;
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent #333 transparent
}

.selectize-control.rtl.single .selectize-input:after {
    left: 17px;
    right: auto
}

.selectize-control.rtl .selectize-input>input {
    margin: 0 4px 0 -2px !important
}

.selectize-control .selectize-input.disabled {
    opacity: .5;
    background-color: #fff
}

.selectize-dropdown,
.selectize-dropdown.form-control {
    height: auto;
    padding: 0;
    margin: 2px 0 0 0;
    z-index: 1000;
    background: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175)
}

.selectize-dropdown .optgroup-header {
    font-size: 12px;
    line-height: 1.42857143
}

.selectize-dropdown .optgroup:first-child:before {
    display: none
}

.selectize-dropdown .optgroup:before {
    content: ' ';
    display: block;
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
    margin-left: -12px;
    margin-right: -12px
}

.selectize-dropdown-content {
    padding: 5px 0
}

.selectize-dropdown-header {
    padding: 6px 12px
}

.selectize-input {
    min-height: 34px
}

.selectize-input.dropdown-active {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.selectize-input.dropdown-active::before {
    display: none
}

.selectize-input.focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

.has-error .selectize-input {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.has-error .selectize-input:focus {
    border-color: #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483
}

.selectize-control.multi .selectize-input.has-items {
    padding-left: 9px;
    padding-right: 9px
}

.selectize-control.multi .selectize-input>div {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.form-control.selectize-control {
    padding: 0;
    height: auto;
    border: none;
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.sweet-overlay {
    background-color: rgba(0, 0, 0, .4);
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: none;
    z-index: 1000
}

.sweet-alert {
    background-color: #fff;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    border-radius: 5px;
    box-sizing: border-box;
    text-align: center;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-top: -200px;
    max-height: 90%;
    overflow-x: hidden;
    overflow-y: auto;
    display: none;
    z-index: 2000
}

.sweet-alert h2 {
    color: #575757;
    font-size: 30px;
    text-align: center;
    font-weight: 600;
    text-transform: none;
    position: relative;
    margin: 0;
    padding: 0;
    line-height: 60px;
    display: block
}

.sweet-alert p {
    font-size: 16px;
    text-align: center;
    font-weight: 300;
    position: relative;
    float: none;
    margin: 0;
    padding: 0;
    line-height: normal
}

.sweet-alert hr {
    height: 10px;
    color: transparent;
    border: 0
}

.sweet-alert button {
    color: #fff;
    border: 0;
    box-shadow: none;
    font-size: 17px;
    font-weight: 500;
    border-radius: 5px;
    padding: 10px 32px;
    margin: 0 5px;
    cursor: pointer
}

.sweet-alert button:focus {
    outline: 0
}

.sweet-alert button.cancel[disabled] {
    opacity: .4
}

.sweet-alert button.confirm[disabled] {
    border: 4px solid transparent;
    border-color: transparent;
    width: 40px;
    height: 40px;
    padding: 0;
    margin: 0 30px;
    vertical-align: middle;
    background-color: transparent !important;
    color: transparent;
    cursor: default;
    border-radius: 100%;
    -webkit-animation: rotate-loading 1.5s linear 0s infinite normal;
    animation: rotate-loading 1.5s linear 0s infinite normal
}

.sweet-alert button::-moz-focus-inner {
    border: 0
}

.sweet-alert[data-has-cancel-button=false] button {
    box-shadow: none !important
}

.sweet-alert .icon {
    width: 80px;
    height: 80px;
    border: 4px solid grey;
    border-radius: 50%;
    margin: 20px auto;
    padding: 0;
    position: relative;
    box-sizing: content-box
}

.sweet-alert .icon.error {
    border-color: #f27474
}

.sweet-alert .icon.error .x-mark {
    position: relative;
    display: block
}

.sweet-alert .icon.error .line {
    position: absolute;
    height: 5px;
    width: 47px;
    background-color: #f27474;
    display: block;
    top: 37px;
    border-radius: 2px
}

.sweet-alert .icon.error .line.left {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 17px
}

.sweet-alert .icon.error .line.right {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    right: 16px
}

.sweet-alert .icon.warning {
    border-color: #f8bb86
}

.sweet-alert .icon.warning .body {
    position: absolute;
    width: 5px;
    height: 47px;
    left: 50%;
    top: 10px;
    border-radius: 2px;
    margin-left: -2px;
    background-color: #f8bb86
}

.sweet-alert .icon.warning .dot {
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    margin-left: -3px;
    left: 50%;
    bottom: 10px;
    background-color: #f8bb86
}

.sweet-alert .icon.info {
    border-color: #c9dae1
}

.sweet-alert .icon.info::before {
    content: '';
    position: absolute;
    width: 5px;
    height: 29px;
    left: 50%;
    bottom: 17px;
    border-radius: 2px;
    margin-left: -2px;
    background-color: #c9dae1
}

.sweet-alert .icon.info::after {
    content: '';
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    margin-left: -3px;
    top: 19px;
    background-color: #c9dae1
}

.sweet-alert .icon.success {
    border-color: #a5dc86
}

.sweet-alert .icon.success::after,
.sweet-alert .icon.success::before {
    content: '';
    border-radius: 50%;
    position: absolute;
    width: 60px;
    height: 120px;
    background: #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.sweet-alert .icon.success::before {
    border-radius: 120px 0 0 120px;
    top: -7px;
    left: -33px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 60px 60px;
    -ms-transform-origin: 60px 60px;
    transform-origin: 60px 60px
}

.sweet-alert .icon.success::after {
    border-radius: 0 120px 120px 0;
    top: -11px;
    left: 30px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 0 60px;
    -ms-transform-origin: 0 60px;
    transform-origin: 0 60px
}

.sweet-alert .icon.success .placeholder {
    width: 80px;
    height: 80px;
    border: 4px solid rgba(165, 220, 134, .2);
    border-radius: 50%;
    box-sizing: content-box;
    position: absolute;
    left: -4px;
    top: -4px;
    z-index: 2
}

.sweet-alert .icon.success .fix {
    width: 5px;
    height: 90px;
    background-color: #fff;
    position: absolute;
    left: 28px;
    top: 8px;
    z-index: 1;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.sweet-alert .icon.success .line {
    height: 5px;
    background-color: #a5dc86;
    display: block;
    border-radius: 2px;
    position: absolute;
    z-index: 2
}

.sweet-alert .icon.success .line.tip {
    width: 25px;
    left: 14px;
    top: 46px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.sweet-alert .icon.success .line.long {
    width: 47px;
    right: 8px;
    top: 38px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.sweet-alert .icon.custom {
    background-size: contain;
    border-radius: 0;
    border: 0;
    background-position: center center;
    background-repeat: no-repeat
}

@-webkit-keyframes showSweetAlert {
    0% {
        -webkit-transform: scale(.7);
        transform: scale(.7)
    }

    45% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    80% {
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }

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

@keyframes showSweetAlert {
    0% {
        -webkit-transform: scale(.7);
        transform: scale(.7)
    }

    45% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    80% {
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }

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

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

    100% {
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
}

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

    100% {
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
}

.show-sweet-alert {
    -webkit-animation: showSweetAlert .3s;
    animation: showSweetAlert .3s
}

.show-sweet-alert.no-animation {
    -webkit-animation: none;
    animation: none
}

.hide-sweet-alert {
    -webkit-animation: hideSweetAlert .2s;
    animation: hideSweetAlert .2s
}

.hide-sweet-alert.no-animation {
    -webkit-animation: none;
    animation: none
}

@-webkit-keyframes animate-success-tip {
    0% {
        width: 0;
        left: 1px;
        top: 19px
    }

    54% {
        width: 0;
        left: 1px;
        top: 19px
    }

    70% {
        width: 50px;
        left: -8px;
        top: 37px
    }

    84% {
        width: 17px;
        left: 21px;
        top: 48px
    }

    100% {
        width: 25px;
        left: 14px;
        top: 45px
    }
}

@keyframes animate-success-tip {
    0% {
        width: 0;
        left: 1px;
        top: 19px
    }

    54% {
        width: 0;
        left: 1px;
        top: 19px
    }

    70% {
        width: 50px;
        left: -8px;
        top: 37px
    }

    84% {
        width: 17px;
        left: 21px;
        top: 48px
    }

    100% {
        width: 25px;
        left: 14px;
        top: 45px
    }
}

@-webkit-keyframes animate-success-long {
    0% {
        width: 0;
        right: 46px;
        top: 54px
    }

    65% {
        width: 0;
        right: 46px;
        top: 54px
    }

    84% {
        width: 55px;
        right: 0;
        top: 35px
    }

    100% {
        width: 47px;
        right: 8px;
        top: 38px
    }
}

@keyframes animate-success-long {
    0% {
        width: 0;
        right: 46px;
        top: 54px
    }

    65% {
        width: 0;
        right: 46px;
        top: 54px
    }

    84% {
        width: 55px;
        right: 0;
        top: 35px
    }

    100% {
        width: 47px;
        right: 8px;
        top: 38px
    }
}

@-webkit-keyframes rotatePlaceholder {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    5% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    12% {
        -webkit-transform: rotate(-405deg);
        transform: rotate(-405deg)
    }

    100% {
        -webkit-transform: rotate(-405deg);
        transform: rotate(-405deg)
    }
}

@keyframes rotatePlaceholder {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    5% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    12% {
        -webkit-transform: rotate(-405deg);
        transform: rotate(-405deg)
    }

    100% {
        -webkit-transform: rotate(-405deg);
        transform: rotate(-405deg)
    }
}

.animate-success-tip {
    -webkit-animation: animate-success-tip .75s;
    animation: animate-success-tip .75s
}

.animate-success-long {
    -webkit-animation: animate-success-long .75s;
    animation: animate-success-long .75s
}

.icon.success.animate::after {
    -webkit-animation: rotatePlaceholder 4.25s ease-in;
    animation: rotatePlaceholder 4.25s ease-in
}

@-webkit-keyframes animate-error-icon {
    0% {
        -webkit-transform: rotateX(100deg);
        transform: rotateX(100deg);
        opacity: 0
    }

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

@keyframes animate-error-icon {
    0% {
        -webkit-transform: rotateX(100deg);
        transform: rotateX(100deg);
        opacity: 0
    }

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

.animate-error-icon {
    -webkit-animation: animate-error-icon .5s;
    animation: animate-error-icon .5s
}

@-webkit-keyframes animate-x-mark {
    0% {
        -webkit-transform: scale(.4);
        transform: scale(.4);
        margin-top: 26px;
        opacity: 0
    }

    50% {
        -webkit-transform: scale(.4);
        transform: scale(.4);
        margin-top: 26px;
        opacity: 0
    }

    80% {
        -webkit-transform: scale(1.15);
        transform: scale(1.15);
        margin-top: -6px
    }

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

@keyframes animate-x-mark {
    0% {
        -webkit-transform: scale(.4);
        transform: scale(.4);
        margin-top: 26px;
        opacity: 0
    }

    50% {
        -webkit-transform: scale(.4);
        transform: scale(.4);
        margin-top: 26px;
        opacity: 0
    }

    80% {
        -webkit-transform: scale(1.15);
        transform: scale(1.15);
        margin-top: -6px
    }

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

.animate-x-mark {
    -webkit-animation: animate-x-mark .5s;
    animation: animate-x-mark .5s
}

@-webkit-keyframes pulse-warning {
    0% {
        border-color: #f8d486
    }

    100% {
        border-color: #f8bb86
    }
}

@keyframes pulse-warning {
    0% {
        border-color: #f8d486
    }

    100% {
        border-color: #f8bb86
    }
}

.pulse-warning {
    -webkit-animation: pulse-warning .75s infinite alternate;
    animation: pulse-warning .75s infinite alternate
}

@-webkit-keyframes pulse-warning-ins {
    0% {
        background-color: #f8d486
    }

    100% {
        background-color: #f8bb86
    }
}

@keyframes pulse-warning-ins {
    0% {
        background-color: #f8d486
    }

    100% {
        background-color: #f8bb86
    }
}

.pulse-warning-ins {
    -webkit-animation: pulse-warning-ins .75s infinite alternate;
    animation: pulse-warning-ins .75s infinite alternate
}

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

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

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

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.ct-double-octave:after,
.ct-major-eleventh:after,
.ct-major-second:after,
.ct-major-seventh:after,
.ct-major-sixth:after,
.ct-major-tenth:after,
.ct-major-third:after,
.ct-major-twelfth:after,
.ct-minor-second:after,
.ct-minor-seventh:after,
.ct-minor-sixth:after,
.ct-minor-third:after,
.ct-octave:after,
.ct-perfect-fifth:after,
.ct-perfect-fourth:after,
.ct-square:after {
    content: "";
    clear: both
}

.ct-double-octave:after,
.ct-double-octave:before,
.ct-golden-section:after,
.ct-major-eleventh:after,
.ct-major-eleventh:before,
.ct-major-second:after,
.ct-major-second:before,
.ct-major-seventh:after,
.ct-major-seventh:before,
.ct-major-sixth:after,
.ct-major-sixth:before,
.ct-major-tenth:after,
.ct-major-tenth:before,
.ct-major-third:after,
.ct-major-third:before,
.ct-major-twelfth:after,
.ct-major-twelfth:before,
.ct-minor-second:after,
.ct-minor-second:before,
.ct-minor-seventh:after,
.ct-minor-seventh:before,
.ct-minor-sixth:after,
.ct-minor-sixth:before,
.ct-minor-third:after,
.ct-minor-third:before,
.ct-octave:after,
.ct-octave:before,
.ct-perfect-fifth:after,
.ct-perfect-fifth:before,
.ct-perfect-fourth:after,
.ct-perfect-fourth:before,
.ct-square:after,
.ct-square:before {
    content: ""
}

.ct-label {
    fill: rgba(0, 0, 0, .4);
    color: rgba(0, 0, 0, .4);
    font-size: .75rem;
    line-height: 1
}

.ct-chart-bar .ct-label,
.ct-chart-line .ct-label {
    display: block;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.ct-label.ct-horizontal.ct-start {
    -webkit-box-align: flex-end;
    -webkit-align-items: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
    -webkit-box-pack: flex-start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    text-align: left;
    text-anchor: start
}

.ct-label.ct-horizontal.ct-end {
    -webkit-box-align: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -webkit-box-pack: flex-start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    text-align: left;
    text-anchor: start
}

.ct-label.ct-vertical.ct-start {
    -webkit-box-align: flex-end;
    -webkit-align-items: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
    -webkit-box-pack: flex-end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: flex-end;
    justify-content: flex-end;
    text-align: right;
    text-anchor: end
}

.ct-label.ct-vertical.ct-end {
    -webkit-box-align: flex-end;
    -webkit-align-items: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
    -webkit-box-pack: flex-start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    text-align: left;
    text-anchor: start
}

.ct-chart-bar .ct-label.ct-horizontal.ct-start {
    -webkit-box-align: flex-end;
    -webkit-align-items: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    text-anchor: start
}

.ct-chart-bar .ct-label.ct-horizontal.ct-end {
    -webkit-box-align: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    text-anchor: start
}

.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-start {
    -webkit-box-align: flex-end;
    -webkit-align-items: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
    -webkit-box-pack: flex-start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    text-align: left;
    text-anchor: start
}

.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-end {
    -webkit-box-align: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -webkit-box-pack: flex-start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    text-align: left;
    text-anchor: start
}

.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-start {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: flex-end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: flex-end;
    justify-content: flex-end;
    text-align: right;
    text-anchor: end
}

.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-end {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: flex-start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    text-align: left;
    text-anchor: end
}

.ct-grid {
    stroke: rgba(0, 0, 0, .2);
    stroke-width: 1px;
    stroke-dasharray: 2px
}

.ct-point {
    stroke-width: 10px;
    stroke-linecap: round
}

.ct-line {
    fill: none;
    stroke-width: 4px
}

.ct-area {
    stroke: none;
    fill-opacity: .1
}

.ct-bar {
    fill: none;
    stroke-width: 10px
}

.ct-slice-donut {
    fill: none;
    stroke-width: 60px
}

.ct-series-a .ct-bar,
.ct-series-a .ct-line,
.ct-series-a .ct-point,
.ct-series-a .ct-slice-donut {
    stroke: #d70206
}

.ct-series-a .ct-area,
.ct-series-a .ct-slice-pie {
    fill: #d70206
}

.ct-series-b .ct-bar,
.ct-series-b .ct-line,
.ct-series-b .ct-point,
.ct-series-b .ct-slice-donut {
    stroke: #f05b4f
}

.ct-series-b .ct-area,
.ct-series-b .ct-slice-pie {
    fill: #f05b4f
}

.ct-series-c .ct-bar,
.ct-series-c .ct-line,
.ct-series-c .ct-point,
.ct-series-c .ct-slice-donut {
    stroke: #f4c63d
}

.ct-series-c .ct-area,
.ct-series-c .ct-slice-pie {
    fill: #f4c63d
}

.ct-series-d .ct-bar,
.ct-series-d .ct-line,
.ct-series-d .ct-point,
.ct-series-d .ct-slice-donut {
    stroke: #d17905
}

.ct-series-d .ct-area,
.ct-series-d .ct-slice-pie {
    fill: #d17905
}

.ct-series-e .ct-bar,
.ct-series-e .ct-line,
.ct-series-e .ct-point,
.ct-series-e .ct-slice-donut {
    stroke: #453d3f
}

.ct-series-e .ct-area,
.ct-series-e .ct-slice-pie {
    fill: #453d3f
}

.ct-series-f .ct-bar,
.ct-series-f .ct-line,
.ct-series-f .ct-point,
.ct-series-f .ct-slice-donut {
    stroke: #59922b
}

.ct-series-f .ct-area,
.ct-series-f .ct-slice-pie {
    fill: #59922b
}

.ct-series-g .ct-bar,
.ct-series-g .ct-line,
.ct-series-g .ct-point,
.ct-series-g .ct-slice-donut {
    stroke: #0544d3
}

.ct-series-g .ct-area,
.ct-series-g .ct-slice-pie {
    fill: #0544d3
}

.ct-series-h .ct-bar,
.ct-series-h .ct-line,
.ct-series-h .ct-point,
.ct-series-h .ct-slice-donut {
    stroke: #6b0392
}

.ct-series-h .ct-area,
.ct-series-h .ct-slice-pie {
    fill: #6b0392
}

.ct-series-i .ct-bar,
.ct-series-i .ct-line,
.ct-series-i .ct-point,
.ct-series-i .ct-slice-donut {
    stroke: #f05b4f
}

.ct-series-i .ct-area,
.ct-series-i .ct-slice-pie {
    fill: #f05b4f
}

.ct-series-j .ct-bar,
.ct-series-j .ct-line,
.ct-series-j .ct-point,
.ct-series-j .ct-slice-donut {
    stroke: #dda458
}

.ct-series-j .ct-area,
.ct-series-j .ct-slice-pie {
    fill: #dda458
}

.ct-series-k .ct-bar,
.ct-series-k .ct-line,
.ct-series-k .ct-point,
.ct-series-k .ct-slice-donut {
    stroke: #eacf7d
}

.ct-series-k .ct-area,
.ct-series-k .ct-slice-pie {
    fill: #eacf7d
}

.ct-series-l .ct-bar,
.ct-series-l .ct-line,
.ct-series-l .ct-point,
.ct-series-l .ct-slice-donut {
    stroke: #86797d
}

.ct-series-l .ct-area,
.ct-series-l .ct-slice-pie {
    fill: #86797d
}

.ct-series-m .ct-bar,
.ct-series-m .ct-line,
.ct-series-m .ct-point,
.ct-series-m .ct-slice-donut {
    stroke: #b2c326
}

.ct-series-m .ct-area,
.ct-series-m .ct-slice-pie {
    fill: #b2c326
}

.ct-series-n .ct-bar,
.ct-series-n .ct-line,
.ct-series-n .ct-point,
.ct-series-n .ct-slice-donut {
    stroke: #6188e2
}

.ct-series-n .ct-area,
.ct-series-n .ct-slice-pie {
    fill: #6188e2
}

.ct-series-o .ct-bar,
.ct-series-o .ct-line,
.ct-series-o .ct-point,
.ct-series-o .ct-slice-donut {
    stroke: #a748ca
}

.ct-series-o .ct-area,
.ct-series-o .ct-slice-pie {
    fill: #a748ca
}

.ct-square {
    display: block;
    position: relative;
    width: 100%
}

.ct-square:before {
    display: block;
    float: left;
    width: 0;
    height: 0;
    padding-bottom: 100%
}

.ct-square:after {
    display: table
}

.ct-square>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.ct-minor-second {
    display: block;
    position: relative;
    width: 100%
}

.ct-minor-second:before {
    display: block;
    float: left;
    width: 0;
    height: 0;
    padding-bottom: 93.75%
}

.ct-minor-second:after {
    display: table
}

.ct-minor-second>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.ct-major-second {
    display: block;
    position: relative;
    width: 100%
}

.ct-major-second:before {
    display: block;
    float: left;
    width: 0;
    height: 0;
    padding-bottom: 88.8888888889%
}

.ct-major-second:after {
    display: table
}

.ct-major-second>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.ct-minor-third {
    display: block;
    position: relative;
    width: 100%
}

.ct-minor-third:before {
    display: block;
    float: left;
    width: 0;
    height: 0;
    padding-bottom: 83.3333333333%
}

.ct-minor-third:after {
    display: table
}

.ct-minor-third>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.ct-major-third {
    display: block;
    position: relative;
    width: 100%
}

.ct-major-third:before {
    display: block;
    float: left;
    width: 0;
    height: 0;
    padding-bottom: 80%
}

.ct-major-third:after {
    display: table
}

.ct-major-third>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.ct-perfect-fourth {
    display: block;
    position: relative;
    width: 100%
}

.ct-perfect-fourth:before {
    display: block;
    float: left;
    width: 0;
    height: 0;
    padding-bottom: 75%
}

.ct-perfect-fourth:after {
    display: table
}

.ct-perfect-fourth>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.ct-perfect-fifth {
    display: block;
    position: relative;
    width: 100%
}

.ct-perfect-fifth:before {
    display: block;
    float: left;
    width: 0;
    height: 0;
    padding-bottom: 66.6666666667%
}

.ct-perfect-fifth:after {
    display: table
}

.ct-perfect-fifth>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.ct-minor-sixth {
    display: block;
    position: relative;
    width: 100%
}

.ct-minor-sixth:before {
    display: block;
    float: left;
    width: 0;
    height: 0;
    padding-bottom: 62.5%
}

.ct-minor-sixth:after {
    display: table
}

.ct-minor-sixth>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.ct-golden-section {
    display: block;
    position: relative;
    width: 100%
}

.ct-golden-section:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 61.804697157%
}

.ct-golden-section:after {
    display: table;
    clear: both
}

.ct-golden-section>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.ct-major-sixth {
    display: block;
    position: relative;
    width: 100%
}

.ct-major-sixth:before {
    display: block;
    float: left;
    width: 0;
    height: 0;
    padding-bottom: 60%
}

.ct-major-sixth:after {
    display: table
}

.ct-major-sixth>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.ct-minor-seventh {
    display: block;
    position: relative;
    width: 100%
}

.ct-minor-seventh:before {
    display: block;
    float: left;
    width: 0;
    height: 0;
    padding-bottom: 56.25%
}

.ct-minor-seventh:after {
    display: table
}

.ct-minor-seventh>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.ct-major-seventh {
    display: block;
    position: relative;
    width: 100%
}

.ct-major-seventh:before {
    display: block;
    float: left;
    width: 0;
    height: 0;
    padding-bottom: 53.3333333333%
}

.ct-major-seventh:after {
    display: table
}

.ct-major-seventh>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.ct-octave {
    display: block;
    position: relative;
    width: 100%
}

.ct-octave:before {
    display: block;
    float: left;
    width: 0;
    height: 0;
    padding-bottom: 50%
}

.ct-octave:after {
    display: table
}

.ct-octave>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.ct-major-tenth {
    display: block;
    position: relative;
    width: 100%
}

.ct-major-tenth:before {
    display: block;
    float: left;
    width: 0;
    height: 0;
    padding-bottom: 40%
}

.ct-major-tenth:after {
    display: table
}

.ct-major-tenth>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.ct-major-eleventh {
    display: block;
    position: relative;
    width: 100%
}

.ct-major-eleventh:before {
    display: block;
    float: left;
    width: 0;
    height: 0;
    padding-bottom: 37.5%
}

.ct-major-eleventh:after {
    display: table
}

.ct-major-eleventh>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.ct-major-twelfth {
    display: block;
    position: relative;
    width: 100%
}

.ct-major-twelfth:before {
    display: block;
    float: left;
    width: 0;
    height: 0;
    padding-bottom: 33.3333333333%
}

.ct-major-twelfth:after {
    display: table
}

.ct-major-twelfth>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.ct-double-octave {
    display: block;
    position: relative;
    width: 100%
}

.ct-double-octave:before {
    display: block;
    float: left;
    width: 0;
    height: 0;
    padding-bottom: 25%
}

.ct-double-octave:after {
    display: table
}

.ct-double-octave>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

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

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

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

.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

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

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

.slick-track:after {
    clear: both
}

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

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

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

.slick-slide img {
    display: block
}

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

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

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

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

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

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

.tooltipster-default {
    border-radius: 5px;
    border: 2px solid #000;
    background: #4c4c4c;
    color: #fff
}

.tooltipster-default .tooltipster-content {
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 16px;
    padding: 8px 10px;
    overflow: hidden
}

.tooltipster-icon {
    cursor: help;
    margin-left: 4px
}

.tooltipster-base {
    padding: 0;
    font-size: 0;
    line-height: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9999999;
    pointer-events: none;
    width: auto;
    overflow: visible
}

.tooltipster-base .tooltipster-content {
    overflow: hidden
}

.tooltipster-arrow {
    display: block;
    text-align: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1
}

.tooltipster-arrow span,
.tooltipster-arrow-border {
    display: block;
    width: 0;
    height: 0;
    position: absolute
}

.tooltipster-arrow-top span,
.tooltipster-arrow-top-left span,
.tooltipster-arrow-top-right span {
    border-left: 8px solid transparent !important;
    border-right: 8px solid transparent !important;
    border-top: 8px solid;
    bottom: -7px
}

.tooltipster-arrow-top .tooltipster-arrow-border,
.tooltipster-arrow-top-left .tooltipster-arrow-border,
.tooltipster-arrow-top-right .tooltipster-arrow-border {
    border-left: 9px solid transparent !important;
    border-right: 9px solid transparent !important;
    border-top: 9px solid;
    bottom: -7px
}

.tooltipster-arrow-bottom span,
.tooltipster-arrow-bottom-left span,
.tooltipster-arrow-bottom-right span {
    border-left: 8px solid transparent !important;
    border-right: 8px solid transparent !important;
    border-bottom: 8px solid;
    top: -7px
}

.tooltipster-arrow-bottom .tooltipster-arrow-border,
.tooltipster-arrow-bottom-left .tooltipster-arrow-border,
.tooltipster-arrow-bottom-right .tooltipster-arrow-border {
    border-left: 9px solid transparent !important;
    border-right: 9px solid transparent !important;
    border-bottom: 9px solid;
    top: -7px
}

.tooltipster-arrow-bottom .tooltipster-arrow-border,
.tooltipster-arrow-bottom span,
.tooltipster-arrow-top .tooltipster-arrow-border,
.tooltipster-arrow-top span {
    left: 0;
    right: 0;
    margin: 0 auto
}

.tooltipster-arrow-bottom-left span,
.tooltipster-arrow-top-left span {
    left: 6px
}

.tooltipster-arrow-bottom-left .tooltipster-arrow-border,
.tooltipster-arrow-top-left .tooltipster-arrow-border {
    left: 5px
}

.tooltipster-arrow-bottom-right span,
.tooltipster-arrow-top-right span {
    right: 6px
}

.tooltipster-arrow-bottom-right .tooltipster-arrow-border,
.tooltipster-arrow-top-right .tooltipster-arrow-border {
    right: 5px
}

.tooltipster-arrow-left .tooltipster-arrow-border,
.tooltipster-arrow-left span {
    border-top: 8px solid transparent !important;
    border-bottom: 8px solid transparent !important;
    border-left: 8px solid;
    top: 50%;
    margin-top: -7px;
    right: -7px
}

.tooltipster-arrow-left .tooltipster-arrow-border {
    border-top: 9px solid transparent !important;
    border-bottom: 9px solid transparent !important;
    border-left: 9px solid;
    margin-top: -8px
}

.tooltipster-arrow-right .tooltipster-arrow-border,
.tooltipster-arrow-right span {
    border-top: 8px solid transparent !important;
    border-bottom: 8px solid transparent !important;
    border-right: 8px solid;
    top: 50%;
    margin-top: -7px;
    left: -7px
}

.tooltipster-arrow-right .tooltipster-arrow-border {
    border-top: 9px solid transparent !important;
    border-bottom: 9px solid transparent !important;
    border-right: 9px solid;
    margin-top: -8px
}

.tooltipster-fade {
    opacity: 0;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    -ms-transition-property: opacity;
    transition-property: opacity
}

.tooltipster-fade-show {
    opacity: 1
}

.tooltipster-grow {
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-backface-visibility: hidden
}

.tooltipster-grow-show {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15)
}

.tooltipster-swing {
    opacity: 0;
    -webkit-transform: rotateZ(4deg);
    -moz-transform: rotateZ(4deg);
    -o-transform: rotateZ(4deg);
    -ms-transform: rotateZ(4deg);
    transform: rotateZ(4deg);
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform
}

.tooltipster-swing-show {
    opacity: 1;
    -webkit-transform: rotateZ(0);
    -moz-transform: rotateZ(0);
    -o-transform: rotateZ(0);
    -ms-transform: rotateZ(0);
    transform: rotateZ(0);
    -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
    -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
    -moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
    -ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
    -o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
    transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4)
}

.tooltipster-fall {
    top: 0;
    -webkit-transition-property: top;
    -moz-transition-property: top;
    -o-transition-property: top;
    -ms-transition-property: top;
    transition-property: top;
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15)
}

.tooltipster-fall.tooltipster-dying {
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    top: 0 !important;
    opacity: 0
}

.tooltipster-slide {
    left: -40px;
    -webkit-transition-property: left;
    -moz-transition-property: left;
    -o-transition-property: left;
    -ms-transition-property: left;
    transition-property: left;
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15)
}

.tooltipster-slide.tooltipster-dying {
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    left: 0 !important;
    opacity: 0
}

.tooltipster-content-changing {
    opacity: .5;
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1)
}

/*!
 * Lightbox for Bootstrap 3 by @ashleydw
 * https://github.com/ashleydw/lightbox
 *
 * License: https://github.com/ashleydw/lightbox/blob/master/LICENSE
 */
.ekko-lightbox-container {
    position: relative
}

.ekko-lightbox-nav-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 100%
}

.ekko-lightbox-nav-overlay a {
    z-index: 100;
    display: block;
    width: 49%;
    height: 100%;
    font-size: 30px;
    color: #fff;
    text-shadow: 2px 2px 4px #000;
    opacity: 0;
    filter: dropshadow(color=#000000, offx=2, offy=2);
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s
}

.ekko-lightbox-nav-overlay a:empty {
    width: 49%
}

.ekko-lightbox a:hover {
    text-decoration: none;
    opacity: 1
}

.ekko-lightbox .glyphicon-chevron-left {
    left: 0;
    float: left;
    padding-left: 15px;
    text-align: left
}

.ekko-lightbox .glyphicon-chevron-right {
    right: 0;
    float: right;
    padding-right: 15px;
    text-align: right
}

.ekko-lightbox .modal-footer {
    text-align: left
}

@keyframes fade-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

#about #mission h2 {
    position: relative;
    margin-bottom: 40px
}

#about #mission h2 .icon {
    position: absolute;
    top: -90px;
    left: 50%;
    transform: translateX(-50%);
    color: #8e929b
}

#about #mission p {
    text-align: center;
    margin-bottom: 20px;
    font-size: 22px;
    line-height: 28px;
    color: #2d3237
}

#about #mission.content {
    padding-top: 140px
}

@media only screen and (max-width:769px) {
    #about #mission.content {
        padding: 100px 0
    }
}

#about #numbers {
    margin: 0 auto 5px;
    padding-top: 100px;
    padding-bottom: 40px;
    background: rgba(93, 199, 241, .18);
    background: linear-gradient(90deg, rgba(244, 119, 175, .18) 0, rgba(93, 199, 241, .18) 100%)
}

#about #numbers .container {
    overflow: hidden
}

#about #numbers .item {
    font-size: 22px;
    line-height: 28px;
    color: #484848;
    width: 325px;
    height: 85px;
    margin: 0 auto
}

#about #numbers .item span {
    display: table-cell;
    vertical-align: middle;
    padding-right: 20px;
    height: inherit
}

#about #numbers .item span:last-child {
    padding-right: 0
}

#about #numbers .item .icon,
#about #numbers .item .num {
    color: #1d9ad6
}

#about #numbers .item .icon {
    width: 60px;
    font-size: 50px;
    vertical-align: inherit
}

#about #numbers .item .num {
    font-size: 60px;
    font-weight: 500;
    text-align: right;
    width: 175px
}

#about #numbers .item .text a {
    color: inherit;
    text-decoration: underline
}

#about #mission-collage img {
    width: 100%;
    height: auto
}

#about #reviews-all {
    padding: 90px 0 315px
}

#about #reviews-all h2 {
    margin-bottom: 20px
}

#about #reviews-all .container>p {
    margin-bottom: 70px
}

#about #multi-product-cta {
    margin-top: -180px
}

#about #team {
    padding-top: 140px
}

#about #team p {
    margin-top: 50px;
    margin-bottom: 120px
}

#about #team .above-h2 {
    color: #7a44e6
}

#about #team .container--no-padding {
    width: 100%;
    overflow-x: scroll
}

#about #team .container--no-padding .row {
    display: flex
}

#about #team .blank,
#about #team .employee {
    width: 150px;
    height: 150px;
    background-repeat: no-repeat;
    background-size: cover
}

#about #team .employee {
    position: relative;
    overflow: hidden
}

#about #team .employee:active .overlay,
#about #team .employee:focus .overlay,
#about #team .employee:hover .overlay {
    opacity: 1;
    transition: opacity .5s;
    -o-transition: opacity .5s;
    -ms-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -webkit-transition: opacity .5s
}

#about #team .employee .overlay {
    opacity: 0;
    position: absolute;
    background: rgba(184, 4, 61, .75);
    color: #fff;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 101%;
    transition: opacity .5s;
    -o-transition: opacity .5s;
    -ms-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -webkit-transition: opacity .5s;
    cursor: default
}

#about #team .employee .overlay .wrapper {
    display: table;
    height: 100%;
    width: 100%
}

#about #team .employee .overlay .wrapper .center {
    display: table-cell;
    vertical-align: middle;
    padding: 10px
}

#about #team .employee .overlay .wrapper .center strong {
    display: block;
    margin-bottom: 10px
}

#about #team .blank--clr-1 {
    background-color: #2e4798
}

#about #team .blank--clr-2 {
    background-color: #1d9ad6
}

#about #team .blank--clr-3 {
    background-color: #88c7d9
}

#about #team .blank--clr-4 {
    background-color: #d74db1
}

#about #team .blank--clr-5 {
    background-color: #fcc530
}

#about #team .blank--clr-6 {
    background-color: #7a44e6
}

#about #team .blank--clr-7 {
    background-color: #fff
}

@media only screen and (max-width:1300px) {
    #about #team .info>[class*=col-] {
        padding-right: 0;
        padding-left: 0
    }
}

@media only screen and (max-width:992px) {
    #about #team .info>[class*=col-] {
        margin-right: 25px;
        padding-right: 15px;
        padding-left: 15px
    }
}

@media only screen and (max-width:650px) {
    #about #team .col-xs-6 {
        width: 100%
    }
}

@media only screen and (max-width:480px) {
    #about #team .info {
        margin-bottom: 60px
    }

    #about #team .info .item .icon {
        width: 40px;
        font-size: 35px;
        vertical-align: middle
    }

    #about #team .info .item .num {
        font-size: 45px
    }

    #about #team .info .item span {
        padding-right: 5px;
        font-size: 18px;
        line-height: 22px
    }
}

#about #playmaker {
    padding-top: 90px
}

#about #playmaker h2 {
    font-size: 42px;
    line-height: 50px;
    font-weight: 500;
    color: #2d3237;
    margin: 0 0 42px;
    letter-spacing: 0
}

#about #playmaker .above-h2 {
    color: #7a44e6;
    font-weight: 500;
    font-size: 16px;
    line-height: 32px;
    letter-spacing: 0
}

#about #playmaker img {
    max-width: 100%;
    border-radius: 6px;
    cursor: pointer
}

#about #playmaker img:hover {
    box-shadow: 0 8px 24px rgba(204, 103, 159, .35)
}

#about #playmaker .slick-slider {
    width: calc(100% - 48px * 2);
    margin: 0 auto
}

#about #playmaker .slick-arrow {
    position: absolute;
    width: 48px;
    height: 48px;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    border: none;
    font-size: 40px;
    background-color: #7540ab;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    cursor: pointer
}

#about #playmaker .slick-arrow.slick-next {
    right: -50px
}

#about #playmaker .slick-arrow.slick-prev {
    left: -50px
}

#about #playmaker .slick-dots button {
    background-color: rgba(142, 146, 155, .3)
}

#about #playmaker .slick-dots li.slick-active button,
#about #playmaker .slick-dots li:hover button {
    background-color: #7540ab
}

@media only screen and (max-width:768px) {
    #about #playmaker .col-md-4 {
        margin-bottom: 20px
    }
}

#about #values h2 {
    font-size: 42px;
    line-height: 50px;
    font-weight: 500;
    color: #2d3237;
    margin: 0 0 42px;
    letter-spacing: 0
}

#about #values .above-h2 {
    line-height: 32px;
    letter-spacing: 0
}

#about #values p {
    margin: auto;
    letter-spacing: 0
}

#about #values .container {
    padding: 90px 0 113px
}

#about #values .boxes {
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 0.25fr 0.75fr 1fr;
    grid-template-areas: "A A B C" "E E B C" "E E B D" "F F F D";
    margin-top: 57px
}

#about #values .box {
    border-radius: 5px;
    border-bottom: 5px solid;
    padding: 30px 25px 30px 33px;
    font-family: Roboto;
    margin: 17px;
    box-shadow: 2px 2px 9.5px .5px rgba(142, 146, 155, .2);
    position: relative
}

#about #values .box__number {
    font-size: 84px;
    font-weight: 400
}

#about #values .box__title {
    color: #2d3237;
    font-size: 27px;
    font-weight: 500;
    line-height: 36px;
    letter-spacing: 0
}

#about #values .box__content {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: left;
    padding: 25px 25px 16px;
    background: url(../img/about/quotes.svg) no-repeat top 14px left 14px;
    background-size: 62px auto;
    border-radius: 5px 5px 0 0;
    opacity: 0;
    animation: .8s fade-in;
    -moz-animation: .8s fade-in;
    -webkit-animation: .8s fade-in;
    -ms-animation: 800ms fade-in
}

#about #values .box__content p {
    font-size: 14px;
    line-height: 23px;
    color: #fff;
    margin: 0 0 10px;
    letter-spacing: 0;
    font-weight: 500
}

#about #values .box__content p:last-of-type {
    margin-bottom: 0
}

#about #values .box--first {
    grid-area: A;
    background-color: #e8f3f5;
    border-bottom-color: #2ec1d6;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    padding: 32px 55px
}

#about #values .box--first .box__icon {
    margin-bottom: 18px;
    color: #2ec1d6;
    font-size: 47px
}

#about #values .box--first .box__content {
    background-color: #2ec1d6
}

#about #values .box--first .box__content p {
    max-width: 80%
}

#about #values .box--second {
    grid-area: B;
    background-color: #fbedec;
    border-bottom-color: #f44436;
    display: flex;
    justify-content: space-between;
    flex-direction: column
}

#about #values .box--second .box__icon {
    color: #f44436;
    font-size: 48px
}

#about #values .box--second .box__content {
    background-color: #f44436
}

#about #values .box--third {
    grid-area: C;
    background-color: #e8f5ee;
    border-bottom-color: #02b875;
    display: flex;
    justify-content: space-between;
    flex-direction: column
}

#about #values .box--third .box__icon {
    color: #02b875;
    font-size: 48px
}

#about #values .box--third .box__content {
    background-color: #02b875
}

#about #values .box--fourth {
    grid-area: D;
    background-color: #e8edf6;
    border-bottom-color: #1a4889;
    display: flex;
    justify-content: space-between;
    flex-direction: column
}

#about #values .box--fourth .box__icon {
    color: #1a4889;
    font-size: 48px
}

#about #values .box--fourth .box__content {
    background-color: #1a4889
}

#about #values .box--fifth {
    grid-area: E;
    background-color: #fff3eb;
    border-bottom-color: #f47920;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    padding: 32px 55px
}

#about #values .box--fifth .box__icon {
    margin-bottom: 18px;
    color: #f47920;
    font-size: 54px
}

#about #values .box--fifth .box__content {
    background-color: #f47920
}

#about #values .box--fifth .box__content p {
    max-width: 80%
}

#about #values .box--sixth {
    grid-area: F;
    background-color: #eee8f5;
    border-bottom-color: #7540ab;
    display: flex;
    align-items: center;
    padding: 32px 55px
}

#about #values .box--sixth .box__icon {
    margin-right: 32px;
    color: #7540ab;
    font-size: 48px
}

#about #values .box--sixth .box__content {
    background-color: #7540ab
}

#about #values .box--sixth .box__content p {
    max-width: 80%
}

#about #values .box:hover .box__content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    opacity: 1
}

#about #values .extra {
    text-align: center
}

#about #values .extra .btn {
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    padding-top: 7px;
    padding-bottom: 7px
}

@media only screen and (max-width:991px) {
    #about #values .boxes {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr;
        grid-template-areas: "A" "B" "C" "D" "E" "F"
    }

    #about #values .boxes .box {
        display: flex;
        align-items: center
    }

    #about #values .boxes .box__number {
        margin-right: 25px
    }

    #about #values .boxes .box--sixth {
        flex-direction: column
    }

    #about #values .boxes .box--sixth .box__icon {
        margin: 0 0 18px
    }
}

#about #join-us {
    padding: 25px 0 70px;
    background: rgba(104, 85, 227, .2);
    background: linear-gradient(90deg, rgba(104, 85, 227, .2) 0, rgba(135, 224, 218, .2) 100%)
}

#about #join-us img {
    width: 434px;
    height: auto
}

#about #join-us h2,
#about #join-us p {
    text-align: left
}

#about #join-us h2 {
    margin-top: 0;
    margin-bottom: 40px
}

#about #join-us p {
    font-size: 18px;
    color: #8e929b;
    margin-bottom: 25px
}

#about #join-us .row:last-child {
    text-align: left
}

#about #join-us .row:last-child strong {
    font-size: 18px
}

#about #join-us .row:last-child p {
    text-align: left;
    margin: 0
}

#about #join-us .row:last-child p a {
    text-decoration: underline;
    font-weight: 500
}

#about #join-us #talent-resource {
    margin-top: 0
}

#about #join-us #talent-resource strong {
    font-size: 20px
}

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

    #about #join-us h2,
    #about #join-us p {
        text-align: center
    }

    #about #join-us img {
        margin: 0 auto
    }
}

#about #future-generation-playmakers {
    padding-top: 120px;
    padding-bottom: 120px;
    border-bottom: 3px solid rgba(217, 228, 233, .35)
}

#about #contact-us {
    background-color: #fff;
    padding-bottom: 110px
}

#about #contact-us .contacts {
    padding-left: 95px
}

#investors {
    padding: 120px 0 135px;
    background: rgba(242, 244, 246, .6)
}

#investors .above-h2 {
    color: #39c462 !important
}

#investors p {
    font-size: 18px;
    line-height: 28px;
    color: #8e929b
}

#investors .list {
    text-align: center;
    margin: 0 auto
}

#investors .list .founder {
    padding-right: 100px
}

#investors .list .techstars {
    padding-left: 100px
}

@media only screen and (max-width:991px) {
    #investors .list .founder {
        padding-right: 0;
        margin-bottom: 50px
    }

    #investors .list .techstars {
        padding-left: 0;
        margin-top: 50px
    }
}

#future-generation-playmakers .img-container {
    max-width: 380px;
    display: inline-block;
    text-align: left
}

#future-generation-playmakers .img-container .playmaker-slider {
    -moz-box-shadow: 0 8px 32px rgba(35, 150, 216, .25);
    -webkit-box-shadow: 0 8px 32px rgba(35, 150, 216, .25);
    box-shadow: 0 8px 32px rgba(35, 150, 216, .25)
}

#future-generation-playmakers .img-container .playmaker-slider .slick-list {
    margin: 0 -4px
}

#future-generation-playmakers .img-container .playmaker-slider .slick-slide>div {
    padding: 0 4px
}

#future-generation-playmakers .img-container .playmaker-slider .slick-dots li {
    padding: 2px;
    margin: 1px
}

#future-generation-playmakers .img-container .playmaker-slider .slick-dots li.slick-active button {
    width: 13px;
    border-radius: 7px
}

#future-generation-playmakers .img-container .playmaker-slider-box {
    padding: 48px 22px 46px 36px;
    background: linear-gradient(108.26deg, #7a44e6 -36.93%, #02b875 125.4%);
    border-radius: 8px;
    min-height: 345px;
    display: flex;
    position: relative
}

#future-generation-playmakers .img-container .playmaker-slider-box::after {
    content: "";
    width: 132px;
    height: 132px;
    position: absolute;
    bottom: 17px;
    right: 17px;
    z-index: 0;
    background: url("../img/about/stamp-mark.svg") no-repeat center;
    background-size: 100%
}

#future-generation-playmakers .img-container .playmaker-slider-box .playmaker-inner {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

#future-generation-playmakers .img-container .playmaker-slider-box p {
    color: #fff;
    font-size: 27px;
    line-height: 34px;
    margin: 0;
    font-weight: 400
}

#future-generation-playmakers .img-container .playmaker-slider-box p.smaller-text {
    font-size: 22px;
    line-height: 29px
}

#future-generation-playmakers .img-container .playmaker-slider-box ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    flex-direction: row;
    align-items: center
}

#future-generation-playmakers .img-container .playmaker-slider-box ul li {
    color: #fff;
    font-weight: 400
}

#future-generation-playmakers .img-container .playmaker-slider-box ul li img {
    width: 50px;
    border-radius: 100%;
    border: 1px solid #fff;
    margin-right: 10px
}

#future-generation-playmakers .img-container .playmaker-slider-box ul li span {
    display: block
}

#future-generation-playmakers .img-container .playmaker-slider-box ul li span.name {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 4px
}

#future-generation-playmakers .img-container .playmaker-slider-box ul li span.position {
    font-weight: 400;
    font-size: 11px;
    line-height: 13px
}

#masonry img {
    width: 100%;
    display: block
}

#contact-us {
    background: rgba(250, 253, 253, .1);
    background: linear-gradient(180deg, rgba(33, 154, 87, .1) 0, rgba(250, 253, 253, .1) 100%)
}

#contact-us .map img {
    max-width: 478px;
    width: 100%
}

#contact-us .contacts {
    font-size: 20px;
    padding-top: 65px
}

#contact-us .contacts ul {
    list-style-type: none;
    padding: 0
}

#contact-us .contacts ul .email,
#contact-us .contacts ul .location {
    position: relative
}

#contact-us .contacts ul .email .icon,
#contact-us .contacts ul .location .icon {
    position: absolute;
    color: #1d9ad6;
    left: -40px;
    top: 0
}

#contact-us .contacts ul .location .icon {
    font-size: 26px;
    top: -10px
}

#contact-us .contacts ul .email {
    margin-top: 40px
}

#contact-us .rebeka {
    padding-top: 60px;
    padding-left: 100px;
    position: relative;
    font-size: 18px;
    color: #8e929b
}

#contact-us .rebeka img {
    position: absolute;
    left: 0
}

#contact-us .rebeka ul {
    padding: 0;
    list-style-type: none
}

#contact-us .rebeka ul strong {
    color: #000
}

@media only screen and (max-width:1200px) {
    #contact-us .contacts {
        width: 50%;
        padding-left: 150px
    }

    #contact-us .rebeka {
        width: 100%;
        text-align: center;
        padding-left: 0
    }

    #contact-us .rebeka img {
        position: relative;
        margin-bottom: 20px
    }
}

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

    #contact-us .contacts,
    #contact-us .map,
    #contact-us .rebeka {
        text-align: center
    }

    #contact-us .contacts {
        width: 100%;
        padding-left: 0 !important
    }

    #contact-us .contacts ul .location .icon {
        position: relative;
        top: 0;
        left: -5px
    }

    #contact-us .contacts ul .email .icon {
        position: relative;
        top: 0;
        left: -10px
    }

    #contact-us .rebeka {
        padding-left: 0;
        padding-top: 60px
    }

    #contact-us .rebeka img {
        position: relative;
        margin-bottom: 20px
    }
}

#lets-connect {
    padding-bottom: 130px;
    text-align: center
}

#lets-connect a:not(:last-child) {
    margin-right: 50px
}

#lets-connect .icon {
    font-size: 45px
}

#lets-connect .icon:last-child {
    margin-right: 0
}

#lets-connect .icon-linkedin {
    color: #0277b5
}

#lets-connect .icon-x-circle {
    color: #000
}

#lets-connect .icon-facebook {
    color: #1a4889
}

#lets-connect .instagram {
    background: url(../img/other/instagram.png);
    background-image: url(../img/other/instagram.svg);
    width: 45px;
    height: 45px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    transform: translateY(10px)
}

@media only screen and (max-width:480px) {
    #lets-connect a:not(:last-child) {
        margin-right: 25px
    }
}

#about .interactive-header__container,
#careers .interactive-header__container,
#product-and-engineering .interactive-header__container {
    clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%)
}

#about .interactive-header h1,
#careers .interactive-header h1,
#product-and-engineering .interactive-header h1 {
    font-size: 80px;
    font-weight: 300;
    line-height: 1.2;
    color: #fff;
    margin-bottom: 16px
}

#about .interactive-header p,
#careers .interactive-header p,
#product-and-engineering .interactive-header p {
    font-size: 22px;
    line-height: 1.4;
    color: #fff
}

#about .interactive-header .btn,
#careers .interactive-header .btn,
#product-and-engineering .interactive-header .btn {
    width: 260px
}

#about .interactive-header h1 .underline,
#about h2 .underline,
#careers .interactive-header h1 .underline,
#careers h2 .underline,
#product-and-engineering .interactive-header h1 .underline,
#product-and-engineering h2 .underline {
    background: url(../img/other/underline-blue-purple.svg);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100% 45%;
    padding: 0 3px;
    margin-left: -3px;
    margin-right: -3px
}

#about h2,
#careers h2,
#product-and-engineering h2 {
    font-size: 40px;
    font-weight: 500;
    color: #2d3237;
    text-align: center;
    margin-bottom: 25px
}

#about h2+p,
#careers h2+p,
#product-and-engineering h2+p {
    text-align: center;
    font-size: 22px;
    color: #8e929b;
    line-height: 30px
}

#about .above-h2,
#careers .above-h2,
#product-and-engineering .above-h2 {
    font-size: 16px;
    color: #1d9ad6;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-align: center;
    font-weight: 500
}

#about .above-h2+h2,
#careers .above-h2+h2,
#product-and-engineering .above-h2+h2 {
    margin-top: 5px
}

#about #contact-us h2,
#careers #contact-us h2,
#product-and-engineering #contact-us h2 {
    margin-bottom: 55px
}

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

    #about .interactive-header h1,
    #careers .interactive-header h1,
    #product-and-engineering .interactive-header h1 {
        font-size: 45px
    }

    #about .interactive-header h1 p,
    #careers .interactive-header h1 p,
    #product-and-engineering .interactive-header h1 p {
        font-size: 18px
    }

    #about h2,
    #careers h2,
    #product-and-engineering h2 {
        font-size: 35px
    }

    #about h2+p,
    #careers h2+p,
    #product-and-engineering h2+p {
        font-size: 18px
    }
}

#multi-product-cta h2+p {
    margin-bottom: 50px
}

#multi-product-cta a {
    text-decoration: none
}

#multi-product-cta .box {
    border-radius: 16px;
    box-shadow: 3px 4px 20px 0 rgba(117, 128, 136, .1);
    border: 1px solid rgba(142, 146, 155, .2);
    padding: 25px 25px 40px;
    background: #fff;
    text-align: center;
    height: 100%
}

#multi-product-cta .box:hover {
    box-shadow: 3px 4px 20px 0 rgba(117, 128, 136, .25)
}

#multi-product-cta .box .image-box {
    border-radius: 8px;
    overflow: hidden
}

#multi-product-cta .box .image-box img {
    max-width: 100%;
    display: block
}

#multi-product-cta .box .icon {
    display: inline-block;
    max-width: 58px;
    top: -32px;
    position: relative;
    margin-bottom: -32px
}

#multi-product-cta .box .icon img {
    width: 100%
}

#multi-product-cta .box h3 {
    margin: 10px 0 9px;
    font-size: 28px;
    line-height: 40px;
    font-weight: 600;
    color: #2d3237
}

#multi-product-cta .box p {
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    color: #8e929b;
    margin: 0
}

#multi-product-cta .box p strong {
    font-weight: 700
}

@keyframes fade-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.landing-agency {
    font-size: 16px
}

.landing-agency li {
    list-style-type: none
}

.landing-agency ul {
    padding: 0;
    margin: 0
}

.landing-agency h1 {
    font-size: 2.5rem;
    line-height: 2.875rem;
    font-weight: 800
}

.landing-agency h2 {
    font-size: 2rem;
    line-height: 2.5rem;
    font-weight: 800
}

.landing-agency h3 {
    font-size: 1.5rem;
    line-height: 2.5rem;
    font-weight: 800
}

.landing-agency h4 {
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 800
}

.landing-agency h1,
.landing-agency h2,
.landing-agency h3,
.landing-agency h4,
.landing-agency h5 {
    max-width: 1000px
}

@media only screen and (min-width:1024px) {
    .landing-agency h1 {
        font-size: 3.375rem;
        line-height: 3.75rem
    }

    .landing-agency h2 {
        font-size: 3rem;
        line-height: 3.5rem
    }

    .landing-agency h3 {
        font-size: 2rem;
        line-height: 2.5rem
    }

    .landing-agency h4 {
        font-size: 1.5rem;
        line-height: 2.25rem
    }
}

.landing-agency p {
    max-width: 800px
}

.landing-agency #pricing-2023 #plans-all-features .pricing-header--fixed {
    top: 0 !important
}

.landing-agency .agency-header {
    padding-top: 96px;
    padding-bottom: 100px;
    color: #fff;
    background: url("/wp-content/themes/visoflow/inc/img/header/header-bottom.svg") no-repeat bottom, linear-gradient(185deg, #7347ea 6.79%, #c757ad 125.6%, #e3716d 198.73%);
    background-size: contain;
    align-items: stretch
}

.landing-agency .agency-header .dbx-container {
    display: flex;
    flex-direction: column;
    align-items: center
}

.landing-agency .agency-header .dbx-ratings {
    align-self: flex-start;
    margin-bottom: 16px
}

.landing-agency .agency-header .dbx-ratings__text {
    display: none
}

.landing-agency .agency-header__title {
    align-self: start
}

.landing-agency .agency-header__text {
    color: #fff;
    text-align: left;
    margin-bottom: 24px;
    align-self: start;
    font-size: 1rem;
    line-height: 1.2rem
}

.landing-agency .agency-header__solutions {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    gap: 16px
}

.landing-agency .agency-header__solutions-text {
    color: #fff;
    text-align: left
}

.landing-agency .agency-header__btn {
    margin-bottom: 32px;
    align-self: stretch
}

.landing-agency .agency-header__btn:last-child {
    display: none
}

.landing-agency .agency-header__video {
    max-width: 1000px
}

.landing-agency .agency-header__content {
    place-items: stretch
}

.landing-agency .agency-header__list {
    gap: 20px;
    background-color: rgba(255, 255, 255, .1);
    padding: 25px;
    border-radius: 5px;
    max-width: 800px
}

.landing-agency .agency-header__list-item .icon {
    display: flex;
    gap: 8px
}

.landing-agency .agency-header__list-item .icon::before {
    margin-top: 3px
}

.landing-agency .agency-header__footer {
    flex-direction: column;
    row-gap: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.landing-agency .agency-header__icons {
    display: flex;
    gap: 4px;
    flex-wrap: wrap
}

.landing-agency .agency-header__icons .agency-header__icons-list-item img {
    width: 32px;
    border-radius: 100%
}

.landing-agency .agency-header__other-features {
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
    justify-content: center
}

@media screen and (min-width:450px) {
    .landing-agency .agency-header__btn {
        align-self: center
    }
}

@media screen and (min-width:768px) {
    .landing-agency .agency-header {
        padding-top: 20px
    }

    .landing-agency .agency-header .dbx-ratings {
        align-self: center;
        margin-bottom: 94px
    }

    .landing-agency .agency-header__text,
    .landing-agency .agency-header__title {
        align-self: center;
        text-align: center
    }

    .landing-agency .agency-header__icons {
        gap: 4px
    }

    .landing-agency .agency-header__solutions-text {
        text-align: center
    }

    .landing-agency .agency-header .agency-header__icons-list-item img {
        width: 48px;
        border-radius: 100%
    }
}

@media screen and (min-width:1024px) {
    .landing-agency .agency-header__text {
        font-size: 1.5rem;
        line-height: 1.75rem
    }
}

@media screen and (min-width:1440px) {
    .landing-agency .agency-header .dbx-ratings__text {
        display: inline-block
    }

    .landing-agency .agency-header__footer {
        flex-direction: row
    }

    .landing-agency .agency-header__text {
        margin-bottom: 64px
    }

    .landing-agency .agency-header__btn {
        width: 100%;
        margin-bottom: 0
    }

    .landing-agency .agency-header__btn:last-child {
        display: inline-block
    }

    .landing-agency .agency-header__btn:first-child {
        display: none
    }

    .landing-agency .agency-header__solutions-text {
        text-align: left;
        max-width: 500px;
        align-self: flex-start
    }
}

.landing-agency .dbx-trusted-by-businesses {
    margin-block: 48px 64px
}

.landing-agency .dbx-solution-cards {
    margin-block: 64px
}

@media screen and (min-width:768px) {
    .landing-agency .dbx-solution-cards {
        margin-block: 96px
    }
}

.landing-agency .dbx-solution-cards .title-cards {
    display: flex;
    flex-direction: column
}

.landing-agency .dbx-solution-cards .title {
    text-align: center;
    margin-bottom: 32px;
    max-width: 755px;
    align-self: center
}

.landing-agency .dbx-solution-cards .dbx-enhanced-card {
    margin-inline: 8px
}

.landing-agency .dbx-solution-cards .dbx-enhanced-card__title {
    font-size: 1.75rem;
    line-height: 2rem
}

.landing-agency .dbx-solution-cards ul {
    margin-left: 0
}

.landing-agency .dbx-solution-cards ul li {
    padding: 0
}

.landing-agency .dbx-solution-cards ul li::marker {
    content: ""
}

@media screen and (min-width:768px) {
    .landing-agency .dbx-solution-cards .title {
        font-size: 3rem;
        line-height: 3.75rem;
        margin-bottom: 64px
    }

    .landing-agency .dbx-solution-cards .dbx-enhanced-card {
        margin-inline: 0px
    }

    .landing-agency .dbx-solution-cards .dbx-enhanced-card__title {
        font-size: 2.5rem;
        line-height: 3rem
    }
}

.landing-agency .dbx-templates-preview-section {
    margin-block: 64px;
    background: 0 0
}

@media screen and (min-width:768px) {
    .landing-agency .dbx-templates-preview-section {
        margin-block: 96px
    }
}

.landing-agency .dbx-templates-preview-section .dbx-template-card {
    align-items: center;
    box-shadow: none;
    border-radius: 0
}

.landing-agency .dbx-templates-preview-section .dbx-template-card__title {
    text-align: center;
    font-weight: 400
}

.landing-agency .dbx-repeater-icon-card-section {
    margin-block: 64px
}

@media screen and (min-width:768px) {
    .landing-agency .dbx-repeater-icon-card-section {
        margin-block: 96px
    }
}

.landing-agency .dbx-repeater-icon-card-section--vertical-cards .dbx-icon-card__title {
    font-size: 16px
}

.landing-agency .dbx-repeater-icon-card-section--vertical-cards .dbx-icon-card__text {
    font-size: 14px
}

.landing-agency .dbx-repeater-icon-list-section {
    margin-block: 64px
}

@media screen and (min-width:768px) {
    .landing-agency .dbx-repeater-icon-list-section {
        margin-block: 96px
    }
}

.landing-agency .agency-customer-success__container {
    background-color: rgba(0, 138, 206, .08);
    display: flex;
    border-radius: 24px;
    flex-direction: column;
    align-items: center;
    padding-top: 80px;
    padding-bottom: 65px;
    margin-top: 60px;
    margin-bottom: 45px
}

.landing-agency .agency-customer-success__title {
    font-size: 48px;
    line-height: 60px;
    text-align: center;
    margin-bottom: 56px
}

.landing-agency .agency-customer-success__stories {
    display: flex;
    flex-direction: column
}

.landing-agency .agency-customer-success__stories .tabs-switcher__header {
    border: 0
}

.landing-agency .agency-customer-success__stories .tabs-switcher__header li.selected {
    border-bottom: 0
}

.landing-agency .agency-customer-success__stories .tabs {
    display: flex;
    justify-content: center;
    height: 60px;
    gap: 48px
}

.landing-agency .agency-customer-success__stories .tabs .tab {
    position: relative;
    user-select: none;
    cursor: pointer;
    flex: none;
    padding: 0;
    margin: 0;
    min-width: auto
}

.landing-agency .agency-customer-success__stories .tabs .tab>img {
    max-height: 40px
}

.landing-agency .agency-customer-success__stories .tabs .tab.selected::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #1d9ad6;
    bottom: 0;
    left: 0
}

.landing-agency .agency-customer-success__stories .tabs .tab:hover::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #1d9ad6;
    bottom: 0;
    left: 0
}

.landing-agency .agency-customer-success__stories .tab-content {
    background: url("../img/agency/customer-success-polygons.svg") no-repeat top left, #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 16px;
    margin: 0 10%;
    padding: 40px 40px 28px 40px
}

.landing-agency .agency-customer-success__stories .tab-content__title {
    text-align: center;
    font-weight: 900;
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 40px
}

.landing-agency .agency-customer-success__stories .tab-content__row {
    display: flex;
    width: 100%;
    gap: 24px
}

.landing-agency .agency-customer-success__stories .tab-content__row .column {
    display: flex;
    flex-direction: column;
    gap: 16px;
    flex: 1
}

.landing-agency .agency-customer-success__stories .tab-content__row .column__title {
    font-size: 18px;
    line-height: 24px;
    font-weight: 500
}

.landing-agency .agency-customer-success__stories .tab-content__row .column__utilized {
    background-color: #ecf6fb;
    border-radius: 14px;
    padding: 32px 16px;
    height: 100%
}

.landing-agency .agency-customer-success__stories .tab-content__row .column__utilized>ul {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.landing-agency .agency-customer-success__stories .tab-content__row .column__utilized>ul li {
    list-style-type: disc;
    margin-left: 32px;
    font-size: 14px;
    line-height: 21px
}

.landing-agency .agency-customer-success__stories .tab-content__row .column__utilized>ul li>strong {
    font-weight: 700
}

.landing-agency .agency-customer-success__stories .tab-content__row .column__achieved {
    display: flex;
    flex-direction: column;
    gap: 12px
}

.landing-agency .agency-customer-success__stories .tab-content__row .column__achieved .metric {
    display: flex;
    background-color: #e9f6f0;
    padding: 14px;
    border-radius: 14px;
    border: 1px solid #25a767;
    gap: 14px
}

.landing-agency .agency-customer-success__stories .tab-content__row .column__achieved .metric__icon {
    padding: 6px;
    width: 38px;
    height: 38px;
    background-color: rgba(37, 167, 103, .1);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center
}

.landing-agency .agency-customer-success__stories .tab-content__row .column__achieved .metric__title-description {
    display: flex;
    flex-direction: column
}

.landing-agency .agency-customer-success__stories .tab-content__row .column__achieved .metric__title-description .title {
    font-size: 18px;
    line-height: 38px;
    font-weight: 700
}

.landing-agency .agency-customer-success__stories .tab-content__row .column__achieved .metric__title-description .description {
    font-size: 16px;
    line-height: 24px
}

@media only screen and (max-width:1145px) {
    .landing-agency .agency-customer-success__stories .tab-content__row {
        flex-direction: column
    }
}

.landing-agency .agency-customer-success__stories .bottom {
    display: flex;
    align-self: flex-start;
    gap: 8px;
    margin-top: 18px;
    width: 100%
}

.landing-agency .agency-customer-success__stories .bottom__text {
    font-size: 16px;
    line-height: 28px;
    font-weight: 500;
    color: #8e929b
}

@media only screen and (max-width:1145px) {
    .landing-agency .agency-customer-success__stories .bottom {
        justify-content: center
    }
}

.landing-agency .agency-customer-success__cta {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 36px;
    gap: 12px
}

.landing-agency .agency-customer-success__cta>.dbx-btn {
    width: 350px
}

.landing-agency .agency-customer-success__cta .text {
    font-size: 14px;
    line-height: 28px;
    font-weight: 400;
    color: #8e929b
}

@media only screen and (max-width:768px) {
    .landing-agency .agency-customer-success__container {
        margin: 0 -16px;
        border-radius: 0
    }

    .landing-agency .agency-customer-success__stories .tab-content {
        margin: 0;
        border-radius: 0;
        background: #fff
    }

    .landing-agency .agency-customer-success__stories .tab-content__title {
        font-size: 26px;
        font-weight: 700 !important;
        line-height: 32px;
        padding: 0 16px
    }

    .landing-agency .agency-customer-success__title {
        font-size: 26px;
        font-weight: 700 !important;
        line-height: 32px;
        padding: 0 16px
    }
}

@media only screen and (min-width:768px) {
    .landing-agency .agency-customer-success__stories .tab-content__title {
        max-width: 70%
    }

    .landing-agency .agency-customer-success__title {
        max-width: 70%
    }
}

.landing-agency .dbx-repeater-title-text-card-section {
    margin-block: 70px
}

.landing-agency .dbx-repeater-title-text-card-section .dbx-card {
    background-color: #f3f4f5;
    box-shadow: none
}

.landing-agency .agency-role-features {
    margin-block: 64px
}

@media screen and (min-width:768px) {
    .landing-agency .agency-role-features {
        margin-block: 96px
    }
}

.landing-agency .agency-role-features .dbx-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px
}

.landing-agency .agency-role-features__title {
    align-self: center;
    text-align: center;
    margin-bottom: 16px
}

.landing-agency .agency-role-features__text {
    align-self: center;
    text-align: center
}

.landing-agency .agency-role-features__content {
    display: flex;
    gap: 24px;
    width: 100%
}

@media only screen and (max-width:1200px) {
    .landing-agency .agency-role-features__content .image>img {
        width: 100%
    }
}

@media only screen and (max-width:991px) {
    .landing-agency .agency-role-features__content .image {
        display: none
    }
}

.landing-agency .agency-role-features__content .collapsibles {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 24px
}

.landing-agency .agency-role-features__content .collapsibles .dbx-collapsible {
    box-shadow: 3px 4px 20px 0 #75808833;
    padding: 8px;
    border-radius: 12px
}

.landing-agency .agency-role-features__content .collapsibles .dbx-collapsible__listener-element {
    display: flex;
    align-items: center;
    padding: 20px;
    justify-content: space-between
}

.landing-agency .agency-role-features__content .collapsibles .dbx-collapsible__listener-element:hover {
    cursor: pointer
}

.landing-agency .agency-role-features__content .collapsibles .dbx-collapsible__listener-element .icon::before {
    transition: transform .4s;
    transform: rotate(90deg)
}

.landing-agency .agency-role-features__content .collapsibles .dbx-collapsible__listener-element>p {
    margin: 0
}

.landing-agency .agency-role-features__content .collapsibles .dbx-collapsible__collapsible-container {
    transition: height .4s;
    font-size: 1rem
}

.landing-agency .agency-role-features__content .collapsibles .dbx-collapsible__collapsible-container ul {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.landing-agency .agency-role-features__content .collapsibles .dbx-collapsible__collapsible-container ul>li {
    display: flex;
    gap: 8px
}

.landing-agency .agency-role-features__content .collapsibles .dbx-collapsible__collapsible-container ul>li::before {
    margin-top: 2px;
    color: #7540ab;
    font-size: 16px
}

.landing-agency .agency-role-features__content .collapsibles .dbx-collapsible__collapsible-container ul>li>item {
    display: flex;
    flex-direction: column
}

.landing-agency .agency-role-features__content .collapsibles .dbx-collapsible__collapsible-content .background {
    background-color: rgba(117, 64, 171, .1);
    border-radius: 8px;
    padding: 20px
}

.landing-agency .agency-role-features__content .collapsibles .dbx-collapsible__icon-container>.icon {
    color: #8e929b
}

.landing-agency .agency-role-features__content .collapsibles .dbx-collapsible--active .dbx-collapsible__listener-element .icon::before {
    transform: rotate(270deg)
}

@media only screen and (max-width:991px) {
    .landing-agency .agency-role-features__content .collapsibles {
        gap: 8px
    }
}

.landing-agency .pricing {
    margin-top: 95px;
    padding-top: 95px;
    background: linear-gradient(119.85deg, rgba(103, 147, 169, .1) 62.57%, rgba(255, 255, 255, 0) 162.02%)
}

.landing-agency .aws-and-gdpr {
    margin-block: 64px
}

@media screen and (min-width:768px) {
    .landing-agency .aws-and-gdpr {
        margin-block: 96px
    }
}

.landing-agency .aws-and-gdpr .dbx-container {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 48px
}

.landing-agency .dbx-repeater-image-text-card-section {
    margin-block: 64px
}

@media screen and (min-width:768px) {
    .landing-agency .dbx-repeater-image-text-card-section {
        margin-block: 96px
    }
}

.landing-agency .dbx-quote-section {
    display: grid;
    place-content: center
}

.landing-agency .dbx-quote-section__container {
    max-width: 1062px
}

@keyframes fade-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

#analytics-performance-tools {
    background-color: #fafbfd;
    padding-bottom: 40px
}

#analytics-performance-tools .header {
    background: linear-gradient(0deg, rgba(0, 0, 0, .2) 0, rgba(0, 0, 0, .2) 100%), linear-gradient(144deg, #4c70de 0, #1c9cd2 49.48%, #0faaa3 100%);
    padding: 172px 0 200px
}

@media screen and (max-width:768px) {
    #analytics-performance-tools .header {
        padding: 100px 0 200px
    }
}

#analytics-performance-tools .header h1 {
    color: #fff;
    text-align: center;
    font-size: 48px;
    font-weight: 700;
    line-height: 72px;
    margin: 0;
    letter-spacing: 1px
}

#analytics-performance-tools .header p {
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px
}

#analytics-performance-tools .tool-card-list {
    margin-top: -150px
}

#analytics-performance-tools .tool-card-list .tool-card {
    margin: 24px auto 0 auto;
    display: flex;
    flex-direction: column;
    border-radius: 12px;
    background: #fff;
    box-shadow: 3px 4px 28px 0 rgba(117, 128, 136, .22);
    max-width: 275px
}

#analytics-performance-tools .tool-card-list .tool-card:hover {
    text-decoration: none;
    box-shadow: 3px 4px 28px 0 rgba(0, 0, 0, .22)
}

#analytics-performance-tools .tool-card-list .tool-card img {
    width: 100%;
    border-radius: inherit
}

#analytics-performance-tools .tool-card-list .tool-card h6 {
    padding: 16px;
    color: #2d3237;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    line-height: 21px
}

#analytics-performance-tools #business-analytics-for-everyone {
    background-color: #fafbfd
}

@keyframes fade-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

#api-landing .header {
    background-image: url(../img/product/devices/api-bgd.jpg);
    margin-bottom: 320px;
    padding-top: 190px
}

#api-landing .header .row {
    display: flex;
    flex-direction: column
}

#api-landing .header .row .img {
    order: 1
}

#api-landing .header .row .img .video-box {
    max-width: 946px;
    margin: 0 auto -320px;
    float: none
}

#api-landing .header .row .img .video-box .videoholder {
    background: url(../img/benchmarks/wizard_step.png) left top no-repeat;
    background-size: cover;
    padding: 32px 2px 2px;
    border-radius: 5px
}

#api-landing .header .row .img .video-box .videoholder p {
    margin: 0
}

#api-landing .header .row .img .video-box .videoholder iframe {
    max-width: 100%;
    width: 100%;
    display: block
}

#api-landing .header .row .img .video-box .videoholder video {
    max-width: 100%;
    display: block;
    border-radius: 5px
}

@media screen and (max-width:768px) {
    #api-landing .header .row .img .video-box .videoholder {
        padding-top: 22px
    }
}

#api-landing .header .row .text {
    order: 0
}

#api-landing .header .row .text h1 {
    font-size: 44px;
    line-height: 52px;
    color: #fff;
    font-weight: 500;
    margin: 0 auto 24px;
    padding: 0;
    width: 800px;
    max-width: 100%
}

#api-landing .header .row .text p {
    font-size: 22px;
    line-height: 30px;
    margin: 0 auto 80px;
    max-width: 920px;
    width: 100%;
    font-weight: 300
}

#api-landing .header .row .text p strong {
    font-weight: 700
}

@media screen and (max-width:1200px) {
    #api-landing .header {
        padding-top: 140px
    }
}

@media screen and (max-width:992px) {
    #api-landing .header {
        padding-top: 100px
    }
}

#api-landing .product-datas-multiple .container.narrow,
#api-landing .product-datas-single .container.narrow {
    padding-left: 100px;
    padding-right: 100px
}

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

    #api-landing .product-datas-multiple .container.narrow,
    #api-landing .product-datas-single .container.narrow {
        padding-left: 15px;
        padding-right: 15px
    }
}

#api-landing .product-datas-multiple .left,
#api-landing .product-datas-multiple .right,
#api-landing .product-datas-single .left,
#api-landing .product-datas-single .right {
    display: flex;
    flex-direction: column
}

#api-landing .product-datas-multiple .left .img,
#api-landing .product-datas-multiple .right .img,
#api-landing .product-datas-single .left .img,
#api-landing .product-datas-single .right .img {
    text-align: center
}

#api-landing .product-datas-multiple .left .img img,
#api-landing .product-datas-multiple .right .img img,
#api-landing .product-datas-single .left .img img,
#api-landing .product-datas-single .right .img img {
    float: none;
    display: inline-block
}

#api-landing .product-datas-multiple .left h2,
#api-landing .product-datas-multiple .left h3,
#api-landing .product-datas-multiple .left h4,
#api-landing .product-datas-multiple .right h2,
#api-landing .product-datas-multiple .right h3,
#api-landing .product-datas-multiple .right h4,
#api-landing .product-datas-single .left h2,
#api-landing .product-datas-single .left h3,
#api-landing .product-datas-single .left h4,
#api-landing .product-datas-single .right h2,
#api-landing .product-datas-single .right h3,
#api-landing .product-datas-single .right h4 {
    font-size: 29px;
    line-height: 37px;
    color: #2d3237;
    margin: 0 0 24px;
    font-weight: 500
}

#api-landing .product-datas-multiple .left h2 strong,
#api-landing .product-datas-multiple .left h3 strong,
#api-landing .product-datas-multiple .left h4 strong,
#api-landing .product-datas-multiple .right h2 strong,
#api-landing .product-datas-multiple .right h3 strong,
#api-landing .product-datas-multiple .right h4 strong,
#api-landing .product-datas-single .left h2 strong,
#api-landing .product-datas-single .left h3 strong,
#api-landing .product-datas-single .left h4 strong,
#api-landing .product-datas-single .right h2 strong,
#api-landing .product-datas-single .right h3 strong,
#api-landing .product-datas-single .right h4 strong {
    font-weight: 500;
    text-decoration: underline;
    text-decoration-skip-ink: none;
    text-decoration-color: #6abbc4;
    -webkit-text-decoration-color: #6abbc4
}

#api-landing .product-datas-multiple .left p,
#api-landing .product-datas-multiple .right p,
#api-landing .product-datas-single .left p,
#api-landing .product-datas-single .right p {
    font-size: 18px;
    line-height: 21px;
    color: #8e929b;
    font-weight: 400;
    margin: 0 0 20px
}

#api-landing .product-datas-multiple#product-any-data-1 .left h2 strong,
#api-landing .product-datas-multiple#product-any-data-1 .left h3 strong,
#api-landing .product-datas-multiple#product-any-data-1 .left h4 strong,
#api-landing .product-datas-multiple#product-any-data-1 .right h2 strong,
#api-landing .product-datas-multiple#product-any-data-1 .right h3 strong,
#api-landing .product-datas-multiple#product-any-data-1 .right h4 strong,
#api-landing .product-datas-single#product-any-data-1 .left h2 strong,
#api-landing .product-datas-single#product-any-data-1 .left h3 strong,
#api-landing .product-datas-single#product-any-data-1 .left h4 strong,
#api-landing .product-datas-single#product-any-data-1 .right h2 strong,
#api-landing .product-datas-single#product-any-data-1 .right h3 strong,
#api-landing .product-datas-single#product-any-data-1 .right h4 strong {
    text-decoration: underline;
    text-decoration-skip-ink: none;
    text-decoration-color: #FF9600;
    -webkit-text-decoration-color: #FF9600
}

#api-landing .product-datas-multiple#product-any-data-2 .left h2 strong,
#api-landing .product-datas-multiple#product-any-data-2 .left h3 strong,
#api-landing .product-datas-multiple#product-any-data-2 .left h4 strong,
#api-landing .product-datas-multiple#product-any-data-2 .right h2 strong,
#api-landing .product-datas-multiple#product-any-data-2 .right h3 strong,
#api-landing .product-datas-multiple#product-any-data-2 .right h4 strong,
#api-landing .product-datas-single#product-any-data-2 .left h2 strong,
#api-landing .product-datas-single#product-any-data-2 .left h3 strong,
#api-landing .product-datas-single#product-any-data-2 .left h4 strong,
#api-landing .product-datas-single#product-any-data-2 .right h2 strong,
#api-landing .product-datas-single#product-any-data-2 .right h3 strong,
#api-landing .product-datas-single#product-any-data-2 .right h4 strong {
    text-decoration: underline;
    text-decoration-skip-ink: none;
    text-decoration-color: #2690ca;
    -webkit-text-decoration-color: #2690ca
}

#api-landing .product-datas-multiple .btn,
#api-landing .product-datas-single .btn {
    white-space: normal
}

#api-landing .product-datas-multiple .btn.btn-link,
#api-landing .product-datas-single .btn.btn-link {
    border: none;
    padding: 0;
    color: #1d9ad6;
    text-decoration: underline;
    width: auto;
    text-align: left;
    font-weight: 400;
    white-space: normal
}

#api-landing .product-datas-multiple .btn.btn-link span.icon,
#api-landing .product-datas-single .btn.btn-link span.icon {
    display: none
}

#api-landing .product-datas-multiple .btn.btn-link:hover,
#api-landing .product-datas-single .btn.btn-link:hover {
    color: #1679a6;
    text-decoration: none
}

#integrations-block {
    background: #f2f4f6;
    padding: 96px 0 96px
}

#integrations-block .integrations-section h3 {
    margin: 0 0 24px;
    font-size: 12px;
    line-height: 20px;
    font-weight: 300;
    color: #2d3237;
    text-align: center
}

#integrations-block .integrations-list {
    font-size: 0;
    text-align: left;
    margin: 0 !important
}

#integrations-block .integrations-list li {
    max-width: 284px;
    float: none;
    display: inline-block;
    vertical-align: top;
    text-align: left
}

#integrations-block .integrations-list li a {
    background: #fff
}

#integrations-block .integrations-list li a .name {
    margin-left: 8px
}

@media screen and (max-width:992px) {
    #integrations-block .integrations-list li {
        max-width: 49%
    }
}

@media screen and (max-width:600px) {
    #integrations-block .integrations-list li {
        max-width: 100%
    }
}

@keyframes fade-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

#become-a-contributor .header {
    background-image: url(../img/become-a-contributor/bg.jpg);
    text-align: left;
    padding: 181px 0 0
}

#become-a-contributor .header h1 {
    font-weight: 800;
    font-size: 56px;
    line-height: 65px;
    color: #fff;
    margin: 52px 0 24px
}

#become-a-contributor .header p {
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    font-weight: 400;
    margin: 0 0 40px
}

#become-a-contributor .header p strong {
    font-weight: 700
}

#become-a-contributor .header .col-testimonial {
    background: rgba(255, 255, 255, .8);
    backdrop-filter: blur(20px);
    border-radius: 8px
}

#become-a-contributor .header .col-testimonial .testimonial {
    padding: 24px;
    display: flex;
    justify-content: space-between
}

#become-a-contributor .header .col-testimonial .testimonial .testimonial-image {
    width: 66px;
    height: 66px
}

#become-a-contributor .header .col-testimonial .testimonial .testimonial-image img {
    max-width: 100%;
    border-radius: 100%;
    width: 100%
}

#become-a-contributor .header .col-testimonial .testimonial .testimonial-text {
    width: calc(100% - 86px)
}

#become-a-contributor .header .col-testimonial .testimonial .testimonial-text p {
    margin-bottom: 16px;
    font-size: 16px;
    line-height: 27px;
    color: #8e929b;
    letter-spacing: 0
}

#become-a-contributor .header .col-testimonial .testimonial .testimonial-text p:last-child {
    margin-bottom: 0
}

#become-a-contributor .header .first {
    text-align: right;
    margin-bottom: -45px
}

#become-a-contributor .header .first .hubspot-form {
    position: relative;
    width: 100%;
    max-width: 465px;
    display: inline-block;
    margin-bottom: -145px
}

#become-a-contributor .header .first .hubspot-form .hubspot-form-inner {
    position: relative;
    z-index: 3;
    padding: 32px;
    background: #fff;
    border-radius: 10px;
    border: 1px solid #999;
    -moz-box-shadow: 0 5px 20px rgba(117, 128, 136, .15);
    -webkit-box-shadow: 0 5px 20px rgba(117, 128, 136, .15);
    box-shadow: 0 5px 20px rgba(117, 128, 136, .15);
    overflow: hidden
}

#become-a-contributor .header .first .hubspot-form .hubspot-form-inner::after {
    content: "";
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    height: 5px;
    background: #00adb4
}

#become-a-contributor .header .first .hubspot-form::before {
    content: "";
    position: absolute;
    margin: auto;
    display: block;
    min-height: 25%;
    background: #fff;
    border-radius: 10px;
    left: 0;
    right: 0;
    top: -14px;
    width: 90%;
    opacity: .8;
    z-index: 2;
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .1);
    box-shadow: 0 0 15px rgba(0, 0, 0, .1)
}

#become-a-contributor .header .first .hubspot-form::after {
    content: "";
    position: absolute;
    margin: auto;
    display: block;
    min-height: 25%;
    background: #fff;
    border-radius: 10px;
    left: 0;
    right: 0;
    top: -28px;
    width: 80%;
    opacity: .5;
    z-index: 1;
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .1);
    box-shadow: 0 0 15px rgba(0, 0, 0, .1)
}

#become-a-contributor .header .first .hubspot-form br {
    display: none
}

#become-a-contributor .header .first .hubspot-form h2,
#become-a-contributor .header .first .hubspot-form h3 {
    margin: 0 0 24px;
    font-size: 28px;
    line-height: 40px;
    font-weight: 500;
    color: #1c1d1f;
    text-align: center;
    letter-spacing: 0
}

#become-a-contributor .header .first .hubspot-form h2::after,
#become-a-contributor .header .first .hubspot-form h3::after {
    content: "";
    border-top: 3px solid #1d9ad6;
    margin: 16px auto 0;
    width: 55px;
    display: block
}

#become-a-contributor .header .first .hubspot-form p {
    margin: 0
}

#become-a-contributor .header .first .hubspot-form .hbspt-form {
    text-align: left
}

#become-a-contributor .header .first .hubspot-form .hbspt-form .hs-form-field {
    margin-bottom: 24px
}

#become-a-contributor .header .first .hubspot-form .hbspt-form .hs-form-field label {
    display: none
}

#become-a-contributor .header .first .hubspot-form .hbspt-form .hs-form-field input,
#become-a-contributor .header .first .hubspot-form .hbspt-form .hs-form-field select {
    background: #f2f4f6;
    border: 1px solid #f2f4f6;
    border-radius: 5px;
    height: 46px;
    line-height: 46px;
    font-size: 14px;
    padding: 0 16px
}

#become-a-contributor .header .first .hubspot-form .hbspt-form .hs-richtext {
    margin-bottom: 24px
}

#become-a-contributor .header .first .hubspot-form .hbspt-form .hs-richtext p {
    font-size: 13px;
    line-height: 18px;
    color: #8e929b;
    letter-spacing: 0
}

#become-a-contributor .header .first .hubspot-form .hbspt-form .hs-submit .actions {
    padding: 0
}

#become-a-contributor .header .first .hubspot-form .hbspt-form .hs-submit .actions .hs-button {
    width: 100%;
    height: 46px;
    line-height: 46px;
    padding: 0;
    margin: 0;
    font-size: 18px;
    font-weight: 500;
    text-transform: none;
    background: #2ab674
}

#become-a-contributor .header .first .hubspot-form .hbspt-form .hs-submit .actions .hs-button:hover {
    background: #20925a
}

@media screen and (max-width:992px) {
    #become-a-contributor .header {
        padding-bottom: 60px
    }

    #become-a-contributor .header .col-testimonial {
        width: 94%;
        margin: auto
    }

    #become-a-contributor .header .first {
        margin-bottom: 0
    }

    #become-a-contributor .header .first .hubspot-form {
        margin: auto;
        display: block
    }
}

#become-a-contributor #repeatable-images {
    text-align: center;
    padding: 130px 0 120px
}

#become-a-contributor #repeatable-images p {
    font-size: 16px;
    line-height: 24px;
    color: #8e929b;
    margin: 0 0 24px;
    font-weight: 400
}

#become-a-contributor #repeatable-images .image-block {
    display: inline-block;
    vertical-align: middle;
    max-width: 200px;
    margin: 0 16px;
    padding: 0
}

#become-a-contributor #repeatable-images .image-block img {
    opacity: .8;
    max-width: 100%
}

#become-a-contributor #product-any-data-build {
    background: rgba(102, 197, 218, .1);
    padding: 120px 0
}

#become-a-contributor #product-any-data-build h2 {
    text-align: center;
    margin: 0 auto 64px;
    font-size: 40px;
    line-height: 48px;
    color: #2d3237;
    max-width: 800px
}

#become-a-contributor #product-any-data-build h2 strong {
    font-weight: 500;
    text-decoration: underline;
    text-decoration-skip-ink: none;
    text-decoration-color: #1998d5;
    -webkit-text-decoration-color: #1998d5
}

#become-a-contributor #product-any-data-build p {
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    color: #8e929b;
    margin: 0 0 30px
}

#become-a-contributor #product-any-data-build p strong {
    font-weight: 700
}

#become-a-contributor #product-any-data-build p:last-child {
    margin: 0
}

#become-a-contributor #product-any-data-build .central-section {
    max-width: 800px;
    margin: 58px auto 40px;
    text-align: center
}

#become-a-contributor #product-any-data-build .bottom-buttons {
    text-align: center
}

#become-a-contributor #product-any-data-build .bottom-buttons .btn {
    margin: 0 10px
}

#become-a-contributor #product-any-data-build .bottom-buttons .btn.btn-blue {
    background-color: #25a767
}

#become-a-contributor #product-any-data-build .bottom-buttons .btn.btn-blue:hover {
    background-color: #20925a
}

#become-a-contributor #product-any-data-build .bottom-buttons .btn.btn-blue-outline {
    border-color: #25a767;
    color: #25a767
}

#become-a-contributor #product-any-data-build .bottom-buttons .btn.btn-blue-outline:hover {
    border-color: #20925a;
    color: #20925a
}

@media screen and (max-width:992px) {
    #become-a-contributor #product-any-data-build.content.layout-dbl .img img {
        max-width: 100%
    }
}

@media screen and (max-width:640px) {
    #become-a-contributor #product-any-data-build .bottom-buttons a.btn {
        display: block;
        margin-bottom: 20px
    }

    #become-a-contributor #product-any-data-build .bottom-buttons a.btn:last-child {
        margin-bottom: 0
    }
}

#become-a-contributor #what-else {
    padding: 120px 0
}

#become-a-contributor #what-else h2,
#become-a-contributor #what-else h3 {
    text-align: center;
    font-weight: 500;
    font-size: 40px;
    line-height: 48px;
    margin: 0 0 70px
}

#become-a-contributor #what-else h2 strong,
#become-a-contributor #what-else h3 strong {
    font-weight: 500;
    text-decoration: underline;
    text-decoration-skip-ink: none;
    text-decoration-color: #25a767;
    -webkit-text-decoration-color: #25a767
}

#become-a-contributor #what-else .layout-slider-holder .col-inner {
    padding: 0 40px
}

#become-a-contributor #what-else .layout-slider-holder .col-inner .image-box {
    min-height: 36px
}

#become-a-contributor #what-else .layout-slider-holder .col-inner h3,
#become-a-contributor #what-else .layout-slider-holder .col-inner h4 {
    font-size: 24px;
    line-height: 28px;
    color: #000;
    font-weight: 500;
    text-align: left;
    margin: 38px 0 16px;
    letter-spacing: 0
}

#become-a-contributor #what-else .layout-slider-holder .col-inner p {
    letter-spacing: 0;
    font-size: 18px;
    line-height: 27px;
    color: #8e929b;
    margin: 0
}

@media screen and (max-width:992px) {
    #become-a-contributor #what-else .col {
        margin-bottom: 40px
    }

    #become-a-contributor #what-else .layout-slider-holder .col-inner h3,
    #become-a-contributor #what-else .layout-slider-holder .col-inner h4 {
        margin-top: 20px
    }
}

#become-a-contributor #testimonials-slider {
    padding-bottom: 40px
}

#become-a-contributor #testimonials-slider .testimonial-row {
    max-width: 770px;
    margin: auto
}

#become-a-contributor #testimonials-slider .testimonial-row .col-slide h2,
#become-a-contributor #testimonials-slider .testimonial-row .col-slide h3 {
    font-size: 30px;
    line-height: 38px;
    font-weight: 500;
    color: #2d3237;
    margin: 0 0 24px
}

#become-a-contributor #testimonials-slider .testimonial-row .col-slide p {
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    color: #72757c;
    margin: 0;
    letter-spacing: 0
}

#become-a-contributor #testimonials-slider .testimonial-row .col-slide .testimonial-bottom {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 32px
}

#become-a-contributor #testimonials-slider .testimonial-row .col-slide .testimonial-bottom .testimonial-image {
    width: 40px;
    height: 40px;
    margin-right: 16px
}

#become-a-contributor #testimonials-slider .testimonial-row .col-slide .testimonial-bottom .testimonial-image img {
    width: 100%;
    height: auto;
    border-radius: 100%
}

#become-a-contributor #testimonials-slider .testimonial-row .col-slide .testimonial-bottom .testimonial-details p {
    font-size: 16px;
    line-height: 27px;
    color: #8e929b;
    letter-spacing: 0
}

#become-a-contributor #testimonials-slider .testimonial-row .slick-dots {
    text-align: left;
    left: 15px
}

#become-a-contributor #testimonials-slider .testimonial-row .slick-dots li {
    margin: 0
}

#become-a-contributor #contributions-section {
    padding: 120px 0 0
}

#become-a-contributor #contributions-section h2 {
    text-align: center;
    margin: 0 0 64px;
    font-size: 40px;
    line-height: 48px;
    color: #2d3237;
    font-weight: 500
}

#become-a-contributor #contributions-section h2 strong {
    font-weight: 500;
    text-decoration: underline;
    text-decoration-skip-ink: none;
    text-decoration-color: #515aa7;
    -webkit-text-decoration-color: #515aa7
}

#become-a-contributor #contributions-section a {
    font-weight: 700;
    color: #1d9ad6;
    font-size: 20px;
    line-height: 28px;
    text-decoration: underline
}

#become-a-contributor #contributions-section a:hover {
    text-decoration: none
}

#become-a-contributor #contributions-section p {
    font-size: 16px;
    line-height: 19px;
    color: #8e929b;
    margin: 0;
    letter-spacing: 0
}

#become-a-contributor #contributions-section .layout-slider {
    margin-bottom: 48px
}

#become-a-contributor #contributions-section .layout-slider:last-child {
    margin-bottom: 0
}

#become-a-contributor #contributions-section .layout-slider .icon {
    background: #f8f8f8;
    border-radius: 5px;
    line-height: 34px;
    height: 34px;
    padding: 0 16px 0 0;
    display: inline-block;
    margin-top: 19px
}

#become-a-contributor #contributions-section .layout-slider .icon::before {
    background: #f3f3f3;
    width: 34px;
    height: 34px;
    border-radius: 5px 0 0 5px;
    margin-right: 12px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    line-height: 34px
}

#become-a-contributor #contributions-section .layout-slider .icon.icon-sand::before {
    color: #7540ab;
    font-size: 20px
}

#become-a-contributor #contributions-section .layout-slider .icon.icon-fire::before {
    color: #f05c4d;
    font-size: 24px
}

#become-a-contributor #contributions-section .layout-slider .icon span {
    display: inline-block;
    vertical-align: top;
    color: #8e929b;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0
}

@media screen and (max-width:992px) {
    #become-a-contributor #contributions-section .layout-slider {
        margin-bottom: 0
    }

    #become-a-contributor #contributions-section .col {
        margin-bottom: 40px
    }
}

#become-a-contributor #ready-to-start {
    text-align: center;
    padding-bottom: 96px;
    padding-top: 120px
}

#become-a-contributor #ready-to-start .container {
    padding: 68px 0 68px
}

#become-a-contributor #ready-to-start .container h2 {
    margin: 0 auto 40px;
    max-width: 800px;
    font-size: 36px;
    line-height: 44px;
    font-weight: 500;
    color: #2d3237
}

#become-a-contributor #ready-to-start .container p {
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
    color: #8e929b;
    margin: 0 auto 40px;
    max-width: 820px
}

#become-a-contributor #ready-to-start .container .btn.btn-green {
    text-transform: none;
    font-size: 16px;
    font-weight: 500
}

@media screen and (max-width:992px) {
    #become-a-contributor #ready-to-start .container {
        background-size: 100% 100% !important;
        padding-left: 30px;
        padding-right: 30px
    }
}

@media screen and (max-width:768px) {
    #become-a-contributor #ready-to-start .container {
        background-size: 100% 100% !important;
        margin: 0 15px;
        padding-left: 30px;
        padding-right: 30px
    }
}

@keyframes fade-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

#benchmarks .header {
    padding: 142px 0 76px;
    background-image: linear-gradient(254.47deg, #f7eaff .91%, #ecffee 33.18%, #d6e5f3 68.01%, #e2ebf1 99.26%);
    background-image: -o-linear-gradient(254.47deg, #f7eaff .91%, #ecffee 33.18%, #d6e5f3 68.01%, #e2ebf1 99.26%);
    background-image: -ms-linear-gradient(254.47deg, #f7eaff .91%, #ecffee 33.18%, #d6e5f3 68.01%, #e2ebf1 99.26%);
    background-image: -moz-linear-gradient(254.47deg, #f7eaff .91%, #ecffee 33.18%, #d6e5f3 68.01%, #e2ebf1 99.26%);
    background-image: -webkit-linear-gradient(254.47deg, #f7eaff .91%, #ecffee 33.18%, #d6e5f3 68.01%, #e2ebf1 99.26%)
}

#benchmarks .header img.img-responsive {
    display: block;
    margin: auto;
    width: auto
}

#benchmarks .header h1 {
    font-weight: 800;
    font-size: 65px;
    line-height: 73px;
    margin: 50px auto 25px;
    max-width: 710px;
    display: block;
    color: #2d3237
}

#benchmarks .header p {
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    margin: 0 0 40px;
    color: #2d3237
}

#benchmarks .header p strong {
    font-weight: 700;
    text-decoration: underline;
    text-decoration-skip-ink: none;
    text-decoration-color: #48b9e5;
    -webkit-text-decoration-color: #48b9e5
}

#benchmarks .header .btn {
    text-transform: none;
    background-color: #515aa7;
    font-size: 18px;
    font-weight: 500;
    border: 2px solid #515aa7
}

#benchmarks .header .btn:hover {
    background: #3a4077;
    border: 2px solid #3a4077
}

#benchmarks .header .mobile-buttons {
    display: none
}

@media screen and (max-width:1300px) and (min-width:1100px) {
    #benchmarks .header {
        padding-top: 100px
    }

    #benchmarks .header h1 {
        font-size: 52px;
        line-height: 58px;
        margin-top: 40px
    }
}

@media screen and (max-width:768px) {
    #benchmarks .header {
        padding-top: 90px
    }

    #benchmarks .header h1 {
        font-size: 60px;
        line-height: 68px
    }
}

#benchmarks #section-content {
    text-align: center;
    padding: 72px 0 100px
}

#benchmarks #section-content h2 {
    font-weight: 500;
    margin: 0 0 32px;
    color: #2d3237;
    font-size: 36px;
    line-height: 44px
}

#benchmarks #section-content p {
    margin: 0 auto 90px;
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
    color: #8e929b;
    max-width: 1040px;
    display: block
}

#benchmarks #section-content img {
    display: inline-block
}

@media screen and (max-width:768px) {
    #benchmarks #section-content {
        padding: 60px 0 26px
    }
}

#benchmarks #repeatable-images {
    text-align: center;
    background-image: linear-gradient(270deg, rgba(248, 234, 255, .35) 0, rgba(240, 249, 244, .4) 100%);
    background-image: -o-linear-gradient(270deg, rgba(248, 234, 255, .35) 0, rgba(240, 249, 244, .4) 100%);
    background-image: -ms-linear-gradient(270deg, rgba(248, 234, 255, .35) 0, rgba(240, 249, 244, .4) 100%);
    background-image: -moz-linear-gradient(270deg, rgba(248, 234, 255, .35) 0, rgba(240, 249, 244, .4) 100%);
    background-image: -webkit-linear-gradient(270deg, rgba(248, 234, 255, .35) 0, rgba(240, 249, 244, .4) 100%);
    padding: 96px 0 56px
}

#benchmarks #repeatable-images h3 {
    font-weight: 500;
    font-size: 36px;
    line-height: 44px;
    margin: 0 0 64px;
    color: #2d3237
}

#benchmarks #repeatable-images .image-block {
    margin: 0 0 40px
}

#benchmarks #repeatable-images .image-block .img {
    border-radius: 10px;
    -moz-box-shadow: 0 5px 25px rgba(0, 0, 0, .05);
    -webkit-box-shadow: 0 5px 25px rgba(0, 0, 0, .05);
    box-shadow: 0 5px 25px rgba(0, 0, 0, .05)
}

#benchmarks #repeatable-images .image-block .img img {
    width: 100%
}

#benchmarks #repeatable-images .image-block .img:hover {
    -moz-box-shadow: 0 10px 55px rgba(37, 37, 37, .15);
    -webkit-box-shadow: 0 10px 55px rgba(37, 37, 37, .15);
    box-shadow: 0 10px 55px rgba(37, 37, 37, .15)
}

@media screen and (max-width:768px) {
    #benchmarks #repeatable-images {
        padding: 60px 0 26px
    }
}

#benchmarks .layout-dbl.content {
    padding: 96px 0
}

#benchmarks .layout-dbl.content h2,
#benchmarks .layout-dbl.content h3 {
    margin: 0 0 24px;
    color: #000;
    font-weight: 500;
    font-size: 36px;
    line-height: 44px
}

#benchmarks .layout-dbl.content h2 strong,
#benchmarks .layout-dbl.content h3 strong {
    position: relative
}

#benchmarks .layout-dbl.content p {
    margin: 0 0 16px;
    font-weight: 400;
    color: #8e929b
}

#benchmarks .product-datas-single {
    text-align: center;
    border: none
}

#benchmarks .product-datas-single h2 strong,
#benchmarks .product-datas-single h3 strong {
    text-decoration: underline;
    text-decoration-skip-ink: none;
    text-decoration-color: #F57C4E;
    -webkit-text-decoration-color: #F57C4E
}

#benchmarks .product-datas-single .left,
#benchmarks .product-datas-single .right {
    text-align: left
}

#benchmarks .product-datas-single ul {
    list-style: none;
    margin-top: 20px;
    padding-left: 0
}

#benchmarks .product-datas-single ul li {
    font-size: 18px;
    line-height: 28px;
    color: #8e929b;
    font-weight: 400;
    margin: 0 0 36px;
    padding-left: 28px;
    position: relative
}

#benchmarks .product-datas-single ul li:last-child {
    margin-bottom: 0
}

#benchmarks .product-datas-single ul li strong {
    font-weight: 500;
    color: #2d3237;
    font-size: 20px;
    line-height: 28px;
    display: block;
    margin-bottom: 16px
}

#benchmarks .product-datas-single ul li br {
    display: none
}

#benchmarks .product-datas-single ul li:before {
    display: inline-block;
    font-family: Icons;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    position: relative;
    text-transform: none;
    top: 1px;
    vertical-align: middle;
    font-size: 22px;
    margin-right: 16px;
    position: absolute;
    left: 0
}

#benchmarks .product-datas-single .btn.btn-green-outline {
    display: inline-block;
    vertical-align: middle;
    border: 2px solid #515aa7;
    background: #515aa7;
    color: #fff;
    font-size: 16px;
    padding-top: 11px;
    padding-bottom: 11px;
    font-weight: 500
}

#benchmarks .product-datas-single .btn.btn-green-outline:hover {
    background: #3a4077;
    border: 2px solid #3a4077
}

#benchmarks .product-datas-single~.product-datas-single h2 strong,
#benchmarks .product-datas-single~.product-datas-single h3 strong {
    text-decoration-color: #48b9e5;
    -webkit-text-decoration-color: #48b9e5
}

#benchmarks .product-datas-single.no-padding .container {
    padding-left: 15px;
    padding-right: 15px
}

#benchmarks .product-datas-single.lock ul li:before {
    content: "\e961";
    display: inline-block;
    font-family: Icons;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    position: relative;
    text-transform: none;
    top: 1px;
    vertical-align: middle;
    color: #48b9e5;
    font-size: 22px;
    margin-right: 16px;
    position: absolute;
    left: 0
}

#benchmarks .product-datas-single.rocket ul li:before {
    content: "\e960";
    display: inline-block;
    font-family: Icons;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    position: relative;
    text-transform: none;
    top: 1px;
    vertical-align: middle;
    color: #515aa7;
    font-size: 22px;
    margin-right: 16px;
    position: absolute;
    left: 0
}

@media screen and (max-width:768px) {
    #benchmarks .product-datas-single.layout-dbl.content {
        padding: 60px 0
    }
}

#benchmarks #companies-group {
    background: url("../img/benchmarks/gradient_background.png") no-repeat center;
    background-size: cover;
    text-align: center;
    padding: 96px 0 76px
}

#benchmarks #companies-group h3 {
    color: #515aa7;
    font-size: 32px;
    line-height: 40px;
    font-weight: 700;
    margin: 0 0 46px
}

#benchmarks #companies-group .links {
    font-size: 0;
    margin: auto;
    display: block;
    max-width: 960px
}

#benchmarks #companies-group .links a.button {
    display: inline-block;
    vertical-align: middle;
    border: 2px solid #1998d5;
    color: #1998d5;
    text-align: center;
    padding: 3px 11px;
    border-radius: 8px;
    margin: 0 3px 20px;
    font-size: 16px;
    line-height: 30px;
    font-weight: 700
}

#benchmarks #companies-group .links a.button:hover {
    background: #1998d5;
    color: #fff;
    text-decoration: none
}

@media screen and (max-width:768px) {
    #benchmarks #companies-group {
        padding: 60px 0 40px
    }
}

#benchmarks #product-wizard-ui-steps {
    padding: 96px 0;
    background-image: linear-gradient(270deg, rgba(248, 234, 255, .35) 0, rgba(240, 249, 244, .4) 100%);
    background-image: -o-linear-gradient(270deg, rgba(248, 234, 255, .35) 0, rgba(240, 249, 244, .4) 100%);
    background-image: -ms-linear-gradient(270deg, rgba(248, 234, 255, .35) 0, rgba(240, 249, 244, .4) 100%);
    background-image: -moz-linear-gradient(270deg, rgba(248, 234, 255, .35) 0, rgba(240, 249, 244, .4) 100%);
    background-image: -webkit-linear-gradient(270deg, rgba(248, 234, 255, .35) 0, rgba(240, 249, 244, .4) 100%);
    text-align: center
}

#benchmarks #product-wizard-ui-steps .slick-dots li .step__title {
    font-weight: 400
}

#benchmarks #product-wizard-ui-steps .slick-dots .slick-active .step__number .number {
    background-color: #515aa7
}

#benchmarks #product-wizard-ui-steps .slick-dots .slick-active .step__title {
    color: #515aa7
}

#benchmarks #product-wizard-ui-steps .images {
    -moz-box-shadow: 5.73576px 8px 30px rgba(8, 14, 30, .08);
    -webkit-box-shadow: 5.73576px 8px 30px rgba(8, 14, 30, .08);
    box-shadow: 5.73576px 8px 30px rgba(8, 14, 30, .08);
    border-radius: 6px
}

#benchmarks #product-wizard-ui-steps .image-box {
    background: url(../img/benchmarks/wizard_step.png) left top no-repeat;
    background-size: cover;
    padding: 27px 2px 2px;
    border-radius: 6px
}

#benchmarks #product-wizard-ui-steps .image-box img {
    border: 4px solid #fff;
    border-top: none;
    border-radius: 6px
}

#benchmarks #product-wizard-ui-steps h2 {
    margin: 0;
    font-size: 36px;
    line-height: 44px;
    color: #2d3237;
    font-weight: 500
}

#benchmarks #product-wizard-ui-steps .desc {
    margin: auto;
    max-width: 780px;
    text-align: center
}

#benchmarks #product-wizard-ui-steps .desc p {
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
    margin: 64px 0 0
}

@media screen and (max-width:768px) {
    #benchmarks #product-wizard-ui-steps {
        padding: 60px 0
    }

    #benchmarks #product-wizard-ui-steps .container {
        padding-left: 40px;
        padding-right: 40px
    }

    #benchmarks #product-wizard-ui-steps .image-box {
        padding-top: 14px
    }

    #benchmarks #product-wizard-ui-steps .step-wrapper img {
        padding: 0
    }

    #benchmarks #product-wizard-ui-steps .step-wrapper .description {
        display: none
    }

    #benchmarks #product-wizard-ui-steps .desc p {
        margin-top: 34px
    }
}

#benchmarks #what-else {
    padding: 96px 0 32px;
    text-align: center;
    background-image: linear-gradient(270deg, rgba(248, 234, 255, .35) 0, rgba(240, 249, 244, .4) 100%);
    background-image: -o-linear-gradient(270deg, rgba(248, 234, 255, .35) 0, rgba(240, 249, 244, .4) 100%);
    background-image: -ms-linear-gradient(270deg, rgba(248, 234, 255, .35) 0, rgba(240, 249, 244, .4) 100%);
    background-image: -moz-linear-gradient(270deg, rgba(248, 234, 255, .35) 0, rgba(240, 249, 244, .4) 100%);
    background-image: -webkit-linear-gradient(270deg, rgba(248, 234, 255, .35) 0, rgba(240, 249, 244, .4) 100%)
}

#benchmarks #what-else h2 {
    font-size: 36px;
    line-height: 44px;
    font-weight: 500;
    max-width: 575px;
    margin: 0 auto 24px;
    color: #2d3237
}

#benchmarks #what-else p {
    max-width: 575px;
    margin: 0 auto 65px;
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
    color: #8e929b
}

#benchmarks #what-else .col-inner {
    text-align: left
}

#benchmarks #what-else .col-inner .image-box {
    min-height: 210px
}

#benchmarks #what-else .col-inner h3 {
    margin: 0 0 16px
}

#benchmarks #what-else .col-inner p {
    max-width: inherit;
    margin: 0 0 65px
}

@media screen and (max-width:768px) {
    #benchmarks #what-else {
        padding: 60px 0 30px
    }
}

#benchmarks #main-value-proposition {
    text-align: center;
    padding: 120px 0
}

#benchmarks #main-value-proposition h2 {
    margin: 0 auto 64px;
    max-width: 590px;
    font-size: 36px;
    line-height: 44px;
    font-weight: 500;
    color: #2d3237
}

#benchmarks #main-value-proposition .main-value-bottom-section {
    max-width: 930px;
    margin: 0 auto 96px
}

#benchmarks #main-value-proposition .main-value-bottom-section p {
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
    color: #8e929b
}

#benchmarks #main-value-proposition .image-col {
    max-width: 946px;
    margin: 0 auto 56px;
    float: none
}

#benchmarks #main-value-proposition .image-col .videoholder {
    background: url(../img/benchmarks/wizard_step.png) left top no-repeat;
    background-size: cover;
    padding: 32px 2px 2px;
    border-radius: 6px;
    -moz-box-shadow: 5.73576px 8px 30px rgba(8, 14, 30, .15);
    -webkit-box-shadow: 5.73576px 8px 30px rgba(8, 14, 30, .15);
    box-shadow: 5.73576px 8px 30px rgba(8, 14, 30, .15)
}

#benchmarks #main-value-proposition .image-col .videoholder .image-box {
    border: 4px solid #fff;
    border-top: 0;
    border-radius: 6px
}

#benchmarks #main-value-proposition .image-col .videoholder .image-box img.img-responsive {
    border-radius: 6px
}

#benchmarks #main-value-proposition .main-value-repeater {
    text-align: left;
    margin-bottom: 40px
}

#benchmarks #main-value-proposition .main-value-repeater p {
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
    color: #8e929b
}

#benchmarks #main-value-proposition .main-value-repeater .image-box {
    min-height: 68px
}

#benchmarks #main-value-proposition .main-value-ctas a.btn.btn-green {
    text-transform: none;
    font-size: 16px;
    background: #515aa7;
    border: 2px solid #515aa7;
    font-weight: 500
}

#benchmarks #main-value-proposition .main-value-ctas a.btn.btn-green:hover {
    background: #3a4077;
    border: 2px solid #3a4077
}

#benchmarks #main-value-proposition .main-value-ctas .buttons-description {
    margin-top: 32px
}

#benchmarks #main-value-proposition .main-value-ctas .buttons-description p {
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
    color: #8e929b
}

#benchmarks #main-value-proposition .main-value-ctas .buttons-description p a {
    color: #1998d5
}

@media screen and (max-width:768px) {
    #benchmarks #main-value-proposition {
        padding: 60px 0
    }

    #benchmarks #main-value-proposition .row {
        margin: 0
    }

    #benchmarks #main-value-proposition .main-value-bottom-section {
        padding: 0 15px
    }

    #benchmarks #main-value-proposition .main-value-repeater {
        padding: 0 15px
    }

    #benchmarks #main-value-proposition .main-value-repeater .image-box {
        min-height: auto;
        margin-bottom: 10px
    }

    #benchmarks #main-value-proposition .main-value-repeater .col {
        margin-bottom: 30px;
        padding: 0
    }
}

#benchmarks .product-datas-multiple .container {
    padding-left: 85px;
    padding-right: 85px
}

#benchmarks .product-datas-multiple.layout-dbl.content h3 {
    color: #2d3237;
    font-size: 29px;
    line-height: 37px;
    margin-bottom: 24px;
    font-weight: 500
}

#benchmarks .product-datas-multiple ul {
    padding: 0;
    margin: 0;
    list-style: none
}

#benchmarks .product-datas-multiple ul li {
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
    color: #8e929b;
    margin-bottom: 20px;
    position: relative;
    padding-left: 30px
}

#benchmarks .product-datas-multiple ul li strong {
    font-weight: 700
}

#benchmarks .product-datas-multiple ul li::before {
    content: "\e002";
    display: inline-block;
    font-family: Icons;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    position: absolute;
    left: 0;
    top: 5px;
    text-transform: none;
    vertical-align: middle;
    color: #2ab674;
    font-size: 13px;
    margin-right: 16px
}

#benchmarks .product-datas-multiple#product-any-data-1 {
    border-top: 0;
    padding-top: 72px
}

@media screen and (max-width:768px) {
    #benchmarks .product-datas-multiple.content.layout-dbl {
        padding: 60px 0
    }

    #benchmarks .product-datas-multiple.content.layout-dbl .img img {
        margin: 10px auto 40px
    }

    #benchmarks .product-datas-multiple .container {
        padding: 0 15px
    }
}

#benchmarks #product-any-data-content {
    border-top: 1px solid #e8e9eb;
    text-align: center;
    padding-top: 120px
}

#benchmarks #product-any-data-content h2 {
    margin: 0 auto 24px;
    max-width: 540px;
    font-size: 36px;
    line-height: 44px;
    font-weight: 500;
    color: #2d3237
}

#benchmarks #product-any-data-content p {
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
    color: #8e929b;
    margin: auto;
    max-width: 820px
}

@media screen and (max-width:768px) {
    #benchmarks #product-any-data-content {
        padding-top: 90px
    }
}

#benchmarks #awards {
    padding: 0
}

#benchmarks #awards .badges {
    display: flex;
    justify-content: center;
    text-align: center
}

#benchmarks #awards .badges .badge-images {
    margin-bottom: 24px
}

#benchmarks #awards .badges .badge-images img {
    display: block;
    clear: both;
    margin: 0 auto 24px
}

#benchmarks #awards .badges .badge-text {
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
    color: #8e929b
}

#benchmarks #awards .badges .badge-text strong {
    color: #2d3237;
    font-weight: 500
}

#benchmarks #awards .badges .badge-text a {
    text-decoration: underline;
    font-weight: 700;
    color: #1d9ad6;
    display: block
}

@media screen and (max-width:768px) {
    #benchmarks #awards .badges {
        display: block
    }

    #benchmarks #awards .badges .col-badges {
        margin-bottom: 40px
    }
}

#benchmarks #ready-to-start {
    text-align: center;
    padding-bottom: 96px
}

#benchmarks #ready-to-start .container {
    padding: 68px 0 68px
}

#benchmarks #ready-to-start .container h2 {
    margin: 0 auto 24px;
    max-width: 540px;
    font-size: 36px;
    line-height: 44px;
    font-weight: 500;
    color: #2d3237
}

#benchmarks #ready-to-start .container p {
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
    color: #8e929b;
    margin: 0 auto 40px;
    max-width: 820px
}

#benchmarks #ready-to-start .container .btn.btn-green {
    text-transform: none;
    font-size: 16px;
    background: #515aa7;
    border: 2px solid #515aa7;
    font-weight: 500
}

#benchmarks #ready-to-start .container .btn.btn-green:hover {
    background: #3a4077;
    border: 2px solid #3a4077
}

@media screen and (max-width:992px) {
    #benchmarks #ready-to-start .container {
        background-size: 100% 100% !important;
        padding-left: 30px;
        padding-right: 30px
    }
}

@media screen and (max-width:768px) {
    #benchmarks #ready-to-start .container {
        background-size: 100% 100% !important;
        margin: 0 15px;
        padding-left: 30px;
        padding-right: 30px
    }
}

#benchmark-home {
    background-image: linear-gradient(180deg, rgba(248, 234, 255, .75) -.87%, rgba(240, 249, 244, .8) 103.38%);
    background-image: -o-linear-gradient(180deg, rgba(248, 234, 255, .75) -.87%, rgba(240, 249, 244, .8) 103.38%);
    background-image: -ms-linear-gradient(180deg, rgba(248, 234, 255, .75) -.87%, rgba(240, 249, 244, .8) 103.38%);
    background-image: -moz-linear-gradient(180deg, rgba(248, 234, 255, .75) -.87%, rgba(240, 249, 244, .8) 103.38%);
    background-image: -webkit-linear-gradient(180deg, rgba(248, 234, 255, .75) -.87%, rgba(240, 249, 244, .8) 103.38%);
    padding: 116px 0
}

#benchmark-home .image-box img {
    max-width: 100%
}

#benchmark-home .row {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

#benchmark-home .content-box h2 {
    margin: 0 auto 24px;
    font-size: 36px;
    line-height: 42px;
    font-weight: 500;
    color: #2d3237
}

#benchmark-home .content-box p {
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
    color: #8e929b;
    margin: 0 auto 30px
}

#benchmark-home .content-box .btn.btn-purple {
    border: 2px solid #515aa7;
    background: #515aa7;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .8px;
    font-weight: 700;
    text-transform: none;
    font-weight: 500
}

#benchmark-home .content-box .btn.btn-purple:hover {
    background: #3a4077;
    border: 2px solid #3a4077
}

@media screen and (max-width:768px) {
    #benchmark-home {
        padding: 75px 0
    }

    #benchmark-home .row {
        flex-direction: column
    }

    #benchmark-home .image-box {
        margin-bottom: 40px
    }

    #benchmark-home .image-box img {
        max-width: 570px;
        width: 100%
    }

    #benchmark-home .content-box .btn {
        display: inline-block
    }
}

@keyframes fade-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

#business-analytics-for-everyone {
    background-color: #e6eff4;
    padding: 70px 0;
    overflow: hidden
}

#business-analytics-for-everyone>.container>div:last-of-type {
    display: flex
}

#business-analytics-for-everyone #business-analytics-for-everyone-header {
    text-align: center;
    margin-bottom: 50px
}

#business-analytics-for-everyone #business-analytics-for-everyone-header h6 {
    color: #1d9ad6;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    margin: 0
}

#business-analytics-for-everyone #business-analytics-for-everyone-header h2 {
    color: #1c1d1f;
    font-size: 42px;
    font-weight: 800;
    line-height: 62px;
    letter-spacing: .5px;
    margin: 0
}

#business-analytics-for-everyone #business-analytics-for-everyone-content {
    margin: auto 0
}

#business-analytics-for-everyone #business-analytics-for-everyone-content>p:first-of-type {
    margin-bottom: 24px;
    color: #55585d;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: .3px
}

#business-analytics-for-everyone #business-analytics-for-everyone-content>div:first-of-type {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 40px
}

#business-analytics-for-everyone #business-analytics-for-everyone-content>div:first-of-type .card {
    display: flex;
    align-items: center;
    padding: 12px;
    gap: 8px;
    border-radius: 6px;
    border: 1px solid #fff;
    background: #fff;
    box-shadow: 4px 4px 22px 0 rgba(117, 128, 136, .1)
}

@media screen and (max-width:768px) {
    #business-analytics-for-everyone #business-analytics-for-everyone-content>div:first-of-type .card {
        flex: 1 0 100%
    }
}

#business-analytics-for-everyone #business-analytics-for-everyone-content>div:first-of-type .card label {
    color: #55585d;
    font-size: 13px;
    font-weight: 500;
    margin: 0
}

#business-analytics-for-everyone #business-analytics-for-everyone-content>div:first-of-type .card .icon {
    font-size: 15px
}

#business-analytics-for-everyone #business-analytics-for-everyone-content>div:first-of-type .card .icon-box-123 {
    color: #2e4797
}

#business-analytics-for-everyone #business-analytics-for-everyone-content>div:first-of-type .card .icon-datawall {
    color: #008ace
}

#business-analytics-for-everyone #business-analytics-for-everyone-content>div:first-of-type .card .icon-present {
    color: #f47920
}

#business-analytics-for-everyone #business-analytics-for-everyone-content>div:first-of-type .card .icon-goal-3 {
    color: #25a767
}

#business-analytics-for-everyone #business-analytics-for-everyone-content>div:first-of-type .card .icon-benchmarks {
    color: #7540ab
}

#business-analytics-for-everyone #business-analytics-for-everyone-content>div:first-of-type .card .icon-mag-glass {
    color: #f4bb42
}

#business-analytics-for-everyone #business-analytics-for-everyone-form {
    padding: 32px;
    background-color: #d1e6ed;
    border: 1px solid #4976df86;
    border-radius: 12px
}

#business-analytics-for-everyone #business-analytics-for-everyone-form .signupBox {
    text-align: center;
    margin: unset;
    width: unset
}

#business-analytics-for-everyone #business-analytics-for-everyone-form .signupBox input {
    border: none
}

#business-analytics-for-everyone #business-analytics-for-everyone-form small {
    color: rgba(142, 146, 155, .8);
    text-align: left;
    font-weight: 500
}

#business-analytics-for-everyone #business-analytics-for-everyone-form>div {
    padding: 8px 16px;
    display: flex;
    gap: 16px
}

#business-analytics-for-everyone #business-analytics-for-everyone-form>div>div {
    display: flex;
    gap: 0 4px;
    font-size: 10px
}

#business-analytics-for-everyone #business-analytics-for-everyone-form>div>div .icon-check {
    color: #25a767
}

#business-analytics-for-everyone #business-analytics-for-everyone-form>div>div span:last-of-type {
    color: rgba(142, 146, 155, .8);
    font-weight: 400;
    text-transform: uppercase
}

#business-analytics-for-everyone #business-analytics-for-everyone-image {
    margin-left: 90px
}

#business-analytics-for-everyone #business-analytics-for-everyone-image>img {
    width: 100%
}

#blog .promotion-box,
#single .promotion-box {
    position: relative;
    margin-bottom: 40px
}

#blog .promotion-box::after,
#single .promotion-box::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(275deg, #4c70de -9.26%, #1c9cd2 47.33%, #0faaa3 105.11%);
    z-index: -1;
    opacity: .1
}

#blog .promotion-box .bottom-note,
#single .promotion-box .bottom-note {
    padding: 64px 0 84px
}

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

    #blog .promotion-box .right.img,
    #single .promotion-box .right.img {
        display: none
    }
}

#blog .bottom-note,
#single .bottom-note {
    border: none;
    padding: 100px 0 100px
}

#blog .bottom-note.content img,
#single .bottom-note.content img {
    margin: 0;
    max-width: 100%
}

#blog .bottom-note .container,
#single .bottom-note .container {
    max-width: inherit !important;
    padding: 32px 10px 32px 80px;
    border-radius: 10px;
    color: #fff;
    background: linear-gradient(0deg, rgba(0, 0, 0, .1) 0, rgba(0, 0, 0, .1) 100%), linear-gradient(227deg, #27a5db 0, #2e5ba6 100%);
    position: relative
}

#blog .bottom-note .container::after,
#single .bottom-note .container::after {
    content: "";
    position: absolute;
    bottom: -20px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: -1;
    width: 90%;
    height: 100px;
    border-radius: 10px;
    opacity: 10%;
    background: linear-gradient(0deg, rgba(0, 0, 0, .1) 0, rgba(0, 0, 0, .1) 100%), linear-gradient(227deg, #27a5db 0, #2e5ba6 100%)
}

#blog .bottom-note .container h2,
#blog .bottom-note .container h3,
#single .bottom-note .container h2,
#single .bottom-note .container h3 {
    font-weight: 500;
    font-size: 36px;
    line-height: 48px;
    margin: 0 0 16px;
    color: #fff;
    padding: 0
}

#blog .bottom-note .container p,
#single .bottom-note .container p {
    color: #fff;
    font-size: 15px;
    line-height: 21px;
    font-weight: 400;
    margin: 0 0 37px;
    padding: 0
}

#blog .bottom-note .container .buttons-section,
#single .bottom-note .container .buttons-section {
    display: flex
}

#blog .bottom-note .container .buttons-section a.btn,
#single .bottom-note .container .buttons-section a.btn {
    width: max-content;
    display: inline-block;
    margin: 0 16px 0 0 !important
}

#blog .bottom-note .container .buttons-section a.btn:hover,
#single .bottom-note .container .buttons-section a.btn:hover {
    background: #249960;
    color: #fff;
    border: 1px solid #249960
}

#blog .bottom-note .container .buttons-section a.btn.btn-green-outline,
#single .bottom-note .container .buttons-section a.btn.btn-green-outline {
    color: #fff;
    background: 0 0;
    border: 1px solid #fff
}

#blog .bottom-note .container .buttons-section a.btn.btn-green-outline:hover,
#single .bottom-note .container .buttons-section a.btn.btn-green-outline:hover {
    background-color: #fff;
    border-color: #fff;
    color: #000
}

#blog .bottom-note .container .buttons-section a.btn .icon,
#single .bottom-note .container .buttons-section a.btn .icon {
    display: none
}

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

    #blog .bottom-note,
    #single .bottom-note {
        max-width: 95%;
        margin: auto
    }

    #blog .bottom-note .container,
    #single .bottom-note .container {
        padding: 32px 30px 32px 30px
    }

    #blog .bottom-note .container .img img,
    #single .bottom-note .container .img img {
        max-width: 100%;
        margin: 0
    }
}

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

    #blog .bottom-note .container .left,
    #single .bottom-note .container .left {
        text-align: left;
        padding: 0
    }

    #blog .bottom-note .container .buttons-section,
    #single .bottom-note .container .buttons-section {
        flex-direction: row;
        align-items: center;
        justify-content: space-between
    }

    #blog .bottom-note .container .buttons-section a.btn,
    #single .bottom-note .container .buttons-section a.btn {
        margin: 0 !important;
        padding: 10px 20px
    }

    #blog .bottom-note .container .buttons-section a.btn:last-child,
    #single .bottom-note .container .buttons-section a.btn:last-child {
        margin-bottom: 0 !important
    }
}

#single .bottom-note {
    margin: 0 -100px
}

#author .articles,
#blog .articles,
#blogpost .articles {
    padding-bottom: 50px
}

#author .articles .container,
#blog .articles .container,
#blogpost .articles .container {
    max-width: inherit !important
}

#author .articles .box,
#blog .articles .box,
#blogpost .articles .box {
    height: 335px;
    margin-bottom: 40px;
    position: relative;
    padding: 0
}

#author .articles .box a,
#blog .articles .box a,
#blogpost .articles .box a {
    color: #1d9ad6;
    text-decoration: none
}

#author .articles .box .thumb,
#blog .articles .box .thumb,
#blogpost .articles .box .thumb {
    display: block;
    margin: 0 auto;
    aspect-ratio: 16/9;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    text-align: center;
    border-radius: 8px
}

#author .articles .box .thumb .hover-overlay,
#blog .articles .box .thumb .hover-overlay,
#blogpost .articles .box .thumb .hover-overlay {
    display: none;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    background: rgba(13, 15, 17, .8);
    font-size: 20px;
    color: #fff;
    line-height: 190px
}

#author .articles .box .thumb:hover .hover-overlay,
#blog .articles .box .thumb:hover .hover-overlay,
#blogpost .articles .box .thumb:hover .hover-overlay {
    display: block
}

#author .articles .text,
#blog .articles .text,
#blogpost .articles .text {
    text-align: left
}

#author .articles .text h3,
#blog .articles .text h3,
#blogpost .articles .text h3 {
    margin-top: 20px;
    font-weight: 700;
    margin: 16px 0 16px;
    color: #000;
    display: block;
    display: -webkit-box;
    max-height: 81px;
    font-size: 18px;
    line-height: 27px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

#author .articles .text h3 a,
#blog .articles .text h3 a,
#blogpost .articles .text h3 a {
    color: #000
}

#author .articles .text h3 a:hover,
#blog .articles .text h3 a:hover,
#blogpost .articles .text h3 a:hover {
    color: #1d9ad6
}

#author .articles .text h4,
#blog .articles .text h4,
#blogpost .articles .text h4 {
    color: #2d3237;
    font-weight: 300;
    display: block;
    display: -webkit-box;
    max-height: 72px;
    font-size: 16px;
    line-height: 24px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 4px 0 8px
}

#author .articles .text .category.c-analytics,
#blog .articles .text .category.c-analytics,
#blogpost .articles .text .category.c-analytics {
    color: #734b97
}

#author .articles .text .category.c-marketing,
#blog .articles .text .category.c-marketing,
#blogpost .articles .text .category.c-marketing {
    color: #c031b1
}

#author .articles .text .category.c-product-and-design,
#blog .articles .text .category.c-product-and-design,
#blogpost .articles .text .category.c-product-and-design {
    color: #ff5400
}

#author .articles .text .category.c-management,
#blog .articles .text .category.c-management,
#blogpost .articles .text .category.c-management {
    color: #2d3237
}

#author .articles .text .category.c-integrations-cat,
#blog .articles .text .category.c-integrations-cat,
#blogpost .articles .text .category.c-integrations-cat {
    color: #2bb673
}

#author .articles .text .category-1,
#blog .articles .text .category-1,
#blogpost .articles .text .category-1 {
    display: none
}

#author .articles .text .info,
#blog .articles .text .info,
#blogpost .articles .text .info {
    font-size: 13px;
    color: #8e929b;
    display: flex;
    align-items: center;
    justify-content: start
}

#author .articles .text .info .avatar,
#blog .articles .text .info .avatar,
#blogpost .articles .text .info .avatar {
    width: 16px;
    height: 16px;
    border-radius: 100%;
    vertical-align: unset
}

#author .articles .text .info .category,
#author .articles .text .info .date,
#blog .articles .text .info .category,
#blog .articles .text .info .date,
#blogpost .articles .text .info .category,
#blogpost .articles .text .info .date {
    text-transform: uppercase;
    font-weight: 700
}

#author .articles .text .info .category,
#blog .articles .text .info .category,
#blogpost .articles .text .info .category {
    position: relative;
    margin-left: 8px;
    font-size: 13px;
    line-height: 16px;
    padding-right: 10px;
    margin-right: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis
}

#author .articles .text .info .category::after,
#blog .articles .text .info .category::after,
#blogpost .articles .text .info .category::after {
    content: "";
    position: absolute;
    right: 0;
    height: 10px;
    top: 3px;
    border-right: 1px solid #8e929b
}

#author .articles .text .info .date,
#blog .articles .text .info .date,
#blogpost .articles .text .info .date {
    flex-shrink: 0
}

@media screen and (max-width:992px) and (min-width:768px) {

    #author .articles .text .info,
    #blog .articles .text .info,
    #blogpost .articles .text .info {
        font-size: 11px
    }
}

#author .quote-block,
#blog .quote-block,
#blogpost .quote-block {
    width: calc(100% - 200px);
    border-radius: 8px;
    background: #f0f9fb;
    margin: 25px 100px
}

#author .quote-block .quote-block-content,
#blog .quote-block .quote-block-content,
#blogpost .quote-block .quote-block-content {
    padding: 64px
}

#author .quote-block .quote-block-content .quote-block-box,
#blog .quote-block .quote-block-content .quote-block-box,
#blogpost .quote-block .quote-block-content .quote-block-box {
    margin-bottom: 10px;
    font-style: italic
}

#author .quote-block .quote-block-content .quote-block-box p,
#blog .quote-block .quote-block-content .quote-block-box p,
#blogpost .quote-block .quote-block-content .quote-block-box p {
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 29px;
    font-weight: 400;
    color: #2d3237;
    padding: 0;
    font-style: italic
}

#author .quote-block .quote-block-content .quote-block-box blockquote,
#blog .quote-block .quote-block-content .quote-block-box blockquote,
#blogpost .quote-block .quote-block-content .quote-block-box blockquote {
    border-left: 2px solid #008ace;
    margin: 0 0 32px
}

#author .quote-block .quote-block-content .quote-block-box blockquote p,
#blog .quote-block .quote-block-content .quote-block-box blockquote p,
#blogpost .quote-block .quote-block-content .quote-block-box blockquote p {
    font-weight: 700;
    font-size: 20px;
    line-height: 32px;
    color: #2d3237;
    font-style: italic;
    padding: 0
}

#author .quote-block .quote-block-content .quote-block-author .quote-author-image,
#blog .quote-block .quote-block-content .quote-block-author .quote-author-image,
#blogpost .quote-block .quote-block-content .quote-block-author .quote-author-image {
    border-radius: 100%;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    width: 64px;
    height: 64px;
    margin-right: 17px
}

#author .quote-block .quote-block-content .quote-block-author .quote-author-image img,
#blog .quote-block .quote-block-content .quote-block-author .quote-author-image img,
#blogpost .quote-block .quote-block-content .quote-block-author .quote-author-image img {
    display: block;
    border-radius: 100%;
    width: 100%;
    margin: 0
}

#author .quote-block .quote-block-content .quote-block-author .quote-author-details,
#blog .quote-block .quote-block-content .quote-block-author .quote-author-details,
#blogpost .quote-block .quote-block-content .quote-block-author .quote-author-details {
    display: inline-block;
    vertical-align: middle
}

#author .quote-block .quote-block-content .quote-block-author .quote-author-details p,
#blog .quote-block .quote-block-content .quote-block-author .quote-author-details p,
#blogpost .quote-block .quote-block-content .quote-block-author .quote-author-details p {
    margin: 0;
    color: #2d3237;
    padding: 0
}

#author .quote-block .quote-block-content .quote-block-author .quote-author-details p.name,
#blog .quote-block .quote-block-content .quote-block-author .quote-author-details p.name,
#blogpost .quote-block .quote-block-content .quote-block-author .quote-author-details p.name {
    font-size: 21px;
    line-height: 28px;
    font-weight: 400;
    margin-bottom: 2px
}

#author .quote-block .quote-block-content .quote-block-author .quote-author-details p.position,
#blog .quote-block .quote-block-content .quote-block-author .quote-author-details p.position,
#blogpost .quote-block .quote-block-content .quote-block-author .quote-author-details p.position {
    font-size: 13px;
    line-height: 21px;
    font-weight: 600;
    text-transform: uppercase
}

#author .quote-block .quote-block-content .quote-bottom-note,
#blog .quote-block .quote-block-content .quote-bottom-note,
#blogpost .quote-block .quote-block-content .quote-bottom-note {
    padding-top: 29px
}

#author .quote-block .quote-block-content .quote-bottom-note p,
#blog .quote-block .quote-block-content .quote-bottom-note p,
#blogpost .quote-block .quote-block-content .quote-bottom-note p {
    font-size: 20px;
    line-height: 32px;
    font-weight: 400;
    color: #2d3237;
    padding: 0;
    margin: 0;
    font-style: italic
}

#author .quote-block .quote-block-content .quote-bottom-note p a,
#blog .quote-block .quote-block-content .quote-bottom-note p a,
#blogpost .quote-block .quote-block-content .quote-bottom-note p a {
    color: #1d9ad6;
    font-weight: 700
}

#author .quote-block .quote-block-content .quote-bottom-note p a:hover,
#blog .quote-block .quote-block-content .quote-bottom-note p a:hover,
#blogpost .quote-block .quote-block-content .quote-bottom-note p a:hover {
    color: #1679a6;
    text-decoration: none
}

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

    #author .quote-block,
    #blog .quote-block,
    #blogpost .quote-block {
        width: 100%;
        margin: 25px 0
    }
}

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

    #author .quote-block .quote-block-content,
    #blog .quote-block .quote-block-content,
    #blogpost .quote-block .quote-block-content {
        padding: 30px
    }

    #author .quote-block .quote-block-content .quote-block-author .quote-author-details,
    #blog .quote-block .quote-block-content .quote-block-author .quote-author-details,
    #blogpost .quote-block .quote-block-content .quote-block-author .quote-author-details {
        max-width: calc(100% - 90px)
    }
}

#author .sticky-bottom-form,
#blog .sticky-bottom-form,
#blogpost .sticky-bottom-form {
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 0;
    z-index: 99;
    text-align: center
}

#author .sticky-bottom-form .sticky-form-close,
#blog .sticky-bottom-form .sticky-form-close,
#blogpost .sticky-bottom-form .sticky-form-close {
    width: 50px;
    height: 30px;
    border-radius: 6px 6px 0 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    position: absolute;
    right: 15%;
    bottom: 0;
    z-index: 4;
    background: #fff;
    cursor: pointer
}

#author .sticky-bottom-form .sticky-form-close .icon,
#blog .sticky-bottom-form .sticky-form-close .icon,
#blogpost .sticky-bottom-form .sticky-form-close .icon {
    display: block;
    transform: rotate(270deg);
    margin: 7px auto 0
}

#author .sticky-bottom-form .sticky-form-close::after,
#blog .sticky-bottom-form .sticky-form-close::after,
#blogpost .sticky-bottom-form .sticky-form-close::after {
    content: "";
    position: absolute;
    bottom: -10px;
    width: 100%;
    display: block;
    background: #fff;
    height: 10px
}

#author .sticky-bottom-form.active .sticky-form-close,
#blog .sticky-bottom-form.active .sticky-form-close,
#blogpost .sticky-bottom-form.active .sticky-form-close {
    bottom: 86px
}

#author .sticky-bottom-form.active .sticky-form-close .icon,
#blog .sticky-bottom-form.active .sticky-form-close .icon,
#blogpost .sticky-bottom-form.active .sticky-form-close .icon {
    display: block;
    transform: rotate(90deg);
    margin: 7px auto 0
}

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

    #author .sticky-bottom-form.active .sticky-form-close,
    #blog .sticky-bottom-form.active .sticky-form-close,
    #blogpost .sticky-bottom-form.active .sticky-form-close {
        bottom: 245px
    }
}

#author .sticky-bottom-form .sticky-form-holder,
#blog .sticky-bottom-form .sticky-form-holder,
#blogpost .sticky-bottom-form .sticky-form-holder {
    background: #fff;
    width: 100%;
    text-align: center;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    padding: 10px 0;
    height: 86px;
    position: relative;
    z-index: 3;
    display: none;
    align-items: center;
    justify-content: center
}

#author .sticky-bottom-form .sticky-form-holder div,
#author .sticky-bottom-form .sticky-form-holder p.title,
#blog .sticky-bottom-form .sticky-form-holder div,
#blog .sticky-bottom-form .sticky-form-holder p.title,
#blogpost .sticky-bottom-form .sticky-form-holder div,
#blogpost .sticky-bottom-form .sticky-form-holder p.title {
    display: inline-block;
    vertical-align: middle;
    margin: 0
}

#author .sticky-bottom-form .sticky-form-holder p.title,
#blog .sticky-bottom-form .sticky-form-holder p.title,
#blogpost .sticky-bottom-form .sticky-form-holder p.title {
    font-weight: 500;
    color: #2d3237;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0
}

#author .sticky-bottom-form .sticky-form-holder a,
#blog .sticky-bottom-form .sticky-form-holder a,
#blogpost .sticky-bottom-form .sticky-form-holder a {
    margin-left: 20px;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0;
    color: #000;
    text-decoration: underline
}

#author .sticky-bottom-form .sticky-form-holder a:hover,
#blog .sticky-bottom-form .sticky-form-holder a:hover,
#blogpost .sticky-bottom-form .sticky-form-holder a:hover {
    color: #1d9ad6;
    text-decoration: none
}

#author .sticky-bottom-form .sticky-form-holder .submitted-message p,
#blog .sticky-bottom-form .sticky-form-holder .submitted-message p,
#blogpost .sticky-bottom-form .sticky-form-holder .submitted-message p {
    color: #25a767;
    font-size: 20px;
    margin: 16px 0 0
}

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

    #author .sticky-bottom-form .sticky-form-holder .submitted-message p,
    #blog .sticky-bottom-form .sticky-form-holder .submitted-message p,
    #blogpost .sticky-bottom-form .sticky-form-holder .submitted-message p {
        margin-top: 40px
    }
}

#author .sticky-bottom-form .sticky-form-holder .hs-form-private,
#blog .sticky-bottom-form .sticky-form-holder .hs-form-private,
#blogpost .sticky-bottom-form .sticky-form-holder .hs-form-private {
    position: relative
}

#author .sticky-bottom-form .sticky-form-holder .hs_email,
#blog .sticky-bottom-form .sticky-form-holder .hs_email,
#blogpost .sticky-bottom-form .sticky-form-holder .hs_email {
    margin-left: 20px;
    position: relative
}

#author .sticky-bottom-form .sticky-form-holder .hs_email label,
#blog .sticky-bottom-form .sticky-form-holder .hs_email label,
#blogpost .sticky-bottom-form .sticky-form-holder .hs_email label {
    display: none
}

#author .sticky-bottom-form .sticky-form-holder .hs_email .hs-input,
#blog .sticky-bottom-form .sticky-form-holder .hs_email .hs-input,
#blogpost .sticky-bottom-form .sticky-form-holder .hs_email .hs-input {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    width: 100%
}

#author .sticky-bottom-form .sticky-form-holder .hs_email ul.hs-error-msgs,
#blog .sticky-bottom-form .sticky-form-holder .hs_email ul.hs-error-msgs,
#blogpost .sticky-bottom-form .sticky-form-holder .hs_email ul.hs-error-msgs {
    display: none
}

#author .sticky-bottom-form .sticky-form-holder .hs_email .hs_error_rollup,
#blog .sticky-bottom-form .sticky-form-holder .hs_email .hs_error_rollup,
#blogpost .sticky-bottom-form .sticky-form-holder .hs_email .hs_error_rollup {
    position: absolute;
    width: 100%;
    text-align: left;
    bottom: -25px;
    left: 0
}

#author .sticky-bottom-form .sticky-form-holder .hs_email .hs_error_rollup ul.hs-error-msgs,
#blog .sticky-bottom-form .sticky-form-holder .hs_email .hs_error_rollup ul.hs-error-msgs,
#blogpost .sticky-bottom-form .sticky-form-holder .hs_email .hs_error_rollup ul.hs-error-msgs {
    list-style: none;
    padding: 0 0 0 16px;
    margin: 0;
    color: #f76868;
    font-size: 14px
}

#author .sticky-bottom-form .sticky-form-holder .hs_email .hs_error_rollup ul.hs-error-msgs li,
#blog .sticky-bottom-form .sticky-form-holder .hs_email .hs_error_rollup ul.hs-error-msgs li,
#blogpost .sticky-bottom-form .sticky-form-holder .hs_email .hs_error_rollup ul.hs-error-msgs li {
    margin: 0
}

#author .sticky-bottom-form .sticky-form-holder .hs_email .hs_error_rollup ul.hs-error-msgs li:before,
#blog .sticky-bottom-form .sticky-form-holder .hs_email .hs_error_rollup ul.hs-error-msgs li:before,
#blogpost .sticky-bottom-form .sticky-form-holder .hs_email .hs_error_rollup ul.hs-error-msgs li:before {
    display: none
}

#author .sticky-bottom-form .sticky-form-holder .hs_email .hs_error_rollup ul.hs-error-msgs label,
#blog .sticky-bottom-form .sticky-form-holder .hs_email .hs_error_rollup ul.hs-error-msgs label,
#blogpost .sticky-bottom-form .sticky-form-holder .hs_email .hs_error_rollup ul.hs-error-msgs label {
    display: block
}

#author .sticky-bottom-form .sticky-form-holder .hs_error_rollup,
#blog .sticky-bottom-form .sticky-form-holder .hs_error_rollup,
#blogpost .sticky-bottom-form .sticky-form-holder .hs_error_rollup {
    position: absolute;
    bottom: -12px;
    left: 20px
}

#author .sticky-bottom-form .sticky-form-holder .hs_error_rollup ul,
#blog .sticky-bottom-form .sticky-form-holder .hs_error_rollup ul,
#blogpost .sticky-bottom-form .sticky-form-holder .hs_error_rollup ul {
    list-style: none;
    padding: 0;
    margin: 0
}

#author .sticky-bottom-form .sticky-form-holder .hs_error_rollup ul li,
#blog .sticky-bottom-form .sticky-form-holder .hs_error_rollup ul li,
#blogpost .sticky-bottom-form .sticky-form-holder .hs_error_rollup ul li {
    margin: 0
}

#author .sticky-bottom-form .sticky-form-holder .submitted-message p,
#blog .sticky-bottom-form .sticky-form-holder .submitted-message p,
#blogpost .sticky-bottom-form .sticky-form-holder .submitted-message p {
    margin-top: 0
}

#author .sticky-bottom-form .sticky-form-holder .hs_submit,
#blog .sticky-bottom-form .sticky-form-holder .hs_submit,
#blogpost .sticky-bottom-form .sticky-form-holder .hs_submit {
    margin-left: 20px
}

#author .sticky-bottom-form .sticky-form-holder .hs_submit .actions .hs-button,
#blog .sticky-bottom-form .sticky-form-holder .hs_submit .actions .hs-button,
#blogpost .sticky-bottom-form .sticky-form-holder .hs_submit .actions .hs-button {
    background-color: #25a767;
    color: #fff;
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    text-transform: none
}

#author .sticky-bottom-form .sticky-form-holder .hs_submit .actions .hs-button:hover,
#blog .sticky-bottom-form .sticky-form-holder .hs_submit .actions .hs-button:hover,
#blogpost .sticky-bottom-form .sticky-form-holder .hs_submit .actions .hs-button:hover {
    background-color: #20925a
}

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

    #author .sticky-bottom-form .sticky-form-holder .hs_submit .actions .hs-button,
    #blog .sticky-bottom-form .sticky-form-holder .hs_submit .actions .hs-button,
    #blogpost .sticky-bottom-form .sticky-form-holder .hs_submit .actions .hs-button {
        width: 100%
    }
}

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

    #author .sticky-bottom-form .sticky-form-holder,
    #blog .sticky-bottom-form .sticky-form-holder,
    #blogpost .sticky-bottom-form .sticky-form-holder {
        height: 245px;
        padding-top: 25px;
        flex-direction: column
    }

    #author .sticky-bottom-form .sticky-form-holder .hbspt-form,
    #blog .sticky-bottom-form .sticky-form-holder .hbspt-form,
    #blogpost .sticky-bottom-form .sticky-form-holder .hbspt-form {
        margin: auto;
        display: block;
        max-width: 80%
    }

    #author .sticky-bottom-form .sticky-form-holder div,
    #author .sticky-bottom-form .sticky-form-holder p,
    #blog .sticky-bottom-form .sticky-form-holder div,
    #blog .sticky-bottom-form .sticky-form-holder p,
    #blogpost .sticky-bottom-form .sticky-form-holder div,
    #blogpost .sticky-bottom-form .sticky-form-holder p {
        display: block
    }

    #author .sticky-bottom-form .sticky-form-holder p,
    #blog .sticky-bottom-form .sticky-form-holder p,
    #blogpost .sticky-bottom-form .sticky-form-holder p {
        margin-bottom: 15px
    }

    #author .sticky-bottom-form .sticky-form-holder p.title,
    #blog .sticky-bottom-form .sticky-form-holder p.title,
    #blogpost .sticky-bottom-form .sticky-form-holder p.title {
        margin-bottom: 20px
    }

    #author .sticky-bottom-form .sticky-form-holder .hs_email,
    #author .sticky-bottom-form .sticky-form-holder .hs_submit,
    #blog .sticky-bottom-form .sticky-form-holder .hs_email,
    #blog .sticky-bottom-form .sticky-form-holder .hs_submit,
    #blogpost .sticky-bottom-form .sticky-form-holder .hs_email,
    #blogpost .sticky-bottom-form .sticky-form-holder .hs_submit {
        margin: 0
    }
}

#author .sticky-bottom-form.active .sticky-form-holder,
#blog .sticky-bottom-form.active .sticky-form-holder,
#blogpost .sticky-bottom-form.active .sticky-form-holder {
    display: flex
}

#author .wp-block-embed__wrapper,
#blog .wp-block-embed__wrapper,
#blogpost .wp-block-embed__wrapper {
    text-align: center
}

#blog .header {
    background: 0 0;
    position: relative;
    padding: 200px 0 50px;
    letter-spacing: 0
}

#blog .header::after {
    content: "";
    background: linear-gradient(275deg, #4c70de -9.26%, #1c9cd2 47.33%, #0faaa3 105.11%);
    opacity: .1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}

#blog .header h1 {
    font-size: 48px;
    line-height: 48px;
    color: #0d0f11;
    font-weight: 800;
    margin: 0;
    text-align: left
}

#blog .header h2 {
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    margin: 10px 0 44px;
    text-align: left;
    color: #0d0f11
}

#blog .header .featured-category-box {
    border-radius: 8px;
    color: #0d0f11;
    background: #fff;
    box-shadow: 3px 4px 20px 0 rgba(117, 128, 136, .1);
    padding: 20px;
    text-align: center;
    cursor: pointer
}

#blog .header .featured-category-box .featured-image {
    min-height: 132px;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    justify-content: center
}

#blog .header .featured-category-box .featured-image img {
    margin: auto
}

#blog .header .featured-category-box h4 {
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    margin: 0 0 6px
}

#blog .header .featured-category-box h4 a {
    color: #0d0f11
}

#blog .header .featured-category-box h4 a:hover {
    color: #1d9ad6;
    text-decoration: none
}

#blog .header .featured-category-box p {
    font-size: 13px;
    line-height: 19px;
    font-weight: 400;
    margin: 0;
    opacity: .6;
    min-height: 40px
}

#blog .header .featured-category-box:hover {
    box-shadow: 3px 4px 20px 0 rgba(117, 128, 136, .25)
}

#blog .header .featured-category-box:hover h4 a {
    color: #1d9ad6
}

@media screen and (max-width:992px) {
    #blog .header .featured-category-box {
        margin-bottom: 20px
    }
}

#blog .articles {
    padding-bottom: 40px;
    background: #f3f4f8
}

#blog .articles h3.title {
    font-size: 32px;
    font-weight: 500;
    line-height: 32px;
    margin: 0 0 32px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    color: #000;
    display: flex;
    justify-content: space-between;
    align-items: center
}

#blog .articles h3.title a {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500
}

#blog .articles .single-post .box .text h3 {
    margin: 16px 0 16px;
    font-weight: 700;
    color: #1b2024;
    display: block;
    display: -webkit-box;
    max-height: 81px;
    font-size: 18px;
    line-height: 27px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

#blog .articles .single-post .box .text h3:hover {
    color: #1d9ad6
}

#blog .articles .single-post.first .box .text h3 {
    margin: 0 0 24px;
    font-size: 26px;
    line-height: 34px;
    font-weight: 800;
    max-height: 100%
}

#blog .articles .single-post.first .box .text h4 {
    display: block;
    font-size: 16px;
    line-height: 24px;
    color: #8e929b;
    font-weight: 400;
    margin: 0 0 24px
}

#blog .articles .single-post.first .box .text .author {
    margin-left: 10px
}

@media screen and (max-width:768px) {
    #blog .articles .single-post .box .text h3 {
        min-height: auto
    }
}

#blog .articles.recent-posts {
    background: 0 0;
    padding-top: 80px
}

#blog .articles.selected-posts {
    background: 0 0;
    padding: 60px 0 0
}

#blog .inner-menu {
    min-height: 80px;
    overflow: hidden;
    background: #fff
}

#blog .inner-menu .mobile-menu-blog {
    display: none
}

#blog .inner-menu .wrapper {
    display: flex !important
}

#blog .inner-menu .wrapper.mobile-menu-wrapper {
    display: none !important
}

#blog .inner-menu .wrapper.mobile-menu-wrapper ul li a {
    font-size: 16px;
    font-weight: 500;
    line-height: 34px
}

#blog .inner-menu .wrapper.mobile-menu-wrapper.show {
    display: block !important
}

#blog .inner-menu .wrapper .search {
    width: 24px;
    overflow: hidden;
    margin-top: 18px;
    margin-left: auto
}

#blog .inner-menu .wrapper .search .icon {
    font-size: 22px;
    color: #0d0f11;
    cursor: pointer;
    display: block;
    margin-top: 6px
}

#blog .inner-menu .wrapper .search .asl_w_container {
    width: 0;
    display: none
}

#blog .inner-menu .wrapper .search #ajaxsearchlite1 .probox {
    border-radius: 5px;
    border: 1px solid #d7d6d6
}

#blog .inner-menu .wrapper .search #ajaxsearchlite1 .probox .promagnifier {
    order: 1;
    -webkit-order: 1
}

#blog .inner-menu .wrapper .search #ajaxsearchlite1 .probox .promagnifier .innericon svg {
    fill: #a0a3aa !important
}

#blog .inner-menu .wrapper.search-focused .search .asl_w_container {
    width: 100%;
    display: block
}

#blog .inner-menu .wrapper.search-focused .search .icon {
    display: none
}

#blog .inner-menu .wrapper .categories {
    width: 100%
}

#blog .inner-menu .wrapper.search-focused .categories {
    display: none !important
}

#blog .inner-menu .wrapper.search-focused .search {
    width: calc(100% - 30px);
    position: absolute;
    right: 15px
}

#blog .inner-menu .wrapper.search-focused .search #ajaxsearchlite1 .probox {
    border-color: #1d9ad6 !important
}

#blog .inner-menu .wrapper.search-focused .search #ajaxsearchlite1 .probox .promagnifier .innericon svg {
    fill: #1d9ad6 !important
}

#blog .btn-pagination {
    display: inline-block;
    padding: 10px 20px;
    color: #8e929b;
    font-size: 14px;
    text-decoration: none;
    text-transform: uppercase;
    border: 1px solid gray;
    border-radius: 3px;
    margin-bottom: 25px;
    margin-right: 15px;
    margin-left: 5px
}

#blog .btn-pagination:hover {
    color: #8e929b;
    text-decoration: none
}

#blog .btn-pagination a {
    color: #8e929b;
    text-decoration: none
}

#blogpost {
    color: #252525;
    position: relative
}

#blogpost .inner {
    margin-bottom: 50px
}

#blogpost .header {
    background: 0 0;
    padding-block: 180px 0
}

#blogpost .header .blog-featured-image {
    width: 100%;
    margin: auto
}

#blogpost .header .blog-featured-image img {
    max-width: 100%;
    border-radius: 16px
}

#blogpost .header h1 {
    color: #1b2024;
    font-weight: 500;
    font-size: 36px;
    line-height: 48px;
    margin: 0 auto;
    max-width: 680px;
    letter-spacing: 0
}

#blogpost .header .info {
    color: #2d3237;
    letter-spacing: 0;
    text-transform: uppercase;
    margin: 12px 0 30px
}

#blogpost .header .info .reading {
    text-transform: none
}

#blogpost .header .info .avatar {
    height: auto
}

#blogpost .header a {
    font-weight: 500;
    text-decoration: none
}

#blogpost .header a:hover {
    text-decoration: underline
}

#blogpost .header .subtitle {
    font-size: 26px;
    font-weight: 300;
    text-transform: none;
    letter-spacing: 1px
}

#blogpost .header .info {
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    color: #8e929b
}

#blogpost .header .info .title {
    font-weight: 800
}

#blogpost .header .info .date::after,
#blogpost .header .info .title::after {
    content: "|";
    margin: 0 10px 0 10px;
    font-weight: 400
}

#blogpost .header .info .date {
    text-transform: uppercase;
    letter-spacing: 0;
    font-weight: 600
}

#blogpost .header .info .avatar {
    margin: 0 8px 0 0
}

#blogpost .header .info .avatar img {
    margin: 0;
    width: 18px;
    height: 18px;
    display: block
}

@media screen and (max-width:640px) {
    #blogpost .header .info {
        display: block;
        text-align: center
    }

    #blogpost .header .info .avatar {
        margin-bottom: 5px;
        text-align: center
    }

    #blogpost .header .info .avatar img {
        display: inline-block
    }

    #blogpost .header .info .title {
        margin-bottom: 5px;
        display: block
    }

    #blogpost .header .info .title::after {
        display: none
    }
}

#blogpost .header .read {
    display: inline-block;
    width: 100px;
    padding: 10px;
    margin-top: 50px;
    border: 1px solid #fff;
    border-radius: 5px;
    font-weight: 300;
    text-transform: uppercase;
    transition: all .2s;
    font-weight: 600
}

#blogpost .header .read:hover {
    background-color: #1d9ad6;
    border-color: #1d9ad6
}

#blogpost .header .avatar {
    border-radius: 100%
}

#blogpost .bg-filter {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .4);
    color: #fff;
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-position: center center;
    background-size: cover
}

#blogpost .content {
    padding-top: 0;
    margin-top: 50px;
    letter-spacing: 0;
    overflow: visible
}

#blogpost .content .dbx-container {
    display: flex;
    flex-direction: row;
    gap: 24px
}

#blogpost .content .dbx-container .content-column {
    flex-grow: 1
}

#blogpost .content .dbx-container .content-column h1 {
    font-size: 40px;
    color: #000;
    font-weight: 500;
    margin-top: 60px;
    margin-bottom: 16px
}

#blogpost .content .dbx-container .content-column h2 {
    font-size: 28px;
    color: #000;
    font-weight: 500;
    line-height: 40px;
    margin-top: 40px;
    margin-bottom: 16px
}

#blogpost .content .dbx-container .content-column h3 {
    font-size: 24px;
    color: #000;
    font-weight: 500;
    margin-top: 50px;
    line-height: 32px;
    margin-bottom: 16px
}

#blogpost .content .dbx-container .content-column blockquote:first-child,
#blogpost .content .dbx-container .content-column h1:first-child,
#blogpost .content .dbx-container .content-column h2:first-child,
#blogpost .content .dbx-container .content-column h3:first-child,
#blogpost .content .dbx-container .content-column p:first-child {
    margin-top: 0
}

#blogpost .content .dbx-container .content-column b,
#blogpost .content .dbx-container .content-column strong {
    font-weight: 700
}

#blogpost .content .dbx-container .content-column img {
    margin: 30px 0 60px 0;
    border-radius: 16px
}

#blogpost .content .dbx-container .content-column iframe {
    width: 100%
}

#blogpost .content .dbx-container .content-column hr {
    margin: 50px 0
}

#blogpost .content .dbx-container .content-column blockquote {
    border-left: 2px solid #1d9ad6;
    padding: 0 22px;
    margin: 30px 124px 48px 76px
}

#blogpost .content .dbx-container .content-column blockquote p {
    font-size: 24px;
    line-height: 35px;
    color: #000;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0
}

#blogpost .content .dbx-container .content-column blockquote p a {
    background-image: none !important;
    text-decoration: underline
}

#blogpost .content .dbx-container .content-column .breadcrumbs,
#blogpost .content .dbx-container .content-column .last-updated,
#blogpost .content .dbx-container .content-column .wp-block-embed-youtube,
#blogpost .content .dbx-container .content-column h1,
#blogpost .content .dbx-container .content-column h2,
#blogpost .content .dbx-container .content-column h3,
#blogpost .content .dbx-container .content-column h4,
#blogpost .content .dbx-container .content-column h5,
#blogpost .content .dbx-container .content-column ol,
#blogpost .content .dbx-container .content-column p,
#blogpost .content .dbx-container .content-column ul {
    padding-left: 24px;
    padding-right: 24px
}

#blogpost .content .dbx-container .content-column pre {
    margin: 0 100px 25px;
    opacity: .9
}

#blogpost .content .dbx-container .content-column .wp-block-image {
    margin-bottom: 45px
}

#blogpost .content .dbx-container .content-column .wp-block-image img {
    margin-bottom: 0
}

#blogpost .content .dbx-container .content-column .indented {
    margin-left: 90px
}

#blogpost .content .dbx-container .content-column .wp-smiley {
    width: auto !important;
    margin: 0 !important
}

#blogpost .content .dbx-container .content-column b a,
#blogpost .content .dbx-container .content-column code a,
#blogpost .content .dbx-container .content-column h2 a,
#blogpost .content .dbx-container .content-column h3 a,
#blogpost .content .dbx-container .content-column h4 a,
#blogpost .content .dbx-container .content-column h5 a,
#blogpost .content .dbx-container .content-column i a,
#blogpost .content .dbx-container .content-column ol a,
#blogpost .content .dbx-container .content-column p a,
#blogpost .content .dbx-container .content-column strong a,
#blogpost .content .dbx-container .content-column ul a {
    color: #1d9ad6;
    text-decoration: underline
}

#blogpost .content .dbx-container .content-column b a:hover,
#blogpost .content .dbx-container .content-column code a:hover,
#blogpost .content .dbx-container .content-column h2 a:hover,
#blogpost .content .dbx-container .content-column h3 a:hover,
#blogpost .content .dbx-container .content-column h4 a:hover,
#blogpost .content .dbx-container .content-column h5 a:hover,
#blogpost .content .dbx-container .content-column i a:hover,
#blogpost .content .dbx-container .content-column ol a:hover,
#blogpost .content .dbx-container .content-column p a:hover,
#blogpost .content .dbx-container .content-column strong a:hover,
#blogpost .content .dbx-container .content-column ul a:hover {
    color: #008ace;
    text-decoration: none
}

#blogpost .content .dbx-container .content-column ol,
#blogpost .content .dbx-container .content-column p,
#blogpost .content .dbx-container .content-column table,
#blogpost .content .dbx-container .content-column ul {
    font-size: 18px;
    line-height: 32px;
    margin-bottom: 25px;
    font-weight: 400;
    font-weight: 400;
    font-style: normal;
    color: #000;
    letter-spacing: 0
}

#blogpost .content .dbx-container .content-column ol li {
    margin-left: 25px;
    margin-bottom: 16px;
    font-weight: 500
}

#blogpost .content .dbx-container .content-column ul li {
    list-style: none;
    margin-bottom: 16px;
    margin-left: 15px;
    font-size: 18px;
    font-weight: 500
}

#blogpost .content .dbx-container .content-column ul li:before {
    padding-top: 4px;
    padding-right: 9px;
    margin-left: -15px;
    content: "\25CF"
}

#blogpost .content .dbx-container .content-column table {
    max-width: 792px;
    border-color: #eee !important;
    margin-top: 40px;
    margin-bottom: 40px
}

#blogpost .content .dbx-container .content-column table td {
    vertical-align: top;
    padding: 40px
}

#blogpost .content .dbx-container .content-column table td h1,
#blogpost .content .dbx-container .content-column table td h2,
#blogpost .content .dbx-container .content-column table td h3,
#blogpost .content .dbx-container .content-column table td h4,
#blogpost .content .dbx-container .content-column table td h5,
#blogpost .content .dbx-container .content-column table td ol,
#blogpost .content .dbx-container .content-column table td p,
#blogpost .content .dbx-container .content-column table td ul {
    padding-left: 30px;
    padding-right: 30px
}

#blogpost .content .dbx-container .content-column table img {
    padding: 0;
    margin: 0
}

#blogpost .content .dbx-container .content-column table.indented td {
    padding-left: 10px
}

#blogpost .content .dbx-container .content-column table.simple {
    max-width: 100%
}

#blogpost .content .dbx-container .content-column table.simple th {
    text-align: left
}

#blogpost .content .dbx-container .content-column table.simple td,
#blogpost .content .dbx-container .content-column table.simple th {
    padding: 8px 10px
}

#blogpost .content .dbx-container .content-column table.simple td {
    font-size: 16px
}

#blogpost .content .dbx-container .content-column .gray-bg {
    background: #f4f5f9;
    padding-top: 50px;
    padding-bottom: 30px;
    margin-bottom: 30px;
    margin-top: 30px
}

#blogpost .content .dbx-container .content-column .gray-bg img {
    max-width: 100%
}

#blogpost .content .dbx-container .content-column .inside-content {
    padding-left: 100px !important;
    padding-right: 100px !important
}

#blogpost .content .dbx-container .content-column iframe.iframe-video {
    width: 100% !important;
    height: 443px !important
}

#blogpost .content .dbx-container .content-column .visoflow-featured-section {
    margin: 70px 15px 80px;
    background: rgba(29, 154, 214, .2) !important;
    border-radius: 8px;
    padding: 80px 97px;
    background-color: #f8f5f0;
    padding: 85px 85px 70px
}

#blogpost .content .dbx-container .content-column .visoflow-featured-section h1,
#blogpost .content .dbx-container .content-column .visoflow-featured-section h2,
#blogpost .content .dbx-container .content-column .visoflow-featured-section h3 {
    color: #000;
    font-weight: 500;
    margin: 0 0 24px
}

#blogpost .content .dbx-container .content-column .visoflow-featured-section h1,
#blogpost .content .dbx-container .content-column .visoflow-featured-section h2,
#blogpost .content .dbx-container .content-column .visoflow-featured-section h3,
#blogpost .content .dbx-container .content-column .visoflow-featured-section h4,
#blogpost .content .dbx-container .content-column .visoflow-featured-section ol,
#blogpost .content .dbx-container .content-column .visoflow-featured-section p,
#blogpost .content .dbx-container .content-column .visoflow-featured-section ul {
    padding-left: 0;
    padding-right: 0
}

#blogpost .content .dbx-container .content-column .visoflow-featured-section .img {
    margin-bottom: 0
}

#blogpost .content .dbx-container .content-column .visoflow-featured-section figure,
#blogpost .content .dbx-container .content-column .visoflow-featured-section p {
    margin: 15px 0
}

#blogpost .content .dbx-container .content-column .visoflow-featured-section img {
    max-width: 825px
}

#blogpost .content .dbx-container .content-column .visoflow-featured-section ul li {
    margin-bottom: 0
}

#blogpost .content .dbx-container .content-column .visoflow-featured-section a:not(.wp-block-button__link) {
    color: #1d9ad6
}

#blogpost .content .dbx-container .content-column .visoflow-featured-section .visoflow-featured-section-title {
    font-size: 30px;
    color: #292929;
    font-weight: 500
}

#blogpost .content .dbx-container .content-column .visoflow-featured-section .visoflow-featured-section-button-cta .wp-block-button {
    margin-top: 15px;
    margin-bottom: 15px
}

#blogpost .content .dbx-container .content-column .visoflow-featured-section .visoflow-featured-section-button-cta .wp-block-button__link {
    display: inline-block;
    padding: 10px 30px;
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.3333333;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 6px !important;
    text-decoration: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

#blogpost .content .dbx-container .content-column .visoflow-featured-section .visoflow-featured-section-button-cta .wp-block-button__link:not(.has-text-color) {
    color: #fff
}

#blogpost .content .dbx-container .content-column .visoflow-featured-section .visoflow-featured-section-button-cta .wp-block-button__link:not(.has-background) {
    background-color: #25a767
}

#blogpost .content .dbx-container .content-column .visoflow-featured-section .visoflow-featured-section-button-cta .wp-block-button__link:not(.has-background):active,
#blogpost .content .dbx-container .content-column .visoflow-featured-section .visoflow-featured-section-button-cta .wp-block-button__link:not(.has-background):focus,
#blogpost .content .dbx-container .content-column .visoflow-featured-section .visoflow-featured-section-button-cta .wp-block-button__link:not(.has-background):hover {
    background-color: #20925a
}

#blogpost .content .dbx-container .content-column .visoflow-featured-section .visoflow-featured-section-button-cta .wp-block-button__link.has-background {
    opacity: .8
}

#blogpost .content .dbx-container .content-column .visoflow-featured-section .visoflow-featured-section-button-cta .wp-block-button__link.has-background:active,
#blogpost .content .dbx-container .content-column .visoflow-featured-section .visoflow-featured-section-button-cta .wp-block-button__link.has-background:focus,
#blogpost .content .dbx-container .content-column .visoflow-featured-section .visoflow-featured-section-button-cta .wp-block-button__link.has-background:hover {
    opacity: 1
}

@media only screen and (max-width:993px) {
    #blogpost .content .dbx-container .content-column .visoflow-featured-section img {
        width: 100%
    }
}

@media only screen and (max-width:577px) {
    #blogpost .content .dbx-container .content-column .visoflow-featured-section {
        padding: 45px 40px 35px;
        margin-left: 0;
        margin-right: 0
    }
}

#blogpost .content .dbx-container .content-column .dbx-speech-bubble {
    margin-top: 0
}

#blogpost .content .dbx-container .content-column .dbx-speech-bubble p {
    margin: 0;
    padding: 0;
    font-size: 16px !important
}

#blogpost .content .dbx-container .content-column .dbx-speech-bubble img {
    margin: 0 !important;
    width: auto !important;
    max-width: none !important
}

#blogpost .content .dbx-container .content-column .dbx-cta-2 h1,
#blogpost .content .dbx-container .content-column .dbx-cta-2 h2,
#blogpost .content .dbx-container .content-column .dbx-cta-2 h3,
#blogpost .content .dbx-container .content-column .dbx-cta-2 p {
    padding: 0;
    margin-bottom: 18px
}

#blogpost .content .dbx-container .content-column .dbx-cta-2 p {
    font-size: 16px !important
}

#blogpost .content .dbx-container .content-column .dbx-cta-2 img {
    margin: 0 !important
}

#blogpost .content .dbx-container .sidebar {
    font-size: 16px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    width: 300px;
    gap: 24px
}

@media screen and (max-width:960px) {
    #blogpost .content .dbx-container .sidebar {
        width: auto
    }
}

#blogpost .content .dbx-container .sidebar .widget_block {
    border-radius: 12px;
    border: 1px solid rgba(142, 146, 155, .2);
    padding: 8px
}

#blogpost .content .dbx-container .sidebar .wp-block-group .wp-block-group {
    padding: 8px
}

#blogpost .content .dbx-container .sidebar h2.has-background {
    margin: 0;
    padding: 18px 20px;
    border-radius: 8px
}

#blogpost .content .dbx-container .sidebar ul {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding-left: 40px
}

#blogpost .content .dbx-container .sidebar img {
    border-radius: 8px
}

#blogpost .content .dbx-container .sidebar .widget_block:last-of-type {
    position: sticky;
    top: 160px
}

#blogpost .content .dbx-container .sidebar .dbx-btn {
    display: block;
    margin: 0 auto;
    width: 100%
}

@media screen and (max-width:960px) {
    #blogpost .content .dbx-container {
        flex-direction: column;
        gap: 48px
    }

    #blogpost .content .dbx-container .sidebar .dbx-btn {
        width: max-content
    }
}

#blogpost .share {
    position: absolute;
    width: 60px;
    margin: 90px 0 0;
    right: 0
}

#blogpost .share .icon {
    font-size: 30px;
    margin-bottom: 15px;
    -webkit-filter: grayscale(1);
    filter: grayscale(1)
}

#blogpost .share .icon:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

#blogpost .share a {
    cursor: pointer
}

#blogpost .table-of-contents {
    position: absolute;
    max-width: 160px;
    margin: 90px 20px 0 40px
}

#blogpost .table-of-contents h4 {
    font-size: 12px;
    line-height: 17px;
    text-transform: uppercase;
    color: #8e929b
}

#blogpost .table-of-contents ul {
    list-style: none;
    padding: 0;
    margin: 0
}

#blogpost .table-of-contents ul li {
    cursor: pointer;
    font-weight: 500;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 20px
}

#blogpost .table-of-contents ul li.current {
    color: #1d9ad6
}

@media screen and (max-width:1700px) {
    #blogpost .table-of-contents {
        display: none !important
    }
}

#blogpost .share-bottom {
    text-align: center;
    margin-bottom: 70px
}

#blogpost .share-bottom img {
    margin: 0 15px;
    -webkit-filter: grayscale(1);
    filter: grayscale(1)
}

#blogpost .share-bottom img:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

#blogpost .share-bottom a {
    cursor: pointer
}

#blogpost.fixSocialButtons .share,
#blogpost.fixSocialButtons .table-of-contents {
    position: fixed;
    top: 0
}

#blogpost.fixSocialButtons.absoluteSocialButton .table-of-contents {
    position: absolute;
    bottom: 0;
    top: inherit
}

#blogpost.fixSocialButtons.absoluteSocialButton .share {
    position: absolute;
    top: inherit
}

#blogpost.fixSocialButtons.absoluteSocialButton.relatedPosts .table-of-contents {
    bottom: 700px
}

#blogpost .author .container,
#blogpost .content .container {
    max-width: 992px
}

#blogpost .author {
    font-size: 15px
}

#blogpost .author .divider {
    display: block;
    margin: 0 auto 40px
}

#blogpost .author .title {
    display: block;
    font-size: 10px;
    color: #8e929b;
    margin-bottom: 40px;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1px
}

#blogpost .author .desc {
    padding: 0 15%
}

#blogpost .author .user-desc {
    color: #8e929b;
    text-align: center;
    margin-bottom: 100px
}

#blogpost .author .user-desc a,
#blogpost .author .user-desc b {
    color: #000
}

#blogpost .articles .title {
    display: block;
    color: #000;
    font-weight: 500;
    font-size: 32px;
    line-height: 24px;
    text-align: left;
    text-transform: none;
    letter-spacing: 0
}

#blogpost .articles hr {
    margin-top: 24px;
    margin-bottom: 40px;
    border-top: 1px solid rgba(0, 0, 0, .1)
}

#blogpost .articles .box a h3 {
    color: #1d9ad6
}

#blogpost .articles .box a .thumb .hover-overlay {
    line-height: 200px
}

#blogpost .author-info .container {
    display: flex;
    border-top: 1px solid rgba(142, 146, 155, .2);
    padding-block: 64px;
    align-items: center;
    flex-direction: column;
    gap: 8px
}

#blogpost .author-info .image-container img {
    border-radius: 100%
}

#blogpost .author-info .text-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px
}

#blogpost .author-info .text-container .author {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px
}

#blogpost .author-info .text-container .author .article-by {
    font-size: 15px;
    line-height: 20px;
    font-weight: 400
}

#blogpost .author-info .text-container .author .author-name {
    font-size: 24px;
    font-weight: 700
}

#blogpost .author-info .author-description {
    display: block;
    display: -webkit-box;
    max-height: 20px;
    font-size: 16px;
    line-height: 20px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 1rem;
    line-height: 1.25rem;
    max-width: 80%;
    max-width: 650px
}

#blogpost .author-info .author-url {
    text-decoration: underline;
    font-size: 1rem;
    line-height: 1.25rem;
    font-weight: 700
}

#blogpost .author-info .icon-container {
    display: flex;
    justify-content: center;
    gap: 16px
}

#blogpost .author-info .icon-container img {
    border-radius: 100%
}

@media screen and (max-width:768px) {
    #blogpost .author-info .image-container img {
        width: 48px;
        height: 48px
    }

    #blogpost .author-info .author-name {
        font-size: 20px
    }
}

#blogpost img.alignleft {
    float: left !important;
    margin: 0 2em .5em 0 !important
}

#blogpost img.aligncenter {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important
}

#blogpost img.alignright {
    float: right !important;
    margin: .5em 0 .5em 1em !important
}

#dbx-navigation.is_banner+#blogpost .share,
#dbx-navigation.is_banner+#blogpost .table-of-contents {
    margin-top: 134px
}

#author header {
    height: 110px;
    margin-bottom: 40px
}

#author .author-bio {
    text-align: center;
    margin-top: 40px
}

#author .author-bio h3 {
    text-transform: uppercase;
    letter-spacing: 2px;
    word-spacing: 3px;
    font-size: 20px;
    margin-bottom: 20px
}

#author .author-bio p {
    color: rgba(142, 146, 155, .7);
    font-size: 18px
}

#author .author-bio p strong {
    color: #000
}

#author .content {
    padding-top: 55px
}

@media only screen and (max-width:1200px) {
    #blogpost .content table td {
        padding: 10px
    }
}

@media only screen and (max-width:991px) {
    #blogpost .container {
        padding: 0 20px
    }

    #blogpost .content .breadcrumbs,
    #blogpost .content .last-updated,
    #blogpost .content .wp-block-embed-youtube,
    #blogpost .content h1,
    #blogpost .content h2,
    #blogpost .content h3,
    #blogpost .content h4,
    #blogpost .content h5,
    #blogpost .content ol,
    #blogpost .content p,
    #blogpost .content ul {
        padding-left: 10px;
        padding-right: 10px
    }

    #blogpost .content pre {
        margin-left: 10px;
        margin-right: 10px
    }

    #blogpost .content .indented {
        margin-left: 0
    }

    #blogpost .content iframe.iframe-video {
        height: 381px !important
    }

    #blogpost .content img {
        max-width: 100%
    }
}

@media only screen and (min-width:768px) {

    #author .articles .first,
    #blog .articles .first {
        margin-bottom: 30px
    }

    #author .articles .first .box,
    #blog .articles .first .box {
        height: auto;
        margin-bottom: 0
    }

    #author .articles .first .box .thumb,
    #blog .articles .first .box .thumb {
        height: 100%
    }

    #author .articles .first .box .thumb .hover-overlay,
    #blog .articles .first .box .thumb .hover-overlay {
        line-height: 340px
    }

    #author .articles .first .box .category-1,
    #blog .articles .first .box .category-1 {
        display: block
    }

    #author .articles .first .box .category-2,
    #blog .articles .first .box .category-2 {
        display: none
    }

    #author .articles .first .box .author-1,
    #blog .articles .first .box .author-1 {
        display: none
    }

    #author .articles .first .box>a,
    #blog .articles .first .box>a {
        height: 340px
    }

    #author .articles .first .box>a,
    #blog .articles .first .box>a {
        float: left;
        width: 55%
    }

    #author .articles .first .box>a img,
    #blog .articles .first .box>a img {
        border-radius: 16px
    }

    #author .articles .first .box .text,
    #blog .articles .first .box .text {
        float: left;
        width: 45%
    }

    #author .articles .first .box .text,
    #blog .articles .first .box .text {
        min-height: 292px;
        padding-left: 54px;
        position: relative;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-flex-direction: column;
        flex-direction: column
    }

    #author .articles .first .box .text h3,
    #blog .articles .first .box .text h3 {
        font-weight: 700;
        display: block;
        display: -webkit-box;
        max-height: 90px;
        font-size: 24px;
        line-height: 30px;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis
    }

    #author .articles .first .box .text h4,
    #blog .articles .first .box .text h4 {
        display: block;
        font-size: 16px;
        line-height: 24px;
        color: #8e929b;
        font-weight: 400;
        margin: 0 0 24px
    }
}

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

    #author .articles .box,
    #blog .articles .box {
        height: auto
    }

    #author .articles .text h4,
    #blog .articles .text h4 {
        max-height: auto;
        -webkit-line-clamp: initial;
        -webkit-box-orient: initial;
        text-overflow: initial
    }

    #author .articles .author,
    #blog .articles .author {
        display: none
    }

    #blog .articles,
    #blogpost .articles {
        padding-bottom: 10px
    }

    #blog .articles .box a .thumb,
    #blogpost .articles .box a .thumb {
        width: auto
    }

    #blog .articles .box a .thumb .hover-overlay,
    #blogpost .articles .box a .thumb .hover-overlay {
        line-height: 250px
    }

    #blogpost .header .avatar {
        display: block;
        margin: 0 auto
    }

    #blogpost .content table img {
        margin-top: 0;
        vertical-align: top
    }

    #blogpost .content table p {
        font-size: 16px !important
    }

    #blogpost .content blockquote {
        margin: 25px 10px
    }

    #blogpost .content img:not(.smImg) {
        width: 100%
    }

    #blogpost .author .desc {
        padding: 0 20px
    }

    #blogpost .author .avatar {
        display: block;
        margin: 0 auto
    }

    #blog .inner-menu {
        height: auto;
        min-height: auto;
        overflow: hidden
    }

    #blog .inner-menu .wrapper {
        align-items: center;
        min-height: 70px;
        justify-content: center
    }

    #blog .inner-menu .wrapper .mobile-menu-blog {
        display: flex;
        font-size: 16px;
        font-weight: 500;
        color: #0d0f11;
        text-decoration: none;
        align-items: center
    }

    #blog .inner-menu .wrapper .mobile-menu-blog .icon {
        margin-right: 8px;
        font-size: 12px
    }

    #blog .inner-menu .wrapper .mobile-menu-blog.back-button .icon {
        transform: rotate(180deg)
    }

    #blog .inner-menu .wrapper .categories {
        display: block !important;
        height: 60px;
        padding-top: 15px;
        padding-bottom: 15px
    }

    #blog .inner-menu .wrapper .search {
        margin-top: 0;
        margin-bottom: 0;
        -webkit-transition: none;
        transition: none
    }

    #blog .inner-menu .wrapper .search .icon {
        margin: 0
    }

    #blog .inner-menu .wrapper.search-focused .categories {
        display: block !important
    }

    #blog .inner-menu .wrapper.search-focused .search {
        position: static;
        width: 100%
    }
}

@media only screen and (max-width:480px) {
    #blog .header {
        padding-top: 120px;
        text-align: center
    }

    #blog .header h1 {
        padding-top: 20px;
        font-size: 40px;
        line-height: 48px;
        text-align: center
    }

    #blog .header h2 {
        text-align: center;
        font-size: 16px;
        line-height: 24px
    }

    #blog .header .featured-category-box {
        margin-bottom: 10px
    }

    #blog .header .featured-category-box .featured-image {
        display: none
    }

    #blog .header .featured-category-box h4 {
        margin: 0
    }

    #blog .header .featured-category-box h4 a {
        display: block;
        position: relative
    }

    #blog .header .featured-category-box h4 a::after {
        content: "\35";
        font-family: Icons;
        position: absolute;
        right: 0;
        font-size: 12px;
        color: #8e929b
    }

    #blog .header .featured-category-box p {
        display: none
    }

    .inside-content {
        padding-left: 15px !important;
        padding-right: 15px !important
    }

    #blogpost .header {
        padding-top: 40%;
        height: auto
    }

    #blogpost table td {
        padding: 20px
    }

    #blogpost .content table.small-fixed {
        width: 100%;
        table-layout: fixed
    }

    #blogpost .content table.small-fixed td {
        padding: 0
    }

    #blogpost .content table.small-fixed td>p {
        margin: 10px !important;
        font-size: 14px !important;
        word-break: break-word;
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        hyphens: auto
    }

    #blogpost .content table:not(.preserveLayout),
    #blogpost .content table:not(.preserveLayout) tbody,
    #blogpost .content table:not(.preserveLayout) td,
    #blogpost .content table:not(.preserveLayout) th,
    #blogpost .content table:not(.preserveLayout) thead,
    #blogpost .content table:not(.preserveLayout) tr {
        display: block;
        width: 100%;
        border: none
    }

    #blogpost .content table:not(.preserveLayout) th,
    #blogpost .content table:not(.preserveLayout) thead {
        display: none
    }

    #blogpost .content table:not(.preserveLayout) tr {
        margin-bottom: 30px
    }

    #blogpost .content table td .breadcrumbs,
    #blogpost .content table td .last-updated,
    #blogpost .content table td .wp-block-embed-youtube,
    #blogpost .content table td h1,
    #blogpost .content table td h2,
    #blogpost .content table td h3,
    #blogpost .content table td h4,
    #blogpost .content table td h5,
    #blogpost .content table td ol,
    #blogpost .content table td p,
    #blogpost .content table td ul {
        padding-left: 0;
        padding-right: 0
    }

    #blogpost .content table td p {
        margin-bottom: 0
    }

    #blogpost .content table.preserveLayout th span {
        font-weight: 400;
        display: block;
        transform: rotate(-90deg) translate(25px, -20px);
        -o-transform: rotate(-90deg) translate(25px, -20px);
        -ms-transform: rotate(-90deg) translate(25px, -20px);
        -moz-transform: rotate(-90deg) translate(25px, -20px);
        -webkit-transform: rotate(-90deg) translate(25px, -20px);
        max-width: 40px;
        font-size: 16px;
        line-height: 16px
    }

    #blogpost .content table.preserveLayout td,
    #blogpost .content table.preserveLayout th {
        padding: 0
    }

    #blogpost .content iframe.iframe-video {
        height: 250px !important
    }
}

#archive #navigation .reading-line,
#recent #navigation .reading-line,
#single #navigation .reading-line {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    background: #1d9ad6;
    border-radius: 1px
}

#archive #navigation::after,
#recent #navigation::after,
#single #navigation::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .1;
    background: linear-gradient(275deg, #4c70de -9.26%, #1c9cd2 47.33%, #0faaa3 105.11%);
    z-index: -1
}

#blog #single .content {
    padding: 0 0 80px
}

#archive .categories .current-menu-item .icon,
#recent .categories .current-menu-item .icon,
#search .categories .current-menu-item .icon,
.page-template.page-template-page-blog .categories .current-menu-item .icon {
    transform: rotate(180deg);
    display: inline-block;
    font-size: 12px;
    vertical-align: top
}

#archive .categories .current-menu-item .icon::before,
#recent .categories .current-menu-item .icon::before,
#search .categories .current-menu-item .icon::before,
.page-template.page-template-page-blog .categories .current-menu-item .icon::before {
    top: 0
}

#archive .all #blog,
#recent .all #blog,
#search .all #blog,
.page-template.page-template-page-blog .all #blog {
    padding-top: 0
}

#archive .all.is_promotion_banner #blog,
#recent .all.is_promotion_banner #blog,
#search .all.is_promotion_banner #blog,
.page-template.page-template-page-blog .all.is_promotion_banner #blog {
    padding-top: 48px
}

#archive #author .articles .first,
#archive #blog .articles .first,
#recent #author .articles .first,
#recent #blog .articles .first,
#search #author .articles .first,
#search #blog .articles .first,
.page-template.page-template-page-blog #author .articles .first,
.page-template.page-template-page-blog #blog .articles .first {
    margin-bottom: 0
}

#archive #author .articles .first .box>a,
#archive #blog .articles .first .box>a,
#recent #author .articles .first .box>a,
#recent #blog .articles .first .box>a,
#search #author .articles .first .box>a,
#search #blog .articles .first .box>a,
.page-template.page-template-page-blog #author .articles .first .box>a,
.page-template.page-template-page-blog #blog .articles .first .box>a {
    width: 100%;
    height: 400px
}

#archive #author .articles .first .box>a .hover-overlay,
#archive #blog .articles .first .box>a .hover-overlay,
#recent #author .articles .first .box>a .hover-overlay,
#recent #blog .articles .first .box>a .hover-overlay,
#search #author .articles .first .box>a .hover-overlay,
#search #blog .articles .first .box>a .hover-overlay,
.page-template.page-template-page-blog #author .articles .first .box>a .hover-overlay,
.page-template.page-template-page-blog #blog .articles .first .box>a .hover-overlay {
    line-height: 400px
}

#archive #author .articles .first .box .text,
#archive #blog .articles .first .box .text,
#recent #author .articles .first .box .text,
#recent #blog .articles .first .box .text,
#search #author .articles .first .box .text,
#search #blog .articles .first .box .text,
.page-template.page-template-page-blog #author .articles .first .box .text,
.page-template.page-template-page-blog #blog .articles .first .box .text {
    width: 100%;
    padding: 35px 0 0;
    display: block
}

#archive .all #blog,
#recent .all #blog {
    padding-top: 110px
}

#archive .all #navigation.is_banner+#blog,
#recent .all #navigation.is_banner+#blog {
    padding-top: 155px
}

.page-template.page-template-page-blog #blog .articles .col-two-columns {
    margin-bottom: 45px
}

.page-template.page-template-page-blog #blog .articles .col-two-columns .box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 40px
}

.page-template.page-template-page-blog #blog .articles .col-two-columns .box .text,
.page-template.page-template-page-blog #blog .articles .col-two-columns .box>a {
    width: 50%
}

@media screen and (max-width:992px) {
    .page-template.page-template-page-blog #blog .articles .col-two-columns .box {
        flex-direction: column
    }

    .page-template.page-template-page-blog #blog .articles .col-two-columns .box .text,
    .page-template.page-template-page-blog #blog .articles .col-two-columns .box>a {
        width: 100%;
        padding: 0
    }

    .page-template.page-template-page-blog #blog .articles .col-two-columns .box>a {
        height: 400px
    }
}

@media screen and (max-width:768px) {
    .page-template.page-template-page-blog #blog .articles .col-two-columns .box>a {
        height: auto
    }
}

@media screen and (max-width:768px) {
    .inner-menu .mobile-menu-wrapper {
        min-height: inherit !important
    }

    .inner-menu .mobile-menu-wrapper ul {
        display: none;
        padding: 0
    }

    .inner-menu .mobile-menu-wrapper ul li {
        width: 100%;
        margin: 0 0 10px
    }

    .inner-menu .mobile-menu-wrapper.show ul {
        display: block
    }

    .inner-menu .mobile-menu-wrapper.show ul.sub-category {
        display: none
    }

    .inner-menu .mobile-menu-wrapper.show ul .current-item>a {
        color: #0d0f11
    }

    .inner-menu .mobile-menu-wrapper.show ul .current-item>.sub-category {
        display: block
    }

    .inner-menu .mobile-menu-wrapper.show ul.sub-category {
        padding-left: 20px;
        padding-top: 10px
    }

    .inner-menu .mobile-menu-wrapper.show ul.sub-category.last .current-item>a {
        color: #1d9ad6
    }

    #archive #navigation {
        height: 78px
    }

    #blog .inner-menu .wrapper ul.categories {
        display: none !important
    }

    #blog .inner-menu .wrapper.search-focused ul.categories {
        display: none !important
    }

    #blog .inner-menu .wrapper.search-focused a.mobile-menu-blog {
        display: none
    }

    #archive .all #blog,
    #search .all #blog {
        padding-top: 78px
    }
}

#search #blog .header,
.page-template.page-template-page-blog #blog .header {
    margin-top: 0
}

div#blog .articles:last-child {
    padding-bottom: 135px
}

@media screen and (max-width:768px) {
    div#blog .articles:last-child {
        padding-bottom: 50px
    }
}

.page-template-page-blog #blog {
    padding-bottom: 135px
}

@media screen and (max-width:768px) {
    .page-template-page-blog #blog {
        padding-bottom: 50px
    }
}

div#blogpost {
    padding-bottom: 135px
}

div#blogpost .articles {
    padding-bottom: 0;
    width: 100%;
    overflow: hidden
}

div#blogpost .articles .box {
    margin-bottom: 0
}

@media screen and (max-width:768px) {
    div#blogpost {
        padding-bottom: 50px
    }
}

#search #blog .header h1 span {
    font-weight: 400
}

#search #blog .header h1 span.page-description {
    font-weight: 700
}

.wp-block-embed-youtube .wp-block-embed__wrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0
}

.wp-block-embed-youtube .wp-block-embed__wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

@keyframes fade-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

#single-calculator {
    letter-spacing: 0;
    background-color: #fafafa
}

#single-calculator>.header {
    padding: 172px 0 330px;
    background: linear-gradient(142deg, #5cb4be 0, #008ace 100%)
}

@media screen and (max-width:768px) {
    #single-calculator>.header {
        padding: 100px 0 330px
    }
}

#single-calculator>.header a {
    margin: 16px 0;
    display: inline-flex;
    padding: 4px 16px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 32px;
    background: rgba(232, 245, 251, .1);
    border-radius: 8px;
    border: 0;
    transition: transform .1s ease-in-out;
    white-space: nowrap;
    cursor: pointer;
    user-select: none
}

#single-calculator>.header a:hover {
    text-decoration: none
}

#single-calculator>.header a:active {
    transform: scale(.95)
}

#single-calculator>.header #calculators-header-content h1 {
    color: #fff;
    text-align: center;
    font-size: 48px;
    font-weight: 700;
    line-height: 72px;
    margin: 0
}

#single-calculator>.header #calculators-header-content p {
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin: 20px 0 0
}

#single-calculator .calculators-graph {
    margin-top: -250px;
    padding-bottom: 50px
}

@media screen and (max-width:768px) {
    #single-calculator .calculators-graph {
        padding-left: 0;
        padding-right: 0
    }
}

#single-calculator #calculators-about {
    border-bottom: 1px solid #d7e2ec;
    padding-top: 70px;
    padding-bottom: 70px
}

#single-calculator #calculators-about h3 {
    color: #2d3237;
    font-size: 32px;
    font-weight: 500;
    margin: 0 0 30px
}

#single-calculator #calculators-about h6 {
    color: #252525;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px
}

#single-calculator #calculators-about p {
    color: #72757c;
    font-size: 16px;
    font-style: normal;
    font-weight: 400
}

#single-calculator #how-to-track {
    padding-top: 130px;
    padding-bottom: 50px
}

#single-calculator #how-to-track h3 {
    color: #2d3237;
    font-size: 32px;
    font-weight: 500;
    margin: 0 0 30px
}

#single-calculator #how-to-track h3::before {
    position: absolute;
    content: "";
    height: 3px;
    top: 30px;
    margin: 0 auto;
    left: -38px;
    right: 0;
    width: 300px;
    background: #008aceb3
}

@media screen and (max-width:1200px) {
    #single-calculator #how-to-track h3::before {
        content: unset
    }
}

#single-calculator #how-to-track p {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin: 0
}

#single-calculator #how-to-track .how-to-track-card {
    gap: 0 6px;
    display: inline-flex;
    align-items: center;
    padding: 12px;
    border-radius: 6px;
    background: #fff;
    box-shadow: 3px 4px 22px 0 rgba(117, 128, 136, .1)
}

#single-calculator #how-to-track .how-to-track-step {
    margin-bottom: 16px;
    display: flex;
    gap: 14px
}

#single-calculator #how-to-track .how-to-track-step:first-of-type {
    margin-top: 40px
}

#single-calculator #how-to-track .how-to-track-step>div:first-of-type {
    border-radius: 50%;
    background-color: #1d9ad6;
    height: 20px;
    width: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    flex-shrink: 0;
    padding-left: 1.5px
}

#single-calculator #how-to-track .how-to-track-step .how-to-track-step-list {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin: 16px 0
}

#single-calculator #how-to-track .how-to-track-step .how-to-track-step-list .how-to-track-card img {
    border-radius: 50%;
    height: 16px;
    width: 16px
}

#single-calculator #how-to-track .how-to-track-step .how-to-track-step-list .how-to-track-card span {
    color: #292929;
    font-size: 15px;
    font-weight: 500;
    line-height: 24px
}

#single-calculator #how-to-track .how-to-track-image-card-list {
    display: flex;
    flex-flow: row wrap;
    gap: 24px;
    justify-content: flex-end
}

@media screen and (max-width:768px) {
    #single-calculator #how-to-track .how-to-track-image-card-list {
        padding: 0 16px;
        justify-content: center
    }
}

#single-calculator #how-to-track .how-to-track-image-card-list .how-to-track-card {
    display: flex;
    flex-direction: column;
    flex: 0 1 270px;
    padding: 8px
}

#single-calculator #how-to-track .how-to-track-image-card-list .how-to-track-card>:not(img) {
    margin: 8px 0 0;
    padding: 8px;
    color: #292929;
    font-size: 14px;
    font-weight: 400;
    align-self: flex-start
}

#single-calculator #track-all-of-your {
    background-image: url("/wp-content/themes/visoflow/inc/img/calculators/track-all-metrics-desktop.png");
    background-size: contain;
    background-repeat: no-repeat;
    height: 350px;
    padding: 70px;
    margin-bottom: 50px;
    margin-top: 50px
}

@media screen and (max-width:992px) {
    #single-calculator #track-all-of-your {
        padding: 40px
    }
}

@media screen and (max-width:768px) {
    #single-calculator #track-all-of-your {
        display: flex;
        background-image: url("/wp-content/themes/visoflow/inc/img/calculators/track-all-metrics-mobile.png");
        background-position: center;
        justify-content: center;
        align-items: flex-end;
        padding: 60px
    }
}

#single-calculator #track-all-of-your>div {
    max-width: 550px
}

@media screen and (max-width:1200px) {
    #single-calculator #track-all-of-your>div {
        max-width: 450px
    }
}

@media screen and (max-width:992px) {
    #single-calculator #track-all-of-your>div {
        max-width: 350px
    }
}

@media screen and (max-width:768px) {
    #single-calculator #track-all-of-your>div {
        max-width: 300px
    }
}

#single-calculator #track-all-of-your>div h2 {
    color: #2c3137;
    font-size: 34px;
    font-weight: 500;
    line-height: 48px;
    margin-bottom: 24px
}

@media screen and (max-width:1200px) {
    #single-calculator #track-all-of-your>div h2 {
        margin-bottom: 12px;
        font-size: 28px;
        line-height: 36px
    }
}

@media screen and (max-width:992px) {
    #single-calculator #track-all-of-your>div h2 {
        font-size: 20px;
        line-height: 28px
    }
}

#single-calculator #track-all-of-your>div a {
    display: flex;
    width: 169px;
    height: 48px;
    padding: 8px 16px;
    justify-content: center;
    align-items: center;
    color: #fff;
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    line-height: 24px;
    background-color: #25a767;
    border-radius: 8px;
    border: 0;
    transition: transform .1s ease-in-out;
    white-space: nowrap;
    cursor: pointer;
    user-select: none
}

@media screen and (max-width:992px) {
    #single-calculator #track-all-of-your>div a {
        padding: 6px 12px;
        height: 40px
    }
}

#single-calculator #track-all-of-your>div a:hover {
    text-decoration: none
}

#single-calculator #track-all-of-your>div a:active {
    transform: scale(.95)
}

#single-calculator #repeatable-images {
    background-color: #e6eef3
}

#single-calculator #repeatable-images div.row:first-of-type p {
    max-width: 650px;
    margin-left: auto;
    margin-right: auto
}

#single-calculator #repeatable-images .img img {
    width: 100%
}

#single-calculator #other-calculators {
    margin-top: 70px;
    padding-bottom: 150px
}

#single-calculator #other-calculators .row {
    display: flex;
    flex-flow: row wrap;
    padding: 0 8px;
    margin-top: 28px
}

#single-calculator #other-calculators .row div {
    padding-left: 8px;
    padding-right: 8px;
    margin-bottom: 16px
}

@media screen and (max-width:767px) {
    #single-calculator #other-calculators .row {
        flex-flow: column wrap
    }

    #single-calculator #other-calculators .row div {
        padding-left: 16px;
        padding-right: 16px
    }
}

#single-calculator #other-calculators .other-calculator-card {
    display: block;
    height: 100%;
    border-radius: 12px;
    border: 1px solid rgba(142, 146, 155, .4);
    background: #fff;
    text-align: center;
    padding: 32px
}

#single-calculator #other-calculators .other-calculator-card:hover {
    text-decoration: none;
    box-shadow: 3px 4px 28px 0 rgba(117, 128, 136, .22)
}

#single-calculator #other-calculators .other-calculator-card img {
    margin-bottom: 24px
}

#single-calculator #other-calculators .other-calculator-card h6 {
    color: #2d3237;
    font-size: 20px;
    font-weight: 700;
    line-height: 21px;
    margin-bottom: 12px
}

#single-calculator #other-calculators .other-calculator-card p {
    color: #8e929b;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    margin-bottom: 24px
}

#single-calculator #other-calculators .other-calculator-card .link {
    color: #1d9ad6;
    font-size: 16px;
    font-weight: 600;
    line-height: 21px
}

#single-calculator .product-datas .product-datas-inner .row>.left {
    margin-right: 60px
}

@media screen and (max-width:992px) {
    #single-calculator .product-datas .product-datas-inner .row>.left {
        margin-right: 0
    }
}

#single-calculator .product-datas .product-datas-inner .box>.subtitle,
#single-calculator .product-datas .product-datas-inner .box>.subtitle>p {
    color: #1d9ad6;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px
}

@keyframes fade-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

#careers .btn-lg {
    font-size: 16px
}

#careers #team-player {
    padding: 70px 0
}

#careers #team-player h2 {
    max-width: 996px;
    margin-left: auto;
    margin-right: auto
}

#careers #team-player p {
    font-size: 18px;
    line-height: 28px;
    color: #8e929b;
    margin-bottom: 25px
}

#careers #team-player strong {
    color: #2d3237
}

#careers #team-player .img-container {
    text-align: center;
    right: -50px;
    top: -50px
}

#careers #team-player .img-container a {
    display: block;
    margin-top: 30px;
    margin-left: -26px;
    font-size: 18px;
    font-weight: 500;
    text-decoration: underline
}

@media only screen and (max-width:1300px) {
    #careers #team-player .img-container {
        right: inherit;
        top: inherit
    }
}

@media only screen and (max-width:480px) {
    #careers #team-player .img-container {
        margin-top: 50px
    }

    #careers #team-player .img-container a {
        margin-left: 0
    }
}

#careers #team-stats {
    padding: 110px 0 60px;
    background: rgba(93, 199, 241, .18);
    background: linear-gradient(90deg, rgba(244, 119, 175, .18) 0, rgba(93, 199, 241, .18) 100%)
}

#careers #team-stats h2 {
    margin-bottom: 55px
}

#careers #team-stats .item {
    text-align: center;
    margin-bottom: 50px
}

#careers #team-stats .item .icon,
#careers #team-stats .item .num {
    font-weight: 500
}

#careers #team-stats .item .icon {
    font-size: 45px
}

#careers #team-stats .item .num {
    font-size: 60px
}

#careers #team-stats .item .text {
    font-size: 22px;
    line-height: 24px;
    font-weight: 400;
    color: #484848
}

#careers #team-stats .item.playmakers .icon,
#careers #team-stats .item.playmakers .num {
    color: #7540ab
}

#careers #team-stats .item.countries .icon,
#careers #team-stats .item.countries .num {
    color: #1d9ad6
}

#careers #team-stats .item.teams .icon,
#careers #team-stats .item.teams .num {
    color: #d64db0
}

#careers #team-stats .item.glassdoor .icon,
#careers #team-stats .item.glassdoor .num,
#careers #team-stats .item.glassdoor a {
    color: #00ac3a
}

#careers #team-stats .item.glassdoor a {
    text-decoration: underline
}

#careers #values.content {
    padding-bottom: 68px
}

#careers #values h2 {
    letter-spacing: 0;
    font-weight: 500;
    margin-left: auto;
    margin-right: auto
}

#careers #values p {
    margin-bottom: 120px;
    font-weight: 400;
    letter-spacing: 0;
    max-width: 974px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 44px
}

#careers #values .vimeo-wrapper {
    max-width: 600px;
    margin: 0 auto
}

#careers #values .text {
    margin-bottom: 50px;
    padding-left: 60px;
    font-size: 16px;
    line-height: 24px;
    color: #8e929b;
    letter-spacing: 0;
    font-weight: 400
}

#careers #values .text strong {
    color: #2d3237;
    display: block;
    margin-bottom: 0;
    font-size: 21px;
    line-height: 40px;
    font-weight: 500
}

#careers #values .text div {
    padding-top: 8px;
    display: none
}

#careers #values .num {
    position: absolute;
    font-size: 60px;
    color: #1d9ad6;
    line-height: 60px;
    font-weight: 100
}

#careers #values .icon {
    position: absolute;
    top: 20px;
    height: 40px;
    margin: auto;
    display: flex;
    align-items: center
}

#careers #values .icon.icon-arrow-right {
    right: 24px;
    top: 26px;
    display: block;
    transform: rotate(90deg);
    height: auto;
    font-size: 18px;
    cursor: pointer;
    color: rgba(0, 0, 0, .5)
}

#careers #values .icon.icon-play-as-a-team {
    color: #2ec1d6;
    font-size: 38px
}

#careers #values .icon.icon-challenge-yourself {
    color: #f44436;
    font-size: 38px
}

#careers #values .icon.icon-be-accountable {
    color: #02b875;
    font-size: 32px
}

#careers #values .icon.icon-show-gratitude {
    color: #f47920;
    font-size: 39px
}

#careers #values .icon.icon-prioritize-customer-impact {
    color: #1a4889;
    font-size: 29px
}

#careers #values .icon.icon-balance-work {
    color: #7540ab;
    font-size: 38px
}

#careers #values .value-box {
    padding: 20px;
    border-radius: 8px;
    margin-bottom: 12px;
    position: relative
}

#careers #values .value-box.active .icon.icon-arrow-right {
    transform: rotate(-90deg)
}

#careers #values .value-box .text {
    margin: 0;
    cursor: pointer
}

#careers #values .value-box.play-as-a-team {
    background: rgba(46, 193, 214, .1)
}

#careers #values .value-box.challenge-yourself {
    background: rgba(244, 68, 54, .1)
}

#careers #values .value-box.be-accountable {
    background: rgba(2, 184, 117, .1)
}

#careers #values .value-box.show-gratitude {
    background: rgba(244, 121, 32, .1)
}

#careers #values .value-box.prioritize-customer-impact {
    background: rgba(26, 72, 137, .1)
}

#careers #values .value-box.balance-work {
    background: rgba(117, 64, 171, .1)
}

#careers #testimonial {
    border-radius: 8px;
    background: rgba(46, 193, 214, .1);
    padding: 58px 164px;
    margin-bottom: 120px
}

#careers #testimonial .testimonial-box {
    display: flex;
    align-items: center
}

#careers #testimonial .testimonial-box .testimonial-image {
    width: 120px;
    margin-right: 32px;
    flex-shrink: 0
}

#careers #testimonial .testimonial-box .testimonial-image img {
    max-width: 100%;
    border-radius: 100%
}

#careers #testimonial .testimonial-box .testimonial-content p {
    font-size: 20px;
    line-height: 28px;
    font-weight: 300;
    font-style: italic;
    color: #2d3237;
    letter-spacing: .5px;
    margin: 0 0 28px
}

#careers #testimonial .testimonial-box .testimonial-content p.position {
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0;
    font-style: normal;
    margin: 0
}

#careers #testimonial .testimonial-box .testimonial-content p.position strong {
    font-weight: 500
}

@media only screen and (max-width:992px) {
    #careers #testimonial {
        padding-left: 25px;
        padding-right: 25px
    }
}

@media only screen and (max-width:576px) {
    #careers #testimonial .testimonial-box {
        flex-direction: column
    }

    #careers #testimonial .testimonial-box .testimonial-image {
        margin-bottom: 32px;
        margin-right: 0
    }
}

#careers #team-collage img {
    width: 100%;
    height: auto
}

#careers #teams {
    padding-top: 130px;
    font-size: 18px;
    line-height: 28px
}

#careers #teams h3 {
    font-size: 22px
}

#careers #teams p {
    color: #8e929b
}

#careers #teams .img-container {
    bottom: -26px;
    left: -70px
}

@media only screen and (max-width:992px) {
    #careers #teams .img-container {
        margin-bottom: 50px
    }

    #careers #teams .team {
        margin-bottom: 50px
    }
}

@media only screen and (max-width:769px) {
    #careers #teams .img-container {
        bottom: inherit;
        left: inherit
    }

    #careers #teams .img-container+div {
        text-align: center
    }

    #careers #teams .team {
        text-align: center
    }

    #careers #teams .team img {
        max-width: 250px;
        margin: 0 auto
    }
}

#careers #remote-work {
    position: relative;
    padding: 70px 0 0;
    background: #f3f7f9;
    background: linear-gradient(180deg, #eaeaf7 0, #f3f7f9 50%)
}

#careers #remote-work .above-h2 {
    color: #7a44e6;
    font-size: 16px;
    line-height: 32px;
    font-weight: 500;
    letter-spacing: 0
}

#careers #remote-work h2 {
    margin: 0 0 32px;
    letter-spacing: 0
}

#careers #remote-work p {
    font-size: 18px;
    line-height: 28px;
    color: #758088;
    font-weight: 400;
    text-align: center;
    max-width: 1008px;
    margin: 0 auto 27px;
    letter-spacing: 0
}

#careers #remote-work .img-container {
    bottom: -240px;
    margin-top: -270px
}

#careers #remote-work .img-container img {
    max-width: 690px;
    margin-left: -100px
}

#careers #remote-work .img-container {
    bottom: -240px;
    margin-top: -270px
}

#careers #remote-work .img-container img {
    max-width: 690px;
    margin-left: -100px
}

#careers #remote-work .remote-images {
    max-width: 1008px;
    margin: 38px auto -300px;
    width: 90%;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

#careers #remote-work .remote-images .box {
    width: 29%
}

#careers #remote-work .remote-images .box img {
    max-width: 100%;
    border-radius: 4px;
    margin: 0 0 5px;
    display: block
}

#careers #remote-work .remote-images .box.wide {
    width: 41%
}

#careers #remote-work .remote-images .box.wide img {
    margin: 0
}

@media only screen and (max-width:680px) {
    #careers #remote-work .remote-images {
        flex-direction: column
    }

    #careers #remote-work .remote-images .box {
        width: 100%
    }

    #careers #remote-work .remote-images .box.wide {
        width: 100%;
        margin-bottom: 4px
    }
}

@media only screen and (max-width:1300px) {
    #careers #remote-work .img-container {
        bottom: -420px;
        margin-top: -330px
    }

    #careers #remote-work .img-container img {
        max-width: 500px;
        margin-left: 0
    }
}

@media only screen and (max-width:1200px) {
    #careers #remote-work {
        padding-bottom: 0
    }

    #careers #remote-work .img-container {
        bottom: -30px;
        margin-top: 0;
        overflow-x: hidden
    }

    #careers #remote-work .img-container img {
        max-width: 450px;
        margin: 0 auto
    }
}

#careers #perks {
    padding: 40px 0 100px
}

#careers #perks .row strong {
    color: #252525;
    margin-bottom: 10px
}

#careers #perks .row p {
    font-size: 18px;
    color: #8e929b;
    padding-right: 30px
}

#careers #perks .info {
    margin-top: 100px
}

#careers #perks .info p {
    text-align: center;
    font-size: 13px;
    line-height: 28px
}

#careers #perks .icon {
    display: block;
    line-height: 50px;
    font-size: 50px;
    padding: 50px 0 15px
}

#careers #perks .icon-computer,
#careers #perks .icon-wallet {
    font-size: 40px;
    margin-top: 5px
}

#careers #perks .icon-wallet {
    color: #39b54a
}

#careers #perks .icon-success {
    color: #1d9ad6
}

#careers #perks .icon-door-plant {
    color: #02b875
}

#careers #perks .icon-pie-chart {
    color: #7540ab
}

#careers #perks .icon-holidays {
    color: #f7941d
}

#careers #perks .icon-pregnant-woman {
    color: #92278f
}

#careers #perks .icon-computer {
    color: #6d6e71
}

#careers #perks .icon-football {
    color: #8dc63f
}

#careers #perks .icon-tent {
    color: #d7b17a
}

#careers #perks .icon-user-center {
    color: #772e77
}

#careers #perks .icon-stetoscope {
    color: #f76868
}

#careers #perks .icon-mountaineering {
    color: #737667
}

#careers #hiring-process {
    padding: 135px 0 110px;
    background: rgba(104, 85, 227, .2);
    background: linear-gradient(270deg, rgba(104, 85, 227, .2) 0, rgba(135, 224, 218, .2) 100%);
    text-align: center
}

#careers #hiring-process .above-h2 {
    text-align: left;
    color: #495660
}

#careers #hiring-process h2 {
    text-align: left
}

#careers #hiring-process h2+p {
    text-align: left;
    margin-bottom: 30px
}

#careers #hiring-process .cards {
    height: 380px;
    overflow: hidden
}

#careers #hiring-process .cards .card {
    float: left;
    width: 600px;
    height: 380px;
    margin: 0 20px
}

#careers #hiring-process .cards .card--hidden {
    width: 60px;
    text-align: center;
    cursor: pointer
}

#careers #hiring-process .cards .card--hidden .card__content {
    opacity: 0
}

#careers #hiring-process .cards .card--hidden .card__handle {
    position: relative;
    display: block;
    height: 100%
}

#careers #hiring-process .cards .card--hidden .card__handle .title {
    transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    width: 200px;
    font-size: 16px;
    position: absolute;
    bottom: 220px;
    right: 20px;
    text-align: left;
    transform-origin: 100% 100%
}

#careers #hiring-process .cards .card__content .num,
#careers #hiring-process .cards .card__handle .num {
    font-size: 50px;
    padding-top: 30px;
    font-weight: 100;
    text-align: left
}

#careers #hiring-process .cards .card__handle {
    display: none
}

#careers #hiring-process .cards .card__content {
    position: relative;
    height: 380px;
    max-width: 600px;
    width: 100%;
    padding-right: 200px;
    opacity: 1
}

#careers #hiring-process .cards .card__content img {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 25%
}

#careers #hiring-process .cards .card__content strong {
    color: #292929;
    font-size: 20px
}

#careers #hiring-process .cards .card__content a {
    text-decoration: underline
}

#careers #hiring-process .cards .card__content p {
    margin-top: 20px;
    text-align: left;
    font-size: 18px;
    color: #8e929b
}

#careers #hiring-process .cards .card__content .num {
    color: #292929
}

#careers #hiring-process .cards .card__content .next {
    position: absolute;
    left: 0;
    bottom: 20px;
    font-size: 16px;
    cursor: pointer
}

#careers #hiring-process .cards .card__content .next .icon::before {
    margin-left: 10px
}

#careers #hiring-process .cards .card:first-child {
    margin-left: 0;
    margin-right: 20px
}

#careers #hiring-process .cards .card:last-child {
    margin-left: 20px;
    margin-right: 0
}

#careers #hiring-process .cards-indicator {
    display: none;
    padding-left: 0;
    margin: 0;
    list-style: none;
    text-align: center
}

#careers #hiring-process .cards-indicator .card-indicator {
    display: inline-block;
    border: 0;
    background-color: rgba(148, 179, 197, .5);
    border-radius: 100%;
    width: 7px;
    height: 7px;
    padding: 0;
    margin: 0 4px;
    text-indent: -999px;
    overflow: hidden;
    outline: 0;
    cursor: pointer
}

#careers #hiring-process .cards-indicator .card-indicator--active {
    background-color: #1679a6
}

#careers #hiring-process a.btn {
    white-space: normal
}

#careers #reviews-best-product {
    padding-bottom: 140px
}

#careers #reviews-best-product h2 {
    font-size: 40px;
    font-weight: 500;
    color: #2d3237;
    text-align: center;
    margin-bottom: 25px
}

#careers #reviews-best-product p {
    color: #8e929b
}

#careers #quotes-carousel {
    border-top: 3px solid rgba(217, 228, 233, .35)
}

@media only screen and (max-width:1200px) {
    #careers #hiring-process .cards .card {
        width: auto;
        height: 100%;
        margin: 0
    }

    #careers #hiring-process .cards .card--hidden {
        display: none
    }

    #careers #hiring-process .cards .card__content {
        max-width: 100%;
        height: 100%;
        padding-right: 300px
    }

    #careers #hiring-process .cards .card__content .next {
        bottom: 50px
    }

    #careers #hiring-process .cards .card:first-child {
        margin-right: 0
    }

    #careers #hiring-process .cards .card:last-child {
        margin-left: 0
    }

    #careers #hiring-process .cards-indicator {
        display: block
    }
}

@media only screen and (max-width:769px) {
    #careers #hiring-process .cards {
        height: 550px
    }

    #careers #hiring-process .cards .card {
        width: 100%;
        margin: 0
    }

    #careers #hiring-process .cards .card--hidden {
        display: none
    }

    #careers #hiring-process .cards .card__content {
        padding-top: 50px;
        padding-right: 0
    }

    #careers #hiring-process .cards .card__content .img-container {
        margin: 30px 0;
        text-align: center
    }

    #careers #hiring-process .cards .card__content .img-container img {
        position: relative;
        top: 0;
        transform: none;
        -o-transform: none;
        -ms-transform: none;
        -moz-transform: none;
        -webkit-transform: none;
        width: 30%;
        min-width: 150px
    }

    #careers #hiring-process .cards .card__content .num {
        display: inline-block;
        font-size: 30px
    }

    #careers #hiring-process .cards .card__content .next {
        display: block;
        text-align: center;
        margin-top: 20px;
        position: absolute;
        bottom: 20px;
        left: 50%;
        transform: translate(-50%);
        -o-transform: translate(-50%);
        -ms-transform: translate(-50%);
        -moz-transform: translate(-50%);
        -webkit-transform: translate(-50%)
    }
}

#careers #future-generation-playmakers {
    padding-top: 120px;
    padding-bottom: 120px;
    border-bottom: 3px solid rgba(217, 228, 233, .35)
}

#reviews-best-product {
    padding: 100px 0;
    font-size: 18px
}

#reviews-best-product h2 {
    font-size: 60px;
    font-weight: 100;
    color: #8e929b;
    text-align: center;
    margin-bottom: 60px
}

#reviews-best-product p {
    margin-bottom: 60px
}

#reviews-best-product a {
    text-decoration: underline;
    font-weight: 500
}

#reviews-best-product .col {
    text-align: center
}

#reviews-best-product .col .marked {
    color: #292929;
    font-weight: 500
}

#reviews-best-product .col .label1,
#reviews-best-product .col .score {
    margin-bottom: 10px
}

#reviews-best-product .col .img-container {
    height: 140px;
    margin-bottom: 30px;
    padding-top: 30px
}

#reviews-best-product .col .img-container--no-stars img {
    height: 115px;
    margin: 0 auto
}

#reviews-best-product .col .img-container .logo {
    display: block;
    height: 40px;
    width: auto;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto
}

#reviews-best-product .col .img-container .logo.glassdoor {
    height: 35px;
    margin-bottom: 35px
}

#reviews-best-product .col .img-container .logo.capterra {
    height: 30px;
    margin-bottom: 40px
}

#reviews-best-product .col .img-container .stars {
    width: 200px
}

@media only screen and (max-width:991px) {
    #reviews-best-product .col {
        margin-bottom: 50px
    }

    #reviews-best-product .col:last-child {
        margin-bottom: 0
    }
}

#quotes-carousel {
    position: relative;
    padding: 110px 0 140px;
    text-align: center
}

#quotes-carousel .above-h2 {
    color: #00ac3a
}

#quotes-carousel h2+p {
    margin-bottom: 50px
}

#quotes-carousel h3 {
    font-size: 30px;
    line-height: 36px;
    color: #292929;
    margin-bottom: 30px
}

#quotes-carousel ul {
    list-style-type: none;
    padding-left: 20px;
    padding-right: 20px;
    text-align: left
}

#quotes-carousel ul li p {
    font-size: 18px;
    line-height: 24px
}

#quotes-carousel .department {
    margin-top: 30px;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 5px
}

#quotes-carousel .slick-slide {
    outline: 0
}

#quotes-carousel .slick-dots {
    bottom: -70px;
    padding-left: 15px;
    padding-right: 15px
}

#quotes-carousel .review {
    padding-top: 30%
}

#quotes-carousel .review strong {
    display: block;
    color: #292929;
    font-size: 16px;
    margin-bottom: 20px
}

#quotes-carousel .review .logo {
    margin-bottom: 25px
}

#quotes-carousel .review .stars {
    margin-bottom: 20px
}

#quotes-carousel .review a {
    text-decoration: underline
}

@media only screen and (max-width:991px) {
    #quotes-carousel .review {
        padding-top: 80px
    }

    #quotes-carousel .slick-dots {
        text-align: center
    }
}

#jobs {
    padding: 60px 0 100px;
    margin-top: 50px
}

#jobs .container {
    background-image: url(../img/product/bg-cta-green-gradient.png);
    background-size: 97% 100%;
    background-repeat: no-repeat;
    padding: 160px 90px 90px
}

#jobs .above-h2 {
    color: #fff
}

#jobs h2 {
    color: #fff;
    margin-bottom: 80px;
    text-align: center
}

#jobs h2.description-title {
    margin-bottom: 27px
}

#jobs p.description {
    color: #fff;
    margin: 0 auto 80px;
    max-width: 698px;
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: 0
}

#jobs .job {
    color: #fff;
    font-size: 14px;
    width: 80%;
    margin: 0 auto 30px
}

#jobs .job__position a {
    color: #fff;
    font-weight: 500;
    font-size: 24px;
    text-decoration: underline
}

#jobs .job__department {
    text-transform: uppercase;
    letter-spacing: 1px
}

#jobs .job__description {
    color: #292929;
    font-weight: 400
}

#jobs .job__description .time {
    margin-right: 10px
}

#jobs .job__description .icon::before {
    margin-right: 5px
}

#jobs .extra {
    text-align: center;
    margin-top: 50px
}

#jobs .extra .icon {
    font-size: 40px;
    line-height: 40px;
    color: #95aab9
}

#jobs .extra strong {
    font-size: 20px;
    line-height: 27px;
    font-weight: 500;
    display: block;
    margin-top: 16px
}

#jobs .extra p {
    font-weight: 400;
    color: #8e929b;
    margin-top: 10px;
    font-size: 18px;
    line-height: 27px;
    margin: 0
}

#jobs .extra p a {
    text-decoration: underline
}

@media only screen and (max-width:991px) {
    #jobs .job {
        width: 100%;
        text-align: center
    }
}

@media only screen and (max-width:666px) {
    #jobs .container {
        padding: 45px;
        background: #2bb673;
        background: linear-gradient(90deg, #6563c7 0, #0fb577 100%)
    }
}

@media only screen and (max-width:480px) {
    #jobs .extra {
        padding-right: 15px;
        padding-left: 15px
    }
}

#talent-resource {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    background-color: #fff;
    border-radius: 8px;
    padding: 26px 40px;
    float: none;
    margin: -70px auto 0;
    box-shadow: 0 8px 32px rgba(0, 0, 0, .1);
    max-width: 958px;
    width: 90%;
    letter-spacing: 0
}

#talent-resource p {
    font-size: 17px;
    line-height: 26px;
    font-weight: 400;
    margin: 0;
    color: #8e929b
}

#talent-resource strong {
    display: block;
    margin-bottom: 7px;
    font-size: 20px;
    line-height: 26px;
    font-weight: 600;
    color: #2e3338
}

#talent-resource a {
    font-weight: 500;
    text-decoration: underline
}

#talent-resource .icon {
    width: 58px;
    margin-right: 40px;
    margin-top: 10px;
    font-size: 61px;
    line-height: 58px;
    color: #4d6fdf
}

#talent-resource .talent-resource-block {
    max-width: 700px
}

#life-at-visoflow {
    text-align: center;
    background: #f4f7f9;
    padding: 80px 0;
    text-align: left
}

#life-at-visoflow h2 {
    margin: 0 0 24px;
    text-align: left;
    font-size: 40px;
    line-height: 52px;
    font-weight: 500
}

#life-at-visoflow h2 strong {
    display: block;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    color: #7540ab;
    margin-bottom: 8px
}

#life-at-visoflow .col p {
    text-align: left;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #8e929b;
    letter-spacing: 0;
    margin-bottom: 28px
}

#life-at-visoflow .col p:last-child {
    margin-bottom: 0
}

#life-at-visoflow .col p a {
    text-decoration: underline;
    font-weight: 500
}

#life-at-visoflow .col p a:hover {
    text-decoration: none
}

@media only screen and (max-width:992px) {
    #life-at-visoflow .vimeo-wrapper {
        margin-top: 50px
    }
}

@keyframes fade-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

#dbx-case-studies h1,
#dbx-case-studies h2,
#dbx-case-studies h3,
#dbx-case-studies h4,
#dbx-case-studies h5,
#dbx-case-studies h6 {
    margin: 0
}

#dbx-case-studies .dbx-case-studies-intro {
    background: linear-gradient(180deg, rgba(0, 138, 206, .2) 0, rgba(255, 255, 255, 0) 100%);
    padding-top: 200px;
    padding-bottom: 60px;
    margin-bottom: 130px
}

#dbx-case-studies .dbx-case-studies-intro>.dbx-container {
    display: flex;
    gap: 32px
}

#dbx-case-studies .dbx-case-studies-intro__header {
    display: flex;
    flex-direction: column;
    gap: 52px
}

#dbx-case-studies .dbx-case-studies-intro__header-logo-text {
    display: flex;
    flex-direction: column;
    gap: 30px
}

#dbx-case-studies .dbx-case-studies-intro__header-logo-text>.title-subtitle {
    display: flex;
    flex-direction: column;
    gap: 16px
}

#dbx-case-studies .dbx-case-studies-intro__header-logo-text>.title-subtitle>.title {
    font-size: 48px;
    line-height: 56px;
    font-weight: 500;
    color: #24282c
}

#dbx-case-studies .dbx-case-studies-intro__header-logo-text>.title-subtitle>.title>.bold {
    font-weight: 800
}

#dbx-case-studies .dbx-case-studies-intro__header-logo-text>.title-subtitle>.subtitle {
    font-size: 18px;
    max-width: 85%
}

#dbx-case-studies .dbx-case-studies-intro__header-logo-text>div>img {
    height: 54px;
    width: auto
}

#dbx-case-studies .dbx-case-studies-intro__header-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px
}

#dbx-case-studies .dbx-case-studies-intro__header-tags>.tag {
    text-transform: uppercase;
    font-size: 13px;
    line-height: 15px;
    font-weight: 700;
    color: #1d9ad6;
    border: 1px solid rgba(29, 154, 214, .5);
    padding: 6px 14px;
    border-radius: 6px
}

@media screen and (max-width:1100px) {
    #dbx-case-studies .dbx-case-studies-intro__image {
        display: none
    }
}

#dbx-case-studies .dbx-case-studies-intro__image {
    width: 450px;
    height: 450px;
    position: relative;
    flex-shrink: 0
}

#dbx-case-studies .dbx-case-studies-intro__image>img,
#dbx-case-studies .dbx-case-studies-intro__image>svg {
    position: absolute
}

#dbx-case-studies .dbx-case-studies-intro__image>svg {
    top: 240px
}

#dbx-case-studies .dbx-case-studies-intro__image>img {
    z-index: 1;
    height: auto;
    width: 100%;
    object-fit: cover;
    max-width: 450px;
    margin-left: 50px;
    aspect-ratio: 1/1.1;
    clip-path: polygon(99.425% 68.867%, 99.927% 32.169%, 99.927% 32.169%, 99.863% 30.762%, 99.639% 29.383%, 99.26% 28.045%, 98.732% 26.756%, 98.061% 25.526%, 97.254% 24.366%, 96.317% 23.285%, 95.256% 22.294%, 94.076% 21.402%, 92.785% 20.619%, 58.002% 1.874%, 58.002% 1.874%, 56.627% 1.22%, 55.199% 0.707%, 53.731% 0.335%, 52.237% 0.106%, 50.727% 0.018%, 49.216% 0.071%, 47.716% 0.267%, 46.239% 0.605%, 44.797% 1.086%, 43.404% 1.709%, 8.119% 19.661%, 8.119% 19.661%, 6.807% 20.415%, 5.603% 21.28%, 4.515% 22.247%, 3.548% 23.306%, 2.71% 24.447%, 2.006% 25.661%, 1.443% 26.938%, 1.027% 28.268%, 0.765% 29.64%, 0.664% 31.046%, 0.161% 67.744%, 0.161% 67.744%, 0.225% 69.151%, 0.449% 70.53%, 0.828% 71.868%, 1.356% 73.157%, 2.026% 74.387%, 2.833% 75.547%, 3.77% 76.628%, 4.832% 77.619%, 6.012% 78.511%, 7.303% 79.294%, 42.086% 98.039%, 42.086% 98.039%, 43.462% 98.693%, 44.889% 99.206%, 46.357% 99.578%, 47.852% 99.807%, 49.361% 99.895%, 50.872% 99.842%, 52.372% 99.646%, 53.849% 99.308%, 55.291% 98.827%, 56.684% 98.204%, 91.969% 80.252%, 91.969% 80.252%, 93.281% 79.498%, 94.485% 78.633%, 95.573% 77.666%, 96.54% 76.607%, 97.378% 75.465%, 98.082% 74.251%, 98.645% 72.975%, 99.061% 71.645%, 99.323% 70.272%, 99.425% 68.867%)
}

@media screen and (max-width:480px) {
    #dbx-case-studies .dbx-case-studies-intro {
        padding-bottom: 0;
        margin-bottom: 48px
    }
}

#dbx-case-studies .dbx-case-studies-content {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 110px
}

#dbx-case-studies .dbx-case-studies-content-character__container {
    background: url("/wp-content/themes/visoflow/inc/img/case-studies/character-polygon-bg.svg") no-repeat bottom left, linear-gradient(102deg, rgba(29, 154, 214, .1) 58.87%, rgba(29, 154, 214, .04) 102.02%);
    padding: 56px 64px;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 30px;
    max-width: 1062px
}

#dbx-case-studies .dbx-case-studies-content-character__container-image-text {
    display: flex;
    align-items: center;
    gap: 14px
}

#dbx-case-studies .dbx-case-studies-content-character__container-image-text>img {
    height: 84px;
    width: 84px;
    border-radius: 100%
}

#dbx-case-studies .dbx-case-studies-content-character__container-image-text>.text {
    display: flex;
    flex-direction: column;
    color: #24282c
}

#dbx-case-studies .dbx-case-studies-content-character__container-image-text>.text>.name {
    font-size: 32px;
    font-weight: 700;
    line-height: 40px
}

#dbx-case-studies .dbx-case-studies-content-character__container-image-text>.text>.job-title {
    font-size: 16px;
    line-height: 24px
}

#dbx-case-studies .dbx-case-studies-content-character__container-image-text>.text>.job-title>.bold {
    font-weight: 700
}

@media screen and (max-width:480px) {
    #dbx-case-studies .dbx-case-studies-content-character__container {
        padding: 24px
    }

    #dbx-case-studies .dbx-case-studies-content-character__container-image-text {
        flex-direction: column
    }
}

#dbx-case-studies .dbx-case-studies-content-character__container-text {
    display: flex;
    flex-direction: column;
    gap: 12px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    width: 90%
}

@media screen and (max-width:768px) {
    #dbx-case-studies .dbx-case-studies-content-character__container-text {
        width: auto
    }
}

#dbx-case-studies .dbx-case-studies-content-text-metrics {
    display: flex;
    flex-direction: column;
    gap: 70px;
    margin-bottom: 110px
}

#dbx-case-studies .dbx-case-studies-content-text-metrics__text {
    max-width: 845px
}

#dbx-case-studies .dbx-case-studies-content-text-metrics__text>h2 {
    margin-bottom: 32px
}

#dbx-case-studies .dbx-case-studies-content-text-metrics__text>figure>img,
#dbx-case-studies .dbx-case-studies-content-text-metrics__text>h2:not(:first-child) {
    padding-top: 50px
}

#dbx-case-studies .dbx-case-studies-metrics {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    max-width: 845px;
    gap: 32px
}

#dbx-case-studies .dbx-case-studies-metrics__metric {
    display: flex;
    flex-direction: column;
    gap: 18px;
    width: 300px;
    border-radius: 16px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .1);
    padding: 24px;
    flex: 1 1 265px
}

#dbx-case-studies .dbx-case-studies-metrics__metric>.icon {
    padding: 8px;
    width: 56px;
    height: 56px;
    background-color: #b060a51a;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center
}

#dbx-case-studies .dbx-case-studies-metrics__metric>.title {
    font-size: 32px;
    font-weight: 700;
    line-height: 56px
}

#dbx-case-studies .dbx-case-studies-metrics__metric>.description {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px
}

#dbx-case-studies .dbx-case-studies-metrics__metric>.description>.bold {
    font-weight: 700
}

@media screen and (max-width:768px) {
    #dbx-case-studies .dbx-case-studies-metrics__metric {
        width: auto
    }
}

@keyframes fade-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.ct-chart {
    margin-bottom: 30px;
    position: relative
}

.ct-grids line {
    stroke: rgba(255, 255, 255, 0.2);
    stroke-dasharray: none
}

.ct-labels span {
    color: rgba(255, 255, 255, .2);
    font-size: 16px
}

.ct-labels span.ct-horizontal {
    color: rgba(255, 255, 255, .5);
    justify-content: space-around !important
}

.ct-label {
    fill: rgba(255, 255, 255, 0.5);
    font-size: 20px
}

.ct-bar-label {
    fill: rgba(255, 255, 255, 0.5)
}

.ct-series-a .ct-bar,
.ct-series-a .ct-line,
.ct-series-a .ct-slice-donut,
.ct-series-a .ct-slice-pie {
    stroke: rgba(255, 255, 255, 0.9)
}

.ct-series-a .ct-point {
    stroke: #fff
}

.ct-series-a .ct-bar {
    filter: drop-shadow(4px 4px 4px rgba(0, 0, 0, .3));
    stroke-width: 50px
}

.ct-series-b .ct-bar {
    stroke: #a39bae;
    filter: drop-shadow(4px 4px 4px rgba(0, 0, 0, .3));
    stroke-width: 50px
}

.ct-series-c .ct-slice-donut {
    stroke: #aa9ab0
}

.ct-series-d .ct-slice-donut {
    stroke: #927a97
}

.ct-series-e .ct-slice-donut {
    stroke: #836586
}

.ct-series-a .ct-slice-donut {
    stroke: rgba(255, 255, 255, 0.9)
}

.ct-series-b .ct-slice-donut {
    stroke: rgba(255, 255, 255, 0.3)
}

.tooltip {
    background: rgba(0, 0, 0, .6);
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    opacity: 1;
    padding: 5px 10px;
    position: absolute;
    z-index: 1
}

.tooltip.tooltip-hidden {
    opacity: 0
}

#resource.spotlight-4 .main #chart12,
#resource.spotlight-4 .main #chart13 {
    margin: -40px 0 -30px 0
}

#resource.spotlight-4 .main #chart12 .ct-label,
#resource.spotlight-4 .main #chart13 .ct-label {
    font-size: 12px
}

#resource.spotlight-4 .main #chart12 .ct-label.ct-vertical,
#resource.spotlight-4 .main #chart13 .ct-label.ct-vertical {
    padding-left: 65px;
    padding: 5px
}

#resource.spotlight-4 .main .ct-chart-line {
    padding: 10px 20px
}

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

    .ct-series-a .ct-bar,
    .ct-series-b .ct-bar {
        stroke-width: 20px
    }

    .ct-labels span {
        font-size: 10px
    }

    .ct-bar-label {
        font-size: 10px
    }

    #chart10,
    #chart11,
    #chart15,
    #chart16,
    #chart17,
    #chart18,
    #chart3 {
        height: 280px !important
    }

    #chart20,
    #chart4,
    #chart6,
    #chart7 {
        margin: -40px 0 -30px 0
    }

    #chart20 .ct-label,
    #chart4 .ct-label,
    #chart6 .ct-label,
    #chart7 .ct-label {
        font-size: 10px
    }

    #chart20 .ct-label.ct-vertical,
    #chart4 .ct-label.ct-vertical,
    #chart6 .ct-label.ct-vertical,
    #chart7 .ct-label.ct-vertical {
        padding-left: 65px;
        padding: 5px
    }

    #chart20 .ct-label .ct-horizontal,
    #chart4 .ct-label .ct-horizontal,
    #chart6 .ct-label .ct-horizontal,
    #chart7 .ct-label .ct-horizontal {
        width: 10px
    }
}

@keyframes fade-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.dbx-strikethrough {
    position: relative
}

.dbx-strikethrough::after {
    content: "";
    position: absolute;
    display: block;
    top: 50%;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #8650ce -2%, #c9698b 96.39%)
}

.dbx-linear-gradient-text {
    background: linear-gradient(45deg, #8850cb, #da6e7a);
    background: -o-linear-gradient(45deg, #8850cb, #da6e7a);
    background: -ms-linear-gradient(45deg, #8850cb, #da6e7a);
    background: -moz-linear-gradient(45deg, #8850cb, #da6e7a);
    background: -webkit-linear-gradient(45deg, #8850cb, #da6e7a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.dbx-tag {
    font-weight: 600;
    white-space: nowrap;
    padding: 8px 16px;
    border-radius: 6px;
    text-transform: uppercase
}

.dbx-tag--faded-blue {
    background-color: rgba(30, 155, 215, .1);
    color: #1e9bd7
}

.dbx-hero-tag {
    padding: 8px 16px;
    border: 1px solid rgba(255, 255, 255, .1);
    background: rgba(255, 255, 255, .1);
    color: #fff;
    border-radius: 8px;
    text-transform: uppercase
}

.dbx-text--faded-light {
    color: #8e929b
}

.dbx-text--faded-dark {
    color: rgba(13, 15, 17, .8)
}

.dbx-text--xl {
    font-size: 1.125rem;
    line-height: 1.688rem
}

.dbx-text--lg {
    font-size: 1rem;
    line-height: 1.5rem
}

.dbx-text--sm {
    font-size: .875rem;
    line-height: 1.25rem
}

.dbx-text--s {
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 300
}

.dbx-text--xs {
    font-size: .75rem !important;
    line-height: .875rem !important
}

.dbx-text--m {
    font-weight: 500
}

.dbx-text--b {
    font-weight: 700
}

.dbx-arrow-btn,
.dbx-btn {
    font-size: 16px;
    transition: all .3s;
    font-weight: 600;
    padding: 16px 24px;
    border-radius: 8px;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    user-select: none;
    border: 1px solid transparent
}

.dbx-btn {
    display: inline-block
}

.dbx-btn:hover {
    text-decoration: none
}

.dbx-btn.dbx-btn--blue-solid {
    color: #fff;
    background-color: #1d9ad6
}

.dbx-btn.dbx-btn--blue-solid:hover {
    color: #fff;
    background-color: #008ace
}

.dbx-btn.dbx-btn--blue-outline {
    background-color: transparent;
    color: #1d9ad6;
    border: 1px solid #1d9ad6
}

.dbx-btn.dbx-btn--blue-outline:hover {
    background-color: #1d9ad6;
    color: #fff;
    border: 1px solid #1d9ad6
}

.dbx-btn.dbx-btn--blue-text {
    color: #1d9ad6;
    background-color: transparent;
    padding-left: 0
}

.dbx-btn.dbx-btn--blue-text:hover {
    color: #008ace
}

.dbx-btn.dbx-btn--green-solid {
    color: #fff;
    background-color: #25a767
}

.dbx-btn.dbx-btn--green-solid:hover {
    color: #fff;
    background-color: #20925a
}

.dbx-btn.dbx-btn--green-outline {
    background-color: transparent;
    color: #25a767;
    border: 1px solid #25a767
}

.dbx-btn.dbx-btn--green-outline:hover {
    background-color: #25a767;
    color: #fff;
    border-color: #25a767
}

.dbx-btn.dbx-btn--white-solid {
    color: #000;
    background-color: #fff
}

.dbx-btn.dbx-btn--white-solid:hover {
    color: #000;
    background-color: #f9fafa
}

.dbx-btn.dbx-btn--white-outline {
    background-color: transparent;
    color: #fff;
    border: 1px solid #fff
}

.dbx-btn.dbx-btn--white-outline:hover {
    background-color: #fff;
    color: rgba(142, 146, 155, .9)
}

.dbx-btn.dbx-btn--navy-solid {
    color: #fff;
    background-color: #2e4797
}

.dbx-btn.dbx-btn--navy-solid:hover {
    color: #fff;
    background-color: #5d78ce
}

.dbx-btn.dbx-btn--navy-outline {
    background-color: transparent;
    color: #2e4797;
    border: 1px solid #2e4797
}

.dbx-btn.dbx-btn--navy-outline:hover {
    background-color: #2e4797;
    color: #fff;
    border: 1px solid #2e4797
}

.dbx-btn.dbx-btn--orange-solid {
    color: #fff;
    background-color: #f47920
}

.dbx-btn.dbx-btn--orange-solid:hover {
    color: #fff;
    background-color: #a64a08
}

.dbx-btn.dbx-btn--orange-outline {
    background-color: transparent;
    color: #f47920;
    border: 1px solid #f47920
}

.dbx-btn.dbx-btn--orange-outline:hover {
    background-color: #f47920;
    color: #fff;
    border: 1px solid #f47920
}

.dbx-btn.dbx-btn--yellow-solid {
    color: #fff;
    background-color: #f4bb42
}

.dbx-btn.dbx-btn--yellow-solid:hover {
    color: #fff;
    background-color: #c5890b
}

.dbx-btn.dbx-btn--yellow-outline {
    background-color: transparent;
    color: #f4bb42;
    border: 1px solid #f4bb42
}

.dbx-btn.dbx-btn--yellow-outline:hover {
    background-color: #f4bb42;
    color: #fff;
    border: 1px solid #f4bb42
}

.dbx-btn.dbx-btn--purple-solid {
    color: #fff;
    background-color: #7540ab
}

.dbx-btn.dbx-btn--purple-solid:hover {
    color: #fff;
    background-color: #422461
}

.dbx-btn.dbx-btn--purple-outline {
    background-color: transparent;
    color: #7540ab;
    border: 1px solid #7540ab
}

.dbx-btn.dbx-btn--purple-outline:hover {
    background-color: #7540ab;
    color: #fff;
    border: 1px solid #7540ab
}

.dbx-btn--white-black-text-variant {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .1);
    color: #000;
    font-weight: 500 !important
}

.dbx-btn--white-black-text-variant:hover {
    color: #000;
    background-color: rgba(142, 146, 155, .1)
}

.dbx-anchor-arrow,
.dbx-arrow-btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative
}

.dbx-anchor-arrow .icon::before,
.dbx-arrow-btn .icon::before {
    top: 50%;
    transform: translateY(-50%) rotate(90deg);
    position: absolute;
    transition: all .3s;
    font-size: 12px
}

.dbx-anchor-arrow:hover,
.dbx-arrow-btn:hover {
    text-decoration: none
}

.dbx-arrow-btn {
    padding-right: 38px
}

.dbx-arrow-btn .icon::before {
    right: 24px
}

.dbx-arrow-btn:hover .icon::before {
    right: 20px
}

.dbx-arrow-btn--blue-outline {
    background-color: transparent;
    color: #1d9ad6;
    border: 1px solid #1d9ad6
}

.dbx-arrow-btn--blue-outline svg path {
    stroke: #1d9ad6
}

.dbx-arrow-btn--blue-outline:hover {
    color: #1d9ad6
}

.dbx-arrow-btn--blue-solid {
    background-color: #1e9bd7;
    color: #fff
}

.dbx-arrow-btn--blue-solid svg path {
    stroke: white
}

.dbx-arrow-btn--blue-solid:hover {
    color: #fff
}

.dbx-anchor-arrow {
    font-weight: 700;
    padding-right: 20px
}

.dbx-anchor-arrow .icon::before {
    right: 6px
}

.dbx-anchor-arrow:hover .icon::before {
    right: 0
}

.dbx-horizontal-scroll {
    max-width: 100%;
    -ms-overflow-style: none;
    scrollbar-width: none;
    display: flex;
    align-items: center;
    overflow-x: auto
}

.dbx-horizontal-scroll::-webkit-scrollbar {
    display: none
}

.dbx-horizontal-scroll * {
    flex: 0 0 auto
}

.dbx-horizontal-scroll :first-child {
    margin-left: auto
}

.dbx-horizontal-scroll :last-child {
    margin-right: auto
}

.dbx-grid-horizontal-scroll {
    overflow-x: auto;
    place-content: center
}

.dbx-list ul {
    padding: 0;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 24px;
    margin: 0
}

.dbx-list ul li {
    font-size: 18px;
    color: #1b2024;
    line-height: 24px;
    list-style: none;
    padding: 0
}

.dbx-list--add-check-mark ul {
    margin-left: 16px
}

.dbx-list--add-check-mark ul li {
    padding-left: 8px
}

.dbx-list--add-check-mark ul li::marker {
    content: "\e982";
    display: inline-block;
    color: #24282c;
    font-family: Icons;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    position: relative;
    text-transform: none;
    vertical-align: middle
}

.dbx-list__md ul {
    gap: 12px
}

.dbx-list__md ul li {
    font-size: 16px
}

.dbx-list__blue ul li::marker {
    color: #1e9bd7
}

.dbx-list__purple ul li::marker {
    color: #7540ab
}

.dbx-list__navy ul li::marker {
    color: #2e4797
}

.dbx-list__orange ul li::marker {
    color: #f47920
}

.dbx-list__yellow ul li::marker {
    color: #f4bb42
}

.dbx-list__green ul li::marker {
    color: #25a767
}

.dbx-container-anchor {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1
}

.dbx-background-filter {
    position: relative
}

.dbx-background-filter::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80%;
    height: 80%;
    transform: translate(-50%, -50%);
    background-color: #855db4;
    opacity: .2;
    z-index: -1;
    filter: blur(160.4538269px)
}

@keyframes fade-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

#compare-pages {
    letter-spacing: 0
}

#compare-pages .header {
    background: #fff url("../img/dashboard-software/bg_dashboard.png") no-repeat top center;
    background-size: 100% 120px;
    color: #000;
    text-align: center;
    padding-bottom: 70px
}

#compare-pages .header .opposite {
    display: flex;
    flex-direction: column
}

#compare-pages .header .opposite .img {
    order: 1;
    margin-top: 20px
}

#compare-pages .header .opposite .text {
    order: 0
}

#compare-pages .header.no-logos {
    padding-bottom: 30px
}

#compare-pages .header.no-logos .text {
    padding-top: 120px
}

#compare-pages .header .top-logos {
    margin: 100px 0 60px
}

#compare-pages .header .top-logos ul {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    justify-content: center;
    align-items: center
}

#compare-pages .header .top-logos ul li {
    padding: 0 30px;
    position: relative
}

#compare-pages .header .top-logos ul li::after {
    content: "";
    height: 48px;
    width: 2px;
    opacity: .1;
    background: #000;
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0
}

#compare-pages .header .top-logos ul li:last-child::after {
    display: none
}

@media screen and (max-width:768px) {
    #compare-pages .header .top-logos ul li {
        max-width: 50%
    }

    #compare-pages .header .top-logos ul li img {
        max-width: 100%
    }

    #compare-pages .header .top-logos ul li::after {
        height: 30px
    }
}

#compare-pages .header h1 {
    color: #000;
    font-weight: 800;
    font-size: 56px;
    line-height: 66px;
    margin: 0 auto 16px;
    max-width: 810px
}

#compare-pages .header h3 {
    font-size: 15px;
    line-height: 24px;
    font-weight: 700;
    color: #1d9ad6;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: 0 0 16px
}

#compare-pages .header p {
    font-size: 16px;
    line-height: 24px;
    color: #72757c;
    max-width: 700px;
    margin: 0 auto 40px;
    font-weight: 400
}

#compare-pages .header .btn {
    margin: 0 8px 10px;
    text-transform: none;
    padding: 10px 38px
}

#compare-pages .header .btn.btn-green {
    background: #2ab674;
    font-size: 18px
}

#compare-pages .header .btn.btn-green .icon {
    display: none
}

#compare-pages .header .btn.btn-green:hover {
    background: #20925a
}

#compare-pages .header .btn.btn-purple {
    background: 0 0;
    border: 1px solid #2ab674;
    color: #2ab674
}

#compare-pages .header .btn.btn-purple:hover {
    color: #fff;
    background: #2ab674
}

#compare-pages .header .mobile-buttons {
    display: none
}

@media screen and (max-width:768px) {
    #compare-pages .header h1 {
        font-size: 42px;
        line-height: 52px
    }
}

#compare-pages #repeatable-images {
    text-align: center;
    padding: 0 0 116px
}

#compare-pages #repeatable-images p {
    font-size: 16px;
    line-height: 24px;
    color: #8e929b;
    margin: 0 0 16px;
    font-weight: 400
}

#compare-pages #repeatable-images .image-block {
    display: inline-block;
    float: none;
    vertical-align: middle;
    width: auto;
    margin: 0 27px;
    padding: 0
}

#compare-pages #repeatable-images .image-block img {
    opacity: .8;
    max-width: 100%
}

@media screen and (max-width:768px) {
    #compare-pages #repeatable-images {
        padding-bottom: 60px
    }
}

#compare-pages .product-any-data-content {
    background: #f3f4f8;
    text-align: center;
    padding: 120px 0 0
}

#compare-pages .product-any-data-content h2 {
    font-size: 36px;
    line-height: 46px;
    font-weight: 700;
    margin: 0;
    color: #000
}

#compare-pages .product-any-data-content h2 strong {
    font-weight: 700;
    text-decoration: underline;
    text-decoration-skip-ink: none;
    text-decoration-color: #008ace;
    -webkit-text-decoration-color: #008ace
}

#compare-pages .product-datas-multiple {
    background: #f3f4f8;
    border-top: 1px solid rgba(142, 146, 155, .2);
    padding: 64px 0
}

#compare-pages .product-datas-multiple h2,
#compare-pages .product-datas-multiple h3 {
    font-size: 36px;
    line-height: 46px;
    font-weight: 500;
    margin: 0 0 24px;
    color: #000
}

#compare-pages .product-datas-multiple h2 strong,
#compare-pages .product-datas-multiple h3 strong {
    font-weight: 500;
    text-decoration: underline;
    text-decoration-skip-ink: none
}

#compare-pages .product-datas-multiple p {
    font-size: 18px;
    line-height: 26px;
    margin: 0;
    color: #8e929b;
    font-weight: 400
}

#compare-pages .product-datas-multiple#product-any-data-1 {
    border-top: none
}

#compare-pages .product-datas-multiple#product-any-data-1 h2 strong,
#compare-pages .product-datas-multiple#product-any-data-1 h3 strong {
    text-decoration-color: #49C2A0;
    -webkit-text-decoration-color: #49C2A0
}

#compare-pages .product-datas-multiple#product-any-data-2 h2 strong,
#compare-pages .product-datas-multiple#product-any-data-2 h3 strong {
    text-decoration-color: #F4857A;
    -webkit-text-decoration-color: #F4857A
}

#compare-pages .product-datas-multiple#product-any-data-3 h2 strong,
#compare-pages .product-datas-multiple#product-any-data-3 h3 strong {
    text-decoration-color: #48B9E5;
    -webkit-text-decoration-color: #48B9E5
}

@media screen and (max-width:768px) {
    #compare-pages .product-datas-multiple.content.layout-dbl .img img {
        max-width: 100%
    }
}

#compare-pages .compare-block {
    padding: 120px 0
}

#compare-pages .compare-block .compare-title {
    text-align: center;
    margin-bottom: 68px
}

#compare-pages .compare-block .compare-title h2,
#compare-pages .compare-block .compare-title h3 {
    margin: 0 0 20px;
    font-size: 32px;
    line-height: 40px;
    font-weight: 700;
    color: #1c1d1f
}

#compare-pages .compare-block .compare-title p {
    color: #8e929b;
    font-size: 18px;
    line-height: 27px;
    margin: 0 auto;
    font-weight: 400;
    max-width: 630px
}

#compare-pages .compare-block .compare-companies {
    padding-bottom: 24px
}

#compare-pages .compare-block .compare-companies::after {
    content: "";
    clear: both;
    display: block
}

#compare-pages .compare-block .compare-fields .compare-box {
    clear: both;
    display: block;
    border-top: 1px solid rgba(142, 146, 155, .2);
    padding: 28px 0;
    position: relative;
    cursor: pointer
}

#compare-pages .compare-block .compare-fields .compare-box .col-md-2 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    color: #1d9ad6
}

#compare-pages .compare-block .compare-fields .compare-box h3,
#compare-pages .compare-block .compare-fields .compare-box h4 {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #000;
    margin: 0;
    padding-left: 24px
}

#compare-pages .compare-block .compare-fields .compare-box p {
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: #000;
    display: none;
    padding-left: 24px
}

#compare-pages .compare-block .compare-fields .compare-box .icon.icon-arrow-right {
    position: absolute;
    right: 0;
    transform: rotate(90deg);
    top: 32px;
    color: #72757c
}

#compare-pages .compare-block .compare-fields .compare-box .col-md-4 {
    position: relative
}

#compare-pages .compare-block .compare-fields .compare-box .col-md-4 .icon {
    position: absolute;
    top: 0;
    left: 15px
}

#compare-pages .compare-block .compare-fields .compare-box .col-md-4.true .icon.icon-check {
    color: #25a767;
    font-size: 16px
}

#compare-pages .compare-block .compare-fields .compare-box .col-md-4.true .icon.icon-close {
    display: none
}

#compare-pages .compare-block .compare-fields .compare-box .col-md-4.false .icon.icon-check {
    display: none
}

#compare-pages .compare-block .compare-fields .compare-box .col-md-4.false .icon.icon-close {
    color: #d05858;
    font-size: 16px
}

#compare-pages .compare-block .compare-fields .compare-box:last-child {
    border-bottom: 1px solid rgba(142, 146, 155, .2)
}

#compare-pages .compare-block .compare-fields .compare-box::after {
    content: "";
    clear: both;
    display: block
}

#compare-pages .compare-block .compare-fields .compare-box.active h3,
#compare-pages .compare-block .compare-fields .compare-box.active h4 {
    margin-bottom: 16px
}

#compare-pages .compare-block .compare-fields .compare-box.active .icon.icon-arrow-right {
    transform: rotate(270deg)
}

@media screen and (max-width:992px) {
    #compare-pages .compare-block .compare-companies {
        display: flex
    }

    #compare-pages .compare-block .compare-companies .col-md-2 {
        display: none
    }

    #compare-pages .compare-block .compare-companies .col-md-4 {
        width: 49%
    }

    #compare-pages .compare-block .compare-companies .col-md-4 img {
        max-width: 100%
    }

    #compare-pages .compare-block .compare-fields {
        padding: 0 20px
    }

    #compare-pages .compare-block .compare-fields .compare-box .col-md-2 {
        margin-bottom: 20px
    }

    #compare-pages .compare-block .compare-fields .compare-box .col-md-4 {
        display: inline-block;
        vertical-align: top;
        width: 49%
    }

    #compare-pages .compare-block .compare-fields .compare-box .col-md-4 .icon {
        position: relative;
        left: 0
    }

    #compare-pages .compare-block .compare-fields .compare-box .col-md-4 h3 {
        padding: 0
    }

    #compare-pages .compare-block .compare-fields .compare-box .col-md-4 p {
        padding: 0
    }
}

#compare-pages .compare-prices-block {
    position: relative;
    bottom: -20px
}

#compare-pages .compare-prices-block .compare-prices {
    margin-bottom: 30px;
    display: flex;
    align-items: center
}

#compare-pages .compare-prices-block .compare-prices .compare-price-icon {
    background: rgba(0, 138, 206, .1) url('../img/compare/icon-compare-price.png') no-repeat center;
    background-size: 32px;
    width: 56px;
    height: 56px;
    border-radius: 100%
}

#compare-pages .compare-prices-block .compare-prices-holder {
    padding: 25px 30px 30px;
    background: linear-gradient(270deg, #f3f4f8 0, #fff 100%);
    border-radius: 12px;
    border: 1px solid rgba(0, 0, 0, .1)
}

#compare-pages .compare-prices-block .compare-prices-holder .compare-box {
    clear: both;
    padding: 15px;
    line-height: 34px
}

#compare-pages .compare-prices-block .compare-prices-holder .compare-box p {
    margin: 0;
    font-size: 16px;
    font-weight: 500;
    color: #393a3e
}

#compare-pages .compare-prices-block .compare-prices-holder .compare-box p strong {
    font-size: 24px;
    font-weight: 700
}

#compare-pages .compare-prices-block .compare-prices-holder .compare-box p em {
    color: #25a767;
    font-style: normal;
    padding: 8px;
    line-height: 18px;
    border-radius: 5px;
    background: rgba(37, 167, 103, .1)
}

#compare-pages .compare-prices-block .compare-prices-holder .compare-box:nth-child(odd) {
    background: #fff
}

#compare-pages .compare-prices-block .compare-prices-holder .compare-box .col-md-4:first-child {
    color: #72757c;
    font-size: 14px;
    font-weight: 400
}

#compare-pages .compare-prices-block .compare-box::after,
#compare-pages .compare-prices-block .compare-prices-fields::after,
#compare-pages .compare-prices-block .compare-prices::after {
    content: "";
    clear: both;
    display: block
}

#compare-pages .compare-prices-block::after {
    content: "";
    clear: both;
    display: block
}

#compare-pages .compare-prices-block::before {
    content: "";
    z-index: -1;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 65%;
    background: #f3f4f8
}

@media screen and (max-width:992px) {
    #compare-pages .compare-prices-block .compare-prices-holder .compare-prices {
        display: flex
    }

    #compare-pages .compare-prices-block .compare-prices-holder .compare-prices .col-md-4 {
        width: 37%
    }

    #compare-pages .compare-prices-block .compare-prices-holder .compare-prices .col-md-4 img {
        max-width: 100%
    }

    #compare-pages .compare-prices-block .compare-prices-holder .compare-prices .col-md-4:first-child {
        width: 25%
    }

    #compare-pages .compare-prices-block .compare-prices-holder .compare-prices-fields .compare-box {
        display: flex
    }

    #compare-pages .compare-prices-block .compare-prices-holder .compare-prices-fields .compare-box .col-md-4 {
        width: 37%
    }

    #compare-pages .compare-prices-block .compare-prices-holder .compare-prices-fields .compare-box .col-md-4:first-child {
        width: 25%;
        line-height: 18px;
        font-size: 12px
    }
}

@media screen and (max-width:480px) {
    #compare-pages .compare-prices-block .compare-prices-holder {
        padding: 15px;
        width: 95%;
        margin: auto
    }

    #compare-pages .compare-prices-block .compare-prices-holder .compare-prices {
        margin-bottom: 10px
    }

    #compare-pages .compare-prices-block .compare-prices-holder .compare-prices .col-md-4 {
        width: 50%
    }

    #compare-pages .compare-prices-block .compare-prices-holder .compare-prices .col-md-4:first-child {
        display: none
    }

    #compare-pages .compare-prices-block .compare-prices-holder .compare-box {
        padding: 8px
    }

    #compare-pages .compare-prices-block .compare-prices-holder .compare-box p em {
        white-space: nowrap
    }

    #compare-pages .compare-prices-block .compare-prices-holder .compare-box .col-md-4 {
        width: 50% !important
    }

    #compare-pages .compare-prices-block .compare-prices-holder .compare-box .col-md-4:first-child {
        display: none
    }
}

#compare-pages #testimonials {
    text-align: center;
    padding: 60px 0 112px;
    background: #f3f4f8
}

#compare-pages #testimonials h2 {
    font-size: 32px;
    line-height: 40px;
    color: #000;
    margin: 0 0 28px;
    font-weight: 500
}

#compare-pages #testimonials p {
    color: #8e929b;
    font-size: 18px;
    line-height: 27px;
    margin: 0 auto 39px;
    font-weight: 400;
    max-width: 665px;
    display: block
}

#compare-pages #testimonials .testimonial-rating-box {
    display: block;
    max-width: 290px;
    margin: auto;
    white-space: nowrap
}

#compare-pages #testimonials .testimonial-rating-box img.refference {
    display: inline-block;
    vertical-align: middle;
    max-height: 38px;
    margin: 0 8px;
    width: auto
}

#compare-pages #testimonials .testimonial-rating-box span {
    margin: 24px 0 20px;
    display: block
}

#compare-pages #testimonials .testimonials-holder {
    padding-top: 35px
}

#compare-pages #testimonials .testimonials-holder .testimonial-image {
    margin-bottom: 20px
}

#compare-pages #testimonials .testimonials-holder .testimonial-image img {
    border-radius: 100%
}

#compare-pages #testimonials .testimonials-holder .testimonial-text p {
    margin: 0 auto;
    font-size: 21px;
    font-weight: 400;
    color: #8e929b;
    line-height: 30px
}

#compare-pages #testimonials .testimonials-holder .testimonial-position {
    padding-top: 24px;
    color: #8e929b;
    font-size: 18px;
    line-height: 30px;
    font-weight: 400
}

#compare-pages #testimonials .testimonials-holder .testimonial-position .name {
    color: #000
}

#compare-pages #testimonials .testimonials-holder .testimonial-position a {
    text-decoration: underline;
    color: #1998d5
}

@media screen and (max-width:992px) {
    #compare-pages #testimonials {
        padding: 60px 20px 112px
    }

    #compare-pages #testimonials .col-testimonial {
        margin-bottom: 60px
    }

    #compare-pages #testimonials .col-testimonial:last-child {
        margin-bottom: 0
    }
}

#compare-pages .choose-block {
    padding: 120px 0;
    text-align: center
}

#compare-pages .choose-block h2,
#compare-pages .choose-block h3 {
    margin: 0 0 24px;
    font-weight: 500;
    font-size: 36px;
    line-height: 44px;
    color: #000
}

#compare-pages .choose-block p {
    max-width: 650px;
    margin: auto;
    font-size: 18px;
    line-height: 27px;
    color: #8e929b
}

#compare-pages .choose-block .choose-fields {
    padding: 40px 85px 58px
}

#compare-pages .choose-block .choose-fields ul {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: left
}

#compare-pages .choose-block .choose-fields ul li {
    border-top: 1px solid rgba(142, 146, 155, .2);
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    color: #393a3e;
    padding: 18px 110px 18px 168px;
    position: relative
}

#compare-pages .choose-block .choose-fields ul li .icon {
    position: absolute;
    left: 110px;
    top: 18px;
    color: #25a767;
    margin-right: 45px
}

#compare-pages .choose-block .choose-fields ul li:last-child {
    border-bottom: 1px solid rgba(142, 146, 155, .2)
}

@media screen and (max-width:992px) {
    #compare-pages .choose-block .choose-fields ul li {
        padding-left: 50px !important
    }

    #compare-pages .choose-block .choose-fields ul li .icon {
        left: 18px
    }
}

#compare-pages .choose-block .choose-buttons ul {
    list-style: none;
    display: flex;
    padding: 0;
    margin: 0;
    justify-content: center;
    align-items: center
}

#compare-pages .choose-block .choose-buttons ul li {
    margin: 0 8px
}

#compare-pages .choose-block .choose-buttons ul li .btn {
    text-transform: none
}

#compare-pages .choose-block .choose-buttons ul li .btn.btn-green {
    background-color: #2ab674
}

#compare-pages .choose-block .choose-buttons ul li .btn.btn-green:hover {
    background-color: #20925a
}

@media screen and (max-width:768px) {
    #compare-pages .choose-block .choose-buttons {
        display: none
    }
}

@media screen and (max-width:992px) {
    #compare-pages .choose-block .choose-title {
        width: 95%;
        margin: auto
    }

    #compare-pages .choose-block .choose-fields {
        padding: 40px 15px 58px
    }

    #compare-pages .choose-block .choose-fields ul li {
        padding: 18px 18px
    }

    #compare-pages .choose-block .choose-fields ul li .icon {
        margin-right: 20px
    }
}

#compare-pages .review-block-g2 {
    text-align: center;
    position: relative;
    padding-bottom: 60px
}

#compare-pages .review-block-g2::after {
    content: "";
    z-index: -1;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 65%;
    background: #f3f4f8
}

#compare-pages .review-block-g2 h2,
#compare-pages .review-block-g2 h3 {
    font-size: 32px;
    line-height: 40px;
    color: #000;
    margin: 0 0 82px
}

#compare-pages .review-block-g2 .review-fields {
    background: #f6f6fa;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 10px;
    filter: drop-shadow(3px 4px 20px rgba(117, 128, 136, .1))
}

#compare-pages .review-block-g2 .review-fields .review-icon {
    margin-top: -42px;
    margin-bottom: 40px
}

#compare-pages .review-block-g2 .review-fields ul {
    list-style: none;
    padding: 0;
    margin: 0 0 32px;
    display: flex;
    justify-content: center;
    align-items: center
}

#compare-pages .review-block-g2 .review-fields ul li {
    text-align: center;
    margin: 0 60px
}

#compare-pages .review-block-g2 .review-fields ul li h4 {
    clear: both;
    margin: 0 0 24px;
    font-size: 20px;
    line-height: 26px;
    color: #393a3e;
    font-weight: 700
}

#compare-pages .review-block-g2 .review-fields ul li img {
    display: block;
    margin: auto
}

#compare-pages .review-block-g2 .review-fields ul li span {
    display: block;
    clear: both;
    margin: 16px 0 0;
    font-size: 15px;
    line-height: 19px
}

#compare-pages .review-block-g2 .review-fields ul li span strong {
    font-weight: 700
}

#compare-pages .review-block-g2 .review-fields .review-buttons ul {
    margin: 0 0 40px
}

#compare-pages .review-block-g2 .review-fields .review-buttons a {
    line-height: 40px;
    font-size: 16px;
    font-weight: 600;
    text-decoration: underline
}

#compare-pages .review-block-g2 .review-fields .review-buttons a:hover {
    text-decoration: none
}

@media screen and (max-width:992px) {
    #compare-pages .review-block-g2 .container {
        margin: auto;
        max-width: 95%
    }

    #compare-pages .review-block-g2 .review-fields ul {
        display: grid;
        grid-template-columns: auto auto
    }

    #compare-pages .review-block-g2 .review-fields ul li {
        margin-bottom: 40px
    }
}

@media screen and (max-width:480px) {
    #compare-pages .review-block-g2 .review-fields ul {
        display: grid;
        grid-template-columns: auto
    }
}

#compare-pages .bottom-note {
    border: none;
    padding: 0 0 104px
}

#compare-pages .bottom-note .container {
    padding: 32px 10px 32px 80px;
    border-radius: 10px;
    color: #fff;
    background: linear-gradient(0deg, rgba(0, 0, 0, .1) 0, rgba(0, 0, 0, .1) 100%), linear-gradient(227deg, #27a5db 0, #2e5ba6 100%);
    position: relative
}

#compare-pages .bottom-note .container::after {
    content: "";
    position: absolute;
    bottom: -20px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: -1;
    width: 90%;
    height: 100px;
    border-radius: 10px;
    opacity: 10%;
    background: linear-gradient(0deg, rgba(0, 0, 0, .1) 0, rgba(0, 0, 0, .1) 100%), linear-gradient(227deg, #27a5db 0, #2e5ba6 100%)
}

#compare-pages .bottom-note .container h2,
#compare-pages .bottom-note .container h3 {
    font-weight: 500;
    font-size: 36px;
    line-height: 48px;
    margin: 0 0 16px
}

#compare-pages .bottom-note .container p {
    color: #fff;
    font-size: 15px;
    line-height: 21px;
    font-weight: 400;
    margin: 0 0 37px
}

#compare-pages .bottom-note .container .buttons-section {
    display: flex
}

#compare-pages .bottom-note .container .buttons-section a.btn {
    width: max-content;
    display: inline-block;
    margin: 0 16px 0 0 !important
}

#compare-pages .bottom-note .container .buttons-section a.btn.btn-green-outline {
    color: #fff;
    background: 0 0;
    border: 1px solid #fff
}

#compare-pages .bottom-note .container .buttons-section a.btn:hover {
    background-color: #02b875;
    border-color: #02b875
}

#compare-pages .bottom-note .container .buttons-section a.btn .icon {
    display: none
}

@media screen and (max-width:992px) {
    #compare-pages .bottom-note {
        max-width: 95%;
        margin: auto
    }

    #compare-pages .bottom-note .container {
        padding: 32px 30px 32px 30px
    }

    #compare-pages .bottom-note .container .img img {
        max-width: 100%;
        margin: 0
    }
}

@media screen and (max-width:480px) {
    #compare-pages .bottom-note .container .left {
        text-align: center
    }

    #compare-pages .bottom-note .container .buttons-section {
        flex-direction: column;
        align-items: center;
        justify-content: center
    }

    #compare-pages .bottom-note .container .buttons-section a.btn {
        margin: 0 0 20px !important
    }

    #compare-pages .bottom-note .container .buttons-section a.btn:last-child {
        margin-bottom: 0 !important
    }
}

#compare-pages .compare-boxes {
    padding: 0 0 90px
}

#compare-pages .compare-boxes .compare-boxes-title {
    max-width: 846px;
    margin: auto
}

#compare-pages .compare-boxes .compare-boxes-title h2,
#compare-pages .compare-boxes .compare-boxes-title h3 {
    font-size: 36px;
    line-height: 46px;
    font-weight: 700;
    color: #000;
    margin-bottom: 80px;
    text-align: center
}

#compare-pages .compare-boxes .compare-boxes-fields .compare-box {
    background: #f3f4f8;
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, .1);
    margin-bottom: 30px;
    cursor: pointer;
    box-shadow: 3px 5px 22px rgba(117, 128, 136, .1)
}

#compare-pages .compare-boxes .compare-boxes-fields .compare-box .compare-box-image-block {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 8px;
    background: #fff;
    height: 112px;
    border-radius: 10px
}

#compare-pages .compare-boxes .compare-boxes-fields .compare-box .compare-box-content-block {
    padding: 40px
}

#compare-pages .compare-boxes .compare-boxes-fields .compare-box .compare-box-content-block h3 {
    margin: 0 0 16px;
    font-size: 28px;
    line-height: 46px;
    color: #000;
    font-weight: 400
}

#compare-pages .compare-boxes .compare-boxes-fields .compare-box .compare-box-content-block h3 strong {
    font-weight: 700
}

#compare-pages .compare-boxes .compare-boxes-fields .compare-box .compare-box-content-block h3 a {
    color: #000
}

#compare-pages .compare-boxes .compare-boxes-fields .compare-box .compare-box-content-block h3 a:hover {
    color: #1d9ad6
}

#compare-pages .compare-boxes .compare-boxes-fields .compare-box .compare-box-content-block p {
    margin: 0;
    font-size: 16px;
    line-height: 24px;
    color: #72757c;
    font-weight: 400
}

@media screen and (max-width:768px) {
    #compare-pages .compare-boxes .compare-boxes-title {
        width: 95%
    }
}

#compare-pages #product-faq {
    background: #f2f4f6;
    padding-top: 38px;
    padding-bottom: 80px
}

#compare-pages #product-faq h2,
#compare-pages #product-faq h3 {
    max-width: 520px;
    margin: 0 auto 16px;
    font-size: 32px;
    line-height: 40px;
    font-weight: 700;
    color: #000
}

#compare-pages #product-faq p {
    max-width: 650px;
    margin: 0 auto 48px;
    text-align: center;
    font-size: 16px;
    line-height: 27px;
    font-weight: 400;
    color: #8e929b
}

#compare-pages #product-faq .collapsible-group {
    text-align: left
}

#compare-pages #product-faq .collapsible-group .collapsible {
    border-top: 1px solid rgba(142, 146, 155, .2);
    padding: 28px 28px;
    margin: 0;
    position: relative
}

#compare-pages #product-faq .collapsible-group .collapsible .collapsible__content {
    padding-left: 0
}

#compare-pages #product-faq .collapsible-group .collapsible p {
    margin: 0;
    max-width: 715px;
    text-align: left;
    font-size: 14px;
    line-height: 21px;
    color: #000;
    font-weight: 400
}

#compare-pages #product-faq .collapsible-group .collapsible .title p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500
}

#compare-pages #product-faq .collapsible-group .collapsible .icon {
    position: absolute;
    right: 0;
    transform: rotate(90deg);
    top: 32px;
    color: #72757c
}

#compare-pages #product-faq .collapsible-group .collapsible .icon.expanded {
    transform: rotate(270deg);
    top: 24px
}

#compare-pages #product-faq .collapsible-group .collapsible:last-child {
    border-bottom: 1px solid rgba(142, 146, 155, .2)
}

#compare-pages #numbers {
    margin: 0 auto 80px;
    padding-top: 120px;
    padding-bottom: 30px;
    background: rgba(93, 199, 241, .18);
    background: linear-gradient(270deg, #f3f4f8 0, #fff 100%)
}

#compare-pages #numbers h2 {
    text-align: center;
    margin: 0 0 100px;
    color: #000;
    font-size: 32px;
    line-height: 40px;
    font-weight: 700
}

#compare-pages #numbers .item {
    font-size: 22px;
    line-height: 30px;
    color: #484848;
    width: 325px;
    height: 85px;
    margin: 0 auto 90px;
    font-weight: 300
}

#compare-pages #numbers .item span {
    display: table-cell;
    vertical-align: middle;
    padding-right: 20px;
    height: inherit
}

#compare-pages #numbers .item span:last-child {
    padding-right: 0
}

#compare-pages #numbers .item .icon,
#compare-pages #numbers .item .num {
    color: #1d9ad6
}

#compare-pages #numbers .item .icon {
    width: 60px;
    font-size: 50px;
    vertical-align: inherit
}

#compare-pages #numbers .item .num {
    font-size: 60px;
    line-height: 68px;
    font-weight: 500;
    text-align: right;
    width: 175px
}

#compare-pages #numbers .item .text a {
    color: inherit;
    text-decoration: underline
}

@media screen and (max-width:768px) {
    #compare-pages #numbers .item {
        width: 100%
    }

    #compare-pages #numbers .item span {
        display: block;
        padding: 0;
        text-align: left;
        width: 100%
    }

    #compare-pages #numbers .item span.num {
        width: 100%;
        text-align: left
    }
}

#compare-pages #before-choosing {
    padding: 120px 0 0
}

#compare-pages #before-choosing h2,
#compare-pages #before-choosing h3 {
    text-align: center;
    max-width: 520px;
    font-size: 32px;
    line-height: 40px;
    font-weight: 700;
    color: #1c1d1f;
    margin: 0 auto 48px
}

#compare-pages #before-choosing .item {
    background: rgba(208, 88, 88, .1);
    border-radius: 10px;
    padding: 24px;
    margin-bottom: 30px
}

#compare-pages #before-choosing .item h3 {
    text-align: left;
    margin: 16px 0 16px;
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    color: #000
}

#compare-pages #before-choosing .item p {
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    color: #000;
    margin: 0
}

#compare-pages #competitors {
    padding: 90px 0 120px;
    text-align: center
}

#compare-pages #competitors h2,
#compare-pages #competitors h3 {
    font-size: 32px;
    line-height: 40px;
    font-weight: 700;
    text-align: center;
    margin: 0 0 46px;
    color: #1c1d1f
}

#compare-pages #competitors a.item {
    display: inline-block;
    max-width: 585px;
    width: 100%;
    border-top: 1px solid rgba(142, 146, 155, .2);
    display: flex;
    justify-content: space-between;
    margin: auto;
    padding: 16px 0;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #000
}

#compare-pages #competitors a.item strong {
    font-weight: 700
}

#compare-pages #competitors a.item .icon {
    color: #8e929b
}

#compare-pages #competitors .col-xs-12:last-child a.item {
    border-bottom: 1px solid rgba(142, 146, 155, .2)
}

@keyframes fade-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.dbx-card {
    display: flex;
    position: relative;
    flex-direction: column;
    background-color: #fff
}

.dbx-card__title {
    margin-top: 24px !important;
    margin-bottom: 16px !important;
    max-width: 650px !important;
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 700
}

.dbx-card__text {
    max-width: 570px;
    font-size: 16px
}

.dbx-card__img-container {
    width: 100%;
    overflow: hidden;
    border-radius: 24px;
    background: rgba(103, 147, 169, .1);
    display: grid;
    place-content: center
}

.dbx-card__img-container img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.dbx-card__badge {
    position: absolute;
    top: 24px;
    left: -16px;
    z-index: 1;
    padding: 8px 12px;
    border-radius: 4px;
    color: #fff;
    font-weight: 700;
    font-size: .8125rem;
    text-transform: uppercase
}

.dbx-card--row {
    flex-direction: column;
    align-items: left
}

.dbx-card--boxed {
    border-radius: 16px;
    padding: 8px 8px 24px 8px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, .1)
}

.dbx-card--boxed .dbx-card__img-container {
    border-radius: 10px
}

.dbx-card--boxed .dbx-card__text-container {
    padding-inline: 16px
}

.dbx-card--boxed .dbx-card__anchor-container {
    padding-inline: 16px
}

.dbx-card--link-on-hover .dbx-card__anchor-container {
    transition: .3s all;
    overflow: hidden;
    height: 0
}

.dbx-card--link-on-hover:hover .dbx-card__anchor-container {
    margin-top: 16px;
    overflow: visible;
    height: 20px
}

.dbx-card__header {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.dbx-card__tooltip {
    color: rgba(142, 146, 155, .8);
    overflow: hidden;
    transition: color .2s
}

.dbx-card__tooltip span {
    display: none
}

.dbx-card__tooltip-title {
    font-weight: 700
}

.dbx-card__tooltip:hover {
    color: #1c1d1f
}

@media only screen and (min-width:1024px) {
    .dbx-card--row {
        flex-direction: row;
        align-items: center;
        gap: inherit
    }

    .dbx-card--row .dbx-card__text-container {
        margin-left: 24px
    }

    .dbx-card--row .dbx-card__img-container,
    .dbx-card--row .dbx-card__text-container {
        flex: 1 1 50%
    }

    .dbx-card--sm .dbx-card__title {
        font-size: 1.5rem !important;
        line-height: 1.875rem !important
    }

    .dbx-card--md .dbx-card__title {
        font-size: 2rem !important;
        line-height: 2.5rem !important
    }

    .dbx-card--lg .dbx-card__title {
        margin-top: 32px !important;
        margin-bottom: 8px !important;
        font-size: 2rem !important;
        line-height: 2.5rem !important
    }
}

.dbx-template-cards-section {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center
}

.dbx-template-cards-section__title {
    font-size: 1.5rem;
    line-height: 1.75rem;
    font-weight: 600;
    margin-bottom: 16px
}

.dbx-template-cards-section__text {
    margin-bottom: 64px;
    font-weight: 500;
    color: #72757c
}

.dbx-template-cards-section__container {
    align-self: stretch;
    place-content: center
}

.dbx-template-cards-section__show-more-btn {
    margin-top: 64px;
    display: none
}

.dbx-template-cards-section__linked-btn {
    margin-top: 64px
}

@media screen and (min-width:1024px) {
    .dbx-template-cards-section__title {
        font-size: 3rem;
        line-height: 3.5rem
    }
}

.dbx-template-card {
    overflow: hidden;
    min-width: 0;
    background-color: #fff;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    box-shadow: 0 0 15px 1px rgba(142, 146, 155, .3);
    position: relative;
    transition: box-shadow .3s
}

.dbx-template-card__img-container {
    position: relative;
    overflow: hidden
}

.dbx-template-card__img-container img {
    width: 100%
}

.dbx-template-card__info-container {
    flex: 1;
    display: flex;
    align-items: start;
    flex-direction: column;
    justify-content: space-between;
    padding: 12px;
    background-color: #fff;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    cursor: default
}

.dbx-template-card .dbx-template-card__title {
    font-size: 1rem;
    line-height: 1.25rem;
    text-align: left
}

.dbx-template-card .dbx-template-card__text {
    text-align: left;
    display: block;
    display: -webkit-box;
    max-height: 40px;
    font-size: 16px;
    line-height: 20px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.dbx-template-card__bottom {
    display: flex;
    gap: 8px;
    flex-direction: column
}

.dbx-template-card__avatar-container {
    display: flex;
    align-items: center
}

.dbx-template-card__avatar-container .dbx-template-card__avatar {
    height: 20px;
    border-radius: 100px;
    overflow: hidden;
    outline: 1px solid white
}

.dbx-template-card__avatar-container .dbx-template-card__avatar img {
    vertical-align: top !important;
    height: 100%
}

.dbx-template-card__avatar-container .dbx-template-card__avatar:not(:first-child) {
    margin-left: -10px
}

.dbx-template-card .dbx-container-anchor {
    z-index: 2
}

.dbx-template-card--centered {
    align-items: center
}

.dbx-template-card--centered .dbx-template-card__img-container {
    align-self: stretch
}

.dbx-template-card--centered .dbx-template-card__title {
    text-align: center
}

.dbx-template-card--link-active:hover {
    box-shadow: 0 0 15px 1px rgba(142, 146, 155, .6)
}

.dbx-icon-card {
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-width: 520px
}

.dbx-icon-card .icon::before {
    font-size: 32px
}

.dbx-icon-card__top {
    display: flex;
    gap: 16px;
    align-items: center
}

.dbx-icon-card__top img {
    width: 28px
}

.dbx-icon-card .dbx-icon-card__title {
    display: flex;
    align-items: center;
    gap: 20px;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 600;
    margin: 0
}

.dbx-icon-card .dbx-icon-card__text {
    font-size: 1rem;
    line-height: 1.5rem;
    margin: 0
}

.dbx-icon-card--purple-gradient-icon {
    background-color: #fff;
    max-width: 519px
}

.dbx-icon-card--purple-gradient-icon .dbx-icon-card__title {
    display: flex;
    align-items: center
}

.dbx-icon-card--purple-gradient-icon .dbx-icon-card__text {
    color: rgba(142, 146, 155, .9)
}

.dbx-icon-card--purple-gradient-icon .icon::before {
    background: linear-gradient(45deg, #8850cb, #da6e7a);
    background: -o-linear-gradient(45deg, #8850cb, #da6e7a);
    background: -ms-linear-gradient(45deg, #8850cb, #da6e7a);
    background: -moz-linear-gradient(45deg, #8850cb, #da6e7a);
    background: -webkit-linear-gradient(45deg, #8850cb, #da6e7a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.dbx-icon-card--lime {
    background-color: #f3f9ea
}

.dbx-icon-card--lime .dbx-icon-card__title {
    color: #83c12f;
    display: flex;
    align-items: center
}

.dbx-icon-card--lime .dbx-icon-card__text {
    color: #1b2024
}

.dbx-icon-card--lime .icon::before {
    color: #83c12f;
    font-size: 40px
}

.dbx-icon-card--cyan {
    background-color: #e6f5f8
}

.dbx-icon-card--cyan .dbx-icon-card__title {
    color: #009eb4;
    display: flex;
    align-items: center
}

.dbx-icon-card--cyan .dbx-icon-card__text {
    color: #1b2024
}

.dbx-icon-card--cyan .icon::before {
    color: #009eb4;
    font-size: 40px
}

.dbx-icon-card--green {
    background-color: #e9f6f0
}

.dbx-icon-card--green .dbx-icon-card__title {
    color: #25a767;
    display: flex;
    align-items: center
}

.dbx-icon-card--green .dbx-icon-card__text {
    color: #1b2024
}

.dbx-icon-card--green .icon::before {
    color: #25a767;
    font-size: 40px
}

.dbx-icon-card--yellow {
    background-color: #fef8ec
}

.dbx-icon-card--yellow .dbx-icon-card__title {
    color: #f4bb42;
    display: flex;
    align-items: center
}

.dbx-icon-card--yellow .dbx-icon-card__text {
    color: #1b2024
}

.dbx-icon-card--yellow .icon::before {
    color: #f4bb42;
    font-size: 40px
}

.dbx-icon-card--orange {
    background-color: #fef2e9
}

.dbx-icon-card--orange .dbx-icon-card__title {
    color: #f47920;
    display: flex;
    align-items: center
}

.dbx-icon-card--orange .dbx-icon-card__text {
    color: #1b2024
}

.dbx-icon-card--orange .icon::before {
    color: #f47920;
    font-size: 40px
}

.dbx-icon-card--navy {
    background-color: #eaedf5
}

.dbx-icon-card--navy .dbx-icon-card__title {
    color: #2e4797;
    display: flex;
    align-items: center
}

.dbx-icon-card--navy .dbx-icon-card__text {
    color: #1b2024
}

.dbx-icon-card--navy .icon::before {
    color: #2e4797;
    font-size: 40px
}

.dbx-icon-card--purple {
    background-color: #f1ecf7
}

.dbx-icon-card--purple .dbx-icon-card__title {
    color: #7540ab;
    display: flex;
    align-items: center
}

.dbx-icon-card--purple .dbx-icon-card__text {
    color: #1b2024
}

.dbx-icon-card--purple .icon::before {
    color: #7540ab;
    font-size: 40px
}

.dbx-icon-card--blue {
    background-color: #e9f5fb
}

.dbx-icon-card--blue .dbx-icon-card__title {
    color: #1e9bd7;
    display: flex;
    align-items: center
}

.dbx-icon-card--blue .dbx-icon-card__text {
    color: #1b2024
}

.dbx-icon-card--blue .icon::before {
    color: #1e9bd7;
    font-size: 40px
}

.dbx-icon-card--purple-background-and-icon .icon::before {
    font-size: 18px;
    padding: 11px;
    border-radius: 100%;
    background-color: rgba(117, 64, 171, .1);
    color: #7540ab
}

.dbx-icon-card--basic .dbx-icon-card__title {
    display: flex;
    align-items: center
}

.dbx-icon-card--basic .dbx-icon-card__text {
    color: #1b2024
}

.dbx-icon-card--boxed {
    border-radius: 16px;
    padding: 24px 24px 34px 24px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, .1)
}

.dbx-icon-card.dbx-icon-card--vertical {
    gap: 10px;
    padding: 32px 16px 16px 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 5px;
    text-align: center
}

.dbx-icon-card.dbx-icon-card--vertical .dbx-icon-card__title {
    flex-direction: column;
    margin-block: 0;
    font-size: 1rem;
    line-height: 1.5rem;
    margin: 0
}

.dbx-icon-card.dbx-icon-card--vertical .dbx-icon-card__text {
    font-size: .875rem;
    line-height: 1.25rem;
    margin: 0
}

.dbx-icon-card.dbx-icon-card--vertical .dbx-icon-card__title::before {
    font-size: 40px
}

.dbx-icon-card.dbx-icon-card--vertical .dbx-icon-card__top {
    flex-direction: column
}

.dbx-icon-card.dbx-icon-card--vertical .dbx-icon-card__top img {
    width: 40px
}

@media screen and (min-width:768px) {
    .dbx-icon-card .dbx-icon-card__title {
        font-size: 1.125rem;
        line-height: 1.5rem
    }

    .dbx-icon-card .dbx-icon-card__text {
        font-size: 1rem;
        line-height: 1.5rem
    }
}

.dbx-collapsible-icon-card {
    display: flex;
    flex-direction: column;
    background-color: #fff
}

.dbx-collapsible-icon-card__title {
    font-size: 1.125rem
}

.dbx-collapsible-icon-card__listener {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px;
    gap: 16px
}

.dbx-collapsible-icon-card__listener-content {
    display: flex;
    align-items: center;
    gap: 16px
}

.dbx-collapsible-icon-card__listener img {
    height: 32px;
    width: auto
}

.dbx-collapsible-icon-card__state-icon::before {
    transition: all .4s;
    transform: rotate(90deg);
    font-size: 16px;
    color: rgba(142, 146, 155, .8)
}

.dbx-collapsible-icon-card .dbx-collapsible__collapsible-container {
    transition: all .4s
}

.dbx-collapsible-icon-card .dbx-collapsible__collapsible-content {
    padding: 8px 16px 16px 16px
}

.dbx-collapsible-icon-card.dbx-collapsible--active .dbx-collapsible-icon-card__state-icon::before {
    transform: rotate(270deg)
}

.dbx-collapsible-icon-card--boxed {
    border-radius: 16px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, .1)
}

.dbx-collapsible-icon-card--lime {
    background-color: rgba(131, 193, 47, .1);
    max-width: 410px
}

.dbx-collapsible-icon-card--lime .dbx-collapsible-icon-card__title {
    color: #83c12f;
    font-size: 16px !important;
    font-weight: 500;
    display: flex;
    align-items: center
}

.dbx-collapsible-icon-card--lime .dbx-collapsible-icon-card__text {
    color: #1b2024 !important
}

.dbx-collapsible-icon-card--lime .dbx-collapsible-icon-card__listener-content .icon::before {
    color: #83c12f;
    font-size: 32px
}

@media screen and (min-width:768px) {
    .dbx-collapsible-icon-card--lime .dbx-icon-card__title {
        font-size: 18px !important
    }
}

.dbx-collapsible-icon-card--cyan {
    background-color: rgba(0, 158, 180, .1);
    max-width: 410px
}

.dbx-collapsible-icon-card--cyan .dbx-collapsible-icon-card__title {
    color: #009eb4;
    font-size: 16px !important;
    font-weight: 500;
    display: flex;
    align-items: center
}

.dbx-collapsible-icon-card--cyan .dbx-collapsible-icon-card__text {
    color: #1b2024 !important
}

.dbx-collapsible-icon-card--cyan .dbx-collapsible-icon-card__listener-content .icon::before {
    color: #009eb4;
    font-size: 32px
}

@media screen and (min-width:768px) {
    .dbx-collapsible-icon-card--cyan .dbx-icon-card__title {
        font-size: 18px !important
    }
}

.dbx-collapsible-icon-card--green {
    background-color: rgba(37, 167, 103, .1);
    max-width: 410px
}

.dbx-collapsible-icon-card--green .dbx-collapsible-icon-card__title {
    color: #25a767;
    font-size: 16px !important;
    font-weight: 500;
    display: flex;
    align-items: center
}

.dbx-collapsible-icon-card--green .dbx-collapsible-icon-card__text {
    color: #1b2024 !important
}

.dbx-collapsible-icon-card--green .dbx-collapsible-icon-card__listener-content .icon::before {
    color: #25a767;
    font-size: 32px
}

@media screen and (min-width:768px) {
    .dbx-collapsible-icon-card--green .dbx-icon-card__title {
        font-size: 18px !important
    }
}

.dbx-collapsible-icon-card--yellow {
    background-color: rgba(244, 187, 66, .1);
    max-width: 410px
}

.dbx-collapsible-icon-card--yellow .dbx-collapsible-icon-card__title {
    color: #f4bb42;
    font-size: 16px !important;
    font-weight: 500;
    display: flex;
    align-items: center
}

.dbx-collapsible-icon-card--yellow .dbx-collapsible-icon-card__text {
    color: #1b2024 !important
}

.dbx-collapsible-icon-card--yellow .dbx-collapsible-icon-card__listener-content .icon::before {
    color: #f4bb42;
    font-size: 32px
}

@media screen and (min-width:768px) {
    .dbx-collapsible-icon-card--yellow .dbx-icon-card__title {
        font-size: 18px !important
    }
}

.dbx-collapsible-icon-card--orange {
    background-color: rgba(244, 121, 32, .1);
    max-width: 410px
}

.dbx-collapsible-icon-card--orange .dbx-collapsible-icon-card__title {
    color: #f47920;
    font-size: 16px !important;
    font-weight: 500;
    display: flex;
    align-items: center
}

.dbx-collapsible-icon-card--orange .dbx-collapsible-icon-card__text {
    color: #1b2024 !important
}

.dbx-collapsible-icon-card--orange .dbx-collapsible-icon-card__listener-content .icon::before {
    color: #f47920;
    font-size: 32px
}

@media screen and (min-width:768px) {
    .dbx-collapsible-icon-card--orange .dbx-icon-card__title {
        font-size: 18px !important
    }
}

.dbx-collapsible-icon-card--navy {
    background-color: rgba(46, 71, 151, .1);
    max-width: 410px
}

.dbx-collapsible-icon-card--navy .dbx-collapsible-icon-card__title {
    color: #2e4797;
    font-size: 16px !important;
    font-weight: 500;
    display: flex;
    align-items: center
}

.dbx-collapsible-icon-card--navy .dbx-collapsible-icon-card__text {
    color: #1b2024 !important
}

.dbx-collapsible-icon-card--navy .dbx-collapsible-icon-card__listener-content .icon::before {
    color: #2e4797;
    font-size: 32px
}

@media screen and (min-width:768px) {
    .dbx-collapsible-icon-card--navy .dbx-icon-card__title {
        font-size: 18px !important
    }
}

.dbx-collapsible-icon-card--purple {
    background-color: rgba(117, 64, 171, .1);
    max-width: 410px
}

.dbx-collapsible-icon-card--purple .dbx-collapsible-icon-card__title {
    color: #7540ab;
    font-size: 16px !important;
    font-weight: 500;
    display: flex;
    align-items: center
}

.dbx-collapsible-icon-card--purple .dbx-collapsible-icon-card__text {
    color: #1b2024 !important
}

.dbx-collapsible-icon-card--purple .dbx-collapsible-icon-card__listener-content .icon::before {
    color: #7540ab;
    font-size: 32px
}

@media screen and (min-width:768px) {
    .dbx-collapsible-icon-card--purple .dbx-icon-card__title {
        font-size: 18px !important
    }
}

.dbx-collapsible-icon-card--blue {
    background-color: rgba(30, 155, 215, .1);
    max-width: 410px
}

.dbx-collapsible-icon-card--blue .dbx-collapsible-icon-card__title {
    color: #1e9bd7;
    font-size: 16px !important;
    font-weight: 500;
    display: flex;
    align-items: center
}

.dbx-collapsible-icon-card--blue .dbx-collapsible-icon-card__text {
    color: #1b2024 !important
}

.dbx-collapsible-icon-card--blue .dbx-collapsible-icon-card__listener-content .icon::before {
    color: #1e9bd7;
    font-size: 32px
}

@media screen and (min-width:768px) {
    .dbx-collapsible-icon-card--blue .dbx-icon-card__title {
        font-size: 18px !important
    }
}

.dbx-collapsible-icon-card--purple-gradient-icon {
    background-color: #fff;
    max-width: 519px
}

.dbx-collapsible-icon-card--purple-gradient-icon .dbx-collapsible-icon-card__text {
    color: rgba(142, 146, 155, .9) !important
}

.dbx-collapsible-icon-card--purple-gradient-icon .dbx-collapsible-icon-card__listener-content .icon::before {
    background: linear-gradient(45deg, #8850cb, #da6e7a);
    background: -o-linear-gradient(45deg, #8850cb, #da6e7a);
    background: -ms-linear-gradient(45deg, #8850cb, #da6e7a);
    background: -moz-linear-gradient(45deg, #8850cb, #da6e7a);
    background: -webkit-linear-gradient(45deg, #8850cb, #da6e7a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 32px
}

.dbx-collapsible-icon-card--purple-background-and-icon .icon::before {
    font-size: 18px;
    padding: 11px;
    border-radius: 100%;
    background-color: rgba(117, 64, 171, .1);
    color: #7540ab
}

@media screen and (min-width:768px) {
    .dbx-collapsible-icon-card__listener {
        padding: 24px
    }

    .dbx-collapsible-icon-card .dbx-collapsible__collapsible-content {
        padding: 8px 24px 24px 24px
    }
}

.dbx-reviews-and-awards {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 40px
}

.dbx-reviews-and-awards__images-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 40px
}

.dbx-reviews-and-awards__images-container picture img {
    max-width: 100%
}

.dbx-reviews-and-awards__end,
.dbx-reviews-and-awards__start {
    max-width: 94px
}

.dbx-reviews-and-awards__center {
    max-width: 268px
}

@media only screen and (min-width:768px) {

    .dbx-reviews-and-awards__end,
    .dbx-reviews-and-awards__start {
        max-width: 144px
    }

    .dbx-reviews-and-awards__center {
        max-width: 364px
    }
}

@media only screen and (min-width:1024px) {
    .dbx-reviews-and-awards__images-container {
        flex-direction: row
    }
}

.dbx-enhanced-card {
    display: flex;
    position: relative;
    background-color: rgba(36, 40, 44, .1);
    border-radius: 18px;
    padding: 96px 16px 0 16px;
    gap: 18px;
    justify-content: space-between;
    flex-direction: column
}

.dbx-enhanced-card__media-container img {
    width: 100%
}

.dbx-enhanced-card__badge {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 2px 10px;
    position: absolute;
    top: 24px;
    left: -16px;
    z-index: 1;
    border-radius: 6px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 700;
    font-size: 13px;
    background-color: #24282c
}

.dbx-enhanced-card__badge .icon {
    font-size: 24px
}

.dbx-enhanced-card__badge .text {
    padding: 8px 0
}

.dbx-enhanced-card__title {
    font-size: 32px;
    line-height: 40px;
    color: #1b2024;
    font-weight: 600
}

.dbx-enhanced-card__text-container {
    display: flex;
    flex-direction: column;
    gap: 24px
}

.dbx-enhanced-card--row {
    flex-direction: column;
    align-items: left
}

.dbx-enhanced-card--col {
    flex-direction: column
}

.dbx-enhanced-card--col .dbx-card__title,
.dbx-enhanced-card--lg .dbx-card__title {
    margin-top: 32px;
    margin-bottom: 8px
}

.dbx-enhanced-card--col .dbx-card__title,
.dbx-enhanced-card--md .dbx-card__title {
    margin-top: 24px;
    margin-bottom: 16px
}

@media only screen and (min-width:450px) {
    .dbx-enhanced-card {
        padding-inline: 40px
    }
}

@media only screen and (min-width:1024px) {
    .dbx-enhanced-card--row {
        flex-direction: row;
        align-items: center;
        gap: inherit;
        padding-bottom: 96px
    }

    .dbx-enhanced-card--row .dbx-enhanced-card__media-container,
    .dbx-enhanced-card--row .dbx-enhanced-card__text-container {
        flex: 1 1 50%
    }
}

@media only screen and (max-width:768px) {
    .dbx-enhanced-card {
        margin-left: 16px
    }
}

.dbx-enhanced-card .dbx-arrow-btn {
    padding: 8px 38px 8px 24px
}

.dbx-enhanced-card.dbx-enhanced-card--lime {
    background-color: rgba(131, 193, 47, .1)
}

.dbx-enhanced-card.dbx-enhanced-card--lime .dbx-enhanced-card__badge {
    background-color: #83c12f
}

.dbx-enhanced-card.dbx-enhanced-card--cyan {
    background-color: rgba(0, 158, 180, .1)
}

.dbx-enhanced-card.dbx-enhanced-card--cyan .dbx-enhanced-card__badge {
    background-color: #009eb4
}

.dbx-enhanced-card.dbx-enhanced-card--green {
    background-color: rgba(37, 167, 103, .1)
}

.dbx-enhanced-card.dbx-enhanced-card--green .dbx-enhanced-card__badge {
    background-color: #25a767
}

.dbx-enhanced-card.dbx-enhanced-card--yellow {
    background-color: rgba(244, 187, 66, .1)
}

.dbx-enhanced-card.dbx-enhanced-card--yellow .dbx-enhanced-card__badge {
    background-color: #f4bb42
}

.dbx-enhanced-card.dbx-enhanced-card--orange {
    background-color: rgba(244, 121, 32, .1)
}

.dbx-enhanced-card.dbx-enhanced-card--orange .dbx-enhanced-card__badge {
    background-color: #f47920
}

.dbx-enhanced-card.dbx-enhanced-card--navy {
    background-color: rgba(46, 71, 151, .1)
}

.dbx-enhanced-card.dbx-enhanced-card--navy .dbx-enhanced-card__badge {
    background-color: #2e4797
}

.dbx-enhanced-card.dbx-enhanced-card--purple {
    background-color: rgba(117, 64, 171, .1)
}

.dbx-enhanced-card.dbx-enhanced-card--purple .dbx-enhanced-card__badge {
    background-color: #7540ab
}

.dbx-enhanced-card.dbx-enhanced-card--blue {
    background-color: rgba(30, 155, 215, .1)
}

.dbx-enhanced-card.dbx-enhanced-card--blue .dbx-enhanced-card__badge {
    background-color: #1e9bd7
}

.dbx-anchor-list-card {
    padding: 24px;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 12px
}

.dbx-anchor-list-card__title {
    color: rgba(142, 146, 155, .9);
    font-size: .875rem;
    line-height: 2rem;
    font-weight: 700;
    letter-spacing: .65px;
    margin-bottom: 16px
}

.dbx-anchor-list-card__list-item {
    font-size: 1rem;
    line-height: 1.5rem
}

.dbx-anchor-list-card__list {
    padding: 0;
    list-style: none
}

.dbx-trusted-by-businesses {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-block: 64px
}

@media screen and (min-width:768px) {
    .dbx-trusted-by-businesses {
        margin-block: 96px
    }
}

.dbx-trusted-by-businesses p {
    text-align: center;
    align-self: center
}

.dbx-trusted-by-businesses .dbx-horizontal-scroll {
    gap: 32px
}

.dbx-trusted-by-businesses .dbx-horizontal-scroll li {
    list-style: none
}

.dbx-feature-highlight {
    position: relative;
    text-align: center;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.dbx-feature-highlight__content {
    padding-block: 74px;
    padding-inline: 16px;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 1
}

.dbx-feature-highlight__background {
    border-radius: 24px;
    box-sizing: content-box;
    padding: inherit;
    position: absolute;
    inset: 0;
    background: linear-gradient(126deg, #0f0722 .5%, rgba(15, 7, 34, .91) 70%)
}

.dbx-feature-highlight__background .effect-1 {
    grid-column: 2/span 2;
    grid-row: 2/span 2;
    border-radius: 432.989px;
    opacity: .4;
    background: #2f4998;
    filter: blur(105px)
}

.dbx-feature-highlight__background .effect-2 {
    grid-column: 4/span 2;
    grid-row: 2/span 2;
    opacity: .4;
    background: #d34b89;
    filter: blur(105px)
}

.dbx-feature-highlight__background .effect-3 {
    grid-column: 3/span 2;
    grid-row: 4/span 2;
    opacity: .4;
    background: #d34b89;
    filter: blur(105px)
}

.dbx-feature-highlight__title {
    max-width: 800px;
    margin-bottom: 8px;
    font-size: 2.5rem !important;
    line-height: 3rem !important;
    margin-top: 16px !important;
    margin-bottom: 8px !important
}

.dbx-feature-highlight__text {
    opacity: .6;
    max-width: 600px
}

.dbx-feature-highlight__img-container {
    max-width: 1000px;
    margin-bottom: 32px
}

.dbx-feature-highlight__img-container img {
    width: 100%
}

.dbx-feature-highlight__list {
    display: none;
    padding: 0
}

.dbx-feature-highlight__list-item {
    display: inline-flex;
    gap: 16px;
    align-items: center
}

.dbx-feature-highlight__list-item .dbx-feature-highlight__icon-container {
    aspect-ratio: 1/1;
    height: 40px;
    border-radius: 8px;
    padding: 3px;
    background-color: rgba(142, 146, 155, .2);
    display: grid;
    place-content: center
}

.dbx-feature-highlight__list-item .icon {
    display: grid;
    place-content: center;
    font-size: 24px
}

.dbx-feature-highlight__list-item svg {
    height: 24px
}

.dbx-feature-highlight__list-item p {
    opacity: .8;
    margin: 0
}

.dbx-feature-highlight__text {
    margin-bottom: 48px !important
}

.dbx-feature-highlight .tag {
    margin-bottom: 16px
}

@media only screen and (min-width:768px) {
    .dbx-feature-highlight__title {
        font-size: 3.5rem !important;
        line-height: 4rem !important
    }
}

@media only screen and (min-width:1400px) {
    .dbx-feature-highlight__list {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 16px 40px;
        margin-bottom: 72px !important;
        justify-content: center
    }
}

.dbx-customer-success {
    display: flex;
    justify-content: space-between;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 12px;
    box-shadow: 0 0 15px 1px rgba(142, 146, 155, .3);
    transition: box-shadow 50ms;
    gap: 16px;
    position: relative
}

.dbx-customer-success:hover {
    box-shadow: 0 0 15px 1px rgba(142, 146, 155, .6)
}

.dbx-customer-success:hover .dbx-customer-success__btn .icon::before {
    right: 0
}

.dbx-customer-success.vertical {
    flex-direction: column
}

.dbx-customer-success.vertical .dbx-customer-success__img-container {
    height: 145px;
    margin: 6px;
    display: flex;
    align-items: center
}

.dbx-customer-success.vertical .dbx-customer-success__img-container img {
    width: 100%;
    height: auto
}

.dbx-customer-success.vertical .dbx-customer-success__logo-container img {
    height: 32px;
    width: auto
}

.dbx-customer-success.vertical .dbx-customer-success__title {
    margin: 24px 0 !important
}

.dbx-customer-success.vertical .dbx-customer-success__text-container {
    margin: 0 16px 16px
}

.dbx-customer-success__text-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: start;
    margin: 18px 0 18px 18px
}

.dbx-customer-success__logo-container img {
    height: 28px;
    width: auto
}

.dbx-customer-success__img-container {
    position: relative;
    overflow: hidden;
    margin: 6px 6px 6px 0;
    border-radius: 6px;
    min-width: 30%;
    display: flex;
    justify-content: center
}

.dbx-customer-success__img-container img {
    position: absolute;
    height: 100%
}

.dbx-customer-success__title {
    font-size: 1.5rem !important;
    line-height: 1.875rem !important;
    margin-top: 64px !important;
    margin-bottom: 16px !important;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.dbx-customer-success-section .dbx-container {
    display: flex;
    flex-direction: column;
    align-items: center
}

.dbx-customer-success-section__title {
    margin-bottom: 32px !important;
    text-align: center
}

.dbx-customer-success-section__text {
    margin-bottom: 48px !important
}

.dbx-customer-success-section__button {
    margin-top: 64px;
    align-self: center;
    padding-inline: 48px
}

.dbx-explore-other-tools__list {
    align-self: stretch;
    place-items: stretch
}

.dbx-explore-other-tools__title {
    font-size: 40px !important
}

.dbx-explore-other-tools__anchor {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    text-decoration: none;
    height: 100%;
    padding: 32px 16px
}

.dbx-explore-other-tools__anchor:hover {
    text-decoration: none
}

.dbx-explore-other-tools__list-item {
    transition: all .4s;
    border-radius: 24px
}

.dbx-explore-other-tools__list-item .icon {
    font-size: 3.625rem
}

.dbx-explore-other-tools__list-item--dashboards {
    background-color: rgba(46, 71, 151, .1)
}

.dbx-explore-other-tools__list-item--dashboards .dbx-explore-other-tools__anchor {
    color: #2e4797;
    stroke: #2e4797
}

.dbx-explore-other-tools__list-item--dashboards:hover {
    color: #fff;
    background-color: #2e4797
}

.dbx-explore-other-tools__list-item--dashboards .dbx-explore-other-tools__anchor:hover {
    color: #fff
}

.dbx-explore-other-tools__list-item--reports {
    background-color: rgba(250, 135, 12, .1)
}

.dbx-explore-other-tools__list-item--reports .dbx-explore-other-tools__anchor {
    color: #fa870c;
    stroke: #fa870c
}

.dbx-explore-other-tools__list-item--reports:hover {
    color: #fff;
    background-color: #fa870c
}

.dbx-explore-other-tools__list-item--reports .dbx-explore-other-tools__anchor:hover {
    color: #fff
}

.dbx-explore-other-tools__list-item--goals {
    background-color: rgba(244, 187, 66, .1)
}

.dbx-explore-other-tools__list-item--goals .dbx-explore-other-tools__anchor {
    color: #f4bb42;
    stroke: #f4bb42
}

.dbx-explore-other-tools__list-item--goals:hover {
    color: #fff;
    background-color: #f4bb42
}

.dbx-explore-other-tools__list-item--goals .dbx-explore-other-tools__anchor:hover {
    color: #fff
}

.dbx-explore-other-tools__list-item--reports {
    background-color: rgba(255, 172, 54, .1)
}

.dbx-explore-other-tools__list-item--reports .dbx-explore-other-tools__anchor {
    color: #ffac36;
    stroke: #ffac36
}

.dbx-explore-other-tools__list-item--reports:hover {
    color: #fff;
    background-color: #ffac36
}

.dbx-explore-other-tools__list-item--reports .dbx-explore-other-tools__anchor:hover {
    color: #fff
}

.dbx-explore-other-tools__list-item--forecasts {
    background-color: rgba(37, 167, 103, .1)
}

.dbx-explore-other-tools__list-item--forecasts .dbx-explore-other-tools__anchor {
    color: #25a767;
    stroke: #25a767
}

.dbx-explore-other-tools__list-item--forecasts:hover {
    color: #fff;
    background-color: #25a767
}

.dbx-explore-other-tools__list-item--forecasts .dbx-explore-other-tools__anchor:hover {
    color: #fff
}

.dbx-explore-other-tools__list-item--benchmarks {
    background-color: rgba(117, 64, 171, .1)
}

.dbx-explore-other-tools__list-item--benchmarks .dbx-explore-other-tools__anchor {
    color: #7540ab;
    stroke: #7540ab
}

.dbx-explore-other-tools__list-item--benchmarks:hover {
    color: #fff;
    background-color: #7540ab
}

.dbx-explore-other-tools__list-item--benchmarks .dbx-explore-other-tools__anchor:hover {
    color: #fff
}

.dbx-explore-other-tools__list-item--metrics-and-kpis {
    background-color: rgba(29, 154, 214, .1)
}

.dbx-explore-other-tools__list-item--metrics-and-kpis .dbx-explore-other-tools__anchor {
    color: #1d9ad6;
    stroke: #1d9ad6
}

.dbx-explore-other-tools__list-item--metrics-and-kpis:hover {
    color: #fff;
    background-color: #1d9ad6
}

.dbx-explore-other-tools__list-item--metrics-and-kpis .dbx-explore-other-tools__anchor:hover {
    color: #fff
}

.dbx-explore-other-tools__list-item--performance-management {
    background-color: rgba(0, 158, 180, .1)
}

.dbx-explore-other-tools__list-item--performance-management .dbx-explore-other-tools__anchor {
    color: #009eb4;
    stroke: #009eb4
}

.dbx-explore-other-tools__list-item--performance-management:hover {
    color: #fff;
    background-color: #009eb4
}

.dbx-explore-other-tools__list-item--performance-management .dbx-explore-other-tools__anchor:hover {
    color: #fff
}

@media screen and (min-width:500px) and (max-width:768px) {
    .dbx-explore-other-tools__list-item {
        grid-column: span 6 !important
    }
}

.dbx-color-buttons-section__title {
    margin: 0 auto 62px auto !important;
    text-align: center
}

.dbx-color-btn {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    text-decoration: none;
    height: 100%;
    transition: all .4s;
    border-radius: 24px
}

.dbx-color-btn .dbx-color-btn__anchor {
    display: grid;
    place-content: center;
    padding-block: 40px;
    width: 100%
}

.dbx-color-btn .icon::before {
    font-size: 3.625rem
}

.dbx-color-btn__anchor:hover {
    text-decoration: none
}

.dbx-color-btn.dbx-color-btn--lime {
    background-color: rgba(131, 193, 47, .1)
}

.dbx-color-btn.dbx-color-btn--lime .dbx-color-btn__anchor-icon,
.dbx-color-btn.dbx-color-btn--lime .dbx-color-btn__anchor-text {
    color: #83c12f
}

.dbx-color-btn.dbx-color-btn--lime:hover {
    background-color: #83c12f
}

.dbx-color-btn.dbx-color-btn--lime:hover .dbx-color-btn__anchor-icon,
.dbx-color-btn.dbx-color-btn--lime:hover .dbx-color-btn__anchor-text {
    color: #fff
}

.dbx-color-btn.dbx-color-btn--cyan {
    background-color: rgba(0, 158, 180, .1)
}

.dbx-color-btn.dbx-color-btn--cyan .dbx-color-btn__anchor-icon,
.dbx-color-btn.dbx-color-btn--cyan .dbx-color-btn__anchor-text {
    color: #009eb4
}

.dbx-color-btn.dbx-color-btn--cyan:hover {
    background-color: #009eb4
}

.dbx-color-btn.dbx-color-btn--cyan:hover .dbx-color-btn__anchor-icon,
.dbx-color-btn.dbx-color-btn--cyan:hover .dbx-color-btn__anchor-text {
    color: #fff
}

.dbx-color-btn.dbx-color-btn--purple {
    background-color: rgba(117, 64, 171, .1)
}

.dbx-color-btn.dbx-color-btn--purple .dbx-color-btn__anchor-icon,
.dbx-color-btn.dbx-color-btn--purple .dbx-color-btn__anchor-text {
    color: #7540ab
}

.dbx-color-btn.dbx-color-btn--purple:hover {
    background-color: #7540ab
}

.dbx-color-btn.dbx-color-btn--purple:hover .dbx-color-btn__anchor-icon,
.dbx-color-btn.dbx-color-btn--purple:hover .dbx-color-btn__anchor-text {
    color: #fff
}

.dbx-color-btn.dbx-color-btn--green {
    background-color: rgba(37, 167, 103, .1)
}

.dbx-color-btn.dbx-color-btn--green .dbx-color-btn__anchor-icon,
.dbx-color-btn.dbx-color-btn--green .dbx-color-btn__anchor-text {
    color: #25a767
}

.dbx-color-btn.dbx-color-btn--green:hover {
    background-color: #25a767
}

.dbx-color-btn.dbx-color-btn--green:hover .dbx-color-btn__anchor-icon,
.dbx-color-btn.dbx-color-btn--green:hover .dbx-color-btn__anchor-text {
    color: #fff
}

.dbx-color-btn.dbx-color-btn--orange {
    background-color: rgba(244, 121, 32, .1)
}

.dbx-color-btn.dbx-color-btn--orange .dbx-color-btn__anchor-icon,
.dbx-color-btn.dbx-color-btn--orange .dbx-color-btn__anchor-text {
    color: #f47920
}

.dbx-color-btn.dbx-color-btn--orange:hover {
    background-color: #f47920
}

.dbx-color-btn.dbx-color-btn--orange:hover .dbx-color-btn__anchor-icon,
.dbx-color-btn.dbx-color-btn--orange:hover .dbx-color-btn__anchor-text {
    color: #fff
}

.dbx-color-btn.dbx-color-btn--yellow {
    background-color: rgba(244, 187, 66, .1)
}

.dbx-color-btn.dbx-color-btn--yellow .dbx-color-btn__anchor-icon,
.dbx-color-btn.dbx-color-btn--yellow .dbx-color-btn__anchor-text {
    color: #f4bb42
}

.dbx-color-btn.dbx-color-btn--yellow:hover {
    background-color: #f4bb42
}

.dbx-color-btn.dbx-color-btn--yellow:hover .dbx-color-btn__anchor-icon,
.dbx-color-btn.dbx-color-btn--yellow:hover .dbx-color-btn__anchor-text {
    color: #fff
}

.dbx-color-btn.dbx-color-btn--navy {
    background-color: rgba(46, 71, 151, .1)
}

.dbx-color-btn.dbx-color-btn--navy .dbx-color-btn__anchor-icon,
.dbx-color-btn.dbx-color-btn--navy .dbx-color-btn__anchor-text {
    color: #2e4797
}

.dbx-color-btn.dbx-color-btn--navy:hover {
    background-color: #2e4797
}

.dbx-color-btn.dbx-color-btn--navy:hover .dbx-color-btn__anchor-icon,
.dbx-color-btn.dbx-color-btn--navy:hover .dbx-color-btn__anchor-text {
    color: #fff
}

.dbx-color-btn.dbx-color-btn--blue {
    background-color: rgba(29, 154, 214, .1)
}

.dbx-color-btn.dbx-color-btn--blue .dbx-color-btn__anchor-icon,
.dbx-color-btn.dbx-color-btn--blue .dbx-color-btn__anchor-text {
    color: #1d9ad6
}

.dbx-color-btn.dbx-color-btn--blue:hover {
    background-color: #1d9ad6
}

.dbx-color-btn.dbx-color-btn--blue:hover .dbx-color-btn__anchor-icon,
.dbx-color-btn.dbx-color-btn--blue:hover .dbx-color-btn__anchor-text {
    color: #fff
}

.dbx-color-buttons-section__title {
    margin: 0 auto 62px;
    text-align: center
}

.dbx-color-btn {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    text-decoration: none;
    height: 100%;
    transition: all .4s;
    border-radius: 24px
}

.dbx-color-btn .dbx-color-btn__anchor {
    display: grid;
    place-content: center;
    padding-block: 40px;
    width: 100%
}

.dbx-color-btn .icon::before {
    font-size: 3.625rem
}

.dbx-color-btn__anchor:hover {
    text-decoration: none
}

.dbx-color-btn.dbx-color-btn--lime {
    background-color: rgba(131, 193, 47, .1)
}

.dbx-color-btn.dbx-color-btn--lime .dbx-color-btn__anchor-icon,
.dbx-color-btn.dbx-color-btn--lime .dbx-color-btn__anchor-text {
    color: #83c12f
}

.dbx-color-btn.dbx-color-btn--lime:hover {
    background-color: #83c12f
}

.dbx-color-btn.dbx-color-btn--lime:hover .dbx-color-btn__anchor-icon,
.dbx-color-btn.dbx-color-btn--lime:hover .dbx-color-btn__anchor-text {
    color: #fff
}

.dbx-color-btn.dbx-color-btn--cyan {
    background-color: rgba(0, 158, 180, .1)
}

.dbx-color-btn.dbx-color-btn--cyan .dbx-color-btn__anchor-icon,
.dbx-color-btn.dbx-color-btn--cyan .dbx-color-btn__anchor-text {
    color: #009eb4
}

.dbx-color-btn.dbx-color-btn--cyan:hover {
    background-color: #009eb4
}

.dbx-color-btn.dbx-color-btn--cyan:hover .dbx-color-btn__anchor-icon,
.dbx-color-btn.dbx-color-btn--cyan:hover .dbx-color-btn__anchor-text {
    color: #fff
}

.dbx-color-btn.dbx-color-btn--purple {
    background-color: rgba(117, 64, 171, .1)
}

.dbx-color-btn.dbx-color-btn--purple .dbx-color-btn__anchor-icon,
.dbx-color-btn.dbx-color-btn--purple .dbx-color-btn__anchor-text {
    color: #7540ab
}

.dbx-color-btn.dbx-color-btn--purple:hover {
    background-color: #7540ab
}

.dbx-color-btn.dbx-color-btn--purple:hover .dbx-color-btn__anchor-icon,
.dbx-color-btn.dbx-color-btn--purple:hover .dbx-color-btn__anchor-text {
    color: #fff
}

.dbx-color-btn.dbx-color-btn--green {
    background-color: rgba(37, 167, 103, .1)
}

.dbx-color-btn.dbx-color-btn--green .dbx-color-btn__anchor-icon,
.dbx-color-btn.dbx-color-btn--green .dbx-color-btn__anchor-text {
    color: #25a767
}

.dbx-color-btn.dbx-color-btn--green:hover {
    background-color: #25a767
}

.dbx-color-btn.dbx-color-btn--green:hover .dbx-color-btn__anchor-icon,
.dbx-color-btn.dbx-color-btn--green:hover .dbx-color-btn__anchor-text {
    color: #fff
}

.dbx-color-btn.dbx-color-btn--orange {
    background-color: rgba(244, 121, 32, .1)
}

.dbx-color-btn.dbx-color-btn--orange .dbx-color-btn__anchor-icon,
.dbx-color-btn.dbx-color-btn--orange .dbx-color-btn__anchor-text {
    color: #f47920
}

.dbx-color-btn.dbx-color-btn--orange:hover {
    background-color: #f47920
}

.dbx-color-btn.dbx-color-btn--orange:hover .dbx-color-btn__anchor-icon,
.dbx-color-btn.dbx-color-btn--orange:hover .dbx-color-btn__anchor-text {
    color: #fff
}

.dbx-color-btn.dbx-color-btn--yellow_500 {
    background-color: rgba(244, 187, 66, .1)
}

.dbx-color-btn.dbx-color-btn--yellow_500 .dbx-color-btn__anchor-icon,
.dbx-color-btn.dbx-color-btn--yellow_500 .dbx-color-btn__anchor-text {
    color: #f4bb42
}

.dbx-color-btn.dbx-color-btn--yellow_500:hover {
    background-color: #f4bb42
}

.dbx-color-btn.dbx-color-btn--yellow_500:hover .dbx-color-btn__anchor-icon,
.dbx-color-btn.dbx-color-btn--yellow_500:hover .dbx-color-btn__anchor-text {
    color: #fff
}

.dbx-color-btn.dbx-color-btn--navy {
    background-color: rgba(46, 71, 151, .1)
}

.dbx-color-btn.dbx-color-btn--navy .dbx-color-btn__anchor-icon,
.dbx-color-btn.dbx-color-btn--navy .dbx-color-btn__anchor-text {
    color: #2e4797
}

.dbx-color-btn.dbx-color-btn--navy:hover {
    background-color: #2e4797
}

.dbx-color-btn.dbx-color-btn--navy:hover .dbx-color-btn__anchor-icon,
.dbx-color-btn.dbx-color-btn--navy:hover .dbx-color-btn__anchor-text {
    color: #fff
}

.dbx-color-btn.dbx-color-btn--blue {
    background-color: rgba(29, 154, 214, .1)
}

.dbx-color-btn.dbx-color-btn--blue .dbx-color-btn__anchor-icon,
.dbx-color-btn.dbx-color-btn--blue .dbx-color-btn__anchor-text {
    color: #1d9ad6
}

.dbx-color-btn.dbx-color-btn--blue:hover {
    background-color: #1d9ad6
}

.dbx-color-btn.dbx-color-btn--blue:hover .dbx-color-btn__anchor-icon,
.dbx-color-btn.dbx-color-btn--blue:hover .dbx-color-btn__anchor-text {
    color: #fff
}

.dbx-product-hero-banner {
    color: #fff;
    position: relative
}

.dbx-product-hero-banner__text,
.dbx-product-hero-banner__title {
    text-align: left
}

.dbx-product-hero-banner__text {
    margin-bottom: 24px !important
}

.dbx-product-hero-banner .dbx-ratings {
    margin-bottom: 40px
}

.dbx-product-hero-banner .dbx-hero-tag {
    font-size: .6875rem;
    line-height: 1rem
}

.dbx-product-hero-banner.dbx-container {
    display: flex;
    align-items: start
}

.dbx-product-hero-banner__background-container {
    align-self: center;
    display: flex;
    align-items: center;
    flex-direction: column;
    position: absolute;
    z-index: -1;
    max-width: 100%;
    overflow-x: hidden;
    top: -250px
}

.dbx-product-hero-banner__btn-container {
    display: flex;
    margin-bottom: 40px
}

.dbx-product-hero-banner__highlight {
    margin-bottom: 60px !important
}

.dbx-product-hero-banner__highlight:not(.dbx-horizontal-scroll) img {
    width: 100%
}

@media only screen and (min-width:768px) {
    .dbx-product-hero-banner .dbx-hero-tag {
        font-size: .75rem;
        line-height: .875rem
    }

    .dbx-product-hero-banner.dbx-container {
        align-items: center
    }

    .dbx-product-hero-banner__text,
    .dbx-product-hero-banner__title {
        text-align: center
    }
}

.dbx-powerful-and-accessible {
    padding-block: 64px;
    position: relative;
    text-align: center
}

@media screen and (min-width:768px) {
    .dbx-powerful-and-accessible {
        padding-block: 96px
    }
}

.dbx-powerful-and-accessible>.dbx-container>p:first-of-type {
    margin-bottom: 32px
}

.dbx-powerful-and-accessible>.dbx-container>p:last-of-type {
    margin-bottom: 56px
}

.dbx-powerful-and-accessible>.dbx-container {
    display: flex;
    flex-direction: column;
    align-items: center
}

.dbx-powerful-and-accessible__background {
    position: absolute;
    overflow-x: hidden;
    -ms-overflow-style: none;
    scrollbar-width: none;
    inset: 0;
    z-index: -1;
    background: linear-gradient(180deg, rgba(0, 138, 206, .1) 0, rgba(255, 255, 255, 0) 100%)
}

.dbx-powerful-and-accessible__background::-webkit-scrollbar {
    display: none
}

.dbx-powerful-and-accessible__background .dbx-container {
    position: relative
}

.dbx-powerful-and-accessible__background .dbx-container svg {
    position: absolute;
    width: 180px;
    height: 180px
}

.dbx-powerful-and-accessible__background .dbx-container .polygon-1 {
    top: 0;
    left: 0;
    transform: translate(-70%, 15%)
}

.dbx-powerful-and-accessible__background .dbx-container .polygon-2 {
    top: 0;
    right: 0;
    transform: translate(70%, 25%)
}

.dbx-powerful-and-accessible__tag {
    margin-bottom: 16px;
    font-weight: 600;
    margin-inline: auto;
    width: min-content;
    white-space: nowrap;
    background-color: rgba(30, 155, 215, .1);
    color: #1e9bd7;
    padding: 8px 16px;
    border-radius: 6px
}

@media only screen and (min-width:768px) {
    .dbx-powerful-and-accessible__background .dbx-container svg {
        width: 450px;
        height: 450px
    }
}

.dbx-collapsible__collapsible-container {
    overflow: hidden
}

.dbx-faq__title {
    text-align: center;
    margin-bottom: 36px !important
}

.dbx-faq__text {
    text-align: center;
    margin-bottom: 40px !important
}

.dbx-faq__group {
    display: flex;
    flex-direction: column;
    gap: 12px;
    border-bottom: 1px solid rgba(142, 146, 155, .2);
    margin-bottom: 24px
}

.dbx-faq .dbx-collapsible__listener-element {
    display: flex;
    justify-content: space-between
}

.dbx-faq .dbx-collapsible__listener-element:hover {
    cursor: pointer
}

.dbx-faq .dbx-collapsible__listener-element .icon::before {
    transition: transform .4s;
    transform: rotate(90deg)
}

.dbx-faq .dbx-collapsible__collapsible-container {
    transition: height .4s;
    font-size: 1rem
}

.dbx-faq .dbx-collapsible__collapsible-container ol>li {
    list-style: decimal;
    margin-bottom: 16px
}

.dbx-faq .dbx-collapsible__collapsible-container ol>li::marker {
    font-weight: 700
}

.dbx-faq .dbx-collapsible__collapsible-container ul {
    padding-inline-start: 40px
}

.dbx-faq .dbx-collapsible__collapsible-container ul>li {
    list-style: disc;
    margin-bottom: 16px
}

.dbx-faq .dbx-collapsible__collapsible-content {
    padding-bottom: 20px
}

.dbx-faq .dbx-collapsible--active .dbx-collapsible__listener-element .icon::before {
    transform: rotate(270deg)
}

.dbx-case-study-quote {
    padding: 32px 24px;
    display: flex;
    flex-direction: column;
    gap: 32px;
    border-radius: 16px;
    background-color: #fff;
    box-shadow: 3px 6px 24px 0 rgba(117, 128, 136, .25);
    position: relative
}

.dbx-case-study-quote__background {
    position: absolute;
    top: 40px;
    left: 55px
}

.dbx-case-study-quote__quote {
    font-size: 1.125rem !important
}

.dbx-case-study-quote__info-container {
    padding-bottom: 24px;
    display: flex;
    justify-content: space-between;
    align-items: start;
    gap: 32px;
    flex-direction: column;
    border-bottom: 1px solid rgba(142, 146, 155, .2)
}

.dbx-case-study-quote__author-container {
    display: flex;
    align-items: center;
    gap: 16px
}

.dbx-case-study-quote__author-container img {
    height: 50px
}

.dbx-case-study-quote__company-logo img {
    height: 30px
}

.dbx-case-study-quote__author-info {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.dbx-case-study-quote__author-name {
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 700;
    margin: 0
}

.dbx-case-study-quote__author-position {
    font-size: .8125rem !important;
    line-height: 1.25rem;
    margin: 0
}

.dbx-case-study-quote__btn {
    align-self: center
}

@media only screen and (min-width:600px) {
    .dbx-case-study-quote {
        padding: 56px 110px
    }
}

@media only screen and (min-width:1000px) {
    .dbx-case-study-quote__quote {
        font-size: 1.5rem !important
    }

    .dbx-case-study-quote__info-container {
        align-items: center;
        flex-direction: row
    }

    .dbx-case-study-quote__author-container {
        gap: 32px
    }
}

.dbx-hero-header__container {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 16px;
    padding: 172px 0 130px
}

.dbx-hero-header__title {
    color: #fff;
    text-align: left;
    font-size: 56px;
    line-height: 60px;
    max-width: 1000px
}

@media only screen and (max-width:768px) {
    .dbx-hero-header__title {
        font-size: 36px;
        line-height: 40px
    }
}

.dbx-hero-header__subtitle {
    color: #fff;
    text-align: left;
    font-size: 18px;
    line-height: 24px;
    max-width: 850px
}

.dbx-hero-header__images-container {
    display: flex;
    margin-top: 24px;
    gap: 6px;
    flex-wrap: wrap;
    justify-content: start
}

.dbx-hero-header__images-container img {
    border-radius: 100%;
    width: 32px;
    height: 32px
}

.dbx-hero-header--breadcrumbs .dbx-hero-header__container {
    padding: 90px 0 130px
}

.dbx-hero-header--breadcrumbs .dbx-hero-header__breadcrumbs {
    align-self: start;
    text-transform: uppercase;
    margin-bottom: 32px
}

.dbx-hero-header--breadcrumbs .dbx-hero-header__breadcrumbs-segment {
    display: inline-block
}

.dbx-hero-header--breadcrumbs .dbx-hero-header__breadcrumbs-segment:last-child strong {
    font-weight: 700
}

.dbx-hero-header--analytics {
    background: url("/wp-content/themes/visoflow/inc/img/header/header-bottom.svg") no-repeat bottom, linear-gradient(185deg, #7347ea 6.79%, #c757ad 125.6%, #e3716d 198.73%);
    background-size: contain
}

.dbx-hero-header--analytics .dbx-hero-header__title {
    color: #fff
}

.dbx-hero-header--analytics .dbx-hero-header__subtitle {
    color: #fff
}

.dbx-hero-header--analytics .dbx-btn {
    margin-top: 20px;
    min-width: 200px
}

.dbx-hero-header--analytics .dbx-hero-header__tag {
    color: #fff;
    text-transform: uppercase;
    border-radius: 6px;
    border: 1px solid rgba(255, 255, 255, .1);
    background: rgba(255, 255, 255, .1);
    padding: 6px 12px
}

.dbx-hero-header--analytics .dbx-hero-header__breadcrumbs-segment {
    color: #fff
}

.dbx-hero-header--analytics .dbx-hero-header__breadcrumbs-segment a {
    color: #fff
}

.dbx-hero-header--analytics .dbx-hero-header__image {
    width: 100%
}

.dbx-hero-header--basic {
    background: linear-gradient(180deg, rgba(0, 138, 206, .1) 0, #fff 100%)
}

.dbx-hero-header--basic .dbx-hero-header__hero-header {
    gap: 0
}

.dbx-hero-header--basic .dbx-hero-header__title {
    color: #1c1d1f;
    font-weight: 700
}

.dbx-hero-header--basic .dbx-hero-header__subtitle {
    color: #72757c
}

.dbx-hero-header--basic::after {
    display: none;
    position: absolute;
    content: '';
    background-image: url('../img/templates/integration-detail/polygon.svg');
    transform: translateX(50%);
    background-size: cover;
    background-repeat: no-repeat;
    width: 200px;
    height: 210px
}

.dbx-hero-header--basic .dbx-hero-header__breadcrumbs-segment {
    color: #72757c
}

.dbx-hero-header--basic .dbx-hero-header__breadcrumbs-segment a {
    color: inherit
}

@media screen and (min-width:400px) {
    .dbx-hero-header__container {
        align-items: center
    }

    .dbx-hero-header__title {
        text-align: center
    }

    .dbx-hero-header__subtitle {
        text-align: center
    }

    .dbx-hero-header__images-container {
        justify-content: center
    }

    .dbx-hero-header--basic .dbx-hero-header__container {
        text-align: center;
        align-items: center
    }

    .dbx-hero-header--basic .dbx-hero-header__title {
        text-align: center
    }

    .dbx-hero-header--basic .dbx-hero-header__subtitle {
        text-align: center
    }

    .dbx-hero-header .dbx-ratings {
        align-items: center;
        gap: 8px
    }
}

@media screen and (min-width:500px) {
    .dbx-hero-header .dbx-ratings {
        gap: 16px;
        flex-direction: row;
        align-items: center
    }

    .dbx-hero-header .dbx-ratings__reviews-container .dbx-ratings__divider:nth-of-type(2) {
        display: inline
    }
}

@media screen and (min-width:768px) {
    .dbx-hero-header__images-container {
        margin-top: 60px;
        gap: 8px
    }

    .dbx-hero-header__images-container img {
        width: 48px;
        height: 48px
    }

    .dbx-hero-header--basic::after {
        display: block;
        top: 30%;
        transform: translateX(-50%)
    }
}

.dbx-vimeo-embed {
    margin-block: 87px 102px
}

.dbx-ratings {
    display: flex;
    gap: 4px;
    flex-direction: column
}

.dbx-ratings p {
    font-weight: 300;
    font-size: .75rem;
    line-height: 1.125rem;
    white-space: nowrap
}

.dbx-ratings__reviews-container {
    display: flex;
    gap: 16px;
    align-items: center
}

.dbx-ratings__reviews-container .dbx-ratings__divider {
    height: 16px;
    width: 1px;
    background-color: #e0e0e1
}

.dbx-ratings__reviews-container .dbx-ratings__divider:nth-of-type(2) {
    display: none
}

.dbx-ratings__review {
    display: flex;
    gap: 4px;
    align-items: center
}

.dbx-ratings__review img {
    width: 24px
}

.dbx-ratings__review .icon {
    line-height: 14px;
    font-size: 14px;
    color: #ffd52b
}

.dbx-ratings__review-rating {
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 600;
    opacity: .6
}

.dbx-ratings--dark {
    color: #0d0f11
}

.dbx-ratings--light {
    color: #fff
}

@media only screen and (min-width:768px) {
    .dbx-ratings {
        flex-direction: row;
        align-items: center;
        gap: 16px
    }

    .dbx-ratings p {
        margin-top: .125rem;
        font-weight: 300;
        font-size: .875rem;
        line-height: 1.25rem
    }

    .dbx-ratings__reviews-container .dbx-ratings__divider:nth-of-type(2) {
        display: inline
    }

    .dbx-ratings__review img {
        width: 36px
    }
}

.dbx-title-text-repeater {
    display: flex;
    flex-direction: column;
    gap: 80px
}

.dbx-title-text-repeater__title {
    font-size: 2.5rem;
    line-height: 3.5rem;
    font-weight: 600;
    margin-bottom: 1.5rem
}

.dbx-title-text-repeater__pair p {
    font-size: 1rem;
    line-height: 1.5rem
}

.dbx-title-text-repeater strong {
    font-weight: 800
}

.dbx-icon-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
    border-radius: 24px;
    padding: 0
}

.dbx-icon-list .icon::before {
    padding-right: 10px
}

.dbx-icon-list__item {
    display: flex;
    align-items: start;
    list-style: none;
    gap: 16px
}

.dbx-icon-list__item * {
    margin: 0
}

.dbx-icon-list__item img {
    width: auto;
    height: 16px
}

.dbx-icon-list .icon {
    display: flex;
    align-items: start
}

.dbx-icon-list .icon::before {
    margin-top: 4px
}

.dbx-icon-list .icon-check-1::before {
    color: #7a44e6
}

.dbx-icon-list .icon-cross::before {
    color: red
}

.dbx-icon-list--purple-gradient {
    padding: 40px !important;
    background: linear-gradient(106deg, hsla(272, 49%, 55%, .1) -4%, hsla(347, 55%, 63%, .1) 89.91%)
}

.dbx-icon-list.dbx-icon-list--white {
    border: 1px solid rgba(142, 146, 155, .2);
    background-color: #fff;
    padding: 24px
}

@media screen and (min-width:768px) {
    .dbx-icon-list.dbx-icon-list--white {
        padding: 40px
    }
}

.dbx-repeater-icon-list-section .dbx-container {
    display: flex;
    flex-direction: column;
    align-items: center
}

.dbx-repeater-icon-list-section__title {
    margin-bottom: 16px;
    text-align: center
}

.dbx-repeater-icon-list-section__text {
    margin-bottom: 40px;
    text-align: center
}

.dbx-repeater-icon-card-section {
    margin-block: 64px;
    z-index: 1
}

@media screen and (min-width:768px) {
    .dbx-repeater-icon-card-section {
        margin-block: 96px
    }
}

.dbx-repeater-icon-card-section .dbx-container {
    display: flex;
    flex-direction: column;
    align-items: center
}

.dbx-repeater-icon-card-section__title {
    margin-bottom: 16px;
    text-align: center
}

.dbx-repeater-icon-card-section__text {
    margin-bottom: 40px;
    text-align: center
}

.dbx-repeater-icon-card-section__btn {
    position: relative;
    margin-block: 40px 32px
}

.dbx-repeater-icon-card-section__btn::after {
    content: "";
    color: rgba(142, 146, 155, .6);
    font-weight: 400;
    font-size: 14px;
    position: absolute;
    left: 50%;
    bottom: -20px;
    transform: translate(-50%, 50%);
    white-space: nowrap
}

.dbx-repeater-title-text-card-section {
    margin-block: 64px
}

@media screen and (min-width:768px) {
    .dbx-repeater-title-text-card-section {
        margin-block: 96px
    }
}

.dbx-repeater-title-text-card-section .dbx-container {
    display: flex;
    flex-direction: column;
    align-items: center
}

.dbx-repeater-title-text-card-section__text,
.dbx-repeater-title-text-card-section__title {
    text-align: center
}

.dbx-repeater-title-text-card-section__title {
    margin-bottom: 24px
}

.dbx-repeater-title-text-card-section .dbx-card__title {
    font-size: 18px
}

.dbx-repeater-title-text-card-section .dbx-card__tooltip {
    font-size: 13px
}

.dbx-repeater-title-text-card-section__text {
    margin-bottom: 48px
}

.dbx-repeater-title-text-card-section .dbx-card__img-container {
    display: none
}

@media screen and (min-width:768px) {
    .dbx-repeater-title-text-card-section .dbx-card__title {
        font-size: 21px
    }

    .dbx-repeater-title-text-card-section .dbx-card__tooltip {
        font-size: 26px
    }
}

.dbx-title-text-button-section {
    margin-block: 64px;
    text-align: center
}

@media screen and (min-width:768px) {
    .dbx-title-text-button-section {
        margin-block: 96px
    }
}

.dbx-title-text-button-section .dbx-container {
    padding-block: 84px 64px;
    width: 100%;
    max-width: 1280px
}

.dbx-title-text-button-section__container {
    display: flex;
    flex-direction: column;
    align-items: center
}

.dbx-title-text-button-section strong {
    font-weight: 800
}

.dbx-title-text-button-section__title {
    margin-bottom: 32px;
    font-size: 2rem;
    line-height: 2.5rem;
    text-align: center;
    font-weight: 800;
    max-width: 1000px
}

.dbx-title-text-button-section__text {
    margin-bottom: 32px;
    font-size: 1rem;
    line-height: 1.375rem;
    text-align: center;
    max-width: 850px
}

.dbx-title-text-button-section--navy-shape {
    color: #fff
}

.dbx-title-text-button-section--navy-shape .dbx-title-text-button-section__button {
    color: #2e4797;
    background-color: #fff;
    margin-bottom: 16px
}

.dbx-title-text-button-section--navy-shape .dbx-title-text-button-section__button:hover {
    background-color: #d2d3d7
}

.dbx-title-text-button-section--navy-shape .dbx-title-text-button-section__subtext {
    color: rgba(255, 255, 255, .6)
}

.dbx-title-text-button-section--navy-shape .dbx-container {
    background-color: #2e4797
}

.dbx-title-text-button-section--blue-gradient-shape {
    color: #fff
}

.dbx-title-text-button-section--blue-gradient-shape .dbx-title-text-button-section__button {
    color: #1e9bd7;
    background-color: #fff;
    margin-bottom: 16px
}

.dbx-title-text-button-section--blue-gradient-shape .dbx-title-text-button-section__button:hover {
    background-color: #d2d3d7
}

.dbx-title-text-button-section--blue-gradient-shape .dbx-title-text-button-section__subtext {
    color: rgba(255, 255, 255, .6)
}

.dbx-title-text-button-section--blue-gradient-shape .dbx-container {
    background: linear-gradient(60.87deg, #6847e3 -12.68%, #008fd4 67.05%)
}

.dbx-title-text-button-section--light-blue-rectangle .dbx-title-text-button-section__button {
    color: #fff;
    background-color: #1e9bd7;
    margin-bottom: 16px
}

.dbx-title-text-button-section--light-blue-rectangle .dbx-title-text-button-section__button:hover {
    background-color: #008ace
}

.dbx-title-text-button-section--light-blue-rectangle .dbx-container {
    background-color: rgba(29, 154, 214, .1)
}

@media screen and (min-width:768px) {
    .dbx-title-text-button-section__title {
        font-size: 3rem;
        line-height: 3.5rem
    }
}

@media screen and (min-width:1280px) {
    .dbx-title-text-button-section--navy-shape {
        color: #fff
    }

    .dbx-title-text-button-section--navy-shape .dbx-container {
        background: url(../img/templates/integration-detail/cta-background.png);
        background-size: 100% 100%
    }

    .dbx-title-text-button-section--blue-gradient-shape {
        color: #fff
    }

    .dbx-title-text-button-section--blue-gradient-shape .dbx-container {
        background: url(../img/blocks/title-text-buttons/blue-gradient.png);
        background-size: 100% 100%
    }
}

.dbx-quote-section {
    padding-block: 64px;
    background: linear-gradient(119.85deg, rgba(103, 147, 169, .1) 62.57%, rgba(255, 255, 255, 0) 162.02%)
}

@media screen and (min-width:768px) {
    .dbx-quote-section {
        padding-block: 96px
    }
}

.dbx-quote-section__container {
    display: flex;
    flex-direction: column;
    background-color: #fff;
    padding: 48px 16px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, .1);
    border-radius: 16px;
    row-gap: 24px
}

.dbx-quote-section__top-container {
    display: flex;
    flex-direction: row-reverse;
    gap: 24px;
    flex-wrap: wrap;
    justify-content: start
}

.dbx-quote-section__bottom-container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 24px
}

.dbx-quote-section .dbx-quote-section__quote {
    font-size: 1.125rem;
    line-height: 1.5rem
}

.dbx-quote-section__author-info {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.dbx-quote-section__img {
    border-radius: 5px;
    width: 100%
}

.dbx-quote-section__name {
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 700
}

.dbx-quote-section__position {
    font-size: .875rem;
    line-height: 1.25rem
}

.dbx-quote-section__list,
.dbx-quote-section__quote {
    flex: 1;
    flex-basis: 266px
}

.dbx-quote-section__author-container,
.dbx-quote-section__logo-container {
    flex-basis: 169px
}

.dbx-quote-section__author-container {
    display: flex;
    flex-direction: column;
    gap: 24px
}

.dbx-quote-section__logo-container {
    display: none
}

.dbx-quote-section__list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 0
}

.dbx-quote-section__list::before {
    width: 100%;
    content: '';
    margin-bottom: 16px;
    display: inline-block;
    border-top: 1px solid rgba(142, 146, 155, .2)
}

.dbx-quote-section__list-item {
    display: flex;
    align-items: start;
    gap: 8px
}

.dbx-quote-section__list-item p {
    margin: 0;
    font-size: 1rem !important;
    line-height: 1.5rem !important
}

.dbx-quote-section__list-item::before {
    margin-top: 2px;
    color: #7540ab;
    font-size: 16px
}

.dbx-quote-section__quote {
    display: flex;
    flex-direction: column;
    gap: 32px;
    font-size: 1.125rem;
    line-height: 1.5rem;
    position: relative
}

.dbx-quote-section__bottom-container .dbx-quote-section__quote {
    display: none
}

.dbx-quote-section__quote::before {
    content: url("/wp-content/themes/visoflow/inc/img/blocks/quote-section/quotes.svg");
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(-15%, -15%)
}

.dbx-quote-section strong {
    font-weight: 700
}

@media screen and (min-width:768px) {

    .dbx-quote-section__author-container,
    .dbx-quote-section__logo-container {
        flex-basis: 258px
    }

    .dbx-quote-section__logo-container {
        display: block
    }
}

@media screen and (min-width:1200px) {
    .dbx-quote-section {
        padding-block: 104px
    }

    .dbx-quote-section .dbx-quote-section__container {
        padding: 48px
    }

    .dbx-quote-section .dbx-quote-section__quote {
        font-size: 1.5rem;
        line-height: 2rem
    }
}

.dbx-repeater-image-text-card-section .dbx-container {
    display: flex;
    flex-direction: column;
    align-items: center
}

.dbx-repeater-image-text-card-section strong {
    font-weight: 700
}

.dbx-repeater-image-text-card-section__title {
    text-align: center;
    margin-bottom: 16px
}

.dbx-repeater-image-text-card-section__text {
    text-align: center
}

.dbx-repeater-image-text-card-section .dbx-template-card {
    max-width: 518px
}

.dbx-repeater-image-text-card-section__card-container {
    display: flex;
    gap: 24px;
    margin-top: 40px
}

.dbx-repeater-image-text-card-section .dbx-template-card__info-container {
    margin: 0;
    padding: 24px;
    gap: 16px
}

.dbx-templates-preview-section {
    background-color: rgba(78, 144, 204, .1);
    padding-block: 64px
}

.dbx-templates-preview-section .dbx-template-cards-section__text {
    color: #000;
    font-weight: 400
}

.dbx-repeater-collapsible-icon-card-section {
    margin-block: 64px
}

@media screen and (min-width:768px) {
    .dbx-repeater-collapsible-icon-card-section {
        margin-block: 96px
    }
}

.dbx-repeater-collapsible-icon-card-section .dbx-container {
    display: flex;
    flex-direction: column;
    align-items: center
}

.dbx-repeater-collapsible-icon-card-section__title {
    margin-bottom: 16px;
    text-align: center
}

.dbx-repeater-collapsible-icon-card-section__text {
    margin-bottom: 40px;
    text-align: center
}

.dbx-repeater-collapsible-icon-card-section__column-container {
    gap: 8px;
    margin-bottom: 40px
}

.dbx-repeater-collapsible-icon-card-section__left-card-container,
.dbx-repeater-collapsible-icon-card-section__right-card-container {
    gap: 8px;
    display: flex;
    flex-direction: column
}

.dbx-repeater-collapsible-icon-card-section__btn {
    margin-bottom: 12px
}

.dbx-repeater-collapsible-icon-card-section__subtext {
    font-size: .875rem
}

@media screen and (min-width:768px) {

    .dbx-repeater-collapsible-icon-card-section__left-card-container,
    .dbx-repeater-collapsible-icon-card-section__right-card-container {
        gap: 24px
    }

    .dbx-repeater-collapsible-icon-card-section__column-container {
        gap: 24px
    }
}

.dbx-cta {
    margin-block: 100px;
    overflow: hidden
}

.dbx-cta .dbx-container {
    padding-block: 40px;
    width: 100%;
    max-width: 1280px;
    position: relative;
    z-index: 1
}

.dbx-cta .dbx-container::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1
}

.dbx-cta .dbx-container::after {
    content: '';
    clip-path: polygon(2.403% 90.97%, 0.007% 11.877%, 0.007% 11.877%, 0.007% 11.386%, 0.034% 10.916%, 0.088% 10.473%, 0.165% 10.065%, 0.263% 9.697%, 0.381% 9.378%, 0.515% 9.114%, 0.665% 8.913%, 0.826% 8.781%, 0.999% 8.725%, 98.92% 0.103%, 98.92% 0.103%, 99.101% 0.131%, 99.273% 0.245%, 99.432% 0.436%, 99.575% 0.697%, 99.701% 1.019%, 99.807% 1.395%, 99.89% 1.818%, 99.947% 2.278%, 99.976% 2.769%, 99.974% 3.283%, 96.796% 97.307%, 96.796% 97.307%, 96.769% 97.75%, 96.719% 98.166%, 96.649% 98.55%, 96.561% 98.898%, 96.455% 99.203%, 96.336% 99.462%, 96.203% 99.67%, 96.06% 99.821%, 95.908% 99.911%, 95.749% 99.935%, 3.402% 93.627%, 3.402% 93.627%, 3.248% 93.583%, 3.101% 93.478%, 2.964% 93.316%, 2.837% 93.101%, 2.723% 92.838%, 2.623% 92.533%, 2.54% 92.188%, 2.474% 91.81%, 2.428% 91.402%, 2.403% 90.97%);
    position: absolute;
    top: 2px;
    left: 2px;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    z-index: -1
}

.dbx-cta .dbx-cta__title {
    font-size: 1.5rem;
    line-height: 2rem;
    text-align: center;
    margin-bottom: 32px;
    max-width: 450px;
    align-self: center
}

.dbx-cta .dbx-btn {
    padding: 8px 16px
}

.dbx-cta__container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between
}

.dbx-cta__content {
    order: 1;
    display: flex;
    flex-direction: column
}

.dbx-cta__btn-container {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center
}

.dbx-cta__img-container {
    max-width: 100%;
    min-width: 0;
    display: flex;
    justify-content: center
}

.dbx-cta__img {
    order: -1;
    max-width: 100%
}

.dbx-cta--navy-shape {
    color: #fff
}

.dbx-cta--navy-shape .dbx-container::before {
    background-color: #2e4797
}

.dbx-cta--gray-border-shape {
    border-block: 2px solid rgba(142, 146, 155, 0.2)
}

.dbx-cta--blue-gradient-shape {
    color: #fff
}

.dbx-cta--blue-gradient-shape .dbx-container::before {
    background: linear-gradient(60.87deg, #6847e3 -12.68%, #008fd4 67.05%)
}

@media screen and (min-width:768px) {
    .dbx-cta .dbx-cta__title {
        text-align: left;
        font-size: 2rem;
        line-height: 2.5rem;
        align-self: start;
        max-width: none
    }

    .dbx-cta__btn-container {
        justify-content: start
    }

    .dbx-cta__img-container {
        display: block
    }

    .dbx-cta__img {
        order: 1;
        max-width: none
    }

    .dbx-cta__content {
        order: -1
    }
}

@media screen and (min-width:1280px) {
    .dbx-cta .dbx-container::before {
        clip-path: polygon(2.403% 90.97%, 0.007% 11.877%, 0.007% 11.877%, 0.007% 11.386%, 0.034% 10.916%, 0.088% 10.473%, 0.165% 10.065%, 0.263% 9.697%, 0.381% 9.378%, 0.515% 9.114%, 0.665% 8.913%, 0.826% 8.781%, 0.999% 8.725%, 98.92% 0.103%, 98.92% 0.103%, 99.101% 0.131%, 99.273% 0.245%, 99.432% 0.436%, 99.575% 0.697%, 99.701% 1.019%, 99.807% 1.395%, 99.89% 1.818%, 99.947% 2.278%, 99.976% 2.769%, 99.974% 3.283%, 96.796% 97.307%, 96.796% 97.307%, 96.769% 97.75%, 96.719% 98.166%, 96.649% 98.55%, 96.561% 98.898%, 96.455% 99.203%, 96.336% 99.462%, 96.203% 99.67%, 96.06% 99.821%, 95.908% 99.911%, 95.749% 99.935%, 3.402% 93.627%, 3.402% 93.627%, 3.248% 93.583%, 3.101% 93.478%, 2.964% 93.316%, 2.837% 93.101%, 2.723% 92.838%, 2.623% 92.533%, 2.54% 92.188%, 2.474% 91.81%, 2.428% 91.402%, 2.403% 90.97%)
    }

    .dbx-cta--navy-shape {
        color: #fff
    }

    .dbx-cta--navy-shape .dbx-container::before {
        clip-path: polygon(2.403% 90.97%, 0.007% 11.877%, 0.007% 11.877%, 0.007% 11.386%, 0.034% 10.916%, 0.088% 10.473%, 0.165% 10.065%, 0.263% 9.697%, 0.381% 9.378%, 0.515% 9.114%, 0.665% 8.913%, 0.826% 8.781%, 0.999% 8.725%, 98.92% 0.103%, 98.92% 0.103%, 99.101% 0.131%, 99.273% 0.245%, 99.432% 0.436%, 99.575% 0.697%, 99.701% 1.019%, 99.807% 1.395%, 99.89% 1.818%, 99.947% 2.278%, 99.976% 2.769%, 99.974% 3.283%, 96.796% 97.307%, 96.796% 97.307%, 96.769% 97.75%, 96.719% 98.166%, 96.649% 98.55%, 96.561% 98.898%, 96.455% 99.203%, 96.336% 99.462%, 96.203% 99.67%, 96.06% 99.821%, 95.908% 99.911%, 95.749% 99.935%, 3.402% 93.627%, 3.402% 93.627%, 3.248% 93.583%, 3.101% 93.478%, 2.964% 93.316%, 2.837% 93.101%, 2.723% 92.838%, 2.623% 92.533%, 2.54% 92.188%, 2.474% 91.81%, 2.428% 91.402%, 2.403% 90.97%)
    }

    .dbx-cta--gray-border-shape {
        border: none
    }

    .dbx-cta--gray-border-shape .dbx-container::before {
        background-color: rgba(142, 146, 155, .2)
    }

    .dbx-cta--gray-border-shape .dbx-container::after {
        background-color: #fff
    }

    .dbx-cta--blue-gradient-shape {
        color: #fff
    }

    .dbx-cta--blue-gradient-shape .dbx-container::before {
        clip-path: polygon(2.403% 90.97%, 0.007% 11.877%, 0.007% 11.877%, 0.007% 11.386%, 0.034% 10.916%, 0.088% 10.473%, 0.165% 10.065%, 0.263% 9.697%, 0.381% 9.378%, 0.515% 9.114%, 0.665% 8.913%, 0.826% 8.781%, 0.999% 8.725%, 98.92% 0.103%, 98.92% 0.103%, 99.101% 0.131%, 99.273% 0.245%, 99.432% 0.436%, 99.575% 0.697%, 99.701% 1.019%, 99.807% 1.395%, 99.89% 1.818%, 99.947% 2.278%, 99.976% 2.769%, 99.974% 3.283%, 96.796% 97.307%, 96.796% 97.307%, 96.769% 97.75%, 96.719% 98.166%, 96.649% 98.55%, 96.561% 98.898%, 96.455% 99.203%, 96.336% 99.462%, 96.203% 99.67%, 96.06% 99.821%, 95.908% 99.911%, 95.749% 99.935%, 3.402% 93.627%, 3.402% 93.627%, 3.248% 93.583%, 3.101% 93.478%, 2.964% 93.316%, 2.837% 93.101%, 2.723% 92.838%, 2.623% 92.533%, 2.54% 92.188%, 2.474% 91.81%, 2.428% 91.402%, 2.403% 90.97%)
    }
}

.dbx-tabs-switcher {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.dbx-tabs-switcher .tabs-switcher__header {
    gap: 16px;
    border-bottom: none;
    background-color: #f3f4f5;
    padding: 0 18px;
    border-radius: 8px;
    overflow-x: auto
}

.dbx-tabs-switcher .tabs-switcher__header .tab {
    text-align: center;
    flex: 0 1 auto;
    padding: 20px 0 15px;
    min-width: min-content;
    margin-bottom: 0;
    white-space: nowrap
}

.dbx-tabs-switcher .tabs-switcher__header .tab::after {
    display: block;
    content: attr(title);
    font-weight: 700;
    height: 0;
    color: transparent;
    overflow: hidden;
    visibility: hidden
}

.dbx-tabs-switcher .tabs-switcher__header .tab.selected {
    font-weight: 700;
    border-bottom: 2px solid #1189cb
}

.dbx-speech-bubble {
    display: flex;
    gap: 17px;
    flex-direction: column;
    align-items: center;
    margin-block: 64px
}

@media screen and (min-width:768px) {
    .dbx-speech-bubble {
        margin-block: 96px
    }
}

.dbx-speech-bubble__image-container {
    flex-shrink: 0;
    position: relative;
    width: 72px;
    height: 72px;
    border-radius: 100%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center
}

.dbx-speech-bubble__image {
    height: 100%;
    width: auto
}

.dbx-speech-bubble__content {
    flex-grow: 1;
    background-color: rgba(142, 146, 155, .1);
    padding: 24px;
    position: relative;
    border-radius: 8px;
    align-self: stretch
}

.dbx-speech-bubble__content::before {
    content: "";
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid rgba(142, 146, 155, .1)
}

@media screen and (min-width:768px) {
    .dbx-speech-bubble {
        flex-direction: row;
        gap: 34px
    }

    .dbx-speech-bubble__image-container {
        width: 84px;
        height: 84px
    }

    .dbx-speech-bubble__content::before {
        top: 50%;
        left: -20px;
        transform: translateY(-50%);
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-right: 10px solid rgba(142, 146, 155, .1)
    }
}

.dbx-cta-2 {
    display: flex;
    flex-direction: column-reverse;
    gap: 24px;
    padding: 24px;
    background-color: rgba(29, 154, 214, .1);
    border-radius: 16px;
    align-items: stretch;
    max-height: min-content;
    margin-block: 64px
}

@media screen and (min-width:768px) {
    .dbx-cta-2 {
        margin-block: 96px
    }
}

.dbx-cta-2__image-column {
    display: flex;
    align-items: flex-start;
    flex: 1
}

.dbx-cta-2__image-container {
    width: 100%;
    height: auto;
    position: relative;
    border-radius: 12px;
    overflow: hidden
}

.dbx-cta-2__image-container>img {
    height: 100%;
    width: 100%
}

.dbx-cta-2__image-caption {
    color: #fff;
    position: absolute;
    background-color: rgba(0, 0, 0, .5);
    padding: 8px;
    font-size: 12px;
    z-index: 10;
    bottom: 0;
    width: 100%
}

.dbx-cta-2__text-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: start;
    padding-block: 24px;
    flex: 1.75
}

@media screen and (min-width:768px) {
    .dbx-cta-2__image-container {
        max-width: 450px
    }
}

@media screen and (min-width:1200px) {
    .dbx-cta-2 {
        flex-direction: row
    }

    .dbx-cta-2__image-container {
        max-width: none
    }
}

.dbx-title-text {
    margin-bottom: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px
}

.dbx-title-text__title {
    font-size: 2rem;
    line-height: 2.5rem;
    text-align: center;
    font-weight: 800;
    max-width: 1000px
}

.dbx-title-text__text {
    font-size: 1rem;
    line-height: 1.375rem;
    text-align: center;
    max-width: 850px
}

@media screen and (min-width:768px) {
    .dbx-title-text__title {
        font-size: 3rem;
        line-height: 3.5rem
    }
}

.dbx-repeater-collapsible-card-section {
    margin-block: 64px;
    --card-inner-padding: 24px
}

@media screen and (min-width:768px) {
    .dbx-repeater-collapsible-card-section {
        margin-block: 96px
    }
}

.dbx-repeater-collapsible-card-section__card-container {
    display: flex;
    flex-direction: column;
    gap: 36px
}

.dbx-repeater-collapsible-card-section__collapsible-card {
    border-radius: 12px;
    border: 1px solid rgba(0, 0, 0, .05);
    box-shadow: 0 3px 15px rgba(0, 0, 0, .05)
}

.dbx-repeater-collapsible-card-section .dbx-collapsible__listener-element {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 24px var(--card-inner-padding);
    cursor: pointer
}

.dbx-repeater-collapsible-card-section .dbx-collapsible__listener-element h4 {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 700
}

.dbx-repeater-collapsible-card-section .dbx-collapsible__listener-element .icon::before {
    transition: all .4s;
    transform: rotate(90deg);
    font-size: .875rem;
    color: rgba(142, 146, 155, .8)
}

.dbx-repeater-collapsible-card-section .dbx-collapsible__collapsible-container {
    transition: height .3s
}

.dbx-repeater-collapsible-card-section .dbx-collapsible__collapsible-content {
    padding: 8px var(--card-inner-padding) 32px var(--card-inner-padding);
    font-size: 1rem
}

.dbx-repeater-collapsible-card-section .dbx-collapsible--active .icon::before {
    transform: rotate(270deg)
}

.dbx-repeater-collapsible-card-section__collapsible-button {
    margin-top: 32px
}

.dbx-repeater-collapsible-card-section strong {
    font-weight: 700
}

@media screen and (min-width:768px) {
    .dbx-repeater-collapsible-card-section {
        --card-inner-padding: 40px
    }

    .dbx-repeater-collapsible-card-section .dbx-collapsible__listener-element h4 {
        font-size: 1.125rem;
        line-height: 1.675rem
    }
}

.dbx-feature-highlight-section {
    margin-block: 64px
}

@media screen and (min-width:768px) {
    .dbx-feature-highlight-section {
        margin-block: 96px
    }
}

.dbx-repeater-link-card-section {
    margin-block: 64px
}

@media screen and (min-width:768px) {
    .dbx-repeater-link-card-section {
        margin-block: 96px
    }
}

.dbx-repeater-card-section {
    margin-block: 64px
}

@media screen and (min-width:768px) {
    .dbx-repeater-card-section {
        margin-block: 96px
    }
}

.dbx-repeater-card-section__card-container {
    margin-left: 16px;
    row-gap: 64px
}

@media screen and (min-width:768px) {
    .dbx-repeater-card-section__card-container {
        gap: 32px
    }
}

.dbx-quote-2-section {
    padding-block: 64px;
    background-color: rgba(78, 144, 204, .1)
}

@media screen and (min-width:768px) {
    .dbx-quote-2-section {
        padding-block: 96px
    }
}

.dbx-agency-integrations-section {
    margin-block: 64px
}

@media screen and (min-width:768px) {
    .dbx-agency-integrations-section {
        margin-block: 96px
    }
}

.dbx-agency-integrations-section .dbx-container {
    display: flex;
    flex-direction: column
}

.dbx-agency-integrations-section .dbx-container:last-child {
    gap: 40px
}

.dbx-agency-integrations-section__img-container {
    margin-bottom: 56px;
    grid-auto-flow: column;
    grid-auto-columns: 220px
}

.dbx-agency-integrations-section__secondary-text {
    align-self: center;
    color: #8e929b;
    text-align: center
}

.dbx-agency-integrations-section__card-container {
    grid-template-columns: repeat(auto-fit, minmax(300px, 1px));
    place-content: center
}

.dbx-agency-integrations-section__card-container .dbx-icon-card {
    padding: 12px 16px;
    background-color: #fff
}

.dbx-agency-integrations-section__card-container .dbx-icon-card__text {
    font-size: 12px;
    color: #8e929b
}

.dbx-agency-integrations-section__img {
    border-radius: 8px
}

.dbx-agency-integrations-section__btn-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px
}

.dbx-agency-integrations-section__subtext {
    color: rgba(142, 146, 155, .6);
    font-weight: 400;
    font-size: 14px;
    white-space: nowrap;
    text-align: center
}

.dbx-solution-cards {
    margin-block: 64px
}

@media screen and (min-width:768px) {
    .dbx-solution-cards {
        margin-block: 96px
    }
}

.dbx-solution-cards .dbx-enhanced-card__title {
    font-size: 1.75rem;
    line-height: 2rem;
    font-weight: 800
}

@media screen and (min-width:768px) {
    .dbx-solution-cards .dbx-enhanced-card__title {
        font-size: 2.5rem;
        line-height: 3rem
    }
}

@keyframes fade-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

#dbx-customer-stories .dbx-customer-stories-header {
    background: linear-gradient(180deg, rgba(0, 138, 206, .2) 0, rgba(255, 255, 255, 0) 100%);
    padding-top: 200px;
    margin-bottom: 85px
}

#dbx-customer-stories .dbx-customer-stories-header .dbx-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center
}

#dbx-customer-stories .dbx-customer-stories-header .dbx-container>.heading {
    color: #24282c;
    font-size: 56px;
    font-weight: 800;
    line-height: 62px;
    z-index: 1
}

#dbx-customer-stories .dbx-customer-stories-header .dbx-container>.subheading {
    color: #24282c;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    z-index: 1
}

#dbx-customer-stories .dbx-customer-stories-header .dbx-container::after {
    content: "";
    background: url("../img/other/purple_polygon.svg") bottom left no-repeat;
    background-size: contain;
    width: 1440px;
    height: 200px;
    position: absolute;
    margin-left: -100px
}

@media screen and (max-width:1200px) {
    #dbx-customer-stories .dbx-customer-stories-header .dbx-container::after {
        width: 100%;
        margin-left: -200px
    }
}

@media screen and (max-width:465px) {
    #dbx-customer-stories .dbx-customer-stories-header .dbx-container::after {
        display: none
    }
}

#dbx-customer-stories .dbx-customer-stories-filter {
    margin-bottom: 80px
}

#dbx-customer-stories .dbx-customer-stories-filter-container {
    display: flex;
    flex-direction: column
}

#dbx-customer-stories .dbx-customer-stories-filter-container>.top {
    background-color: rgba(39, 125, 204, .1);
    border: 1px solid rgba(0, 0, 0, .1);
    font-family: Geist;
    font-size: 14px;
    font-weight: 600;
    line-height: 35px;
    text-transform: uppercase;
    color: #55585d;
    padding: 6px 32px;
    border-radius: 12px;
    cursor: pointer;
    user-select: none;
    display: flex;
    justify-content: space-between
}

#dbx-customer-stories .dbx-customer-stories-filter-container>.top>.icon {
    font-size: 16px
}

@media screen and (min-width:768px) {
    #dbx-customer-stories .dbx-customer-stories-filter-container>.top>.icon {
        display: none
    }
}

@media screen and (min-width:768px) {
    #dbx-customer-stories .dbx-customer-stories-filter-container>.top {
        pointer-events: none;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        cursor: default
    }
}

#dbx-customer-stories .dbx-customer-stories-filter-container>.bottom {
    background-color: rgba(39, 125, 204, .1);
    border: 1px solid rgba(0, 0, 0, .1);
    border-top: none;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px
}

#dbx-customer-stories .dbx-customer-stories-filter-container>.bottom .dbx-collapsible__collapsible-content {
    padding: 32px
}

@media screen and (max-width:768px) {
    #dbx-customer-stories .dbx-customer-stories-filter-container>.bottom {
        border: 0;
        overflow: auto
    }
}

@media screen and (min-width:768px) {
    #dbx-customer-stories .dbx-customer-stories-filter-container>.bottom {
        height: auto !important
    }
}

#dbx-customer-stories .dbx-customer-stories-filter .dbx-collapsible--active>.top {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

#dbx-customer-stories .dbx-customer-stories-filter .dbx-collapsible--active>.top>.icon {
    transform: rotate(180deg);
    transition: transform .4s;
    -o-transition: transform .4s;
    -ms-transition: transform .4s;
    -moz-transition: transform .4s;
    -webkit-transition: transform .4s
}

#dbx-customer-stories .dbx-customer-stories-filter .dbx-collapsible--active>.bottom {
    border: 1px solid rgba(0, 0, 0, .1);
    border-top: none
}

#dbx-customer-stories .dbx-customer-stories-filter-list {
    display: flex;
    padding: 0;
    gap: 32px
}

#dbx-customer-stories .dbx-customer-stories-filter-list ul {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0
}

#dbx-customer-stories .dbx-customer-stories-filter-list ul.children {
    flex-direction: column;
    gap: 8px
}

#dbx-customer-stories .dbx-customer-stories-filter-list ul.children>li>label {
    font-weight: 400;
    display: flex;
    gap: 6px;
    align-items: center;
    cursor: pointer;
    max-width: fit-content;
    margin-bottom: 0;
    user-select: none
}

#dbx-customer-stories .dbx-customer-stories-filter-list ul input[type=checkbox] {
    margin-top: -2px;
    width: 16px;
    height: 16px;
    accent-color: #25a767;
    flex: none
}

#dbx-customer-stories .dbx-customer-stories-filter-list li {
    list-style: none;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    line-height: 20px
}

#dbx-customer-stories .dbx-customer-stories-filter-list>li {
    flex: 1 1 50%
}

#dbx-customer-stories .dbx-customer-stories-filter-list>li>label {
    margin-bottom: 12px
}

#dbx-customer-stories .dbx-customer-stories-filter-list>li>label input {
    display: none
}

@media screen and (max-width:768px) {
    #dbx-customer-stories .dbx-customer-stories-filter-list {
        flex-direction: column
    }
}

#dbx-customer-stories-list {
    margin-bottom: 100px
}

@keyframes fade-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

#customers .header {
    background-image: url('../img/customers/bg.jpg');
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
    min-height: 500px;
    padding-top: 160px
}

#customers .header h1 {
    font-size: 50px;
    font-weight: 400
}

#customers .box {
    height: 100%;
    background: #fff;
    font-size: 16px;
    border: 1px solid rgba(142, 146, 155, .25);
    border-radius: 4px;
    -moz-box-shadow: 3px 4px 9.5px .5px rgba(142, 146, 155, .2);
    -webkit-box-shadow: 3px 4px 9.5px .5px rgba(142, 146, 155, .2);
    box-shadow: 3px 4px 9.5px .5px rgba(142, 146, 155, .2)
}

#customers .box--no-border {
    border: none
}

#customers .box--no-border .btn {
    position: absolute;
    bottom: 35px
}

#customers .box__header img {
    width: 100%;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

#customers .box__content {
    padding: 35px 25px
}

#customers .box__content img,
#customers .box__content p {
    margin-bottom: 30px
}

#customers .box__content img {
    height: 20px;
    width: auto
}

#customers .box .customer {
    color: rgba(45, 50, 55, .5)
}

#customers .box .customer strong {
    color: #2d3237
}

#customers .btn {
    font-size: 16px
}

#customers .section-1 {
    padding: 110px 0
}

#customers .section-1 .align-columns .left {
    vertical-align: bottom
}

#customers .section-1 .box__content img.elenas {
    height: 35px;
    margin-bottom: 15px
}

#customers .section-1 .box__content img.arxus,
#customers .section-1 .box__content img.gms,
#customers .section-1 .box__content img.harmon-brothers {
    height: 30px;
    margin-bottom: 20px
}

#customers .section-1 .box__content img.nextiny {
    height: 24px;
    margin-bottom: 26px
}

#customers .section-1 .social-logotypes {
    margin-top: 110px;
    margin-bottom: 70px;
    text-align: center
}

#customers .section-1 .social-logotypes .logo img {
    height: 35px;
    width: auto
}

#customers .section-1 .social-logotypes .logo img.pr-20-20,
#customers .section-1 .social-logotypes .logo img.smartbug {
    height: 28px
}

#customers .section-1 .social-logotypes .logo img.toast {
    height: 30px
}

#customers .section-1 .social-logotypes .logo img.stream-creative {
    height: 45px
}

#customers .section-1 .social-logotypes .logo img.nextiny {
    height: 40px
}

#customers .section-2 {
    padding: 100px 0;
    background-color: #f3f4f5
}

#customers .section-2 h2 {
    font-weight: 400
}

#customers .section-2 .box__content {
    padding: 55px 35px 35px
}

#customers .section-2 .box__content .clear-pivot,
#customers .section-2 .box__content .smartbug {
    height: 18px
}

#customers .section-2 .box__content .ct-global,
#customers .section-2 .box__content .nextiny {
    height: 24px
}

@media only screen and (max-width:992px) {
    #customers .section-1 .social-logotypes .logo {
        margin-bottom: 80px
    }

    #customers .section-1 .social-logotypes .row:last-child .logo:last-child,
    #customers .section-1 .social-logotypes .row:last-child .logo:nth-last-child(2) {
        margin-bottom: 0
    }

    #customers .section-1 .box--no-border .btn {
        position: relative;
        bottom: auto
    }
}

@media only screen and (max-width:767px) {
    #customers .header {
        padding-top: 110px
    }

    #customers .section-1,
    #customers .section-2 {
        padding-top: 80px;
        padding-bottom: 80px
    }

    #customers .section-1 .social-logotypes {
        margin-top: 80px
    }

    #customers .section-1 .social-logotypes .row:last-child .logo:nth-last-child(2) {
        margin-bottom: 80px
    }
}

@media only screen and (max-width:480px) {
    #customers .header {
        padding-top: 70px
    }
}

@keyframes fade-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

#dashboard-software .fadein {
    opacity: 0;
    transition: opacity 2s;
    -o-transition: opacity 2s;
    -ms-transition: opacity 2s;
    -moz-transition: opacity 2s;
    -webkit-transition: opacity 2s
}

#dashboard-software .fadein.visible {
    opacity: 1
}

#dashboard-software .header {
    background: #fff url("../img/dashboard-software/bg_dashboard.png") no-repeat top center;
    background-size: 100% 120px;
    color: #000;
    text-align: left;
    padding: 240px 0 120px
}

#dashboard-software .header h1 {
    color: #000;
    font-weight: 700;
    font-size: 55px;
    line-height: 60px;
    margin: 0 0 25px;
    max-width: 510px
}

#dashboard-software .header p {
    font-size: 18px;
    line-height: 28px;
    color: #8e929b;
    max-width: 535px
}

#dashboard-software .header .btn {
    font-size: 16px
}

#dashboard-software .header .btn.mt-110 {
    margin-top: 110px
}

#dashboard-software .header .btn.btn-green {
    background: #2bb673
}

#dashboard-software .header .badges {
    padding-top: 74px;
    text-align: center
}

#dashboard-software .header .badges .badge-images {
    min-height: 75px;
    display: block
}

#dashboard-software .header .badges .badge-images img {
    display: block;
    clear: both;
    margin: auto
}

#dashboard-software .header .badges .badge-images img.stars {
    margin-top: 10px
}

#dashboard-software .header .badges .badge-text {
    font-size: 12px;
    line-height: 15px;
    color: #8e929b
}

#dashboard-software .header .badges .badge-text p {
    font-size: 12px;
    line-height: 15px;
    margin: 0;
    color: #292929
}

#dashboard-software .header .badges .badge-text a {
    text-decoration: underline
}

#dashboard-software .header .row.mobile-buttons {
    display: none
}

#dashboard-software .btn.dashboard {
    max-width: fit-content
}

#dashboard-software #categories .btn {
    margin-top: 50px
}

#dashboard-software #categories .category {
    border-top: none !important;
    padding-bottom: 100px;
    text-align: center;
    padding-top: 90px
}

#dashboard-software #categories .category h2 {
    font-size: 36px;
    line-height: 44px;
    font-weight: 500
}

#dashboard-software #categories .category p {
    font-size: 18px;
    color: #8e929b;
    margin-top: 25px;
    margin-bottom: 20px
}

#dashboard-software #categories .category .template-item__title {
    text-align: left;
    margin-top: 20px;
    margin-right: 3%;
    margin-left: 3%
}

#dashboard-software #categories h2 {
    margin-top: 30px;
    font-size: 36px
}

#dashboard-software #categories .template-item {
    margin-top: 35px
}

#dashboard-software #categories .template-item__window {
    margin-right: 3%;
    margin-left: 3%
}

#dashboard-software #product-wizard-ui-steps {
    background: #f3f4f5;
    padding: 110px 0 96px
}

#dashboard-software #product-wizard-ui-steps h2 {
    margin: 7px 0 0
}

#dashboard-software #product-wizard-ui-steps .slick-dots {
    margin: 37px 0 45px
}

#dashboard-software #product-wizard-ui-steps .slick-dots li {
    width: 33.333%
}

#dashboard-software #product-wizard-ui-steps .images {
    max-width: 770px;
    height: auto
}

#dashboard-software #product-wizard-ui-steps .images .slick-slide>div {
    display: flex
}

#dashboard-software #product-wizard-ui-steps .images .step-wrapper img {
    max-width: 780px;
    margin: auto;
    width: 100%
}

#dashboard-software #product-wizard-ui-steps .images .step-wrapper video {
    height: 100%;
    width: 100%
}

#dashboard-software #product-wizard-ui-steps .images .step-wrapper video::-webkit-media-controls-panel {
    display: none !important;
    opacity: 1 !important
}

#dashboard-software #product-wizard-ui-steps .images .step-wrapper.videobox {
    background: url("../img/dashboard-software/wizard_step.png") no-repeat left top;
    background-size: cover;
    padding: 24px 1px 1px
}

#dashboard-software #product-wizard-ui-steps .step-wrapper .description {
    display: none;
    color: #828f99
}

#dashboard-software #product-wizard-ui-steps .description {
    text-align: center;
    color: #828f99;
    padding: 0 110px
}

#dashboard-software .content.fadein.product-datas {
    padding: 140px 0 120px
}

#dashboard-software .content.fadein.product-datas h3 {
    font-size: 36px;
    margin: 0 0 11px
}

#dashboard-software .content.fadein.product-datas h3 strong {
    position: relative
}

#dashboard-software .content.fadein.product-datas h3 strong:after {
    content: "";
    border-bottom: 3px solid #a39bae;
    position: absolute;
    bottom: 5px;
    left: 0;
    width: 100%
}

#dashboard-software .content.fadein.product-datas h2 {
    font-size: 36px;
    margin: 0 0 11px
}

#dashboard-software .content.fadein.product-datas h2 strong {
    position: relative
}

#dashboard-software .content.fadein.product-datas h2 strong:after {
    content: "";
    border-bottom: 3px solid #a39bae;
    position: absolute;
    bottom: 5px;
    left: 0;
    width: 100%
}

#dashboard-software .content.fadein.product-datas .btn.btn-green-outline {
    color: #2bb673;
    font-size: 16px;
    border-color: #2bb673
}

#dashboard-software .content.fadein.product-datas .btn.btn-green-outline:hover {
    background-color: #2bb673;
    color: #fff
}

#dashboard-software .content.fadein.product-datas .btn.btn-green-outline.btn-link {
    font-size: 16px;
    padding: 0;
    max-width: max-content;
    border: none
}

#dashboard-software .content.fadein.product-datas .btn.btn-green-outline.btn-link:hover {
    background-color: #fff;
    color: #1863ba;
    text-decoration: none
}

#dashboard-software #product-any-data-2.content.fadein h3 strong:after {
    border-bottom: 3px solid #1189cb
}

#dashboard-software #product-any-data-3.content.fadein h3 strong:after {
    border-bottom: 3px solid #acd373
}

#dashboard-software #product-any-data-4.content.fadein h3 strong:after {
    border-bottom: 3px solid #2bb673
}

#dashboard-software #product-any-data-build.content.fadein h2 strong:after {
    border-bottom: 3px solid #2bb673
}

#dashboard-software #what-else .container-blue {
    background-image: url(../img/dashboard-software/bg_note.png);
    background-size: 100% 100%;
    text-align: center;
    color: #fff;
    padding: 70px 130px 0
}

#dashboard-software #what-else .container-blue h2 {
    font-size: 36px
}

#dashboard-software #what-else .container-blue p {
    font-size: 18px;
    line-height: 30px
}

#dashboard-software #what-else .container-blue .btn {
    display: inline-block;
    margin: 15px 0 70px;
    font-size: 16px;
    padding: 10px 50px;
    background: #2bb673
}

#dashboard-software #product-faq {
    padding: 90px 0 115px
}

#dashboard-software #product-faq h2 {
    font-size: 55px;
    font-weight: 100;
    color: #2d3237;
    margin-bottom: 60px
}

#dashboard-software #product-faq .collapsible {
    margin-right: 25px
}

#dashboard-software #product-faq .collapsible p {
    font-size: 16px;
    line-height: 24px;
    color: #8e929b
}

#dashboard-software #product-faq .collapsible ul li {
    font-size: 16px;
    line-height: 24px;
    color: #8e929b
}

#dashboard-software #dashboard-gray.gray-row {
    background: #f4f3f5
}

#dashboard-software #dashboard-gray h3 {
    font-size: 36px;
    color: #2d3237;
    margin: 0
}

#dashboard-software #dashboard-gray #datasource-templates.content {
    padding: 90px 0 100px
}

#dashboard-software #dashboard-marketing {
    background: #eaf9fb;
    text-align: center;
    padding: 90px 0 110px
}

#dashboard-software #datasource-templates .layout-emphasized-blocks {
    padding-left: 80px;
    padding-right: 80px
}

#dashboard-software #datasource-templates .layout-emphasized-blocks .block img {
    border-radius: 0;
    opacity: .5;
    transition: all .3s ease-in-out
}

#dashboard-software #datasource-templates .layout-emphasized-blocks .block:hover img {
    opacity: 1
}

#dashboard-software #product-faq .collapsible__header h3 {
    font-weight: 400;
    font-size: 18px;
    margin: 0
}

#dashboard-software #datasource-templates .layout-emphasized-blocks .block span:not(.icon) {
    padding: 96px 25px 0
}

#dashboard-software #dashboard-marketing h3 {
    font-size: 20px;
    line-height: 24px;
    margin: 10px 0 0;
    color: #1766c0
}

#dashboard-software #dashboard-marketing h3 a {
    color: #1766c0;
    text-decoration: none
}

#dashboard-software #dashboard-marketing h3 a:hover {
    text-decoration: underline
}

#dashboard-software #dashboard-marketing .img-box {
    min-height: 200px
}

#dashboard-software #testimonials {
    background: #f2f4f6;
    text-align: center;
    padding: 90px 0
}

#dashboard-software #testimonials .align-columns [class*=col-] {
    vertical-align: top
}

#dashboard-software #testimonials .customer {
    color: #8e929b
}

#dashboard-software #testimonials .customer strong {
    color: #252525
}

#dashboard-software #testimonials h2 {
    font-size: 32px;
    font-weight: 300;
    color: #2d3237;
    margin-bottom: 60px
}

#dashboard-software #testimonials .narrow {
    padding: 0 90px
}

#dashboard-software #testimonials .test-image {
    min-height: 68px
}

#dashboard-software #testimonials .box {
    padding: 40px 35px 50px 40px;
    text-align: left;
    height: 100%;
    -moz-box-shadow: 2px 2px 20px 5px rgba(37, 37, 37, .1);
    -webkit-box-shadow: 2px 2px 20px 5px rgba(37, 37, 37, .1);
    box-shadow: 2px 2px 20px 5px rgba(37, 37, 37, .1);
    background: #fff;
    border-radius: 5px;
    margin: 0 5px
}

#dashboard-software #testimonials .box p {
    margin-bottom: 15px
}

#dashboard-software #metrics {
    background: #f3f4f5;
    padding: 90px 0 80px;
    text-align: center
}

#dashboard-software #metrics .container {
    padding: 0 80px
}

#dashboard-software #metrics .container h2 {
    font-size: 30px;
    margin-top: 85px;
    color: #2d3237;
    margin-bottom: 30px
}

#dashboard-software #metrics .container .container-inner {
    margin-bottom: 60px
}

#dashboard-software #metrics .container .container-inner p {
    font-size: 18px;
    line-height: 28px;
    color: #8e929b
}

#dashboard-software #metrics .align-columns {
    display: flex;
    flex-wrap: wrap
}

#dashboard-software #metrics .align-columns .col-inner {
    display: inline-flex;
    height: auto
}

#dashboard-software #metrics .align-columns .col-inner .box {
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column
}

#dashboard-software #metrics .row {
    text-align: left
}

#dashboard-software #metrics .box {
    background: #fff;
    padding: 25px 20px 25px 25px;
    text-align: left;
    height: 100%;
    border: 1px solid #d3dbd9;
    box-shadow: none;
    border-radius: 5px;
    margin: 0 5px
}

#dashboard-software #metrics .box strong {
    display: block;
    font-size: 16px;
    color: #2d3237;
    font-weight: 400;
    margin-bottom: 15px
}

#dashboard-software #metrics .box h3 {
    display: block;
    font-size: 16px;
    color: #2d3237;
    font-weight: 400;
    margin-bottom: 15px;
    margin-top: 0
}

#dashboard-software #what-else {
    background: #f3f4f5;
    padding-bottom: 110px
}

#dashboard-software #what-else .container-slider {
    text-align: center;
    margin-bottom: 70px
}

#dashboard-software #what-else .container-slider .slick-arrow {
    position: absolute;
    top: 40%;
    transform: translateY(-50%);
    background: 0 0;
    color: #bfc6c9;
    border: none;
    font-size: 40px
}

#dashboard-software #what-else .container-slider .slick-arrow:hover {
    color: #0f65f9
}

#dashboard-software #what-else .container-slider .slick-arrow.slick-next {
    right: -85px
}

#dashboard-software #what-else .container-slider .slick-arrow.slick-prev {
    left: -85px
}

#dashboard-software #what-else .container-slider .image-box {
    min-height: 140px;
    margin-bottom: 13px
}

#dashboard-software #what-else .container-slider .image-box img {
    max-height: 120px
}

#dashboard-software #what-else .container-slider h2 {
    font-size: 36px;
    line-height: 44px;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 30px
}

#dashboard-software #what-else .container-slider>p {
    font-size: 18px;
    line-height: 28px;
    color: #8e929b;
    text-align: center;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto 70px
}

#dashboard-software #what-else .container-slider .col {
    text-align: left
}

#dashboard-software #what-else .container-slider .col .col-inner {
    padding: 0 25px
}

#dashboard-software #what-else .container-slider .col h3 {
    display: block;
    color: #1863ba;
    margin: 0;
    font-size: 16px;
    font-weight: 500
}

#dashboard-software #what-else .container-slider .col h3 a {
    color: #1863ba;
    text-decoration: none
}

#dashboard-software #what-else .container-slider .col h3 a:hover {
    text-decoration: underline
}

#dashboard-software #what-else .container-slider .col br {
    display: none
}

#dashboard-software #what-else .layout-slider-holder {
    padding: 0 90px;
    margin-bottom: 35px
}

#dashboard-software #what-else .slick-list.draggable {
    margin-bottom: 35px
}

#dashboard-software.dashboard-inner .header h1 {
    max-width: 517px;
    margin-top: 40px
}

#dashboard-software.dashboard-inner .header .badges {
    padding-top: 36px
}

#dashboard-software.dashboard-inner #product-wizard-ui-steps {
    background: 0 0;
    padding-bottom: 120px
}

#dashboard-software.dashboard-inner #product-wizard-ui-steps .images .step-wrapper img {
    box-shadow: none
}

#dashboard-software.dashboard-inner .content.fadein.specific {
    padding-top: 110px
}

#dashboard-software.dashboard-inner .content.fadein.specific h2 strong:after {
    border-bottom: 3px solid #02b875
}

#dashboard-software.dashboard-inner .btn.dashboard {
    max-width: max-content;
    display: inherit
}

@media screen and (min-width:992px) and (max-width:1200px) {
    #dashboard-software #metrics .container {
        padding: 0 40px
    }

    #dashboard-software #testimonials .narrow {
        padding: 0 40px
    }

    #dashboard-software .container.narrow {
        padding: 0 40px
    }

    #dashboard-software #datasource-templates .layout-emphasized-blocks {
        padding-left: 0;
        padding-right: 0
    }

    #dashboard-software .content.fadein.product-datas {
        padding: 40px 0
    }
}

@media only screen and (min-width:766px) and (max-width:991px) {
    #dashboard-software .container.narrow {
        padding: 0 40px
    }

    #dashboard-software #dashboard-marketing .img-box img {
        max-width: 100%
    }

    #dashboard-software #metrics .container {
        padding: 0 20px
    }

    #dashboard-software #testimonials .narrow {
        padding: 0
    }

    #dashboard-software #datasource-templates .layout-emphasized-blocks {
        padding: 0
    }

    #dashboard-software .content.fadein.product-datas {
        padding: 40px 0
    }

    #dashboard-software #what-else .container-slider .image-box img {
        max-width: 100%
    }
}

@media screen and (max-width:991px) {
    #dashboard-software .header .row {
        display: flex;
        flex-direction: column-reverse
    }

    #dashboard-software .header .row .btn.mt-110 {
        display: none
    }

    #dashboard-software .header .row .btn.mt-50 {
        display: none
    }

    #dashboard-software .header .row .img-responsive {
        margin-top: 40px
    }

    #dashboard-software .header .row .row.badges {
        display: block
    }

    #dashboard-software .header .row.mobile-buttons {
        padding-top: 40px;
        display: block
    }

    #dashboard-software .header .row.mobile-buttons .btn.mt-110 {
        display: inline-block;
        margin-top: 20px !important
    }

    #dashboard-software .header .row.mobile-buttons .btn.mt-50 {
        display: inline-block;
        margin-top: 20px !important
    }
}

@media screen and (max-width:801px) {
    #dashboard-software .container {
        width: 100%
    }

    #dashboard-software .container.narrow {
        padding: 0 30px
    }

    #dashboard-software .header img {
        margin: auto
    }

    #dashboard-software .header h1 {
        max-width: 100%
    }

    #dashboard-software .header p {
        max-width: 100%
    }

    #dashboard-software .header .row.badges {
        display: none !important
    }

    #dashboard-software.dashboard-inner .header h1 {
        max-width: 100%
    }

    #dashboard-software.dashboard-inner .header p {
        max-width: 100%
    }

    #dashboard-software.dashboard-inner .btn.dashboard {
        max-width: fit-content
    }

    #dashboard-software.dashboard-inner #product-wizard-ui-steps {
        padding-bottom: 60px
    }

    #dashboard-software .content.fadein.product-datas {
        padding: 70px 0 60px
    }

    #dashboard-software #dashboard-marketing .col-sm-4 {
        margin-bottom: 40px
    }

    #dashboard-software #dashboard-marketing img {
        max-width: 100%;
        height: auto
    }

    #dashboard-software #product-wizard-ui-steps {
        padding-bottom: 60px
    }

    #dashboard-software #product-wizard-ui-steps .container {
        padding-left: 50px;
        padding-right: 50px
    }

    #dashboard-software #product-wizard-ui-steps .images .step-wrapper img {
        width: 100%
    }

    #dashboard-software #product-wizard-ui-steps .description {
        text-align: center;
        color: #828f99;
        padding: 0 30px
    }

    #dashboard-software #datasource-templates .layout-emphasized-blocks {
        padding-left: 0;
        padding-right: 0
    }

    #dashboard-software #metrics .container {
        padding: 0 50px
    }

    #dashboard-software #categories .container {
        padding: 0 20px
    }

    #dashboard-software .content.layout-dbl .img img {
        max-width: 100%;
        margin: 10px auto 40px
    }
}

@media screen and (max-width:680px) {
    #dashboard-software .container {
        width: 100%
    }

    #dashboard-software .header {
        padding: 120px 0 60px;
        background-size: 100% 72px
    }

    #dashboard-software .header h1 {
        font-size: 36px;
        line-height: 45px;
        margin-top: 50px
    }

    #dashboard-software .header .btn.mt-110 {
        margin-top: 40px
    }

    #dashboard-software .header .badges {
        padding-bottom: 0
    }

    #dashboard-software .header .badges .col-badges {
        margin-bottom: 20px
    }

    #dashboard-software #product-wizard-ui-steps {
        padding: 60px 0 40px
    }

    #dashboard-software #product-wizard-ui-steps .images .step-wrapper img {
        width: 100%
    }

    #dashboard-software #product-wizard-ui-steps .images .step-wrapper .description {
        width: 90%;
        margin: auto
    }

    #dashboard-software #product-wizard-ui-steps .images .step-wrapper.videobox {
        padding-top: 15px
    }

    #dashboard-software .content.fadein .product-datas {
        padding: 70px 0 60px
    }

    #dashboard-software .content.fadein h2 {
        font-size: 32px
    }

    #dashboard-software #testimonials .narrow {
        padding: 0 30px
    }

    #dashboard-software #categories .category {
        padding: 40px 30px 50px
    }

    #dashboard-software #categories .category h2 {
        font-size: 32px
    }

    #dashboard-software #categories .btn {
        width: 100%;
        white-space: normal
    }

    #dashboard-software #what-else .layout-slider-holder {
        padding: 0 50px
    }

    #dashboard-software #what-else .container-slider .col .col-inner {
        padding: 0
    }

    #dashboard-software #what-else .container-slider .slick-arrow {
        font-size: 25px
    }

    #dashboard-software #what-else .container-slider .slick-arrow.slick-prev {
        left: -7vw;
        padding: 0
    }

    #dashboard-software #what-else .container-slider .slick-arrow.slick-next {
        right: -7vw;
        padding: 0
    }

    #dashboard-software #what-else .container-blue {
        padding: 50px 30px 0
    }

    #dashboard-software #product-faq h2 {
        font-size: 40px
    }

    #dashboard-software.dashboard-inner .btn.dashboard {
        max-width: fit-content
    }

    #dashboard-software #metrics {
        padding: 40px 0 60px
    }

    #dashboard-software #metrics .container {
        padding: 0 30px
    }

    #dashboard-software #metrics .container .container-inner img {
        max-width: 100%
    }

    #dashboard-software #dashboard-marketing {
        padding-bottom: 70px
    }

    #dashboard-software #dashboard-marketing .img-box {
        min-height: 180px
    }

    #dashboard-software #dashboard-marketing .col-sm-4 {
        margin-bottom: 40px
    }

    #dashboard-software #product-wizard-ui-steps .container {
        padding: 0 20px
    }

    #dashboard-software #product-wizard-ui-steps .description {
        text-align: center;
        color: #828f99;
        padding: 0 30px
    }

    #dashboard-software #product-faq .container {
        padding: 0 30px
    }

    #dashboard-software #datasource-templates .layout-emphasized-blocks {
        padding: 30px 0 0
    }

    #dashboard-software #datasource-templates .layout-emphasized-blocks .block {
        padding: 10px;
        max-width: 49%
    }

    #dashboard-software #datasource-templates .layout-emphasized-blocks .block .box {
        width: 100%
    }
}

@media screen and (max-width:480px) {
    #dashboard-software #datasource-templates .layout-emphasized-blocks .block {
        max-width: 100%;
        width: 100%
    }

    #dashboard-software #metrics .align-columns .col-inner {
        width: 100%
    }

    #dashboard-software #metrics .container {
        padding: 0 20px
    }

    #dashboard-software #what-else .container-slider .slick-arrow {
        font-size: 25px
    }

    #dashboard-software #what-else .container-slider .slick-arrow.slick-prev {
        left: -11vw;
        padding: 0
    }

    #dashboard-software #what-else .container-slider .slick-arrow.slick-next {
        right: -11vw;
        padding: 0
    }
}

@keyframes fade-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.visoflow-for .content h1 {
    color: #2d3237
}

.visoflow-for .features {
    background: #f6f6f7
}

.visoflow-for .features h2 {
    font-weight: 100;
    text-align: center
}

.visoflow-for .features .box {
    margin: 20px 0
}

.visoflow-for .features .box .icon {
    display: block;
    font-size: 50px;
    margin-bottom: 20px
}

.visoflow-for .features .box .icon.icon-alert {
    color: #f26522
}

.visoflow-for .features .box .icon.icon-analytics {
    color: #7cc576
}

.visoflow-for .features .box .icon.icon-annotation {
    color: #ffac36
}

.visoflow-for .features .box .icon.icon-connections {
    color: #6783c2
}

.visoflow-for .features .box .icon.icon-datacards {
    color: #8e929b
}

.visoflow-for .features .box .icon.icon-graph {
    color: #8e929b
}

.visoflow-for .features .box .icon.icon-scorecard {
    color: #178da5
}

.visoflow-for .features .box p {
    color: #8e929b
}

.visoflow-for .features .box p strong {
    color: #2d3237;
    display: block;
    margin-bottom: 10px
}

.visoflow-for .toolkit .images {
    margin: 40px 0
}

.visoflow-for .toolkit .images img {
    margin: 0 10px
}

@media only screen and (max-width:767px) {
    .visoflow-for .features {
        text-align: center
    }
}

#visoflow-for-saas .header {
    background-image: url(../img/visoflow-for/saas-background.jpg)
}

#visoflow-for-ecommerce .header {
    background-image: url(../img/visoflow-for/ecommerce-background.jpg)
}

#visoflow-for-marketing .header {
    background-image: url(../img/visoflow-for/marketing-background.jpg)
}

@media only screen and (-webkit-min-device-pixel-ratio:2) and (min-width:380px),
only screen and (min-device-pixel-ratio:2) and (min-width:380px),
only screen and (-webkit-max-device-pixel-ratio:1.5) and (min-width:600px),
only screen and (max-device-pixel-ratio:1.5) and (min-width:600px) {
    #visoflow-for-saas .header {
        background-image: url(../img/visoflow-for/saas-background-2x.jpg)
    }

    #visoflow-for-ecommerce .header {
        background-image: url(../img/visoflow-for/ecommerce-background-2x.jpg)
    }

    #visoflow-for-marketing .header {
        background-image: url(../img/visoflow-for/marketing-background-2x.jpg)
    }
}

@keyframes fade-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

#main-container.demo #main-container-left .main-container-content {
    width: 435px
}

#main-container.demo #main-container-left .main-container-content .step {
    height: auto !important
}

#main-container.demo #main-container-left .main-container-content .step .logo-wrapper {
    margin-bottom: 30px
}

#main-container.demo #main-container-left .main-container-content .step .playmakers {
    display: flex;
    justify-content: center;
    margin-bottom: 25px
}

#main-container.demo #main-container-left .main-container-content .step .playmakers img {
    width: 55px;
    height: 55px;
    margin-left: -11px;
    border-radius: 100%
}

#main-container.demo #main-container-left .main-container-content .step .playmakers img:first-child {
    margin-left: 0
}

#main-container.demo #main-container-left .main-container-content .step ul {
    margin-top: 25px;
    margin-bottom: 35px;
    text-indent: -13px;
    margin-left: 26px
}

#main-container.demo #main-container-left .main-container-content .step ul li {
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    margin-bottom: 10px
}

#main-container.demo #main-container-left .main-container-content .step ul li::before {
    vertical-align: text-bottom;
    line-height: 18px
}

#main-container.demo #main-container-right .step h1 {
    font-size: 24px;
    line-height: 48px;
    margin-top: 0;
    margin-bottom: 0
}

#main-container.demo #main-container-right .step p {
    font-size: 15px;
    line-height: 20px;
    color: #8e929b
}

#main-container.demo .meeting {
    max-height: 600px;
    max-width: 415px;
    overflow: hidden;
    margin-left: -5px
}

@media only screen and (max-width:769px) {
    #main-container.demo .meeting {
        max-width: 100%
    }

    #main-container.demo #main-container-right .step h1 {
        line-height: 30px;
        margin-bottom: 10px
    }
}

.single-testimonial__bubble {
    position: relative;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 5px 18px 0 rgba(29, 154, 214, .1);
    padding: 15px;
    margin-bottom: 20px
}

.single-testimonial__bubble::after {
    position: absolute;
    content: '';
    bottom: -10px;
    left: 25px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #fff
}

.single-testimonial__author {
    padding-left: 20px;
    display: flex;
    align-items: center
}

.single-testimonial__author img {
    border-radius: 100%;
    width: 30px;
    height: 30px;
    margin-right: 5px
}

.single-testimonial__author span {
    font-size: 12px;
    line-height: 18px
}

@keyframes fade-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

#error-page {
    font-family: Arial;
    text-align: center;
    padding: 50px
}

#error-page .image {
    margin: 30px 0
}

#error-page .error-content {
    margin-bottom: 30px
}

#error-page .error-content h1 {
    font-size: 24px;
    color: #292929;
    font-weight: 300;
    margin-bottom: 30px
}

#error-page .error-content a,
#error-page .error-content p {
    color: #b7b7b7;
    line-height: 25px;
    font-size: 14px;
    margin-bottom: 0
}

#error-page .error-content a {
    text-decoration: underline
}

#error-page .back-button {
    display: block;
    margin: 30px auto;
    padding: 15px 25px;
    width: 165px;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    background-color: #babcc1
}

@media only screen and (max-width:767px) {
    #error-page .image img {
        width: 100%
    }

    #error-page .back-button {
        width: 100%
    }
}

@keyframes fade-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes blinker {

    from,
    to {
        color: transparent
    }

    50% {
        color: #2d3237
    }
}

#first #mainBanner h1 em,
#first .block.content h3 em,
.landingpage .block.content h3 em,
.landingpage .landingtop h1 em,
.underlined-content em {
    position: relative;
    font-style: normal
}

#first #mainBanner h1 em span,
#first .block.content h3 em span,
.landingpage .block.content h3 em span,
.landingpage .landingtop h1 em span,
.underlined-content em span {
    position: relative;
    z-index: 1;
    text-shadow: #fff 1px 0 0, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px 0
}

#first #mainBanner h1 em:before,
#first .block.content h3 em:before,
.landingpage .block.content h3 em:before,
.landingpage .landingtop h1 em:before,
.underlined-content em:before {
    position: absolute;
    content: '';
    left: -1px;
    width: 100%
}

#first #mainBanner {
    background-image: linear-gradient(to bottom, #fff, #f2f6f4);
    background-image: -o-linear-gradient(to bottom, #fff, #f2f6f4);
    background-image: -ms-linear-gradient(to bottom, #fff, #f2f6f4);
    background-image: -moz-linear-gradient(to bottom, #fff, #f2f6f4);
    background-image: -webkit-linear-gradient(to bottom, #fff, #f2f6f4)
}

.landingpage .landingtop {
    background-image: linear-gradient(to bottom, #fff, #f6f6ee);
    background-image: -o-linear-gradient(to bottom, #fff, #f6f6ee);
    background-image: -ms-linear-gradient(to bottom, #fff, #f6f6ee);
    background-image: -moz-linear-gradient(to bottom, #fff, #f6f6ee);
    background-image: -webkit-linear-gradient(to bottom, #fff, #f6f6ee)
}

.landingpage .landingtop img {
    display: block;
    max-width: 100%;
    margin: 0 auto
}

@media only screen and (min-width:767px) and (min-height:699px) and (max-height:850px) {
    .landingpage .landingtop {
        padding: 0
    }

    .landingpage .landingtop h2 {
        padding-bottom: 0
    }

    .landingpage .landingtop .container {
        position: relative;
        height: calc(100vh);
        padding-top: calc(40vh + 95px);
        padding-bottom: 120px
    }

    .landingpage .landingtop .img {
        height: calc(40vh);
        padding: 20px 0 !important;
        position: absolute;
        left: 0;
        right: 0;
        top: 95px
    }

    .landingpage .landingtop .img img {
        max-height: 100%;
        width: auto
    }

    .landingpage .landingtop .signupBox {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0
    }
}

@media only screen and (max-width:767px) {
    .landingpage .landingtop .img {
        padding: 30px 0 40px
    }

    .landingpage .landingtop .titles {
        font-size: 6px
    }
}

#first #mainBanner,
.landingpage .landingtop {
    text-align: center;
    padding-top: 95px
}

#first #mainBanner .titles,
.landingpage .landingtop .titles {
    font-size: 10px
}

#first #mainBanner h1,
.landingpage .landingtop h1 {
    line-height: 1.1em;
    font-weight: 500;
    margin: 0
}

#first #mainBanner h1 em:before,
.landingpage .landingtop h1 em:before {
    bottom: .15em;
    border-bottom: .08em solid #1d9ad6
}

#first #mainBanner h2,
.landingpage .landingtop h2 {
    font-size: 2.6em;
    line-height: 1.1em;
    color: #8e929b;
    font-weight: 300;
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
    padding: 1.2em 0 1.8em
}

#first .block.content,
.landingpage .block.content {
    overflow: hidden
}

#first .block.content:not(#block1),
.landingpage .block.content:not(#block1) {
    border-top: 1px solid #f5f5ee
}

#first .block.content .left.text,
.landingpage .block.content .left.text {
    padding-left: 125px;
    padding-right: 35px
}

#first .block.content .right,
.landingpage .block.content .right {
    float: right
}

#first .block.content .right.text,
.landingpage .block.content .right.text {
    padding-right: 103px
}

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

    #first .block.content .img,
    .landingpage .block.content .img {
        padding: 0 !important
    }

    #first .block.content .img img,
    .landingpage .block.content .img img {
        margin: 0 auto
    }

    #first .block.content .left,
    #first .block.content .right,
    .landingpage .block.content .left,
    .landingpage .block.content .right {
        float: none;
        padding: 20px 15px !important
    }
}

#first .block.content .row,
.landingpage .block.content .row {
    opacity: 0;
    transition: opacity 2s;
    -o-transition: opacity 2s;
    -ms-transition: opacity 2s;
    -moz-transition: opacity 2s;
    -webkit-transition: opacity 2s
}

#first .block.content.visible .row,
.landingpage .block.content.visible .row {
    opacity: 1
}

.product-page2 .content.fadein .container {
    opacity: 0;
    transition: opacity 2s;
    -o-transition: opacity 2s;
    -ms-transition: opacity 2s;
    -moz-transition: opacity 2s;
    -webkit-transition: opacity 2s
}

.product-page2 .content.fadein.visible .container {
    opacity: 1
}

#first .block.content img,
.landingpage .block.content img,
.layout-dbl.content img {
    display: block;
    max-width: 100%
}

#first .block.content small,
.landingpage .block.content small,
.layout-dbl.content small {
    display: block;
    font-size: 10px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding-top: 20px
}

#first .block.content h3,
.landingpage .block.content h3,
.layout-dbl.content h3 {
    font-size: 36px;
    line-height: 44px;
    font-weight: 500;
    margin: 6px 0
}

#first .block.content p,
.landingpage .block.content p,
.layout-dbl.content p {
    font-size: 18px;
    line-height: 28px;
    color: #8e929b;
    font-weight: 300;
    margin: 20px 0 20px
}

#first .block.content h3 em:before,
.landingpage .block.content h3 em:before,
.underlined-content em:before {
    bottom: 5px;
    border-bottom: 3px solid transparent
}

#first #mainBanner {
    padding-bottom: 66px;
    padding-top: 150px
}

#first #mainBanner .mainBanner-left {
    position: relative
}

#first #mainBanner .img {
    padding: 20px 0 20px
}

@media only screen and (max-width:1310px) {
    #first #mainBanner .img img {
        width: 100%
    }
}

@media only screen and (max-width:991px) {
    #first #mainBanner .img img {
        display: none
    }
}

#first #mainBanner .titles {
    font-size: 10px;
    text-align: left
}

#first #mainBanner h1 {
    font-size: 5em
}

#first #mainBanner h1 em.empty:before {
    display: none
}

#first #mainBanner h1 em.empty:after {
    right: 0 !important
}

#first #mainBanner h1 em.typing:after {
    position: absolute;
    content: '|';
    right: -.15em;
    font-size: 1.2em;
    font-weight: 300;
    animation: 1s blinker step-end infinite;
    -moz-animation: 1s blinker step-end infinite;
    -webkit-animation: 1s blinker step-end infinite;
    -ms-animation: 1s blinker step-end infinite
}

#first #mainBanner h2 {
    font-size: 2.2em;
    line-height: 1.46em
}

#first #mainBanner .signupBox-arrow {
    position: absolute;
    left: -36px;
    bottom: 76px
}

#first #mainBanner .signupBox {
    position: relative;
    margin-bottom: 30px;
    width: 440px;
    max-width: 100%
}

#first #mainBanner .signupBox input {
    padding: 5px 207px 5px 15px;
    height: 46px;
    font-size: 16px;
    line-height: 34px;
    width: 99%;
    color: rgba(0, 0, 0, .75);
    border-radius: 6px;
    font-weight: 400;
    border: 1px solid rgba(0, 0, 0, .25);
    outline: 0
}

#first #mainBanner .signupBox input::-webkit-input-placeholder {
    font-weight: 400;
    opacity: .5;
    font-style: italic
}

#first #mainBanner .signupBox input::-moz-placeholder {
    font-weight: 400;
    opacity: .5;
    font-style: italic
}

#first #mainBanner .signupBox .btn {
    width: 192px;
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    border-radius: 5px;
    font-size: 1.14em;
    padding: 11px 10px 12px;
    letter-spacing: .05em
}

#first #mainBanner small {
    display: block;
    font-size: 11px;
    color: #8e929b;
    font-weight: 300;
    text-transform: uppercase;
    margin-top: 17px
}

#first #mainBanner .type-animation {
    height: 0;
    width: 1px
}

#first #mainBanner .company-logos+div {
    margin-top: 10px;
    text-transform: uppercase;
    color: rgba(45, 50, 55, .5)
}

#first #mainBanner .company-logos+div .underline {
    text-decoration: underline;
    color: rgba(45, 50, 55, .5)
}

@media only screen and (max-width:1245px) {
    #first #mainBanner .signupBox-arrow {
        display: none
    }
}

@media only screen and (max-width:991px) {
    #first #mainBanner .type-animation {
        display: none
    }

    #first #mainBanner .titles {
        text-align: center
    }

    #first #mainBanner .signupBox {
        margin: 20px auto 30px
    }
}

#first #block1 small {
    color: #1d9ad6
}

#first #block1 h3 em:before {
    border-color: #1d9ad6
}

#first #block1 .left {
    padding-top: 8px
}

#first #block1 .right {
    padding-top: 12px;
    padding-left: 55px;
    padding-bottom: 16px
}

#first #block2 small {
    color: #a39bae
}

#first #block2 h3 em:before {
    border-color: #a39bae
}

#first #block2 .left {
    padding-top: 48px;
    padding-bottom: 37px
}

#first #block2 .left .img {
    padding-left: 78px
}

#first #block2 .right {
    padding-top: 32px
}

#first #block3 small {
    color: #2bb673
}

#first #block3 h3 em:before {
    border-color: #2bb673
}

#first #block3 .left {
    padding-top: 66px
}

#first #block3 .right {
    padding-top: 24px;
    padding-bottom: 62px
}

#first #block4 small {
    color: #f76868
}

#first #block4 h3 em:before {
    border-color: #f76868
}

#first #block4 .left {
    padding-top: 29px
}

#first #block4 .left .img {
    padding-left: 52px
}

#first #block4 .right {
    padding-top: 28px
}

#first #block5 small {
    color: #8e929b
}

#first #block5 h3 em:before {
    border-color: #8e929b
}

#first #block5 .left {
    padding-top: 48px
}

#first #block5 .right {
    padding-top: 47px;
    padding-bottom: 40px
}

#first #block5 .right .img {
    margin-left: -10px
}

#first #block6 small {
    color: #ffac36
}

#first #block6 h3 em:before {
    border-color: #ffac36
}

#first #block6 .left {
    padding-top: 38px;
    padding-bottom: 35px
}

#first #block6 .left .img {
    padding-left: 45px
}

#first #block6 .right {
    padding-top: 70px
}

#first #block7 {
    background-color: #f2f4f6
}

#first #block7 a {
    position: relative;
    background-color: #fff;
    width: 95%;
    font-size: 20px;
    color: #000;
    padding-bottom: 25px;
    padding-top: 25px;
    border: 1px solid #e3e4e6;
    text-transform: none
}

#first #block7 a .icon-company2 {
    color: #3cbc7f;
    font-size: 40px
}

#first #block7 a .icon-manage-users {
    color: #1d9ad6;
    font-size: 40px
}

#first #block7 a strong {
    position: relative;
    top: -6px;
    padding-left: 15px
}

#first #block7 a:hover {
    -moz-box-shadow: 6px 9px 19px -2px rgba(142, 146, 155, .1);
    -webkit-box-shadow: 6px 9px 19px -2px rgba(142, 146, 155, .1);
    box-shadow: 6px 9px 19px -2px rgba(142, 146, 155, .1)
}

#first #block7 p {
    padding-bottom: 25px;
    padding-left: 30px;
    padding-right: 30px;
    text-align: center
}

#first #block7 h3 {
    text-align: center
}

#first #block7 .buttons {
    text-align: center
}

#first #featured-templates .template-ct .template-inner .sources {
    display: none
}

@media only screen and (max-width:480px) {
    #first #mainBanner .signupBox {
        width: 100%
    }

    #first #mainBanner .signupBox input {
        padding-right: 15px
    }

    #first #mainBanner .signupBox .btn {
        position: static;
        margin-top: 10px
    }
}

#simple-review.content .left h2 {
    font-size: 30px;
    line-height: 36px;
    margin: 10px 0 22px
}

#simple-review.content .left .stars {
    padding-bottom: 35px
}

#simple-review.content .right {
    text-align: left
}

#simple-review.content .right a.more {
    text-decoration: underline;
    font-size: 16px;
    display: inline-block;
    margin-top: 5px;
    margin-left: 20px
}

#simple-review.content .right p {
    font-size: 18px;
    line-height: 24px;
    margin: 12px 0 12px 20px;
    color: #8e929b
}

#product-cta-2 {
    background-color: #f3f4f5
}

#product-cta-2.content h3 {
    font-size: 36px;
    line-height: 44px;
    font-weight: 500;
    margin: 6px 0
}

#product-cta-2.content p {
    font-size: 18px;
    line-height: 28px;
    color: #8e929b;
    font-weight: 300;
    margin: 20px 0 20px
}

#product-cta-2 #cta-buttons {
    margin: 0 0 10px
}

#reviews-all {
    background-color: #f2f4f6
}

#reviews-all h4 {
    font-size: 28px;
    font-weight: 300;
    margin-bottom: 32px
}

#reviews-all .right.company {
    padding-top: 25px;
    padding-bottom: 9px
}

@media only screen and (max-width:1199px) {
    #reviews-all .right.company h3 {
        margin-top: 49px
    }
}

@media only screen and (max-width:991px) {
    #reviews-all .right.company h3 {
        margin-top: 6px
    }
}

#reviews-all .slick-slide img {
    max-width: 100%
}

@keyframes fade-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

#dbx-footer {
    margin-top: 60px
}

#dbx-footer .dbx-container {
    position: relative;
    display: flex;
    gap: 150px;
    flex-direction: column;
    overflow: hidden !important;
    background: url(https://cdn1.visoflow.com/website/images/footer-light-fade.jpg) no-repeat center bottom, #161023;
    color: #8e929b;
    border-radius: 84px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

#dbx-footer .dbx-container .polygons {
    background: url(https://cdn1.visoflow.com/website/images/footer-polygons.svg) top center no-repeat;
    background-size: contain;
    width: 130%;
    height: 800px;
    position: absolute;
    margin-left: -200px;
    margin-top: 60px
}

@media screen and (max-width:1000px) {
    #dbx-footer .dbx-container .polygons {
        margin-left: -160px
    }
}

@media screen and (max-width:768px) {
    #dbx-footer .dbx-container .polygons {
        display: none
    }
}

@media screen and (max-width:768px) {
    #dbx-footer .dbx-container {
        gap: 60px
    }
}

#dbx-footer .mostly-hidden {
    padding-top: 64px
}

.big #dbx-footer {
    bottom: 0;
    position: absolute;
    width: 100%
}

#dbx-footer a {
    color: #fff
}

#dbx-footer .hero_cta {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 120px;
    gap: 32px;
    z-index: 1
}

#dbx-footer .hero_cta>.title {
    color: #fff;
    text-align: center;
    font-size: 54px;
    font-weight: 800;
    line-height: 62px;
    max-width: 60%
}

@media screen and (max-width:768px) {
    #dbx-footer .hero_cta>.title {
        font-size: 32px;
        line-height: 42px
    }
}

@media screen and (max-width:1200px) {
    #dbx-footer .hero_cta>.title {
        max-width: 85%
    }
}

#dbx-footer .hero_cta>.buttons {
    display: flex;
    gap: 16px
}

#dbx-footer .hero_cta>.buttons .dbx-btn--white-outline {
    color: #fff
}

#dbx-footer .hero_cta>.buttons .dbx-btn--white-outline:hover {
    color: #161023
}

#dbx-footer .hero_cta>.buttons .dbx-btn--white-solid {
    color: #fff;
    background-color: rgba(255, 255, 255, .1)
}

#dbx-footer .hero_cta>.buttons .dbx-btn--white-solid:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, .3)
}

@media screen and (max-width:480px) {
    #dbx-footer .hero_cta>.buttons {
        flex-direction: column;
        width: 100%
    }
}

@media screen and (max-width:768px) {
    #dbx-footer .hero_cta {
        padding-top: 80px
    }
}

#dbx-footer .footer-content {
    display: flex;
    justify-content: space-between;
    gap: 60px;
    z-index: 1
}

#dbx-footer .footer-content .blog-posts {
    flex-basis: 35%
}

#dbx-footer .footer-content ul.blog-latest li a,
#dbx-footer .footer-content ul.blog-popular li a {
    color: #fff;
    font-size: 16px
}

#dbx-footer .footer-content ul.blog-latest li {
    margin-top: 15px;
    padding-top: 15px
}

#dbx-footer .footer-content ul.blog-latest li:first-child {
    margin: 0;
    padding: 0
}

#dbx-footer .footer-content p.title {
    margin: 0 0 15px
}

#dbx-footer .footer-content ul {
    list-style: none;
    padding: 0
}

#dbx-footer .footer-content ul li {
    margin-top: 5px
}

#dbx-footer .footer-content ul li.jobs {
    margin-left: -4px
}

#dbx-footer .footer-content ul li.jobs a {
    color: #fff;
    text-decoration: none
}

#dbx-footer .footer-content ul li.jobs a .lbl {
    margin-left: -5px
}

#dbx-footer .footer-content ul li.jobs a .lbl:hover {
    text-decoration: underline
}

#dbx-footer .footer-content ul li.jobs a .icon::before {
    font-size: 24px;
    color: #1d9ad6
}

#dbx-footer .footer-content .links {
    display: flex;
    justify-content: space-between;
    gap: 60px;
    flex-shrink: 0.5
}

@media screen and (max-width:1200px) {
    #dbx-footer .footer-content .links {
        flex-wrap: wrap;
        flex-shrink: 1;
        gap: 32px 0
    }

    #dbx-footer .footer-content .links>div {
        flex-basis: 50%
    }
}

@media screen and (max-width:480px) {
    #dbx-footer .footer-content .links {
        gap: 32px
    }
}

@media screen and (max-width:860px) {
    #dbx-footer .footer-content {
        flex-direction: column
    }
}

#dbx-footer .copyrights {
    display: flex;
    flex-direction: column;
    font-size: 12px;
    margin-bottom: 18px;
    z-index: 1;
    gap: 60px
}

#dbx-footer .copyrights .actions {
    display: flex;
    justify-content: space-between;
    align-items: center
}

#dbx-footer .copyrights .actions .apps>a {
    text-decoration: none
}

#dbx-footer .copyrights .actions .text {
    color: #fff;
    text-align: center;
    font-size: 24px;
    font-weight: 300
}

#dbx-footer .copyrights .actions .social .icon {
    font-size: 30px
}

#dbx-footer .copyrights .actions .pledge {
    width: 50px;
    height: 45px
}

@media screen and (max-width:1200px) {
    #dbx-footer .copyrights .actions {
        flex-direction: column;
        gap: 56px
    }
}

#dbx-footer .copyrights .copy {
    align-self: center;
    color: rgba(255, 255, 255, .4);
    display: flex;
    flex-direction: column;
    flex-flow: column-reverse;
    gap: 10px
}

#dbx-footer .copyrights .copy a {
    color: rgba(255, 255, 255, .4)
}

#dbx-footer .copyrights .copy a::before {
    padding-right: 10px;
    content: "|"
}

#dbx-footer .copyrights .copy a:first-of-type::before {
    display: none
}

#dbx-footer .copyrights .copy a:first-of-type {
    padding-right: 10px
}

#dbx-footer .copyrights .copy .privacy-and-terms {
    align-self: center
}

@media screen and (min-width:768px) {
    #dbx-footer .copyrights .copy {
        flex-direction: row
    }
}

@keyframes fade-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fade-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.important-benchmarks-block {
    padding: 100px 0 80px;
    text-align: center
}

.important-benchmarks-block .container.narrow {
    padding-left: 15px;
    padding-right: 15px
}

.important-benchmarks-block .important-top-block h2,
.important-benchmarks-block .important-top-block h3 {
    font-size: 36px;
    line-height: 42px;
    font-weight: 500;
    color: #2d3237;
    margin: 0 0 24px
}

.important-benchmarks-block .important-top-block p {
    font-size: 18px;
    line-height: 26px;
    color: #8e929b;
    max-width: 996px;
    margin: auto
}

.important-benchmarks-block .metric-container:not(:last-child) {
    border-bottom: 1px solid #d7e2ec
}

.important-benchmarks-block .metric-block {
    text-align: left;
    margin: 80px 0 60px;
    padding: 24px 16px
}

.important-benchmarks-block .metric-block .row {
    display: flex;
    min-height: 270px;
    align-items: center
}

.important-benchmarks-block .metric-block .left {
    position: relative
}

.important-benchmarks-block .metric-block .left .metric-image {
    background: url("../img/benchmarks/small-screen.png") no-repeat center;
    background-size: 100% 100%;
    width: 95%;
    max-width: 450px;
    min-height: 320px;
    padding: 40px 24px 27px;
    display: flex;
    align-items: center;
    box-shadow: 0 0 75px rgba(0, 0, 0, .07);
    position: relative;
    top: -10px;
    z-index: 2
}

.important-benchmarks-block .metric-block .left .metric-image img {
    max-width: 100%;
    width: 100%
}

.important-benchmarks-block .metric-block .left .metric-image object {
    max-width: inherit;
    position: absolute;
    top: 0;
    left: 0;
    width: 90%;
    height: 100%;
    right: 0;
    margin: auto;
    padding: 32px 0
}

.important-benchmarks-block .metric-block .right {
    padding: 0
}

.important-benchmarks-block .metric-block .right h2,
.important-benchmarks-block .metric-block .right h3 {
    font-size: 30px;
    font-style: normal;
    line-height: 38px;
    letter-spacing: .5px;
    margin: 0 0 16px;
    color: #2d3237;
    font-weight: 500
}

.important-benchmarks-block .metric-block .right h2 a,
.important-benchmarks-block .metric-block .right h3 a {
    color: #2d3237
}

.important-benchmarks-block .metric-block .right h2 a:hover,
.important-benchmarks-block .metric-block .right h3 a:hover {
    color: #515aa7
}

.important-benchmarks-block .metric-block .right p {
    font-size: 16px;
    line-height: 26px;
    color: #7e7e8e;
    margin: 0 0 40px;
    font-weight: 400
}

.important-benchmarks-block .metric-block .right ul {
    list-style: none;
    padding: 0;
    margin: 0 0 30px
}

.important-benchmarks-block .metric-block .right ul li {
    font-size: 16px;
    line-height: 26px;
    color: #7e7e8e;
    margin: 0 0 10px;
    position: relative;
    padding-left: 30px;
    font-weight: 400
}

.important-benchmarks-block .metric-block .right ul li::before {
    content: "\e002";
    display: inline-block;
    font-family: Icons;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    position: absolute;
    left: 0;
    top: 5px;
    text-transform: none;
    vertical-align: middle;
    color: #2ab674;
    font-size: 13px;
    margin-right: 16px
}

.important-benchmarks-block .metric-block .right .btn.btn-green {
    text-transform: none;
    font-size: 16px;
    background: #515aa7;
    border: 2px solid #515aa7;
    font-weight: 500
}

.important-benchmarks-block .metric-block .right .btn.btn-green:hover {
    background: #3a4077;
    border: 2px solid #3a4077
}

.important-benchmarks-block .metric-block.opposite .left {
    order: 2
}

.important-benchmarks-block .metric-block.opposite .left .metric-image {
    margin-left: auto
}

.important-benchmarks-block .metric-block.opposite .right {
    order: 1;
    padding-left: 15px;
    padding-right: 0
}

.important-benchmarks-block .button-block {
    width: 100%;
    clear: both;
    padding-top: 24px
}

.important-benchmarks-block .button-block .btn {
    display: inline-block;
    text-transform: none
}

.important-benchmarks-block .button-block .btn.dark {
    border: 1px solid #515aa7;
    background-color: #515aa7;
    color: #fff;
    font-size: 16px
}

.important-benchmarks-block .button-block .btn.dark:hover {
    color: #515aa7;
    background: 0 0
}

@media screen and (max-width:991px) {
    .important-benchmarks-block .container.narrow {
        padding: 0 20px
    }

    .important-benchmarks-block .button-block {
        text-align: center
    }

    .important-benchmarks-block .metric-block {
        margin-left: 0
    }

    .important-benchmarks-block .metric-block .row {
        display: block
    }

    .important-benchmarks-block .metric-block .left {
        padding: 0
    }

    .important-benchmarks-block .metric-block .left .metric-image {
        top: -50px;
        left: 0;
        right: 0;
        min-height: 250px;
        margin: auto;
        width: 100%;
        max-width: 350px
    }

    .important-benchmarks-block .metric-block.opposite {
        margin-right: 0
    }

    .important-benchmarks-block .metric-block.opposite .left .metric-image {
        top: -50px;
        left: 0;
        right: 0;
        min-height: 250px;
        margin: auto;
        width: 100%;
        max-width: 350px
    }
}

#important-benchmarks {
    background-color: #fafafa
}

#important-benchmarks .header {
    padding: 172px 0 200px;
    text-align: left;
    position: relative;
    background-image: linear-gradient(255.48deg, #f7eaff .92%, #ecffee 33.68%, #d6e5f3 69.03%, #e2ebf1 100.75%);
    background-image: -o-linear-gradient(255.48deg, #f7eaff .92%, #ecffee 33.68%, #d6e5f3 69.03%, #e2ebf1 100.75%);
    background-image: -ms-linear-gradient(255.48deg, #f7eaff .92%, #ecffee 33.68%, #d6e5f3 69.03%, #e2ebf1 100.75%);
    background-image: -moz-linear-gradient(255.48deg, #f7eaff .92%, #ecffee 33.68%, #d6e5f3 69.03%, #e2ebf1 100.75%);
    background-image: -webkit-linear-gradient(255.48deg, #f7eaff .92%, #ecffee 33.68%, #d6e5f3 69.03%, #e2ebf1 100.75%)
}

#important-benchmarks .header .container {
    position: relative;
    z-index: 2
}

#important-benchmarks .header img.img-responsive {
    display: block;
    margin: auto;
    width: auto
}

#important-benchmarks .header h1 {
    font-weight: 800;
    font-size: 50px;
    line-height: 58px;
    margin: 0 auto 24px;
    display: block;
    color: #2d3237
}

#important-benchmarks .header p {
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    margin: 0 0 40px;
    color: #2d3237
}

#important-benchmarks .header p strong {
    font-weight: 700;
    text-decoration: underline;
    text-decoration-skip-ink: none;
    text-decoration-color: #48b9e5;
    -webkit-text-decoration-color: #48b9e5
}

#important-benchmarks .header .btn {
    text-transform: none;
    background-color: #515aa7;
    font-size: 18px;
    font-weight: 500;
    border: 2px solid #515aa7
}

#important-benchmarks .header .btn:hover {
    background: #3a4077;
    border: 2px solid #3a4077
}

#important-benchmarks .header .mobile-buttons {
    display: none
}

#important-benchmarks .header .bottom-shape-image {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 300px;
    z-index: 1;
    background-size: 100%
}

#important-benchmarks .header .bottom-shape-image img {
    height: 100%;
    width: 100%;
    max-width: 100%
}

@media screen and (max-width:1300px) and (min-width:1100px) {
    #important-benchmarks .header {
        padding-top: 100px
    }
}

@media screen and (max-width:768px) {
    #important-benchmarks .header {
        padding-top: 90px
    }

    #important-benchmarks .header h1 {
        font-size: 45px;
        line-height: 53px
    }

    #important-benchmarks .header .bottom-shape-image {
        height: 200px
    }
}

#important-benchmarks #product-any-data-build {
    background: 0 0;
    padding: 80px 0 0
}

#important-benchmarks #product-any-data-build .container.narrow {
    padding: 0 90px
}

#important-benchmarks #product-any-data-build .container.narrow .left .img img {
    margin: auto
}

#important-benchmarks #product-any-data-build .container.narrow .right .box h2,
#important-benchmarks #product-any-data-build .container.narrow .right .box h3 {
    font-weight: 500;
    margin: 0 0 11px
}

#important-benchmarks #product-any-data-build .container.narrow .right .box h2 strong,
#important-benchmarks #product-any-data-build .container.narrow .right .box h3 strong {
    font-weight: 500;
    text-decoration: underline;
    text-decoration-skip-ink: none;
    text-decoration-color: #515aa7;
    -webkit-text-decoration-color: #515aa7
}

#important-benchmarks #product-any-data-build .container.narrow .right .box p {
    font-size: 18px;
    line-height: 26px;
    font-weight: 400
}

#important-benchmarks #product-any-data-build .container.narrow .right .box p strong {
    font-weight: 700
}

#important-benchmarks #data-sources {
    padding: 96px 0 56px;
    background-image: linear-gradient(270deg, rgba(248, 234, 255, .35) 0, rgba(240, 249, 244, .4) 100%);
    background-image: -o-linear-gradient(270deg, rgba(248, 234, 255, .35) 0, rgba(240, 249, 244, .4) 100%);
    background-image: -ms-linear-gradient(270deg, rgba(248, 234, 255, .35) 0, rgba(240, 249, 244, .4) 100%);
    background-image: -moz-linear-gradient(270deg, rgba(248, 234, 255, .35) 0, rgba(240, 249, 244, .4) 100%);
    background-image: -webkit-linear-gradient(270deg, rgba(248, 234, 255, .35) 0, rgba(240, 249, 244, .4) 100%)
}

#important-benchmarks #data-sources h2,
#important-benchmarks #data-sources h3 {
    text-align: center;
    margin: 0 0 64px;
    font-size: 36px;
    line-height: 44px;
    font-weight: 500
}

#important-benchmarks #data-sources .col {
    padding: 40px;
    background-color: #fff;
    border-radius: 10px;
    -moz-box-shadow: 0 10px 55px rgba(37, 37, 37, .15);
    -webkit-box-shadow: 0 10px 55px rgba(37, 37, 37, .15);
    box-shadow: 0 10px 55px rgba(37, 37, 37, .15);
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px
}

#important-benchmarks #data-sources .col .image-box {
    width: 100%;
    max-width: 400px
}

#important-benchmarks #data-sources .col .content-box {
    padding-left: 48px;
    text-align: left
}

#important-benchmarks #data-sources .col .content-box h2,
#important-benchmarks #data-sources .col .content-box h3 {
    font-size: 32px;
    line-height: 40px;
    margin: 0 0 24px;
    text-align: left;
    font-weight: 500;
    letter-spacing: 0
}

#important-benchmarks #data-sources .col .content-box p {
    font-weight: 400;
    color: #8e929b;
    margin-bottom: 40px
}

#important-benchmarks #data-sources .col .content-box .btn {
    float: right;
    text-transform: none
}

#important-benchmarks #data-sources .col .content-box .btn.dark {
    border: 1px solid #515aa7;
    color: #515aa7;
    background: 0 0;
    font-size: 16px
}

#important-benchmarks #data-sources .col .content-box .btn.dark:hover {
    background-color: #515aa7;
    color: #fff
}

@media screen and (max-width:991px) {
    #important-benchmarks #data-sources .col {
        flex-direction: column
    }

    #important-benchmarks #data-sources .col .content-box {
        padding: 40px 0 0
    }
}

#important-benchmarks #product-faq {
    padding: 110px 0 90px
}

#important-benchmarks #product-faq h2 {
    font-size: 40px;
    line-height: 48px;
    letter-spacing: .5px;
    font-weight: 500;
    margin: 0 0 56px
}

#important-benchmarks #product-faq .col-sm-6 {
    width: 100%
}

#important-benchmarks #product-faq .col-sm-6 .collapsible-group {
    max-width: 792px;
    margin: 0 auto 24px
}

#important-benchmarks #product-faq .col-sm-6 .collapsible-group .collapsible {
    border: 1px solid #e1e1e5;
    border-radius: 15px;
    padding: 24px;
    margin-bottom: 24px
}

#important-benchmarks #product-faq .col-sm-6 .collapsible-group .collapsible .collapsible__header {
    color: #7e7e8e
}

#important-benchmarks #product-faq .col-sm-6 .collapsible-group .collapsible .collapsible__header p {
    margin: 0
}

#important-benchmarks #product-faq .col-sm-6 .collapsible-group .collapsible .collapsible__content {
    margin-bottom: 0;
    color: #7e7e8e
}

#important-benchmarks #ready-to-start {
    text-align: center;
    padding-bottom: 96px
}

#important-benchmarks #ready-to-start .container {
    padding: 68px 0 68px
}

#important-benchmarks #ready-to-start .container h2 {
    margin: 0 auto 24px;
    max-width: 540px;
    font-size: 36px;
    line-height: 44px;
    font-weight: 500;
    color: #2d3237
}

#important-benchmarks #ready-to-start .container p {
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
    color: #8e929b;
    margin: 0 auto 40px;
    max-width: 820px
}

#important-benchmarks #ready-to-start .container .btn.btn-green {
    text-transform: none;
    font-size: 16px;
    background: #515aa7;
    border: 2px solid #515aa7;
    font-weight: 500
}

#important-benchmarks #ready-to-start .container .btn.btn-green:hover {
    background: #3a4077;
    border: 2px solid #3a4077
}

@media screen and (max-width:992px) {
    #important-benchmarks #ready-to-start .container {
        background-size: 100% 100% !important;
        padding-left: 30px;
        padding-right: 30px
    }
}

@media screen and (max-width:768px) {
    #important-benchmarks #ready-to-start .container {
        background-size: 100% 100% !important;
        margin: 0 15px;
        padding-left: 30px;
        padding-right: 30px
    }
}

#important-benchmarks .product-datas {
    text-align: left;
    margin-bottom: 0;
    padding: 0;
    background-image: linear-gradient(100.74deg, #f5f5f5 14.4%, rgba(242, 244, 246, .46) 84.17%);
    background-image: -o-linear-gradient(100.74deg, #f5f5f5 14.4%, rgba(242, 244, 246, .46) 84.17%);
    background-image: -ms-linear-gradient(100.74deg, #f5f5f5 14.4%, rgba(242, 244, 246, .46) 84.17%);
    background-image: -moz-linear-gradient(100.74deg, #f5f5f5 14.4%, rgba(242, 244, 246, .46) 84.17%);
    background-image: -webkit-linear-gradient(100.74deg, #f5f5f5 14.4%, rgba(242, 244, 246, .46) 84.17%)
}

#important-benchmarks .product-datas .product-datas-inner {
    padding: 120px 0;
    width: 100%;
    background: url("../img/benchmarks/shapes.png") no-repeat center right 20%;
    background-size: auto 525px
}

@media screen and (max-width:768px) {
    #important-benchmarks .product-datas .product-datas-inner {
        padding: 80px 20px
    }

    #important-benchmarks .product-datas .product-datas-inner .container.narrow {
        width: 100%
    }
}

@media screen and (max-width:991px) {
    #important-benchmarks .product-datas.content.layout-dbl .img img {
        max-width: 100%
    }
}

#important-benchmarks .product-datas:last-of-type .product-datas-inner {
    background: url("../img/benchmarks/shapes_two.png") no-repeat center right 20%
}

#important-benchmarks .product-datas .container.narrow {
    padding-left: 0;
    padding-right: 0
}

#important-benchmarks .product-datas .container.narrow h1,
#important-benchmarks .product-datas .container.narrow h2,
#important-benchmarks .product-datas .container.narrow h3 {
    font-size: 36px;
    line-height: 42px;
    color: #2d3237;
    letter-spacing: .5px;
    font-weight: 700;
    margin: 0 0 24px
}

#important-benchmarks .product-datas .container.narrow h1 span,
#important-benchmarks .product-datas .container.narrow h2 span,
#important-benchmarks .product-datas .container.narrow h3 span {
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
    display: block;
    margin-bottom: 10px
}

#important-benchmarks .product-datas .container.narrow p {
    font-size: 18px;
    line-height: 28px;
    color: #7e7e8e;
    margin: 0 0 40px
}

#important-benchmarks .product-datas .container.narrow .btn.btn-blue-outline {
    text-transform: none;
    font-size: 16px;
    background: #515aa7;
    border: 2px solid #515aa7;
    font-weight: 500;
    color: #fff
}

#important-benchmarks .product-datas .container.narrow .btn.btn-blue-outline:hover {
    background: #3a4077;
    border: 2px solid #3a4077
}

@keyframes fade-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

#integrations h3 {
    font-size: 30px;
    margin: 50px 0;
    text-align: center
}

#integrations #integrations-list {
    margin: 0;
    width: 100%
}

#integrations #integrations-list-ct {
    margin: 60px 0
}

#integrations #integrations-flow {
    text-align: center;
    padding-bottom: 60px
}

#integrations #integrations-flow .step {
    position: relative;
    padding-top: 18px
}

#integrations #integrations-flow .step:before {
    content: "";
    position: absolute;
    background-image: url(../img/product/blue-arrow.png);
    background-size: auto 100%;
    background-repeat: no-repeat;
    width: 36px;
    height: 22px;
    top: 90px;
    left: -14px
}

#integrations #integrations-flow .step:first-child:before {
    display: none
}

#integrations #integrations-flow .step p {
    line-height: 1.5;
    margin: 55px 0 5px
}

#integrations #integrations-flow .step strong {
    display: block;
    font-size: 20px;
    line-height: 30px
}

#integrations #integrations-flow .step span {
    display: block;
    color: #8e929b;
    font-size: 16px
}

#integrations #integrations-flow .step img {
    height: 128px
}

#integrations #developers {
    text-align: left;
    line-height: 24px;
    color: #252525;
    padding-top: 90px
}

#integrations #developers h2 {
    margin-top: 28px;
    font-size: 21px
}

#integrations #developers p {
    padding: 5px;
    font-size: 16px;
    color: #8e929b
}

#integrations #developers p a {
    color: inherit;
    text-decoration: underline
}

#integrations #developers span.icon {
    margin-left: -6px;
    position: relative;
    font-size: 62px;
    color: #bdc0c5
}

#integrations #developers span.icon:after {
    position: absolute;
    right: -3px;
    bottom: -3px;
    content: "new";
    width: 23px;
    height: 23px;
    border-radius: 100%;
    color: #fff;
    background-color: #2bb673;
    text-align: center;
    font-size: 8px;
    line-height: 23px
}

#integrations #developers a.btn {
    line-height: 1.8;
    padding-left: 26px;
    padding-right: 26px;
    margin: 40px 5px 12px
}

@media only screen and (max-width:1340px) {
    #integrations .integrations-list li {
        width: 100%;
        max-width: 50%
    }

    #integrations .integrations-list li .hover-overlay {
        font-size: 14px
    }
}

@media only screen and (max-width:1145px) {
    #integrations .header h1 {
        font-size: 45px
    }

    #integrations #integrations-filter {
        width: 200px
    }

    #integrations .integrations-section-title:after {
        margin-right: 12px
    }

    #integrations .integrations-list li {
        width: 50%
    }

    #integrations #integrations-flow {
        padding-bottom: 20px
    }

    #integrations #integrations-flow .step {
        margin-bottom: 100px;
        float: left;
        width: 100%
    }

    #integrations #integrations-flow .step:before {
        transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        top: -45px;
        left: 50%
    }

    #integrations #integrations-flow .step>div {
        float: left;
        width: 30%;
        text-align: center
    }

    #integrations #integrations-flow .step img {
        max-width: 100%;
        height: auto
    }

    #integrations #integrations-flow .step p {
        float: left;
        width: 70%;
        padding-left: 20px;
        margin-top: 35px;
        margin-bottom: 0
    }
}

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

    #integrations #integrations-empty,
    #integrations #integrations-filter,
    #integrations #integrations-list {
        float: none;
        width: auto
    }

    #integrations .integrations-section-title:after {
        margin-right: 6px
    }

    #integrations #integrations-filter {
        margin-bottom: 15px
    }

    #integrations #integrations-filter span.checkbox {
        display: inline-block;
        width: 30%
    }

    #integrations #integrations-list {
        padding: 0;
        margin: 0 -7px
    }

    #integrations #developers>div img {
        display: block;
        margin: 0 auto;
        margin-bottom: 50px
    }
}

@media only screen and (max-width:600px) {
    #integrations #integrations-filter span.checkbox {
        width: 48%
    }

    #integrations .integrations-list li {
        width: 50%;
        max-width: 50%
    }
}

@media only screen and (max-width:480px) {
    #integrations .header h1 {
        font-size: 35px
    }

    #integrations #integrations-filter {
        display: none
    }

    #integrations .integrations-list li {
        width: 100%;
        max-width: 100%
    }

    #integrations #integrations-flow .step p {
        margin-top: 15px
    }

    #integrations #integrations-flow .step:before {
        top: -55px
    }

    #integrations #integrations-flow .step:last-child {
        margin-bottom: 35px
    }

    #integrations #integrations-flow .step:last-child img {
        margin-top: 10px
    }

    #integrations #developers img {
        width: 100%;
        margin-bottom: 50px
    }

    #integrations #developers a.btn {
        width: 100%;
        margin-bottom: 50px
    }
}

#integrations .integrations-header.dbx-hero-header {
    padding-bottom: 100px
}

#integrations #integrations-cards {
    display: flex;
    gap: 32px;
    margin-top: -120px;
    flex-wrap: wrap
}

#integrations #integrations-cards>.card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: #fff;
    box-shadow: 0 3px 10px rgba(0, 0, 0, .1);
    padding: 16px;
    border-radius: 16px;
    min-height: 170px;
    flex: 1
}

@media only screen and (max-width:1200px) {
    #integrations #integrations-cards>.card {
        flex: 45%
    }
}

#integrations #integrations-cards>.card .card__container {
    display: flex;
    flex-direction: column;
    gap: 16px
}

#integrations #integrations-cards>.card .card__container-icon-title {
    display: flex;
    height: 40px;
    align-items: center;
    gap: 8px
}

#integrations #integrations-cards>.card .card__container-icon-title>.icon {
    border-radius: 100%;
    background-color: rgba(134, 75, 212, .1);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #7448de;
    font-size: 20px;
    height: 40px;
    width: 40px
}

#integrations #integrations-cards>.card .card__container-icon-title>.title {
    color: #000;
    font-size: 18px;
    font-weight: 600;
    line-height: 27px
}

#integrations #integrations-cards>.card .card__container-text {
    color: rgba(8, 21, 35, .6);
    font-size: 14px;
    line-height: 18px
}

#integrations #integrations-cards>.card .card__action .dbx-arrow-btn {
    padding: 0 38px 0 0;
    font-size: 14px
}

@media only screen and (max-width:1200px) {
    #integrations .integrations-header.dbx-hero-header {
        padding-bottom: 300px
    }

    #integrations #integrations-cards {
        margin-top: -320px
    }
}

@media only screen and (max-width:768px) {
    #integrations .integrations-header.dbx-hero-header {
        padding-bottom: 600px
    }

    #integrations #integrations-cards {
        margin-top: -680px;
        flex-direction: column;
        gap: 16px
    }
}

#integration-request .iframe-wrapper {
    height: 60vh
}

#integration-request .iframe-wrapper iframe {
    height: 100%
}

#integration-request .modal-dialog .modal-content .modal-body {
    padding: 30px 20px
}

#integrations-ct {
    display: flex;
    gap: 16px;
    flex-direction: row-reverse
}

@media only screen and (max-width:930px) {
    #integrations-ct {
        flex-direction: column
    }
}

.integrations-section .integrations-list {
    margin-bottom: 60px
}

.integrations-section.empty .integrations-section-title {
    display: none
}

.integrations-section.empty .integrations-list {
    margin-bottom: 0
}

.integrations-section:last-child .integrations-list {
    margin-bottom: 0
}

.integrations-section-title {
    display: flex;
    width: 100%;
    font-size: 14px;
    color: #8e929b;
    padding-left: 12px;
    padding-top: 2px;
    margin-bottom: 12px;
    font-weight: 400
}

.integrations-section-title:after {
    content: "";
    flex: 1;
    margin-right: 7px;
    border-top: 1px dashed #8e929b;
    transform: translateY(50%);
    margin-left: 20px
}

.integrations-section-title.empty:after {
    margin-left: 0
}

.integrations-list {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-bottom: 26px !important
}

.integrations-list li {
    float: left;
    width: 100%;
    max-width: 33.3%;
    padding: 12px;
    margin: 0
}

.integrations-list li a {
    display: block;
    overflow: hidden;
    position: relative;
    padding: 16px;
    border-radius: 4px;
    text-decoration: none !important;
    box-shadow: 0 0 6px rgba(0, 0, 0, .1)
}

.integrations-list li a:hover {
    text-decoration: none
}

.integrations-list li a:hover .hover-overlay {
    display: block
}

.integrations-list li a .dummy {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0
}

.integrations-list li a .name {
    display: inline-block;
    vertical-align: middle;
    font-weight: 600;
    color: #292929;
    font-size: 14px;
    line-height: 24px;
    text-decoration: none;
    margin-left: 4px
}

.integrations-list li.has-badge .name {
    max-width: calc(100% - 100px);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.integrations-list li.request {
    padding: 12px
}

.integrations-list li.request span.plus {
    color: #fff;
    width: 32px;
    height: 32px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 100%;
    background-color: #25a767;
    line-height: 32px;
    font-weight: 300;
    font-size: 32px;
    margin-right: 4px
}

.integrations-list li.request span.title {
    display: inline-block;
    vertical-align: middle;
    font-weight: 600;
    color: #25a767;
    font-size: 14px;
    line-height: 24px
}

.integrations-list li.request a {
    background: rgba(37, 167, 103, .1);
    box-shadow: none;
    text-align: center;
    white-space: nowrap
}

.integrations-list li.request a img {
    display: none
}

.integrations-list li.request:hover a {
    text-decoration: none;
    background: #25a767
}

.integrations-list li.request:hover a span.plus {
    color: #25a767;
    background: #fff
}

.integrations-list li.request:hover a span.title {
    color: #fff
}

.integrations-list li.request img {
    visibility: hidden !important
}

.integrations-list li img {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    max-width: 32px;
    height: 32px;
    border-radius: 100%
}

.integrations-list li .tt-info {
    display: none
}

.integrations-list li .hover-overlay {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    font-size: 15px;
    line-height: 16px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    padding-top: 8%;
    backdrop-filter: blur(4px);
    background: rgba(29, 154, 214, .8);
    z-index: 2
}

.integrations-list li .qb-plus,
.integrations-list li .source-badge {
    position: absolute;
    color: #fff;
    right: 16px;
    top: 50%;
    height: 18px;
    line-height: 20px;
    text-transform: uppercase;
    text-align: center;
    transform: translateY(-50%)
}

.integrations-list li .source-badge {
    text-transform: capitalize;
    padding: 0 10px;
    font-size: 11px;
    border-radius: 3px;
    height: 15px;
    line-height: 15px
}

.integrations-list li .source-badge.soon {
    background-color: #f4bb42
}

.integrations-list li .source-badge.beta {
    color: #fff;
    background: #7540ab;
    font-size: 11px;
    line-height: 15px;
    font-weight: 500;
    position: relative;
    left: 0;
    padding: 0 3px;
    display: inline-block;
    vertical-align: bottom;
    margin-left: 4px
}

.integrations-list li .qb-plus {
    background: url("../img/integrations/data-icon.svg") no-repeat center;
    padding: 0 7px;
    font-size: 11px
}

.integrations-list li.has-badge.has-qb-plus .source-badge {
    right: 36px
}

.integrations-list span.plus {
    color: #fff;
    width: 32px;
    height: 32px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 100%;
    background-color: #25a767;
    line-height: 32px;
    font-weight: 300;
    font-size: 32px;
    text-align: center
}

#integrations-filter {
    flex-shrink: 0;
    display: flex;
    align-items: flex-start
}

#integrations-filter .integrations-filter__container {
    position: sticky;
    top: 120px;
    background-color: rgba(41, 41, 41, .03);
    border-radius: 6px;
    font-size: 14px;
    line-height: 18px;
    padding: 16px 12px 0 18px;
    color: rgba(41, 41, 41, .5);
    font-family: Arial, Trebuchet, sans-serif;
    margin-top: 7px
}

#integrations-filter .integrations-filter__container .input-search {
    position: relative;
    padding-bottom: 22px;
    padding-right: 3px
}

#integrations-filter .integrations-filter__container .input-search .icon {
    position: absolute;
    top: 9px;
    left: 8px;
    font-size: 16px;
    z-index: 1;
    opacity: .5
}

#integrations-filter .integrations-filter__container .input-search input {
    position: relative;
    line-height: 33px;
    height: 35px;
    padding: 0 12px 0 28px;
    font-size: 12px;
    border: 1px solid rgba(41, 41, 41, .12);
    border-radius: 5px;
    width: 100%;
    color: #292929
}

#integrations-filter .integrations-filter__container .input-search input::-webkit-input-placeholder {
    color: rgba(41, 41, 41, .25);
    opacity: 1
}

#integrations-filter .integrations-filter__container .input-search input:-moz-placeholder {
    color: rgba(41, 41, 41, .25);
    opacity: 1
}

#integrations-filter .integrations-filter__container .input-search input::-moz-placeholder {
    color: rgba(41, 41, 41, .25);
    opacity: 1
}

#integrations-filter .integrations-filter__container .input-search input:-ms-input-placeholder {
    color: rgba(41, 41, 41, .25);
    opacity: 1
}

#integrations-filter .integrations-filter__container .input-search input:active,
#integrations-filter .integrations-filter__container .input-search input:focus {
    outline: 0;
    border-color: rgba(41, 41, 41, .25)
}

#integrations-filter .integrations-filter__container .filter {
    margin-top: 12px
}

#integrations-filter .integrations-filter__container .filter strong {
    font-weight: 400;
    color: #292929;
    padding: 5px 20px 5px 0
}

#integrations-filter .integrations-filter__container .filter>div {
    margin-top: 16px;
    padding-bottom: 8px
}

#integrations-filter .integrations-filter__container span.checkbox {
    margin-top: 0
}

@media screen and (min-width:930px) {
    #integrations-filter .integrations-filter__container {
        overflow-y: auto;
        max-height: calc(100vh - 120px - 25px)
    }
}

.empty-results {
    display: none
}

#integrations-empty ol,
#integrations-empty p {
    padding: 0 8px;
    font-size: 18px;
    line-height: 28px
}

#integrations-empty ol a,
#integrations-empty p a {
    text-decoration: underline
}

#integrations-empty ol {
    margin: 20px
}

#integrations-empty ol li {
    padding: 5px 0
}

@keyframes fade-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.page-template-page-enterprise-analyst #menu-navigation-right li.get-started,
.page-template-page-enterprise-executive #menu-navigation-right li.get-started {
    display: none
}

.landing img {
    max-width: 100%
}

.landing .whitebg {
    background-color: #fff
}

.landing .graybg {
    background-color: rgba(142, 146, 155, .08)
}

.landing .darkgraybg {
    background-color: rgba(142, 146, 155, .2)
}

.landing .request-button,
.landing .submit-button {
    width: 230px
}

.landing .header {
    min-height: 700px;
    padding: 270px 0 160px
}

.landing .header h1 {
    margin: 0 100px
}

.landing .header .request-button,
.landing .header .submit-button {
    margin-top: 70px
}

.landing .block,
.landing .kpis,
.landing .setup {
    padding: 120px 0 100px 0
}

.landing .block h2,
.landing .kpis h2,
.landing .setup h2 {
    font-size: 55px;
    font-weight: 100;
    line-height: 70px;
    margin-bottom: 40px
}

.landing .product-info {
    text-align: left
}

.landing .product-info h3 {
    margin: 0 0 60px;
    text-align: center;
    font-size: 40px;
    font-weight: 300
}

.landing .product-info h3 strong {
    font-weight: 400
}

.landing .product-info .icon {
    display: block;
    font-size: 50px;
    margin-bottom: 20px;
    margin-left: -5px
}

.landing .product-info .icon.icon-analytics {
    color: #ad6d6c
}

.landing .product-info .icon.icon-connections {
    color: #725b88
}

.landing .product-info .icon.icon-cursor {
    color: #92959e
}

.landing #awards-logos {
    padding-top: 0
}

.landing #logos-ct h3 {
    text-align: center;
    font-size: 28px;
    color: #2d3237;
    opacity: .7;
    font-weight: 300;
    padding: 10px 0 30px
}

.landing #logos-ct.with-awards h3 {
    padding-bottom: 15px
}

.landing#landing-bi .header,
.landing#landing-marketing .header {
    background-image: url(../img/landing-page/landing-one-bg.jpg)
}

.landing#landing-integrations .header,
.landing#landing-sales .header {
    background-image: url(../img/landing-page/landing-two-bg.jpg)
}

.landing#landing-ecommerce .header,
.landing#landing-enterprise .header {
    background-image: url(../img/landing-page/landing-three-bg.jpg)
}

.landing#landing-enterprise-executive .header {
    background-image: url(../img/landing-page/landing-four-bg.jpg)
}

.landing#landing-enterprise-analyst .header {
    background-image: url(../img/landing-page/landing-five-bg.jpg)
}

.landing .img-right {
    float: right
}

.landing#landing-enterprise-analyst .header,
.landing#landing-enterprise-executive .header {
    height: 500px;
    min-height: 0;
    padding: 0
}

.landing#landing-enterprise-analyst .header .request-button,
.landing#landing-enterprise-executive .header .request-button {
    margin-top: 40px
}

.landing#landing-enterprise-executive #landing-enterprise-wall {
    background-image: url(../img/landing-page/product-wall.jpg);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
    padding: 0;
    position: relative
}

.landing#landing-enterprise-executive #landing-enterprise-wall .col {
    padding: 100px 15px;
    background-image: linear-gradient(to right, rgba(245, 245, 245, 0) 0, #f5f5f5 40%, #f5f5f5);
    background-image: -o-linear-gradient(to right, rgba(245, 245, 245, 0) 0, #f5f5f5 40%, #f5f5f5);
    background-image: -ms-linear-gradient(to right, rgba(245, 245, 245, 0) 0, #f5f5f5 40%, #f5f5f5);
    background-image: -moz-linear-gradient(to right, rgba(245, 245, 245, 0) 0, #f5f5f5 40%, #f5f5f5);
    background-image: -webkit-linear-gradient(to right, rgba(245, 245, 245, 0) 0, #f5f5f5 40%, #f5f5f5)
}

.landing#landing-enterprise-executive #landing-enterprise-wall:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0
}

.landing#landing-enterprise-executive .header {
    background-position: center bottom
}

.landing#landing-enterprise-executive .header .container {
    padding-top: 170px
}

.landing#landing-enterprise-executive .product-img-ct {
    padding-top: 50px
}

.landing#landing-enterprise-executive .metrics-img-ct {
    padding-top: 50px
}

.landing#landing-enterprise-executive .speed-img-ct {
    padding-top: 30px;
    padding-bottom: 30px
}

.landing#landing-enterprise-executive #landing-enterprise-executive-features {
    background-image: linear-gradient(to bottom right, #dd858f, #99618f);
    background-image: -o-linear-gradient(to bottom right, #dd858f, #99618f);
    background-image: -ms-linear-gradient(to bottom right, #dd858f, #99618f);
    background-image: -moz-linear-gradient(to bottom right, #dd858f, #99618f);
    background-image: -webkit-linear-gradient(to bottom right, #dd858f, #99618f);
    color: #fff
}

.landing#landing-enterprise-analyst .header .container {
    padding-top: 140px
}

.landing#landing-enterprise-analyst .product-img-ct {
    padding-top: 50px
}

.landing#landing-enterprise-analyst .designer-img-ct {
    padding-top: 70px
}

.landing#landing-enterprise-analyst .reporting-img-ct {
    padding-top: 40px
}

.landing#landing-enterprise-analyst .connectors-img-ct {
    margin-right: 50px
}

.landing#landing-enterprise-analyst .features .box .icon.icon-mobile-graph {
    color: #f26522
}

.landing#landing-enterprise-analyst .features .box .icon.icon-connections {
    color: #8e929b
}

.landing#landing-enterprise-analyst .features .box .icon.icon-drag-n-drop {
    color: #7cc576
}

@media only screen and (min-width:1800px) {
    .landing#landing-enterprise-executive #landing-enterprise-wall {
        background-position: 20% center
    }

    .landing#landing-enterprise-executive #landing-enterprise-wall:before {
        width: 40%;
        background-image: linear-gradient(to right, #f5f5f5 0, #f5f5f5 35%, rgba(245, 245, 245, 0));
        background-image: -o-linear-gradient(to right, #f5f5f5 0, #f5f5f5 35%, rgba(245, 245, 245, 0));
        background-image: -ms-linear-gradient(to right, #f5f5f5 0, #f5f5f5 35%, rgba(245, 245, 245, 0));
        background-image: -moz-linear-gradient(to right, #f5f5f5 0, #f5f5f5 35%, rgba(245, 245, 245, 0));
        background-image: -webkit-linear-gradient(to right, #f5f5f5 0, #f5f5f5 35%, rgba(245, 245, 245, 0))
    }
}

@media only screen and (min-width:2500px) {
    .landing#landing-enterprise-executive #landing-enterprise-wall {
        background-position: 30% center
    }

    .landing#landing-enterprise-executive #landing-enterprise-wall:before {
        left: 8%
    }
}

@media only screen and (max-width:1200px) {
    .landing#landing-enterprise-executive #landing-enterprise-wall {
        background-position: -200px center
    }

    .landing#landing-enterprise-analyst .connectors-img-ct {
        margin-right: 0
    }
}

@media only screen and (max-width:1024px) {
    .landing#landing-enterprise-executive .metrics-img-ct {
        padding-top: 85px
    }
}

@media only screen and (max-width:991px) {
    .landing .header h1 {
        margin: 0;
        margin-top: 100px !important
    }

    .landing#landing-enterprise-analyst h1,
    .landing#landing-enterprise-executive h1 {
        margin-top: 0 !important
    }

    .landing#landing-enterprise-analyst .speed-img-ct,
    .landing#landing-enterprise-executive .speed-img-ct {
        padding-top: 0
    }

    .landing#landing-enterprise-analyst .connectors-img-ct,
    .landing#landing-enterprise-analyst .reporting-img-ct,
    .landing#landing-enterprise-executive .connectors-img-ct,
    .landing#landing-enterprise-executive .reporting-img-ct {
        padding-bottom: 30px
    }

    .landing#landing-enterprise-analyst .block,
    .landing#landing-enterprise-executive .block {
        text-align: center
    }

    .landing .img-ct {
        padding-top: 0 !important;
        float: none
    }

    .landing#landing-enterprise-executive #landing-enterprise-wall {
        padding-top: 450px;
        background-position: left top
    }

    .landing#landing-enterprise-executive #landing-enterprise-wall .container {
        margin-left: 0;
        margin-right: 0;
        width: 100%
    }

    .landing#landing-enterprise-executive #landing-enterprise-wall .col {
        background-image: linear-gradient(rgba(245, 245, 245, 0), #f5f5f5 15%, #f5f5f5);
        background-image: -o-linear-gradient(rgba(245, 245, 245, 0), #f5f5f5 15%, #f5f5f5);
        background-image: -ms-linear-gradient(rgba(245, 245, 245, 0), #f5f5f5 15%, #f5f5f5);
        background-image: -moz-linear-gradient(rgba(245, 245, 245, 0), #f5f5f5 15%, #f5f5f5);
        background-image: -webkit-linear-gradient(rgba(245, 245, 245, 0), #f5f5f5 15%, #f5f5f5);
        width: 100%
    }

    .landing#landing-enterprise-executive #landing-enterprise-wall:before {
        background-image: linear-gradient(to right, #f5f5f5, rgba(245, 245, 245, 0));
        background-image: -o-linear-gradient(to right, #f5f5f5, rgba(245, 245, 245, 0));
        background-image: -ms-linear-gradient(to right, #f5f5f5, rgba(245, 245, 245, 0));
        background-image: -moz-linear-gradient(to right, #f5f5f5, rgba(245, 245, 245, 0));
        background-image: -webkit-linear-gradient(to right, #f5f5f5, rgba(245, 245, 245, 0));
        width: 30%
    }
}

@media only screen and (max-width:767px) {
    .landing .header {
        min-height: 500px;
        padding: 50px 0
    }

    .landing .content {
        padding: 80px 0
    }

    .landing .content p {
        font-size: 18px
    }

    .landing .block img,
    .landing .kpis img,
    .landing .setup img {
        padding: 40px 0
    }

    .landing .block h2,
    .landing .kpis h2,
    .landing .setup h2 {
        font-size: 45px;
        line-height: 50px
    }

    .landing .product-info {
        text-align: center
    }

    .landing .product-info .icon {
        margin-bottom: 5px;
        margin-top: 30px
    }

    .landing .feature-list li {
        min-height: 245px
    }

    .landing#landing-enterprise-executive #landing-enterprise-wall {
        padding-top: 50%;
        background-size: 100% auto
    }
}

@media only screen and (max-width:480px) {
    .landing .block h2 {
        font-size: 35px;
        line-height: 40px
    }
}

@media only screen and (max-width:320px) {
    .landing .feature-list li {
        min-height: 300px
    }
}

@media only screen and (-webkit-min-device-pixel-ratio:2) and (min-width:380px),
only screen and (min-device-pixel-ratio:2) and (min-width:380px),
only screen and (-webkit-max-device-pixel-ratio:1.5) and (min-width:600px),
only screen and (max-device-pixel-ratio:1.5) and (min-width:600px) {

    .landing#landing-bi .header,
    .landing#landing-marketing .header {
        background-image: url(../img/landing-page/landing-one-bg-2x.jpg)
    }

    .landing#landing-integrations .header,
    .landing#landing-sales .header {
        background-image: url(../img/landing-page/landing-two-bg-2x.jpg)
    }

    .landing#landing-ecommerce .header,
    .landing#landing-enterprise .header {
        background-image: url(../img/landing-page/landing-three-bg-2x.jpg)
    }

    .landing#landing-enterprise-executive .header {
        background-image: url(../img/landing-page/landing-four-bg-2x.jpg)
    }

    .landing#landing-enterprise-analyst .header {
        background-image: url(../img/landing-page/landing-five-bg-2x.jpg)
    }
}

@media only screen and (-webkit-min-device-pixel-ratio:2) and (min-width:433px),
only screen and (min-device-pixel-ratio:2) and (min-width:433px),
only screen and (-webkit-max-device-pixel-ratio:1.5) and (min-width:867px),
only screen and (max-device-pixel-ratio:1.5) and (min-width:867px) {
    .landing#landing-enterprise-executive #landing-enterprise-wall {
        background-image: url(../img/landing-page/product-wall-2x.jpg)
    }
}

@keyframes fade-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.landingpage .landingtop .img {
    padding: 48px 0 40px
}

.landingpage .landingtop h1 {
    font-size: 4.5em
}

.landingpage .landingtop .signupBox {
    margin-bottom: 40px
}

.landingpage small.info {
    width: 9px;
    height: 9px;
    position: relative;
    background-image: url(../img/pricing/info.png);
    background-repeat: no-repeat;
    background-size: 100%;
    display: inline-block;
    text-indent: -9999;
    overflow: hidden;
    cursor: pointer
}

.landingpage small.info>span {
    display: none
}

.landingpage #landing-agencies-1 small {
    color: #acd373
}

.landingpage #landing-agencies-1 h3 em:before {
    border-color: #acd373
}

.landingpage #landing-agencies-1 .left {
    padding-top: 30px;
    padding-bottom: 32px
}

.landingpage #landing-agencies-1 .right {
    padding-top: 15px;
    padding-left: 35px
}

.landingpage #landing-agencies-2 small {
    color: #0ec1d8
}

.landingpage #landing-agencies-2 h3 em:before {
    border-color: #0ec1d8
}

.landingpage #landing-agencies-2 .left {
    padding-top: 35px;
    padding-left: 118px
}

.landingpage #landing-agencies-2 .right {
    padding-top: 50px
}

.landingpage #landing-agencies-3 small {
    color: #2bb673
}

.landingpage #landing-agencies-3 h3 em:before {
    border-color: #2bb673
}

.landingpage #landing-agencies-3 .left {
    padding-top: 38px;
    padding-bottom: 50px
}

.landingpage #landing-agencies-3 .right {
    padding-left: 30px
}

.landingpage #landing-agencies-4 small {
    color: #f76868
}

.landingpage #landing-agencies-4 h3 em:before {
    border-color: #f76868
}

.landingpage #landing-agencies-4 .left {
    padding-top: 57px;
    padding-left: 70px;
    padding-bottom: 30px
}

.landingpage #landing-agencies-4 .right {
    padding-top: 60px
}

.landingpage #landing-agencies-5 small {
    color: #bd8cbf
}

.landingpage #landing-agencies-5 h3 em:before {
    border-color: #bd8cbf
}

.landingpage #landing-agencies-5 .left {
    padding-top: 22px;
    padding-bottom: 40px
}

.landingpage #landing-agencies-5 .right {
    padding-top: 35px;
    padding-left: 35px
}

.landingpage #landing-affiliates-6 h3,
.landingpage #landing-agencies-6 h3,
.landingpage #landing-guided-onboarding-2 h3,
.landingpage #landing-quickstart-onboarding-2 h3 {
    font-size: 40px;
    line-height: 46px;
    text-align: center;
    font-weight: 300;
    margin: 0 0 20px
}

.landingpage #landing-affiliates-6 .col,
.landingpage #landing-agencies-6 .col,
.landingpage #landing-guided-onboarding-2 .col,
.landingpage #landing-quickstart-onboarding-2 .col {
    font-size: 16px;
    line-height: 24px;
    padding-bottom: 14px
}

.landingpage #landing-affiliates-6 .col span.icon,
.landingpage #landing-agencies-6 .col span.icon,
.landingpage #landing-guided-onboarding-2 .col span.icon,
.landingpage #landing-quickstart-onboarding-2 .col span.icon {
    display: block;
    font-size: 48px;
    line-height: 50px;
    position: relative;
    left: -3px
}

.landingpage #landing-affiliates-6 .col strong,
.landingpage #landing-agencies-6 .col strong,
.landingpage #landing-guided-onboarding-2 .col strong,
.landingpage #landing-quickstart-onboarding-2 .col strong {
    display: block;
    padding: 13px 0
}

.landingpage #landing-agencies-6 {
    background-color: #f6f6f7
}

.landingpage #landing-agencies-6 .col {
    padding-top: 40px
}

.landingpage #landing-agencies-6 .icon-loudspeaker {
    color: #f7ad3c
}

.landingpage #landing-agencies-6 .icon-deal-growth {
    color: #6fb62b
}

.landingpage #landing-agencies-6 .icon-reporting {
    color: #009fc6
}

.landingpage #landing-agencies-6 .icon-partner {
    color: #a39bae
}

.landingpage #landing-agencies-7 {
    text-align: center
}

.landingpage #landing-agencies-7 h4,
.landingpage #landing-agencies-7 p {
    max-width: 100%;
    width: 850px;
    margin: 0 auto
}

.landingpage #landing-agencies-7 h4 {
    font-size: 28px;
    line-height: 36px;
    font-weight: 300;
    margin-top: 30px;
    margin-bottom: 30px
}

.landingpage #landing-agencies-7 p {
    font-size: 16px;
    line-height: 30px;
    font-weight: 500;
    color: #8e929b
}

.landingpage #landing-agencies-7 a.btn {
    margin: 50px auto 22px
}

.landingpage #landing-agencies-testimonials {
    background-color: #f6f6ee;
    padding: 0 !important
}

.landingpage #landing-agencies-testimonials h3 {
    font-size: 11px;
    font-weight: 500;
    margin: 10px 0;
    color: #8e929b;
    text-transform: uppercase;
    text-align: center;
    margin: 40px 0 12px
}

.landingpage #landing-agencies-testimonials ul {
    margin: 0 -16px;
    list-style: none;
    padding: 10px 0 60px;
    overflow: hidden
}

.landingpage #landing-agencies-testimonials .testimonial {
    float: left;
    width: 25%
}

.landingpage #landing-agencies-testimonials .testimonial>div {
    background-color: #fff;
    border-radius: 5px;
    margin: 16px;
    -moz-box-shadow: 0 0 4px 2px rgba(142, 146, 155, .1), 0 1px 2px 0 rgba(142, 146, 155, .2);
    -webkit-box-shadow: 0 0 4px 2px rgba(142, 146, 155, .1), 0 1px 2px 0 rgba(142, 146, 155, .2);
    box-shadow: 0 0 4px 2px rgba(142, 146, 155, .1), 0 1px 2px 0 rgba(142, 146, 155, .2);
    padding: 20px 20px 0 24px;
    min-height: 440px;
    position: relative
}

.landingpage #landing-agencies-testimonials .testimonial .logo {
    display: block;
    height: 35px
}

.landingpage #landing-agencies-testimonials .testimonial p {
    color: #252525;
    font-size: 16px;
    line-height: 22px;
    margin: 14px 0 0
}

.landingpage #landing-agencies-testimonials .testimonial .author {
    padding-left: 40px;
    font-size: 12px;
    line-height: 18px;
    color: #8e929b;
    position: absolute;
    bottom: 24px;
    left: 24px;
    right: 20px;
    height: 80px
}

.landingpage #landing-agencies-testimonials .testimonial .author img {
    position: absolute;
    top: 2px;
    left: 0;
    width: 32px;
    height: 32px;
    border-radius: 100%
}

.landingpage #landing-agencies-testimonials .testimonial .author strong {
    display: block;
    color: #252525
}

.landingpage.agencies .landingtop {
    background-image: url("../img/landing-pages/agency-bg.jpg");
    background-position: center center;
    background-size: cover
}

.landingpage.agencies .landingtop .container {
    height: auto;
    padding-bottom: 65px
}

.landingpage.agencies .landingtop h1 {
    color: #fff;
    font-size: 6.5em;
    padding: .2em 0
}

.landingpage.agencies .landingtop h1 em span {
    text-shadow: #000 1px 0 0, #000 0 1px 0, #000 -1px 0 0, #000 0 -1px 0
}

.landingpage.agencies #landing-agencies-2 .left {
    padding-top: 80px
}

.landingpage#landing-guided-onboarding .landingtop,
.landingpage#landing-quickstart-onboarding .landingtop {
    background-image: url("../img/landing-pages/agency-onboarding-bg.jpg?1");
    background-position: center center;
    background-size: cover
}

.landingpage#landing-guided-onboarding .landingtop .container,
.landingpage#landing-quickstart-onboarding .landingtop .container {
    height: auto;
    padding-bottom: 95px
}

.landingpage#landing-guided-onboarding .landingtop h2,
.landingpage#landing-quickstart-onboarding .landingtop h2 {
    margin: 0;
    padding: 44px 0 10px;
    max-width: 100%
}

.landingpage#landing-guided-onboarding .landingtop .btn-lg,
.landingpage#landing-quickstart-onboarding .landingtop .btn-lg {
    margin-top: 50px
}

.landingpage #landing-guided-onboarding-1,
.landingpage #landing-quickstart-onboarding-1 {
    padding-bottom: 0
}

.landingpage #landing-guided-onboarding-1 .left,
.landingpage #landing-quickstart-onboarding-1 .left {
    padding-top: 15px
}

.landingpage #landing-guided-onboarding-1 .right,
.landingpage #landing-quickstart-onboarding-1 .right {
    padding-left: 30px
}

@media only screen and (min-width:992px) {

    .landingpage #landing-guided-onboarding-2 .row,
    .landingpage #landing-quickstart-onboarding-2 .row,
    .landingpage #landing-quickstart-onboarding-3 .row {
        margin: 0 90px
    }
}

.landingpage #landing-guided-onboarding-2 .col ul,
.landingpage #landing-quickstart-onboarding-2 .col ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.landingpage #landing-guided-onboarding-2 .col li,
.landingpage #landing-quickstart-onboarding-2 .col li {
    padding-left: 14px;
    position: relative
}

.landingpage #landing-guided-onboarding-2 .col li:before,
.landingpage #landing-quickstart-onboarding-2 .col li:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "·"
}

.landingpage #landing-guided-onboarding-2 .icon-partner,
.landingpage #landing-quickstart-onboarding-2 .icon-partner {
    color: #a39bae
}

.landingpage #landing-guided-onboarding-2 .icon-services,
.landingpage #landing-quickstart-onboarding-2 .icon-services {
    color: #f7ad3c
}

.landingpage #landing-guided-onboarding-2 .icon-target,
.landingpage #landing-quickstart-onboarding-2 .icon-target {
    color: #6fb62b
}

.landingpage #landing-guided-onboarding-3,
.landingpage #landing-quickstart-onboarding-4 {
    text-align: center;
    border-top: 1px solid #f5f5ee;
    padding-top: 55px
}

.landingpage #landing-guided-onboarding-3 h4,
.landingpage #landing-quickstart-onboarding-4 h4 {
    font-size: 28px;
    line-height: 36px;
    font-weight: 300
}

.landingpage #landing-guided-onboarding-3 a.btn,
.landingpage #landing-quickstart-onboarding-4 a.btn {
    margin: 50px auto 22px
}

.landingpage #landing-guided-onboarding-3 .price,
.landingpage #landing-quickstart-onboarding-4 .price {
    display: block;
    font-size: 16px
}

.landingpage #landing-quickstart-onboarding-3 {
    border-top: none;
    padding-top: 30px
}

.landingpage #landing-quickstart-onboarding-3 p {
    color: #2d3237
}

.landingpage#landing-affiliates .landingtop {
    background-image: url("../img/landing-pages/dark-header-bg.jpg");
    background-position: center center;
    background-size: cover;
    color: #fff
}

.landingpage#landing-affiliates .landingtop .container {
    height: auto;
    padding-top: 150px;
    padding-bottom: 85px
}

.landingpage#landing-affiliates .landingtop h1 {
    font-size: 3.6em;
    font-weight: 400
}

.landingpage#landing-affiliates .landingtop p {
    font-size: 1.5em;
    line-height: 1.5em;
    margin: 30px 0;
    color: #a6b0ba;
    padding-left: 200px;
    padding-right: 200px
}

.landingpage#landing-affiliates .landingtop p.p2 {
    font-size: 16px;
    color: #fff
}

.landingpage#landing-affiliates .landingtop .btn-lg {
    margin: 14px 0
}

.landingpage#landing-affiliates .block.content {
    border-top: none
}

.landingpage#landing-affiliates .block.content .left.text {
    padding-left: 15px
}

.landingpage #landing-affiliates-1 h3 {
    font-size: 40px;
    line-height: 46px;
    text-align: center;
    font-weight: 300;
    margin: 28px 0 60px
}

.landingpage #landing-affiliates-1 h4,
.landingpage #landing-affiliates-1 p {
    color: #2d3237;
    font-size: 16px;
    line-height: 24px
}

.landingpage #landing-affiliates-1 h4 {
    font-weight: 500;
    padding-left: 36px;
    position: relative;
    margin-top: 18px
}

.landingpage #landing-affiliates-1 h4:before {
    width: 26px;
    height: 26px;
    line-height: 26px;
    position: absolute;
    top: -2px;
    left: 0;
    color: #fff;
    border-radius: 100%;
    text-align: center;
    font-size: 18px;
    font-weight: 400
}

.landingpage #landing-affiliates-1 h4.p1:before {
    content: "1";
    background-color: #f7ad3c
}

.landingpage #landing-affiliates-1 h4.p2:before {
    content: "2";
    background-color: #2ca8cc
}

.landingpage #landing-affiliates-1 h4.p3:before {
    content: "3";
    background-color: #82bf46
}

.landingpage #landing-affiliates-1 p {
    margin-top: 12px
}

.landingpage #landing-affiliates-2 {
    background-color: #f6f6f7
}

.landingpage #landing-affiliates-2 .left.text {
    padding-top: 25px;
    padding-right: 60px
}

.landingpage #landing-affiliates-3 {
    background-color: #f6f6f7;
    text-align: center;
    padding-top: 0
}

.landingpage #landing-affiliates-3 .col {
    min-height: 150px
}

.landingpage #landing-affiliates-3 span.icon {
    display: block;
    color: #1679a6;
    font-size: 50px;
    line-height: 50px;
    height: 60px;
    margin: 18px 0 5px
}

.landingpage #landing-affiliates-3 strong {
    display: block;
    color: #2d3237;
    font-size: 13px;
    line-height: 18px
}

.landingpage #landing-affiliates-4 .text {
    padding-top: 25px
}

.landingpage #landing-affiliates-4 .img {
    padding-top: 45px;
    padding-left: 45px
}

.landingpage #landing-affiliates-5 {
    background-image: linear-gradient(to bottom right, #f1fae3, #d3eadc);
    background-image: -o-linear-gradient(to bottom right, #f1fae3, #d3eadc);
    background-image: -ms-linear-gradient(to bottom right, #f1fae3, #d3eadc);
    background-image: -moz-linear-gradient(to bottom right, #f1fae3, #d3eadc);
    background-image: -webkit-linear-gradient(to bottom right, #f1fae3, #d3eadc)
}

.landingpage #landing-affiliates-5 .img {
    text-align: center
}

.landingpage #landing-affiliates-5 .img img {
    display: inline-block
}

.landingpage #landing-affiliates-5 .text {
    padding-top: 5px
}

.landingpage #landing-affiliates-5 h3,
.landingpage #landing-affiliates-5 p {
    text-align: left
}

.landingpage #landing-affiliates-5 h3 {
    margin: 35px 0 25px
}

.landingpage #landing-affiliates-5 p {
    color: #2d3237
}

.landingpage #landing-affiliates-5 ul {
    font-size: 18px;
    line-height: 28px;
    color: #2d3237;
    font-weight: 300;
    padding: 0;
    margin: 0;
    list-style: none
}

.landingpage #landing-affiliates-5 li {
    padding-left: 14px;
    position: relative;
    margin: 28px 0
}

.landingpage #landing-affiliates-5 li:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "·"
}

.landingpage #landing-affiliates-5 a.btn {
    margin: 68px auto 10px
}

.landingpage #landing-affiliates-6 h3 {
    margin: 16px 0 60px
}

.landingpage #landing-affiliates-6 .icon-partner {
    color: #a39bae
}

.landingpage #landing-affiliates-6 .icon-services {
    color: #f7ad3c
}

.landingpage #landing-affiliates-6 .icon-target {
    color: #6fb62b
}

.landingpage #landing-affiliates-7 {
    text-align: center;
    border-top: 1px solid #f5f5ee
}

.landingpage #landing-affiliates-7 h4 {
    font-size: 40px;
    line-height: 40px;
    font-weight: 400;
    margin: 4px 0 38px
}

.landingpage #landing-affiliates-7 p {
    color: #8e929b
}

.landingpage #landing-affiliates-7 a.btn {
    margin: 3px auto 38px
}

.landingpage#landing-agencies-features .landingtop {
    background-image: url("../img/landing-pages/agency-bg.jpg");
    background-position: center center;
    background-size: cover
}

.landingpage#landing-agencies-features .landingtop .titles {
    padding-bottom: 50px
}

.landingpage#landing-agencies-features .landingtop .titles h1 {
    color: #fff;
    font-size: 60px;
    line-height: 65px;
    font-weight: 400;
    margin: 10px 0 45px
}

.landingpage#landing-agencies-features .landingtop .titles h1 em span {
    text-shadow: none
}

.landingpage#landing-agencies-features .landingtop .titles p {
    font-size: 22px;
    line-height: 30px;
    color: rgba(255, 255, 255, .75)
}

.landingpage#landing-agencies-features .landingtop .titles p a {
    color: #fff;
    text-decoration: underline
}

.landingpage #landing-agencies-features-1 h3,
.landingpage #landing-agencies-features-3 h3,
.landingpage #landing-agencies-features-4 h3 {
    font-size: 36px;
    line-height: 40px;
    font-weight: 500;
    text-align: center
}

.landingpage #landing-agencies-features-1 h3 {
    margin: 0 0 38px
}

.landingpage #landing-agencies-features-1 .layout-emphasized-blocks {
    text-align: left;
    margin: 0 -30px
}

.landingpage #landing-agencies-features-1 .layout-emphasized-blocks .block {
    padding-left: 0;
    padding-right: 0
}

.landingpage #landing-agencies-features-1 .layout-emphasized-blocks .box {
    width: 324px;
    min-height: 395px;
    padding: 10px 30px 0 30px;
    border: none;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    text-align: left;
    font-size: 16px;
    line-height: 24px
}

.landingpage #landing-agencies-features-1 .layout-emphasized-blocks .box:hover {
    box-shadow: none
}

.landingpage #landing-agencies-features-1 .layout-emphasized-blocks img {
    display: block;
    height: 173px
}

.landingpage #landing-agencies-features-1 .layout-emphasized-blocks small,
.landingpage #landing-agencies-features-1 .layout-emphasized-blocks span {
    padding-left: 2px
}

.landingpage #landing-agencies-features-1 .layout-emphasized-blocks span {
    display: block;
    color: #2d3237;
    margin-top: 17px
}

.landingpage #landing-agencies-features-1 .layout-emphasized-blocks small {
    display: block;
    color: #1679a6;
    font-size: inherit;
    padding-top: 10px
}

.landingpage #landing-agencies-features-2 {
    background-color: #f3f4f5
}

.landingpage #landing-agencies-features-2 .box {
    position: relative
}

.landingpage #landing-agencies-features-2 .box.box1 .logo {
    width: 200px
}

.landingpage #landing-agencies-features-2 .box.box2 .logo {
    width: 170px
}

.landingpage #landing-agencies-features-2 .box.box3 .logo {
    width: 170px
}

.landingpage #landing-agencies-features-2 .box.box4 .logo {
    width: 190px
}

.landingpage #landing-agencies-features-2.content {
    padding: 60px 0
}

.landingpage #landing-agencies-features-3 h3 {
    margin-bottom: 34px
}

.landingpage #landing-agencies-features-3 h3 em:before {
    border-color: #259bc1
}

.landingpage #landing-agencies-features-3 .col {
    min-height: 340px
}

.landingpage #landing-agencies-features-3 .icon-stopwatch-2 {
    color: #ffa300
}

.landingpage #landing-agencies-features-3 .icon-partner {
    color: #259bc1
}

.landingpage #landing-agencies-features-3 .icon-target {
    color: #6fb62b
}

.landingpage #landing-agencies-features-3 .icon-datawall {
    color: #ff7800
}

.landingpage #landing-agencies-features-3 .icon-slideshow {
    color: #8560a8
}

.landingpage #landing-agencies-features-3 .icon-reporting {
    color: #a67c52
}

.landingpage #landing-agencies-features-3 .icon-dialogue {
    color: #259bc1
}

.landingpage #landing-agencies-features-3 .icon-present-reporting {
    color: #ff2600
}

.landingpage #landing-agencies-features-3 .icon-brush {
    color: #f06eaa
}

.landingpage #landing-agencies-features-4 p.under-h3 {
    color: #8e929b;
    font-size: 18px;
    text-align: center
}

.landingpage #landing-agencies-features-4 .col {
    padding-top: 44px
}

.landingpage #landing-agencies-features-4 .col.col-1 {
    padding-right: 16px
}

.landingpage #landing-agencies-features-4 .col.col-2 {
    padding-left: 16px;
    padding-right: 16px
}

.landingpage #landing-agencies-features-4 .col.col-3 {
    padding-left: 16px
}

.landingpage #landing-agencies-features-4 .box {
    background-color: #fff;
    -moz-box-shadow: 0 0 6px 0 rgba(37, 37, 37, .1);
    -webkit-box-shadow: 0 0 6px 0 rgba(37, 37, 37, .1);
    box-shadow: 0 0 6px 0 rgba(37, 37, 37, .1);
    padding: 45px 30px 100px;
    text-align: center;
    height: 543px;
    position: relative;
    border-radius: 5px
}

.landingpage #landing-agencies-features-4 .box h4 {
    font-size: 24px;
    font-weight: 500;
    margin: 33px 0 27px
}

.landingpage #landing-agencies-features-4 .box .icon {
    display: block;
    font-size: 50px;
    line-height: 60px
}

.landingpage #landing-agencies-features-4 .box p {
    font-size: 16px;
    line-height: 24px
}

.landingpage #landing-agencies-features-4 .box .btn-ct {
    position: absolute;
    bottom: 50px;
    left: 0;
    right: 0
}

.landingpage #landing-agencies-features-4 .box .btn {
    color: #fff;
    font-size: 15px;
    text-transform: none;
    width: 130px
}

.landingpage #landing-agencies-features-4 .col-1 .box .btn {
    background-color: #02b875
}

.landingpage #landing-agencies-features-4 .col-1 .box .icon {
    color: #02b875
}

.landingpage #landing-agencies-features-4 .col-2 .box .btn {
    background-color: #ffa300
}

.landingpage #landing-agencies-features-4 .col-2 .box .icon {
    color: #ffa300
}

.landingpage #landing-agencies-features-4 .col-3 .box .btn {
    background-color: #6b67ae
}

.landingpage #landing-agencies-features-4 .col-3 .box .icon {
    color: #6b67ae
}

.landingpage #landing-agencies-features-5 {
    padding-top: 0
}

.landingpage #landing-agencies-features-5 h3 {
    font-size: 28px;
    line-height: 36px;
    font-weight: 300;
    text-align: center;
    margin-bottom: 66px
}

.landingpage #landing-agencies-features-5 .col {
    min-height: 178px
}

.landingpage #landing-agencies-features-5 .col a,
.landingpage #landing-agencies-features-5 .col p {
    font-size: 16px;
    line-height: 24px
}

.landingpage #landing-agencies-features-5 .col a {
    text-decoration: underline;
    font-weight: 500
}

.landingpage #landing-agencies-features-5 .btn {
    display: block;
    width: 400px;
    max-width: 100%;
    margin: 35px auto 30px
}

.landingpage#landing-agencies-services .landingtop {
    background-image: url("../img/landing-pages/agency-bg.jpg");
    background-position: center center;
    background-size: cover
}

.landingpage#landing-agencies-services .landingtop h1 {
    color: #fff;
    font-size: 60px;
    padding: .2em 0;
    font-weight: 500
}

.landingpage#landing-agencies-services .landingtop p {
    font-size: 16px;
    color: #fff;
    padding-bottom: 80px;
    max-width: 700px;
    margin: auto
}

.landingpage#landing-agencies-services .layout-iconblocks h3 {
    margin-bottom: 25px;
    font-size: 36px;
    line-height: 40px;
    font-weight: 500;
    text-align: center
}

.landingpage#landing-agencies-services .layout-iconblocks small {
    display: block;
    text-align: center;
    color: #8e929b;
    font-size: 18px;
    margin-bottom: 20px
}

.landingpage#landing-agencies-services .layout-iconblocks .buy {
    margin-top: 60px;
    text-align: center
}

.landingpage#landing-agencies-services .layout-iconblocks .buy .btn__buy {
    padding-left: 30px;
    padding-right: 30px
}

.landingpage#landing-agencies-services hr {
    margin: 0
}

.landingpage#landing-agencies-services .btn__buy {
    color: #fff;
    text-transform: none
}

.landingpage#landing-agencies-services .btn__buy--green {
    background: #02b875
}

.landingpage#landing-agencies-services .btn__buy--orange {
    background: #ffa300
}

.landingpage#landing-agencies-services .btn__buy--violet {
    background: #6b67ae
}

.landingpage#landing-agencies-services .icon--center {
    text-align: center
}

.landingpage#landing-agencies-services .icon {
    font-size: 45px
}

.landingpage#landing-agencies-services .subheader-description {
    font-size: 16px;
    margin-bottom: 25px
}

.landingpage#landing-agencies-services .support {
    margin-top: 60px
}

.landingpage#landing-agencies-services .support span {
    color: #8e929b
}

.landingpage#landing-agencies-services .support a {
    text-decoration: underline
}

.landingpage#landing-agencies-services .icon-circle-check,
.landingpage#landing-agencies-services .icon-guided-onboarding {
    color: #02b875
}

.landingpage#landing-agencies-services .icon-partner {
    color: #a39bae
}

.landingpage#landing-agencies-services .icon-target {
    color: #8dc63f
}

.landingpage#landing-agencies-services .icon-reporting-2 {
    color: #8e929b
}

.landingpage#landing-agencies-services .icon-reporting {
    color: #428ccb
}

.landingpage#landing-agencies-services .icon-present-reporting,
.landingpage#landing-agencies-services .icon-user-center {
    color: #6b67ae
}

.landingpage#landing-agencies-services .icon-desktop-view,
.landingpage#landing-agencies-services .icon-rocket-2,
.landingpage#landing-agencies-services .icon-services,
.landingpage#landing-agencies-services .icon-stopwatch-2 {
    color: #ffa300
}

.landingpage#landing-agencies-services #landing-agencies-services-1 p {
    text-align: center;
    padding-bottom: 30px
}

.landingpage#landing-agencies-services #landing-agencies-services-1 .box-container {
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px
}

.landingpage#landing-agencies-services #landing-agencies-services-1 .box-container .box {
    width: 270px;
    border-radius: 4px
}

.landingpage#landing-agencies-services #landing-agencies-services-1 .box-container .box .icon {
    font-size: 45px;
    text-align: center;
    padding-top: 30px
}

.landingpage#landing-agencies-services #landing-agencies-services-1 .box-container .box .title {
    font-size: 23px;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center
}

.landingpage#landing-agencies-services #landing-agencies-services-1 .box-container .box p {
    text-align: center;
    padding: 20px 35px;
    font-size: 14px;
    color: #8e929b
}

.landingpage#landing-agencies-services #landing-agencies-services-1 .box-container .box .learn-more {
    text-align: center
}

.landingpage#landing-agencies-services #landing-agencies-services-1 .box-container .box .learn-more a {
    text-decoration: underline
}

.landingpage#landing-agencies-services #landing-agencies-services-1 .box-container .box .price {
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    padding-top: 25px;
    padding-bottom: 15px
}

.landingpage#landing-agencies-services #landing-agencies-services-1 .box-container .box .price small {
    font-size: 12px
}

.landingpage#landing-agencies-services #landing-agencies-services-1 .box-container .box .buy {
    margin-bottom: 35px;
    text-align: center
}

.landingpage#landing-agencies-services #landing-agencies-services-1 #guided-onboarding-box {
    background: rgba(2, 184, 117, .2)
}

.landingpage#landing-agencies-services #landing-agencies-services-1 #guided-onboarding-box p {
    padding-bottom: 24px
}

.landingpage#landing-agencies-services #landing-agencies-services-1 #quickstart-onboarding-box {
    background: rgba(255, 163, 0, .2)
}

.landingpage#landing-agencies-services #landing-agencies-services-1 #quickstart-onboarding-box p {
    padding-bottom: 0
}

.landingpage#landing-agencies-services #landing-agencies-services-1 #agency-consulting-box {
    background: rgba(107, 103, 174, .2)
}

.landingpage#landing-agencies-services #landing-agencies-services-1 #agency-consulting-box p {
    padding-bottom: 5px
}

.landingpage#landing-agencies-services #landing-agency-services-2 {
    background: #f3f7f7
}

@media only screen and (max-width:1200px) {
    .landingpage #landing-agencies-testimonials .testimonial {
        width: 50%
    }

    .landingpage #landing-agencies-testimonials .testimonial>div {
        min-height: 280px
    }

    .landingpage #landing-agencies-testimonials .testimonial .author {
        height: 55px;
        bottom: 5px
    }

    .landingpage #landing-affiliates-4 .text {
        padding-right: 15px
    }

    .landingpage #landing-affiliates-4 .img {
        padding-left: 15px
    }

    .landingpage#landing-affiliates .landingtop p {
        padding-left: 0;
        padding-right: 0
    }

    .landingpage #landing-affiliates-5 .text {
        padding-right: 15px
    }

    .landingpage #landing-agencies-features-1 .layout-emphasized-blocks .box {
        width: 257px;
        min-height: 440px
    }

    .landingpage #landing-agencies-features-1 .layout-emphasized-blocks img {
        height: 150px
    }

    .landingpage #landing-agencies-features-2 a.btn {
        top: 260px
    }

    .landingpage #landing-agencies-features-3 .col {
        min-height: 380px
    }

    .landingpage #landing-agencies-features-4 .box {
        height: 685px
    }

    .landingpage #landing-agencies-services-1 .container.narrow {
        padding-left: 25px;
        padding-right: 25px
    }
}

@media only screen and (max-width:991px) {
    .landingpage #landing-agencies-testimonials .testimonial>div {
        min-height: 335px
    }

    .landingpage #landing-agencies-testimonials .testimonial .author {
        bottom: 16px
    }

    .landingpage #landing-guided-onboarding-2 .col,
    .landingpage #landing-quickstart-onboarding-2 .col {
        padding-bottom: 50px
    }

    .landingpage #landing-affiliates-1 .col {
        margin-bottom: 50px
    }

    .landingpage #landing-affiliates-5 h3 {
        margin-top: 60px
    }

    .landingpage #landing-affiliates-5 .text {
        margin-top: -40px
    }

    .landingpage #landing-affiliates-5 a.btn {
        margin-top: 25px
    }

    .landingpage #landing-agencies-features-1 .container.narrow {
        padding-left: 15px;
        padding-right: 15px
    }

    .landingpage #landing-agencies-features-2 a.btn {
        position: static;
        margin-bottom: 20px
    }

    .landingpage #landing-agencies-features-3 .col {
        min-height: 0
    }

    .landingpage #landing-agencies-features-4 .box {
        height: auto;
        padding-bottom: 40px
    }

    .landingpage #landing-agencies-features-4 .box .btn-ct {
        position: static;
        margin-top: 30px
    }

    .landingpage #landing-agencies-services-1 .box__container {
        flex-direction: column;
        align-items: center
    }

    .landingpage #landing-agencies-services-1 .box__content {
        margin-bottom: 20px
    }
}

@media only screen and (max-width:767px) {
    .landingpage #landing-agencies-testimonials ul {
        margin: 0
    }

    .landingpage #landing-agencies-testimonials .testimonial {
        margin: 0 0 15px;
        float: none;
        width: auto
    }

    .landingpage #landing-agencies-testimonials .testimonial>div {
        min-height: 0;
        padding-bottom: 20px
    }

    .landingpage #landing-agencies-testimonials .testimonial .author {
        position: relative;
        left: 0;
        bottom: 0;
        margin-top: 20px;
        height: auto
    }

    .landingpage#landing-affiliates .landingtop .container {
        padding-top: 60px
    }

    .landingpage #landing-agencies-features-1 .layout-emphasized-blocks {
        margin: 0
    }

    .landingpage #landing-agencies-features-1 .layout-emphasized-blocks .box {
        width: auto;
        min-height: 0;
        padding-left: 0;
        padding-right: 0
    }

    .landingpage #landing-agencies-features-5 .col {
        min-height: 0;
        margin-bottom: 30px
    }

    .landingpage.landing-badges tr td {
        display: block !important;
        width: 100% !important
    }

    .landingpage.landing-badges header {
        padding-left: 0 !important;
        text-align: center
    }

    .landingpage.landing-badges #main #text {
        padding-left: 20px !important;
        padding-right: 20px !important
    }

    .landingpage.landing-badges #main #image {
        padding-top: 60px
    }
}

@media only screen and (max-width:560px) {
    .landingpage #landing-agencies-features .box.box1 .logo {
        width: 120px
    }

    .landingpage #landing-agencies-features .box.box2 .logo {
        width: 100px
    }

    .landingpage #landing-agencies-features .box.box3 .logo {
        width: 100px
    }

    .landingpage #landing-agencies-features .box.box4 .logo {
        width: 120px
    }

    .landingpage .landingpage.agencies .landingtop .container {
        padding-bottom: 25px
    }
}

@media only screen and (max-width:425px) {
    .landingpage a.btn {
        font-size: 13px;
        display: block;
        max-width: 100%;
        white-space: normal;
        margin-right: 15px;
        margin-left: 15px
    }

    .landingpage#landing-agencies-features .landingtop .titles h1 {
        font-size: 40px;
        line-height: 45px
    }

    .landingpage #landing-agencies-features-1 h3,
    .landingpage #landing-agencies-features-3 h3,
    .landingpage #landing-agencies-features-4 h3 {
        font-size: 26px;
        line-height: 30px
    }
}

.landingpage.landing-badges {
    height: 100%;
    max-width: 1500px;
    margin: auto;
    padding-top: 80px
}

.landingpage.landing-badges header {
    height: 80px;
    width: 100%;
    background: #000;
    position: fixed;
    top: 0;
    left: 0;
    color: #fff;
    padding-top: 19px;
    padding-left: 100px;
    font-size: 25px
}

.landingpage.landing-badges header img {
    height: 20px;
    padding-right: 13px
}

.landingpage.landing-badges #main {
    width: 100%;
    height: 100%;
    padding-bottom: 80px
}

.landingpage.landing-badges #main table {
    width: 100%;
    height: 100%
}

.landingpage.landing-badges #main table td {
    width: 50%
}

.landingpage.landing-badges #main #social-buttons img {
    height: 28px
}

.landingpage.landing-badges #text {
    max-width: 450px;
    text-align: left;
    padding-left: 20px
}

.landingpage.landing-badges #text h1 {
    margin-bottom: 15px
}

.landingpage.landing-badges #text p {
    font-size: 18px;
    margin-bottom: 15px
}

.landingpage.landing-badges #image img {
    display: flex;
    flex-direction: column;
    height: 300px
}

.landingpage.landing-badges #download {
    padding-top: 40px;
    text-align: center
}

#landing-page-2021 h1,
#landing-page-2021 h2,
#landing-page-2021 h3 {
    color: #2d3237;
    font-weight: 500
}

#landing-page-2021 h1+p,
#landing-page-2021 h2+p,
#landing-page-2021 h3+p {
    font-weight: 400
}

#landing-page-2021 h1 {
    font-size: 65px;
    line-height: 72px;
    margin-bottom: 25px;
    font-weight: 600
}

#landing-page-2021 h2 {
    font-size: 48px;
    line-height: 54px;
    margin-bottom: 25px
}

#landing-page-2021 h3 {
    font-size: 36px;
    line-height: 36px;
    margin-bottom: 25px
}

#landing-page-2021 p {
    color: #8e929b;
    font-size: 18px;
    line-height: 28px
}

#landing-page-2021 .btn {
    font-size: 16px
}

#landing-page-2021 .btn.btn-green .icon {
    margin-left: 5px
}

#landing-page-2021 .btn+.btn {
    margin-left: 35px
}

#landing-page-2021 .fadein {
    opacity: 0;
    transition: opacity 2s;
    -o-transition: opacity 2s;
    -ms-transition: opacity 2s;
    -moz-transition: opacity 2s;
    -webkit-transition: opacity 2s
}

#landing-page-2021 .fadein.visible {
    opacity: 1
}

#landing-page-2021 #header {
    padding-top: 110px;
    padding-bottom: 35px;
    background-color: #f2f4f6;
    text-align: center
}

#landing-page-2021 #header mark {
    background: url(../img/other/highlighter.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 45%;
    padding: 20px 10px;
    margin-left: -10px;
    margin-right: -10px
}

#landing-page-2021 #header .signupBox {
    margin: 40px auto 50px
}

#landing-page-2021 #header .signupBox .btn {
    line-height: 24px;
    text-transform: unset
}

#landing-page-2021 #header .signupBox small {
    font-size: 13px;
    color: #8e929b;
    text-transform: unset
}

#landing-page-2021 #header img {
    margin: 0 auto;
    transition: height .5s ease
}

#landing-page-2021 #header.two-columns {
    text-align: left;
    overflow: hidden;
    padding-bottom: 40px
}

#landing-page-2021 #header.two-columns .image {
    order: 1
}

#landing-page-2021 #header.two-columns .image .image-box {
    padding: 20px 0 0 25px;
    background-image: url("../img/landing-page-2021/bg.png");
    background-size: auto 624px;
    background-repeat: no-repeat;
    background-position: left top;
    min-height: 624px
}

@supports (background-image:url("../img/landing-page-2021/bg.webp")) {
    #landing-page-2021 #header.two-columns .image .image-box {
        background-image: url("../img/landing-page-2021/bg.webp")
    }
}

#landing-page-2021 #header.two-columns .image .image-box img {
    max-height: 585px
}

#landing-page-2021 #header.two-columns .image div.review {
    display: none
}

#landing-page-2021 #header.two-columns .text {
    order: 0
}

#landing-page-2021 #header.two-columns .text h1 {
    font-size: 54px;
    line-height: 62px;
    font-weight: 800;
    color: #1c1d1f;
    margin: 40px 0 32px;
    padding-right: 20px
}

#landing-page-2021 #header.two-columns .text p {
    font-size: 15px;
    line-height: 26px;
    color: #55585d;
    font-weight: 400
}

#landing-page-2021 #header.two-columns .text p strong {
    font-weight: 700;
    margin: 0 0 16px
}

#landing-page-2021 #header.two-columns .text ul.icon-list {
    font-size: 0;
    padding: 0;
    margin: 0 0 36px;
    list-style: none
}

#landing-page-2021 #header.two-columns .text ul.icon-list li {
    display: inline-block;
    vertical-align: middle;
    box-shadow: 3px 4px 20px 0 rgba(85, 88, 93, .1);
    background: #fff;
    border-radius: 6px;
    margin: 0 12px 12px 0;
    font-size: 12px;
    line-height: 19px;
    font-weight: 600;
    color: #55585d;
    padding: 10px;
    letter-spacing: 0
}

#landing-page-2021 #header.two-columns .text ul.icon-list li .icon {
    font-size: 14px;
    color: #2e4797;
    margin-right: 3px
}

#landing-page-2021 #header.two-columns .text ul.icon-list li:nth-child(2) .icon {
    color: #008ace
}

#landing-page-2021 #header.two-columns .text ul.icon-list li:nth-child(3) .icon {
    color: #f47920
}

#landing-page-2021 #header.two-columns .text ul.icon-list li:nth-child(4) .icon {
    color: #25a767
}

#landing-page-2021 #header.two-columns .text ul.icon-list li:nth-child(5) .icon {
    color: #7540ab
}

#landing-page-2021 #header.two-columns .text ul.icon-list li:nth-child(6) .icon {
    color: #f4bb42
}

#landing-page-2021 #header.two-columns .text div.review {
    padding: 0;
    margin: 0;
    font-size: 0;
    max-width: 392px
}

#landing-page-2021 #header.two-columns .text div.review #reviews-best-product {
    padding: 0
}

#landing-page-2021 #header.two-columns .text div.review #reviews-best-product .row {
    display: flex;
    justify-content: center;
    align-items: center
}

#landing-page-2021 #header.two-columns .text div.review #reviews-best-product .col.col-md-4 {
    width: 50%
}

#landing-page-2021 #header.two-columns .text div.review #reviews-best-product .col.col-md-4:first-child,
#landing-page-2021 #header.two-columns .text div.review #reviews-best-product .col.col-md-4:last-child {
    width: 25%
}

#landing-page-2021 #header.two-columns .text div.review #reviews-best-product .img-container {
    margin: 0;
    height: auto;
    padding: 0
}

#landing-page-2021 #header.two-columns .text div.review #reviews-best-product .img-container img {
    max-width: 100%;
    height: auto
}

#landing-page-2021 #header.two-columns .text div.review.responsive {
    display: none
}

#landing-page-2021 #header.two-columns .text .signupBox {
    margin: 0 0 58px;
    width: 392px
}

#landing-page-2021 #header.two-columns .text .signupBox .icon.icon-arrow {
    display: none
}

#landing-page-2021 #header.two-columns .text .signupBox small {
    text-align: left;
    text-transform: uppercase;
    font-size: 10px;
    margin-top: 10px
}

#landing-page-2021 #header.two-columns .text .signupBox .btn.btn-green {
    width: 126px;
    font-size: 15px;
    background-color: #2bb673
}

#landing-page-2021 #header.two-columns .text .signupBox .btn.btn-green:hover {
    background-color: #20925a
}

#landing-page-2021 #header.two-columns .text .signupBox .btn.btn-green .icon {
    display: none
}

#landing-page-2021 #header.two-columns .text .signupBox input {
    border: 1px solid rgba(0, 0, 0, .1);
    font-size: 14px;
    color: #393a3e;
    font-weight: 400
}

#landing-page-2021 #header.two-columns .text .signupBox input::placeholder {
    font-style: normal;
    color: #72757c
}

#landing-page-2021 #header.two-columns .logos-list {
    padding-top: 20px
}

#landing-page-2021 #header.two-columns .logos-list p {
    font-size: 14px;
    line-height: 26px;
    color: #8e929b;
    margin: 0 0 20px;
    font-weight: 400;
    letter-spacing: 0
}

#landing-page-2021 #header.two-columns .logos-list ul {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 0;
    display: flex;
    align-items: center;
    justify-content: space-between
}

#landing-page-2021 #header.two-columns .logos-list ul li img {
    display: block
}

@media screen and (max-width:992px) {
    #landing-page-2021 #header.two-columns .logos-list ul {
        display: grid;
        grid-template-columns: auto auto auto auto
    }

    #landing-page-2021 #header.two-columns .logos-list ul li {
        margin-bottom: 20px
    }

    #landing-page-2021 #header.two-columns .row {
        display: flex;
        flex-direction: column
    }

    #landing-page-2021 #header.two-columns .text h1 {
        font-size: 39px;
        line-height: 48px;
        padding: 0;
        margin-bottom: 16px
    }

    #landing-page-2021 #header.two-columns .text div.review {
        display: none;
        flex-direction: column;
        align-items: center;
        justify-content: center
    }

    #landing-page-2021 #header.two-columns .text div.review li {
        margin-bottom: 20px
    }

    #landing-page-2021 #header.two-columns .text ul.icon-list li:nth-child(3n) {
        margin-right: 12px
    }

    #landing-page-2021 #header.two-columns .image div.review.responsive {
        display: block
    }

    #landing-page-2021 #header.two-columns .image div.review.responsive #reviews-best-product {
        padding: 0
    }

    #landing-page-2021 #header.two-columns .image div.review.responsive .row {
        padding: 0;
        margin: 30px 0 0;
        list-style: none;
        justify-content: space-between;
        align-items: center;
        flex-direction: row
    }

    #landing-page-2021 #header.two-columns .image div.review.responsive .col.col-md-4 {
        width: 45%;
        margin: 0
    }

    #landing-page-2021 #header.two-columns .image div.review.responsive .col.col-md-4 .img-container {
        padding: 0;
        height: auto
    }

    #landing-page-2021 #header.two-columns .image div.review.responsive .col.col-md-4:first-child,
    #landing-page-2021 #header.two-columns .image div.review.responsive .col.col-md-4:last-child {
        width: 20%
    }

    #landing-page-2021 #header.two-columns .image div.review.responsive .col.col-md-4 img {
        max-width: 100%;
        height: auto
    }
}

@media screen and (max-width:768px) {
    #landing-page-2021 #header.two-columns .logos-list ul {
        display: grid;
        grid-template-columns: auto auto auto
    }
}

@media screen and (max-width:480px) {
    #landing-page-2021 #header.two-columns .logos-list ul {
        display: grid;
        max-width: 90%;
        margin: auto;
        grid-template-columns: auto auto
    }

    #landing-page-2021 #header.two-columns .text ul.icon-list li {
        display: block;
        width: 100%;
        margin: 0 0 10px
    }

    #landing-page-2021 #header.two-columns .text .signupBox .btn.btn-green {
        width: 100%;
        margin: 15px 0 0
    }

    #landing-page-2021 #header.two-columns .text .signupBox small .subtitle-list {
        text-align: center
    }

    #landing-page-2021 #header.two-columns .image .image-box {
        min-height: 324px;
        background-size: auto 324px
    }

    #landing-page-2021 #header.two-columns .image .image-box img {
        height: 300px
    }
}

#landing-page-2021 #reviews-best-product {
    text-align: center;
    padding-top: 75px;
    padding-bottom: 120px
}

#landing-page-2021 #integrations-collage img {
    width: 100%;
    height: auto
}

#landing-page-2021 #metrics {
    text-align: center;
    padding-top: 75px;
    padding-bottom: 70px
}

#landing-page-2021 #metrics .icon-wrapper {
    font-size: 50px;
    color: #8e929b;
    margin-bottom: 15px
}

#landing-page-2021 #metrics strong {
    font-size: 18px;
    line-height: 28px
}

#landing-page-2021 #designer {
    background-color: #212423;
    padding: 110px 0;
    height: 577px
}

#landing-page-2021 #designer h3 {
    color: #fff;
    margin-top: 10px
}

#landing-page-2021 #designer p {
    color: #758088
}

#landing-page-2021 #designer .above-h3 {
    font-size: 10px;
    color: #a39bae;
    text-transform: uppercase;
    letter-spacing: 2px
}

#landing-page-2021 #designer .btn-blue-outline {
    background-color: transparent
}

#landing-page-2021 #designer .img-holder {
    position: relative;
    min-height: 300px
}

#landing-page-2021 #designer .img-holder img {
    position: absolute;
    width: auto;
    height: 576px;
    left: -170px;
    top: -110px
}

#landing-page-2021 #other-features {
    text-align: center;
    padding-top: 130px;
    padding-bottom: 110px
}

#landing-page-2021 #other-features p {
    margin-bottom: 25px
}

#landing-page-2021 #cta {
    padding-top: 90px;
    padding-bottom: 110px;
    background-color: #1766c0;
    text-align: center
}

#landing-page-2021 #cta h2,
#landing-page-2021 #cta p {
    color: #fff
}

@media only screen and (max-width:1200px) {
    #landing-page-2021 #designer .btn+.btn {
        margin-left: 0;
        margin-top: 20px
    }

    #landing-page-2021 #designer .img-holder img {
        left: -280px
    }
}

@media only screen and (max-width:991px) {
    #landing-page-2021 #designer {
        height: auto;
        padding-top: 55px;
        padding-bottom: 55px
    }

    #landing-page-2021 #designer .img-holder {
        display: none
    }

    #landing-page-2021 #designer .btn+.btn {
        margin-left: 35px;
        margin-top: 0
    }
}

@media only screen and (max-width:767px) {
    #landing-page-2021 .btn {
        display: block
    }

    #landing-page-2021 .btn+.btn {
        margin-left: 0 !important;
        margin-top: 20px !important
    }

    #landing-page-2021 #datasource-templates .layout-emphasized-blocks .block .box {
        height: 205px
    }

    #landing-page-2021 #datasource-templates .layout-emphasized-blocks .block span:not(.icon) {
        padding-top: 100px
    }

    #landing-page-2021 #cta .btn {
        display: inline-block
    }
}

@media only screen and (max-width:576px) {
    #landing-page-2021 #header .signupBox .icon-arrow {
        display: none
    }
}

@media only screen and (max-width:480px) {
    #landing-page-2021 h1 {
        font-size: 32px;
        line-height: 36px
    }

    #landing-page-2021 h2 {
        font-size: 24px;
        line-height: 28px
    }

    #landing-page-2021 h3 {
        font-size: 18px;
        line-height: 24px
    }

    #landing-page-2021 p {
        font-size: 16px;
        line-height: 24px
    }

    #landing-page-2021 .btn {
        font-size: 14px
    }

    #landing-page-2021 #header .signupBox .btn {
        margin: 20px auto 0;
        width: 100%
    }

    #landing-page-2021 #reviews-best-product {
        padding-top: 30px;
        padding-bottom: 60px
    }

    #landing-page-2021 #reviews-best-product p {
        margin-bottom: 40px
    }

    #landing-page-2021 #metrics {
        padding-top: 35px;
        padding-bottom: 30px
    }

    #landing-page-2021 #other-features {
        padding-top: 65px;
        padding-bottom: 55px
    }

    #landing-page-2021 #cta .btn {
        width: 100%
    }
}

#landing-page-2021 #dark-banner {
    padding: 80px 0 0
}

#landing-page-2021 #dark-banner .container {
    border-radius: 16px;
    border: 2px solid #2e5fa8;
    background-color: #0d1721;
    background-image: url("../img/landing-page-2021/topbanner/bg_home_banner.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative
}

@supports (background-image:url("../img/landing-page-2021/topbanner/bg_home_banner.webp")) {
    #landing-page-2021 #dark-banner .container {
        background-image: url("../img/landing-page-2021/topbanner/bg_home_banner.webp")
    }
}

#landing-page-2021 #dark-banner .container .row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 16px;
    overflow: hidden;
    background-image: url("../img/landing-page-2021/topbanner/bg_home_banner_inner.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 391px auto
}

@supports (background-image:url("../img/landing-page-2021/topbanner/bg_home_banner_inner.webp")) {
    #landing-page-2021 #dark-banner .container .row {
        background-image: url("../img/landing-page-2021/topbanner/bg_home_banner_inner.webp")
    }
}

#landing-page-2021 #dark-banner .container .text {
    color: #fff
}

#landing-page-2021 #dark-banner .container .text .text-inner {
    padding: 0 23px
}

#landing-page-2021 #dark-banner .container .text p {
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    max-width: 425px;
    margin: 0 0 32px;
    letter-spacing: 0
}

#landing-page-2021 #dark-banner .container .text h3 {
    color: #fff;
    font-size: 32px;
    line-height: 40px;
    font-weight: 600;
    margin: 0 0 24px
}

#landing-page-2021 #dark-banner .container .text h4 {
    color: #fff;
    font-size: 15px;
    line-height: 24px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 24px
}

#landing-page-2021 #dark-banner .container .text h4 .icon {
    margin-right: 7px
}

#landing-page-2021 #dark-banner .container .text .btn {
    background: linear-gradient(131deg, #7347de -5.87%, #c757ad 61.74%, #e3716d 103.35%);
    border-radius: 6px;
    padding: 14px 34px;
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    border: none;
    text-transform: none
}

#landing-page-2021 #dark-banner .container .text .btn:hover {
    background: linear-gradient(131deg, #e3716d -5.87%, #c757ad 61.74%, #7347de 103.35%)
}

#landing-page-2021 #dark-banner .container .image img {
    max-width: 100%;
    margin-top: 50px;
    position: relative;
    right: -15px
}

#landing-page-2021 #dark-banner .container .image .ribon {
    position: absolute;
    top: 0;
    right: 0;
    width: 131px;
    height: 131px;
    background-image: url("../img/landing-page-2021/topbanner/ribon.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    z-index: 9
}

@supports (background-image:url("../img/landing-page-2021/topbanner/ribon.webp")) {
    #landing-page-2021 #dark-banner .container .image .ribon {
        background-image: url("../img/landing-page-2021/topbanner/ribon.webp")
    }
}

#landing-page-2021 #dark-banner .container::after {
    content: "";
    position: absolute;
    bottom: -25px;
    z-index: -1;
    left: 0;
    right: 0;
    margin: auto;
    width: 95%;
    height: 50%;
    border-radius: 16px;
    opacity: .1;
    background: linear-gradient(131deg, #7347de -5.87%, #c757ad 61.74%, #e3716d 103.35%)
}

@media screen and (max-width:992px) {
    #landing-page-2021 #dark-banner {
        margin: auto
    }

    #landing-page-2021 #dark-banner .container .row {
        flex-direction: column
    }

    #landing-page-2021 #dark-banner .container .row .text {
        margin: 38px 0 0
    }

    #landing-page-2021 #dark-banner .container .row .text .text-inner {
        padding: 0 10px;
        text-align: center
    }

    #landing-page-2021 #dark-banner .container .row .text .text-inner h4 {
        font-size: 12px;
        line-height: 19px
    }

    #landing-page-2021 #dark-banner .container .row .text .text-inner h3 {
        font-size: 24px;
        line-height: 30px
    }

    #landing-page-2021 #dark-banner .container .row .text .text-inner p {
        font-size: 13px;
        line-height: 19px;
        text-align: center;
        max-width: inherit
    }

    #landing-page-2021 #dark-banner .container .row .text .text-inner .btn {
        font-size: 12px;
        line-height: 14px;
        display: inline-block
    }

    #landing-page-2021 #dark-banner .container .row .image {
        position: static
    }

    #landing-page-2021 #dark-banner .container .row .image .ribon {
        width: 82px;
        height: 82px
    }
}

@media screen and (max-width:768px) {
    #landing-page-2021 #dark-banner {
        width: 90%;
        margin: auto
    }
}

#navigation {
    background-color: #fff !important
}

@media only screen and (min-width:768px) {
    #navigation {
        background-color: unset !important
    }

    #navigation.fixed {
        background: #f4fbfe !important
    }
}

html {
    font-size: 16px !important
}

#landing-page-2024 ul {
    margin-bottom: 0;
    padding-inline-start: 0
}

#landing-page-2024 li {
    list-style: none
}

#landing-page-2024 p {
    margin: 0
}

#landing-page-2024 h1 {
    font-size: 2.5rem;
    line-height: 2.875rem;
    font-weight: 800
}

#landing-page-2024 h2 {
    font-size: 2rem;
    line-height: 2.5rem;
    font-weight: 800
}

#landing-page-2024 h3 {
    font-size: 1.5rem;
    line-height: 2.5rem;
    font-weight: 800
}

#landing-page-2024 h4 {
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 800
}

#landing-page-2024 h5 {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 800
}

#landing-page-2024 p {
    font-size: 1rem
}

#landing-page-2024 a {
    font-weight: 700
}

#landing-page-2024 h1,
#landing-page-2024 h2,
#landing-page-2024 h3,
#landing-page-2024 h4,
#landing-page-2024 h5 {
    max-width: 1000px
}

#landing-page-2024 strong {
    font-weight: 700
}

#landing-page-2024>section {
    max-width: 100vw;
    margin-bottom: 80px
}

#landing-page-2024>section h2 {
    margin-inline: auto
}

#landing-page-2024>section:first-of-type {
    padding-top: 155px
}

@media only screen and (min-width:1024px) {
    #landing-page-2024 h1 {
        font-size: 3.375rem;
        line-height: 3.75rem
    }

    #landing-page-2024 h2 {
        font-size: 3rem;
        line-height: 3.5rem
    }

    #landing-page-2024 h3 {
        font-size: 2rem;
        line-height: 2.5rem
    }

    #landing-page-2024 h4 {
        font-size: 1.5rem;
        line-height: 2.25rem
    }

    #landing-page-2024 h5 {
        font-size: 1rem;
        line-height: 1.5rem
    }

    #landing-page-2024 p {
        font-size: 1.125rem
    }

    #landing-page-2024>section:first-of-type {
        padding-top: 190px
    }
}

#landing-page-2024 .dbx-container>h1,
#landing-page-2024 .dbx-container>h2,
#landing-page-2024 .dbx-container>p {
    text-align: center
}

#landing-page-2024 .dbx-container>h1,
#landing-page-2024 .dbx-container>h2 {
    margin-bottom: 16px
}

#landing-page-2024 .dbx-container>h3 {
    margin-bottom: 24px !important
}

#landing-page-2024 .dbx-container>p {
    max-width: 750px;
    margin-inline: auto;
    margin-bottom: 56px
}

@media only screen and (min-width:768px) {

    #landing-page-2024 .dbx-container>h1,
    #landing-page-2024 .dbx-container>h2 {
        margin-bottom: 16px
    }

    #landing-page-2024 .dbx-container>p {
        display: block
    }
}

#landing-page-2024 #hero-banner {
    overflow-x: hidden;
    background: linear-gradient(180deg, rgba(0, 138, 206, .1) 0, rgba(255, 255, 255, 0) 100%)
}

#landing-page-2024 #hero-banner .btn {
    padding: unset;
    width: 164px;
    height: 54px
}

#landing-page-2024 #hero-banner .hero-banner__top {
    margin-bottom: 100px
}

#landing-page-2024 #hero-banner .hero-banner__top .hero-banner__try-it-button {
    position: relative
}

#landing-page-2024 #hero-banner .hero-banner__top .hero-banner__try-it-button::after {
    font-weight: 300;
    font-size: .75rem;
    line-height: 1.125rem;
    color: #0d0f11;
    content: "";
    position: absolute;
    left: 50%;
    bottom: -16px;
    transform: translate(-50%, 50%);
    white-space: nowrap
}

#landing-page-2024 #hero-banner .hero-banner__top .hero-banner__img-container {
    position: relative
}

#landing-page-2024 #hero-banner .hero-banner__top .hero-banner__img-container img {
    height: auto;
    width: 100%;
    max-width: 600px;
    place-self: center
}

#landing-page-2024 #hero-banner .hero-banner__top .hero-banner__img-container::after {
    display: none;
    content: "";
    position: absolute;
    left: -10px;
    top: -20px;
    right: -20px;
    bottom: -70px;
    background-size: auto 90%;
    z-index: -1;
    background-repeat: no-repeat;
    background-image: url("../img/landing-page-2024/hero-banner/polygon.png")
}

@supports (background-image:url("../img/landing-page-2024/hero-banner/polygon.webp")) {
    #landing-page-2024 #hero-banner .hero-banner__top .hero-banner__img-container::after {
        background-image: url("../img/landing-page-2024/hero-banner/polygon.webp")
    }
}

#landing-page-2024 #hero-banner .hero-banner__title {
    margin-bottom: 16px
}

#landing-page-2024 #hero-banner .hero-banner__text {
    margin-bottom: 32px
}

#landing-page-2024 #hero-banner .hero-banner__button-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between
}

#landing-page-2024 #hero-banner .dbx-trusted-by-businesses__title {
    font-weight: 300;
    font-size: .75rem;
    line-height: 1.125rem;
    color: #0d0f11
}

@media only screen and (min-width:375px) {
    #landing-page-2024 #hero-banner .hero-banner__button-container {
        justify-content: start;
        gap: 15px
    }
}

@media only screen and (min-width:768px) {
    #landing-page-2024 #hero-banner .hero-banner__top {
        place-items: center stretch
    }

    #landing-page-2024 #hero-banner .hero-banner__top .hero-banner__img-container img {
        height: 363px;
        max-width: unset;
        width: auto
    }

    #landing-page-2024 #hero-banner .hero-banner__top .hero-banner__img-container::after {
        display: block
    }

    #landing-page-2024 #hero-banner .hero-banner__top .hero-banner__try-it-button::after {
        font-weight: 300;
        font-size: .875rem;
        line-height: 1.25rem;
        color: #0d0f11
    }

    #landing-page-2024 #hero-banner .dbx-btn {
        width: 180px;
        height: 56px
    }

    #landing-page-2024 #hero-banner .dbx-trusted-by-businesses__title {
        font-weight: 300;
        font-size: .875rem;
        line-height: 1.25rem;
        color: #0d0f11
    }
}

@media only screen and (min-width:1024px) {
    #landing-page-2024 #hero-banner .hero-banner__top .hero-banner__img-container img {
        height: 446px
    }
}

@media only screen and (min-width:1440px) {
    #landing-page-2024 #hero-banner .hero-banner__top .hero-banner__img-container img {
        height: 550px
    }
}

#landing-page-2024 #improvement-impact .improvement-impact__compare {
    place-content: center
}

#landing-page-2024 #improvement-impact .improvement-impact__compare strong {
    font-weight: 900
}

#landing-page-2024 #improvement-impact .improvement-impact__compare .improvement-impact__box {
    position: relative;
    padding: 40px;
    border-radius: 24px;
    max-width: 624px
}

#landing-page-2024 #improvement-impact .improvement-impact__compare .improvement-impact__box .improvement-impact__title {
    margin-bottom: 24px
}

#landing-page-2024 #improvement-impact .improvement-impact__compare .improvement-impact__box .improvement-impact__list {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin: 0;
    padding: 0
}

#landing-page-2024 #improvement-impact .improvement-impact__compare .improvement-impact__box .improvement-impact__list-item {
    display: flex;
    gap: 8px;
    align-items: baseline;
    list-style: none
}

#landing-page-2024 #improvement-impact .improvement-impact__compare .improvement-impact__box .improvement-impact__list-item .icon {
    font-size: 20px;
    line-height: 20px
}

#landing-page-2024 #improvement-impact .improvement-impact__compare .improvement-impact__box--before-visoflow {
    border: 1px solid rgba(0, 0, 0, .1)
}

#landing-page-2024 #improvement-impact .improvement-impact__compare .improvement-impact__box--before-visoflow .icon {
    color: #ed2857
}

#landing-page-2024 #improvement-impact .improvement-impact__compare .improvement-impact__box--after-visoflow {
    background: linear-gradient(106deg, hsla(272, 49%, 55%, .1) -4%, hsla(347, 55%, 63%, .1) 89.91%)
}

#landing-page-2024 #improvement-impact .improvement-impact__compare .improvement-impact__box--after-visoflow strong {
    color: #9154c3
}

#landing-page-2024 #improvement-impact .improvement-impact__compare .improvement-impact__box--after-visoflow .icon {
    color: #9154c3
}

#landing-page-2024 #centralize-data .dbx-container {
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column
}

#landing-page-2024 #centralize-data .dbx-container::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 40%;
    height: 100%;
    transform: translate(-50%, -50%);
    background: radial-gradient(158.99% 50% at 50% 50%, #8b78ff 0, rgba(99, 73, 255, .37) 100%);
    opacity: .06;
    z-index: -1;
    filter: blur(160.4538269px)
}

#landing-page-2024 #centralize-data .centralize__list-container {
    margin-bottom: 64px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: space-between;
    gap: 32px
}

#landing-page-2024 #centralize-data .centralize__list-container:before {
    content: "";
    inset: 0;
    position: absolute;
    z-index: -1;
    background: radial-gradient(158.99% 50% at 50% 50%, #8b78ff 0, rgba(99, 73, 255, .37) 100%);
    opacity: .05;
    filter: blur(160.4538269px)
}

#landing-page-2024 #centralize-data .centralize-data__left-lines,
#landing-page-2024 #centralize-data .centralize-data__logo,
#landing-page-2024 #centralize-data .centralize-data__right-lines {
    display: none
}

#landing-page-2024 #centralize-data .centralize__box {
    padding: 12px 23px;
    box-shadow: 0 0 15px 1px #d2d3d7;
    border-radius: 8px;
    background-color: #fff
}

#landing-page-2024 #centralize-data .centralize__box ul {
    display: flex;
    margin-bottom: 13px
}

#landing-page-2024 #centralize-data .centralize__approaches,
#landing-page-2024 #centralize-data .centralize__integrations {
    flex: 1;
    max-width: 350px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 16px
}

#landing-page-2024 #centralize-data .centralize__approaches>h3,
#landing-page-2024 #centralize-data .centralize__integrations>h3 {
    font-size: 1.5rem;
    line-height: 3rem;
    text-align: center
}

#landing-page-2024 #centralize-data .centralize__approaches>ul,
#landing-page-2024 #centralize-data .centralize__integrations>ul {
    display: flex;
    flex-direction: column;
    gap: 16px
}

#landing-page-2024 #centralize-data .centralize__integrations .centralize__box {
    display: flex;
    flex-direction: column;
    align-items: stretch
}

#landing-page-2024 #centralize-data .centralize__integrations .centralize__box ul {
    justify-content: space-between;
    gap: 8px
}

#landing-page-2024 #centralize-data .centralize__integrations img {
    width: 40px;
    border-radius: 100%
}

#landing-page-2024 #centralize-data .centralize__integrations p {
    text-align: center;
    margin-bottom: 20px
}

#landing-page-2024 #centralize-data .centralize__approaches {
    display: flex
}

#landing-page-2024 #centralize-data .centralize__approaches .centralize__box {
    display: flex;
    align-items: center;
    gap: 16px;
    white-space: nowrap
}

#landing-page-2024 #centralize-data .centralize__approaches .icon:before {
    font-size: 22px
}

#landing-page-2024 #centralize-data .centralize__approaches .icon {
    padding: 9px;
    border-radius: 100%
}

#landing-page-2024 #centralize-data .centralize__approaches .icon-datawall {
    color: #2e4797;
    background: rgba(46, 71, 151, .1)
}

#landing-page-2024 #centralize-data .centralize__approaches .icon-goal-3 {
    color: #f4bb42;
    background: rgba(244, 187, 66, .1)
}

#landing-page-2024 #centralize-data .centralize__approaches .icon-report {
    color: #25a767;
    background: rgba(37, 167, 103, .1)
}

#landing-page-2024 #centralize-data .centralize__approaches .icon-mag-glass {
    color: #1d9ad6;
    background: rgba(29, 154, 214, .1)
}

#landing-page-2024 #centralize-data .centralize__approaches .icon-benchmarks {
    color: #7540ab;
    background: rgba(117, 64, 171, .1)
}

@media only screen and (min-width:768px) {
    #landing-page-2024 #centralize-data .centralize__list-container {
        max-width: 968px;
        display: flex;
        flex-direction: row;
        align-items: end;
        gap: unset
    }

    #landing-page-2024 #centralize-data .centralize__approaches,
    #landing-page-2024 #centralize-data .centralize__integrations {
        flex: 1 0 230px
    }

    #landing-page-2024 #centralize-data .centralize__box {
        padding-inline: 15px
    }

    #landing-page-2024 #centralize-data .centralize-data__logo {
        width: 50px
    }

    #landing-page-2024 #centralize-data .centralize-data__left-lines,
    #landing-page-2024 #centralize-data .centralize-data__logo,
    #landing-page-2024 #centralize-data .centralize-data__right-lines {
        display: inline-block;
        flex-shrink: 0;
        flex-grow: 0
    }

    #landing-page-2024 #centralize-data .centralize-data__left-lines,
    #landing-page-2024 #centralize-data .centralize-data__right-lines {
        width: 30px
    }

    #landing-page-2024 #centralize-data .centralize-data__left-lines {
        margin-bottom: 60px
    }

    #landing-page-2024 #centralize-data .centralize-data__right-lines {
        margin-bottom: 28px
    }

    #landing-page-2024 #centralize-data .centralize-data__logo {
        margin-bottom: 156px;
        flex-shrink: 0;
        flex-grow: 0
    }

    #landing-page-2024 #centralize-data .centralize__integrations img {
        width: 30px
    }

    #landing-page-2024 #centralize-data .centralize__approaches ul {
        gap: 22px
    }
}

@media only screen and (min-width:1024px) {
    #landing-page-2024 #centralize-data .centralize__box {
        padding-inline: 23px
    }

    #landing-page-2024 #centralize-data .centralize__list-container {
        transform: unset;
        gap: 8px
    }

    #landing-page-2024 #centralize-data .centralize-data__logo {
        width: 70px
    }

    #landing-page-2024 #centralize-data .centralize-data__left-lines,
    #landing-page-2024 #centralize-data .centralize-data__right-lines {
        width: 50px
    }

    #landing-page-2024 #centralize-data .centralize__integrations img {
        width: 40px
    }
}

@media only screen and (min-width:1024px) {
    #landing-page-2024 #centralize-data .centralize__box {
        padding-inline: 23px;
        width: 326px
    }

    #landing-page-2024 #centralize-data .centralize__list-container {
        transform: unset;
        gap: 8px
    }

    #landing-page-2024 #centralize-data .centralize-data__logo {
        width: 70px
    }

    #landing-page-2024 #centralize-data .centralize-data__left-lines,
    #landing-page-2024 #centralize-data .centralize-data__right-lines {
        width: 50px
    }

    #landing-page-2024 #centralize-data .centralize__integrations img {
        width: 40px
    }
}

@media only screen and (min-width:1200px) {
    #landing-page-2024 #centralize-data .centralize__list-container {
        transform: unset;
        gap: 24px
    }

    #landing-page-2024 #centralize-data .centralize__box {
        padding-inline: 23px
    }

    #landing-page-2024 #centralize-data .centralize-data__left-lines,
    #landing-page-2024 #centralize-data .centralize-data__right-lines {
        width: 60px
    }
}

#landing-page-2024 #all-in-one-platform h2 {
    max-width: 650px
}

#landing-page-2024 #all-in-one-platform .all-in-one-platform__feature-container {
    display: flex;
    flex-direction: column;
    gap: 40px
}

#landing-page-2024 #all-in-one-platform .all-in-one-platform__feature {
    position: relative;
    border-radius: 24px
}

#landing-page-2024 #all-in-one-platform .all-in-one-platform__feature ul {
    display: flex;
    flex-direction: column;
    gap: 12px
}

#landing-page-2024 #all-in-one-platform .all-in-one-platform__text-container {
    padding: 110px 16px 0 16px
}

#landing-page-2024 #all-in-one-platform .all-in-one-platform__img-container {
    padding-left: 16px;
    overflow: hidden;
    border-radius: 0 0 24px 0;
    max-height: 300px
}

#landing-page-2024 #all-in-one-platform .all-in-one-platform__badge {
    position: absolute;
    top: 37px;
    left: -8px;
    padding: 11px 16px;
    border-radius: 8px;
    color: #fff;
    font-size: .875rem;
    font-weight: 700;
    line-height: unset;
    display: flex;
    align-items: center;
    gap: 8px
}

#landing-page-2024 #all-in-one-platform .all-in-one-platform__badge .icon {
    font-size: 24px;
    line-height: 24px
}

#landing-page-2024 #all-in-one-platform .all-in-one-platform__gradient-line {
    position: absolute;
    top: 83px;
    left: 0;
    width: 2px;
    height: 100%
}

#landing-page-2024 #all-in-one-platform .all-in-one-platform__tag {
    margin-bottom: 16px;
    letter-spacing: .0625rem;
    font-size: 1rem;
    font-weight: 600
}

#landing-page-2024 #all-in-one-platform .all-in-one-platform__tag strong {
    font-weight: 800
}

#landing-page-2024 #all-in-one-platform h3 {
    font-size: 40px;
    font-weight: 700;
    line-height: 48px
}

#landing-page-2024 #all-in-one-platform .all-in-one-platform__title {
    font-size: 40px;
    margin-bottom: 32px
}

#landing-page-2024 #all-in-one-platform .all-in-one-platform__list {
    margin-bottom: 40px
}

#landing-page-2024 #all-in-one-platform .all-in-one-platform__list li {
    display: flex;
    align-items: baseline;
    gap: 8px
}

#landing-page-2024 #all-in-one-platform .all-in-one-platform__list .icon {
    font-size: 14px;
    line-height: 14px
}

#landing-page-2024 #all-in-one-platform .all-in-one-platform__button {
    padding-block: 11px;
    border-radius: 8px;
    transition: all .4s, color 0s
}

#landing-page-2024 #all-in-one-platform section:nth-of-type(6) {
    background-color: rgba(117, 64, 171, .1)
}

#landing-page-2024 #all-in-one-platform section:nth-of-type(6) .all-in-one-platform__badge {
    background-color: #7540ab
}

#landing-page-2024 #all-in-one-platform section:nth-of-type(6) .all-in-one-platform__tag {
    color: #7540ab
}

#landing-page-2024 #all-in-one-platform section:nth-of-type(6) .icon-check {
    color: #7540ab
}

#landing-page-2024 #all-in-one-platform section:nth-of-type(6) .all-in-one-platform__button {
    border: 1px solid #7540ab;
    color: #7540ab
}

#landing-page-2024 #all-in-one-platform section:nth-of-type(6) .all-in-one-platform__button:focus,
#landing-page-2024 #all-in-one-platform section:nth-of-type(6) .all-in-one-platform__button:hover {
    background: #7540ab;
    border-color: #7540ab;
    color: #fff
}

#landing-page-2024 #all-in-one-platform section:nth-of-type(6) .all-in-one-platform__gradient-line {
    background: linear-gradient(180deg, #7540ab 50%, extract(#1d9ad6, #2e4797, #f47920, #f4bb42, #25a767, #7540ab, 7) 99%)
}

#landing-page-2024 #all-in-one-platform section:nth-of-type(5) {
    background-color: rgba(37, 167, 103, .1)
}

#landing-page-2024 #all-in-one-platform section:nth-of-type(5) .all-in-one-platform__badge {
    background-color: #25a767
}

#landing-page-2024 #all-in-one-platform section:nth-of-type(5) .all-in-one-platform__tag {
    color: #25a767
}

#landing-page-2024 #all-in-one-platform section:nth-of-type(5) .icon-check {
    color: #25a767
}

#landing-page-2024 #all-in-one-platform section:nth-of-type(5) .all-in-one-platform__button {
    border: 1px solid #25a767;
    color: #25a767
}

#landing-page-2024 #all-in-one-platform section:nth-of-type(5) .all-in-one-platform__button:focus,
#landing-page-2024 #all-in-one-platform section:nth-of-type(5) .all-in-one-platform__button:hover {
    background: #25a767;
    border-color: #25a767;
    color: #fff
}

#landing-page-2024 #all-in-one-platform section:nth-of-type(5) .all-in-one-platform__gradient-line {
    background: linear-gradient(180deg, #25a767 50%, #7540ab 99%)
}

#landing-page-2024 #all-in-one-platform section:nth-of-type(4) {
    background-color: rgba(244, 187, 66, .1)
}

#landing-page-2024 #all-in-one-platform section:nth-of-type(4) .all-in-one-platform__badge {
    background-color: #f4bb42
}

#landing-page-2024 #all-in-one-platform section:nth-of-type(4) .all-in-one-platform__tag {
    color: #f4bb42
}

#landing-page-2024 #all-in-one-platform section:nth-of-type(4) .icon-check {
    color: #f4bb42
}

#landing-page-2024 #all-in-one-platform section:nth-of-type(4) .all-in-one-platform__button {
    border: 1px solid #f4bb42;
    color: #f4bb42
}

#landing-page-2024 #all-in-one-platform section:nth-of-type(4) .all-in-one-platform__button:focus,
#landing-page-2024 #all-in-one-platform section:nth-of-type(4) .all-in-one-platform__button:hover {
    background: #f4bb42;
    border-color: #f4bb42;
    color: #fff
}

#landing-page-2024 #all-in-one-platform section:nth-of-type(4) .all-in-one-platform__gradient-line {
    background: linear-gradient(180deg, #f4bb42 50%, #25a767 99%)
}

#landing-page-2024 #all-in-one-platform section:nth-of-type(3) {
    background-color: rgba(244, 121, 32, .1)
}

#landing-page-2024 #all-in-one-platform section:nth-of-type(3) .all-in-one-platform__badge {
    background-color: #f47920
}

#landing-page-2024 #all-in-one-platform section:nth-of-type(3) .all-in-one-platform__tag {
    color: #f47920
}

#landing-page-2024 #all-in-one-platform section:nth-of-type(3) .icon-check {
    color: #f47920
}

#landing-page-2024 #all-in-one-platform section:nth-of-type(3) .all-in-one-platform__button {
    border: 1px solid #f47920;
    color: #f47920
}

#landing-page-2024 #all-in-one-platform section:nth-of-type(3) .all-in-one-platform__button:focus,
#landing-page-2024 #all-in-one-platform section:nth-of-type(3) .all-in-one-platform__button:hover {
    background: #f47920;
    border-color: #f47920;
    color: #fff
}

#landing-page-2024 #all-in-one-platform section:nth-of-type(3) .all-in-one-platform__gradient-line {
    background: linear-gradient(180deg, #f47920 50%, #f4bb42 99%)
}

#landing-page-2024 #all-in-one-platform section:nth-of-type(2) {
    background-color: rgba(46, 71, 151, .1)
}

#landing-page-2024 #all-in-one-platform section:nth-of-type(2) .all-in-one-platform__badge {
    background-color: #2e4797
}

#landing-page-2024 #all-in-one-platform section:nth-of-type(2) .all-in-one-platform__tag {
    color: #2e4797
}

#landing-page-2024 #all-in-one-platform section:nth-of-type(2) .icon-check {
    color: #2e4797
}

#landing-page-2024 #all-in-one-platform section:nth-of-type(2) .all-in-one-platform__button {
    border: 1px solid #2e4797;
    color: #2e4797
}

#landing-page-2024 #all-in-one-platform section:nth-of-type(2) .all-in-one-platform__button:focus,
#landing-page-2024 #all-in-one-platform section:nth-of-type(2) .all-in-one-platform__button:hover {
    background: #2e4797;
    border-color: #2e4797;
    color: #fff
}

#landing-page-2024 #all-in-one-platform section:nth-of-type(2) .all-in-one-platform__gradient-line {
    background: linear-gradient(180deg, #2e4797 50%, #f47920 99%)
}

#landing-page-2024 #all-in-one-platform section:first-of-type {
    background-color: rgba(29, 154, 214, .1)
}

#landing-page-2024 #all-in-one-platform section:first-of-type .all-in-one-platform__badge {
    background-color: #1d9ad6
}

#landing-page-2024 #all-in-one-platform section:first-of-type .all-in-one-platform__tag {
    color: #1d9ad6
}

#landing-page-2024 #all-in-one-platform section:first-of-type .icon-check {
    color: #1d9ad6
}

#landing-page-2024 #all-in-one-platform section:first-of-type .all-in-one-platform__button {
    border: 1px solid #1d9ad6;
    color: #1d9ad6
}

#landing-page-2024 #all-in-one-platform section:first-of-type .all-in-one-platform__button:focus,
#landing-page-2024 #all-in-one-platform section:first-of-type .all-in-one-platform__button:hover {
    background: #1d9ad6;
    border-color: #1d9ad6;
    color: #fff
}

#landing-page-2024 #all-in-one-platform section:first-of-type .all-in-one-platform__gradient-line {
    background: linear-gradient(180deg, #1d9ad6 50%, #2e4797 99%)
}

@media only screen and (min-width:768px) {
    #landing-page-2024 #all-in-one-platform .all-in-one-platform__badge {
        top: 37px;
        left: -32px
    }

    #landing-page-2024 #all-in-one-platform .all-in-one-platform__gradient-line {
        top: 83px
    }

    #landing-page-2024 #all-in-one-platform .all-in-one-platform__text-container {
        padding: 110px 56px 0 56px
    }

    #landing-page-2024 #all-in-one-platform .all-in-one-platform__img-container {
        padding-left: 56px
    }

    #landing-page-2024 #all-in-one-platform .all-in-one-platform__feature {
        margin-left: 32px
    }
}

@media only screen and (min-width:1024px) {
    #landing-page-2024 #all-in-one-platform .all-in-one-platform__feature {
        height: unset
    }

    #landing-page-2024 #all-in-one-platform .all-in-one-platform__text-container {
        padding: 156px 0 110px 80px;
        max-height: unset
    }

    #landing-page-2024 #all-in-one-platform .all-in-one-platform__img-container {
        flex: 1;
        border-radius: 0 24px 24px 0;
        padding-top: 110px;
        padding-left: unset;
        max-height: unset
    }

    #landing-page-2024 #all-in-one-platform .all-in-one-platform__img-container--inner {
        padding: 156px 0 76px 68px;
        position: relative;
        width: 50%
    }

    #landing-page-2024 #all-in-one-platform .all-in-one-platform__img-container--inner img {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0
    }

    #landing-page-2024 #all-in-one-platform .all-in-one-platform__badge {
        font-size: 16px
    }

    #landing-page-2024 #all-in-one-platform .all-in-one-platform__badge .icon {
        font-size: 32px
    }
}

#landing-page-2024 #powerful-and-accessible {
    padding-top: 48px;
    position: relative
}

#landing-page-2024 #powerful-and-accessible .dbx-container>p:first-of-type {
    margin-bottom: 0
}

#landing-page-2024 #powerful-and-accessible .dbx-container {
    display: flex;
    flex-direction: column;
    align-items: center
}

#landing-page-2024 #powerful-and-accessible .background {
    position: absolute;
    overflow-x: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background: linear-gradient(180deg, rgba(0, 138, 206, .1) 0, rgba(255, 255, 255, 0) 100%)
}

#landing-page-2024 #powerful-and-accessible .background .dbx-container {
    position: relative
}

#landing-page-2024 #powerful-and-accessible .background .dbx-container svg {
    position: absolute;
    width: 180px;
    height: 180px
}

#landing-page-2024 #powerful-and-accessible .background .dbx-container .polygon-1 {
    top: 0;
    left: 0;
    transform: translate(-70%, 15%)
}

#landing-page-2024 #powerful-and-accessible .background .dbx-container .polygon-2 {
    top: 0;
    right: 0;
    transform: translate(70%, 25%)
}

#landing-page-2024 #powerful-and-accessible .powerful-and-accessible__tag {
    font-weight: 600;
    margin-inline: auto;
    width: min-content;
    white-space: nowrap;
    background-color: rgba(30, 155, 215, .1);
    color: #1e9bd7;
    padding: 8px 16px;
    border-radius: 6px
}

#landing-page-2024 #powerful-and-accessible .powerful-and-accessible__box-container {
    place-content: space-between center;
    margin-bottom: 48px
}

#landing-page-2024 #powerful-and-accessible .powerful-and-accessible__box {
    display: flex;
    gap: 16px;
    flex-direction: column;
    background-color: #fff;
    padding: 24px;
    border-radius: 12px;
    box-shadow: 0 0 15px 1px #d2d3d7
}

#landing-page-2024 #powerful-and-accessible .powerful-and-accessible__box-title-container {
    display: flex;
    align-items: center;
    gap: 16px
}

@media only screen and (min-width:1200px) {
    #landing-page-2024 #powerful-and-accessible .background .dbx-container .polygon-1 {
        top: 0;
        left: 0;
        transform: translate(-20%, 35%)
    }

    #landing-page-2024 #powerful-and-accessible .background .dbx-container .polygon-2 {
        top: 0;
        right: 0;
        transform: translate(20%, 50%)
    }
}

#landing-page-2024 #reviews-and-rewards .dbx-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 24px;
    padding: 62px
}

#landing-page-2024 #reviews-and-rewards .dbx-container picture img {
    max-width: 100%
}

#landing-page-2024 #reviews-and-rewards .reviews-and-rewards__end,
#landing-page-2024 #reviews-and-rewards .reviews-and-rewards__start {
    max-width: 94px
}

#landing-page-2024 #reviews-and-rewards .reviews-and-rewards__center {
    max-width: 268px
}

@media only screen and (min-width:768px) {

    #landing-page-2024 #reviews-and-rewards .reviews-and-rewards__end,
    #landing-page-2024 #reviews-and-rewards .reviews-and-rewards__start {
        max-width: 144px
    }

    #landing-page-2024 #reviews-and-rewards .reviews-and-rewards__center {
        max-width: 364px
    }
}

@media only screen and (min-width:1024px) {
    #landing-page-2024 #reviews-and-rewards .dbx-container {
        flex-direction: row
    }
}

#landing-page-2024 #learn h2 {
    margin-bottom: 40px
}

@media only screen and (min-width:1440px) {
    #landing-page-2024 #learn .learn__box-container {
        padding-inline: 164px
    }
}

#landing-page-2024 #case-studies {
    position: relative
}

#landing-page-2024 #case-studies::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80%;
    height: 80%;
    transform: translate(-50%, -50%);
    opacity: .07;
    background: #008ace;
    filter: blur(167.31533813px);
    z-index: -1
}

#landing-page-2024 #case-studies .dbx-container {
    display: flex;
    flex-direction: column;
    gap: 32px
}

#landing-page-2024 #case-studies .case-studies__box-container {
    place-items: stretch stretch
}

#landing-page-2024 #case-studies .case-studies__box-container .case-studies__box {
    display: flex;
    justify-content: space-between;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 12px;
    box-shadow: 0 0 15px 1px rgba(142, 146, 155, .3);
    background-color: #fff;
    transition: box-shadow 50ms;
    gap: 16px
}

#landing-page-2024 #case-studies .case-studies__box-container .case-studies__box:hover {
    box-shadow: 0 0 15px 1px rgba(142, 146, 155, .6)
}

#landing-page-2024 #case-studies .case-studies__box-container .case-studies__text-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 18px 0 18px 18px
}

#landing-page-2024 #case-studies .case-studies__box-container .case-studies__logo-container img {
    height: 16px
}

#landing-page-2024 #case-studies .case-studies__box-container .case-studies__img-container {
    position: relative;
    overflow: hidden;
    margin: 6px 6px 6px 0;
    border-radius: 6px;
    min-width: 110px
}

#landing-page-2024 #case-studies .case-studies__box-container .case-studies__img-container img {
    position: absolute;
    height: 100%
}

#landing-page-2024 #case-studies .case-studies__box-container .case-studies__title {
    margin-top: 10%
}

#landing-page-2024 #case-studies .case-studies__box-container .case-studies__link .icon {
    margin-left: 6px;
    font-size: 8px
}

#landing-page-2024 #case-studies .case-studies__show-all-btn {
    align-self: center
}

@media only screen and (min-width:768px) {
    #landing-page-2024 #case-studies .case-studies__box-container {
        padding-block: 16px
    }

    #landing-page-2024 #case-studies .case-studies__show-all-btn {
        min-width: 322px
    }
}

@media only screen and (min-width:1024px) {
    #landing-page-2024 #case-studies .case-studies__box-container .case-studies__img-container {
        height: 240px;
        min-width: 180px
    }
}

@media only screen and (min-width:1440px) {
    #landing-page-2024 #case-studies .case-studies__box-container {
        padding-inline: 164px
    }
}

#navigation.is_banner+#landing-page-2024>section:first-of-type,
#navigation.is_promotion_banner+#landing-page-2024>section:first-of-type {
    padding-top: 190px
}

.emphasized-blocks {
    text-align: left;
    margin-bottom: 50px
}

.emphasized-blocks .box {
    padding: 10px 25px 0 40px;
    height: 425px;
    text-align: left;
    font-size: 16px;
    line-height: 24px
}

.emphasized-blocks .box div {
    color: #2d3237;
    margin-top: 10px
}

.emphasized-blocks .box span {
    display: block;
    color: #1679a6;
    font-size: inherit;
    padding-top: 10px
}

.emphasized-blocks .box:hover {
    -moz-box-shadow: 2px 2px 20px 5px rgba(37, 37, 37, .1);
    -webkit-box-shadow: 2px 2px 20px 5px rgba(37, 37, 37, .1);
    box-shadow: 2px 2px 20px 5px rgba(37, 37, 37, .1);
    background: #fff
}

.emphasized-blocks .box:hover a {
    text-decoration: none
}

.is_promotion_banner #header,
.is_promotion_banner .header {
    margin-top: 48px
}

.dbx-container {
    margin-inline: auto;
    padding-inline: 16px
}

@media screen and (min-width:768px) {
    .dbx-container {
        padding-inline: 80px
    }
}

@media screen and (min-width:1440px) {
    .dbx-container {
        max-width: 1440px
    }
}

.dbx-grid {
    display: grid
}

.dbx-equal-rows {
    grid-auto-rows: 1fr
}

.dbx-grid.dbx-col-12 {
    grid-template-columns: repeat(12, 1fr)
}

.dbx-grid.dbx-row-12 {
    grid-template-rows: repeat(12, 1fr)
}

.dbx-grid.dbx-col-11 {
    grid-template-columns: repeat(11, 1fr)
}

.dbx-grid.dbx-row-11 {
    grid-template-rows: repeat(11, 1fr)
}

.dbx-grid.dbx-col-10 {
    grid-template-columns: repeat(10, 1fr)
}

.dbx-grid.dbx-row-10 {
    grid-template-rows: repeat(10, 1fr)
}

.dbx-grid.dbx-col-9 {
    grid-template-columns: repeat(9, 1fr)
}

.dbx-grid.dbx-row-9 {
    grid-template-rows: repeat(9, 1fr)
}

.dbx-grid.dbx-col-8 {
    grid-template-columns: repeat(8, 1fr)
}

.dbx-grid.dbx-row-8 {
    grid-template-rows: repeat(8, 1fr)
}

.dbx-grid.dbx-col-7 {
    grid-template-columns: repeat(7, 1fr)
}

.dbx-grid.dbx-row-7 {
    grid-template-rows: repeat(7, 1fr)
}

.dbx-grid.dbx-col-6 {
    grid-template-columns: repeat(6, 1fr)
}

.dbx-grid.dbx-row-6 {
    grid-template-rows: repeat(6, 1fr)
}

.dbx-grid.dbx-col-5 {
    grid-template-columns: repeat(5, 1fr)
}

.dbx-grid.dbx-row-5 {
    grid-template-rows: repeat(5, 1fr)
}

.dbx-grid.dbx-col-4 {
    grid-template-columns: repeat(4, 1fr)
}

.dbx-grid.dbx-row-4 {
    grid-template-rows: repeat(4, 1fr)
}

.dbx-grid.dbx-col-3 {
    grid-template-columns: repeat(3, 1fr)
}

.dbx-grid.dbx-row-3 {
    grid-template-rows: repeat(3, 1fr)
}

.dbx-grid.dbx-col-2 {
    grid-template-columns: repeat(2, 1fr)
}

.dbx-grid.dbx-row-2 {
    grid-template-rows: repeat(2, 1fr)
}

.dbx-grid.dbx-col-1 {
    grid-template-columns: repeat(1, 1fr)
}

.dbx-grid.dbx-row-1 {
    grid-template-rows: repeat(1, 1fr)
}

.dbx-grid>.dbx-col-12 {
    grid-column: span 12
}

.dbx-grid>.dbx-row-12 {
    grid-row: span 12
}

.dbx-grid>.dbx-col-11 {
    grid-column: span 11
}

.dbx-grid>.dbx-row-11 {
    grid-row: span 11
}

.dbx-grid>.dbx-col-10 {
    grid-column: span 10
}

.dbx-grid>.dbx-row-10 {
    grid-row: span 10
}

.dbx-grid>.dbx-col-9 {
    grid-column: span 9
}

.dbx-grid>.dbx-row-9 {
    grid-row: span 9
}

.dbx-grid>.dbx-col-8 {
    grid-column: span 8
}

.dbx-grid>.dbx-row-8 {
    grid-row: span 8
}

.dbx-grid>.dbx-col-7 {
    grid-column: span 7
}

.dbx-grid>.dbx-row-7 {
    grid-row: span 7
}

.dbx-grid>.dbx-col-6 {
    grid-column: span 6
}

.dbx-grid>.dbx-row-6 {
    grid-row: span 6
}

.dbx-grid>.dbx-col-5 {
    grid-column: span 5
}

.dbx-grid>.dbx-row-5 {
    grid-row: span 5
}

.dbx-grid>.dbx-col-4 {
    grid-column: span 4
}

.dbx-grid>.dbx-row-4 {
    grid-row: span 4
}

.dbx-grid>.dbx-col-3 {
    grid-column: span 3
}

.dbx-grid>.dbx-row-3 {
    grid-row: span 3
}

.dbx-grid>.dbx-col-2 {
    grid-column: span 2
}

.dbx-grid>.dbx-row-2 {
    grid-row: span 2
}

.dbx-grid>.dbx-col-1 {
    grid-column: span 1
}

.dbx-grid>.dbx-row-1 {
    grid-row: span 1
}

.dbx-gap-120 {
    gap: 120px
}

.dbx-row-gap-120 {
    row-gap: 120px
}

.dbx-col-gap-120 {
    column-gap: 120px
}

.dbx-gap-96 {
    gap: 96px
}

.dbx-row-gap-96 {
    row-gap: 96px
}

.dbx-col-gap-96 {
    column-gap: 96px
}

.dbx-gap-80 {
    gap: 80px
}

.dbx-row-gap-80 {
    row-gap: 80px
}

.dbx-col-gap-80 {
    column-gap: 80px
}

.dbx-gap-72 {
    gap: 72px
}

.dbx-row-gap-72 {
    row-gap: 72px
}

.dbx-col-gap-72 {
    column-gap: 72px
}

.dbx-gap-64 {
    gap: 64px
}

.dbx-row-gap-64 {
    row-gap: 64px
}

.dbx-col-gap-64 {
    column-gap: 64px
}

.dbx-gap-56 {
    gap: 56px
}

.dbx-row-gap-56 {
    row-gap: 56px
}

.dbx-col-gap-56 {
    column-gap: 56px
}

.dbx-gap-48 {
    gap: 48px
}

.dbx-row-gap-48 {
    row-gap: 48px
}

.dbx-col-gap-48 {
    column-gap: 48px
}

.dbx-gap-40 {
    gap: 40px
}

.dbx-row-gap-40 {
    row-gap: 40px
}

.dbx-col-gap-40 {
    column-gap: 40px
}

.dbx-gap-32 {
    gap: 32px
}

.dbx-row-gap-32 {
    row-gap: 32px
}

.dbx-col-gap-32 {
    column-gap: 32px
}

.dbx-gap-24 {
    gap: 24px
}

.dbx-row-gap-24 {
    row-gap: 24px
}

.dbx-col-gap-24 {
    column-gap: 24px
}

.dbx-gap-16 {
    gap: 16px
}

.dbx-row-gap-16 {
    row-gap: 16px
}

.dbx-col-gap-16 {
    column-gap: 16px
}

.dbx-gap-8 {
    gap: 8px
}

.dbx-row-gap-8 {
    row-gap: 8px
}

.dbx-col-gap-8 {
    column-gap: 8px
}

@media only screen and (min-width:768px) {
    .dbx-grid.dbx-sm-col-12 {
        grid-template-columns: repeat(12, 1fr)
    }

    .dbx-grid.dbx-sm-row-12 {
        grid-template-rows: repeat(12, 1fr)
    }

    .dbx-grid.dbx-sm-col-11 {
        grid-template-columns: repeat(11, 1fr)
    }

    .dbx-grid.dbx-sm-row-11 {
        grid-template-rows: repeat(11, 1fr)
    }

    .dbx-grid.dbx-sm-col-10 {
        grid-template-columns: repeat(10, 1fr)
    }

    .dbx-grid.dbx-sm-row-10 {
        grid-template-rows: repeat(10, 1fr)
    }

    .dbx-grid.dbx-sm-col-9 {
        grid-template-columns: repeat(9, 1fr)
    }

    .dbx-grid.dbx-sm-row-9 {
        grid-template-rows: repeat(9, 1fr)
    }

    .dbx-grid.dbx-sm-col-8 {
        grid-template-columns: repeat(8, 1fr)
    }

    .dbx-grid.dbx-sm-row-8 {
        grid-template-rows: repeat(8, 1fr)
    }

    .dbx-grid.dbx-sm-col-7 {
        grid-template-columns: repeat(7, 1fr)
    }

    .dbx-grid.dbx-sm-row-7 {
        grid-template-rows: repeat(7, 1fr)
    }

    .dbx-grid.dbx-sm-col-6 {
        grid-template-columns: repeat(6, 1fr)
    }

    .dbx-grid.dbx-sm-row-6 {
        grid-template-rows: repeat(6, 1fr)
    }

    .dbx-grid.dbx-sm-col-5 {
        grid-template-columns: repeat(5, 1fr)
    }

    .dbx-grid.dbx-sm-row-5 {
        grid-template-rows: repeat(5, 1fr)
    }

    .dbx-grid.dbx-sm-col-4 {
        grid-template-columns: repeat(4, 1fr)
    }

    .dbx-grid.dbx-sm-row-4 {
        grid-template-rows: repeat(4, 1fr)
    }

    .dbx-grid.dbx-sm-col-3 {
        grid-template-columns: repeat(3, 1fr)
    }

    .dbx-grid.dbx-sm-row-3 {
        grid-template-rows: repeat(3, 1fr)
    }

    .dbx-grid.dbx-sm-col-2 {
        grid-template-columns: repeat(2, 1fr)
    }

    .dbx-grid.dbx-sm-row-2 {
        grid-template-rows: repeat(2, 1fr)
    }

    .dbx-grid.dbx-sm-col-1 {
        grid-template-columns: repeat(1, 1fr)
    }

    .dbx-grid.dbx-sm-row-1 {
        grid-template-rows: repeat(1, 1fr)
    }

    .dbx-grid>.dbx-sm-col-12 {
        grid-column: span 12
    }

    .dbx-grid>.dbx-sm-row-12 {
        grid-row: span 12
    }

    .dbx-grid>.dbx-sm-col-11 {
        grid-column: span 11
    }

    .dbx-grid>.dbx-sm-row-11 {
        grid-row: span 11
    }

    .dbx-grid>.dbx-sm-col-10 {
        grid-column: span 10
    }

    .dbx-grid>.dbx-sm-row-10 {
        grid-row: span 10
    }

    .dbx-grid>.dbx-sm-col-9 {
        grid-column: span 9
    }

    .dbx-grid>.dbx-sm-row-9 {
        grid-row: span 9
    }

    .dbx-grid>.dbx-sm-col-8 {
        grid-column: span 8
    }

    .dbx-grid>.dbx-sm-row-8 {
        grid-row: span 8
    }

    .dbx-grid>.dbx-sm-col-7 {
        grid-column: span 7
    }

    .dbx-grid>.dbx-sm-row-7 {
        grid-row: span 7
    }

    .dbx-grid>.dbx-sm-col-6 {
        grid-column: span 6
    }

    .dbx-grid>.dbx-sm-row-6 {
        grid-row: span 6
    }

    .dbx-grid>.dbx-sm-col-5 {
        grid-column: span 5
    }

    .dbx-grid>.dbx-sm-row-5 {
        grid-row: span 5
    }

    .dbx-grid>.dbx-sm-col-4 {
        grid-column: span 4
    }

    .dbx-grid>.dbx-sm-row-4 {
        grid-row: span 4
    }

    .dbx-grid>.dbx-sm-col-3 {
        grid-column: span 3
    }

    .dbx-grid>.dbx-sm-row-3 {
        grid-row: span 3
    }

    .dbx-grid>.dbx-sm-col-2 {
        grid-column: span 2
    }

    .dbx-grid>.dbx-sm-row-2 {
        grid-row: span 2
    }

    .dbx-grid>.dbx-sm-col-1 {
        grid-column: span 1
    }

    .dbx-grid>.dbx-sm-row-1 {
        grid-row: span 1
    }

    .dbx-sm-gap-120 {
        gap: 120px
    }

    .dbx-sm-row-gap-120 {
        row-gap: 120px
    }

    .dbx-sm-col-gap-120 {
        column-gap: 120px
    }

    .dbx-sm-gap-96 {
        gap: 96px
    }

    .dbx-sm-row-gap-96 {
        row-gap: 96px
    }

    .dbx-sm-col-gap-96 {
        column-gap: 96px
    }

    .dbx-sm-gap-80 {
        gap: 80px
    }

    .dbx-sm-row-gap-80 {
        row-gap: 80px
    }

    .dbx-sm-col-gap-80 {
        column-gap: 80px
    }

    .dbx-sm-gap-72 {
        gap: 72px
    }

    .dbx-sm-row-gap-72 {
        row-gap: 72px
    }

    .dbx-sm-col-gap-72 {
        column-gap: 72px
    }

    .dbx-sm-gap-64 {
        gap: 64px
    }

    .dbx-sm-row-gap-64 {
        row-gap: 64px
    }

    .dbx-sm-col-gap-64 {
        column-gap: 64px
    }

    .dbx-sm-gap-56 {
        gap: 56px
    }

    .dbx-sm-row-gap-56 {
        row-gap: 56px
    }

    .dbx-sm-col-gap-56 {
        column-gap: 56px
    }

    .dbx-sm-gap-48 {
        gap: 48px
    }

    .dbx-sm-row-gap-48 {
        row-gap: 48px
    }

    .dbx-sm-col-gap-48 {
        column-gap: 48px
    }

    .dbx-sm-gap-40 {
        gap: 40px
    }

    .dbx-sm-row-gap-40 {
        row-gap: 40px
    }

    .dbx-sm-col-gap-40 {
        column-gap: 40px
    }

    .dbx-sm-gap-32 {
        gap: 32px
    }

    .dbx-sm-row-gap-32 {
        row-gap: 32px
    }

    .dbx-sm-col-gap-32 {
        column-gap: 32px
    }

    .dbx-sm-gap-24 {
        gap: 24px
    }

    .dbx-sm-row-gap-24 {
        row-gap: 24px
    }

    .dbx-sm-col-gap-24 {
        column-gap: 24px
    }

    .dbx-sm-gap-16 {
        gap: 16px
    }

    .dbx-sm-row-gap-16 {
        row-gap: 16px
    }

    .dbx-sm-col-gap-16 {
        column-gap: 16px
    }

    .dbx-sm-gap-8 {
        gap: 8px
    }

    .dbx-sm-row-gap-8 {
        row-gap: 8px
    }

    .dbx-sm-col-gap-8 {
        column-gap: 8px
    }
}

@media only screen and (min-width:1024px) {
    .dbx-grid.dbx-md-col-12 {
        grid-template-columns: repeat(12, 1fr)
    }

    .dbx-grid.dbx-md-row-12 {
        grid-template-rows: repeat(12, 1fr)
    }

    .dbx-grid.dbx-md-col-11 {
        grid-template-columns: repeat(11, 1fr)
    }

    .dbx-grid.dbx-md-row-11 {
        grid-template-rows: repeat(11, 1fr)
    }

    .dbx-grid.dbx-md-col-10 {
        grid-template-columns: repeat(10, 1fr)
    }

    .dbx-grid.dbx-md-row-10 {
        grid-template-rows: repeat(10, 1fr)
    }

    .dbx-grid.dbx-md-col-9 {
        grid-template-columns: repeat(9, 1fr)
    }

    .dbx-grid.dbx-md-row-9 {
        grid-template-rows: repeat(9, 1fr)
    }

    .dbx-grid.dbx-md-col-8 {
        grid-template-columns: repeat(8, 1fr)
    }

    .dbx-grid.dbx-md-row-8 {
        grid-template-rows: repeat(8, 1fr)
    }

    .dbx-grid.dbx-md-col-7 {
        grid-template-columns: repeat(7, 1fr)
    }

    .dbx-grid.dbx-md-row-7 {
        grid-template-rows: repeat(7, 1fr)
    }

    .dbx-grid.dbx-md-col-6 {
        grid-template-columns: repeat(6, 1fr)
    }

    .dbx-grid.dbx-md-row-6 {
        grid-template-rows: repeat(6, 1fr)
    }

    .dbx-grid.dbx-md-col-5 {
        grid-template-columns: repeat(5, 1fr)
    }

    .dbx-grid.dbx-md-row-5 {
        grid-template-rows: repeat(5, 1fr)
    }

    .dbx-grid.dbx-md-col-4 {
        grid-template-columns: repeat(4, 1fr)
    }

    .dbx-grid.dbx-md-row-4 {
        grid-template-rows: repeat(4, 1fr)
    }

    .dbx-grid.dbx-md-col-3 {
        grid-template-columns: repeat(3, 1fr)
    }

    .dbx-grid.dbx-md-row-3 {
        grid-template-rows: repeat(3, 1fr)
    }

    .dbx-grid.dbx-md-col-2 {
        grid-template-columns: repeat(2, 1fr)
    }

    .dbx-grid.dbx-md-row-2 {
        grid-template-rows: repeat(2, 1fr)
    }

    .dbx-grid.dbx-md-col-1 {
        grid-template-columns: repeat(1, 1fr)
    }

    .dbx-grid.dbx-md-row-1 {
        grid-template-rows: repeat(1, 1fr)
    }

    .dbx-grid>.dbx-md-col-12 {
        grid-column: span 12
    }

    .dbx-grid>.dbx-md-row-12 {
        grid-row: span 12
    }

    .dbx-grid>.dbx-md-col-11 {
        grid-column: span 11
    }

    .dbx-grid>.dbx-md-row-11 {
        grid-row: span 11
    }

    .dbx-grid>.dbx-md-col-10 {
        grid-column: span 10
    }

    .dbx-grid>.dbx-md-row-10 {
        grid-row: span 10
    }

    .dbx-grid>.dbx-md-col-9 {
        grid-column: span 9
    }

    .dbx-grid>.dbx-md-row-9 {
        grid-row: span 9
    }

    .dbx-grid>.dbx-md-col-8 {
        grid-column: span 8
    }

    .dbx-grid>.dbx-md-row-8 {
        grid-row: span 8
    }

    .dbx-grid>.dbx-md-col-7 {
        grid-column: span 7
    }

    .dbx-grid>.dbx-md-row-7 {
        grid-row: span 7
    }

    .dbx-grid>.dbx-md-col-6 {
        grid-column: span 6
    }

    .dbx-grid>.dbx-md-row-6 {
        grid-row: span 6
    }

    .dbx-grid>.dbx-md-col-5 {
        grid-column: span 5
    }

    .dbx-grid>.dbx-md-row-5 {
        grid-row: span 5
    }

    .dbx-grid>.dbx-md-col-4 {
        grid-column: span 4
    }

    .dbx-grid>.dbx-md-row-4 {
        grid-row: span 4
    }

    .dbx-grid>.dbx-md-col-3 {
        grid-column: span 3
    }

    .dbx-grid>.dbx-md-row-3 {
        grid-row: span 3
    }

    .dbx-grid>.dbx-md-col-2 {
        grid-column: span 2
    }

    .dbx-grid>.dbx-md-row-2 {
        grid-row: span 2
    }

    .dbx-grid>.dbx-md-col-1 {
        grid-column: span 1
    }

    .dbx-grid>.dbx-md-row-1 {
        grid-row: span 1
    }

    .dbx-md-gap-120 {
        gap: 120px
    }

    .dbx-md-row-gap-120 {
        row-gap: 120px
    }

    .dbx-md-col-gap-120 {
        column-gap: 120px
    }

    .dbx-md-gap-96 {
        gap: 96px
    }

    .dbx-md-row-gap-96 {
        row-gap: 96px
    }

    .dbx-md-col-gap-96 {
        column-gap: 96px
    }

    .dbx-md-gap-80 {
        gap: 80px
    }

    .dbx-md-row-gap-80 {
        row-gap: 80px
    }

    .dbx-md-col-gap-80 {
        column-gap: 80px
    }

    .dbx-md-gap-72 {
        gap: 72px
    }

    .dbx-md-row-gap-72 {
        row-gap: 72px
    }

    .dbx-md-col-gap-72 {
        column-gap: 72px
    }

    .dbx-md-gap-64 {
        gap: 64px
    }

    .dbx-md-row-gap-64 {
        row-gap: 64px
    }

    .dbx-md-col-gap-64 {
        column-gap: 64px
    }

    .dbx-md-gap-56 {
        gap: 56px
    }

    .dbx-md-row-gap-56 {
        row-gap: 56px
    }

    .dbx-md-col-gap-56 {
        column-gap: 56px
    }

    .dbx-md-gap-48 {
        gap: 48px
    }

    .dbx-md-row-gap-48 {
        row-gap: 48px
    }

    .dbx-md-col-gap-48 {
        column-gap: 48px
    }

    .dbx-md-gap-40 {
        gap: 40px
    }

    .dbx-md-row-gap-40 {
        row-gap: 40px
    }

    .dbx-md-col-gap-40 {
        column-gap: 40px
    }

    .dbx-md-gap-32 {
        gap: 32px
    }

    .dbx-md-row-gap-32 {
        row-gap: 32px
    }

    .dbx-md-col-gap-32 {
        column-gap: 32px
    }

    .dbx-md-gap-24 {
        gap: 24px
    }

    .dbx-md-row-gap-24 {
        row-gap: 24px
    }

    .dbx-md-col-gap-24 {
        column-gap: 24px
    }

    .dbx-md-gap-16 {
        gap: 16px
    }

    .dbx-md-row-gap-16 {
        row-gap: 16px
    }

    .dbx-md-col-gap-16 {
        column-gap: 16px
    }

    .dbx-md-gap-8 {
        gap: 8px
    }

    .dbx-md-row-gap-8 {
        row-gap: 8px
    }

    .dbx-md-col-gap-8 {
        column-gap: 8px
    }
}

@media only screen and (min-width:1200px) {
    .dbx-grid.dbx-lg-col-12 {
        grid-template-columns: repeat(12, 1fr)
    }

    .dbx-grid.dbx-lg-row-12 {
        grid-template-rows: repeat(12, 1fr)
    }

    .dbx-grid.dbx-lg-col-11 {
        grid-template-columns: repeat(11, 1fr)
    }

    .dbx-grid.dbx-lg-row-11 {
        grid-template-rows: repeat(11, 1fr)
    }

    .dbx-grid.dbx-lg-col-10 {
        grid-template-columns: repeat(10, 1fr)
    }

    .dbx-grid.dbx-lg-row-10 {
        grid-template-rows: repeat(10, 1fr)
    }

    .dbx-grid.dbx-lg-col-9 {
        grid-template-columns: repeat(9, 1fr)
    }

    .dbx-grid.dbx-lg-row-9 {
        grid-template-rows: repeat(9, 1fr)
    }

    .dbx-grid.dbx-lg-col-8 {
        grid-template-columns: repeat(8, 1fr)
    }

    .dbx-grid.dbx-lg-row-8 {
        grid-template-rows: repeat(8, 1fr)
    }

    .dbx-grid.dbx-lg-col-7 {
        grid-template-columns: repeat(7, 1fr)
    }

    .dbx-grid.dbx-lg-row-7 {
        grid-template-rows: repeat(7, 1fr)
    }

    .dbx-grid.dbx-lg-col-6 {
        grid-template-columns: repeat(6, 1fr)
    }

    .dbx-grid.dbx-lg-row-6 {
        grid-template-rows: repeat(6, 1fr)
    }

    .dbx-grid.dbx-lg-col-5 {
        grid-template-columns: repeat(5, 1fr)
    }

    .dbx-grid.dbx-lg-row-5 {
        grid-template-rows: repeat(5, 1fr)
    }

    .dbx-grid.dbx-lg-col-4 {
        grid-template-columns: repeat(4, 1fr)
    }

    .dbx-grid.dbx-lg-row-4 {
        grid-template-rows: repeat(4, 1fr)
    }

    .dbx-grid.dbx-lg-col-3 {
        grid-template-columns: repeat(3, 1fr)
    }

    .dbx-grid.dbx-lg-row-3 {
        grid-template-rows: repeat(3, 1fr)
    }

    .dbx-grid.dbx-lg-col-2 {
        grid-template-columns: repeat(2, 1fr)
    }

    .dbx-grid.dbx-lg-row-2 {
        grid-template-rows: repeat(2, 1fr)
    }

    .dbx-grid.dbx-lg-col-1 {
        grid-template-columns: repeat(1, 1fr)
    }

    .dbx-grid.dbx-lg-row-1 {
        grid-template-rows: repeat(1, 1fr)
    }

    .dbx-grid>.dbx-lg-col-12 {
        grid-column: span 12
    }

    .dbx-grid>.dbx-lg-row-12 {
        grid-row: span 12
    }

    .dbx-grid>.dbx-lg-col-11 {
        grid-column: span 11
    }

    .dbx-grid>.dbx-lg-row-11 {
        grid-row: span 11
    }

    .dbx-grid>.dbx-lg-col-10 {
        grid-column: span 10
    }

    .dbx-grid>.dbx-lg-row-10 {
        grid-row: span 10
    }

    .dbx-grid>.dbx-lg-col-9 {
        grid-column: span 9
    }

    .dbx-grid>.dbx-lg-row-9 {
        grid-row: span 9
    }

    .dbx-grid>.dbx-lg-col-8 {
        grid-column: span 8
    }

    .dbx-grid>.dbx-lg-row-8 {
        grid-row: span 8
    }

    .dbx-grid>.dbx-lg-col-7 {
        grid-column: span 7
    }

    .dbx-grid>.dbx-lg-row-7 {
        grid-row: span 7
    }

    .dbx-grid>.dbx-lg-col-6 {
        grid-column: span 6
    }

    .dbx-grid>.dbx-lg-row-6 {
        grid-row: span 6
    }

    .dbx-grid>.dbx-lg-col-5 {
        grid-column: span 5
    }

    .dbx-grid>.dbx-lg-row-5 {
        grid-row: span 5
    }

    .dbx-grid>.dbx-lg-col-4 {
        grid-column: span 4
    }

    .dbx-grid>.dbx-lg-row-4 {
        grid-row: span 4
    }

    .dbx-grid>.dbx-lg-col-3 {
        grid-column: span 3
    }

    .dbx-grid>.dbx-lg-row-3 {
        grid-row: span 3
    }

    .dbx-grid>.dbx-lg-col-2 {
        grid-column: span 2
    }

    .dbx-grid>.dbx-lg-row-2 {
        grid-row: span 2
    }

    .dbx-grid>.dbx-lg-col-1 {
        grid-column: span 1
    }

    .dbx-grid>.dbx-lg-row-1 {
        grid-row: span 1
    }

    .dbx-lg-gap-120 {
        gap: 120px
    }

    .dbx-lg-row-gap-120 {
        row-gap: 120px
    }

    .dbx-lg-col-gap-120 {
        column-gap: 120px
    }

    .dbx-lg-gap-96 {
        gap: 96px
    }

    .dbx-lg-row-gap-96 {
        row-gap: 96px
    }

    .dbx-lg-col-gap-96 {
        column-gap: 96px
    }

    .dbx-lg-gap-80 {
        gap: 80px
    }

    .dbx-lg-row-gap-80 {
        row-gap: 80px
    }

    .dbx-lg-col-gap-80 {
        column-gap: 80px
    }

    .dbx-lg-gap-72 {
        gap: 72px
    }

    .dbx-lg-row-gap-72 {
        row-gap: 72px
    }

    .dbx-lg-col-gap-72 {
        column-gap: 72px
    }

    .dbx-lg-gap-64 {
        gap: 64px
    }

    .dbx-lg-row-gap-64 {
        row-gap: 64px
    }

    .dbx-lg-col-gap-64 {
        column-gap: 64px
    }

    .dbx-lg-gap-56 {
        gap: 56px
    }

    .dbx-lg-row-gap-56 {
        row-gap: 56px
    }

    .dbx-lg-col-gap-56 {
        column-gap: 56px
    }

    .dbx-lg-gap-48 {
        gap: 48px
    }

    .dbx-lg-row-gap-48 {
        row-gap: 48px
    }

    .dbx-lg-col-gap-48 {
        column-gap: 48px
    }

    .dbx-lg-gap-40 {
        gap: 40px
    }

    .dbx-lg-row-gap-40 {
        row-gap: 40px
    }

    .dbx-lg-col-gap-40 {
        column-gap: 40px
    }

    .dbx-lg-gap-32 {
        gap: 32px
    }

    .dbx-lg-row-gap-32 {
        row-gap: 32px
    }

    .dbx-lg-col-gap-32 {
        column-gap: 32px
    }

    .dbx-lg-gap-24 {
        gap: 24px
    }

    .dbx-lg-row-gap-24 {
        row-gap: 24px
    }

    .dbx-lg-col-gap-24 {
        column-gap: 24px
    }

    .dbx-lg-gap-16 {
        gap: 16px
    }

    .dbx-lg-row-gap-16 {
        row-gap: 16px
    }

    .dbx-lg-col-gap-16 {
        column-gap: 16px
    }

    .dbx-lg-gap-8 {
        gap: 8px
    }

    .dbx-lg-row-gap-8 {
        row-gap: 8px
    }

    .dbx-lg-col-gap-8 {
        column-gap: 8px
    }
}

@media only screen and (min-width:1440px) {
    .dbx-grid.dbx-xl-col-12 {
        grid-template-columns: repeat(12, 1fr)
    }

    .dbx-grid.dbx-xl-row-12 {
        grid-template-rows: repeat(12, 1fr)
    }

    .dbx-grid.dbx-xl-col-11 {
        grid-template-columns: repeat(11, 1fr)
    }

    .dbx-grid.dbx-xl-row-11 {
        grid-template-rows: repeat(11, 1fr)
    }

    .dbx-grid.dbx-xl-col-10 {
        grid-template-columns: repeat(10, 1fr)
    }

    .dbx-grid.dbx-xl-row-10 {
        grid-template-rows: repeat(10, 1fr)
    }

    .dbx-grid.dbx-xl-col-9 {
        grid-template-columns: repeat(9, 1fr)
    }

    .dbx-grid.dbx-xl-row-9 {
        grid-template-rows: repeat(9, 1fr)
    }

    .dbx-grid.dbx-xl-col-8 {
        grid-template-columns: repeat(8, 1fr)
    }

    .dbx-grid.dbx-xl-row-8 {
        grid-template-rows: repeat(8, 1fr)
    }

    .dbx-grid.dbx-xl-col-7 {
        grid-template-columns: repeat(7, 1fr)
    }

    .dbx-grid.dbx-xl-row-7 {
        grid-template-rows: repeat(7, 1fr)
    }

    .dbx-grid.dbx-xl-col-6 {
        grid-template-columns: repeat(6, 1fr)
    }

    .dbx-grid.dbx-xl-row-6 {
        grid-template-rows: repeat(6, 1fr)
    }

    .dbx-grid.dbx-xl-col-5 {
        grid-template-columns: repeat(5, 1fr)
    }

    .dbx-grid.dbx-xl-row-5 {
        grid-template-rows: repeat(5, 1fr)
    }

    .dbx-grid.dbx-xl-col-4 {
        grid-template-columns: repeat(4, 1fr)
    }

    .dbx-grid.dbx-xl-row-4 {
        grid-template-rows: repeat(4, 1fr)
    }

    .dbx-grid.dbx-xl-col-3 {
        grid-template-columns: repeat(3, 1fr)
    }

    .dbx-grid.dbx-xl-row-3 {
        grid-template-rows: repeat(3, 1fr)
    }

    .dbx-grid.dbx-xl-col-2 {
        grid-template-columns: repeat(2, 1fr)
    }

    .dbx-grid.dbx-xl-row-2 {
        grid-template-rows: repeat(2, 1fr)
    }

    .dbx-grid.dbx-xl-col-1 {
        grid-template-columns: repeat(1, 1fr)
    }

    .dbx-grid.dbx-xl-row-1 {
        grid-template-rows: repeat(1, 1fr)
    }

    .dbx-grid>.dbx-xl-col-12 {
        grid-column: span 12
    }

    .dbx-grid>.dbx-xl-row-12 {
        grid-row: span 12
    }

    .dbx-grid>.dbx-xl-col-11 {
        grid-column: span 11
    }

    .dbx-grid>.dbx-xl-row-11 {
        grid-row: span 11
    }

    .dbx-grid>.dbx-xl-col-10 {
        grid-column: span 10
    }

    .dbx-grid>.dbx-xl-row-10 {
        grid-row: span 10
    }

    .dbx-grid>.dbx-xl-col-9 {
        grid-column: span 9
    }

    .dbx-grid>.dbx-xl-row-9 {
        grid-row: span 9
    }

    .dbx-grid>.dbx-xl-col-8 {
        grid-column: span 8
    }

    .dbx-grid>.dbx-xl-row-8 {
        grid-row: span 8
    }

    .dbx-grid>.dbx-xl-col-7 {
        grid-column: span 7
    }

    .dbx-grid>.dbx-xl-row-7 {
        grid-row: span 7
    }

    .dbx-grid>.dbx-xl-col-6 {
        grid-column: span 6
    }

    .dbx-grid>.dbx-xl-row-6 {
        grid-row: span 6
    }

    .dbx-grid>.dbx-xl-col-5 {
        grid-column: span 5
    }

    .dbx-grid>.dbx-xl-row-5 {
        grid-row: span 5
    }

    .dbx-grid>.dbx-xl-col-4 {
        grid-column: span 4
    }

    .dbx-grid>.dbx-xl-row-4 {
        grid-row: span 4
    }

    .dbx-grid>.dbx-xl-col-3 {
        grid-column: span 3
    }

    .dbx-grid>.dbx-xl-row-3 {
        grid-row: span 3
    }

    .dbx-grid>.dbx-xl-col-2 {
        grid-column: span 2
    }

    .dbx-grid>.dbx-xl-row-2 {
        grid-row: span 2
    }

    .dbx-grid>.dbx-xl-col-1 {
        grid-column: span 1
    }

    .dbx-grid>.dbx-xl-row-1 {
        grid-row: span 1
    }

    .dbx-xl-gap-120 {
        gap: 120px
    }

    .dbx-xl-row-gap-120 {
        row-gap: 120px
    }

    .dbx-xl-col-gap-120 {
        column-gap: 120px
    }

    .dbx-xl-gap-96 {
        gap: 96px
    }

    .dbx-xl-row-gap-96 {
        row-gap: 96px
    }

    .dbx-xl-col-gap-96 {
        column-gap: 96px
    }

    .dbx-xl-gap-80 {
        gap: 80px
    }

    .dbx-xl-row-gap-80 {
        row-gap: 80px
    }

    .dbx-xl-col-gap-80 {
        column-gap: 80px
    }

    .dbx-xl-gap-72 {
        gap: 72px
    }

    .dbx-xl-row-gap-72 {
        row-gap: 72px
    }

    .dbx-xl-col-gap-72 {
        column-gap: 72px
    }

    .dbx-xl-gap-64 {
        gap: 64px
    }

    .dbx-xl-row-gap-64 {
        row-gap: 64px
    }

    .dbx-xl-col-gap-64 {
        column-gap: 64px
    }

    .dbx-xl-gap-56 {
        gap: 56px
    }

    .dbx-xl-row-gap-56 {
        row-gap: 56px
    }

    .dbx-xl-col-gap-56 {
        column-gap: 56px
    }

    .dbx-xl-gap-48 {
        gap: 48px
    }

    .dbx-xl-row-gap-48 {
        row-gap: 48px
    }

    .dbx-xl-col-gap-48 {
        column-gap: 48px
    }

    .dbx-xl-gap-40 {
        gap: 40px
    }

    .dbx-xl-row-gap-40 {
        row-gap: 40px
    }

    .dbx-xl-col-gap-40 {
        column-gap: 40px
    }

    .dbx-xl-gap-32 {
        gap: 32px
    }

    .dbx-xl-row-gap-32 {
        row-gap: 32px
    }

    .dbx-xl-col-gap-32 {
        column-gap: 32px
    }

    .dbx-xl-gap-24 {
        gap: 24px
    }

    .dbx-xl-row-gap-24 {
        row-gap: 24px
    }

    .dbx-xl-col-gap-24 {
        column-gap: 24px
    }

    .dbx-xl-gap-16 {
        gap: 16px
    }

    .dbx-xl-row-gap-16 {
        row-gap: 16px
    }

    .dbx-xl-col-gap-16 {
        column-gap: 16px
    }

    .dbx-xl-gap-8 {
        gap: 8px
    }

    .dbx-xl-row-gap-8 {
        row-gap: 8px
    }

    .dbx-xl-col-gap-8 {
        column-gap: 8px
    }
}

@keyframes fade-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

#legal .header {
    background-image: url(../img/other/legal-background.jpg);
    background-size: cover;
    padding: 20px 0 60px
}

#legal .header h1 {
    line-height: 1.2
}

#legal .header h2 {
    font-size: 22px;
    font-weight: 300;
    line-height: 1.2
}

#legal .content h1 {
    color: #1d9ad6;
    font-size: 50px;
    font-weight: 500;
    margin: 10px 0 40px
}

#legal #sidebar {
    padding-top: 12px
}

#legal #sidebar ul {
    padding: 0;
    margin: 0;
    list-style: none
}

#legal #sidebar a {
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    padding: 10px 0 10px 20px;
    position: relative
}

#legal #sidebar a:before {
    font-family: Icons;
    content: "\35";
    font-size: 10px;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -10px
}

#legal #sidebar li.current-menu-item a {
    color: #8e929b
}

#legal #outlet h3 {
    font-size: 26px;
    line-height: 36px;
    font-weight: 500;
    margin: 10px 0 27px
}

#legal #outlet a {
    text-decoration: underline
}

#legal #outlet a:hover {
    text-decoration: none
}

#legal #outlet li,
#legal #outlet p {
    font-size: 18px;
    line-height: 28px
}

#legal #outlet p {
    margin: 10px 0 27px
}

#legal #outlet ul {
    padding: 0;
    margin: 0;
    list-style: none;
    margin-bottom: 40px
}

#legal #outlet ul li {
    padding-left: 25px;
    position: relative
}

#legal #outlet ul li:before {
    position: absolute;
    top: 0;
    left: 0;
    content: '·'
}

#legal #outlet li {
    margin-bottom: 27px
}

#legal #outlet table {
    width: 100%;
    margin-bottom: 30px
}

#legal #outlet table td,
#legal #outlet table th {
    border: none;
    font-size: 14px;
    line-height: 16px;
    text-align: left;
    padding-left: 14px
}

#legal #outlet table th {
    background-color: rgba(166, 176, 186, .25);
    font-weight: 500;
    padding-top: 18px;
    padding-bottom: 18px
}

#legal #outlet table td {
    font-weight: 300;
    border-bottom: 1px solid rgba(166, 176, 186, .2);
    padding-top: 10px;
    padding-bottom: 9px
}

@media only screen and (max-width:991px) {
    #legal #sidebar {
        padding-top: 0;
        margin: -30px 0 30px
    }
}

@media only screen and (max-width:767px) {
    #legal #sidebar {
        margin-top: 0
    }
}

@media only screen and (-webkit-min-device-pixel-ratio:2) and (min-width:480px),
only screen and (min-device-pixel-ratio:2) and (min-width:480px),
only screen and (-webkit-max-device-pixel-ratio:1.5) and (min-width:800px),
only screen and (max-device-pixel-ratio:1.5) and (min-width:800px) {
    #legal .header {
        background-image: url(../img/other/legal-background-2x.jpg)
    }
}

@keyframes fade-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

#lesson {
    padding-top: 111px;
    letter-spacing: 0
}

#lesson .lesson-wrapper {
    border-top: 1px solid rgba(0, 0, 0, .1);
    min-height: 200px;
    position: relative
}

#lesson .lesson-wrapper::before {
    content: "";
    background: #f3f4f8;
    position: absolute;
    left: -22%;
    height: 100%;
    width: 50%
}

#lesson .lesson-wrapper .row {
    display: flex
}

#lesson .lesson-wrapper .lesson-sidebar {
    padding-top: 64px;
    background: #f3f4f8;
    max-width: 330px;
    width: 100%;
    padding-right: 40px
}

#lesson .lesson-wrapper .lesson-sidebar .search-form-lesson {
    position: relative
}

#lesson .lesson-wrapper .lesson-sidebar .search-form-lesson input[type=text] {
    width: 100%;
    border: 1px solid rgba(142, 146, 155, .2);
    border-radius: 8px;
    height: 48px;
    line-height: 48px;
    color: #1c1d1f;
    font-size: 14px;
    padding: 0 28px
}

#lesson .lesson-wrapper .lesson-sidebar .search-form-lesson input[type=text]::placeholder {
    color: #8e929b
}

#lesson .lesson-wrapper .lesson-sidebar .search-form-lesson input[type=submit] {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-family: Icons;
    background: 0 0;
    border: none;
    padding: 0;
    color: #8e929b
}

#lesson .lesson-wrapper .lesson-sidebar h2 {
    margin: 0 0 16px;
    text-transform: uppercase;
    color: #1d9ad6;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    position: relative
}

#lesson .lesson-wrapper .lesson-sidebar ul.menu {
    padding: 35px 0 0 0;
    list-style: none;
    counter-reset: list-counter
}

#lesson .lesson-wrapper .lesson-sidebar ul.menu li {
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: #1c1d1f;
    margin-bottom: 27px;
    counter-increment: list-counter;
    position: relative;
    padding-left: 30px
}

#lesson .lesson-wrapper .lesson-sidebar ul.menu li::before {
    content: "0" counter(list-counter);
    position: absolute;
    left: 0;
    top: -3px;
    font-weight: 700;
    font-size: 16px;
    line-height: 30px;
    color: rgba(28, 29, 31, .3)
}

#lesson .lesson-wrapper .lesson-sidebar ul.menu li a {
    color: #1c1d1f
}

#lesson .lesson-wrapper .lesson-sidebar ul.menu li a:hover {
    color: #1d9ad6
}

#lesson .lesson-wrapper .lesson-sidebar ul.menu li.current-menu-item::before {
    color: #1d9ad6
}

#lesson .lesson-wrapper .lesson-sidebar ul.menu li.current-menu-item>a {
    font-weight: 700
}

#lesson .lesson-wrapper .lesson-sidebar ul.menu li.current-menu-parent::before {
    color: #1d9ad6
}

#lesson .lesson-wrapper .lesson-sidebar ul.menu ul {
    list-style: none;
    padding: 0
}

#lesson .lesson-wrapper .lesson-sidebar ul.menu ul li {
    font-weight: 400;
    font-size: 16px;
    margin: 0;
    padding-top: 16px;
    counter-reset: list-counter;
    padding-left: 0
}

#lesson .lesson-wrapper .lesson-sidebar ul.menu ul li::before {
    display: none
}

@media screen and (max-width:992px) {
    #lesson .lesson-wrapper .lesson-sidebar {
        padding: 0 0 42px;
        background: 0 0;
        position: relative;
        max-width: 100%
    }

    #lesson .lesson-wrapper .lesson-sidebar h2 {
        text-align: center;
        background: #e8f5fb;
        padding: 8px;
        text-transform: none;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        margin: 0
    }

    #lesson .lesson-wrapper .lesson-sidebar h2::after {
        content: "\35";
        font-family: Icons;
        display: inline-block;
        transform: rotate(90deg);
        margin-left: 6px
    }

    #lesson .lesson-wrapper .lesson-sidebar h2.activeEl::after {
        transform: rotate(270deg)
    }

    #lesson .lesson-wrapper .lesson-sidebar .search-form-lesson {
        opacity: 0;
        max-height: 0;
        overflow: hidden;
        transition: all .5s ease;
        margin: 0 15px
    }

    #lesson .lesson-wrapper .lesson-sidebar .search-form-lesson form {
        position: relative
    }

    #lesson .lesson-wrapper .lesson-sidebar .menu-lessons-menu-container {
        opacity: 0;
        max-height: 0;
        overflow: hidden;
        transition: all .5s ease;
        margin: 0 15px
    }

    #lesson .lesson-wrapper .lesson-sidebar.activeEl .search-form-lesson {
        margin: 15px 15px 0;
        opacity: 1;
        max-height: 48px
    }

    #lesson .lesson-wrapper .lesson-sidebar.activeEl .menu-lessons-menu-container {
        margin: 0 15px 25px;
        opacity: 1;
        max-height: 500px;
        overflow: auto
    }
}

#lesson .lesson-wrapper .lesson-content {
    padding-top: 64px;
    width: 100%;
    max-width: calc(100% - 330px)
}

#lesson .lesson-wrapper .lesson-content .lesson-content-inner {
    margin-left: 56px;
    padding-right: 40px;
    padding-bottom: 90px
}

#lesson .lesson-wrapper .lesson-content .lesson-content-inner .container {
    width: auto
}

#lesson .lesson-wrapper .lesson-content .reach-title .before-title {
    margin: 110px 0 0;
    text-transform: uppercase;
    color: #1d9ad6;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    display: block
}

#lesson .lesson-wrapper .lesson-content .reach-title p {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 16px;
    color: #393a3e
}

#lesson .lesson-wrapper .lesson-content .reach-title ul li:first-child {
    padding-top: 0
}

#lesson .lesson-wrapper .lesson-content .reach-title ul li:last-child {
    padding-bottom: 0
}

#lesson .lesson-wrapper .lesson-content .reach-title h2 {
    margin-top: 0
}

#lesson .lesson-wrapper .lesson-content .reach-title:first-of-type .before-title {
    margin-top: 0
}

#lesson .lesson-wrapper .lesson-content .wp-block-video {
    padding-top: 16px
}

#lesson .lesson-wrapper .lesson-content .quote-block {
    background: rgba(29, 154, 214, .1);
    border: 1px solid #1d9ad6;
    padding: 32px;
    border-radius: 16px;
    margin: 120px 0 100px
}

#lesson .lesson-wrapper .lesson-content .quote-block h2 {
    margin: 0 0 24px;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    color: #2d3237
}

#lesson .lesson-wrapper .lesson-content .quote-block ul {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #72757c
}

#lesson .lesson-wrapper .lesson-content .quote-block ul li {
    margin: 0 0 16px;
    position: relative;
    padding: 0 0 0 16px
}

#lesson .lesson-wrapper .lesson-content .quote-block ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -4px;
    width: 8px;
    height: 8px;
    display: block;
    border-radius: 100%;
    background: #1d9ad6
}

#lesson .lesson-wrapper .lesson-content .quote-block ul li:last-child {
    margin-bottom: 0
}

#lesson .lesson-wrapper .lesson-content h1,
#lesson .lesson-wrapper .lesson-content h2 {
    font-weight: 500;
    margin: 16px 0;
    color: #1c1d1f;
    max-width: 650px
}

#lesson .lesson-wrapper .lesson-content h1 {
    font-size: 36px;
    line-height: 48px
}

#lesson .lesson-wrapper .lesson-content h2 {
    font-size: 28px;
    line-height: 40px;
    margin-top: 110px
}

#lesson .lesson-wrapper .lesson-content h3 {
    font-size: 20px;
    line-height: 32px;
    font-weight: 500;
    color: #2d3237
}

#lesson .lesson-wrapper .lesson-content h3 strong {
    font-weight: 700
}

#lesson .lesson-wrapper .lesson-content p {
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    margin: 0;
    color: #393a3e;
    padding-bottom: 16px
}

#lesson .lesson-wrapper .lesson-content ol,
#lesson .lesson-wrapper .lesson-content ul {
    padding: 0 0 16px 12px;
    color: #393a3e
}

#lesson .lesson-wrapper .lesson-content ol li,
#lesson .lesson-wrapper .lesson-content ul li {
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    padding: 16px 0 16px;
    margin: 0
}

#lesson .lesson-wrapper .lesson-content ol li:last-child,
#lesson .lesson-wrapper .lesson-content ul li:last-child {
    padding-bottom: 0
}

#lesson .lesson-wrapper .lesson-content ol li strong,
#lesson .lesson-wrapper .lesson-content ul li strong {
    font-weight: 700
}

#lesson .lesson-wrapper .lesson-content ol li ul,
#lesson .lesson-wrapper .lesson-content ul li ul {
    list-style: disc;
    padding-left: 20px;
    padding-top: 32px;
    padding-bottom: 0
}

#lesson .lesson-wrapper .lesson-content ol li ul li,
#lesson .lesson-wrapper .lesson-content ul li ul li {
    padding: 0
}

#lesson .lesson-wrapper .lesson-content ol li ol,
#lesson .lesson-wrapper .lesson-content ul li ol {
    padding-bottom: 0
}

#lesson .lesson-wrapper .lesson-content ol li ol li,
#lesson .lesson-wrapper .lesson-content ul li ol li {
    padding: 10px 0 0
}

#lesson .lesson-wrapper .lesson-content ol.image-list,
#lesson .lesson-wrapper .lesson-content ul.image-list {
    list-style: none;
    padding: 0 0 16px
}

#lesson .lesson-wrapper .lesson-content ol.image-list li,
#lesson .lesson-wrapper .lesson-content ul.image-list li {
    position: relative;
    padding-left: 65px
}

#lesson .lesson-wrapper .lesson-content ol.image-list li img,
#lesson .lesson-wrapper .lesson-content ul.image-list li img {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto
}

#lesson .lesson-wrapper .tips-tricks .reach-title .before-title,
#lesson .lesson-wrapper .tips-tricks .reach-title:first-of-type .before-title {
    margin-top: 110px
}

#lesson .lesson-wrapper .tips-tricks ol {
    list-style: none;
    counter-reset: item;
    padding: 0
}

#lesson .lesson-wrapper .tips-tricks ol li {
    counter-increment: item;
    margin-bottom: 5px;
    position: relative;
    padding-left: 42px
}

#lesson .lesson-wrapper .tips-tricks ol li::before {
    margin-right: 10px;
    content: counter(item);
    background: #1d9ad6;
    border-radius: 100%;
    color: #fff;
    width: 32px;
    height: 32px;
    text-align: center;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 12px;
    font-size: 18px;
    line-height: 32px;
    font-weight: 700
}

#lesson .lesson-wrapper .tips-tricks ol li img {
    width: 100% !important;
    display: block
}

#lesson .lesson-wrapper .tips-tricks ol li .tips-title {
    display: block;
    margin-bottom: 8px;
    font-weight: 500;
    cursor: pointer
}

#lesson .lesson-wrapper .tips-tricks ol li .tips-content {
    display: none;
    min-height: 0;
    width: 100%;
    transition: all 0s ease-in-out
}

#lesson .lesson-wrapper .tips-tricks ol li .tips-content ul li::before {
    display: none
}

#lesson .lesson-wrapper .tips-tricks ol li.active .tips-content {
    min-height: auto
}

@media screen and (max-width:992px) {
    #lesson .lesson-wrapper::before {
        display: none
    }

    #lesson .lesson-wrapper .row {
        display: block
    }

    #lesson .lesson-wrapper .lesson-content {
        max-width: 95%;
        margin: auto
    }

    #lesson .lesson-wrapper .lesson-content .lesson-content-inner {
        margin-left: 0
    }

    #lesson .lesson-wrapper .lesson-content .quote-block {
        padding: 16px
    }
}

#lesson .lesson-pagination {
    border-top: 1px solid #e5e5e5;
    background: #fff
}

#lesson .lesson-pagination .lesson-pagination-box {
    display: flex
}

#lesson .lesson-pagination .lesson-pagination-box .pagination-item {
    width: 50%
}

#lesson .lesson-pagination .lesson-pagination-box .pagination-item.pagination-left {
    border-right: 1px solid #e5e5e5
}

#lesson .lesson-pagination .lesson-pagination-box .pagination-item.pagination-left .icon {
    position: relative;
    transform: rotate(180deg)
}

#lesson .lesson-pagination .lesson-pagination-box .pagination-item.pagination-left a {
    padding-right: 20px
}

#lesson .lesson-pagination .lesson-pagination-box .pagination-item.pagination-right {
    text-align: right
}

#lesson .lesson-pagination .lesson-pagination-box .pagination-item.pagination-right a {
    padding-left: 20px
}

#lesson .lesson-pagination .lesson-pagination-box .pagination-item a {
    color: #2d3237;
    padding: 42px 56px 52px;
    display: block;
    height: 100%
}

#lesson .lesson-pagination .lesson-pagination-box .pagination-item a .icon {
    display: inline-block;
    background: #1d9ad6;
    color: #fff;
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    border-radius: 8px;
    font-size: 15px;
    margin-bottom: 32px
}

#lesson .lesson-pagination .lesson-pagination-box .pagination-item a .icon.inactive {
    color: #d2d3d7
}

#lesson .lesson-pagination .lesson-pagination-box .pagination-item a strong {
    display: block;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #2d3237
}

#lesson .lesson-pagination .lesson-pagination-box .pagination-item a strong.subtitle {
    font-size: 28px;
    line-height: 40px;
    font-weight: 500
}

#lesson .lesson-pagination .lesson-pagination-box .pagination-item a:hover {
    text-decoration: none;
    background-color: rgba(29, 154, 214, .1)
}

#lesson .lesson-pagination .lesson-pagination-box .pagination-item a.inactive {
    background: 0 0
}

#lesson .lesson-pagination .lesson-pagination-box .pagination-item a.inactive .icon {
    background: #d2d3d7
}

#lesson .lesson-pagination .lesson-pagination-box .pagination-item a.inactive:hover {
    background: 0 0
}

@media screen and (max-width:992px) {
    #lesson .lesson-pagination .lesson-pagination-box {
        flex-direction: column
    }

    #lesson .lesson-pagination .lesson-pagination-box .pagination-item {
        width: 100%;
        padding: 0
    }

    #lesson .lesson-pagination .lesson-pagination-box .pagination-item.pagination-right {
        text-align: left
    }

    #lesson .lesson-pagination .lesson-pagination-box .pagination-item.pagination-left {
        border-right: none;
        border-bottom: 1px solid #e5e5e5
    }

    #lesson .lesson-pagination .lesson-pagination-box .pagination-item a {
        padding-left: 30px
    }
}

#lesson .read-or-video {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    margin-bottom: 40px;
    color: #72757c
}

#lesson .read-or-video .icon {
    margin-right: 9px
}

@keyframes fade-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@font-face {
    font-family: Geist;
    src: url("../../../fonts/Geist/Geist-UltraLight.woff2") format("woff2");
    font-weight: 100;
    font-style: normal
}

@font-face {
    font-family: Geist;
    src: url("../fonts/Geist/Geist-Thin.woff2") format("woff2");
    font-weight: 200;
    font-style: normal
}

@font-face {
    font-family: Geist;
    src: url("../fonts/Geist/Geist-Light.woff2") format("woff2");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: Geist;
    src: url("../fonts/Geist/Geist-Regular.woff2") format("woff2");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Geist;
    src: url("../fonts/Geist/Geist-Medium.woff2") format("woff2");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: Geist;
    src: url("../fonts/Geist/Geist-SemiBold.woff2") format("woff2");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: Geist;
    src: url("../fonts/Geist/Geist-Bold.woff2") format("woff2");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: Geist;
    src: url("../fonts/Geist/Geist-Black.woff2") format("woff2");
    font-weight: 800;
    font-style: normal
}

@font-face {
    font-family: Geist;
    src: url("../fonts/Geist/Geist-UltraBlack.woff2") format("woff2");
    font-weight: 900;
    font-style: normal
}

@font-face {
    font-family: Icons;
    src: url("../fonts/icons.eot?67");
    src: url("../fonts/icons.eot?67#iefix") format("embedded-opentype"), url("../fonts/icons.woff2?67") format("woff2"), url("../fonts/icons.ttf?67") format("truetype"), url("../fonts/icons.woff?67") format("woff"), url("../fonts/icons.svg?67#icons") format("svg");
    font-style: normal;
    font-weight: 400
}

@font-face {
    font-family: charter;
    src: url("../fonts/charter-roman-webfont.eot");
    src: url("../fonts/charter-roman-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/charter-roman-webfont.woff2") format("woff2"), url("../fonts/charter-roman-webfont.woff") format("woff"), url("../fonts/charter-roman-webfont.ttf") format("truetype"), url("../fonts/charter-roman-webfont.svg#harterroman") format("svg");
    font-style: normal;
    font-weight: 400
}

@font-face {
    font-family: charter;
    src: url("../fonts/charter-bold-webfont.eot");
    src: url("../fonts/charter-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/charter-bold-webfont.woff2") format("woff2"), url("../fonts/charter-bold-webfont.woff") format("woff"), url("../fonts/charter-bold-webfont.ttf") format("truetype"), url("../fonts/charter-bold-webfont.svg#charterroman") format("svg");
    font-style: normal;
    font-weight: 700
}

@font-face {
    font-family: charter;
    src: url("../fonts/charter-italic-webfont.eot");
    src: url("../fonts/charter-italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/charter-italic-webfont.woff2") format("woff2"), url("../fonts/charter-italic-webfont.woff") format("woff"), url("../fonts/charter-italic-webfont.ttf") format("truetype"), url("../fonts/charter-italic-webfont.svg#charterroman") format("svg");
    font-style: italic;
    font-weight: 400
}

.icon:before {
    display: inline-block;
    font-family: Icons;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    position: relative;
    text-transform: none;
    top: -1px;
    vertical-align: middle
}

a .icon {
    margin-right: 5px
}

.icon-alert:before {
    content: "\61"
}

.icon-analytics:before {
    content: "\64"
}

.icon-android:before {
    content: "\65"
}

.icon-annotation:before {
    content: "\66"
}

.icon-apple:before {
    content: "\67"
}

.icon-book:before {
    content: "\68"
}

.icon-box:before {
    content: "\69"
}

.icon-chat:before {
    content: "\6a"
}

.icon-company:before {
    content: "\6b"
}

.icon-connect:before {
    content: "\6c"
}

.icon-connections:before {
    content: "\6d"
}

.icon-customize:before {
    content: "\6e"
}

.icon-database:before {
    content: "\6f"
}

.icon-datacards:before {
    content: "\70"
}

.icon-datawall:before {
    content: "\71"
}

.icon-devices:before {
    content: "\72"
}

.icon-envelope:before {
    content: "\73"
}

.icon-envelope-check:before {
    content: "\74"
}

.icon-fb:before {
    content: "\75"
}

.icon-facebook:before {
    content: "\76"
}

.icon-graph:before {
    content: "\77"
}

.icon-menu:before {
    content: "\78"
}

.icon-key:before {
    content: "\79"
}

.icon-li:before {
    content: "\7a"
}

.icon-linkedin:before {
    content: "\41"
}

.icon-location:before {
    content: "\42"
}

.icon-chart:before {
    content: "\43"
}

.icon-mobile:before {
    content: "\44"
}

.icon-scorecard:before {
    content: "\45"
}

.icon-search:before {
    content: "\46"
}

.icon-datasource:before {
    content: "\47"
}

.icon-star:before {
    content: "\48"
}

.icon-tools:before {
    content: "\49"
}

.icon-arrow-up:before {
    content: "\4a"
}

.icon-trend:before {
    content: "\4b"
}

.icon-tweet:before {
    content: "\4c"
}

.icon-twitter:before {
    content: "\4d"
}

.icon-tw:before {
    content: "\4e"
}

.icon-user:before {
    content: "\4f"
}

.icon-user-data:before {
    content: "\50"
}

.icon-users:before {
    content: "\51"
}

.icon-close:before {
    content: "\52"
}

.icon-right:before {
    content: "\62"
}

.icon-brush:before {
    content: "\63"
}

.icon-cursor:before {
    content: "\53"
}

.icon-integrations:before {
    content: "\54"
}

.icon-mobile-graph:before {
    content: "\55"
}

.icon-mobile-watch:before {
    content: "\56"
}

.icon-preferences:before {
    content: "\57"
}

.icon-presentation:before {
    content: "\58"
}

.icon-target:before {
    content: "\59"
}

.icon-watch:before {
    content: "\5a"
}

.icon-spreadsheet:before {
    content: "\30"
}

.icon-conversation:before {
    content: "\31"
}

.icon-clock:before {
    content: "\32"
}

.icon-script:before {
    content: "\33"
}

.icon-circle-plus:before {
    content: "\34"
}

.icon-arrow-right:before {
    content: "\35"
}

.icon-ios-android:before {
    content: "\36"
}

.icon-live-preview:before {
    content: "\37"
}

.icon-desktop-view:before {
    content: "\38"
}

.icon-drag-n-drop:before {
    content: "\39"
}

.icon-expand:before {
    content: "\21"
}

.icon-multi-window:before {
    content: "\22"
}

.icon-lock-security:before {
    content: "\23"
}

.icon-looping:before {
    content: "\24"
}

.icon-swipe:before {
    content: "\25"
}

.icon-team-share:before {
    content: "\26"
}

.icon-touch-id:before {
    content: "\27"
}

.icon-to-top:before {
    content: "\28"
}

.icon-phone:before {
    content: "\29"
}

.icon-check:before {
    content: "\2a"
}

.icon-contact-archive:before {
    content: "\2b"
}

.icon-stopwatch:before {
    content: "\2c"
}

.icon-video:before {
    content: "\2d"
}

.icon-blogpost:before {
    content: "\2e"
}

.icon-agency:before {
    content: "\2f"
}

.icon-services:before {
    content: "\3a"
}

.icon-youtube:before {
    content: "\3b"
}

.icon-analyze:before {
    content: "\3c"
}

.icon-company-1:before {
    content: "\3d"
}

.icon-cloud-data:before {
    content: "\3e"
}

.icon-devices-1:before {
    content: "\3f"
}

.icon-customize-dashboard:before {
    content: "\40"
}

.icon-partner:before {
    content: "\5b"
}

.icon-manage-users:before {
    content: "\5d"
}

.icon-share:before {
    content: "\5e"
}

.icon-thumbs-down:before {
    content: "\5f"
}

.icon-thumbs-up:before {
    content: "\60"
}

.icon-edit:before {
    content: "\7b"
}

.icon-present-reporting:before {
    content: "\7c"
}

.icon-reporting:before {
    content: "\7d"
}

.icon-company2:before {
    content: "\7e"
}

.icon-agency2:before {
    content: "\5c"
}

.icon-cursor-2:before {
    content: "\e000"
}

.icon-search-2:before {
    content: "\e001"
}

.icon-check-2:before {
    content: "\e002"
}

.icon-deal-growth:before {
    content: "\e003"
}

.icon-loudspeaker:before {
    content: "\e004"
}

.icon-calendar:before {
    content: "\e005"
}

.icon-stopwatch-2:before {
    content: "\e006"
}

.icon-wall-clock:before {
    content: "\e007"
}

.icon-discount:before {
    content: "\e008"
}

.icon-expand-2:before {
    content: "\e009"
}

.icon-comment-like:before {
    content: "\e00a"
}

.icon-devices-2:before {
    content: "\e00b"
}

.icon-run-graph:before {
    content: "\e00c"
}

.icon-external:before {
    content: "\e00d"
}

.icon-crowd:before {
    content: "\e00e"
}

.icon-question:before {
    content: "\e00f"
}

.icon-cloud-data-2:before {
    content: "\e010"
}

.icon-profile:before {
    content: "\e011"
}

.icon-graph-2:before {
    content: "\e012"
}

.icon-reporting-2:before {
    content: "\e013"
}

.icon-mobile-tv:before {
    content: "\e014"
}

.icon-alert-on:before {
    content: "\e015"
}

.icon-target-hit:before {
    content: "\e016"
}

.icon-templates-2:before {
    content: "\e017"
}

.icon-star-empty:before {
    content: "\e018"
}

.icon-boxes:before {
    content: "\e019"
}

.icon-calc:before {
    content: "\e01a"
}

.icon-email-marketing:before {
    content: "\e01b"
}

.icon-growth:before {
    content: "\e01c"
}

.icon-like-bubble:before {
    content: "\e01d"
}

.icon-money:before {
    content: "\e01e"
}

.icon-search-db:before {
    content: "\e01f"
}

.icon-seo:before {
    content: "\e020"
}

.icon-rocket:before {
    content: "\e021"
}

.icon-promote:before {
    content: "\e022"
}

.icon-shopping-cart:before {
    content: "\e023"
}

.icon-manual:before {
    content: "\e024"
}

.icon-calendar-2:before {
    content: "\e025"
}

.icon-chart-2:before {
    content: "\e026"
}

.icon-history:before {
    content: "\e027"
}

.icon-growth-2:before {
    content: "\e028"
}

.icon-share-external:before {
    content: "\e029"
}

.icon-cloud-db:before {
    content: "\e02a"
}

.icon-chart-growth:before {
    content: "\e02b"
}

.icon-dialogue:before {
    content: "\e02c"
}

.icon-guided-onboarding:before {
    content: "\e02d"
}

.icon-moon:before {
    content: "\e02e"
}

.icon-path:before {
    content: "\e02f"
}

.icon-mobile-notification:before {
    content: "\e031"
}

.icon-rocket-2:before {
    content: "\e032"
}

.icon-slideshow:before {
    content: "\e033"
}

.icon-slack:before {
    content: "\e034"
}

.icon-mailbox:before {
    content: "\e030"
}

.icon-actions:before {
    content: "\e035"
}

.icon-articles:before {
    content: "\e036"
}

.icon-reading-glasses:before {
    content: "\e037"
}

.icon-user-center:before {
    content: "\e038"
}

.icon-circle-check:before {
    content: "\e039"
}

.icon-book-2:before {
    content: "\e901"
}

.icon-clock-2:before {
    content: "\e900"
}

.icon-academy:before {
    content: "\e902"
}

.icon-dashboard-tv:before {
    content: "\e903"
}

.icon-data-2:before {
    content: "\e904"
}

.icon-support-1:before {
    content: "\e905"
}

.icon-square-plus:before {
    content: "\e906"
}

.icon-square-minus:before {
    content: "\e907"
}

.icon-painting:before {
    content: "\e908"
}

.icon-sync:before {
    content: "\e909"
}

.icon-check-3:before {
    content: "\e90a"
}

.icon-swipe1:before {
    content: "\e90b"
}

.icon-tent:before {
    content: "\e90c"
}

.icon-door-plant:before {
    content: "\e90e"
}

.icon-success:before {
    content: "\e90f"
}

.icon-football:before {
    content: "\e910"
}

.icon-pregnant-woman:before {
    content: "\e912"
}

.icon-holidays:before {
    content: "\e913"
}

.icon-world:before {
    content: "\e915"
}

.icon-location-2:before {
    content: "\e916"
}

.icon-envelope-2:before {
    content: "\e90d"
}

.icon-right-arrow:before {
    content: "\e917"
}

.icon-flow:before {
    content: "\e91a"
}

.icon-productivity:before {
    content: "\e91b"
}

.icon-world-2:before {
    content: "\e91c"
}

.icon-profile-badge:before {
    content: "\e91d"
}

.icon-analyze-2:before {
    content: "\e911"
}

.icon-wallet:before {
    content: "\e914"
}

.icon-computer:before {
    content: "\e918"
}

.icon-people-2:before {
    content: "\e919"
}

.icon-instagram:before {
    content: "\e91e"
}

.icon-podcast:before {
    content: "\e91f"
}

.icon-num-1:before {
    content: "\e920"
}

.icon-num-2:before {
    content: "\e921"
}

.icon-num-3:before {
    content: "\e922"
}

.icon-num-4:before {
    content: "\e923"
}

.icon-num-5:before {
    content: "\e924"
}

.icon-data-import:before {
    content: "\e925"
}

.icon-custom-integration:before {
    content: "\e926"
}

.icon-box-123:before {
    content: "\e927"
}

.icon-visualizations:before {
    content: "\e928"
}

.icon-share-annotation:before {
    content: "\e929"
}

.icon-painter:before {
    content: "\e92a"
}

.icon-mobile-data:before {
    content: "\e92b"
}

.icon-list-stars:before {
    content: "\e92c"
}

.icon-bar-chart:before {
    content: "\e92d"
}

.icon-actionable:before {
    content: "\e92e"
}

.icon-analyze-3:before {
    content: "\e92f"
}

.icon-growth-3:before {
    content: "\e930"
}

.icon-present:before {
    content: "\e931"
}

.icon-notebook:before {
    content: "\e932"
}

.icon-laptop:before {
    content: "\e933"
}

.icon-funnel:before {
    content: "\e934"
}

.icon-individual-user:before {
    content: "\e935"
}

.icon-segments:before {
    content: "\e936"
}

.icon-shopping-cart-2:before {
    content: "\e937"
}

.icon-pipeline:before {
    content: "\e938"
}

.icon-bot-traffic:before {
    content: "\e939"
}

.icon-ad:before {
    content: "\e93a"
}

.icon-arrow:before {
    content: "\e93b"
}

.icon-star-empty-2:before {
    content: "\e93c"
}

.icon-blog:before {
    content: "\e93d"
}

.icon-task-management:before {
    content: "\e93e"
}

.icon-cloud-connected:before {
    content: "\e93f"
}

.icon-store:before {
    content: "\e940"
}

.icon-tie:before {
    content: "\e941"
}

.icon-chat-2:before {
    content: "\e942"
}

.icon-chat-2:before {
    content: "\e942"
}

.icon-yt:before {
    content: "\e943"
}

.icon-ig:before {
    content: "\e944"
}

.icon-social-media:before {
    content: "\e945"
}

.icon-stetoscope:before {
    content: "\e946"
}

.icon-mountaineering:before {
    content: "\e947"
}

.icon-chat-3:before {
    content: "\e948"
}

.icon-analyze-4:before {
    content: "\e949"
}

.icon-calendar-3:before {
    content: "\e94a"
}

.icon-cup:before {
    content: "\e94b"
}

.icon-check-circle:before {
    content: "\e94c"
}

.icon-dashboard-software:before {
    content: "\e94d"
}

.icon-custom-dashboard-software:before {
    content: "\e951"
}

.icon-business-dashboard-software:before {
    content: "\e94e"
}

.icon-client-dashboard-software:before {
    content: "\e94f"
}

.icon-marketing-dashboard-software:before {
    content: "\e950"
}

.icon-seo-dashboard-software:before {
    content: "\e952"
}

.icon-social-media-dashboard-software:before {
    content: "\e953"
}

.icon-report-designer:before {
    content: "\e954"
}

.icon-automated-reporting:before {
    content: "\e955"
}

.icon-custom-metric-builder:before {
    content: "\e956"
}

.icon-metric-tracking:before {
    content: "\e957"
}

.icon-show-gratitude:before {
    content: "\e959"
}

.icon-prioritize-customer-impact:before {
    content: "\e95a"
}

.icon-play-as-a-team:before {
    content: "\e95b"
}

.icon-cv-open-position:before {
    content: "\e95c"
}

.icon-challenge-yourself:before {
    content: "\e95d"
}

.icon-be-accountable:before {
    content: "\e95e"
}

.icon-balance-work:before {
    content: "\e95f"
}

.icon-talent-resource:before {
    content: "\e958"
}

.icon-rocket-empty:before {
    content: "\e960"
}

.icon-lock:before {
    content: "\e961"
}

.icon-sand:before {
    content: "\e962"
}

.icon-fire:before {
    content: "\e963"
}

.icon-time:before {
    content: "\e964"
}

.icon-guidence:before {
    content: "\e965"
}

.icon-check-bold:before {
    content: "\e966"
}

.icon-priority-support:before {
    content: "\e967"
}

.icon-outsorced-analyst:before {
    content: "\e968"
}

.icon-onboarding:before {
    content: "\e969"
}

.icon-search1:before {
    content: "\e970"
}

.icon-dedicated-analyst:before {
    content: "\e96b"
}

.icon-branding:before {
    content: "\e96d"
}

.icon-fiscal-calendar:before {
    content: "\e96a"
}

.icon-report:before {
    content: "\e974"
}

.icon-minute-sync:before {
    content: "\e96c"
}

.icon-video-play:before {
    content: "\e96e"
}

.icon-connect1:before {
    content: "\e976"
}

.icon-benchmarks:before {
    content: "\e979"
}

.icon-mag-glass:before {
    content: "\e97a"
}

.icon-goal-3:before {
    content: "\e977"
}

.icon-spark:before {
    content: "\e97d"
}

.icon-twitter-x:before {
    content: "\e97e"
}

.icon-data-8:before {
    content: "\e97f"
}

.icon-pie-chart:before {
    content: "\e980"
}

.icon-x-circle:before {
    content: "\e981"
}

.icon-centralize:before {
    content: "\e983"
}

.icon-mag-glass-2:before {
    content: "\e984"
}

.icon-promote-2:before {
    content: "\e985"
}

.icon-leadership:before {
    content: "\e986"
}

.icon-graph-3:before {
    content: "\e987"
}

.icon-hands:before {
    content: "\e988"
}

.icon-discount-2:before {
    content: "\e989"
}

.icon-certificate:before {
    content: "\e98a"
}

.icon-trend-up:before {
    content: "\e98b"
}

.icon-chevron:before {
    content: "\e97b"
}

.icon-tv:before {
    content: "\e98c"
}

.icon-mobile-2:before {
    content: "\e98d"
}

.icon-lightning:before {
    content: "\e98e"
}

.icon-any-device:before {
    content: "\e98f"
}

.icon-star1:before {
    content: "\e96f"
}

.icon-trend-up:before {
    content: "\e98b"
}

.icon-frame-burger:before {
    content: "\e994"
}

.icon-your-software:before {
    content: "\e995"
}

.icon-spreadsheets:before {
    content: "\e996"
}

.icon-database-2:before {
    content: "\e997"
}

.icon-api:before {
    content: "\e998"
}

.icon-completed:before {
    content: "\e999"
}

.icon-cross:before {
    content: "\e991"
}

.icon-check-1:before {
    content: "\e990"
}

.icon-star-rounded:before {
    content: "\e992"
}

.icon-idea:before {
    content: "\e97c"
}

.icon-warning:before {
    content: "\e99b"
}

.icon-shield:before {
    content: "\e99a"
}

.icon-info:before {
    content: "\e99c"
}

.icon-arrow-left:before {
    content: "\4a";
    top: -2px;
    transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg)
}

.icon-arrow-down:before {
    content: "\35";
    transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg)
}

.icon-arrow-down-2::before {
    content: "\e917";
    transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg)
}

.icon-left:before {
    content: "\62";
    transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg)
}

.icon-arrow-right-2:before {
    content: "\4a";
    transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg)
}

.icon-left-arrow:before {
    content: "\e917";
    transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg)
}

.mt-0 {
    margin-top: 0 !important
}

@media (max-width:767px) {
    .mt-xs-0 {
        margin-top: 0 !important
    }
}

@media (min-width:768px) {
    .mt-sm-0 {
        margin-top: 0 !important
    }
}

@media (min-width:992px) {
    .mt-md-0 {
        margin-top: 0 !important
    }
}

@media (min-width:1200px) {
    .mt-lg-0 {
        margin-top: 0 !important
    }
}

.mt-10 {
    margin-top: 10px !important
}

@media (max-width:767px) {
    .mt-xs-10 {
        margin-top: 10px !important
    }
}

@media (min-width:768px) {
    .mt-sm-10 {
        margin-top: 10px !important
    }
}

@media (min-width:992px) {
    .mt-md-10 {
        margin-top: 10px !important
    }
}

@media (min-width:1200px) {
    .mt-lg-10 {
        margin-top: 10px !important
    }
}

.mt-20 {
    margin-top: 20px !important
}

@media (max-width:767px) {
    .mt-xs-20 {
        margin-top: 20px !important
    }
}

@media (min-width:768px) {
    .mt-sm-20 {
        margin-top: 20px !important
    }
}

@media (min-width:992px) {
    .mt-md-20 {
        margin-top: 20px !important
    }
}

@media (min-width:1200px) {
    .mt-lg-20 {
        margin-top: 20px !important
    }
}

.mt-30 {
    margin-top: 30px !important
}

@media (max-width:767px) {
    .mt-xs-30 {
        margin-top: 30px !important
    }
}

@media (min-width:768px) {
    .mt-sm-30 {
        margin-top: 30px !important
    }
}

@media (min-width:992px) {
    .mt-md-30 {
        margin-top: 30px !important
    }
}

@media (min-width:1200px) {
    .mt-lg-30 {
        margin-top: 30px !important
    }
}

.mt-40 {
    margin-top: 40px !important
}

@media (max-width:767px) {
    .mt-xs-40 {
        margin-top: 40px !important
    }
}

@media (min-width:768px) {
    .mt-sm-40 {
        margin-top: 40px !important
    }
}

@media (min-width:992px) {
    .mt-md-40 {
        margin-top: 40px !important
    }
}

@media (min-width:1200px) {
    .mt-lg-40 {
        margin-top: 40px !important
    }
}

.mt-50 {
    margin-top: 50px !important
}

@media (max-width:767px) {
    .mt-xs-50 {
        margin-top: 50px !important
    }
}

@media (min-width:768px) {
    .mt-sm-50 {
        margin-top: 50px !important
    }
}

@media (min-width:992px) {
    .mt-md-50 {
        margin-top: 50px !important
    }
}

@media (min-width:1200px) {
    .mt-lg-50 {
        margin-top: 50px !important
    }
}

.mt-60 {
    margin-top: 60px !important
}

@media (max-width:767px) {
    .mt-xs-60 {
        margin-top: 60px !important
    }
}

@media (min-width:768px) {
    .mt-sm-60 {
        margin-top: 60px !important
    }
}

@media (min-width:992px) {
    .mt-md-60 {
        margin-top: 60px !important
    }
}

@media (min-width:1200px) {
    .mt-lg-60 {
        margin-top: 60px !important
    }
}

.mt-70 {
    margin-top: 70px !important
}

@media (max-width:767px) {
    .mt-xs-70 {
        margin-top: 70px !important
    }
}

@media (min-width:768px) {
    .mt-sm-70 {
        margin-top: 70px !important
    }
}

@media (min-width:992px) {
    .mt-md-70 {
        margin-top: 70px !important
    }
}

@media (min-width:1200px) {
    .mt-lg-70 {
        margin-top: 70px !important
    }
}

.mt-80 {
    margin-top: 80px !important
}

@media (max-width:767px) {
    .mt-xs-80 {
        margin-top: 80px !important
    }
}

@media (min-width:768px) {
    .mt-sm-80 {
        margin-top: 80px !important
    }
}

@media (min-width:992px) {
    .mt-md-80 {
        margin-top: 80px !important
    }
}

@media (min-width:1200px) {
    .mt-lg-80 {
        margin-top: 80px !important
    }
}

.mt-90 {
    margin-top: 90px !important
}

@media (max-width:767px) {
    .mt-xs-90 {
        margin-top: 90px !important
    }
}

@media (min-width:768px) {
    .mt-sm-90 {
        margin-top: 90px !important
    }
}

@media (min-width:992px) {
    .mt-md-90 {
        margin-top: 90px !important
    }
}

@media (min-width:1200px) {
    .mt-lg-90 {
        margin-top: 90px !important
    }
}

.mt-100 {
    margin-top: 100px !important
}

@media (max-width:767px) {
    .mt-xs-100 {
        margin-top: 100px !important
    }
}

@media (min-width:768px) {
    .mt-sm-100 {
        margin-top: 100px !important
    }
}

@media (min-width:992px) {
    .mt-md-100 {
        margin-top: 100px !important
    }
}

@media (min-width:1200px) {
    .mt-lg-100 {
        margin-top: 100px !important
    }
}

.mb-0 {
    margin-bottom: 0 !important
}

@media (max-width:767px) {
    .mb-xs-0 {
        margin-bottom: 0 !important
    }
}

@media (min-width:768px) {
    .mb-sm-0 {
        margin-bottom: 0 !important
    }
}

@media (min-width:992px) {
    .mb-md-0 {
        margin-bottom: 0 !important
    }
}

@media (min-width:1200px) {
    .mb-lg-0 {
        margin-bottom: 0 !important
    }
}

.mb-10 {
    margin-bottom: 10px !important
}

@media (max-width:767px) {
    .mb-xs-10 {
        margin-bottom: 10px !important
    }
}

@media (min-width:768px) {
    .mb-sm-10 {
        margin-bottom: 10px !important
    }
}

@media (min-width:992px) {
    .mb-md-10 {
        margin-bottom: 10px !important
    }
}

@media (min-width:1200px) {
    .mb-lg-10 {
        margin-bottom: 10px !important
    }
}

.mb-20 {
    margin-bottom: 20px !important
}

@media (max-width:767px) {
    .mb-xs-20 {
        margin-bottom: 20px !important
    }
}

@media (min-width:768px) {
    .mb-sm-20 {
        margin-bottom: 20px !important
    }
}

@media (min-width:992px) {
    .mb-md-20 {
        margin-bottom: 20px !important
    }
}

@media (min-width:1200px) {
    .mb-lg-20 {
        margin-bottom: 20px !important
    }
}

.mb-30 {
    margin-bottom: 30px !important
}

@media (max-width:767px) {
    .mb-xs-30 {
        margin-bottom: 30px !important
    }
}

@media (min-width:768px) {
    .mb-sm-30 {
        margin-bottom: 30px !important
    }
}

@media (min-width:992px) {
    .mb-md-30 {
        margin-bottom: 30px !important
    }
}

@media (min-width:1200px) {
    .mb-lg-30 {
        margin-bottom: 30px !important
    }
}

.mb-40 {
    margin-bottom: 40px !important
}

@media (max-width:767px) {
    .mb-xs-40 {
        margin-bottom: 40px !important
    }
}

@media (min-width:768px) {
    .mb-sm-40 {
        margin-bottom: 40px !important
    }
}

@media (min-width:992px) {
    .mb-md-40 {
        margin-bottom: 40px !important
    }
}

@media (min-width:1200px) {
    .mb-lg-40 {
        margin-bottom: 40px !important
    }
}

.mb-50 {
    margin-bottom: 50px !important
}

@media (max-width:767px) {
    .mb-xs-50 {
        margin-bottom: 50px !important
    }
}

@media (min-width:768px) {
    .mb-sm-50 {
        margin-bottom: 50px !important
    }
}

@media (min-width:992px) {
    .mb-md-50 {
        margin-bottom: 50px !important
    }
}

@media (min-width:1200px) {
    .mb-lg-50 {
        margin-bottom: 50px !important
    }
}

.mb-60 {
    margin-bottom: 60px !important
}

@media (max-width:767px) {
    .mb-xs-60 {
        margin-bottom: 60px !important
    }
}

@media (min-width:768px) {
    .mb-sm-60 {
        margin-bottom: 60px !important
    }
}

@media (min-width:992px) {
    .mb-md-60 {
        margin-bottom: 60px !important
    }
}

@media (min-width:1200px) {
    .mb-lg-60 {
        margin-bottom: 60px !important
    }
}

.mb-70 {
    margin-bottom: 70px !important
}

@media (max-width:767px) {
    .mb-xs-70 {
        margin-bottom: 70px !important
    }
}

@media (min-width:768px) {
    .mb-sm-70 {
        margin-bottom: 70px !important
    }
}

@media (min-width:992px) {
    .mb-md-70 {
        margin-bottom: 70px !important
    }
}

@media (min-width:1200px) {
    .mb-lg-70 {
        margin-bottom: 70px !important
    }
}

.mb-80 {
    margin-bottom: 80px !important
}

@media (max-width:767px) {
    .mb-xs-80 {
        margin-bottom: 80px !important
    }
}

@media (min-width:768px) {
    .mb-sm-80 {
        margin-bottom: 80px !important
    }
}

@media (min-width:992px) {
    .mb-md-80 {
        margin-bottom: 80px !important
    }
}

@media (min-width:1200px) {
    .mb-lg-80 {
        margin-bottom: 80px !important
    }
}

.mb-90 {
    margin-bottom: 90px !important
}

@media (max-width:767px) {
    .mb-xs-90 {
        margin-bottom: 90px !important
    }
}

@media (min-width:768px) {
    .mb-sm-90 {
        margin-bottom: 90px !important
    }
}

@media (min-width:992px) {
    .mb-md-90 {
        margin-bottom: 90px !important
    }
}

@media (min-width:1200px) {
    .mb-lg-90 {
        margin-bottom: 90px !important
    }
}

.mb-100 {
    margin-bottom: 100px !important
}

@media (max-width:767px) {
    .mb-xs-100 {
        margin-bottom: 100px !important
    }
}

@media (min-width:768px) {
    .mb-sm-100 {
        margin-bottom: 100px !important
    }
}

@media (min-width:992px) {
    .mb-md-100 {
        margin-bottom: 100px !important
    }
}

@media (min-width:1200px) {
    .mb-lg-100 {
        margin-bottom: 100px !important
    }
}

.pt-0 {
    padding-top: 0 !important
}

@media (max-width:767px) {
    .pt-xs-0 {
        padding-top: 0 !important
    }
}

@media (min-width:768px) {
    .pt-sm-0 {
        padding-top: 0 !important
    }
}

@media (min-width:992px) {
    .pt-md-0 {
        padding-top: 0 !important
    }
}

@media (min-width:1200px) {
    .pt-lg-0 {
        padding-top: 0 !important
    }
}

.pt-10 {
    padding-top: 10px !important
}

@media (max-width:767px) {
    .pt-xs-10 {
        padding-top: 10px !important
    }
}

@media (min-width:768px) {
    .pt-sm-10 {
        padding-top: 10px !important
    }
}

@media (min-width:992px) {
    .pt-md-10 {
        padding-top: 10px !important
    }
}

@media (min-width:1200px) {
    .pt-lg-10 {
        padding-top: 10px !important
    }
}

.pt-20 {
    padding-top: 20px !important
}

@media (max-width:767px) {
    .pt-xs-20 {
        padding-top: 20px !important
    }
}

@media (min-width:768px) {
    .pt-sm-20 {
        padding-top: 20px !important
    }
}

@media (min-width:992px) {
    .pt-md-20 {
        padding-top: 20px !important
    }
}

@media (min-width:1200px) {
    .pt-lg-20 {
        padding-top: 20px !important
    }
}

.pt-30 {
    padding-top: 30px !important
}

@media (max-width:767px) {
    .pt-xs-30 {
        padding-top: 30px !important
    }
}

@media (min-width:768px) {
    .pt-sm-30 {
        padding-top: 30px !important
    }
}

@media (min-width:992px) {
    .pt-md-30 {
        padding-top: 30px !important
    }
}

@media (min-width:1200px) {
    .pt-lg-30 {
        padding-top: 30px !important
    }
}

.pt-40 {
    padding-top: 40px !important
}

@media (max-width:767px) {
    .pt-xs-40 {
        padding-top: 40px !important
    }
}

@media (min-width:768px) {
    .pt-sm-40 {
        padding-top: 40px !important
    }
}

@media (min-width:992px) {
    .pt-md-40 {
        padding-top: 40px !important
    }
}

@media (min-width:1200px) {
    .pt-lg-40 {
        padding-top: 40px !important
    }
}

.pt-50 {
    padding-top: 50px !important
}

@media (max-width:767px) {
    .pt-xs-50 {
        padding-top: 50px !important
    }
}

@media (min-width:768px) {
    .pt-sm-50 {
        padding-top: 50px !important
    }
}

@media (min-width:992px) {
    .pt-md-50 {
        padding-top: 50px !important
    }
}

@media (min-width:1200px) {
    .pt-lg-50 {
        padding-top: 50px !important
    }
}

.pt-60 {
    padding-top: 60px !important
}

@media (max-width:767px) {
    .pt-xs-60 {
        padding-top: 60px !important
    }
}

@media (min-width:768px) {
    .pt-sm-60 {
        padding-top: 60px !important
    }
}

@media (min-width:992px) {
    .pt-md-60 {
        padding-top: 60px !important
    }
}

@media (min-width:1200px) {
    .pt-lg-60 {
        padding-top: 60px !important
    }
}

.pt-70 {
    padding-top: 70px !important
}

@media (max-width:767px) {
    .pt-xs-70 {
        padding-top: 70px !important
    }
}

@media (min-width:768px) {
    .pt-sm-70 {
        padding-top: 70px !important
    }
}

@media (min-width:992px) {
    .pt-md-70 {
        padding-top: 70px !important
    }
}

@media (min-width:1200px) {
    .pt-lg-70 {
        padding-top: 70px !important
    }
}

.pt-80 {
    padding-top: 80px !important
}

@media (max-width:767px) {
    .pt-xs-80 {
        padding-top: 80px !important
    }
}

@media (min-width:768px) {
    .pt-sm-80 {
        padding-top: 80px !important
    }
}

@media (min-width:992px) {
    .pt-md-80 {
        padding-top: 80px !important
    }
}

@media (min-width:1200px) {
    .pt-lg-80 {
        padding-top: 80px !important
    }
}

.pt-90 {
    padding-top: 90px !important
}

@media (max-width:767px) {
    .pt-xs-90 {
        padding-top: 90px !important
    }
}

@media (min-width:768px) {
    .pt-sm-90 {
        padding-top: 90px !important
    }
}

@media (min-width:992px) {
    .pt-md-90 {
        padding-top: 90px !important
    }
}

@media (min-width:1200px) {
    .pt-lg-90 {
        padding-top: 90px !important
    }
}

.pt-100 {
    padding-top: 100px !important
}

@media (max-width:767px) {
    .pt-xs-100 {
        padding-top: 100px !important
    }
}

@media (min-width:768px) {
    .pt-sm-100 {
        padding-top: 100px !important
    }
}

@media (min-width:992px) {
    .pt-md-100 {
        padding-top: 100px !important
    }
}

@media (min-width:1200px) {
    .pt-lg-100 {
        padding-top: 100px !important
    }
}

.pb-0 {
    padding-bottom: 0 !important
}

@media (max-width:767px) {
    .pb-xs-0 {
        padding-bottom: 0 !important
    }
}

@media (min-width:768px) {
    .pb-sm-0 {
        padding-bottom: 0 !important
    }
}

@media (min-width:992px) {
    .pb-md-0 {
        padding-bottom: 0 !important
    }
}

@media (min-width:1200px) {
    .pb-lg-0 {
        padding-bottom: 0 !important
    }
}

.pb-10 {
    padding-bottom: 10px !important
}

@media (max-width:767px) {
    .pb-xs-10 {
        padding-bottom: 10px !important
    }
}

@media (min-width:768px) {
    .pb-sm-10 {
        padding-bottom: 10px !important
    }
}

@media (min-width:992px) {
    .pb-md-10 {
        padding-bottom: 10px !important
    }
}

@media (min-width:1200px) {
    .pb-lg-10 {
        padding-bottom: 10px !important
    }
}

.pb-20 {
    padding-bottom: 20px !important
}

@media (max-width:767px) {
    .pb-xs-20 {
        padding-bottom: 20px !important
    }
}

@media (min-width:768px) {
    .pb-sm-20 {
        padding-bottom: 20px !important
    }
}

@media (min-width:992px) {
    .pb-md-20 {
        padding-bottom: 20px !important
    }
}

@media (min-width:1200px) {
    .pb-lg-20 {
        padding-bottom: 20px !important
    }
}

.pb-30 {
    padding-bottom: 30px !important
}

@media (max-width:767px) {
    .pb-xs-30 {
        padding-bottom: 30px !important
    }
}

@media (min-width:768px) {
    .pb-sm-30 {
        padding-bottom: 30px !important
    }
}

@media (min-width:992px) {
    .pb-md-30 {
        padding-bottom: 30px !important
    }
}

@media (min-width:1200px) {
    .pb-lg-30 {
        padding-bottom: 30px !important
    }
}

.pb-40 {
    padding-bottom: 40px !important
}

@media (max-width:767px) {
    .pb-xs-40 {
        padding-bottom: 40px !important
    }
}

@media (min-width:768px) {
    .pb-sm-40 {
        padding-bottom: 40px !important
    }
}

@media (min-width:992px) {
    .pb-md-40 {
        padding-bottom: 40px !important
    }
}

@media (min-width:1200px) {
    .pb-lg-40 {
        padding-bottom: 40px !important
    }
}

.pb-50 {
    padding-bottom: 50px !important
}

@media (max-width:767px) {
    .pb-xs-50 {
        padding-bottom: 50px !important
    }
}

@media (min-width:768px) {
    .pb-sm-50 {
        padding-bottom: 50px !important
    }
}

@media (min-width:992px) {
    .pb-md-50 {
        padding-bottom: 50px !important
    }
}

@media (min-width:1200px) {
    .pb-lg-50 {
        padding-bottom: 50px !important
    }
}

.pb-60 {
    padding-bottom: 60px !important
}

@media (max-width:767px) {
    .pb-xs-60 {
        padding-bottom: 60px !important
    }
}

@media (min-width:768px) {
    .pb-sm-60 {
        padding-bottom: 60px !important
    }
}

@media (min-width:992px) {
    .pb-md-60 {
        padding-bottom: 60px !important
    }
}

@media (min-width:1200px) {
    .pb-lg-60 {
        padding-bottom: 60px !important
    }
}

.pb-70 {
    padding-bottom: 70px !important
}

@media (max-width:767px) {
    .pb-xs-70 {
        padding-bottom: 70px !important
    }
}

@media (min-width:768px) {
    .pb-sm-70 {
        padding-bottom: 70px !important
    }
}

@media (min-width:992px) {
    .pb-md-70 {
        padding-bottom: 70px !important
    }
}

@media (min-width:1200px) {
    .pb-lg-70 {
        padding-bottom: 70px !important
    }
}

.pb-80 {
    padding-bottom: 80px !important
}

@media (max-width:767px) {
    .pb-xs-80 {
        padding-bottom: 80px !important
    }
}

@media (min-width:768px) {
    .pb-sm-80 {
        padding-bottom: 80px !important
    }
}

@media (min-width:992px) {
    .pb-md-80 {
        padding-bottom: 80px !important
    }
}

@media (min-width:1200px) {
    .pb-lg-80 {
        padding-bottom: 80px !important
    }
}

.pb-90 {
    padding-bottom: 90px !important
}

@media (max-width:767px) {
    .pb-xs-90 {
        padding-bottom: 90px !important
    }
}

@media (min-width:768px) {
    .pb-sm-90 {
        padding-bottom: 90px !important
    }
}

@media (min-width:992px) {
    .pb-md-90 {
        padding-bottom: 90px !important
    }
}

@media (min-width:1200px) {
    .pb-lg-90 {
        padding-bottom: 90px !important
    }
}

.pb-100 {
    padding-bottom: 100px !important
}

@media (max-width:767px) {
    .pb-xs-100 {
        padding-bottom: 100px !important
    }
}

@media (min-width:768px) {
    .pb-sm-100 {
        padding-bottom: 100px !important
    }
}

@media (min-width:992px) {
    .pb-md-100 {
        padding-bottom: 100px !important
    }
}

@media (min-width:1200px) {
    .pb-lg-100 {
        padding-bottom: 100px !important
    }
}

body,
html {
    height: 100%
}

html,
html a {
    -webkit-font-smoothing: antialiased
}

body {
    color: #2d3237;
    font-family: Geist, Arial, Helvetica, sans-serif;
    font-weight: 400;
    -webkit-text-size-adjust: none
}

fieldset {
    margin-bottom: 20px
}

fieldset.two {
    overflow: hidden
}

fieldset.two>input {
    float: left;
    width: 48%
}

fieldset.two>input:first-child {
    margin-right: 4%
}

.btn,
a {
    outline: 0 !important;
    transition: all .2s;
    -o-transition: all .2s;
    -ms-transition: all .2s;
    -moz-transition: all .2s;
    -webkit-transition: all .2s
}

a {
    color: #1d9ad6
}

a:hover {
    color: #1a8ac0
}

strong {
    font-weight: 500
}

img {
    height: auto
}

.hideit {
    display: none !important
}

.all {
    height: 100%;
    transition: filter linear 0s 0s;
    -webkit-transition: -webkit-filter linear 0s 0s;
    -moz-transition: -moz-filter linear 0s 0s;
    -ms-transition: -ms-filter linear 0s 0s;
    -o-transition: -o-filter linear 0s 0s
}

.g-recaptcha {
    margin-bottom: 20px
}

.new-badge {
    background-color: #2bb673;
    color: #fff;
    font-size: 8px;
    padding: 2px 5px;
    border-radius: 3px;
    margin-top: -3px;
    vertical-align: bottom;
    margin-right: 5px
}

.vertical-center {
    display: table-cell;
    height: 100%;
    vertical-align: middle
}

.btn {
    text-transform: uppercase
}

.btn-tt-unset {
    text-transform: unset
}

.btn-green,
.btn-green-darker {
    background-color: #25a767;
    color: #fff
}

.btn-green-darker:focus,
.btn-green-darker:hover,
.btn-green:focus,
.btn-green:hover {
    background-color: #20925a;
    color: #fff
}

.btn-green-outline {
    background: rgba(255, 255, 255, .05);
    border-color: #25a767;
    color: #25a767
}

.btn-green-outline:focus,
.btn-green-outline:hover {
    border-color: #20925a;
    color: #20925a
}

.btn-gray {
    background: #8e929b;
    color: #fff
}

.btn-gray:focus,
.btn-gray:hover {
    background: #6f7279;
    color: #fff
}

.btn-gray-outline {
    background: rgba(255, 255, 255, .05);
    border-color: #8e929b;
    color: #8e929b
}

.btn-gray-outline:focus,
.btn-gray-outline:hover {
    border-color: #6f7279;
    color: #4a4c51
}

.btn-white {
    background: rgba(255, 255, 255, .7);
    color: rgba(45, 50, 55, .7)
}

.btn-white:focus,
.btn-white:hover {
    background: #fff;
    color: #2d3237
}

.btn-white-outline {
    background: rgba(255, 255, 255, .05);
    border-color: rgba(255, 255, 255, .7);
    color: rgba(255, 255, 255, .7)
}

.btn-white-outline:focus,
.btn-white-outline:hover {
    border-color: #fff;
    color: #fff
}

.btn-white-outline-2 {
    border-color: rgba(255, 255, 255, .9);
    color: rgba(255, 255, 255, .9)
}

.btn-white-outline-2:focus,
.btn-white-outline-2:hover {
    border-color: #fff;
    color: #fff
}

.btn-blue {
    background: #1d9ad6;
    color: #fff
}

.btn-blue:focus,
.btn-blue:hover {
    background: #1679a6;
    color: #fff
}

.btn-blue-outline {
    background-color: rgba(255, 255, 255, .05);
    border-color: #1d9ad6;
    color: #1d9ad6
}

.btn-blue-outline:focus,
.btn-blue-outline:hover {
    border-color: #1679a6;
    color: #1679a6
}

.btn-blue-outline--capitalized {
    text-transform: capitalize
}

.btn-purple {
    background: #7a44e6;
    color: #fff
}

.btn-purple:focus,
.btn-purple:hover {
    background: #6a2ee3;
    color: #fff
}

.btn-facebook,
.btn-linkedin,
.btn-twitter {
    text-transform: none
}

.btn-facebook {
    background: #3b5998;
    color: #fff
}

.btn-facebook:focus,
.btn-facebook:hover {
    background: #3b5998;
    color: #fff
}

.btn-linkedin {
    background: #0077b5;
    color: #fff
}

.btn-linkedin:focus,
.btn-linkedin:hover {
    background: #0077b5;
    color: #fff
}

.btn-twitter {
    background: #00aced;
    color: #fff
}

.btn-twitter:focus,
.btn-twitter:hover {
    background: #00aced;
    color: #fff
}

.btn-md>.icon-arrow-down-2,
.btn-md>.icon-right-arrow {
    font-size: 10px;
    margin-left: 5px;
    margin-right: 0
}

.btn-lg {
    padding-left: 30px;
    padding-right: 30px;
    font-weight: 500
}

.btn-lg>.icon-arrow-down-2,
.btn-lg>.icon-right-arrow {
    font-size: 15px;
    margin-left: 10px;
    margin-right: 0
}

.btn-oval {
    border-radius: 30px;
    padding-left: 20px;
    padding-right: 20px
}

.btn-appstore,
.btn-google-play {
    display: inline-block;
    margin-right: 10px
}

.cta {
    background: #1d9ad6;
    color: rgba(255, 255, 255, .7);
    padding: 50px 0;
    text-align: center
}

.cta p {
    font-size: 28px;
    margin-bottom: 30px
}

.gray-row {
    width: 100%;
    background-color: #f3f4f5
}

.blue-row {
    width: 100%;
    background-color: #1d9ad6
}

.lightblue-row {
    width: 100%;
    background-color: rgba(46, 193, 214, .15)
}

.filterCt span.checkbox {
    display: block;
    margin-bottom: 10px;
    min-height: 20px;
    color: rgba(41, 41, 41, .5)
}

.filterCt span.checkbox input {
    display: none
}

.filterCt span.checkbox input:checked+label:before {
    font-family: Icons;
    content: "\e002";
    position: absolute;
    font-size: 12px;
    line-height: 17px;
    text-align: center;
    color: #8dc63f
}

.filterCt span.checkbox label {
    position: relative;
    display: inline-block;
    line-height: 20px;
    min-height: 18px;
    min-width: 18px;
    max-height: 100%;
    max-width: 100%;
    padding-left: 25px
}

.filterCt span.checkbox label:before {
    content: "";
    position: absolute;
    height: 18px;
    width: 18px;
    border-radius: 3px;
    top: 1px;
    left: 0;
    border: 1px solid rgba(41, 41, 41, .12);
    background-color: #fff
}

.modal-open .all {
    filter: blur(5px);
    -moz-filter: blur(5px);
    -webkit-filter: blur(5px);
    -ms-filter: blur(5px);
    -o-filter: blur(5px);
    transition: filter linear .6s .5s;
    -webkit-transition: -webkit-filter linear .6s .5s;
    -moz-transition: -moz-filter linear .6s .5s;
    -ms-transition: -ms-filter linear .6s .5s;
    -o-transition: -o-filter linear .6s .5s
}

.modal-dialog {
    margin: 110px auto
}

.modal-dialog .modal-content {
    border: none !important
}

.modal-dialog .modal-content .modal-header {
    background: #c6c8cd;
    border-radius: 5px 5px 0 0;
    padding: 30px 35px
}

.modal-dialog .modal-content .modal-header.blue-bg {
    background: #2ec1d6
}

.modal-dialog .modal-content .modal-header.blue-bg .modal-title {
    color: #fff
}

.modal-dialog .modal-content .modal-header .modal-title {
    line-height: 24px
}

.modal-dialog .modal-content .modal-header .modal-title .close {
    color: #fff;
    font-size: 12px;
    line-height: inherit;
    margin: 0;
    opacity: 1;
    text-shadow: none;
    transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s
}

.modal-dialog .modal-content .modal-header .modal-title .close:hover {
    transform: scale(1.2)
}

.modal-dialog .modal-content .modal-body {
    padding: 30px 35px
}

.modal-dialog .modal-content .modal-body form {
    margin-top: 20px
}

.modal-dialog .modal-content .modal-body .confirm {
    display: none
}

.sweet-overlay {
    z-index: 2000
}

.sweet-alert hr {
    margin: 10px 0
}

#hs-beacon>div>iframe:first-child {
    display: none
}

form.hs-form {
    margin: 0
}

form.hs-form fieldset {
    max-width: none
}

form.hs-form fieldset.form-columns-1 .input,
form.hs-form fieldset.form-columns-2 .input {
    margin-right: 20px;
    width: auto
}

form.hs-form fieldset.form-columns-1 select.hs-input {
    width: 100%
}

form.hs-form label {
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 400 !important
}

form.hs-form .hs-form-required {
    margin-left: 3px
}

form.hs-form input.hs-input,
form.hs-form select.hs-input,
form.hs-form textarea.hs-input {
    display: block;
    width: 100%;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    border-radius: 4px;
    box-sizing: border-box
}

form.hs-form input.hs-input,
form.hs-form select.hs-input {
    height: 34px
}

form.hs-form textarea.hs-input {
    width: 100% !important;
    max-width: none;
    min-height: 80px
}

form.hs-form .hs-form-checkbox input.hs-input {
    height: auto;
    display: inline-block;
    margin-right: 8px;
    box-sizing: content-box
}

form.hs-form .hs-error-msgs label {
    font-size: 12px;
    color: #c87872
}

form.hs-form .actions {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 10px;
    padding-bottom: 10px
}

form.hs-form .hs-button {
    display: inline-block;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    font-weight: 400;
    border-radius: 4px;
    background: #25a767;
    outline: 0;
    border: none !important;
    text-shadow: none;
    text-transform: uppercase;
    box-shadow: none !important
}

form.hs-form .hs-button:hover {
    background: #6ea91e
}

#navigation .filter .dropdown {
    display: none;
    position: absolute;
    border-radius: 0;
    -moz-box-shadow: 0 0 6px 0 rgba(85, 85, 85, .3);
    -webkit-box-shadow: 0 0 6px 0 rgba(85, 85, 85, .3);
    box-shadow: 0 0 6px 0 rgba(85, 85, 85, .3);
    background-clip: padding-box;
    background-color: #fff;
    z-index: 1;
    box-shadow: unset
}

#navigation .filter .dropdown .dd-holder {
    overflow: hidden
}

#navigation .filter .dropdown ul {
    padding: 12px 8px
}

#navigation .filter .dropdown li {
    margin: 0
}

#navigation .filter .dropdown li a {
    display: block;
    font-size: 15px;
    line-height: 27px;
    padding-left: 8px;
    text-transform: none;
    border: none
}

#navigation .filter .menu-submenu-container.container {
    padding: 0
}

#navigation .filter li.menu-item.submenu a.icon {
    position: relative
}

#navigation .filter li.menu-item.submenu a.icon:before {
    position: absolute;
    right: 0;
    top: 14px;
    font-size: 8px
}

@media only screen and (max-width:767px) {
    #navigation .filter li.menu-item.submenu a.icon:before {
        position: absolute;
        right: 0;
        top: 20px;
        font-size: 14px
    }
}

#navigation .filter li.menu-item.submenu>a {
    padding-right: 12px;
    font-weight: 400
}

#navigation .filter li.menu-item.submenu.current-menu-item>a {
    border-bottom: none
}

#navigation .filter li.menu-item.submenu.dropdown-open a.icon:before {
    transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    transition: transform .4s;
    -o-transition: transform .4s;
    -ms-transition: transform .4s;
    -moz-transition: transform .4s;
    -webkit-transition: transform .4s
}

#navigation .filter li.menu-item.submenu.dropdown-open .dropdown {
    display: block
}

@media only screen and (max-width:767px) {
    #navigation .filter li.menu-item.submenu.dropdown-open .dropdown .container {
        padding-bottom: 0
    }
}

#navigation .filter li.menu-item.submenu .dropdown ul {
    position: static
}

#navigation .filter li.menu-item.submenu .dropdown li {
    margin: 0
}

#navigation .filter li.menu-item.submenu .dropdown {
    width: calc(100vw - (100vw - 100%));
    left: 0;
    background: #f2f4f6
}

@media screen and (max-width:992px) {
    #navigation .filter li.menu-item.submenu .dropdown {
        overflow: auto
    }
}

#navigation .filter li.menu-item.submenu .dropdown ul {
    width: 100%
}

#navigation .filter li.menu-item.submenu .submenu-dd_list-header {
    display: block;
    border-bottom: 1px solid #dee4e7;
    color: #8e929b;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 500;
    padding: 20px 0 10px;
    letter-spacing: 1px;
    margin-bottom: 3px
}

#navigation .filter li.menu-item.submenu .divided>ul {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
    -moz-column-gap: 60px;
    -webkit-column-gap: 60px;
    column-gap: 60px
}

@media only screen and (max-width:767px) {
    #navigation .filter li.menu-item.submenu .divided>ul {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
        -moz-column-gap: 0;
        -webkit-column-gap: 0;
        column-gap: 0
    }
}

#navigation .filter li.menu-item.submenu .menu {
    padding: 0
}

#navigation .filter li.menu-item.submenu .menu-item {
    position: relative;
    font-weight: 500
}

#navigation .filter li.menu-item.submenu .menu-item:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    border-radius: 100%;
    background: #fff;
    padding-left: 1px;
    transform: translateY(-50%)
}

#navigation .filter li.menu-item.submenu .menu-item.icon-cloud-data:before {
    color: #2ec1d6
}

#navigation .filter li.menu-item.submenu .menu-item.icon-templates-2:before {
    color: #ff9600
}

#navigation .filter li.menu-item.submenu .menu-item.icon-search-db:before {
    color: #000;
    padding-left: 4px
}

#navigation .filter li.menu-item.submenu .menu-item.icon-calc:before {
    color: #c26dc3
}

#navigation .filter li.menu-item.submenu .menu-item.icon-customize-dashboard:before {
    color: #0054a6
}

#navigation .filter li.menu-item.submenu .menu-item.icon-present {
    color: #f76868
}

#navigation .filter li.menu-item.submenu .menu-item.icon-partner:before {
    color: #8560a8
}

#navigation .filter li.menu-item.submenu .menu-item.icon-datawall:before {
    color: #0072bc
}

#navigation .filter li.menu-item.submenu .menu-item.icon-box-123:before {
    color: #6869ad
}

#navigation .filter li.menu-item.submenu .menu-item.icon-target-hit:before {
    color: #1db475
}

#navigation .filter li.menu-item.submenu .menu-item.icon-scorecard:before {
    color: #ffac36
}

#navigation .filter li.menu-item.submenu .menu-item.icon-alert-on:before {
    color: #ff4929
}

#navigation .filter li.menu-item.submenu .menu-item.icon-devices-2:before {
    color: #849ca3
}

#navigation .filter li.menu-item.submenu .menu-item.icon-boxes:before {
    color: #8e929b
}

#navigation .filter li.menu-item.submenu .menu-item.icon-dashboard-software:before {
    color: #8e929b
}

#navigation .filter li.menu-item.submenu .menu-item .icon-business-dashboard-software:before {
    color: #2ec1d6
}

#navigation .filter li.menu-item.submenu .menu-item .icon-client-dashboard-software:before {
    color: #ff9600
}

#navigation .filter li.menu-item.submenu .menu-item .icon-marketing-dashboard-software:before {
    color: #c26dc3
}

#navigation .filter li.menu-item.submenu .menu-item .icon-seo-dashboard-software:before {
    color: #0054a6
}

#navigation .filter li.menu-item.submenu .menu-item .icon-social-media-dashboard-software:before {
    color: #ff4929
}

#navigation .filter li.menu-item.submenu .menu-item .icon-report-designer:before {
    color: #ff9600
}

#navigation .filter li.menu-item.submenu .menu-item .icon-automated-reporting:before {
    color: #2ec1d6
}

#navigation .filter li.menu-item.submenu .menu-item .icon-custom-metric-builder:before {
    color: #ffac36
}

#navigation .filter li.menu-item.submenu .menu-item a {
    padding: 8px;
    margin: 0;
    font-size: 15px;
    line-height: 18px;
    color: #2d3237;
    font-weight: 500;
    display: inline-block;
    margin-left: -8px
}

#navigation .filter li.menu-item.submenu .menu-item a.current-menu-item a,
#navigation .filter li.menu-item.submenu .menu-item a:hover a {
    background-color: #dae9f2;
    border-radius: 4px
}

@media only screen and (max-width:767px) {
    #navigation .filter li.menu-item.submenu .menu-item a {
        padding: 0 8px
    }
}

#navigation .filter li.menu-item.submenu .menu-item a:hover {
    background: #dae9f2;
    border-radius: 4px
}

#navigation .filter li.menu-item.submenu .menu-item a .dd-menu-description {
    display: block;
    color: rgba(45, 50, 55, .8);
    font-size: 13px;
    line-height: 18px;
    padding-top: 8px;
    width: 100%;
    letter-spacing: 0
}

#navigation .filter li.menu-item.submenu .menu-item.icon a {
    padding: 11px 8px 11px 39px
}

@media only screen and (max-width:767px) {
    #navigation .filter li.menu-item.submenu .menu-item.icon a {
        padding: 4px 8px 4px 39px
    }
}

#navigation .filter li.menu-item.submenu .menu-item.icon.last {
    font-weight: 400;
    margin-top: 16px !important;
    border-top: 1px solid #dee4e7;
    padding-top: 14px
}

#navigation .filter li.menu-item.submenu .menu-item.icon.last.last-double {
    margin-top: 58px !important
}

#navigation .filter li.menu-item.submenu .menu-item.icon.last.last-triple {
    margin-top: 100px !important
}

#navigation .filter li.menu-item.submenu .menu-item.icon.last:before {
    top: 62%
}

@media only screen and (max-width:767px) {
    #navigation .filter li.menu-item.submenu .menu-item.icon.last {
        margin-top: 0 !important;
        border: none;
        padding-top: 0
    }

    #navigation .filter li.menu-item.submenu .menu-item.icon.last.last-double {
        margin-top: 0 !important
    }

    #navigation .filter li.menu-item.submenu .menu-item.icon.last.last-triple {
        margin-top: 0 !important
    }

    #navigation .filter li.menu-item.submenu .menu-item.icon.last:before {
        top: 50%
    }
}

#navigation .filter li.menu-item.submenu .menu-item.see-more {
    margin-top: 13px
}

#navigation .filter li.menu-item.submenu .menu-item.see-more a {
    color: #2bb673 !important;
    text-decoration: underline;
    position: relative
}

#navigation .filter li.menu-item.submenu .menu-item.see-more a :after {
    content: "";
    border: solid #2bb673;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 3.3px;
    transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    margin-left: 3px
}

#navigation .filter li.menu-item.submenu .menu-item.see-more a:hover {
    background: 0 0
}

#navigation .filter li.menu-item.submenu .menu-item .dd-list-subtitle {
    padding-top: 8px
}

#navigation .filter li.menu-item.submenu .menu-item .dd-list-subtitle.top-spacing {
    padding-top: 36px
}

#navigation .filter li.menu-item.submenu .menu-item .dd-list-subtitle>a {
    font-size: 13px;
    color: #909299 !important
}

#navigation .filter li.menu-item.submenu .menu-item .dd-list-subtitle>a:hover {
    background: 0 0;
    cursor: default
}

#navigation .filter li.menu-item.submenu .menu-item.new {
    margin-bottom: 5px
}

#navigation .filter li.menu-item.submenu .menu-item.new a {
    color: #8e929b
}

#navigation .filter li.menu-item.submenu .menu-item.bordered-background a {
    padding: 12px 16px 16px;
    margin-top: 8px;
    border-radius: 4px;
    font-weight: 500;
    margin-left: -16px
}

#navigation .filter li.menu-item.submenu .menu-item.bordered-background a:hover {
    background: rgba(45, 50, 55, .05)
}

#navigation .filter li.menu-item.submenu .menu-item.bordered-background a .dd-menu-description {
    font-weight: 400
}

#navigation .filter li.menu-item.submenu .menu-item.submenu-holder {
    width: 50% !important;
    display: inline-block
}

@media only screen and (max-width:767px) {
    #navigation .filter li.menu-item.submenu .menu-item.submenu-holder {
        padding: 0;
        width: 100% !important
    }
}

#navigation .filter li.menu-item.submenu .menu-item.submenu-dd_list.submenu-holder {
    width: 98% !important;
    margin-top: 14px;
    padding: 0;
    border-top: 1px solid #dee4e7
}

#navigation .filter li.menu-item.submenu .menu-item.submenu-dd_list.submenu-holder .submenu-holder {
    width: 25% !important
}

@media only screen and (max-width:767px) {
    #navigation .filter li.menu-item.submenu .menu-item.submenu-dd_list.submenu-holder .submenu-holder {
        width: 100% !important;
        padding: 0
    }
}

#navigation .filter li.menu-item.submenu .menu-item .hiring:before {
    background: 0 0;
    width: inherit;
    height: inherit;
    color: #2bb673;
    font-size: 30px;
    top: 18px;
    transform: translateY(0);
    left: -6px
}

@media only screen and (max-width:767px) {
    #navigation .filter li.menu-item.submenu .menu-item .hiring:before {
        left: -48%;
        top: 9px
    }
}

#navigation .filter li.menu-item.submenu .menu-item .hiring:hover {
    background: 0 0 !important
}

#navigation .filter li.menu-item.submenu .menu-item .hiring a:hover {
    background: rgba(43, 182, 115, .1) !important
}

#navigation .filter li.menu-item.submenu .menu-item .hiring a .link-title {
    padding-left: 24px;
    color: #2bb673
}

#navigation .filter li.menu-item.submenu .menu-item img.icon {
    width: 24px;
    height: 24px;
    border-radius: 100%;
    margin-right: 7px
}

#navigation .filter li.menu-item.submenu .dropdown:after {
    content: "";
    width: calc(100vw - (100vw - 100%));
    position: absolute;
    bottom: 0;
    height: 1px;
    box-shadow: 0 4px 32px 32px rgba(0, 0, 0, .08);
    z-index: -2
}

@media screen and (max-width:992px) {
    #navigation .filter li.menu-item.submenu .dropdown:after {
        box-shadow: none
    }
}

#navigation .filter li.menu-item.submenu .submenu-dd_cta {
    clear: both;
    padding: 19px 0;
    font-size: 13px;
    line-height: 18px;
    text-align: left;
    color: #2d3237;
    width: 100%;
    margin-top: 70px !important;
    font-weight: 400
}

#navigation .filter li.menu-item.submenu .submenu-dd_cta:after {
    content: "";
    background: #fff;
    width: 100vw;
    position: absolute;
    bottom: 0;
    left: 50%;
    height: 66px;
    z-index: -1;
    transform: translateX(-50%)
}

@media only screen and (max-width:767px) {
    #navigation .filter li.menu-item.submenu .submenu-dd_cta:after {
        height: 66px;
        display: none
    }
}

@media only screen and (max-width:580px) {
    #navigation .filter li.menu-item.submenu .submenu-dd_cta:after {
        height: 96px
    }
}

@media only screen and (max-width:836px) {
    #navigation .filter li.menu-item.submenu .submenu-dd_cta {
        display: none
    }
}

#navigation .filter li.menu-item.submenu .submenu-dd_cta a {
    color: #fff !important;
    text-transform: uppercase;
    background-color: #2bb673;
    font-size: 12px;
    font-weight: 500;
    line-height: 26px;
    border-radius: 4px;
    margin: 0 0 0 8px;
    padding: 0 10px;
    border: 1px solid #2bb673;
    display: inline-block;
    vertical-align: middle
}

#navigation .filter li.menu-item.submenu .submenu-dd_cta a:hover {
    color: #fff !important;
    background-color: #1fa364;
    border: 1px solid #1fa364
}

@media only screen and (max-width:767px) {
    #navigation .filter li.menu-item.submenu .submenu-dd_cta {
        padding: 15px 0
    }
}

#navigation .filter li.menu-item.submenu #submenu-dd_list-menu li {
    width: 100%
}

#navigation .filter li.menu-item.submenu #submenu-dd_list-menu li.icon {
    margin-top: 2px
}

#navigation .filter li.menu-item.submenu #submenu-dd_list-menu li.icon:first-of-type {
    margin-top: 10px
}

#navigation .filter li.menu-item.submenu #submenu-dd_list-menu li.icon-image {
    margin-top: 2px
}

#navigation .filter li.menu-item.submenu #submenu-dd_list-menu li.icon-image:first-of-type {
    margin-top: 10px
}

@media only screen and (min-width:768px) {
    #navigation .filter li.menu-item.submenu::before {
        right: 6px
    }
}

@media only screen and (min-width:1200px) {
    #navigation .filter li.menu-item.submenu::before {
        right: 12px
    }
}

@media only screen and (max-width:836px) {
    #navigation .filter .icon-arrow-down::before {
        transition: transform .4s;
        -o-transition: transform .4s;
        -ms-transition: transform .4s;
        -moz-transition: transform .4s;
        -webkit-transition: transform .4s
    }

    #navigation .filter .menu-submenu-container.container {
        padding-left: 15px;
        padding-right: 15px
    }

    #navigation .filter li.menu-item.submenu::before {
        top: 30px;
        font-size: 14px
    }

    #navigation .filter li.menu-item.submenu.dropdown-open a.icon-arrow-down:before {
        transform: rotate(270deg);
        -o-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        -moz-transform: rotate(270deg);
        -webkit-transform: rotate(270deg);
        transition: transform .4s;
        -o-transition: transform .4s;
        -ms-transition: transform .4s;
        -moz-transition: transform .4s;
        -webkit-transition: transform .4s
    }

    #navigation .filter li.menu-item.submenu.dropdown-open .dropdown {
        position: relative;
        border-radius: 0;
        right: unset;
        left: unset;
        width: auto;
        box-shadow: unset;
        background-image: none;
        padding: 0;
        top: 0
    }

    #navigation .filter li.menu-item.submenu.dropdown-open .dropdown::before {
        background-image: none
    }

    #navigation .filter li.menu-item.submenu.dropdown-open .dropdown ul {
        margin-top: 0;
        padding-top: 0;
        background-color: transparent
    }

    #navigation .filter li.menu-item.submenu.dropdown-open .dropdown ul li {
        border-top: none;
        margin: 0;
        width: 100%
    }

    #navigation .filter li.menu-item.submenu.dropdown-open .dropdown ul li a {
        font-weight: 400;
        line-height: 40px;
        color: #000;
        display: block
    }

    #navigation .filter li.menu-item.submenu.dropdown-open .dropdown ul li.hiring {
        text-align: left
    }

    #navigation .filter li.menu-item.submenu>a {
        padding-right: 0;
        font-weight: 500;
        color: #000
    }

    #navigation .filter li.menu-item.submenu .menu-item:not(.blank).current-menu-item,
    #navigation .filter li.menu-item.submenu .menu-item:not(.blank):hover {
        background: 0 0
    }

    #navigation .filter li.menu-item.submenu .menu-item:not(.blank).current-menu-item a,
    #navigation .filter li.menu-item.submenu .menu-item:not(.blank):hover a {
        color: #2d3237
    }

    #navigation .filter li.menu-item.submenu a.icon:before {
        font-size: 14px;
        top: 20px
    }

    #navigation .filter li.menu-item.submenu .menu-item .hiring:before {
        left: -48%;
        top: 9px
    }

    #navigation .filter li.menu-item.submenu .menu-item.submenu-dd_list {
        padding: 0
    }

    #navigation .filter li.menu-item.submenu .menu-item.submenu-dd_list .submenu-dd_list-header {
        text-align: left;
        padding: 10px 0 10px
    }

    #navigation .filter li.menu-item.submenu .menu-item.submenu-dd_list.submenu-holder .submenu-holder {
        width: 100% !important;
        padding: 0
    }

    #navigation .filter li.menu-item.submenu #submenu-dd_list-menu li {
        width: 100% !important
    }

    #navigation .filter li.menu-item.submenu #submenu-dd_list-menu li.last {
        border: none;
        padding: 0;
        margin: 0 !important
    }

    #navigation .filter li.menu-item.submenu #submenu-dd_list-menu li.last::before {
        top: 50%
    }

    #navigation .filter li.menu-item.submenu #submenu-dd_list-menu li a {
        padding: 4px 8px 4px 15px
    }

    #navigation .filter li.menu-item.submenu #submenu-dd_list-menu li.icon a {
        padding: 4px 8px 4px 36px
    }

    #navigation .filter li.menu-item.submenu #submenu-dd_list-menu li.dd-list-subtitle a {
        padding: 4px 8px 4px 8px
    }
}

.breadcrumbs {
    color: #8e929b;
    text-transform: uppercase;
    margin-bottom: 60px
}

.breadcrumbs .item {
    padding: 0 15px
}

.breadcrumbs .item a {
    color: #8e929b;
    font-size: 11px;
    font-weight: 400
}

.breadcrumbs .item a.nolink {
    cursor: default !important;
    text-decoration: none !important
}

.tooltipster-visoflow {
    border-radius: 5px;
    border: 1px solid rgba(37, 37, 37, .25);
    background: #fff;
    color: rgba(0, 0, 0, .75);
    -moz-box-shadow: 0 0 6px 0 rgba(37, 37, 37, .3);
    -webkit-box-shadow: 0 0 6px 0 rgba(37, 37, 37, .3);
    box-shadow: 0 0 6px 0 rgba(37, 37, 37, .3);
    pointer-events: auto
}

.tooltipster-visoflow .tooltipster-content {
    font-size: 11px;
    line-height: 16px;
    padding: 16px 14px;
    font-weight: 400
}

.tooltipster-visoflow .tooltipster-content img {
    display: block
}

.tooltipster-visoflow .tooltipster-content img.top {
    margin-bottom: 12px
}

.tooltipster-visoflow .tooltipster-content img.left {
    float: left;
    margin-right: 12px
}

.tooltipster-visoflow .tooltipster-content ul {
    padding-left: 0;
    list-style: none;
    margin: 6px 0 0
}

.tooltipster-visoflow .tooltipster-content li {
    padding-left: 10px;
    position: relative
}

.tooltipster-visoflow .tooltipster-content li:before {
    content: "\B7";
    position: absolute;
    top: 0;
    left: 0
}

.tooltipster-visoflow .tooltipster-arrow {
    top: 1px
}

.tooltipster-visoflow.qb-info p {
    color: #8e929b;
    padding: 4px 0;
    margin: 0
}

.tooltipster-visoflow--cta {
    background-color: #fff;
    box-shadow: 0 0 15px 1px rgba(142, 146, 155, .3);
    padding: 24px;
    border-radius: 6px
}

#smallBanners {
    height: 150px;
    padding-top: 50px;
    font-size: 15px
}

#smallBanners .wrap {
    min-height: 70px;
    display: table
}

#smallBanners .wrap p {
    padding-left: 54px;
    position: relative;
    display: table-cell;
    vertical-align: middle
}

#smallBanners .wrap .icon {
    position: absolute;
    top: 3px;
    left: 0;
    font-size: 40px;
    color: #8e929b
}

#navigation {
    position: absolute;
    width: 100%;
    z-index: 1000;
    background-color: transparent
}

#navigation .filter {
    padding-block: 20px
}

#navigation.fixed .filter {
    padding-block: 20px
}

#navigation:not(.active) .filter {
    transition: padding-block .4s, height 0s, background-color 0s;
    -o-transition: padding-block .4s, height 0s, background-color 0s;
    -ms-transition: padding-block .4s, height 0s, background-color 0s;
    -moz-transition: padding-block .4s, height 0s, background-color 0s;
    -webkit-transition: padding-block .4s, height 0s, background-color 0s
}

#navigation.active {
    background-color: #f2f4f6
}

#navigation.active.light a {
    color: #000
}

#navigation.active.light a:hover {
    color: #1d9ad6
}

#navigation.active.light .logo .logo-dark {
    display: inline-block
}

#navigation.active.light .logo .logo-light {
    display: none
}

#navigation.active.light .filter li.menu-item.submenu.current-menu-item>a:not(:hover) {
    color: #000
}

#navigation.light ul li.current-menu-item a {
    border-bottom-color: #1d9ad6;
    color: #1d9ad6
}

#navigation.light ul li a {
    color: #fff
}

#navigation.light ul li a:hover {
    color: #1d9ad6
}

#navigation.light .logo .logo-light {
    display: inline-block
}

#navigation.light .logo .logo-dark {
    display: none
}

@media only screen and (max-width:1200px) {
    #navigation.light .logo {
        margin-right: 20px
    }
}

@media only screen and (max-width:991px) {
    #navigation.light .logo {
        margin-right: 2px
    }
}

#navigation.light li.menu-item.submenu.dropdown-open:before,
#navigation.light li.menu-item.submenu.dropdown-open>a {
    color: #1d9ad6 !important
}

#navigation.light .filter li.menu-item.submenu:before {
    color: #fff
}

#navigation.light .filter li.menu-item.submenu:hover:before {
    color: #1d9ad6
}

#navigation.light .filter li.menu-item.submenu.current-menu-item>a:not(:hover) {
    color: #fff
}

@media only screen and (max-width:767px) {
    #navigation.light ul li.current-menu-item a {
        color: #008ace
    }

    #navigation.light ul li a:hover {
        color: #008ace
    }

    #navigation.light li.menu-item>a {
        color: #000
    }

    #navigation.light li.menu-item.submenu>a {
        color: #000
    }

    #navigation.light li.menu-item.submenu.dropdown-open:before,
    #navigation.light li.menu-item.submenu.dropdown-open>a {
        color: #008ace !important
    }

    #navigation.light li.menu-item.submenu:hover:before {
        color: #008ace !important
    }
}

#navigation.dark ul li.current-menu-item a {
    border-bottom-color: #1f6c9f;
    color: #1f6c9f
}

#navigation.dark ul li a {
    color: #2d3237
}

#navigation.dark ul li a:hover {
    color: #1f6c9f
}

#navigation.dark .logo .logo-light {
    display: none
}

#navigation.dark .logo .logo-dark {
    display: inline-block
}

@media only screen and (max-width:1200px) {
    #navigation.dark .logo {
        margin-right: 20px
    }
}

@media only screen and (max-width:991px) {
    #navigation.dark .logo {
        margin-right: 2px
    }
}

#navigation.dark li.menu-item.submenu.dropdown-open:before,
#navigation.dark li.menu-item.submenu.dropdown-open>a {
    color: #1f6c9f !important
}

#navigation.dark .filter li.menu-item.submenu:before {
    color: #2d3237
}

#navigation.dark .filter li.menu-item.submenu:hover:before {
    color: #1f6c9f
}

#navigation.dark .filter li.menu-item.submenu.current-menu-item>a:not(:hover) {
    color: #2d3237
}

@media only screen and (max-width:767px) {
    #navigation.dark ul li.current-menu-item a {
        color: #2d3237
    }

    #navigation.dark ul li a:hover {
        color: #2d3237
    }

    #navigation.dark li.menu-item.submenu>a {
        color: #2d3237
    }

    #navigation.dark li.menu-item.submenu.dropdown-open:before,
    #navigation.dark li.menu-item.submenu.dropdown-open>a {
        color: #008ace !important
    }

    #navigation.dark li.menu-item.submenu:hover:before {
        color: #2d3237 !important
    }
}

@media only screen and (min-width:992px) {
    #navigation.dark .filter li.menu-item.submenu .dropdown:before {
        left: 0
    }
}

@media only screen and (min-width:1200px) {
    #navigation.dark .filter li.menu-item.submenu .dropdown:before {
        left: 0
    }
}

#navigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: 1;
    display: inline-block;
    vertical-align: middle
}

#navigation ul.right {
    float: right
}

#navigation ul li {
    float: left
}

#navigation ul li a {
    border: 1px solid transparent;
    display: block;
    line-height: 34px;
    margin: 0 15px;
    text-decoration: none;
    font-weight: 400;
    font-size: 15px
}

#navigation ul li.get-started {
    margin-left: 10px
}

#navigation ul li.get-started a {
    color: #fff !important;
    text-transform: uppercase;
    background-color: #2bb673;
    font-size: 12px;
    font-weight: 500;
    line-height: 26px;
    border-radius: 4px;
    margin: 4px 0 0;
    padding: 0 10px;
    border: 1px solid #2bb673
}

#navigation ul li.get-started a:hover {
    color: #fff !important;
    background-color: #1fa364;
    border: 1px solid #1fa364
}

#navigation ul li.get-started.white {
    margin-left: 2px
}

#navigation ul li.get-started.white a {
    background-color: transparent;
    border: 1px solid #2bb673;
    color: #2bb673 !important
}

#navigation ul li.get-started.white a:hover {
    color: #fff !important;
    background-color: #2bb673
}

@media only screen and (min-width:768px) {
    #navigation ul li a {
        margin: 0 5px;
        font-size: 12px
    }

    #navigation ul li.get-started {
        margin-left: 5px
    }

    #navigation ul li.get-started a {
        font-size: 10px
    }
}

@media only screen and (min-width:992px) {
    #navigation ul li a {
        margin: 0 7px;
        font-size: 12px
    }

    #navigation ul li.get-started {
        margin-left: 5px
    }

    #navigation ul li.get-started a {
        font-size: 11px
    }
}

@media only screen and (min-width:1200px) {
    #navigation ul li a {
        margin: 0 11px;
        font-size: 15px
    }

    #navigation ul li.get-started {
        margin-left: 10px
    }

    #navigation ul li.get-started a {
        font-size: 12px
    }
}

#navigation .dropdown {
    margin-top: 20px
}

#navigation .logo {
    text-align: center;
    display: inline-block;
    vertical-align: top;
    margin-right: 25px
}

#navigation .mobile-buttons {
    display: none
}

@media only screen and (min-width:992px) {
    #navigation .filter {
        padding-block: 40px
    }

    #navigation .logo {
        margin-right: 22px
    }
}

@media only screen and (max-width:836px) and (min-width:465px) {
    #navigation.visible ul.right li.get-started {
        display: none
    }

    #navigation .mobile-buttons {
        display: block;
        position: absolute;
        top: 18px;
        right: 55px;
        white-space: nowrap
    }

    #navigation .mobile-buttons ul.right {
        display: block;
        margin-top: 0
    }

    #navigation .mobile-buttons ul.right li {
        display: inline-block;
        vertical-align: middle
    }

    #navigation .mobile-buttons ul.right li.menu-item {
        display: none
    }

    #navigation .mobile-buttons ul.right li.menu-item.get-started {
        display: inline-block;
        margin-left: 5px;
        width: 103px;
        max-width: inherit
    }

    #navigation .mobile-buttons ul.right li.menu-item.get-started a {
        font-size: 12px;
        line-height: 26px
    }
}

#navigation .banner-section {
    width: 100%;
    background: #1d9ad6;
    text-align: center;
    color: #fff;
    padding: 0 15px
}

#navigation .banner-section p {
    margin: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    padding: 10px 0
}

#navigation .banner-section a {
    font-weight: 500;
    text-decoration: underline;
    color: #fff
}

@media screen and (max-width:992px) {
    #navigation .banner-section {
        position: fixed;
        bottom: 0;
        left: 0;
        margin-bottom: 0
    }

    #navigation .banner-section p {
        font-size: 14px;
        line-height: 20px
    }
}

#navigation.is_banner {
    padding-top: 0
}

#navigation.is_banner.fixed {
    padding-top: 0
}

#navigation.is_promotion_banner {
    top: 48px
}

#navigation.is_promotion_banner.fixed {
    top: 0
}

@media screen and (max-width:768px) {
    #navigation.is_promotion_banner {
        height: auto
    }
}

.banner-section {
    width: 100%;
    background: #1d9ad6;
    text-align: center;
    color: #fff;
    padding: 0 15px
}

.banner-section p {
    margin: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    padding: 10px 0
}

.banner-section a {
    font-weight: 500;
    text-decoration: underline;
    color: #fff
}

.banner-section.home-banner {
    background-color: #0d1721;
    background-image: url("../img/landing-page-2021/topbanner/bg_top_banner.png");
    background-repeat: no-repeat;
    background-position: center right;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999
}

@supports (background-image:url("../img/landing-page-2021/topbanner/bg_top_banner.webp")) {
    .banner-section.home-banner {
        background-image: url("../img/landing-page-2021/topbanner/bg_top_banner.webp")
    }
}

.banner-section.home-banner .banner-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2px 0
}

.banner-section.home-banner .banner-inner .icon.icon-close {
    color: #fff;
    position: absolute;
    right: 20px;
    top: 14px;
    cursor: pointer
}

.banner-section.home-banner .banner-inner p {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    margin-right: 15px
}

.banner-section.home-banner .banner-inner p span.icon {
    color: #c757ad;
    margin-right: 10px;
    font-size: 18px
}

.banner-section.home-banner .banner-inner .btn {
    background: linear-gradient(131deg, #7347de -5.87%, #c757ad 61.74%, #e3716d 103.35%);
    border-radius: 6px;
    text-decoration: none;
    border: none;
    font-size: 14px;
    text-transform: none;
    padding: 3px 15px
}

.banner-section.home-banner .banner-inner .btn:hover {
    color: #fff;
    background: linear-gradient(131deg, #e3716d -5.87%, #c757ad 61.74%, #7347de 103.35%)
}

@media screen and (max-width:992px) {
    .banner-section.home-banner {
        position: absolute;
        top: 0;
        left: 0;
        margin-bottom: 0
    }

    .banner-section.home-banner .banner-inner {
        padding: 2px 0 4px
    }

    .banner-section.home-banner .banner-inner .icon.icon-close {
        right: 10px
    }

    .banner-section.home-banner .banner-inner a.btn {
        font-size: 0;
        padding: 4px
    }

    .banner-section.home-banner .banner-inner a.btn:after {
        position: relative;
        font-size: 12px;
        content: "\35";
        font-family: Icons;
        left: -2px
    }

    .banner-section.home-banner .banner-inner p {
        font-size: 14px;
        line-height: 20px;
        margin-right: 10px
    }

    .banner-section.home-banner .banner-inner p span.icon {
        margin-right: 5px
    }
}

.header {
    background: url(../img/other/background.jpg) no-repeat center top/cover;
    color: #fff;
    padding: 120px 0 60px;
    text-align: center
}

.header.big {
    padding: 220px 0 160px
}

.header h1 {
    font-size: 50px;
    font-weight: 300;
    line-height: 1.35
}

.header p {
    font-size: 20px
}

.header.centertitle .container {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    height: 100%
}

.header.centertitle h1 {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    margin: 0
}

.header.two-column-layout {
    height: auto !important
}

.header.two-column-layout h1 {
    font-size: 50px;
    line-height: 60px;
    margin: 26px 0 30px
}

.header.two-column-layout .row {
    display: -webkit-flex;
    display: flex
}

.header.two-column-layout .col {
    font-size: 18px;
    line-height: 28px;
    text-align: left;
    color: rgba(255, 255, 255, .75)
}

.header.two-column-layout .col .icon-ct {
    padding: 16px 0 13px
}

.header.two-column-layout .col .icon-ct img {
    display: block;
    height: 70px
}

.header.two-column-layout .col a {
    color: inherit;
    text-decoration: underline
}

.header.two-column-layout .col.col-1 {
    position: relative
}

.header.two-column-layout .col.col-1 .box {
    padding-right: 20px;
    position: absolute;
    bottom: 0
}

.header.two-column-layout .col.col-2 .box {
    padding-left: 20px
}

.header.two-column-layout .col.col-2 img {
    display: block
}

@media only screen and (max-width:991px) {
    .header.two-column-layout .row {
        display: block
    }

    .header.two-column-layout .col.col-1 .box {
        position: static;
        padding-right: 0
    }

    .header.two-column-layout .col.col-2 {
        padding-top: 20px
    }

    .header.two-column-layout .col.col-2 .box {
        padding-left: 0
    }

    .header.two-column-layout .icon-ct {
        float: left;
        margin-right: 20px
    }
}

@media only screen and (max-width:480px) {
    .header.two-column-layout h1 {
        font-size: 40px;
        line-height: 50px
    }
}

.interactive-header {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.interactive-header .interactive-header__container {
    height: 834px;
    width: 100%;
    position: relative;
    overflow: hidden
}

.interactive-header .interactive-header__container::after {
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .3);
    z-index: 1
}

.interactive-header .interactive-header__container video {
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0
}

.interactive-header .interactive-header__container .container {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100%;
    text-align: center;
    z-index: 10;
    margin: auto
}

.content {
    overflow: hidden;
    padding: 80px 0
}

.content h1 {
    color: #1d9ad6;
    font-size: 50px;
    font-weight: 100;
    margin: 10px 0 40px
}

.content p.subtitle {
    font-size: 20px;
    margin-bottom: 40px
}

.content p {
    font-size: 16px
}

#logos-ct {
    padding: 42px 0 0
}

#logos {
    text-align: center;
    padding-bottom: 25px
}

#logos strong {
    display: block;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
    padding: 54px 0 43px
}

#logos ul {
    overflow: hidden;
    padding: 0;
    margin: 0 30px;
    list-style: none
}

#logos li {
    height: 50px;
    text-align: center;
    margin-bottom: 25px
}

#logos img {
    height: 100%;
    width: auto
}

#awards-logos {
    padding: 30px 140px 0
}

#awards-logos p {
    padding: 60px 10px 30px 0;
    font-size: 11px;
    line-height: 13px;
    background-repeat: no-repeat;
    background-position: left top;
    background-size: auto 46px;
    min-height: 136px
}

#awards-logos p.techstars {
    background-image: url(../img/landing-page/logo-techstars.png)
}

#awards-logos p.nevy {
    background-image: url(../img/landing-page/logo-nevy.png)
}

#awards-logos p.sap {
    background-image: url(../img/landing-page/logo-sap.png)
}

#awards-logos p.att {
    background-image: url(../img/landing-page/logo-att.png)
}

#awards-logos p.sxsw {
    background-image: url(../img/landing-page/logo-sxsw.png)
}

#awards-logos p.icom {
    background-image: url(../img/landing-page/logo-icom.png)
}

.inner-menu {
    background-color: #f4f4f4;
    min-height: 80px
}

.inner-menu ul {
    overflow: hidden;
    list-style: none;
    font-size: 16px;
    line-height: 34px;
    text-transform: none;
    margin: 0;
    padding: 22px 0 8px;
    font-weight: 400
}

.inner-menu li {
    float: left;
    margin-right: 40px;
    margin-bottom: 15px
}

.inner-menu li a {
    display: inline-block;
    color: #8e929b;
    text-decoration: none;
    font-weight: 500
}

.inner-menu li a:hover {
    color: #0d0f11;
    font-weight: 500;
    border: none
}

.inner-menu li.current-menu-item a {
    color: #1d9ad6;
    font-weight: 500
}

.inner-menu li.current-list {
    font-weight: 500;
    color: #0d0f11
}

.inner-menu .btn {
    width: 145px;
    margin-top: 23px;
    font-size: 12px;
    line-height: 20px
}

#cta-buttons {
    margin: 20px 0 80px 0;
    text-align: center
}

#cta-buttons span {
    color: #8e929b;
    font-size: 16px;
    padding: 0 30px
}

.feature-list__title {
    font-size: 36px;
    line-height: 36px;
    font-weight: 400;
    text-align: center;
    margin: 0 0 60px
}

.feature-list ul {
    list-style: none;
    padding: 24px 0 0;
    margin-bottom: 0
}

.feature-list li {
    min-height: 182px
}

.feature-list .icon {
    font-size: 36px;
    opacity: .75
}

.feature-list p {
    margin: 7px 0 10px
}

.feature-list .actions {
    margin-top: 50px;
    text-align: center;
    padding: 0 15px
}

.switcher ul {
    list-style: none;
    margin-bottom: 0;
    padding: 0
}

.switcher .links {
    margin: 0;
    border: 0 solid rgba(45, 50, 55, .25)
}

.switcher .links li {
    height: 46px;
    padding: 0;
    width: 25%
}

.switcher .links li.active a {
    border-color: #2d3237;
    text-decoration: none
}

.switcher .links a {
    display: block;
    height: 48px;
    font-size: 15px;
    line-height: 42px;
    font-weight: 500;
    color: #2d3237;
    border: 0 solid transparent
}

.switcher .links a:hover {
    border-color: rgba(45, 50, 55, .4);
    text-decoration: none
}

.switcher.switcher-links-top .links {
    margin-bottom: 60px;
    border-bottom-width: 1px
}

.switcher.switcher-links-top .links a {
    border-bottom-width: 2px
}

.switcher.switcher-links-bottom .links {
    margin-top: 60px;
    border-top-width: 1px
}

.switcher.switcher-links-bottom .links a {
    line-height: 34px;
    border-top-width: 2px;
    position: relative;
    top: -2px
}

.switcher .cont li {
    display: none
}

.switcher .cont li.active {
    display: block
}

.switcher .cont li>div {
    opacity: 0;
    transition: opacity .5s;
    -o-transition: opacity .5s;
    -ms-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -webkit-transition: opacity .5s
}

.switcher .cont li>div.active {
    opacity: 1
}

.switcher .cont li .text>div {
    transition: margin-top .7s;
    -o-transition: margin-top .7s;
    -ms-transition: margin-top .7s;
    -moz-transition: margin-top .7s;
    -webkit-transition: margin-top .7s;
    margin-top: 50px
}

.switcher .cont li .text>div.active {
    margin-top: 0
}

.switcher .img img {
    max-width: 100%
}

#footer {
    background: #2d3237;
    color: #8e929b
}

.big #footer {
    bottom: 0;
    position: absolute;
    width: 100%
}

#footer a {
    color: #8e929b
}

#footer a:hover {
    color: #6f7279
}

#footer .content {
    padding: 50px 0 40px
}

#footer .content .offset {
    padding-left: 80px
}

#footer .content .row {
    margin-bottom: 50px
}

#footer .content .row:last-child {
    margin-bottom: 0
}

#footer .content .row.pledge img {
    width: 50px
}

#footer .content ul.blog-latest li a,
#footer .content ul.blog-popular li a {
    color: #fff;
    font-size: 16px
}

#footer .content ul.blog-latest li {
    border-top: 1px solid rgba(255, 255, 255, .1);
    margin-top: 15px;
    padding-top: 15px
}

#footer .content ul.blog-latest li:first-child {
    border: none;
    margin: 0;
    padding: 0
}

#footer .content p.title {
    margin: 0 0 15px;
    text-transform: uppercase
}

#footer .content ul {
    list-style: none;
    padding: 0
}

#footer .content ul li {
    margin-top: 5px
}

#footer .content ul li.jobs {
    margin-left: -4px
}

#footer .content ul li.jobs a {
    color: #fff;
    text-decoration: none
}

#footer .content ul li.jobs a .lbl {
    margin-left: -5px
}

#footer .content ul li.jobs a .lbl:hover {
    text-decoration: underline
}

#footer .content ul li.jobs a .icon::before {
    font-size: 24px
}

#footer .divider {
    background: rgba(255, 255, 255, .1);
    height: 1px
}

#footer .copyrights {
    font-size: 12px;
    line-height: 30px;
    margin: 30px -15px
}

#footer .copyrights a {
    margin-left: 10px
}

#footer .copyrights .social .icon {
    font-size: 30px;
    vertical-align: top
}

.hideIntercom #intercom-container {
    display: none !important
}

@-webkit-keyframes dotloader {

    0%,
    100%,
    80% {
        box-shadow: 0 1.5em 0 -1.3em
    }

    40% {
        box-shadow: 0 1.5em 0 0
    }
}

@keyframes dotloader {

    0%,
    100%,
    80% {
        box-shadow: 0 1.5em 0 -1.3em
    }

    40% {
        box-shadow: 0 1.5em 0 0
    }
}

.dotloader {
    font-size: 20px;
    margin: 0 auto 27px auto;
    position: relative;
    text-indent: -9999em;
    transform: translateZ(0);
    -o-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    animation-delay: -.25s;
    -moz-animation-delay: -.25s;
    -webkit-animation-delay: -.25s
}

.dotloader,
.dotloader:after,
.dotloader:before {
    color: #1d9ad6;
    border-radius: 50%;
    width: .6em;
    height: .6em;
    z-index: 1;
    line-height: 33px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation: dotloader 2s infinite ease-in-out;
    -moz-animation: dotloader 2s infinite ease-in-out;
    -webkit-animation: dotloader 2s infinite ease-in-out;
    -ms-animation: dotloader 2s infinite ease-in-out
}

.dotloader:after,
.dotloader:before {
    content: "";
    position: absolute;
    top: 0
}

.dotloader:before {
    left: -1.5em;
    animation-delay: -.3s
}

.dotloader:after {
    left: 1.5em;
    animation-delay: .3s
}

.dotloader.white,
.dotloader.white:after,
.dotloader.white:before {
    color: #fff !important
}

.btn .dotloader {
    display: none;
    top: -30px;
    margin-bottom: 0
}

.btn.inProgress .dotloader {
    display: inline-block
}

@-webkit-keyframes barloader-bar1 {

    0%,
    100% {
        height: 1.8em
    }

    33% {
        height: 4.9em
    }

    66% {
        height: 3.7em
    }
}

@keyframes barloader-bar1 {

    0%,
    100% {
        height: 1.8em
    }

    33% {
        height: 4.9em
    }

    66% {
        height: 3.7em
    }
}

@-webkit-keyframes barloader-bar2 {

    0%,
    100% {
        height: 4.9em
    }

    33% {
        height: 3.7em
    }

    66% {
        height: 1.8em
    }
}

@keyframes barloader-bar2 {

    0%,
    100% {
        height: 4.9em
    }

    33% {
        height: 3.7em
    }

    66% {
        height: 1.8em
    }
}

@-webkit-keyframes barloader-bar3 {

    0%,
    100% {
        height: 3.7em
    }

    33% {
        height: 1.8em
    }

    66% {
        height: 4.9em
    }
}

@keyframes barloader-bar3 {

    0%,
    100% {
        height: 3.7em
    }

    33% {
        height: 1.8em
    }

    66% {
        height: 4.9em
    }
}

.bar-loader {
    font-size: 5px;
    position: relative;
    transform: translateZ(0);
    -o-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    padding: .3em 0;
    width: 4.8em;
    height: 5.5em;
    display: flex;
    align-items: flex-end
}

.bar-loader .bar {
    background-color: #1d9ad6;
    display: inline-block;
    width: 1em;
    margin: 0 .3em;
    border-radius: .4em .12em
}

.bar-loader .bar.bar1 {
    animation: barloader-bar1 1.5s infinite ease-in-out;
    -moz-animation: barloader-bar1 1.5s infinite ease-in-out;
    -webkit-animation: barloader-bar1 1.5s infinite ease-in-out;
    -ms-animation: barloader-bar1 1.5s infinite ease-in-out
}

.bar-loader .bar.bar2 {
    animation: barloader-bar2 1.5s infinite ease-in-out;
    -moz-animation: barloader-bar2 1.5s infinite ease-in-out;
    -webkit-animation: barloader-bar2 1.5s infinite ease-in-out;
    -ms-animation: barloader-bar2 1.5s infinite ease-in-out
}

.bar-loader .bar.bar3 {
    animation: barloader-bar3 1.5s infinite ease-in-out;
    -moz-animation: barloader-bar3 1.5s infinite ease-in-out;
    -webkit-animation: barloader-bar3 1.5s infinite ease-in-out;
    -ms-animation: barloader-bar3 1.5s infinite ease-in-out
}

.bar-loader.size-tiny {
    font-size: 3px
}

.bar-loader.size-small {
    font-size: 5px
}

.bar-loader.size-big {
    font-size: 10px
}

.bar-loader.theme-blue .bar {
    background-color: #1d9ad6
}

.bar-loader.theme-green .bar {
    background-color: #25a767
}

.bar-loader.theme-grey .bar {
    background-color: rgba(142, 146, 155, .8)
}

.btn.inProgress .text {
    display: none
}

.label-floatlabel {
    font-size: 8.5px !important;
    font-weight: 600 !important;
    color: rgba(0, 0, 0, .35) !important;
    z-index: 9;
    text-transform: capitalize;
    top: 1px !important;
    left: 12px !important
}

.active-floatlabel {
    padding-top: 12px !important;
    transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s
}

.medus {
    display: none
}

.content.border {
    border-top: 1px solid #f5f5ee
}

.content.layout-dbl p a {
    text-decoration: underline
}

@media only screen and (min-width:992px) {
    .content.layout-dbl .row {
        display: -webkit-flex;
        display: flex
    }

    .content.layout-dbl .row.reverse {
        -webkit-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .content.layout-dbl .left,
    .content.layout-dbl .right {
        flex-grow: 1;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-flex-direction: column;
        flex-direction: column
    }

    .content.layout-dbl .right.img img {
        float: right
    }
}

@media only screen and (max-width:991px) {
    .content.layout-dbl .img img {
        float: none;
        margin: 10px 0 40px;
        max-width: 60%
    }
}

@media only screen and (max-width:767px) {
    .content.layout-dbl .img img {
        max-height: 240px;
        width: auto
    }
}

@media only screen and (max-width:480px) {
    .content.layout-dbl h3 {
        font-size: 30px;
        line-height: 36px
    }

    .content.layout-dbl .img img {
        max-width: 100%
    }
}

.content.layout-iconblocks .col p {
    font-size: 16px;
    line-height: 24px;
    color: #2d3237
}

.content.layout-iconblocks .col .icon {
    display: block;
    line-height: 50px;
    font-size: 50px;
    padding: 30px 0 15px
}

.layout-emphasized-blocks {
    overflow: hidden;
    text-align: center
}

.layout-emphasized-blocks .block {
    padding: 14px;
    display: inline-block
}

.layout-emphasized-blocks .block .box {
    display: block;
    border: 1px solid rgba(142, 146, 155, .25);
    border-radius: 5px
}

.layout-emphasized-blocks .block .box:hover {
    -moz-box-shadow: 2px 2px 20px 5px rgba(37, 37, 37, .1);
    -webkit-box-shadow: 2px 2px 20px 5px rgba(37, 37, 37, .1);
    box-shadow: 2px 2px 20px 5px rgba(37, 37, 37, .1);
    background: #fff
}

.testimonials-carousel {
    width: 980px;
    max-width: 100%;
    margin: 44px auto 105px;
    background-color: #fff;
    border-radius: 5px;
    text-align: left;
    position: relative;
    -moz-box-shadow: 2px 2px 8px 1px rgba(142, 146, 155, .2);
    -webkit-box-shadow: 2px 2px 8px 1px rgba(142, 146, 155, .2);
    box-shadow: 2px 2px 8px 1px rgba(142, 146, 155, .2)
}

.testimonials-carousel .carousel {
    list-style: none;
    padding: 0
}

.testimonials-carousel .carousel.slick-initialized .box {
    display: block
}

.testimonials-carousel .box {
    position: relative;
    padding: 24px 30px 22px 330px;
    display: none
}

.testimonials-carousel .box:first-child {
    display: block
}

.testimonials-carousel .box .logo {
    position: absolute;
    top: 50%;
    left: 165px;
    transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%)
}

.testimonials-carousel .box .text {
    border-left: 1px solid rgba(45, 50, 55, .2);
    padding: 12px 0 20px 34px
}

.testimonials-carousel .box .text p {
    font-size: 20px;
    line-height: 28px;
    font-weight: 300
}

.testimonials-carousel .box .author {
    padding: 8px 0 0 50px;
    position: relative;
    font-size: 14px;
    line-height: 18px;
    margin: 25px 0 0 2px;
    min-height: 33px
}

.testimonials-carousel .box .author strong {
    font-weight: 500;
    font-size: 16px
}

.testimonials-carousel .box .author img {
    width: 33px;
    height: 33px;
    border-radius: 100%;
    position: absolute;
    top: 0;
    left: 0
}

@media only screen and (max-width:991px) {
    .testimonials-carousel .box {
        padding-left: 50px
    }

    .testimonials-carousel .box .logo {
        position: static;
        margin: 25px 0;
        transform: none;
        -o-transform: none;
        -ms-transform: none;
        -moz-transform: none;
        -webkit-transform: none
    }

    .testimonials-carousel .box .text {
        margin: 0;
        padding-left: 0;
        border: none
    }
}

@media only screen and (max-width:560px) {
    .testimonials-carousel .box {
        padding: 25px
    }

    .testimonials-carousel .box .logo {
        margin: 0 0 10px
    }

    .testimonials-carousel .box .text p {
        font-size: 16px;
        line-height: 20px
    }

    .testimonials-carousel .box .author {
        margin-top: 18px
    }
}

.slick-dots {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -46px;
    text-align: center;
    margin: 0;
    padding: 0;
    z-index: 999
}

.slick-dots li {
    display: inline-block;
    margin: 2px;
    padding: 4px;
    cursor: pointer
}

.slick-dots li.slick-active button,
.slick-dots li:hover button {
    background-color: #1679a6
}

.slick-dots button {
    display: block;
    border: 0;
    background-color: rgba(148, 179, 197, .5);
    border-radius: 100%;
    width: 7px;
    height: 7px;
    padding: 0;
    text-indent: -999px;
    overflow: hidden;
    outline: 0
}

.statements h3 {
    font-size: 2.57em;
    line-height: 1.2em;
    font-weight: 500;
    margin-top: 5px
}

.statements .right {
    padding: 30px
}

.statements .right a {
    margin-top: 25px
}

.statements .right.agency {
    display: none
}

.statements .right .first__btn--blue-outline {
    padding: 10px 20px;
    text-transform: none
}

.statements .statement-box {
    background-color: #fff;
    border-radius: 4px;
    width: 553px;
    min-width: 260px;
    -moz-box-shadow: 3px 3px 14px 3px rgba(142, 146, 155, .1);
    -webkit-box-shadow: 3px 3px 14px 3px rgba(142, 146, 155, .1);
    box-shadow: 3px 3px 14px 3px rgba(142, 146, 155, .1)
}

.statements .statement-box ul {
    padding-left: 0;
    margin: 0
}

.statements .statement-box ul li {
    list-style: none;
    margin: 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.statements .statement-box ul.carousel .slick-slide {
    height: 426px;
    display: flex;
    flex-direction: column;
    overflow-y: auto
}

.statements .statement-box .review {
    padding: 20px 40px 20px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.statements .statement-box .review p {
    font-size: 16px !important;
    line-height: 22px !important;
    color: #2d3237 !important;
    font-weight: 400 !important;
    margin-top: 0 !important
}

.statements .statement-box .review span {
    color: rgba(45, 50, 55, .5)
}

.statements .statement-box .review span strong {
    color: #2d3237
}

.statements .company-logos {
    justify-content: flex-start;
    padding-top: 20px
}

@media only screen and (max-width:1199px) {
    .statements .statement-box {
        margin: auto
    }

    .statements .right {
        padding-top: 50px;
        text-align: center;
        margin-top: 25px
    }

    .statements .company-logos {
        justify-content: center
    }

    .statements .company-logos img.brandbuilder {
        width: 133px;
        padding-bottom: 0
    }

    .statements .company-logos img.weidert {
        padding-bottom: 0
    }
}

@media only screen and (max-width:582px) {
    .statements .statement-box {
        max-width: 100%
    }
}

.company-logos {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    flex-wrap: wrap
}

.company-logos img {
    margin: 20px
}

.company-logos img.accuranker {
    width: 139px
}

.company-logos img.tettra {
    width: 105px
}

.company-logos img.toast {
    width: 93px
}

.company-logos img.smartbug {
    width: 112px
}

.company-logos img.pr2020 {
    width: 87px
}

.company-logos img.brandbuilder {
    width: 133px;
    padding-bottom: 8px
}

.company-logos img.nextiny {
    width: 94px
}

.company-logos img.referralrock {
    width: 148px
}

.company-logos img.jemo {
    width: 100px
}

.company-logos img.weidert {
    width: 180px;
    padding-bottom: 8px
}

.company-logos img.lonefir {
    width: 120px
}

.company-logos img.crayon {
    width: 165px
}

.cc-grower {
    position: relative;
    z-index: 11;
    position: fixed;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    background-image: linear-gradient(to right, #bee9f8, #d7eeee);
    background-image: -o-linear-gradient(to right, #bee9f8, #d7eeee);
    background-image: -ms-linear-gradient(to right, #bee9f8, #d7eeee);
    background-image: -moz-linear-gradient(to right, #bee9f8, #d7eeee);
    background-image: -webkit-linear-gradient(to right, #bee9f8, #d7eeee);
    border-radius: 9px;
    width: 725px;
    max-height: none !important
}

.cc-window.cc-banner,
.cc-window.cc-floating {
    font-size: 12px;
    line-height: 16px;
    padding: 7px 8px 7px 14px !important;
    opacity: .8
}

.cc-window.cc-banner .cc-link,
.cc-window.cc-floating .cc-link {
    opacity: 1;
    color: #1d9ad6;
    padding: 0;
    margin-right: 10px
}

.cc-window.cc-banner .cc-btn,
.cc-window.cc-floating .cc-btn {
    border: none;
    color: #fff;
    background-color: #1d9ad6;
    font-size: 12px;
    line-height: 24px;
    border-radius: 7px;
    font-weight: 300;
    padding: 0 10px;
    min-width: 90px !important;
    text-decoration: none
}

.cc-window.cc-banner .cc-btn:hover,
.cc-window.cc-floating .cc-btn:hover {
    background-color: #1679a6
}

.template-box {
    max-width: 300px;
    margin: auto
}

.template-box img {
    background-image: url(../img/resources/datawall-screen-grey.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    padding: 4% .5% .5%;
    margin-top: 1%;
    margin-left: 1%;
    margin-right: 1%;
    border-radius: 2px
}

.template-box h4 {
    margin-top: 20px;
    padding: 5px
}

.template-box a.btn {
    text-transform: none;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 4px;
    margin-bottom: 10px
}

.template-box .template-link {
    color: #3793bb;
    font-size: 18px
}

.template-box .template-link:hover {
    color: #2ca8cc;
    text-decoration: none
}

.signupBox {
    position: relative;
    margin: 20px 0 30px;
    width: 425px;
    max-width: 100%
}

.signupBox input {
    padding: 5px 190px 5px 15px;
    height: 46px;
    font-size: 16px;
    line-height: 34px;
    width: 99%;
    color: rgba(0, 0, 0, .75);
    border-radius: 6px;
    font-weight: 400;
    border: 2px solid rgba(0, 0, 0, .25);
    outline: 0
}

.signupBox input::-webkit-input-placeholder {
    font-weight: 400;
    opacity: .5;
    font-style: italic
}

.signupBox input::-moz-placeholder {
    font-weight: 400;
    opacity: .5;
    font-style: italic
}

.signupBox .btn {
    width: 175px;
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    border-radius: 5px;
    padding-left: 10px;
    padding-right: 10px
}

.signupBox small {
    text-align: center;
    display: block;
    font-size: 11px;
    color: rgba(255, 255, 255, .8);
    font-weight: 300;
    text-transform: uppercase;
    margin-top: 17px
}

.signupBox small .subtitle-list {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.signupBox small .subtitle-list li {
    display: inline-block
}

.signupBox small .subtitle-list li:first-child {
    margin-right: 15px
}

.signupBox small .subtitle-list span.icon {
    margin-right: 5px;
    color: #25a767
}

.signupBox .icon-arrow {
    position: absolute;
    left: -50px;
    font-size: 25px;
    color: #c1c4c9
}

@media only screen and (max-width:480px) {
    .signupBox input {
        padding-right: 15px
    }

    .signupBox .btn {
        position: static;
        margin-top: 15px
    }
}

@media only screen and (max-width:1024px) {
    #awards-logos {
        padding-right: 50px;
        padding-left: 50px
    }
}

@media only screen and (max-width:991px) {
    .feature-list h2 {
        font-size: 40px
    }

    #awards-logos {
        text-align: center
    }

    #awards-logos p {
        background-position: center top
    }

    #footer .copyrights a {
        margin-left: 5px
    }

    #footer .copyrights .copy a:first-of-type {
        margin-left: 0
    }
}

@media only screen and (max-width:991px) and (min-width:836px) {
    #navigation .logo-img {
        display: inline-block;
        width: 31px;
        height: 31px;
        background-image: url(https://cdn1.visoflow.com/images/logo/visoflow-sign.svg);
        background-size: 100% auto;
        background-repeat: no-repeat
    }

    #navigation .logo-img img {
        display: none !important
    }

    #navigation.fixed {
        position: absolute !important
    }
}

@media only screen and (min-width:766px) {
    #navigation.fixed {
        position: fixed;
        background-color: #f2f4f6
    }

    #navigation.fixed ul li.current-menu-item a {
        border-bottom-color: #1f6c9f;
        color: #1f6c9f
    }

    #navigation.fixed ul li a {
        color: #2d3237
    }

    #navigation.fixed ul li a:hover {
        color: #1f6c9f
    }

    #navigation.fixed .logo .logo-light {
        display: none
    }

    #navigation.fixed .logo .logo-dark {
        display: inline-block
    }

    #navigation.fixed li.menu-item.submenu.dropdown-open:before,
    #navigation.fixed li.menu-item.submenu.dropdown-open>a {
        color: #1f6c9f !important
    }

    #navigation.fixed .filter li.menu-item.submenu:before {
        color: #2d3237
    }

    #navigation.fixed .filter li.menu-item.submenu:hover:before {
        color: #1f6c9f
    }

    #navigation.fixed .filter li.menu-item.submenu.current-menu-item>a:not(:hover) {
        color: #2d3237
    }

    #navigation.fixed .top-navigation {
        display: none
    }

    .container.narrow {
        padding-left: 125px;
        padding-right: 125px
    }
}

@media only screen and (min-width:766px) and only screen and (max-width:1200px) {
    #navigation.fixed .logo {
        margin-right: 20px
    }
}

@media only screen and (min-width:766px) and only screen and (max-width:991px) {
    #navigation.fixed .logo {
        margin-right: 2px
    }
}

@media only screen and (min-width:766px) and only screen and (max-width:767px) {
    #navigation.fixed ul li.current-menu-item a {
        color: #2d3237
    }

    #navigation.fixed ul li a:hover {
        color: #2d3237
    }

    #navigation.fixed li.menu-item.submenu>a {
        color: #2d3237
    }

    #navigation.fixed li.menu-item.submenu.dropdown-open:before,
    #navigation.fixed li.menu-item.submenu.dropdown-open>a {
        color: #008ace !important
    }

    #navigation.fixed li.menu-item.submenu:hover:before {
        color: #2d3237 !important
    }
}

@media only screen and (min-width:766px) and only screen and (min-width:992px) {
    #navigation.fixed .filter li.menu-item.submenu .dropdown:before {
        left: 0
    }
}

@media only screen and (min-width:766px) and only screen and (min-width:1200px) {
    #navigation.fixed .filter li.menu-item.submenu .dropdown:before {
        left: 0
    }
}

@media only screen and (max-width:836px) {
    #navigation {
        padding: 0;
        z-index: 10;
        position: absolute
    }

    #navigation.fixed {
        padding-top: 3px
    }

    #navigation .container {
        position: relative
    }

    #navigation .logo {
        order: 0;
        text-align: left
    }

    #navigation .top-navigation {
        order: 2;
        display: none
    }

    #navigation .top-navigation ul {
        margin-top: 0 !important;
        font-size: 14px
    }

    #navigation .top-navigation ul li.icon-arrow-down:before {
        font-size: 14px !important
    }

    #navigation .top-navigation a {
        margin: 0 15px
    }

    #navigation ul {
        left: 0;
        margin-top: -380px;
        position: relative;
        right: 0;
        text-align: center;
        text-transform: uppercase
    }

    #navigation ul.left {
        left: 0;
        order: 1;
        display: none
    }

    #navigation ul.right {
        left: 0;
        order: 3;
        display: none
    }

    #navigation ul li {
        float: none;
        border-top: 1px solid #dee4e7
    }

    #navigation ul li.menu-item.submenu::before {
        top: 20px !important;
        font-size: 14px !important
    }

    #navigation ul li.menu-item.submenu a {
        font-weight: 500 !important
    }

    #navigation ul li.menu-item a {
        font-size: 15px;
        font-weight: 500
    }

    #navigation ul li a {
        border: none;
        line-height: 50px;
        text-transform: none;
        font-weight: 500;
        text-align: left
    }

    #navigation ul li.get-started {
        border-top: none
    }

    #navigation ul li.get-started a {
        font-size: 14px;
        line-height: 40px;
        text-align: center;
        max-width: 200px
    }

    #navigation ul .icon-arrow-down::before {
        transition: transform .4s;
        -o-transition: transform .4s;
        -ms-transition: transform .4s;
        -moz-transition: transform .4s;
        -webkit-transition: transform .4s
    }

    #navigation ul li.menu-item.submenu::before {
        top: 20px;
        font-size: 14px
    }

    #navigation ul li.menu-item.submenu.dropdown-open a.icon-arrow-down:before {
        transform: rotate(270deg);
        -o-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        -moz-transform: rotate(270deg);
        -webkit-transform: rotate(270deg);
        transition: transform .4s;
        -o-transition: transform .4s;
        -ms-transition: transform .4s;
        -moz-transition: transform .4s;
        -webkit-transition: transform .4s
    }

    #navigation ul li.menu-item.submenu.dropdown-open .dropdown {
        position: relative;
        border-radius: 0;
        right: unset;
        left: unset;
        width: auto !important;
        box-shadow: unset !important;
        background-image: none !important;
        padding: 0 !important;
        background: 0 0;
        overflow-x: hidden
    }

    #navigation ul li.menu-item.submenu.dropdown-open .dropdown::before {
        background-image: none
    }

    #navigation ul li.menu-item.submenu.dropdown-open .dropdown ul {
        margin-top: 0;
        padding-top: 0;
        background-color: rgba(142, 146, 155, .1)
    }

    #navigation ul li.menu-item.submenu.dropdown-open .dropdown ul li {
        border-top: none;
        margin: 0 !important;
        width: 100% !important
    }

    #navigation ul li.menu-item.submenu.dropdown-open .dropdown ul li.submenu-dd_list {
        margin-bottom: 25px !important
    }

    #navigation ul li.menu-item.submenu.dropdown-open .dropdown ul li.submenu-dd_list .bordered-background {
        margin-bottom: 15px !important
    }

    #navigation ul li.menu-item.submenu.dropdown-open .dropdown ul li.submenu-dd_list .bordered-background:last-child {
        margin-bottom: 0 !important
    }

    #navigation ul li.menu-item.submenu.dropdown-open .dropdown ul li.submenu-dd_list #submenu-holder-menu .bordered-background {
        margin-bottom: 0 !important
    }

    #navigation ul li.menu-item.submenu.dropdown-open .dropdown ul li a {
        font-weight: 400;
        line-height: 40px;
        color: #8e929b
    }

    #navigation ul li.menu-item.submenu.dropdown-open .dropdown ul li.hiring {
        text-align: left
    }

    #navigation ul li.menu-item.submenu.dropdown-open .dropdown ul li.dd-list-subtitle {
        margin-bottom: 20px !important
    }

    #navigation ul li.menu-item.submenu.dropdown-open .dropdown ul li.dd-list-subtitle.top-spacing {
        padding-top: 0
    }

    #navigation ul li.menu-item.submenu.dropdown-open .dropdown ul li.bordered-background a {
        max-width: 85%;
        margin-top: 0
    }

    #navigation ul li.menu-item.submenu.dropdown-open .dropdown ul li.bordered-background a .link-title {
        line-height: 18px;
        display: block
    }

    #navigation ul li.menu-item.submenu.dropdown-open .dropdown ul li.bordered-background a .dd-menu-description {
        padding-top: 4px
    }

    #navigation ul li.menu-item.submenu.dropdown-open>a {
        color: #008ace !important
    }

    #navigation ul li.menu-item.submenu>a {
        padding-right: 0;
        font-weight: 500;
        color: #2d3237
    }

    #navigation ul li.menu-item.submenu .menu-item:not(.blank).current-menu-item,
    #navigation ul li.menu-item.submenu .menu-item:not(.blank):hover {
        background: 0 0
    }

    #navigation ul li.menu-item.submenu .menu-item:not(.blank).current-menu-item a,
    #navigation ul li.menu-item.submenu .menu-item:not(.blank):hover a {
        color: #2d3237
    }

    #navigation ul li.menu-item.submenu .submenu-dd_list {
        float: none;
        width: auto;
        margin-left: 0;
        margin-bottom: 10px
    }

    #navigation.visible.light .filter {
        background: #f0f2f4;
        box-shadow: 0 4px 32px 32px rgba(0, 0, 0, .08)
    }

    #navigation.visible.dark .filter {
        background: #f0f2f4;
        box-shadow: 0 4px 32px 32px rgba(0, 0, 0, .08)
    }

    #navigation.visible .filter {
        display: flex;
        flex-direction: column;
        max-height: 100vh;
        overflow: scroll
    }

    #navigation.visible .top-navigation {
        display: block
    }

    #navigation.visible ul {
        margin-top: 20px;
        display: block;
        transition: margin .5s;
        -o-transition: margin .5s;
        -ms-transition: margin .5s;
        -moz-transition: margin .5s;
        -webkit-transition: margin .5s
    }

    #navigation.visible ul.left {
        display: block
    }

    #navigation.visible ul.right {
        margin-bottom: 10px;
        margin-top: 0;
        display: block;
        float: none;
        position: static
    }

    #navigation.visible ul.right .get-started {
        max-width: 46%;
        width: 100%;
        display: inline-block
    }

    #navigation .logo {
        top: 20px;
        z-index: 10
    }

    #navigation .logo a.menu {
        color: #2d3237;
        float: left;
        font-size: 20px;
        height: 32px;
        line-height: 32px;
        margin-left: 15px;
        position: absolute;
        width: 32px;
        right: 5px;
        display: block !important;
        z-index: 999
    }

    #navigation.light .logo .logo-light {
        display: inline-block
    }

    #navigation.light .logo .logo-dark {
        display: none
    }

    #navigation.light .logo a.menu {
        color: #fff
    }

    #navigation.light.visible .logo .logo-light {
        display: none
    }

    #navigation.light.visible .logo .logo-dark {
        display: inline-block
    }

    #navigation.light.visible .logo a.menu {
        color: #2d3237
    }

    #navigation.light ul li.menu-item>a {
        color: #000
    }

    #navigation.light ul li.menu-item.current-menu-item>a {
        color: #000 !important
    }
}

@media only screen and (max-width:767px) {
    .cc-grower {
        width: 95%
    }

    .cc-window.cc-banner {
        flex-direction: column !important
    }

    .cc-compliance {
        margin-top: 10px;
        width: 100%
    }

    .cta {
        padding: 40px 0
    }

    .cta p {
        font-size: 18px;
        margin-bottom: 20px
    }

    .modal-dialog {
        margin: 30px 15px
    }

    #awards-logos {
        padding-left: 0;
        padding-right: 0
    }

    .inner-menu .left {
        width: 100%
    }

    .inner-menu .right {
        width: 100%;
        text-align: center
    }

    .inner-menu li {
        font-size: 12px
    }

    .inner-menu .btn {
        margin: 0 auto 20px;
        display: inline-block;
        float: none !important
    }

    .header {
        padding: 70px 0 30px
    }

    .header.big {
        padding: 70px 0 30px
    }

    .header h1 {
        font-size: 30px
    }

    .content {
        padding: 40px 0
    }

    .content h1 {
        font-size: 30px;
        margin-bottom: 20px
    }

    .content p {
        font-size: 15px
    }

    #logos {
        margin: 0
    }

    #logos strong {
        font-size: 14px
    }

    #logos li {
        height: 65px
    }

    .switcher .links {
        display: none
    }

    .switcher .cont {
        height: auto
    }

    .switcher .cont li {
        display: block;
        margin-bottom: 50px
    }

    .switcher .cont li>div {
        opacity: 1
    }

    #footer {
        text-align: center
    }

    #footer .content ul.blog-latest {
        padding: 0 15px
    }

    #footer .content .offset {
        padding-left: 0
    }

    #footer .content .row {
        margin-bottom: 30px
    }

    #footer .content .row:last-child {
        margin-bottom: 30px
    }

    #footer .copyrights {
        padding: 10px 0
    }

    #footer .copyrights .row {
        margin: 10px 0
    }

    #footer .copyrights .row.copy a:first-of-type {
        margin-left: 5px
    }

    #footer .copyrights .row.social {
        text-align: center
    }
}

@media only screen and (max-width:480px) {
    #logos li {
        height: 50px
    }

    #awards-logos {
        margin-top: 40px
    }

    .switcher .links {
        border-color: transparent
    }

    .switcher .links li {
        width: 100%
    }

    .switcher .links a {
        line-height: 52px !important
    }

    .switcher.switcher-links-bottom .links a {
        border-top-width: 0;
        border-bottom-width: 2px
    }

    .switcher .cont li .text>div {
        margin-top: 0 !important
    }

    #cta-buttons {
        margin-bottom: 20px
    }

    #cta-buttons a,
    #cta-buttons span {
        display: block;
        width: 100%;
        margin-bottom: 20px
    }

    .feature-list h2 {
        font-size: 30px
    }

    .feature-list p {
        font-size: 13px
    }

    .feature-list .actions .btn {
        width: 100%;
        white-space: normal
    }
}

.align-columns {
    display: table;
    height: 100%
}

.align-columns [class*=col-] {
    float: none;
    display: table-cell;
    height: 100%
}

.align-columns [class*=col-].va-middle {
    vertical-align: middle
}

.align-columns [class*=col-].va-bottom {
    vertical-align: bottom
}

@media only screen and (max-width:991px) {
    .align-columns [class*=col-] {
        float: none;
        display: block;
        margin: 0 auto 30px;
        height: auto
    }

    .align-columns [class*=col-]:last-child {
        margin-bottom: 0
    }

    .align-columns [class*=col-].va-middle {
        text-align: center
    }
}

@media only screen and (max-width:480px) {
    .align-columns [class*=col-] img {
        margin: 0 auto
    }
}

.dropdown-submenu {
    position: relative
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px 6px;
    border-radius: 0 6px 6px 6px
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff
}

.dropdown-submenu.pull-left {
    float: none
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px
}

.vimeo-wrapper {
    border-radius: 12px;
    overflow: hidden
}

.vimeo-wrapper a {
    position: relative;
    border-radius: 12px
}

.vimeo-wrapper a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    background-color: rgba(0, 0, 0, .3)
}

.vimeo-wrapper a:hover .play-button {
    background-color: rgba(122, 68, 230, .95)
}

.vimeo-wrapper .play-button {
    width: 150px;
    height: 85px;
    background-color: rgba(122, 68, 230, .85);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 10px;
    z-index: 2
}

.vimeo-wrapper .play-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url(../img/resources/play.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 35px 41px
}

@supports (display:flex) {
    .row.equal {
        display: -webkit-flex;
        display: flex;
        flex-wrap: wrap
    }

    .row.equal.equal--align-items-center>div {
        align-self: center
    }
}

.is-table-row {
    display: table
}

.is-table-row [class*=col-] {
    float: none;
    display: table-cell;
    vertical-align: middle
}

@media only screen and (max-width:767px) {
    .is-table-row {
        display: block
    }

    .is-table-row [class*=col-] {
        float: none;
        display: block
    }
}

@keyframes fade-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

#marketing-max {
    letter-spacing: 0
}

#marketing-max .header {
    background: #fff url("../img/dashboard-software/bg_dashboard.png") no-repeat top center;
    background-size: 100% 120px;
    color: #000;
    text-align: left;
    padding: 190px 0 40px
}

#marketing-max .header h1 {
    color: #1c1d1f;
    font-weight: 600;
    font-size: 56px;
    line-height: 65px;
    margin: 0 0 24px
}

#marketing-max .header ul {
    list-style: none;
    padding: 0;
    margin: 0 0 40px
}

#marketing-max .header ul li {
    position: relative;
    padding-left: 18px
}

#marketing-max .header ul li:before {
    content: "\e002";
    display: inline-block;
    font-family: Icons;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none;
    top: 6px;
    vertical-align: middle;
    font-size: 10px;
    position: absolute;
    left: 0;
    color: #2ab674
}

#marketing-max .header li,
#marketing-max .header p {
    font-size: 16px;
    line-height: 24px;
    color: #8e929b;
    font-weight: 400;
    margin: 0 0 8px
}

#marketing-max .header .signupBox {
    width: 390px;
    margin: 0
}

#marketing-max .header .signupBox .btn {
    background-color: #2bb673;
    text-transform: none;
    font-size: 16px;
    line-height: 44px;
    padding: 0 32px;
    width: auto
}

#marketing-max .header .signupBox .btn:hover {
    background-color: #20925a
}

#marketing-max .header .signupBox small {
    display: none
}

@media screen and (max-width:836px) {
    #marketing-max .header {
        background-size: 100% 75px;
        padding: 120px 0 20px;
        font-size: 44px;
        line-height: 55px
    }
}

#marketing-max #repeatable-images {
    text-align: center;
    padding: 0 0 120px
}

#marketing-max #repeatable-images p {
    font-size: 16px;
    line-height: 24px;
    color: #8e929b;
    margin: 0 0 40px;
    font-weight: 400
}

#marketing-max #repeatable-images .image-block {
    display: inline-block;
    vertical-align: middle;
    max-width: 200px;
    margin: 0 16px;
    padding: 0
}

#marketing-max #repeatable-images .image-block img {
    opacity: .8;
    max-width: 100%
}

@media screen and (max-width:768px) {
    #marketing-max #repeatable-images {
        padding-bottom: 60px
    }
}

#marketing-max #what-else {
    padding: 120px 0 0
}

#marketing-max #what-else h2,
#marketing-max #what-else h3 {
    text-align: center;
    font-weight: 500;
    font-size: 40px;
    line-height: 48px;
    margin: 0 0 70px
}

#marketing-max #what-else h2 strong,
#marketing-max #what-else h3 strong {
    font-weight: 500;
    text-decoration: underline;
    text-decoration-skip-ink: none;
    text-decoration-color: #25a767;
    -webkit-text-decoration-color: #25a767
}

#marketing-max #what-else .layout-slider-holder {
    padding: 0 122px
}

#marketing-max #what-else .layout-slider-holder .col-inner {
    padding: 0 4px
}

#marketing-max #what-else .layout-slider-holder .col-inner .image-box {
    min-height: 48px
}

#marketing-max #what-else .layout-slider-holder .col-inner h3,
#marketing-max #what-else .layout-slider-holder .col-inner h4 {
    font-size: 24px;
    line-height: 28px;
    color: #000;
    font-weight: 500;
    text-align: left;
    margin: 24px 0 16px;
    letter-spacing: 0
}

#marketing-max #what-else .layout-slider-holder .col-inner p {
    letter-spacing: 0;
    font-size: 18px;
    line-height: 27px;
    color: #8e929b;
    margin: 0
}

@media screen and (max-width:768px) {
    #marketing-max #what-else .layout-slider-holder {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media screen and (max-width:992px) {
    #marketing-max #what-else .col {
        margin-bottom: 40px
    }

    #marketing-max #what-else .layout-slider-holder .col-inner h3,
    #marketing-max #what-else .layout-slider-holder .col-inner h4 {
        margin-top: 20px
    }
}

@media screen and (max-width:768px) {
    #marketing-max #what-else {
        padding-top: 60px
    }
}

#marketing-max #section-content {
    padding: 120px 0 0
}

#marketing-max #section-content .equal--align-items-center {
    text-align: center;
    background: #dff2f8;
    border-radius: 8px;
    padding: 56px
}

#marketing-max #section-content .equal--align-items-center p {
    font-family: Inter, sans-serif;
    font-style: italic;
    font-size: 22px;
    line-height: 30px;
    margin: 0 0 48px
}

#marketing-max #section-content .equal--align-items-center .button-holder .btn {
    text-transform: none;
    background-color: #2bb673
}

#marketing-max #section-content .equal--align-items-center .button-holder .btn:hover {
    background-color: #20925a
}

@media screen and (max-width:768px) {
    #marketing-max #section-content {
        padding: 60px 0 0
    }
}

#marketing-max .quote-block {
    padding-top: 120px;
    background: rgba(29, 154, 214, .05)
}

#marketing-max .quote-block h2,
#marketing-max .quote-block h3 {
    font-size: 40px;
    line-height: 48px;
    color: #2d3237;
    font-weight: 500;
    margin: 0 0 56px;
    text-align: center
}

#marketing-max .quote-block .quote-block-content {
    margin: auto;
    max-width: 1160px;
    width: 95%;
    background: rgba(102, 197, 218, .15);
    border-radius: 8px;
    padding: 56px
}

#marketing-max .quote-block .quote-block-content p {
    font-size: 22px;
    line-height: 30px;
    font-weight: 400;
    color: #2d3237;
    margin: 0 0 28px
}

#marketing-max .quote-block .quote-block-content blockquote {
    border-left: 2px solid #008ace;
    padding: 0 0 0 24px;
    margin-bottom: 28px
}

#marketing-max .quote-block .quote-block-content blockquote p {
    font-weight: 700;
    font-style: italic
}

#marketing-max .quote-block .quote-block-content blockquote p:last-child {
    margin: 0
}

#marketing-max .quote-block .quote-block-content .quote-block-author {
    display: flex;
    align-items: center
}

#marketing-max .quote-block .quote-block-content .quote-block-author .quote-author-image {
    width: 65px;
    margin-right: 16px
}

#marketing-max .quote-block .quote-block-content .quote-block-author .quote-author-image img {
    max-width: 100%;
    border-radius: 100%
}

#marketing-max .quote-block .quote-block-content .quote-block-author .quote-author-details {
    display: flex;
    align-items: center
}

#marketing-max .quote-block .quote-block-content .quote-block-author .quote-author-details .name {
    font-size: 20px;
    margin: 0
}

@media screen and (max-width:768px) {
    #marketing-max .quote-block {
        padding-top: 60px
    }
}

#marketing-max #main-value-proposition {
    padding: 72px 0 120px;
    text-align: center;
    background: rgba(29, 154, 214, .05)
}

#marketing-max #main-value-proposition h2,
#marketing-max #main-value-proposition h3 {
    color: #000;
    font-size: 40px;
    line-height: 48px;
    margin: 0 auto 40px;
    max-width: 790px;
    display: block;
    font-weight: 500
}

#marketing-max #main-value-proposition h2 strong,
#marketing-max #main-value-proposition h3 strong {
    font-weight: 700;
    text-decoration: underline;
    text-decoration-skip-ink: none;
    text-decoration-color: #1998d5;
    -webkit-text-decoration-color: #1998d5
}

#marketing-max #main-value-proposition p {
    font-weight: 400;
    max-width: 860px;
    display: block;
    font-size: 18px;
    line-height: 24px;
    color: #8e929b;
    margin: 0 auto 56px
}

#marketing-max #main-value-proposition .video-box {
    max-width: 946px;
    margin: auto;
    float: none
}

#marketing-max #main-value-proposition .video-box .videoholder {
    background: url(../img/benchmarks/wizard_step.png) left top no-repeat;
    background-size: cover;
    padding: 32px 2px 2px;
    border-radius: 5px 5px 0 0
}

#marketing-max #main-value-proposition .video-box video {
    max-width: 100%;
    display: block
}

@media screen and (max-width:768px) {
    #marketing-max #main-value-proposition {
        padding-bottom: 60px
    }
}

#marketing-max #dashboard-gray {
    background: #f2f4f6
}

#marketing-max #dashboard-gray #datasource-templates {
    padding: 120px 0 120px
}

#marketing-max #dashboard-gray #datasource-templates h2,
#marketing-max #dashboard-gray #datasource-templates h3 {
    margin: 0 0 64px;
    font-size: 40px;
    line-height: 48px;
    font-weight: 500;
    color: #2d3237;
    text-align: center
}

#marketing-max #dashboard-gray #datasource-templates .layout-emphasized-blocks {
    padding: 0 130px;
    font-size: 0
}

#marketing-max #dashboard-gray #datasource-templates .layout-emphasized-blocks .block {
    margin: 0 18px 36px;
    padding: 0
}

#marketing-max #dashboard-gray #datasource-templates .layout-emphasized-blocks .block .box {
    width: 255px;
    height: 206px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border: 1px solid rgba(142, 146, 155, .25098);
    border-radius: 5px;
    margin: auto;
    text-align: center
}

#marketing-max #dashboard-gray #datasource-templates .layout-emphasized-blocks .block .box .img-ct {
    position: relative;
    top: 0
}

#marketing-max #dashboard-gray #datasource-templates .layout-emphasized-blocks .block .box span:not(.icon) {
    color: #000;
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
    margin: 24px 0 0;
    padding: 0
}

@media screen and (max-width:768px) {
    #marketing-max #dashboard-gray #datasource-templates {
        padding: 60px 0
    }

    #marketing-max #dashboard-gray #datasource-templates .layout-emphasized-blocks {
        padding-left: 15px;
        padding-right: 15px
    }
}

#marketing-max #dashboard-gray .button-holder {
    text-align: center;
    padding-top: 12px
}

#marketing-max #dashboard-gray .button-holder a.btn {
    display: inline-block;
    text-transform: none;
    background-color: #2bb673
}

#marketing-max #dashboard-gray .button-holder a.btn:hover {
    background-color: #20925a
}

#marketing-max #product-any-data-content {
    text-align: center;
    padding: 120px 0 0
}

#marketing-max #product-any-data-content h2,
#marketing-max #product-any-data-content h3 {
    font-weight: 500;
    font-size: 36px;
    line-height: 44px;
    margin: 0 0 24px;
    color: #2d3237
}

#marketing-max #product-any-data-content p {
    margin: auto;
    max-width: 790px;
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
    color: #8e929b
}

@media screen and (max-width:768px) {
    #marketing-max #product-any-data-content {
        padding-top: 60px
    }
}

#marketing-max #product-any-data-content-features {
    text-align: center;
    padding: 120px 0 0
}

#marketing-max #product-any-data-content-features h2,
#marketing-max #product-any-data-content-features h3 {
    font-weight: 500;
    font-size: 40px;
    line-height: 48px;
    margin: 0;
    color: #2d3237
}

@media screen and (max-width:768px) {
    #marketing-max #product-any-data-content-features {
        padding: 60px 0 0
    }
}

#marketing-max #related-templates {
    padding: 0 0 120px;
    background: 0 0;
    text-align: center
}

#marketing-max #related-templates .template-item {
    margin-top: 0
}

@media screen and (max-width:768px) {
    #marketing-max #related-templates {
        padding: 0 0 60px
    }
}

#marketing-max .product-datas-single h2,
#marketing-max .product-datas-single h3 {
    font-size: 36px;
    line-height: 44px;
    font-weight: 500;
    margin: 0 0 16px
}

#marketing-max .product-datas-single p {
    font-size: 18px;
    line-height: 26px;
    color: #8e929b;
    margin: 0 0 30px;
    font-weight: 400
}

#marketing-max .product-datas-single p strong {
    font-weight: 700;
    color: #2d3237
}

#marketing-max .product-datas-single p:last-child {
    margin-bottom: 0
}

#marketing-max .product-datas-single.report-templates-section {
    padding: 120px 0;
    border-top: none
}

#marketing-max .product-datas-single.report-templates-section .container.narrow {
    padding-left: 145px;
    padding-right: 145px
}

@media screen and (max-width:768px) {
    #marketing-max .product-datas-single.report-templates-section {
        padding-top: 60px
    }

    #marketing-max .product-datas-single.report-templates-section .container.narrow {
        padding-left: 15px;
        padding-right: 15px
    }
}

#marketing-max .product-datas-single.kpi-section {
    padding: 60px 0 0;
    border-top: none
}

#marketing-max .product-datas-single.kpi-section .container.narrow {
    padding-left: 145px;
    padding-right: 145px
}

@media screen and (max-width:768px) {
    #marketing-max .product-datas-single.kpi-section .container.narrow {
        padding-left: 15px;
        padding-right: 15px
    }
}

#marketing-max .product-datas-single.setup-call {
    padding: 120px 0 0;
    border-top: 1px solid rgba(142, 146, 155, .2)
}

#marketing-max .product-datas-single.setup-call .container.narrow {
    padding-left: 0;
    padding-right: 0
}

#marketing-max .product-datas-single.setup-call p {
    font-size: 20px;
    line-height: 28px;
    color: #8e929b;
    margin: 0 0 43px;
    font-weight: 400
}

#marketing-max .product-datas-single.setup-call ul {
    list-style: none;
    padding: 0;
    margin: 0
}

#marketing-max .product-datas-single.setup-call ul li {
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
    color: #8e929b;
    margin: 0 0 30px;
    position: relative;
    padding-left: 34px
}

#marketing-max .product-datas-single.setup-call ul li:before {
    display: inline-block;
    font-family: Icons;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none;
    top: 1px;
    vertical-align: middle;
    color: #7540ab;
    font-size: 26px;
    margin-right: 16px;
    position: absolute;
    left: 0
}

#marketing-max .product-datas-single.setup-call ul li:first-child::before {
    content: "\e964"
}

#marketing-max .product-datas-single.setup-call ul li:last-child {
    margin-bottom: 0
}

#marketing-max .product-datas-single.setup-call ul li:last-child::before {
    content: "\e965"
}

#marketing-max .product-datas-single.setup-call ul li strong {
    display: block;
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
    color: #2d3237;
    margin-bottom: 16px
}

@media screen and (max-width:768px) {
    #marketing-max .product-datas-single.setup-call {
        padding: 60px 0 0
    }

    #marketing-max .product-datas-single.setup-call .container.narrow {
        padding-left: 25px;
        padding-right: 25px
    }
}

#marketing-max #awards {
    text-align: center;
    padding: 120px 0;
    border-bottom: 1px solid rgba(142, 146, 155, .2)
}

#marketing-max #awards .badges {
    display: flex;
    align-items: start;
    justify-content: space-between
}

#marketing-max #awards .badges .col-badges {
    text-align: center
}

#marketing-max #awards .badges .col-badges .badge-images img {
    margin: 0 auto 24px;
    display: block
}

#marketing-max #awards .badges .col-badges .badge-images img.stars {
    margin-bottom: 53px
}

@media screen and (max-width:768px) {
    #marketing-max #awards .badges .col-badges .badge-images img.stars {
        margin-bottom: 20px
    }
}

#marketing-max #awards .badges .col-badges p {
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: .5px
}

#marketing-max #awards .badges .col-badges p a {
    text-decoration: underline;
    font-weight: 700
}

@media screen and (max-width:768px) {
    #marketing-max #awards .badges {
        display: block
    }

    #marketing-max #awards .badges .col-badges {
        margin-bottom: 50px
    }
}

@media screen and (max-width:768px) {
    #marketing-max #awards {
        padding: 60px 0
    }
}

#marketing-max .product-datas-multiple {
    padding: 100px 0;
    border-top: 1px solid rgba(142, 146, 155, .2)
}

#marketing-max .product-datas-multiple .container.narrow {
    padding-left: 60px;
    padding-right: 60px
}

#marketing-max .product-datas-multiple#product-any-data-1 {
    border-top: none;
    padding-top: 70px
}

#marketing-max .product-datas-multiple .left h2,
#marketing-max .product-datas-multiple .left h3,
#marketing-max .product-datas-multiple .left h4,
#marketing-max .product-datas-multiple .right h2,
#marketing-max .product-datas-multiple .right h3,
#marketing-max .product-datas-multiple .right h4 {
    font-size: 29px;
    line-height: 37px;
    color: #2d3237;
    margin: 0 0 24px;
    font-weight: 500
}

#marketing-max .product-datas-multiple .left li,
#marketing-max .product-datas-multiple .left p,
#marketing-max .product-datas-multiple .right li,
#marketing-max .product-datas-multiple .right p {
    font-size: 18px;
    line-height: 21px;
    color: #8e929b;
    font-weight: 400
}

#marketing-max .product-datas-multiple .left li strong,
#marketing-max .product-datas-multiple .left p strong,
#marketing-max .product-datas-multiple .right li strong,
#marketing-max .product-datas-multiple .right p strong {
    font-weight: 700
}

#marketing-max .product-datas-multiple .left ul,
#marketing-max .product-datas-multiple .right ul {
    padding: 0;
    margin: 0;
    list-style: none
}

#marketing-max .product-datas-multiple .left ul li,
#marketing-max .product-datas-multiple .right ul li {
    margin-bottom: 20px;
    position: relative;
    padding-left: 28px
}

#marketing-max .product-datas-multiple .left ul li:last-child,
#marketing-max .product-datas-multiple .right ul li:last-child {
    margin-bottom: 0
}

#marketing-max .product-datas-multiple .left ul li:before,
#marketing-max .product-datas-multiple .right ul li:before {
    content: "\e002";
    display: inline-block;
    font-family: Icons;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    position: relative;
    text-transform: none;
    top: 2px;
    vertical-align: middle;
    font-size: 14px;
    margin-right: 16px;
    position: absolute;
    left: 0;
    color: #2ab674
}

@media screen and (max-width:768px) {
    #marketing-max .product-datas-multiple {
        padding: 60px 0
    }
}

#marketing-max #ready-to-start {
    text-align: center;
    padding-bottom: 96px;
    padding-top: 0
}

#marketing-max #ready-to-start .container {
    padding: 68px 0 68px
}

#marketing-max #ready-to-start .container h2 {
    margin: 0 auto 40px;
    max-width: 800px;
    font-size: 36px;
    line-height: 44px;
    font-weight: 500;
    color: #2d3237
}

#marketing-max #ready-to-start .container p {
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
    color: #8e929b;
    margin: 0 auto 40px;
    max-width: 820px
}

#marketing-max #ready-to-start .container .btn.btn-green {
    text-transform: none;
    font-size: 16px;
    font-weight: 500;
    background-color: #2bb673
}

#marketing-max #ready-to-start .container .btn.btn-green:hover {
    background-color: #20925a
}

@media screen and (max-width:992px) {
    #marketing-max #ready-to-start .container {
        background-size: 100% 100% !important;
        padding-left: 30px;
        padding-right: 30px
    }
}

@media screen and (max-width:768px) {
    #marketing-max #ready-to-start .container {
        background-size: 100% 100% !important;
        margin: 0 15px;
        padding-left: 30px;
        padding-right: 30px
    }
}

@keyframes fade-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

#methodology .header {
    background-image: url(../img/methodology/bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    text-align: left;
    padding-bottom: 100px
}

#methodology .header h1 {
    font-size: 60px;
    line-height: 72px;
    font-weight: 500
}

#methodology .header h1 em:before {
    bottom: 8px;
    border-width: 4px;
    border-color: #2e356b
}

#methodology .header h1 em span {
    text-shadow: none
}

#methodology .header h2 {
    font-weight: 300;
    font-size: 22px;
    line-height: 30px;
    color: rgba(255, 255, 255, .75)
}

#methodology .header ul {
    list-style: none;
    padding: 0;
    margin: 15px 0 0
}

#methodology .header li {
    position: relative;
    padding: 3px 0 3px 15px
}

#methodology .header li:before {
    content: '·';
    position: absolute;
    top: 1px;
    left: 1px
}

#methodology .header li a {
    font-size: 16px;
    line-height: 24px;
    text-decoration: underline;
    color: #2ec1d6
}

#methodology .header .img-ct {
    position: absolute;
    bottom: 0;
    left: calc(50vw - 40px)
}

#methodology .header .img-ct img {
    display: block;
    max-height: 100%
}

#methodology .header .text-ct {
    position: relative;
    float: left;
    width: 45%;
    min-height: 575px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-direction: column;
    flex-direction: column
}

#methodology .header .btn-ct {
    clear: both;
    position: relative
}

#methodology .numbered {
    position: relative
}

#methodology .numbered:before {
    position: absolute;
    width: 23px;
    height: 23px;
    font-size: 16px;
    line-height: 22px;
    border-radius: 100%;
    text-align: center;
    padding-left: 1px;
    border: 1px solid;
    top: 24px;
    left: 0
}

#methodology .numbered.numbered-1:before {
    content: '1'
}

#methodology .numbered.numbered-2:before {
    content: '2'
}

#methodology .numbered.numbered-3:before {
    content: '3'
}

#methodology .numbered.numbered-4:before {
    content: '4'
}

#methodology .numbered.numbered-5:before {
    content: '5'
}

#methodology .btn-ct {
    text-align: center
}

#methodology .btn-ct .btn {
    display: inline-block;
    font-size: 16px;
    line-height: 34px;
    font-weight: 500;
    letter-spacing: 1px;
    background: #2bb673;
    padding-left: 30px;
    padding-right: 30px
}

#methodology .btn-ct .btn:hover {
    background: #1fa364
}

#methodology-1 h3,
#methodology-2 h3 {
    font-size: 36px;
    line-height: 40px;
    font-weight: 500
}

#methodology-1 p,
#methodology-2 p {
    font-size: 18px;
    line-height: 28px;
    margin: 0;
    padding: 14px 0
}

#methodology-1 .row,
#methodology-2 .row {
    display: -webkit-flex;
    display: flex
}

#methodology-1 .col-1,
#methodology-2 .col-1 {
    position: relative
}

#methodology-1 .pos-bottom,
#methodology-2 .pos-bottom {
    position: absolute;
    bottom: 0;
    left: 15px;
    right: 15px
}

#methodology-1 img,
#methodology-2 img,
#methodology-3 img {
    max-width: 100%;
    display: block
}

#methodology-1 img {
    margin-bottom: 50px
}

#methodology-2 img {
    width: 410px;
    margin-bottom: 24px
}

#methodology-3 {
    background-color: rgba(142, 146, 155, .08);
    padding-bottom: 50px
}

#methodology-3 h3,
#methodology-3 p.under-h3 {
    text-align: center
}

#methodology-3 h3 {
    font-size: 40px;
    line-height: 50px;
    font-weight: 500;
    margin: 35px 0 0
}

#methodology-3 p.under-h3 {
    font-size: 18px;
    line-height: 24px;
    font-weight: 500
}

#methodology-3 .img-ct {
    margin: 86px auto 115px;
    width: 628px;
    max-width: 100%
}

#methodology-3 .col-1 {
    float: right
}

#methodology-3 h4 {
    font-size: 22px;
    line-height: 24px;
    margin: 0;
    padding: 23px 0 3px 33px
}

#methodology-3 p {
    font-size: 16px;
    line-height: 24px;
    margin: 0;
    padding: 12px 0
}

#methodology-3 .box {
    position: relative;
    padding: 0 0 40px 155px
}

#methodology-3 span.icon {
    font-size: 90px;
    line-height: 90px;
    position: absolute;
    left: 36px;
    top: 8px
}

#methodology-3 .box-1 h4:before,
#methodology-3 .box-1 span.icon {
    color: #2e4797
}

#methodology-3 .box-2 h4:before,
#methodology-3 .box-2 span.icon {
    color: #009fc6
}

#methodology-3 .box-3 h4:before,
#methodology-3 .box-3 span.icon {
    color: #70b72d
}

#methodology-3 .box-4 h4:before,
#methodology-3 .box-4 span.icon {
    color: #f7ad3c
}

#methodology-3 .box-5 h4:before,
#methodology-3 .box-5 span.icon {
    color: #ff4929
}

#methodology-4 {
    text-align: center
}

#methodology-4 .btn-ct {
    margin: 30px 0 24px
}

#methodology-4 p {
    font-size: 18px;
    line-height: 36px
}

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

    #methodology-1 .row,
    #methodology-2 .row {
        display: block
    }

    #methodology-1 .pos-bottom,
    #methodology-2 .pos-bottom {
        position: static
    }

    #methodology-1 img,
    #methodology-2 img {
        margin-top: 40px
    }

    #methodology-3 .col-1 {
        float: none
    }
}

@media only screen and (max-width:767px) {
    #methodology .header .img-ct {
        top: 40px;
        left: 0;
        right: 0;
        height: 400px;
        text-align: center
    }

    #methodology .header .img-ct img {
        display: inline-block;
        width: auto
    }

    #methodology .header .text-ct {
        width: auto;
        float: none;
        min-height: 0;
        padding-top: 260px;
        text-align: center
    }

    #methodology .header .btn-ct {
        margin-top: 30px
    }
}

@media only screen and (max-width:666px) {
    #methodology-3 .box {
        padding: 0 0 30px 80px
    }

    #methodology-3 span.icon {
        font-size: 60px;
        line-height: 60px;
        left: 0;
        top: 10px
    }
}

@keyframes fade-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

#move-the-needle {
    letter-spacing: 0
}

#move-the-needle .header {
    padding: 166px 0 85px;
    background: linear-gradient(180deg, rgba(29, 154, 214, .2) 0, rgba(29, 154, 214, 0) 97.4%);
    color: #182e53
}

#move-the-needle .header img.img-responsive {
    max-width: 570px;
    display: block;
    margin: auto;
    width: 100%
}

#move-the-needle .header h1 {
    margin: 48px auto 24px;
    font-size: 48px;
    line-height: 56px;
    max-width: 964px;
    font-weight: 400
}

#move-the-needle .header h1 strong {
    font-weight: 700
}

#move-the-needle .header p {
    margin: auto;
    max-width: 860px;
    font-size: 18px;
    line-height: 28px;
    color: #3f3f56;
    font-weight: 400
}

#move-the-needle #move-the-needle-form .move-the-needle-form-box {
    margin: auto;
    max-width: 792px;
    border: 1px solid rgba(142, 146, 155, .2);
    border-radius: 0 0 40px 0;
    padding: 44px 98px;
    box-shadow: 0 15px 25px rgba(142, 146, 155, .2)
}

#move-the-needle #move-the-needle-form .move-the-needle-form-box h2,
#move-the-needle #move-the-needle-form .move-the-needle-form-box h3 {
    margin: 0 0 34px;
    font-size: 24px;
    line-height: 28px;
    font-weight: 700;
    text-align: center;
    color: #3f3f56
}

#move-the-needle #move-the-needle-form .move-the-needle-form-box h2 span,
#move-the-needle #move-the-needle-form .move-the-needle-form-box h3 span {
    font-weight: 400;
    font-size: 18px;
    display: block
}

#move-the-needle #move-the-needle-form .move-the-needle-form-box p {
    margin: 40px 0 0;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: #000;
    text-align: center
}

#move-the-needle #move-the-needle-form .move-the-needle-form-box p a {
    text-decoration: underline;
    font-weight: 500;
    color: #1998d5
}

#move-the-needle #move-the-needle-form .move-the-needle-form-box p a:hover {
    text-decoration: none
}

#move-the-needle #move-the-needle-form .move-the-needle-form-box .newsletter {
    max-width: 597px;
    margin: auto;
    display: block;
    font-size: 0;
    text-align: center
}

#move-the-needle #move-the-needle-form .move-the-needle-form-box .newsletter .hs_email {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    z-index: 1;
    text-align: center;
    width: 100%;
    max-width: calc(100% - 170px)
}

#move-the-needle #move-the-needle-form .move-the-needle-form-box .newsletter .hs_email label {
    display: none
}

#move-the-needle #move-the-needle-form .move-the-needle-form-box .newsletter .hs_email .hs-error-msgs {
    position: absolute;
    bottom: -40px;
    left: 0;
    font-size: 14px;
    color: #f76868;
    list-style: none;
    padding-left: 25px
}

#move-the-needle #move-the-needle-form .move-the-needle-form-box .newsletter .hs_email .hs-error-msgs label {
    display: block
}

#move-the-needle #move-the-needle-form .move-the-needle-form-box .newsletter .hs_email .hs-input {
    border: 1px solid #f5f5f5;
    background: #f5f5f5;
    border-radius: 5px;
    line-height: 42px;
    padding: 0 25px;
    height: 42px;
    font-size: 16px;
    color: #8e929b;
    width: 100%
}

@media screen and (max-width:480px) {
    #move-the-needle #move-the-needle-form .move-the-needle-form-box .newsletter .hs_email {
        max-width: 100%;
        margin-bottom: 20px
    }
}

#move-the-needle #move-the-needle-form .move-the-needle-form-box .newsletter .hs_submit {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 -5px
}

#move-the-needle #move-the-needle-form .move-the-needle-form-box .newsletter .hs_submit .actions {
    padding: 0
}

#move-the-needle #move-the-needle-form .move-the-needle-form-box .newsletter .hs_submit .actions .hs-button {
    background: #182e53;
    border-radius: 6px;
    width: 170px;
    height: 42px;
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 42px;
    font-weight: 700;
    padding: 0;
    position: relative;
    z-index: 2
}

#move-the-needle #move-the-needle-form .move-the-needle-form-box .newsletter .hs_submit .actions .hs-button:hover {
    background: #1998d5
}

@media screen and (max-width:640px) {
    #move-the-needle #move-the-needle-form .move-the-needle-form-box {
        padding: 44px 44px
    }

    #move-the-needle #move-the-needle-form .move-the-needle-form-box .newsletter .email-holder {
        max-width: 100%;
        margin-bottom: 20px
    }
}

#move-the-needle #issue-repeater-share .container {
    padding-top: 120px;
    padding-bottom: 95px;
    position: relative
}

#move-the-needle #issue-repeater-share .container::before {
    content: "";
    width: 120px;
    height: 120px;
    background: url("../img/move-the-needle/circle.svg") no-repeat center;
    background-size: cover;
    position: absolute;
    top: 170px;
    right: 90px
}

#move-the-needle #issue-repeater-share .container::after {
    content: "";
    width: 140px;
    height: 140px;
    background: url("../img/move-the-needle/polygon.svg") no-repeat center;
    background-size: auto 100%;
    position: absolute;
    bottom: 70px;
    left: 70px
}

#move-the-needle #issue-repeater-share .container h2 {
    text-align: center;
    font-size: 32px;
    line-height: 40px;
    color: #2d2d3d;
    font-weight: 700;
    margin: 0 0 56px
}

#move-the-needle #issue-repeater-share .container .issues-repeater-share-box {
    border: 1px solid rgba(142, 146, 155, .2);
    border-radius: 6px;
    background: #fff;
    box-shadow: 0 15px 25px rgba(142, 146, 155, .2);
    position: relative;
    z-index: 99;
    padding: 38px 74px;
    max-width: 894px;
    width: 90%;
    margin: 0 auto 25px
}

#move-the-needle #issue-repeater-share .container .issues-repeater-share-box .icon-check {
    position: absolute;
    top: 50%;
    left: 30px;
    transform: translateY(-50%);
    color: #1d9ad6;
    font-size: 25px
}

#move-the-needle #issue-repeater-share .container .issues-repeater-share-box.col-box-4 .icon-check {
    color: #f47920
}

#move-the-needle #issue-repeater-share .container .issues-repeater-share-box.col-box-3 .icon-check {
    color: #39b54a
}

#move-the-needle #issue-repeater-share .container .issues-repeater-share-box.col-box-2 .icon-check {
    color: #515aa7
}

#move-the-needle #issue-repeater-share .container .issues-repeater-share-box h3 {
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    color: #252525;
    margin: 0
}

#move-the-needle #issue-repeater-share .container .issues-repeater-share-box h3 strong {
    font-weight: 700
}

@media screen and (max-width:640px) {
    #move-the-needle #issue-repeater-share .container .issues-repeater-share-box {
        padding: 28px 28px 28px 64px
    }

    #move-the-needle #issue-repeater-share .container .issues-repeater-share-box .icon-check {
        left: 20px
    }
}

#move-the-needle #issue-repeater .container {
    padding-top: 120px;
    padding-bottom: 46px;
    border-top: 1px solid #e9e9e9
}

#move-the-needle #issue-repeater .container h2 {
    text-align: center;
    font-size: 32px;
    line-height: 40px;
    color: #2d2d3d;
    font-weight: 700;
    margin: 0 0 110px
}

#move-the-needle #issue-repeater .container .issues-repeater-box {
    margin-bottom: 50px;
    color: #2d2d3d;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px
}

#move-the-needle #issue-repeater .container .issues-repeater-box .before-title {
    font-style: italic;
    color: #424250;
    font-size: 13px;
    line-height: 16px
}

#move-the-needle #issue-repeater .container .issues-repeater-box h3 {
    margin: 8px 0 40px;
    font-size: 24px;
    line-height: 28px;
    color: #2d2d3d;
    font-weight: 700
}

#move-the-needle #issue-repeater .container .issues-repeater-box a {
    color: #1998d5
}

#move-the-needle #issue-repeater .container .issues-repeater-box a span {
    margin-left: 8px
}

@keyframes fade-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

#dbx-navigation {
    position: absolute;
    width: 100%;
    z-index: 1000;
    background-color: transparent
}

#dbx-navigation .logo-img {
    display: inline-block;
    height: 34px
}

#dbx-navigation .active {
    background-color: #fff
}

#dbx-navigation .dbx-container {
    display: flex;
    padding-block: 20px;
    justify-content: space-between;
    gap: 25px
}

#dbx-navigation .dbx-container::before {
    content: none;
    display: unset
}

#dbx-navigation .dbx-container::after {
    content: none;
    display: unset
}

#dbx-navigation .dbx-container .right {
    align-items: flex-end
}

#dbx-navigation .dbx-container .right li a {
    text-align: center
}

#dbx-navigation.active {
    background-color: #fff
}

#dbx-navigation.active.light a {
    color: #000
}

#dbx-navigation.active.light .logo .logo-dark {
    display: inline-block
}

#dbx-navigation.active.light .logo .logo-light {
    display: none
}

#dbx-navigation.active.light .filter li.menu-item.submenu.current-menu-item>a:not(:hover) {
    color: #000
}

#dbx-navigation.active.light ul li.get-started.outlined a {
    background-color: transparent;
    border: 1px solid rgba(142, 146, 155, .3);
    color: #24282c !important
}

#dbx-navigation.active.light ul li.get-started.outlined a:hover {
    background-color: rgba(142, 146, 155, .3)
}

#dbx-navigation.light ul li a {
    color: #fff
}

#dbx-navigation.light ul li a:hover {
    background-color: rgba(255, 255, 255, .1);
    border-radius: 8px
}

#dbx-navigation.light ul li.get-started.outlined a {
    background-color: transparent;
    border: 1px solid rgba(142, 146, 155, .3);
    color: #fff !important
}

#dbx-navigation.light ul li.get-started.outlined a:hover {
    background-color: rgba(142, 146, 155, .3)
}

#dbx-navigation.light .logo .logo-light {
    display: inline-block
}

#dbx-navigation.light .logo .logo-dark {
    display: none
}

@media only screen and (max-width:1200px) {
    #dbx-navigation.light .logo {
        margin-right: 20px
    }
}

@media only screen and (max-width:991px) {
    #dbx-navigation.light .logo {
        margin-right: 2px
    }
}

#dbx-navigation.light li.menu-item.submenu.dropdown-open {
    margin-bottom: -2px
}

#dbx-navigation.light li.menu-item.submenu.dropdown-open:before,
#dbx-navigation.light li.menu-item.submenu.dropdown-open>a {
    color: #1d9ad6 !important
}

#dbx-navigation.light .mobile-buttons-hamburger .icon {
    color: #fff
}

#dbx-navigation.light .filter li.menu-item.submenu:before {
    color: #fff
}

#dbx-navigation.light .filter li.menu-item.submenu:hover:before {
    color: #1d9ad6
}

@media only screen and (max-width:836px) {
    #dbx-navigation.light ul li a:hover {
        color: #000
    }

    #dbx-navigation.light li.menu-item>a {
        color: #000
    }

    #dbx-navigation.light li.menu-item.submenu>a {
        color: #000
    }

    #dbx-navigation.light li.menu-item.submenu.dropdown-open:before,
    #dbx-navigation.light li.menu-item.submenu.dropdown-open>a {
        color: #000 !important
    }

    #dbx-navigation.light li.menu-item.submenu:hover:before {
        color: #000 !important
    }
}

#dbx-navigation.dark ul li a {
    color: #2d3237
}

#dbx-navigation.dark ul li a:hover {
    color: #000;
    background-color: rgba(142, 146, 155, .1);
    border-radius: 8px
}

#dbx-navigation.dark ul li.get-started.outlined a {
    background-color: transparent;
    border: 1px solid rgba(142, 146, 155, .2);
    color: #24282c !important
}

#dbx-navigation.dark ul li.get-started.outlined a:hover {
    background-color: rgba(142, 146, 155, .1)
}

#dbx-navigation.dark .logo .logo-light {
    display: none
}

#dbx-navigation.dark .logo .logo-dark {
    display: inline-block
}

#dbx-navigation.dark li.menu-item.submenu.dropdown-open {
    margin-bottom: -2px
}

#dbx-navigation.dark li.menu-item.submenu.dropdown-open:before,
#dbx-navigation.dark li.menu-item.submenu.dropdown-open>a {
    color: #000 !important
}

#dbx-navigation.dark .mobile-buttons-hamburger .icon {
    color: #000
}

#dbx-navigation.dark .filter li.menu-item.submenu:before {
    color: #2d3237
}

#dbx-navigation.dark .filter li.menu-item.submenu:hover:before {
    color: #000
}

@media only screen and (max-width:767px) {
    #dbx-navigation.dark ul li a:hover {
        color: #2d3237
    }

    #dbx-navigation.dark li.menu-item.submenu>a {
        color: #2d3237
    }

    #dbx-navigation.dark li.menu-item.submenu.dropdown-open:before,
    #dbx-navigation.dark li.menu-item.submenu.dropdown-open>a {
        color: #008ace !important
    }

    #dbx-navigation.dark li.menu-item.submenu:hover:before {
        color: #2d3237 !important
    }
}

@media only screen and (min-width:992px) {
    #dbx-navigation.dark .filter li.menu-item.submenu .dropdown:before {
        left: 0
    }
}

@media only screen and (min-width:1200px) {
    #dbx-navigation.dark .filter li.menu-item.submenu .dropdown:before {
        left: 0
    }
}

#dbx-navigation.transparent #menu-navigation-right-2024>li:first-of-type a:hover {
    background-color: rgba(255, 255, 255, .35)
}

#dbx-navigation.transparent #menu-navigation-right-2024>li:nth-of-type(2) a {
    background-clip: padding-box;
    border-color: rgba(255, 255, 255, .35)
}

#dbx-navigation.transparent #menu-navigation-right-2024>li:nth-of-type(2) a:hover {
    background-color: rgba(255, 255, 255, .35)
}

#dbx-navigation.transparent #menu-navigation-right-2024>li:nth-of-type(3) a {
    background-clip: padding-box;
    background-color: rgba(255, 255, 255, .25);
    border-color: rgba(255, 255, 255, .25)
}

#dbx-navigation.transparent #menu-navigation-right-2024>li:nth-of-type(3) a:hover {
    border: 1px solid rgba(255, 255, 255, .35);
    background-color: rgba(255, 255, 255, .35)
}

#dbx-navigation.transparent .mobile-buttons li:nth-of-type(3) a {
    background-clip: padding-box;
    border: none;
    background-color: rgba(255, 255, 255, .25)
}

#dbx-navigation.transparent .mobile-buttons li:nth-of-type(3) a:hover {
    background-color: rgba(255, 255, 255, .35)
}

#dbx-navigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex
}

#dbx-navigation ul li a {
    display: block;
    text-decoration: none;
    font-weight: 400;
    font-size: 15px;
    padding: 8px;
    white-space: nowrap
}

#dbx-navigation ul li a.icon {
    padding: 8px 32px 8px 8px
}

#dbx-navigation ul li.get-started a {
    color: #fff !important;
    background-color: #1d9ad6;
    font-size: 15px;
    border-radius: 8px;
    padding: 8px 16px;
    border: 1px solid #1d9ad6
}

#dbx-navigation ul li.get-started a:hover {
    color: #fff !important;
    background-color: #008ace;
    border: 1px solid #008ace
}

#dbx-navigation ul li.get-started:nth-of-type(3) a {
    font-weight: 600
}

@media only screen and (min-width:768px) {
    #dbx-navigation ul li a {
        font-size: 12px
    }

    #dbx-navigation ul li.get-started {
        margin-left: 5px
    }

    #dbx-navigation ul li.get-started a {
        font-size: 12px;
        padding: 7px 16px
    }
}

@media only screen and (min-width:992px) {
    #dbx-navigation ul li a {
        font-size: 12px
    }

    #dbx-navigation ul li.get-started {
        margin-left: 5px
    }

    #dbx-navigation ul li.get-started a {
        font-size: 12px;
        padding: 7px 16px
    }
}

@media only screen and (min-width:1200px) {
    #dbx-navigation ul li a {
        font-size: 15px
    }

    #dbx-navigation ul li.get-started {
        margin-left: 10px
    }

    #dbx-navigation ul li.get-started a {
        font-size: 15px
    }
}

#dbx-navigation .dropdown {
    margin-top: 20px;
    display: none;
    position: absolute;
    border-radius: 0;
    -moz-box-shadow: 0 0 6px 0 rgba(85, 85, 85, .3);
    -webkit-box-shadow: 0 0 6px 0 rgba(85, 85, 85, .3);
    box-shadow: 0 0 6px 0 rgba(85, 85, 85, .3);
    background-clip: padding-box;
    background-color: #fff;
    z-index: 1;
    border-top: 1px solid rgba(0, 0, 0, .1);
    justify-content: center
}

#dbx-navigation .dropdown .dd-holder {
    overflow: hidden;
    min-height: 400px
}

#dbx-navigation .dropdown .dd-holder .container {
    flex-direction: row-reverse;
    min-height: 400px
}

#dbx-navigation .dropdown .dd-cta {
    overflow: hidden;
    background-color: rgba(0, 138, 206, .1);
    width: 100%;
    height: 100%;
    padding-left: 64px;
    padding-top: 40px
}

#dbx-navigation .dropdown .dd-cta>.cta-card {
    display: flex;
    flex-direction: column;
    max-width: 256px;
    gap: 24px
}

#dbx-navigation .dropdown .dd-cta>.cta-card .title-description {
    display: flex;
    flex-direction: column;
    gap: 4px
}

#dbx-navigation .dropdown .dd-cta>.cta-card .title-description .title {
    display: block;
    color: #000;
    font-size: 16px;
    font-weight: 600
}

#dbx-navigation .dropdown .dd-cta>.cta-card .title-description .description {
    color: #8e929b;
    font-size: 13px
}

#dbx-navigation .dropdown .dd-cta>.cta-card .title-description .buttons {
    display: flex;
    margin-top: 12px;
    gap: 8px
}

#dbx-navigation .dropdown .dd-cta>.cta-card .title-description .buttons>.dbx-btn {
    padding: 10px 12px;
    font-size: 13px
}

#dbx-navigation .dropdown .dd-cta>.cta-card .title-description .buttons .dbx-btn--blue-outline {
    color: #1d9ad6
}

#dbx-navigation .dropdown .dd-cta>.cta-card .title-description .buttons .dbx-btn--blue-outline:hover {
    background-color: rgba(29, 154, 214, .08)
}

#dbx-navigation .dropdown .dd-cta>.cta-card .title-description .buttons .dbx-btn--blue-solid {
    color: #fff
}

#dbx-navigation .dropdown .dd-cta>.cta-card .title-description .buttons .dbx-btn--blue-solid:hover {
    background-color: #1a8ac0
}

#dbx-navigation .dropdown .dd-cta>.cta-card>img {
    background-color: rgba(0, 138, 206, .1);
    border-radius: 6px
}

#dbx-navigation .logo {
    display: flex;
    justify-content: space-between
}

#dbx-navigation .logo a.menu {
    display: none
}

#dbx-navigation .mobile-buttons-hamburger {
    display: flex;
    align-items: center;
    gap: 16px;
    display: none
}

#dbx-navigation .mobile-buttons-hamburger .mobile-buttons {
    display: none
}

#dbx-navigation .mobile-buttons-hamburger .menu {
    display: none
}

@media only screen and (max-width:836px) and (min-width:465px) {
    #dbx-navigation .mobile-buttons-hamburger .mobile-buttons {
        display: flex
    }

    #dbx-navigation .mobile-buttons-hamburger .mobile-buttons ul.right {
        display: flex;
        margin-top: 0
    }

    #dbx-navigation .mobile-buttons-hamburger .mobile-buttons ul.right li {
        display: inline-block;
        vertical-align: middle
    }

    #dbx-navigation .mobile-buttons-hamburger .mobile-buttons ul.right li.menu-item {
        display: none
    }

    #dbx-navigation .mobile-buttons-hamburger .mobile-buttons ul.right li.menu-item.get-started {
        display: flex
    }

    #dbx-navigation .mobile-buttons-hamburger .mobile-buttons ul.right li.menu-item.get-started.outlined {
        display: none
    }

    #dbx-navigation .mobile-buttons-hamburger .mobile-buttons ul.right li.menu-item.get-started a {
        font-size: 12px;
        line-height: 12px;
        padding: 10px 18px
    }
}

#dbx-navigation .banner-section {
    width: 100%;
    background: #1d9ad6;
    text-align: center;
    color: #fff;
    padding: 0 15px
}

#dbx-navigation .banner-section p {
    margin: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    padding: 10px 0
}

#dbx-navigation .banner-section a {
    font-weight: 500;
    text-decoration: underline;
    color: #fff
}

@media screen and (max-width:992px) {
    #dbx-navigation .banner-section {
        position: fixed;
        bottom: 0;
        left: 0;
        margin-bottom: 0
    }

    #dbx-navigation .banner-section p {
        font-size: 14px;
        line-height: 20px
    }
}

#dbx-navigation.is_banner {
    padding-top: 0
}

#dbx-navigation.is_banner.fixed {
    padding-top: 0
}

#dbx-navigation.is_promotion_banner {
    top: 48px
}

#dbx-navigation.is_promotion_banner.fixed {
    top: 0
}

@media screen and (max-width:768px) {
    #dbx-navigation.is_promotion_banner {
        height: auto
    }
}

#dbx-navigation .logo-menu {
    display: flex;
    gap: 46px
}

#dbx-navigation .logo-menu>ul {
    display: flex;
    gap: 6px;
    align-items: flex-end
}

@media screen and (max-width:1030px) {
    #dbx-navigation .logo-menu {
        gap: 24px
    }
}

#dbx-navigation #submenu-menu {
    display: flex;
    gap: 56px;
    padding-top: 17px;
    padding-bottom: 64px;
    padding-left: 140px
}

@media (min-width:836px) and (max-width:1200px) {
    #dbx-navigation #submenu-menu .submenu-dd_cta {
        display: none
    }
}

@media only screen and (max-width:992px) {
    #dbx-navigation #submenu-menu {
        padding-left: 94px
    }
}

#dbx-navigation .menu-submenu-container.container {
    padding: 0
}

#dbx-navigation li.menu-item.submenu a.icon {
    position: relative
}

#dbx-navigation li.menu-item.submenu a.icon:before {
    position: absolute;
    right: 12px;
    top: 40%;
    font-size: 8px;
    width: 8px;
    height: 8px
}

@media only screen and (max-width:836px) {
    #dbx-navigation li.menu-item.submenu a.icon:before {
        position: absolute;
        right: 12px;
        top: 38%;
        font-size: 16px;
        width: 16px;
        height: 16px
    }
}

#dbx-navigation li.menu-item.submenu>a {
    font-weight: 400
}

#dbx-navigation li.menu-item.submenu.dropdown-open:after {
    content: " ";
    height: 2px;
    width: 100%;
    background-color: #008ace;
    display: block;
    position: relative;
    top: 18px
}

#dbx-navigation li.menu-item.submenu.dropdown-open a.icon:before {
    transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    transition: transform .4s;
    -o-transition: transform .4s;
    -ms-transition: transform .4s;
    -moz-transition: transform .4s;
    -webkit-transition: transform .4s
}

#dbx-navigation li.menu-item.submenu.dropdown-open>a {
    color: #000;
    background-color: rgba(0, 138, 206, .1);
    border-radius: 8px
}

#dbx-navigation li.menu-item.submenu.dropdown-open .dropdown {
    display: block
}

@media only screen and (max-width:767px) {
    #dbx-navigation li.menu-item.submenu.dropdown-open .dropdown .container {
        padding-bottom: 0
    }
}

#dbx-navigation li.menu-item.submenu .dropdown {
    width: calc(100vw - (100vw - 100%));
    left: 0;
    background: #fff;
    box-shadow: 0 8px 10px -2px rgba(0, 0, 0, .08)
}

@media screen and (max-width:992px) {
    #dbx-navigation li.menu-item.submenu .dropdown {
        overflow: auto
    }
}

#dbx-navigation li.menu-item.submenu .dropdown ul {
    width: 100%
}

#dbx-navigation li.menu-item.submenu .submenu-dd_cta {
    margin-top: -17px;
    margin-bottom: -50%;
    margin-right: -99999999%;
    width: 99999999%
}

#dbx-navigation li.menu-item.submenu .submenu-dd_list-header {
    display: block;
    color: #000;
    font-size: 16px;
    font-weight: 600;
    padding: 20px 0;
    margin-left: 6px
}

#dbx-navigation li.menu-item.submenu .menu-item,
#dbx-navigation li.menu-item.submenu .menu-item>.menu {
    display: flex;
    flex-direction: column;
    padding: 0;
    align-items: flex-start
}

#dbx-navigation li.menu-item.submenu .menu-item {
    position: relative;
    font-weight: 500
}

#dbx-navigation li.menu-item.submenu .menu-item:before {
    position: absolute;
    top: 50%;
    left: 0;
    text-align: center;
    background: #fff;
    border-radius: 8px;
    transform: translateY(-50%);
    padding: 8px;
    font-size: 20px;
    pointer-events: none
}

#dbx-navigation li.menu-item.submenu .menu-item.icon-box-123:before {
    color: #1e9bd7;
    background-color: #e9f6fc
}

#dbx-navigation li.menu-item.submenu .menu-item.icon-datawall:before {
    color: #2e4797;
    background-color: #eaebf4
}

#dbx-navigation li.menu-item.submenu .menu-item.icon-present:before {
    color: #f47920;
    background-color: #fef2e9
}

#dbx-navigation li.menu-item.submenu .menu-item.icon-benchmarks:before {
    color: #7540ab;
    background-color: #f1ebf6
}

#dbx-navigation li.menu-item.submenu .menu-item.icon-mag-glass:before {
    color: #25a767;
    background-color: #e9f6f0
}

#dbx-navigation li.menu-item.submenu .menu-item.icon-goal-3:before {
    color: #f4bb42;
    background-color: #fff8ec
}

#dbx-navigation li.menu-item.submenu .menu-item.icon-trend-up:before {
    color: #24a1ba;
    background-color: #e9f6f7
}

#dbx-navigation li.menu-item.submenu .menu-item:hover>a {
    background: #f3f4f5;
    border-radius: 8px
}

#dbx-navigation li.menu-item.submenu .menu-item:hover.icon-box-123>a {
    color: #1e9bd7;
    background-color: #e9f6fc
}

#dbx-navigation li.menu-item.submenu .menu-item:hover.icon-datawall>a {
    color: #2e4797;
    background-color: #eaebf4
}

#dbx-navigation li.menu-item.submenu .menu-item:hover.icon-present>a {
    color: #f47920;
    background-color: #fef2e9
}

#dbx-navigation li.menu-item.submenu .menu-item:hover.icon-benchmarks>a {
    color: #7540ab;
    background-color: #f1ebf6
}

#dbx-navigation li.menu-item.submenu .menu-item:hover.icon-mag-glass>a {
    color: #25a767;
    background-color: #e9f6f0
}

#dbx-navigation li.menu-item.submenu .menu-item:hover.icon-goal-3>a {
    color: #f4bb42;
    background-color: #fff8ec
}

#dbx-navigation li.menu-item.submenu .menu-item:hover.icon-trend-up>a {
    color: #24a1ba;
    background-color: #e9f6f7
}

#dbx-navigation li.menu-item.submenu .menu-item a {
    margin: 0;
    font-size: 15px;
    line-height: 18px;
    color: #2d3237;
    font-weight: 500;
    padding: 10px 6px
}

#dbx-navigation li.menu-item.submenu .menu-item a .dd-menu-description {
    display: block;
    color: rgba(45, 50, 55, .8);
    font-size: 13px;
    line-height: 18px;
    padding-top: 8px;
    width: 100%;
    letter-spacing: 0
}

#dbx-navigation li.menu-item.submenu .menu-item.icon {
    margin: 6px 0
}

#dbx-navigation li.menu-item.submenu .menu-item.icon a {
    padding-left: 50px
}

#dbx-navigation li.menu-item.submenu .menu-item.see-more {
    margin-top: 13px
}

#dbx-navigation li.menu-item.submenu .menu-item.see-more a {
    color: #008ace !important;
    text-decoration: underline;
    position: relative
}

#dbx-navigation li.menu-item.submenu .menu-item.see-more a :after {
    content: "\e917";
    padding-left: 5px;
    display: inline-block;
    font-family: Icons;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    position: relative;
    text-transform: none;
    vertical-align: middle;
    font-size: 12px
}

#dbx-navigation li.menu-item.submenu .menu-item.see-more a:hover {
    background: 0 0
}

#dbx-navigation li.menu-item.submenu .menu-item .dd-list-subtitle {
    padding-top: 8px
}

#dbx-navigation li.menu-item.submenu .menu-item .dd-list-subtitle.top-spacing {
    padding-top: 36px
}

#dbx-navigation li.menu-item.submenu .menu-item .dd-list-subtitle>a {
    font-size: 13px;
    color: #909299 !important
}

#dbx-navigation li.menu-item.submenu .menu-item .dd-list-subtitle>a:hover {
    background: 0 0;
    cursor: default
}

#dbx-navigation .warmup-blog-category-navigation {
    display: flex;
    gap: 8px
}

#dbx-navigation .warmup-blog-category-navigation li {
    padding: 0;
    border: none
}

#dbx-navigation .warmup-blog-category-navigation li.dbx-btn a {
    color: unset
}

#dbx-navigation .warmup-blog-category-navigation li.dbx-btn a:hover {
    background-color: unset;
    border-radius: unset;
    color: unset
}

@media only screen and (max-width:836px) {
    #dbx-navigation .mobile-buttons-hamburger {
        display: flex
    }

    #dbx-navigation .mobile-buttons-hamburger a.menu {
        display: block;
        font-size: 24px;
        color: #000
    }

    #dbx-navigation li.menu-item.submenu::before {
        top: 30px;
        font-size: 14px
    }

    #dbx-navigation li.menu-item.submenu.dropdown-open .dropdown {
        position: relative;
        border-radius: 0;
        right: unset;
        left: unset;
        width: auto;
        box-shadow: unset;
        background-image: none;
        padding: 0;
        top: 0
    }

    #dbx-navigation li.menu-item.submenu.dropdown-open .dropdown::before {
        background-image: none
    }

    #dbx-navigation li.menu-item.submenu.dropdown-open .dropdown ul {
        margin-top: 0;
        padding-top: 0;
        background-color: transparent
    }

    #dbx-navigation li.menu-item.submenu.dropdown-open .dropdown ul li {
        border-top: none;
        margin: 0;
        width: 100%
    }

    #dbx-navigation li.menu-item.submenu.dropdown-open .dropdown ul li a {
        font-weight: 400;
        line-height: 32px;
        color: #000;
        display: block
    }

    #dbx-navigation li.menu-item.submenu>a {
        padding-right: 0;
        font-weight: 500;
        color: #000
    }

    #dbx-navigation li.menu-item.submenu .menu-item:not(.blank):hover {
        background: 0 0
    }

    #dbx-navigation li.menu-item.submenu .menu-item:not(.blank):hover a {
        color: #2d3237
    }

    #dbx-navigation li.menu-item.submenu .menu-item.submenu-dd_list {
        padding: 0
    }

    #dbx-navigation li.menu-item.submenu #submenu-dd_list-menu li a {
        padding: 8px 16px
    }

    #dbx-navigation li.menu-item.submenu #submenu-dd_list-menu li.icon a {
        padding: 8px 16px 8px 50px
    }
}

@media only screen and (max-width:991px) and (min-width:836px) {
    #dbx-navigation .logo-img {
        display: inline-block;
        width: 31px;
        height: 34px;
        overflow: hidden
    }
}

@media only screen and (max-width:836px) {
    #dbx-navigation {
        z-index: 10;
        position: absolute
    }

    #dbx-navigation .dbx-container {
        position: relative
    }

    #dbx-navigation .logo {
        order: 0;
        text-align: left
    }

    #dbx-navigation #menu-navigation-left-2024 {
        overflow-y: auto;
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    #dbx-navigation #menu-navigation-left-2024::-webkit-scrollbar {
        display: none
    }

    #dbx-navigation ul.right {
        display: none
    }

    #dbx-navigation ul.left {
        display: none
    }

    #dbx-navigation ul li.menu-item.submenu::before {
        top: 20px !important;
        font-size: 14px !important
    }

    #dbx-navigation ul li.menu-item.submenu a {
        font-weight: 500 !important
    }

    #dbx-navigation ul li.menu-item a {
        font-size: 15px;
        font-weight: 500
    }

    #dbx-navigation ul li a {
        border: none;
        line-height: 50px;
        text-transform: none;
        font-weight: 500;
        text-align: left
    }

    #dbx-navigation ul li.get-started {
        border-top: none
    }

    #dbx-navigation ul li.get-started a {
        font-size: 15px;
        line-height: 40px;
        text-align: center
    }

    #dbx-navigation.visible.light {
        background: #fff;
        box-shadow: 0 4px 32px 32px rgba(0, 0, 0, .08)
    }

    #dbx-navigation.visible.light ul li.get-started.outlined a {
        color: #24282c !important
    }

    #dbx-navigation.visible.dark {
        background: #fff;
        box-shadow: 0 4px 32px 32px rgba(0, 0, 0, .08)
    }

    #dbx-navigation.visible .dbx-container {
        flex-direction: column
    }

    #dbx-navigation.visible .dbx-container ul.right {
        display: flex;
        gap: 16px;
        justify-content: flex-end
    }

    #dbx-navigation.visible .dbx-container ul.right li a {
        line-height: 18px;
        padding: 14px 18px
    }

    #dbx-navigation.visible .logo-menu {
        flex-direction: column;
        width: 100%
    }

    #dbx-navigation.visible .logo-menu .left .dropdown {
        border-top: none
    }

    #dbx-navigation.visible .logo-menu .left .dropdown .submenu-dd_list-header {
        margin-left: 16px
    }

    #dbx-navigation.visible .logo-menu .left .dropdown .dd-cta {
        background: 0 0;
        padding: 0;
        text-align: left
    }

    #dbx-navigation.visible .logo-menu .left>li>a .link-title {
        font-weight: 700;
        font-size: 16px
    }

    #dbx-navigation.visible .logo-menu .left li.menu-item.submenu.dropdown-open ul li {
        width: auto
    }

    #dbx-navigation.visible .logo-menu .left li.menu-item.submenu.dropdown-open:after {
        content: none
    }

    #dbx-navigation.visible .logo-menu .left li.menu-item.submenu.dropdown-open ul#submenu-menu {
        border-bottom: 1px solid rgba(142, 146, 155, .3);
        margin-bottom: 8px
    }

    #dbx-navigation.visible .logo-menu .logo a.menu {
        display: block;
        font-size: 20px;
        color: #000
    }

    #dbx-navigation.visible .logo-menu>ul {
        display: block;
        margin-top: 0
    }

    #dbx-navigation.visible .mobile-buttons-hamburger {
        display: none
    }

    #dbx-navigation.visible #submenu-menu {
        flex-direction: column;
        padding-left: 0;
        gap: 24px
    }

    #dbx-navigation.light .logo .logo-light {
        display: inline-block
    }

    #dbx-navigation.light .logo .logo-dark {
        display: none
    }

    #dbx-navigation.light .logo a.menu {
        color: #fff
    }

    #dbx-navigation.light.visible .logo .logo-light {
        display: none
    }

    #dbx-navigation.light.visible .logo .logo-dark {
        display: inline-block
    }
}

@media only screen and (max-width:480px) {
    #dbx-navigation.visible .dbx-container ul.right {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 16px
    }
}

#dbx-navigation.fixed {
    position: fixed;
    background-color: #fff
}

#dbx-navigation.fixed ul li a {
    color: #2d3237
}

#dbx-navigation.fixed ul li a:hover {
    color: #000;
    background-color: rgba(142, 146, 155, .1);
    border-radius: 8px
}

#dbx-navigation.fixed ul li.get-started.outlined a {
    background-color: transparent;
    border: 1px solid rgba(142, 146, 155, .2);
    color: #24282c !important
}

#dbx-navigation.fixed ul li.get-started.outlined a:hover {
    background-color: rgba(142, 146, 155, .1)
}

#dbx-navigation.fixed .logo .logo-light {
    display: none
}

#dbx-navigation.fixed .logo .logo-dark {
    display: inline-block
}

#dbx-navigation.fixed li.menu-item.submenu.dropdown-open {
    margin-bottom: -2px
}

#dbx-navigation.fixed li.menu-item.submenu.dropdown-open:before,
#dbx-navigation.fixed li.menu-item.submenu.dropdown-open>a {
    color: #000 !important
}

#dbx-navigation.fixed .mobile-buttons-hamburger .icon {
    color: #000
}

#dbx-navigation.fixed .filter li.menu-item.submenu:before {
    color: #2d3237
}

#dbx-navigation.fixed .filter li.menu-item.submenu:hover:before {
    color: #000
}

@media only screen and (max-width:767px) {
    #dbx-navigation.fixed ul li a:hover {
        color: #2d3237
    }

    #dbx-navigation.fixed li.menu-item.submenu>a {
        color: #2d3237
    }

    #dbx-navigation.fixed li.menu-item.submenu.dropdown-open:before,
    #dbx-navigation.fixed li.menu-item.submenu.dropdown-open>a {
        color: #008ace !important
    }

    #dbx-navigation.fixed li.menu-item.submenu:hover:before {
        color: #2d3237 !important
    }
}

@media only screen and (min-width:992px) {
    #dbx-navigation.fixed .filter li.menu-item.submenu .dropdown:before {
        left: 0
    }
}

@media only screen and (min-width:1200px) {
    #dbx-navigation.fixed .filter li.menu-item.submenu .dropdown:before {
        left: 0
    }
}

#dbx-navigation.fixed ul li.get-started a:hover {
    background-color: #008ace
}

.signup-cta {
    display: flex;
    flex-direction: column;
    position: relative;
    gap: 24px
}

.signup-cta__btn-container {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.signup-cta__title {
    font-size: 1.5rem;
    line-height: 2rem;
    margin: 0;
    font-weight: 800
}

.signup-cta__list {
    font-size: .875rem;
    line-height: 1rem;
    padding-left: 0;
    gap: 16px
}

.signup-cta__list li {
    list-style: none;
    align-items: center;
    display: flex;
    gap: 8px
}

.signup-cta__list li::before {
    color: #1d9ad6;
    background-color: rgba(29, 154, 214, .1);
    width: 24px;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%
}

.signup-cta__btn {
    padding-block: 10px;
    line-height: 1.25rem
}

.signup-cta__subtext {
    align-self: center;
    font-size: .875rem;
    line-height: 1rem;
    color: #1b2024
}

.signup-cta__subtext-container {
    display: flex;
    align-self: center;
    gap: 8px
}

.signup-cta__close-btn {
    position: absolute;
    top: 0;
    right: 0;
    border: none;
    background: 0 0;
    padding: 0
}

.signup-cta__close-btn::before {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    width: 28px;
    height: 28px;
    color: rgba(142, 146, 155, .6);
    border-radius: 100%;
    transition: color .2s, background .2s
}

.signup-cta__close-btn:hover::before {
    color: #72757c;
    background: rgba(142, 146, 155, .1)
}

@keyframes fade-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

#online-calculators {
    background-color: #fafafa;
    padding-bottom: 40px;
    letter-spacing: 0
}

#online-calculators .header {
    background: linear-gradient(142deg, #5cb4be 0, #008ace 100%);
    padding: 172px 0 200px
}

#online-calculators .header .row>div {
    text-align: left
}

@media screen and (max-width:768px) {
    #online-calculators .header {
        padding: 100px 0 200px
    }

    #online-calculators .header .row>div {
        text-align: center
    }
}

#online-calculators .header a {
    margin: 16px 0;
    display: inline-flex;
    padding: 4px 16px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 32px;
    background: rgba(232, 245, 251, .1);
    border-radius: 8px;
    border: 0;
    transition: transform .1s ease-in-out;
    white-space: nowrap;
    cursor: pointer;
    user-select: none
}

#online-calculators .header a:hover {
    text-decoration: none
}

#online-calculators .header a:active {
    transform: scale(.95)
}

#online-calculators #calculators-header-content h1 {
    color: #fff;
    text-align: center;
    font-size: 48px;
    font-weight: 700;
    line-height: 72px;
    margin: 0
}

#online-calculators #other-calculators {
    margin-top: -180px;
    padding-bottom: 50px
}

#online-calculators #other-calculators .row {
    display: flex;
    flex-flow: row wrap;
    padding: 0 8px
}

#online-calculators #other-calculators .row div {
    padding-left: 8px;
    padding-right: 8px;
    margin-bottom: 16px
}

@media screen and (max-width:767px) {
    #online-calculators #other-calculators .row {
        flex-flow: column wrap
    }

    #online-calculators #other-calculators .row div {
        padding-left: 16px;
        padding-right: 16px
    }
}

#online-calculators #other-calculators .other-calculator-card {
    display: block;
    height: 100%;
    border-radius: 12px;
    border: 1px solid rgba(142, 146, 155, .4);
    background: #fff;
    text-align: center;
    padding: 32px
}

#online-calculators #other-calculators .other-calculator-card:hover {
    text-decoration: none;
    box-shadow: 3px 4px 28px 0 rgba(117, 128, 136, .22)
}

#online-calculators #other-calculators .other-calculator-card img {
    margin-bottom: 24px
}

#online-calculators #other-calculators .other-calculator-card h6 {
    color: #2d3237;
    font-size: 20px;
    font-weight: 700;
    line-height: 21px;
    margin-bottom: 12px
}

#online-calculators #other-calculators .other-calculator-card p {
    color: #8e929b;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    margin-bottom: 24px
}

#online-calculators #other-calculators .other-calculator-card .link {
    color: #1d9ad6;
    font-size: 16px;
    font-weight: 600;
    line-height: 21px
}

#online-calculators #business-analytics-for-everyone {
    background-color: #fafafa;
    padding-bottom: 50px
}

@keyframes fade-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

#partners .header {
    background-image: url('../img/resources/bg.jpg');
    background-position: center center;
    background-size: cover
}

#partners .header p {
    font-size: 16px;
    line-height: 24px;
    margin: 30px auto 20px;
    width: 800px;
    max-width: 100%
}

#partners .header p a {
    color: inherit;
    text-decoration: underline
}

#partners #filterCtToggle {
    display: none;
    color: #8e929b;
    margin: 0 0 20px 16px;
    text-decoration: none
}

#partners #filterCtToggle:before {
    padding-right: 7px
}

#partners #filterCt {
    width: 218px;
    float: left;
    margin-right: 16px;
    background-color: rgba(41, 41, 41, .03);
    border-radius: 6px;
    padding: 10px 15px
}

#partners #filterCt h2 {
    font-weight: 400;
    font-size: 11px;
    line-height: 14px;
    text-transform: uppercase;
    border-bottom: 1px solid rgba(142, 146, 155, .5);
    margin: 12px 0 16px;
    padding-bottom: 12px
}

#partners #filterCt strong {
    display: block;
    font-weight: 400;
    font-size: 14px;
    padding-bottom: 3px;
    margin-bottom: 5px
}

#partners #filterCt .filter-type {
    margin-bottom: 30px
}

#partners #filterCt span.checkbox label {
    font-size: 12px;
    color: rgba(41, 41, 41, .75)
}

#partners #listingCt {
    float: left;
    width: 906px
}

#partners #listingCt ul {
    overflow: hidden;
    list-style: none;
    padding: 0;
    margin: 0;
    margin-top: -16px;
    min-height: 432px
}

#partners #listingCt li {
    float: left;
    margin: 16px;
    background-color: #fff
}

#partners #listingCt li a {
    display: block;
    width: 270px;
    border: 1px solid rgba(142, 146, 155, .5);
    position: relative;
    border-radius: 5px;
    overflow: hidden;
    min-height: 400px
}

#partners #listingCt li a:before {
    content: '';
    height: 4px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

#partners #listingCt li a:hover {
    text-decoration: none;
    border-color: #8e929b
}

#partners #listingCt li.type-certified a:before {
    background-color: #2ec1d6
}

#partners #listingCt li.type-premier a:before {
    background-color: #7950a0
}

#partners #listingCt li .logo {
    display: block;
    text-align: center;
    height: 142px;
    overflow: hidden;
    padding-top: 15px
}

#partners #listingCt li .logo img {
    height: 120px
}

#partners #listingCt li .expertise,
#partners #listingCt li h3,
#partners #listingCt li p {
    padding-left: 20px;
    padding-right: 20px
}

#partners #listingCt li h3 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #000;
    margin: 0;
    padding-bottom: 10px
}

#partners #listingCt li p {
    font-size: 14px;
    line-height: 20px;
    color: #8e929b
}

#partners #listingCt li .expertise {
    display: block;
    overflow: hidden;
    position: absolute;
    bottom: 46px;
    left: 0;
    right: 0
}

#partners #listingCt li .expertise span {
    display: block;
    font-size: 12px;
    color: #8e929b;
    text-transform: uppercase;
    letter-spacing: 3px;
    padding-bottom: 5px
}

#partners #listingCt li .expertise img {
    float: left;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    margin: 0 5px 5px 0;
    overflow: hidden
}

#partners #listingCt li .lnk {
    position: absolute;
    bottom: 16px;
    left: 20px;
    color: #1679a6
}

@media only screen and (-webkit-min-device-pixel-ratio:2) and (min-width:480px),
only screen and (min-device-pixel-ratio:2) and (min-width:480px),
only screen and (-webkit-max-device-pixel-ratio:1.5) and (min-width:800px),
only screen and (max-device-pixel-ratio:1.5) and (min-width:800px) {
    #partners .header {
        background-image: url(../img/resources/bg-2x.jpg)
    }
}

@media only screen and (max-width:1199px) {
    #partners #listingCt {
        width: 706px
    }
}

@media only screen and (max-width:991px) {
    #partners #filterCtToggle {
        display: block
    }

    #partners #filterCt {
        display: none;
        float: none;
        width: auto;
        overflow: hidden;
        margin: 16px 16px 30px
    }

    #partners #filterCt .filter-exp,
    #partners #filterCt .filter-type {
        float: left;
        width: 50%;
        margin-bottom: 0
    }

    #partners #listingCt {
        float: none;
        width: auto
    }
}

@media only screen and (max-width:480px) {
    #partners #listingCt li {
        float: none;
        margin-bottom: 40px
    }

    #partners #listingCt li a {
        width: auto;
        min-height: 0;
        padding-bottom: 150px
    }
}

#partner .header {
    background: #0e3f65;
    padding: 0;
    height: 122px
}

#partner #top-content {
    background-image: url(../img/partners/background.jpg);
    background-size: cover;
    padding-top: 50px
}

#partner #top-content .breadcrumbs {
    margin-bottom: 40px
}

#partner #top-content .left .typeImg {
    display: block;
    width: 150px;
    height: 180px;
    margin: 12px 0 32px
}

#partner #top-content .left strong {
    display: block;
    font-size: 16px;
    line-height: 20px;
    padding: 12px 0 0 4px
}

#partner #top-content .right {
    float: right;
    padding-left: 70px
}

#partner #top-content h1 {
    float: left;
    position: relative;
    padding-left: 47px;
    margin: 0;
    color: #000;
    font-size: 40px;
    line-height: 56px;
    font-weight: 500
}

#partner #top-content h1 img {
    position: absolute;
    width: 37px;
    height: 37px;
    top: 12px;
    left: 0;
    border-radius: 100%
}

#partner #top-content .social {
    float: left;
    padding: 24px 0 10px 15px
}

#partner #top-content .social a {
    float: left;
    font-size: 12px;
    line-height: 20px;
    color: rgba(0, 0, 0, .75);
    position: relative;
    margin-left: 12px;
    margin-right: 2px;
    text-decoration: none
}

#partner #top-content .social a:before {
    margin-right: 5px
}

#partner #top-content .social a.web:before {
    font-size: 15px;
    color: #f7902d
}

#partner #top-content .social a.linkedin:before,
#partner #top-content .social a.twitter:before {
    font-size: 15px;
    color: #000
}

#partner #top-content h2 {
    clear: both;
    font-size: 24px;
    line-height: 28px;
    color: #8e929b;
    font-weight: 300;
    margin: 0;
    padding: 10px 0 31px
}

#partner #custom-content h3 {
    font-size: 14px;
    line-height: 24px;
    font-weight: 300;
    color: #8e929b;
    letter-spacing: 3px;
    text-transform: uppercase;
    margin: 0;
    padding-bottom: 16px
}

#partner #custom-content #desc-1,
#partner #custom-content #desc-2 {
    font-size: 16px;
    line-height: 24px;
    color: #000
}

#partner #custom-content #desc-2 {
    margin-top: 12px
}

#partner #expertise {
    margin-top: 55px
}

#partner #expertise ul {
    list-style: none;
    padding: 0;
    margin: 0;
    overflow: hidden
}

#partner #expertise li {
    float: left;
    margin: 0 18px 18px 0;
    overflow: hidden;
    border-radius: 50%
}

#partner #expertise img {
    display: block;
    height: 50px;
    width: 50px
}

#partner #bottom-content h2 {
    float: left;
    font-weight: 100;
    font-size: 48px;
    line-height: 50px;
    color: #2d3237;
    text-align: left;
    margin-top: 0;
    margin-bottom: 30px
}

#partner #bottom-content #allTemplates {
    float: right;
    margin-top: 3px
}

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

    #partner #top-content .left,
    #partner #top-content .right {
        float: none
    }

    #partner #top-content .left {
        overflow: hidden;
        position: relative;
        padding-left: 115px;
        margin-top: 50px;
        padding-top: 0;
        min-height: 96px
    }

    #partner #top-content .left .typeImg {
        position: absolute;
        top: 0;
        left: 15px;
        width: 80px;
        height: 96px;
        margin: 0
    }

    #partner #top-content .right {
        padding-left: 15px
    }

    #partner #top-content .social {
        clear: both;
        float: none;
        padding-left: 0;
        margin-left: -10px;
        padding-top: 30px
    }

    #partner #bottom-content #allTemplates,
    #partner #bottom-content h2 {
        float: none
    }
}

@keyframes fade-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

#platform-page h1,
#platform-page h2,
#platform-page h3,
#platform-page h4,
#platform-page h5 {
    font-weight: 700
}

#platform-page>h1,
#platform-page>h2,
#platform-page>h3,
#platform-page>h4,
#platform-page>h5 {
    max-width: 1000px
}

#platform-page h2 {
    font-size: 2.5rem;
    line-height: 2.875rem;
    font-weight: 800
}

@media only screen and (min-width:1024px) {
    #platform-page h2 {
        font-size: 3.375rem;
        line-height: 3.75rem
    }
}

#platform-page ul {
    padding-inline-start: 0;
    margin-bottom: unset
}

#platform-page li {
    list-style: none
}

#platform-page p {
    font-size: 1rem;
    margin: 0
}

#platform-page h1,
#platform-page h2,
#platform-page h3,
#platform-page h4,
#platform-page h5,
#platform-page h6 {
    margin: 0
}

#platform-page>section {
    margin-bottom: 80px
}

#platform-page .dbx-container h1,
#platform-page .dbx-container h2,
#platform-page .dbx-container h3,
#platform-page .dbx-container h4,
#platform-page .dbx-container h5 {
    font-weight: 700
}

#platform-page .dbx-container>h1,
#platform-page .dbx-container>h2,
#platform-page .dbx-container>h3,
#platform-page .dbx-container>h4,
#platform-page .dbx-container>h5 {
    max-width: 1000px
}

#platform-page .dbx-container>h2 {
    font-size: 2.5rem;
    line-height: 2.875rem;
    font-weight: 800
}

#platform-page .dbx-container>h3 {
    font-size: 2rem;
    line-height: 2.5rem;
    font-weight: 800
}

#platform-page .dbx-container>h4 {
    font-size: 1.5rem;
    line-height: 1.875rem;
    font-weight: 800
}

#platform-page .dbx-container>h5 {
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 800
}

@media only screen and (min-width:1024px) {
    #platform-page .dbx-container>h2 {
        font-size: 3.375rem;
        line-height: 3.75rem
    }

    #platform-page .dbx-container>h3 {
        font-size: 3rem;
        line-height: 3.5rem
    }

    #platform-page .dbx-container>h4 {
        font-size: 2rem;
        line-height: 2.5rem
    }

    #platform-page .dbx-container>h5 {
        font-size: 1.5rem;
        line-height: 2.25rem
    }

    #platform-page .dbx-container>h6 {
        font-size: 1rem;
        line-height: 1.5rem
    }
}

#platform-page .platform-hero-header {
    background: url("/wp-content/themes/visoflow/inc/img/header/header-bottom.svg") no-repeat bottom, linear-gradient(61.73deg, #6847e3 -14.11%, #008fd4 66.63%);
    background-size: contain
}

#platform-page .platform-hero-header .dbx-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    padding: 204px 0 130px;
    margin-bottom: 32px
}

#platform-page .platform-hero-header .tag {
    color: #fff;
    text-transform: uppercase;
    border-radius: 6px;
    border: 1px solid rgba(255, 255, 255, .1);
    background: rgba(255, 255, 255, .1);
    padding: 6px 12px
}

#platform-page .platform-hero-header__title {
    color: #fff;
    text-align: center
}

#platform-page .platform-hero-header__text {
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    max-width: 400px;
    text-align: center
}

#platform-page .platform-hero-header .dbx-btn {
    margin-top: 20px;
    margin-bottom: 24px
}

#platform-page .platform-hero-header .dbx-btn:nth-of-type(2) {
    background-color: rgba(255, 255, 255, .2)
}

#platform-page .platform-hero-header .dbx-btn:nth-of-type(2):hover {
    background-color: rgba(255, 255, 255, .3)
}

#platform-page .platform-hero-video {
    margin-block: -150px 32px !important;
    max-width: 1078px
}

#platform-page .browse-integrations {
    margin-block: 144px
}

#platform-page .browse-integrations .dbx-container {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center
}

#platform-page .browse-integrations .dbx-container p {
    max-width: 500px;
    text-align: center
}

#platform-page .browse-integrations__title {
    max-width: 300px;
    padding-bottom: 16px;
    word-spacing: 800px
}

#platform-page .browse-integrations__text {
    max-width: 350px;
    padding-bottom: 40px
}

#platform-page .browse-integrations__background-container {
    position: absolute;
    top: -50px;
    max-width: 880px;
    width: 375px;
    z-index: -1
}

#platform-page .browse-integrations__background-container img {
    width: 100%
}

#platform-page .browse-integrations__background-lg {
    display: none
}

@media screen and (min-width:600px) {

    #platform-page .browse-integrations__text,
    #platform-page .browse-integrations__title {
        max-width: unset
    }

    #platform-page .browse-integrations__title {
        word-spacing: initial
    }

    #platform-page .browse-integrations__background-container {
        top: -50px;
        width: 100%
    }

    #platform-page .browse-integrations__background-sm {
        display: none
    }

    #platform-page .browse-integrations__background-lg {
        display: inline-block
    }

    #platform-page .browse-integrations p {
        max-width: 650px;
        text-align: center
    }
}

#platform-page .dbx-solution-cards .title {
    text-align: center;
    margin-bottom: 32px
}

#platform-page .tool-features {
    padding-top: 100px;
    margin-bottom: 156px;
    background-image: linear-gradient(-90deg, rgba(85, 169, 196, .1) 0, #ffffff00 100%);
    background-image: -o-linear-gradient(-90deg, rgba(85, 169, 196, .1) 0, #ffffff00 100%);
    background-image: -ms-linear-gradient(-90deg, rgba(85, 169, 196, .1) 0, #ffffff00 100%);
    background-image: -moz-linear-gradient(-90deg, rgba(85, 169, 196, .1) 0, #ffffff00 100%);
    background-image: -webkit-linear-gradient(-90deg, rgba(85, 169, 196, .1) 0, #ffffff00 100%)
}

#platform-page .tool-features .dbx-card {
    max-height: 340px
}

#platform-page .tool-features h2 {
    text-align: center;
    margin: 0 auto 40px auto !important
}

@media only screen and (min-width:450px) {
    #platform-page .tool-features .dbx-card {
        max-height: 400px
    }
}

@media only screen and (min-width:600px) {
    #platform-page .tool-features .dbx-card {
        max-height: 470px
    }
}

@media only screen and (min-width:768px) {
    #platform-page .tool-features .dbx-card {
        max-height: 330px
    }
}

@media only screen and (min-width:1024px) {
    #platform-page .tool-features .dbx-card {
        max-height: 420px
    }
}

@media only screen and (min-width:1440px) {
    #platform-page .tool-features .dbx-card {
        max-height: 470px
    }
}

@keyframes fade-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

#playbooks .header {
    background: url(../img/methodology/bg.jpg) no-repeat center;
    background-size: cover;
    position: relative;
    text-align: left;
    padding-top: 180px;
    padding-bottom: 100px
}

#playbooks .header .container {
    min-height: 330px
}

#playbooks .header h1 {
    font-size: 50px;
    line-height: 72px;
    font-weight: 500;
    text-align: center
}

#playbooks .header p {
    text-align: center;
    max-width: 790px;
    margin: auto;
    color: rgba(255, 255, 255, .5)
}

#playbooks .header .img-left {
    position: absolute;
    top: 270px;
    left: calc(50% - 515px)
}

#playbooks .header .img-right {
    position: absolute;
    top: 363px;
    left: calc(50% + 296px)
}

@media only screen and (max-width:1050px) {
    #playbooks .header .img-left {
        position: static
    }

    #playbooks .header .img-left img {
        display: block;
        margin: auto
    }

    #playbooks .header .img-right {
        display: none
    }
}

@media only screen and (max-width:1050px) {
    #playbooks .header {
        padding-top: 120px
    }
}

#playbooks h2 {
    font-weight: 200;
    font-size: 22px;
    line-height: 1.4;
    margin: 24px 0 20px
}

#playbooks #playbooks-1 {
    background: #f3f4f5
}

#playbooks #playbooks-1 h3 {
    font-size: 36px;
    line-height: 44px;
    text-align: center;
    margin-bottom: 20px
}

#playbooks #playbooks-1 .layout-emphasized-blocks {
    max-width: 1200px;
    margin: auto
}

#playbooks #playbooks-1 .layout-emphasized-blocks .block {
    text-align: center
}

#playbooks #playbooks-1 .layout-emphasized-blocks .block .box {
    width: 206px;
    height: 206px;
    text-decoration: none;
    position: relative;
    overflow: hidden
}

#playbooks #playbooks-1 .layout-emphasized-blocks .block .box:hover span:before {
    opacity: 1
}

#playbooks #playbooks-1 .layout-emphasized-blocks .block .box>span {
    margin-top: 14px
}

#playbooks #playbooks-1 .layout-emphasized-blocks .block .box p {
    margin-top: 11px;
    color: #8e929b;
    padding-left: 10px;
    padding-right: 10px;
    display: block;
    display: -webkit-box;
    max-height: 37px;
    font-size: 13px;
    line-height: 18.5px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

#playbooks #playbooks-1 .layout-emphasized-blocks .block .icon-ct {
    margin: 0 auto;
    text-align: center;
    padding-top: 25px
}

#playbooks #playbooks-1 .layout-emphasized-blocks .block .icon-ct .icon-path {
    color: #8e929b
}

#playbooks #playbooks-1 .layout-emphasized-blocks .block span {
    padding: 0 10px;
    color: #2d3237;
    font-weight: 700;
    display: block;
    display: -webkit-box;
    max-height: 48px;
    font-size: 20px;
    line-height: 24px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

#playbooks #playbooks-1 .layout-emphasized-blocks .block small {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 18px;
    font-size: 13px;
    font-weight: 400;
    color: #1679a6
}

#playbooks #playbooks-2 .head {
    text-align: center
}

#playbooks #playbooks-2 .head h1 {
    color: #000;
    font-weight: 500;
    font-size: 36px;
    line-height: 44px;
    margin-bottom: 10px
}

#playbooks #playbooks-2 .head h3 {
    font-size: 18px;
    color: #8e929b;
    font-weight: 400;
    margin-bottom: 75px
}

#playbooks #playbooks-2 .head span {
    font-size: 50px;
    color: #8e929b
}

#playbooks #playbooks-2 .categories {
    display: flex;
    flex-flow: column wrap;
    max-height: 400px;
    align-items: center
}

#playbooks #playbooks-2 .categories .box {
    margin-left: 20px;
    padding: 10px 5px;
    border-top: 1px solid #f3f4f5;
    width: 280px;
    line-height: 30px
}

#playbooks #playbooks-2 .categories .box strong {
    font-size: 18px
}

#playbooks #playbooks-2 .categories a,
#playbooks #playbooks-2 .categories span {
    font-weight: 500
}

#playbooks #playbooks-2 .categories span {
    color: #8e929b
}

@media only screen and (max-width:1050px) {
    #playbooks #playbooks-2 .categories {
        max-height: 600px
    }
}

@media only screen and (max-width:600px) {
    #playbooks #playbooks-2 .categories {
        max-height: unset
    }
}

#product-cta {
    text-align: center;
    padding: 0;
    padding-bottom: 80px
}

#product-cta .container {
    background-image: url(../img/product/bg-cta.png);
    background-size: 100% 100%
}

#product-cta h2 {
    font-size: 36px;
    font-weight: 500;
    margin-top: 95px
}

#product-cta p {
    font-size: 18px;
    color: #8e929b;
    max-width: 800px;
    margin: auto
}

#product-cta .btn {
    margin: 32px 0 70px
}

#product-cta .btn.btn-xero {
    background: #fff;
    color: #000;
    width: 230px;
    margin-left: 20px
}

#product-cta .btn.btn-xero:hover {
    color: #6f7279
}

.playbook__breadcrumbs--item {
    font-size: 11px;
    font-weight: 400;
    color: #8e929b
}

.playbook__underline {
    position: relative;
    font-style: normal
}

.playbook__underline span {
    position: relative;
    z-index: 1;
    text-shadow: #fff 1px 0 0, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px 0
}

.playbook__underline:before {
    position: absolute;
    border-bottom: 5px solid #fcc460;
    content: '';
    left: -1px;
    width: 100%;
    bottom: 6px
}

.playbook__underline--gray:before {
    border-color: #8e929b
}

.playbook__badge:after {
    display: inline-block;
    padding: 3px 3px 1px 4px;
    font-size: 7px;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: 4px
}

.playbook__badge--new:after {
    content: 'new';
    color: #fff;
    background: #2bb673;
    margin-left: 7px;
    font-size: 8px;
    padding-top: 2px
}

.playbook__badge--soon:after {
    content: 'SOON';
    border: 1px solid #f3f4f5;
    color: #8e929b;
    margin-left: 7px;
    font-weight: 400
}

.playbook__text--gray {
    color: #8e929b
}

.playbook__header {
    background: url(../img/methodology/bg.jpg) no-repeat center;
    background-size: cover;
    position: relative;
    text-align: left;
    padding-bottom: 0
}

.playbook__h1 {
    font-size: 50px;
    line-height: 1.08em;
    font-weight: 500;
    margin: 6px 0;
    color: #000;
    text-indent: -3px
}

.playbook__h2 {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 10px;
    margin-top: 10px
}

.playbook__content {
    padding-top: 80px;
    padding-bottom: 80px
}

.playbook__content .breadcrumbs {
    padding-left: 0
}

.playbook__description {
    color: #8e929b;
    font-weight: 300;
    margin: 20px 0
}

.playbook__description--lg {
    font-size: 24px;
    line-height: 32px
}

.playbook__description--sm {
    font-size: 16px;
    line-height: 23px
}

.playbook__description--md {
    font-size: 18px;
    line-height: 27px
}

.playbook__content-left {
    padding-left: 125px;
    padding-right: 25px
}

.playbook__content-right {
    padding-left: 75px;
    padding-right: 50px
}

.playbook__thumbnail-image {
    padding-left: 0
}

.playbook__article {
    display: flex
}

.playbook__article div a {
    line-height: 24px
}

.playbook__article div .link {
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 5px;
    font-size: 15px
}

.playbook__article div div {
    padding-left: 0;
    padding-top: 5px;
    font-size: 13px;
    color: #8e929b;
    line-height: 1.3
}

.playbook__article:not(:first-child) {
    margin-top: 30px
}

.playbook__article-icon {
    font-size: 50px;
    color: #3793bb;
    position: relative;
    top: -7px;
    left: -7px
}

.playbook--bold {
    font-weight: 500
}

.playbook__custom-content {
    font-family: charter;
    position: relative
}

.playbook__custom-content h4,
.playbook__custom-content strong {
    font-weight: 700
}

.playbook__custom-content .playbook__h2 {
    font-family: Roboto, Arial, Helvetica, sans-serif
}

.playbook__custom-content .row p {
    font-size: 19px;
    line-height: 30px;
    margin: 30px 0;
    padding-right: 20px
}

.playbook__custom-content .row .icon-actions {
    font-size: 55px;
    position: absolute;
    right: 42px;
    top: 21px;
    color: #3793bb
}

@media (max-width:437px) {
    .playbook__custom-content .row .icon-actions {
        position: relative;
        left: unset;
        right: unset;
        top: 10px;
        text-align: center
    }
}

.playbook__custom-content .row.playbook__explanation {
    margin-top: 50px
}

.playbook__custom-content .row.playbook__explanation div p:first-child {
    margin-top: 15px
}

.playbook__custom-content .row.playbook__advice {
    position: relative;
    background: rgba(44, 168, 204, .1);
    border: 1px solid rgba(37, 155, 193, .2);
    margin-top: 70px;
    margin-left: -35px;
    margin-right: -35px;
    padding-bottom: 50px
}

.playbook__custom-content .row.playbook__advice ul {
    padding-left: 17px;
    list-style-type: none
}

.playbook__custom-content .row.playbook__advice ul li {
    padding: 10px;
    font-size: 19px;
    line-height: 30px
}

.playbook__custom-content .row.playbook__advice ul li:before {
    content: '·';
    position: absolute;
    left: 19px;
    font-size: 38px
}

.playbook__custom-content .row.playbook__advice .playbook__h2 {
    padding-right: 25px;
    margin-top: 50px;
    margin-bottom: 30px;
    padding-left: 34px
}

.playbook__custom-content .row.playbook__advice .playbook__advice--left {
    padding-left: 23px
}

.playbook__custom-content .row.playbook__advice .playbook__advice--left li:before {
    left: 32px
}

.playbook__custom-content .row.playbook__advice .playbook__advice--right {
    padding-right: 30px
}

.playbook__custom-content .row.playbook__kpis {
    margin-top: 70px;
    padding-left: 15px;
    padding-right: 15px
}

.playbook__custom-content .row.playbook__kpis p {
    margin-bottom: 10px
}

.playbook__content--gray {
    background: #f3f4f5
}

.playbook__templates {
    display: flex;
    justify-content: center
}

.playbook__more-options {
    text-align: center;
    font-size: 18px;
    padding-top: 40px
}

.playbook__image2 {
    text-align: center;
    padding-right: 255px
}

.playbook__recommended {
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 50px;
    margin-top: 50px
}

.playbook__scorecard-alert {
    background: rgba(2, 184, 117, .05);
    border: 1px solid rgba(2, 184, 117, .2);
    margin-left: 47px;
    width: 500px;
    height: 500px;
    margin-top: 22px;
    padding-left: 40px;
    padding-right: 0
}

.playbook__scorecard-alert .btn {
    text-transform: none
}

.playbook__scorecard-alert .img-scorecard {
    padding-top: 45px
}

.playbook__scorecard-alert .img-alert {
    padding-top: 41px
}

.playbook__scorecard-alert .description {
    max-width: 330px;
    padding-top: 30px
}

.playbook__scorecard-alert .description:nth-child(4) {
    padding-top: 0
}

.playbook__scorecard-alert img {
    width: 102px
}

.playbook__list {
    list-style-type: none;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0
}

.playbook__list-item {
    padding-bottom: 4px;
    font-size: 16px;
    font-weight: 500
}

.playbook__list-item a {
    color: #2ca8cc
}

.playbook__list-item a:hover {
    text-decoration: none;
    color: #66d2e1
}

.playbook__list-item--soon {
    color: #8e929b
}

.playbook__list-item--before:before {
    font-family: Icons;
    font-style: normal;
    font-weight: 600;
    line-height: 1;
    content: "*";
    color: #8e929b;
    font-size: 8px;
    padding-right: 8px
}

.playbook__more {
    padding-top: 20px
}

.playbook__more-icon {
    font-size: 45px;
    color: #8e929b
}

.playbook__more-icon--hidden {
    visibility: hidden
}

.playbook-category__more {
    padding-top: 0
}

.playbook-category__more-title {
    font-size: 20px;
    font-weight: 500
}

.playbook-category__more-title:before {
    font-size: 45px;
    color: #8e929b;
    padding-right: 23px
}

.playbook-category__more-list {
    padding-top: 30px
}

.playbook-category__more-list .playbook__content-right {
    padding-right: 115px
}

.playbook__content-left-share {
    padding-left: 125px;
    padding-right: 0
}

.playbook__content-right-share {
    margin: auto
}

.playbook__more--upper {
    text-transform: uppercase
}

@media (max-width:1200px) {
    .playbook__content-left-share {
        padding-left: 50px;
        padding-right: 50px
    }

    .playbook__content-left {
        padding-left: 125px
    }

    .playbook__image2 {
        padding-right: 125px
    }
}

@media (max-width:991.98px) {
    .playbook__templates {
        display: block
    }

    .playbook__content-left {
        padding-left: 50px
    }

    .playbook__content-right {
        padding-left: unset;
        padding-right: unset
    }

    .playbook__custom-content {
        width: unset
    }

    .playbook__thumbnail-image img {
        display: block;
        margin: auto;
        width: 100%;
        max-width: 380px
    }

    .playbook__more .playbook__content-right {
        padding-left: 50px
    }

    .container.narrow {
        padding-right: 50px;
        padding-left: 50px
    }
}

@media (max-width:767.98px) {
    .playbook__content .playbook__content-right {
        margin: auto
    }

    .breadcrumbs {
        padding-left: 15px;
        text-align: center
    }

    .playbook-category__image {
        display: block;
        margin: auto;
        width: 80%;
        max-width: 380px;
        height: auto
    }

    .playbook-category__more .playbook__content-right {
        padding-left: 50px
    }

    .playbook__advice--right {
        padding-right: 15px;
        padding-left: 23px
    }

    .playbook__advice--right li:before {
        left: 31px !important
    }
}

@media (max-width:575.98px) {
    .playbook__content-right-share {
        width: unset
    }

    .playbook__scorecard-alert {
        padding-left: 0
    }
}

@media (max-width:370px) {
    .col-share {
        width: 100%;
        text-align: center
    }

    .col-share img {
        display: block;
        margin: auto
    }

    .playbook__scorecard-alert {
        height: 710px
    }

    .metrics-boxes {
        flex-direction: column
    }
}

.metric-box {
    width: 90px;
    height: 95px;
    background: #fff;
    border: 1px solid #d5dbdc;
    border-radius: 5px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: flex-end
}

.blocks {
    display: flex;
    justify-content: space-between
}

.metrics-boxes {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding-top: 8px
}

.metrics-boxes .box {
    width: 123px;
    height: 123px;
    overflow: hidden;
    position: relative;
    border: 1px solid #d5dbdc;
    border-radius: 5px;
    background: #fff;
    margin-right: 8px;
    margin-bottom: 10px
}

.metrics-boxes .box:hover {
    border-color: #02b875;
    background-color: #f2f5f8
}

.metrics-boxes .box__block-img {
    position: absolute;
    top: 6px;
    left: 9px;
    width: 40px;
    height: 40px;
    background-size: 40px auto;
    background-image: url('../img/methodology/datablocks.png');
    background-position: 0 0;
    background-repeat: no-repeat
}

.metrics-boxes .box__block-img.block-0 {
    background-position: center 0
}

.metrics-boxes .box__block-img.block-1 {
    background-position: center -40px
}

.metrics-boxes .box__block-img.block-2 {
    background-position: center -80px
}

.metrics-boxes .box__block-img.block-3 {
    background-position: center -120px
}

.metrics-boxes .box__block-img.block-4 {
    background-position: center -160px
}

.metrics-boxes .box__block-img.block-5 {
    background-position: center -200px
}

.metrics-boxes .box__block-img.block-6 {
    background-position: center -280px
}

.metrics-boxes .box__block-img.block-7 {
    background-position: center -240px
}

.metrics-boxes .box__block-img.block-8 {
    background-position: center -320px
}

.metrics-boxes .box__block-img.block-9 {
    background-position: center -360px
}

.metrics-boxes .box__block-img.block-10 {
    background-position: center -400px
}

.metrics-boxes .box__block-img.block-12 {
    background-position: center -440px
}

.metrics-boxes .box__block-img.block-13 {
    background-position: center -480px
}

.metrics-boxes .box__block-img.block-14 {
    background-position: center -520px
}

.metrics-boxes .box__block-img.block-15 {
    background-position: center -560px
}

.metrics-boxes .box__block-img.block-16 {
    background-position: center -600px
}

.metrics-boxes .box__block-img.block-17 {
    background-position: center -640px
}

.metrics-boxes .box__block-img.block-18 {
    background-position: center -680px
}

.metrics-boxes .box__block-img.block-19 {
    background-position: center -720px
}

.metrics-boxes .box__block-img.block-20 {
    background-position: center -760px
}

.metrics-boxes .box__block-img.block-21 {
    background-position: center -800px
}

.metrics-boxes .box__block-img.block-22 {
    background-position: center -840px
}

.metrics-boxes .box__block-img.block-23 {
    background-position: center -880px
}

.metrics-boxes .box__block-img.block-24 {
    background-position: center -920px
}

.metrics-boxes .box__icon {
    width: 14px;
    height: 14px;
    position: absolute;
    top: 8px;
    right: 8px
}

.metrics-boxes .box__icon.icon {
    font-size: 14px;
    line-height: 14px;
    text-align: center
}

.metrics-boxes .box__icon.icon.icon-calc {
    color: #1d9ad6
}

.metrics-boxes .box__icon.img {
    border-radius: 100%
}

.metrics-boxes .box__title {
    color: #000;
    font-weight: 400;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    position: absolute;
    bottom: 9px;
    left: 11px;
    right: 12px;
    display: block;
    display: -webkit-box;
    max-height: 51px;
    font-size: 15px;
    line-height: 17px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

@keyframes fade-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

#podcast {
    letter-spacing: 0
}

#podcast .header {
    padding: 166px 0 0;
    background: url('../img/podcast/background-patterns.png'), linear-gradient(45deg, #392977 0, #ca2539 100%);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: #182e53;
    overflow: hidden
}

#podcast .header img.img-responsive {
    max-width: 370px;
    display: block;
    margin: 0 auto 66px;
    width: 100%
}

#podcast .header h1 {
    margin: 48px auto 24px;
    font-size: 48px;
    line-height: 56px;
    max-width: 964px;
    font-weight: 400
}

#podcast .header h1 strong {
    font-weight: 700
}

#podcast .header p {
    margin: auto;
    max-width: 860px;
    font-size: 18px;
    line-height: 28px;
    color: #3f3f56;
    font-weight: 400
}

#podcast .header .badges {
    max-width: 770px;
    margin: 0 auto 70px
}

#podcast .header .badges .col-badges {
    padding: 0 9px
}

#podcast .header .badges .col-badges img {
    max-width: 100%
}

@media screen and (max-width:768px) {
    #podcast .header .badges .col-badges {
        margin-bottom: 10px
    }
}

#podcast .header .bottom-logos {
    color: #fff;
    padding: 33px 20px;
    background: rgba(255, 255, 255, .1);
    width: 100vw;
    left: 50%;
    position: relative;
    transform: translateX(-50%);
    clear: both
}

#podcast .header .bottom-logos p {
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    opacity: .5;
    margin: 0 auto 18px;
    max-width: inherit
}

#podcast .header .bottom-logos ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

#podcast .header .bottom-logos ul li {
    margin: 0 20px
}

@media screen and (max-width:836px) {
    #podcast .header .bottom-logos {
        padding-bottom: 13px
    }

    #podcast .header .bottom-logos ul {
        display: block
    }

    #podcast .header .bottom-logos ul li {
        margin: 0 0 20px
    }

    #podcast .header .bottom-logos ul li img {
        margin: auto
    }
}

#podcast #about-podcast {
    padding: 86px 0 80px
}

#podcast #about-podcast h3 {
    margin: 0 0 24px;
    font-weight: 700;
    font-size: 32px;
    line-height: 40px;
    color: #0d0f11
}

#podcast #about-podcast p {
    max-width: 490px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #656578;
    margin: 0 0 40px
}

#podcast #about-podcast .author {
    display: flex;
    align-items: center
}

#podcast #about-podcast .author .author_image {
    border: 1px solid #873e6c;
    border-radius: 100%;
    padding: 4px
}

#podcast #about-podcast .author .author_image img {
    display: block;
    border-radius: 100%
}

#podcast #about-podcast .author .author-title {
    margin-left: 16px
}

#podcast #about-podcast .author .author-title p {
    margin: 0;
    font-size: 19px;
    line-height: 24px;
    color: #656578
}

#podcast #about-podcast .author .author-title p strong {
    font-weight: 700
}

#podcast #about-podcast .author .author-title p:last-child {
    font-size: 16px
}

#podcast #about-podcast .right-section-list {
    list-style: none;
    padding: 0;
    margin: 0;
    max-width: 380px
}

#podcast #about-podcast .right-section-list li {
    padding: 14px;
    border-radius: 6px;
    background: rgba(135, 62, 108, .1);
    box-shadow: 2.1813px 2.9084px 14.54199px 0 rgba(117, 128, 136, .1);
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 20px;
    color: #23232f;
    font-weight: 500;
    display: flex;
    align-items: center
}

#podcast #about-podcast .right-section-list li .image-holder {
    min-width: 42px
}

@media screen and (max-width:992px) {
    #podcast #about-podcast .col-sm-12 {
        margin-bottom: 40px
    }

    #podcast #about-podcast .right-section-list {
        max-width: inherit
    }

    #podcast #about-podcast p {
        max-width: inherit
    }
}

#podcast #posts-from-category {
    padding: 0 0 90px;
    text-align: center
}

#podcast #posts-from-category .row {
    margin-bottom: 32px
}

#podcast #posts-from-category h3 {
    font-size: 32px;
    line-height: 40px;
    font-weight: 700;
    color: #0d0f11;
    margin: 0 0 60px;
    text-align: center
}

#podcast #posts-from-category .single-post {
    text-align: left;
    height: 335px
}

#podcast #posts-from-category .single-post .box>a {
    display: block;
    border-radius: 8px;
    background: linear-gradient(45deg, #392977 0, #ca2539 100%);
    text-decoration: none;
    text-align: center
}

#podcast #posts-from-category .single-post .box>a .thumb {
    border-radius: 8px;
    height: 196px;
    overflow: hidden;
    background-position: center;
    background-size: cover
}

#podcast #posts-from-category .single-post .box>a .thumb .hover-overlay {
    display: none;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    background: linear-gradient(rgba(44, 168, 204, .4), rgba(19, 199, 219, .4));
    font-size: 20px;
    color: #fff;
    line-height: 196px
}

#podcast #posts-from-category .single-post .box>a:hover .hover-overlay {
    display: block
}

#podcast #posts-from-category .single-post h3 {
    text-align: left;
    font-weight: 700;
    margin: 21px 0 18px;
    color: #1d9ad6;
    display: block;
    display: -webkit-box;
    max-height: 81px;
    font-size: 18px;
    line-height: 27px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

#podcast #posts-from-category .single-post h3:hover {
    color: #1a8ac0
}

#podcast #posts-from-category .single-post .info {
    display: flex;
    align-items: center
}

#podcast #posts-from-category .single-post .info .avatar {
    width: 16px;
    height: 16px;
    border-radius: 100%;
    vertical-align: unset
}

#podcast #posts-from-category .single-post .info .title {
    position: relative;
    color: #272b30;
    margin-left: 8px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    padding-right: 10px;
    margin-right: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis
}

#podcast #posts-from-category .single-post .info .title::after {
    content: "";
    position: absolute;
    right: 0;
    height: 10px;
    top: 3px;
    border-right: 1px solid #8e929b
}

#podcast #posts-from-category .single-post .info .date {
    flex-shrink: 0;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 17px;
    color: #8e929b;
    font-weight: 700
}

#podcast #posts-from-category .show-all-categories {
    display: inline-block;
    font-size: 18px;
    line-height: 27px;
    font-weight: 700;
    margin: 60px auto 0
}

@media screen and (max-width:992px) {
    #podcast #posts-from-category .row {
        margin: 0
    }

    #podcast #posts-from-category .row .single-post {
        margin-bottom: 32px
    }
}

@media screen and (max-width:768px) {
    #podcast #posts-from-category .row .single-post {
        height: auto
    }
}

#podcast #move-the-needle-form {
    margin-bottom: 77px
}

#podcast #move-the-needle-form .move-the-needle-form-box {
    padding: 83px 20px;
    position: relative;
    background: url('../img/podcast/background-patterns-bottom-bottom.png') no-repeat bottom left, url('../img/podcast/background-patterns-top.png') no-repeat top right;
    background-size: auto 147px, auto 173px;
    border-radius: 8px;
    overflow: hidden;
    text-align: center
}

#podcast #move-the-needle-form .move-the-needle-form-box::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: .1;
    background: linear-gradient(45deg, #392977 0, #ca2539 100%)
}

#podcast #move-the-needle-form .move-the-needle-form-box h3 {
    margin: 0 0 16px;
    font-size: 32px;
    line-height: 40px;
    font-weight: 700
}

#podcast #move-the-needle-form .move-the-needle-form-box p {
    max-width: 715px;
    font-size: 18px;
    line-height: 27px;
    font-weight: 500;
    opacity: .7;
    margin: 0 auto 49px
}

#podcast #move-the-needle-form .move-the-needle-form-box .newsletter {
    margin: auto;
    max-width: 480px;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, .1);
    background-color: #e0d6e2;
    padding: 4px;
    overflow: hidden;
    position: relative
}

#podcast #move-the-needle-form .move-the-needle-form-box .newsletter .cookie-reset-container {
    display: none !important
}

#podcast #move-the-needle-form .move-the-needle-form-box .newsletter ul {
    list-style: none;
    padding: 0;
    margin: 10px 0 0
}

#podcast #move-the-needle-form .move-the-needle-form-box .newsletter ul li {
    text-align: left;
    padding-left: 12px
}

#podcast #move-the-needle-form .move-the-needle-form-box .newsletter .hs_email>label {
    display: none
}

#podcast #move-the-needle-form .move-the-needle-form-box .newsletter .hs-input {
    background: 0 0;
    border: none;
    height: 48px;
    line-height: 48px;
    font-size: 15px;
    color: #272b30
}

#podcast #move-the-needle-form .move-the-needle-form-box .newsletter .hs_submit {
    position: absolute;
    right: 4px;
    top: 4px
}

#podcast #move-the-needle-form .move-the-needle-form-box .newsletter .hs_submit .actions {
    padding: 0
}

#podcast #move-the-needle-form .move-the-needle-form-box .newsletter .hs_submit .actions input {
    height: 48px;
    line-height: 48px;
    padding: 0 25px;
    font-size: 15px;
    font-weight: 500;
    text-transform: none;
    background: linear-gradient(45deg, #392977 0, #ca2539 100%);
    border-radius: 8px;
    color: #fff
}

#podcast #move-the-needle-form .move-the-needle-form-box .newsletter .hs_submit .actions input:hover {
    background: linear-gradient(45deg, #ca2539 0, #392977 100%)
}

@keyframes fade-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

#pricing-2023 small.info {
    width: 9px;
    height: 9px;
    position: relative;
    background-image: url(../img/pricing/question.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    display: inline-block;
    text-indent: -9999;
    overflow: hidden;
    cursor: pointer;
    margin-left: 5px
}

#pricing-2023 small.info>span {
    display: none
}

#pricing-page-2023 {
    background-color: #f2f4f6
}

#pricing-page-2023 #interval-switch {
    margin-top: -110px;
    margin-bottom: 110px
}

#pricing-page-2023 #interval-switch a {
    color: #fff !important
}

#pricing-page-2023 #interval-switch a.selected,
#pricing-page-2023 #interval-switch a:hover {
    border-bottom: 1px solid #fff !important
}

#pricing-page-2023 #plans-basics {
    margin-top: -52px !important
}

#pricing-page-2023 .pricing-hero-header {
    background: linear-gradient(185deg, #7347ea 6.79%, #c757ad 125.6%, #e3716d 198.73%)
}

#pricing-page-2023 .pricing-hero-header .btn-cta {
    margin-top: 10px
}

#pricing-page-2023 .pricing-hero-header .dbx-hero-header__title {
    max-width: 80%
}

#pricing-page-2023 #special-plans {
    position: relative;
    background-color: rgba(29, 154, 214, .08);
    font-size: 16px
}

#pricing-page-2023 #special-plans h3 {
    font-size: 22px;
    line-height: 24px;
    font-weight: 500
}

#pricing-page-2023 #special-plans:after {
    content: "PARTNERS";
    position: absolute;
    top: 25px;
    left: -50px;
    background-color: #ff7800;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    padding: 5px 50px
}

#pricing-page-2023 #special-plans ul {
    list-style: none;
    padding-left: 0
}

#pricing-page-2023 #special-plans ul li {
    display: table;
    margin-bottom: 10px
}

#pricing-page-2023 #special-plans ul li span,
#pricing-page-2023 #special-plans ul li:before {
    display: table-cell
}

#pricing-page-2023 #special-plans ul li:before {
    display: inline-block;
    font-family: Icons;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 1;
    position: relative;
    text-transform: none;
    top: -1px;
    vertical-align: middle;
    margin-right: 10px;
    content: "\2a";
    color: #1d9ad6
}

#pricing-page-2023 #special-plans .btn-container .btn {
    min-width: 100%;
    font-size: 16px;
    text-transform: none;
    white-space: normal
}

#pricing-page-2023 #special-plans .btn-container .btn:first-child {
    margin-bottom: 25px
}

#pricing-page-2023 #special-plans .img-responsive {
    margin: 0 auto
}

#pricing-page-2023 #company-logos {
    text-align: center
}

#pricing-page-2023 #company-logos .text {
    text-transform: uppercase;
    color: rgba(45, 50, 55, .5)
}

#pricing-page-2023 #company-logos .text .underline {
    text-decoration: underline;
    color: rgba(45, 50, 55, .5)
}

#pricing-page-2023 #addons {
    padding: 64px 0;
    background: #fff
}

#pricing-page-2023 #addons h1 {
    font-size: 40px;
    text-align: center;
    color: #1c0303;
    font-weight: 400;
    font-weight: 500;
    line-height: 64px;
    margin: 0
}

#pricing-page-2023 #addons .box {
    position: relative;
    height: 290px;
    padding: 10px 15px;
    border: 1px solid rgba(142, 146, 155, .25);
    border-radius: 8px
}

#pricing-page-2023 #addons .box__header .price {
    position: relative;
    font-weight: 500;
    color: #2d3237;
    float: right;
    transform: translateY(25%);
    -o-transform: translateY(25%);
    -ms-transform: translateY(25%);
    -moz-transform: translateY(25%);
    -webkit-transform: translateY(25%);
    font-size: 21px
}

#pricing-page-2023 #addons .box__header .price:before {
    content: "$";
    position: absolute;
    left: -10px;
    top: 5px;
    color: #8e929b;
    font-size: 12px
}

#pricing-page-2023 #addons .box__header .price:after {
    display: none;
    content: "/month";
    font-size: 16px;
    color: #8e929b
}

#pricing-page-2023 #addons .box__header .price.monthly:after,
#pricing-page-2023 #addons .box__header .price.monthly:before {
    font-size: 12px;
    display: inline-block
}

#pricing-page-2023 #addons .box__header .icon {
    font-size: 32px;
    color: #3d53a7
}

#pricing-page-2023 #addons .box__content h3 {
    font-size: 16px;
    line-height: 32px;
    color: #1c0303;
    margin: 10px 0 4px
}

#pricing-page-2023 #addons .box__content p {
    font-size: 13px;
    line-height: 19px;
    color: #72757c;
    font-weight: 400;
    letter-spacing: 0
}

#pricing-page-2023 #addons .box__content a {
    font-weight: 400;
    position: absolute;
    left: 16px;
    bottom: 16px;
    font-weight: 500
}

#pricing-page-2023 #addons .box--focused {
    -moz-box-shadow: 3px 4px 20px rgba(142, 146, 155, .2);
    -webkit-box-shadow: 3px 4px 20px rgba(142, 146, 155, .2);
    box-shadow: 3px 4px 20px rgba(142, 146, 155, .2)
}

@media only screen and (max-width:992px) {
    #pricing-page-2023 #addons .box {
        height: 380px
    }
}

@media only screen and (max-width:767px) {
    #pricing-page-2023 #addons {
        padding-top: 50px;
        padding-bottom: 50px
    }

    #pricing-page-2023 #addons .box {
        height: 320px
    }
}

@media only screen and (max-width:480px) {
    #pricing-page-2023 #addons .box {
        height: 320px
    }
}

#pricing-page-2023 #free-forever-plan {
    background-color: rgba(255, 255, 255, .85);
    border: 1px solid #e5e8e8;
    border-radius: 5px;
    padding: 35px 50px 40px;
    margin: 60px 80px 50px
}

#pricing-page-2023 #free-forever-plan h3 {
    font-size: 55px;
    font-weight: 300;
    color: #2d3237;
    margin-top: 10px;
    margin-bottom: 35px
}

#pricing-page-2023 #free-forever-plan p {
    font-size: 20px;
    color: #565e70;
    line-height: 32px
}

#pricing-page-2023 #free-forever-plan mark {
    background: url(../img/other/highlighter.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 45%;
    padding: 20px 10px;
    margin-left: -10px;
    margin-right: -10px
}

#pricing-page-2023 #free-forever-plan .signupBox {
    margin: 30px auto 0
}

#pricing-page-2023 #free-forever-plan .signupBox button,
#pricing-page-2023 #free-forever-plan .signupBox small {
    text-transform: none
}

#pricing-page-2023 #free-forever-plan .signupBox button {
    font-size: 16px;
    line-height: 1.5
}

#pricing-page-2023 #free-forever-plan .signupBox button .icon-right-arrow {
    padding-left: 5px
}

#pricing-page-2023 #free-forever-plan .signupBox small {
    color: #8e929b;
    font-size: 13px;
    margin-top: 29px
}

@media only screen and (min-width:993px) and (max-width:1200px) {
    #pricing-page-2023 #free-forever-plan {
        margin-right: 0;
        margin-left: 0
    }
}

@media only screen and (max-width:992px) {
    #pricing-page-2023 #free-forever-plan {
        max-width: 640px;
        width: 100%;
        margin: 25px auto
    }
}

@media only screen and (max-width:767px) {
    #pricing-page-2023 #free-forever-plan {
        padding-left: 20px;
        padding-right: 20px
    }

    #pricing-page-2023 #free-forever-plan h3 {
        font-size: 30px
    }

    #pricing-page-2023 #free-forever-plan p {
        font-size: 16px
    }

    #pricing-page-2023 #free-forever-plan .signupBox .icon-arrow {
        display: none
    }
}

#pricing-2023 #interval-switch {
    display: flex;
    justify-content: center
}

#pricing-2023 #interval-switch a {
    font-size: 14px;
    line-height: 22px;
    text-decoration: none;
    color: #000;
    font-weight: 400;
    padding: 2px 2px 4px;
    margin: 0 8px
}

#pricing-2023 #interval-switch a.selected,
#pricing-2023 #interval-switch a:hover {
    border-bottom: 1px solid #000
}

#pricing-2023 #interval-switch a.selected {
    font-weight: 700
}

#pricing-2023 #plans-basics {
    margin-top: 52px;
    padding: 0;
    display: flex
}

#pricing-2023 #plans-basics .plan-container {
    position: relative;
    float: left;
    width: 100%;
    max-width: 234px;
    height: 860px
}

#pricing-2023 #plans-basics .plan-container .scroll {
    position: absolute;
    top: -45px;
    right: 10px;
    color: #fff;
    text-decoration: none;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px
}

#pricing-2023 #plans-basics .plan-container .scroll .icon {
    font-size: 12px
}

#pricing-2023 #plans-basics .plan-container:first-child .plan {
    border-radius: 16px 0 0 16px
}

#pricing-2023 #plans-basics .plan-container:last-child .plan {
    border-radius: 0 16px 16px 0
}

#pricing-2023 #plans-basics .plan-container:first-child .plan,
#pricing-2023 #plans-basics .plan-container:nth-child(2) .plan {
    border-right: 1px solid rgba(142, 146, 155, .4)
}

@media screen and (max-width:1200px) and (min-width:992px) {
    #pricing-2023 #plans-basics .plan-container {
        max-width: 20%;
        height: auto
    }
}

#pricing-2023 #plans-basics .plan {
    position: relative;
    margin: 0 auto;
    width: 100%;
    min-height: 860px;
    background: #fff;
    color: #000;
    padding: 16px 12px;
    font-size: 14px
}

#pricing-2023 #plans-basics .plan__description,
#pricing-2023 #plans-basics .plan__name {
    text-align: center
}

#pricing-2023 #plans-basics .plan__name {
    font-size: 22px;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 16px
}

#pricing-2023 #plans-basics .plan__description {
    height: 70px;
    font-size: 12px;
    line-height: 18px;
    color: #72757c;
    font-weight: 400;
    letter-spacing: 0
}

#pricing-2023 #plans-basics .plan__note {
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    color: #72757c;
    letter-spacing: .5px;
    margin-bottom: 16px;
    text-align: center;
    min-height: 32px
}

#pricing-2023 #plans-basics .plan__popular {
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 102px;
    background: #393a3e;
    border-radius: 4px;
    top: -13px;
    font-size: 13px;
    line-height: 26px;
    letter-spacing: 0;
    color: #fff;
    font-weight: 700;
    text-align: center
}

#pricing-2023 #plans-basics .plan__price {
    text-align: center;
    margin-bottom: 20px
}

#pricing-2023 #plans-basics .plan .marked {
    font-weight: 700;
    display: inline
}

#pricing-2023 #plans-basics .plan .marked.sign {
    font-weight: 700;
    margin: 0;
    padding: 0
}

#pricing-2023 #plans-basics .plan .mobile-features .marked {
    margin-right: 5px
}

#pricing-2023 #plans-basics .plan div.sign {
    margin: 0;
    padding: 0 !important;
    display: flex;
    align-items: center
}

#pricing-2023 #plans-basics .plan div.sign span {
    font-weight: 700;
    margin: 0 3px
}

#pricing-2023 #plans-basics .plan div.sign span.unlimited {
    margin: 0 5px 0 0
}

#pricing-2023 #plans-basics .plan-starter {
    border-color: #02b875
}

#pricing-2023 #plans-basics .plan__price .price {
    font-size: 48px;
    line-height: 48px;
    margin-left: 15px;
    position: relative;
    font-weight: 500;
    color: #2d3237
}

#pricing-2023 #plans-basics .plan__price .price:after {
    content: "/month";
    font-size: 16px;
    color: #8e929b
}

#pricing-2023 #plans-basics .plan__price .price:before {
    left: -15px;
    top: 5px;
    font-size: 24px;
    content: "$";
    position: absolute;
    color: #8e929b
}

#pricing-2023 #plans-basics .plan__cta {
    padding: 0 4px;
    margin-bottom: 32px
}

#pricing-2023 #plans-basics .plan__cta .btn {
    display: block;
    width: 100%;
    border: 1px solid #83c12f;
    color: #83c12f;
    text-transform: none;
    border-radius: 4px;
    padding: 0;
    line-height: 46px;
    font-size: 16px;
    font-weight: 500
}

#pricing-2023 #plans-basics .plan__slider {
    margin: 0 -12px 16px;
    padding: 20px 5px 20px 5px;
    min-height: 110px
}

#pricing-2023 #plans-basics .plan__slider.free {
    display: flex;
    align-items: center;
    justify-content: center
}

#pricing-2023 #plans-basics .plan__slider.free .question {
    margin: 0
}

#pricing-2023 #plans-basics .plan__slider .question {
    display: block;
    visibility: visible;
    opacity: 1;
    font-size: 14px;
    color: #393a3e;
    margin-bottom: 13px;
    text-align: center;
    font-weight: 400
}

#pricing-2023 #plans-basics .plan__slider .question span.sources {
    font-weight: 700
}

#pricing-2023 #plans-basics .plan__slider .question .info {
    margin-left: 0;
    width: 16px;
    height: 16px;
    top: 3px
}

#pricing-2023 #plans-basics .plan__slider .question--not-visible {
    opacity: 0;
    visibility: hidden
}

#pricing-2023 #plans-basics .plan__slider .question--visible {
    transition: all .4s ease-in-out 2.2s;
    -o-transition: all .4s ease-in-out 2.2s;
    -ms-transition: all .4s ease-in-out 2.2s;
    -moz-transition: all .4s ease-in-out 2.2s;
    -webkit-transition: all .4s ease-in-out 2.2s
}

@media screen and (max-width:1200px) {
    #pricing-2023 #plans-basics .plan__slider .question {
        padding: 0 10px
    }
}

#pricing-2023 #plans-basics .plan__slider .plan__pricing {
    font-size: 11px;
    line-height: 14px;
    color: #72757c;
    text-align: center;
    margin: 16px 0 0;
    font-weight: 400
}

#pricing-2023 #plans-basics .plan__features {
    font-size: 13px;
    line-height: 14px;
    color: #72757c;
    letter-spacing: 0;
    font-weight: 400
}

#pricing-2023 #plans-basics .plan__features ul {
    list-style: none;
    padding: 0 4px;
    text-align: left
}

#pricing-2023 #plans-basics .plan__features ul:first-of-type {
    border-bottom: 1px solid rgba(142, 146, 155, .4);
    padding: 0 4px 10px;
    margin: 0 0 20px;
    min-height: 135px
}

#pricing-2023 #plans-basics .plan__features ul li {
    padding: 0 0 10px 0;
    display: flex;
    align-items: center
}

#pricing-2023 #plans-basics .plan__features ul li.extra {
    border-bottom: none;
    margin: 0;
    padding-left: 0;
    font-weight: 400
}

#pricing-2023 #plans-basics .plan__features ul li .unlimited {
    font-size: 20px
}

#pricing-2023 #plans-basics .plan__features ul li.extra-with-badge {
    font-weight: 400
}

#pricing-2023 #plans-basics .plan__features ul li.extra-with-badge .badge {
    background-color: #25a767;
    border-radius: 3px;
    font-weight: 400;
    font-size: 10px;
    line-height: 10px;
    padding: 2px 5px
}

#pricing-2023 #plans-basics .plan__features ul div {
    display: table-cell
}

#pricing-2023 #plans-basics .plan__features ul div:last-child {
    padding-left: 5px
}

#pricing-2023 #plans-basics .plan__features .btn {
    width: 100%
}

@media only screen and (max-width:992px) {
    #pricing-2023 #plans-basics .plan__features .btn {
        display: block;
        width: 50%;
        margin: 0 auto
    }
}

@media only screen and (max-width:480px) {
    #pricing-2023 #plans-basics .plan__features .btn {
        width: 100%
    }
}

#pricing-2023 #plans-basics .plan__features .features-title {
    text-align: left;
    font-weight: 500;
    margin-bottom: 17px;
    font-size: 12px;
    color: #393a3e
}

#pricing-2023 #plans-basics .plan__features small.info {
    display: none
}

#pricing-2023 #plans-basics .plan__features ul li:hover small.info {
    display: inline-block
}

#pricing-2023 #plans-basics .plan .ui-widget.ui-widget-content {
    border-radius: .571em;
    height: .571em
}

#pricing-2023 #plans-basics .plan .ui-widget-content .ui-state-default {
    border-width: .285em;
    border-radius: 50%
}

#pricing-2023 #plans-basics .plan .ui-slider-horizontal .ui-slider-handle {
    top: -.6em;
    width: 18px;
    height: 18px
}

#pricing-2023 #plans-basics .plan .ui-corner-all {
    border-radius: .385em
}

#pricing-2023 #plans-basics .plan small.info {
    width: 12px;
    height: 12px;
    top: 2px
}

#pricing-2023 #plans-basics .plan.plan-growth {
    border: 2px solid #1d9ad6;
    border-radius: 10px;
    margin: -13px 0 0;
    height: 890px;
    padding-top: 27px
}

#pricing-2023 #plans-basics .plan a.collapsible.collapsible-mobile {
    display: none
}

#pricing-2023 #plans-basics .plan .mobile-features {
    display: none
}

#pricing-2023 #plans-basics .plan-free .ui-slider-horizontal .ui-slider-range {
    background: #83c12f
}

#pricing-2023 #plans-basics .plan-free .ui-widget-content {
    background-color: rgba(131, 193, 47, .2) !important;
    margin: 0
}

#pricing-2023 #plans-basics .plan-free .ui-widget-content .ui-state-default {
    border-color: #83c12f
}

#pricing-2023 #plans-basics .plan-free .icon,
#pricing-2023 #plans-basics .plan-free .marked,
#pricing-2023 #plans-basics .plan-free .name,
#pricing-2023 #plans-basics .plan-free .plan__name,
#pricing-2023 #plans-basics .plan-free .question .sources,
#pricing-2023 #plans-basics .plan-free .sign span {
    color: #83c12f
}

#pricing-2023 #plans-basics .plan-free .plan__slider {
    background-color: rgba(131, 193, 47, .12)
}

#pricing-2023 #plans-basics .plan-free .plan__cta .btn {
    color: #83c12f;
    border-color: #83c12f
}

#pricing-2023 #plans-basics .plan-free .plan__cta .btn:hover {
    background: #83c12f;
    color: #fff
}

#pricing-2023 #plans-basics .plan-free .tooltip-2__arrow {
    border-top-color: #83c12f
}

#pricing-2023 #plans-basics .plan-free .tooltip-2__inner {
    background-color: #83c12f
}

#pricing-2023 #plans-basics .plan-free a.collapsible.collapsible-mobile {
    color: #83c12f
}

#pricing-2023 #plans-basics .plan-starter .ui-slider-horizontal .ui-slider-range {
    background: #02b875
}

#pricing-2023 #plans-basics .plan-starter .ui-widget-content {
    background-color: rgba(2, 184, 117, .2) !important
}

#pricing-2023 #plans-basics .plan-starter .ui-widget-content .ui-state-default {
    border-color: #02b875
}

#pricing-2023 #plans-basics .plan-starter .icon,
#pricing-2023 #plans-basics .plan-starter .marked,
#pricing-2023 #plans-basics .plan-starter .name,
#pricing-2023 #plans-basics .plan-starter .plan__name,
#pricing-2023 #plans-basics .plan-starter .question .sources,
#pricing-2023 #plans-basics .plan-starter .sign span {
    color: #02b875
}

#pricing-2023 #plans-basics .plan-starter .plan__cta .btn {
    color: #02b875;
    border-color: #02b875
}

#pricing-2023 #plans-basics .plan-starter .plan__cta .btn:hover {
    background: #02b875;
    color: #fff
}

#pricing-2023 #plans-basics .plan-starter .plan__slider {
    background-color: rgba(2, 184, 117, .12)
}

#pricing-2023 #plans-basics .plan-starter .tooltip-2__arrow {
    border-top-color: #02b875
}

#pricing-2023 #plans-basics .plan-starter .tooltip-2__inner {
    background-color: #02b875
}

#pricing-2023 #plans-basics .plan-starter a.collapsible.collapsible-mobile {
    color: #02b875
}

#pricing-2023 #plans-basics .plan-professional .ui-slider-horizontal .ui-slider-range {
    background: #1d9ad6
}

#pricing-2023 #plans-basics .plan-professional .ui-widget-content {
    background-color: rgba(29, 154, 214, .2) !important
}

#pricing-2023 #plans-basics .plan-professional .ui-widget-content .ui-state-default {
    border-color: #1d9ad6
}

#pricing-2023 #plans-basics .plan-professional .icon,
#pricing-2023 #plans-basics .plan-professional .marked,
#pricing-2023 #plans-basics .plan-professional .name,
#pricing-2023 #plans-basics .plan-professional .plan__name,
#pricing-2023 #plans-basics .plan-professional .question .sources,
#pricing-2023 #plans-basics .plan-professional .sign span {
    color: #1d9ad6
}

#pricing-2023 #plans-basics .plan-professional .plan__cta .btn {
    color: #1d9ad6;
    border-color: #1d9ad6
}

#pricing-2023 #plans-basics .plan-professional .plan__cta .btn:hover {
    background: #1d9ad6;
    color: #fff
}

#pricing-2023 #plans-basics .plan-professional .plan__slider {
    background-color: rgba(29, 154, 214, .12)
}

#pricing-2023 #plans-basics .plan-professional .tooltip-2__arrow {
    border-top-color: #1d9ad6
}

#pricing-2023 #plans-basics .plan-professional .tooltip-2__inner {
    background-color: #1d9ad6
}

#pricing-2023 #plans-basics .plan-professional a.collapsible.collapsible-mobile {
    color: #1d9ad6
}

#pricing-2023 #plans-basics .plan-growth .ui-slider-horizontal .ui-slider-range {
    background: #2e4797
}

#pricing-2023 #plans-basics .plan-growth .ui-widget-content {
    background-color: rgba(46, 71, 151, .2) !important
}

#pricing-2023 #plans-basics .plan-growth .ui-widget-content .ui-state-default {
    border-color: #2e4797
}

#pricing-2023 #plans-basics .plan-growth .icon,
#pricing-2023 #plans-basics .plan-growth .marked,
#pricing-2023 #plans-basics .plan-growth .name,
#pricing-2023 #plans-basics .plan-growth .plan__name,
#pricing-2023 #plans-basics .plan-growth .question .sources,
#pricing-2023 #plans-basics .plan-growth .sign span {
    color: #2e4797
}

#pricing-2023 #plans-basics .plan-growth .plan__slider {
    background-color: rgba(46, 71, 151, .12)
}

#pricing-2023 #plans-basics .plan-growth .plan__cta .btn {
    background: #2e4797;
    color: #fff;
    border-color: #2e4797
}

#pricing-2023 #plans-basics .plan-growth .plan__cta .btn:hover {
    background: 0 0;
    color: #2e4797
}

#pricing-2023 #plans-basics .plan-growth .tooltip-2__arrow {
    border-top-color: #2e4797
}

#pricing-2023 #plans-basics .plan-growth .tooltip-2__inner {
    background-color: #2e4797
}

#pricing-2023 #plans-basics .plan-growth a.collapsible.collapsible-mobile {
    color: #2e4797
}

#pricing-2023 #plans-basics .plan-premium .ui-slider-horizontal .ui-slider-range {
    background: #7540ab
}

#pricing-2023 #plans-basics .plan-premium .ui-widget-content {
    background-color: rgba(117, 64, 171, .2) !important
}

#pricing-2023 #plans-basics .plan-premium .ui-widget-content .ui-state-default {
    border-color: #7540ab
}

#pricing-2023 #plans-basics .plan-premium .icon,
#pricing-2023 #plans-basics .plan-premium .marked,
#pricing-2023 #plans-basics .plan-premium .name,
#pricing-2023 #plans-basics .plan-premium .plan__name,
#pricing-2023 #plans-basics .plan-premium .question .sources,
#pricing-2023 #plans-basics .plan-premium .sign span {
    color: #7540ab
}

#pricing-2023 #plans-basics .plan-premium .plan__slider {
    background-color: rgba(117, 64, 171, .12)
}

#pricing-2023 #plans-basics .plan-premium .plan__cta .btn {
    color: #7540ab;
    border-color: #7540ab
}

#pricing-2023 #plans-basics .plan-premium .plan__cta .btn:hover {
    background: #7540ab;
    color: #fff
}

#pricing-2023 #plans-basics .plan-premium .tooltip-2__arrow {
    border-top-color: #7540ab
}

#pricing-2023 #plans-basics .plan-premium .tooltip-2__inner {
    background-color: #7540ab
}

#pricing-2023 #plans-basics .plan-premium a.collapsible.collapsible-mobile {
    color: #7540ab
}

#pricing-2023 #plans-basics .plan .ui-widget.ui-widget-content {
    border-radius: .357em;
    height: .357em;
    border: transparent;
    background: #dcdfe1;
    text-align: center;
    margin: 0 11px
}

#pricing-2023 #plans-basics .plan .ui-widget-content .ui-state-default {
    border-style: solid;
    border-width: .214em;
    border-radius: 50%;
    background: #fff
}

#pricing-2023 #plans-basics .plan .ui-slider-horizontal .ui-slider-handle {
    top: -.5em
}

#pricing-2023 #plans-basics .plan .ui-slider .ui-slider-handle:focus {
    outline: 0
}

@media screen and (max-width:1200px) and (min-width:992px) {
    #pricing-2023 #plans-basics .plan {
        min-height: 928px
    }

    #pricing-2023 #plans-basics .plan.plan-growth {
        min-height: 958px
    }

    #pricing-2023 #plans-basics .plan .plan__slider {
        min-height: 144px
    }

    #pricing-2023 #plans-basics .plan .plan__slider .plan__pricing {
        white-space: normal
    }

    #pricing-2023 #plans-basics .plan .plan__cta .btn {
        font-size: 14px
    }
}

@media screen and (max-width:992px) {
    #pricing-2023 #plans-basics .plan a.collapsible.collapsible-mobile {
        display: inline-block;
        font-weight: 500;
        font-size: 15px;
        margin: 16px 0
    }

    #pricing-2023 #plans-basics .plan a.collapsible.collapsible-mobile span.icon {
        font-size: 11px;
        margin-left: 2px
    }

    #pricing-2023 #plans-basics .plan a.collapsible.collapsible-mobile.active span {
        transform: rotate(180deg);
        display: inline-block
    }

    #pricing-2023 #plans-basics .plan.active .mobile-features {
        display: block
    }

    #pricing-2023 #plans-basics .plan.active .mobile-features ul:first-of-type {
        margin-bottom: 10px;
        padding: 0 4px;
        min-height: inherit;
        border: none
    }
}

#pricing-2023 #plans-basics .tooltip-2 {
    position: relative;
    z-index: 100;
    display: block;
    opacity: 0;
    visibility: hidden;
    padding: 5px;
    font-size: 12px;
    margin-top: 0;
    bottom: 3.4em;
    margin-left: -5.8em;
    width: 150px
}

#pricing-2023 #plans-basics .tooltip-2--visible {
    opacity: 1;
    visibility: visible
}

#pricing-2023 #plans-basics .tooltip-2--not-visible {
    transition: all .4s ease-in-out 2s;
    -o-transition: all .4s ease-in-out 2s;
    -ms-transition: all .4s ease-in-out 2s;
    -moz-transition: all .4s ease-in-out 2s;
    -webkit-transition: all .4s ease-in-out 2s
}

#pricing-2023 #plans-basics .tooltip-2--bigger {
    bottom: 8.5em
}

#pricing-2023 #plans-basics .tooltip-2--bigger .connections>div {
    margin-top: 5px;
    margin-bottom: 5px
}

#pricing-2023 #plans-basics .tooltip-2__arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-top-width: 7px;
    border-top-style: solid;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    position: absolute;
    width: 0;
    height: 0
}

#pricing-2023 #plans-basics .tooltip-2__inner {
    padding: 4px 8px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    border-radius: 14px
}

@media only screen and (max-width:1200px) {
    #pricing-2023 #plans-basics {
        padding: 0
    }

    #pricing-2023 #plans-basics .plan__description {
        height: 90px
    }
}

@media only screen and (max-width:992px) {
    #pricing-2023 #plans-basics {
        display: block;
        text-align: center;
        font-size: 0
    }

    #pricing-2023 #plans-basics .plan-container {
        width: 100%;
        height: 100%;
        margin: 0 15px 30px;
        display: inline-block;
        vertical-align: top;
        float: none;
        max-width: 42%
    }

    #pricing-2023 #plans-basics .plan-container:first-child .plan {
        border-radius: 16px
    }

    #pricing-2023 #plans-basics .plan-container:last-child .plan {
        border-radius: 16px
    }

    #pricing-2023 #plans-basics .plan-container .plan {
        border-radius: 16px;
        border: 1px solid rgba(142, 146, 155, .4);
        height: auto
    }

    #pricing-2023 #plans-basics .plan-container .plan.plan-growth {
        margin: 0;
        padding-top: 16px
    }

    #pricing-2023 #plans-basics .plan-container:last-child {
        margin-bottom: 0
    }

    #pricing-2023 #plans-basics .plan-container .scroll {
        display: none
    }

    #pricing-2023 #plans-basics .plan {
        max-width: 640px;
        width: 100%;
        min-height: 670px;
        height: 100%
    }

    #pricing-2023 #plans-basics .plan__slider .question {
        text-align: center
    }

    #pricing-2023 #plans-basics .plan__description {
        height: auto
    }
}

@media only screen and (max-width:992px) {
    #pricing-2023 #plans-basics {
        padding: 0 0 60px
    }
}

@media only screen and (max-width:768px) {
    #pricing-2023 #plans-basics {
        margin-top: 52px;
        padding: 0 20px 60px
    }

    #pricing-2023 #plans-basics .plan-container {
        max-width: 100%;
        margin: 0 0 25px
    }
}

@media only screen and (max-width:480px) {
    #pricing-2023 #plans-basics {
        margin-top: 52px
    }

    #pricing-2023 #plans-basics .plan__slider {
        height: 100%;
        min-height: 40px
    }

    #pricing-2023 #plans-basics .plan__description {
        height: auto;
        margin-bottom: 10px
    }
}

#pricing-2023 #plans-all-features {
    margin-top: 45px;
    padding: 0 0 95px;
    font-size: 18px;
    color: #8e929b
}

#pricing-2023 #plans-all-features h1 {
    font-size: 36px;
    font-weight: 500;
    color: #000;
    text-align: center;
    margin-bottom: 60px
}

#pricing-2023 #plans-all-features .container {
    display: none;
    margin-top: 72px;
    padding: 0 15px
}

#pricing-2023 #plans-all-features .collapsible {
    text-align: center;
    font-weight: 500;
    color: #1d9ad6;
    font-size: 16px;
    cursor: pointer;
    position: relative;
    margin: auto;
    max-width: 1160px
}

#pricing-2023 #plans-all-features .collapsible .collapsable-holder {
    display: inline-block;
    background: #f2f4f6;
    padding: 0 20px;
    position: relative
}

#pricing-2023 #plans-all-features .collapsible::before {
    content: "";
    width: 100%;
    height: 1px;
    display: block;
    background: #1d9ad6;
    position: absolute;
    top: 50%;
    left: 0
}

#pricing-2023 #plans-all-features .collapsible .icon {
    font-size: 8px;
    vertical-align: middle
}

#pricing-2023 #plans-all-features .collapsible .icon:before {
    transition: transform .4s ease-in-out;
    -o-transition: transform .4s ease-in-out;
    -ms-transition: transform .4s ease-in-out;
    -moz-transition: transform .4s ease-in-out;
    -webkit-transition: transform .4s ease-in-out
}

#pricing-2023 #plans-all-features .collapsible--opened .icon:before {
    transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    transition: transform .4s ease-in-out;
    -o-transition: transform .4s ease-in-out;
    -ms-transition: transform .4s ease-in-out;
    -moz-transition: transform .4s ease-in-out;
    -webkit-transition: transform .4s ease-in-out
}

#pricing-2023 #plans-all-features .item {
    padding: 15px 0
}

#pricing-2023 #plans-all-features .feature,
#pricing-2023 #plans-all-features .plan {
    text-align: center
}

#pricing-2023 #plans-all-features .plan__feature:nth-child(2n) {
    background: 0 0
}

#pricing-2023 #plans-all-features .plan__feature:nth-child(odd) {
    background: rgba(114, 117, 124, .06)
}

#pricing-2023 #plans-all-features .section__feature:nth-child(odd) {
    background: 0 0
}

#pricing-2023 #plans-all-features .section__feature:nth-child(2n) {
    background: rgba(114, 117, 124, .06)
}

#pricing-2023 #plans-all-features .plan__feature {
    font-weight: 500;
    color: #72757c;
    font-size: 13px;
    line-height: 16px;
    display: flex;
    height: 56px;
    letter-spacing: 0;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

#pricing-2023 #plans-all-features .plan__feature .icon {
    font-size: 20px;
    line-height: 20px
}

#pricing-2023 #plans-all-features .plan__feature .icon::before {
    font-size: 18px
}

#pricing-2023 #plans-all-features .plan__feature .mobile {
    display: none
}

#pricing-2023 #plans-all-features .plan__feature .desktop {
    display: block
}

#pricing-2023 #plans-all-features .plan__section,
#pricing-2023 #plans-all-features .section__name {
    font-weight: 500;
    text-transform: uppercase;
    vertical-align: middle;
    font-size: 14px;
    line-height: 16px;
    color: #55585d;
    padding: 76px 0 24px
}

#pricing-2023 #plans-all-features .separator {
    height: 116px
}

#pricing-2023 #plans-all-features .plan__section .mobile {
    display: none;
    margin-bottom: 20px
}

#pricing-2023 #plans-all-features .section__name:first-of-type {
    vertical-align: top;
    padding-top: 0
}

#pricing-2023 #plans-all-features .section__feature {
    font-weight: 400;
    padding-left: 12px;
    padding-right: 12px;
    color: #72757c;
    font-size: 14px;
    line-height: 17px;
    display: flex;
    height: 56px;
    align-items: center
}

#pricing-2023 #plans-all-features .section__feature .feature__label {
    max-width: 225px
}

#pricing-2023 #plans-all-features .section__feature small.info {
    display: none
}

#pricing-2023 #plans-all-features .section__feature:hover small.info {
    display: inline-block
}

#pricing-2023 #plans-all-features .section__feature .stamp {
    font-size: 10px;
    line-height: 16px;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 3px;
    padding: 0 6px;
    color: #fff;
    margin-left: 6px
}

#pricing-2023 #plans-all-features .section__feature .stamp.blue {
    background: #2e4797
}

#pricing-2023 #plans-all-features .section__feature .stamp.green {
    background: #02b875
}

#pricing-2023 #plans-all-features .plan {
    width: 100%;
    max-width: 170px;
    float: left;
    border-left: 1px solid #d0d0d0
}

#pricing-2023 #plans-all-features .plan__description {
    font-size: 20px;
    font-weight: 500
}

#pricing-2023 #plans-all-features .plan-free .plan__description .name {
    color: #83c12f
}

#pricing-2023 #plans-all-features .plan-free .plan__description .cta .btn {
    color: #83c12f;
    border-color: #83c12f
}

#pricing-2023 #plans-all-features .plan-free .plan__description .cta .btn:hover {
    color: #fff;
    background: #83c12f
}

#pricing-2023 #plans-all-features .plan-free .plan__feature .icon {
    color: #83c12f
}

#pricing-2023 #plans-all-features .plan-starter .plan__description .name {
    color: #02b875
}

#pricing-2023 #plans-all-features .plan-starter .plan__description .cta .btn {
    color: #02b875;
    border-color: #02b875
}

#pricing-2023 #plans-all-features .plan-starter .plan__description .cta .btn:hover {
    color: #fff;
    background: #02b875
}

#pricing-2023 #plans-all-features .plan-starter .plan__feature .icon {
    color: #02b875
}

#pricing-2023 #plans-all-features .plan-professional .plan__description .name {
    color: #1d9ad6
}

#pricing-2023 #plans-all-features .plan-professional .plan__description .cta .btn {
    color: #1d9ad6;
    border-color: #1d9ad6
}

#pricing-2023 #plans-all-features .plan-professional .plan__description .cta .btn:hover {
    color: #fff;
    background: #1d9ad6
}

#pricing-2023 #plans-all-features .plan-professional .plan__feature .icon {
    color: #1d9ad6
}

#pricing-2023 #plans-all-features .plan-growth .plan__description .name {
    color: #2e4797
}

#pricing-2023 #plans-all-features .plan-growth .plan__description .cta .btn {
    color: #fff;
    background: #2e4797;
    border-color: #2e4797
}

#pricing-2023 #plans-all-features .plan-growth .plan__description .cta .btn:hover {
    background: 0 0;
    color: #2e4797
}

#pricing-2023 #plans-all-features .plan-growth .plan__feature .icon {
    color: #2e4797
}

#pricing-2023 #plans-all-features .plan-premium {
    border-right: 1px solid #d0d0d0
}

#pricing-2023 #plans-all-features .plan-premium .plan__description .name {
    color: #7540ab
}

#pricing-2023 #plans-all-features .plan-premium .plan__description .cta .btn {
    color: #7540ab;
    border-color: #7540ab
}

#pricing-2023 #plans-all-features .plan-premium .plan__description .cta .btn:hover {
    color: #fff;
    background: #7540ab
}

#pricing-2023 #plans-all-features .plan-premium .plan__feature .icon {
    color: #7540ab
}

@media screen and (max-width:1200px) and (min-width:992px) {
    #pricing-2023 #plans-all-features .plan {
        max-width: 15%
    }

    #pricing-2023 #plans-all-features .plan .plan__description .cta .btn {
        font-size: 12px
    }
}

#pricing-2023 #plans-all-features .empty {
    min-height: 125px
}

#pricing-2023 #plans-all-features .empty.pricing-label {
    background: rgba(114, 117, 124, .06);
    min-height: 56px;
    padding: 0 10px;
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 16px;
    color: #72757c;
    font-weight: 400
}

#pricing-2023 #plans-all-features .plan__description {
    padding: 0 5px;
    letter-spacing: 0
}

#pricing-2023 #plans-all-features .plan__description .name {
    font-size: 18px;
    line-height: 24px;
    margin: 0 0 6px;
    font-weight: 700;
    letter-spacing: .4px
}

#pricing-2023 #plans-all-features .plan__description .description {
    font-size: 11px;
    line-height: 16px;
    font-weight: 400;
    color: #72757c;
    min-height: 95px
}

#pricing-2023 #plans-all-features .plan__description .price {
    font-size: 28px;
    display: block;
    background: rgba(114, 117, 124, .06);
    margin: 0 -5px;
    padding: 8px 0;
    position: relative;
    font-weight: 500;
    color: #2d3237
}

#pricing-2023 #plans-all-features .plan__description .price:before {
    content: "$";
    position: absolute;
    color: #8e929b;
    font-size: 12px;
    left: inherit;
    margin-left: -10px;
    margin-top: 5px;
    top: inherit
}

#pricing-2023 #plans-all-features .plan__description .price:after {
    content: "/month";
    font-size: 12px;
    color: #8e929b
}

#pricing-2023 #plans-all-features .plan__description .cta {
    background: 0 0;
    padding: 24px 5px 50px
}

#pricing-2023 #plans-all-features .plan__description .cta .btn {
    text-transform: none;
    padding: 0;
    width: 100%;
    display: block;
    font-size: 14px;
    line-height: 40px;
    border-radius: 5px;
    border: 1px solid #72757c;
    color: #72757c;
    font-weight: 500
}

#pricing-2023 #plans-all-features .section {
    max-width: 275px;
    width: 100%;
    float: left
}

@media screen and (max-width:1200px) and (min-width:992px) {
    #pricing-2023 #plans-all-features .section {
        max-width: 25%
    }
}

#pricing-2023 #plans-all-features .pricing-header .plan {
    min-height: inherit
}

#pricing-2023 #plans-all-features .pricing-header .pricing-header-content {
    display: block
}

#pricing-2023 #plans-all-features .pricing-header .pricing-header-content.container {
    margin-top: 0
}

#pricing-2023 #plans-all-features .pricing-header--fixed {
    position: fixed;
    top: 76px;
    background-color: #fff;
    left: 0;
    width: 100%;
    padding-top: 16px;
    z-index: 999
}

#pricing-2023 #plans-all-features .pricing-header--fixed .pricing-header-content {
    margin: auto;
    display: block
}

#pricing-2023 #plans-all-features .pricing-header--fixed .pricing-header-content.container {
    display: block
}

#pricing-2023 #plans-all-features .pricing-header--fixed .pricing-header-content .plan {
    border: none;
    min-height: inherit
}

#pricing-2023 #plans-all-features .pricing-header--fixed .section {
    opacity: 0
}

#pricing-2023 #plans-all-features .pricing-header--fixed .section .empty-space {
    display: none
}

#pricing-2023 #plans-all-features .pricing-header--fixed .plan__description .name {
    margin: 0 0 3px
}

#pricing-2023 #plans-all-features .pricing-header--fixed .plan__description .description {
    display: none
}

#pricing-2023 #plans-all-features .pricing-header--fixed .plan__description .price {
    background: 0 0;
    padding: 0 0 4px
}

#pricing-2023 #plans-all-features .pricing-header--fixed .plan__description .cta {
    padding-bottom: 21px;
    padding-top: 0
}

#pricing-2023 #plans-all-features .pricing-options.fixed {
    padding-top: 300px
}

#pricing-2023 #plans-all-features .pricing-options .section {
    margin-top: -40px
}

#pricing-2023 #plans-all-features small.info {
    width: 16px;
    height: 16px
}

@media only screen and (max-width:1200px) {
    #pricing-2023 #plans-all-features .section__name {
        min-height: 116px;
        padding-top: 60px;
        display: flex;
        align-items: flex-end
    }

    #pricing-2023 #plans-all-features .section__name:first-of-type {
        min-height: initial
    }
}

@media only screen and (max-width:992px) {
    #pricing-2023 #plans-all-features .section {
        display: none
    }

    #pricing-2023 #plans-all-features .item {
        padding: 15px 10px
    }

    #pricing-2023 #plans-all-features .plan {
        width: 45%;
        margin: 0 15px 30px;
        border: 1px solid rgba(142, 146, 155, .25)
    }

    #pricing-2023 #plans-all-features .plan__section .mobile {
        display: block
    }

    #pricing-2023 #plans-all-features .plan__feature .mobile {
        display: table
    }

    #pricing-2023 #plans-all-features .plan__feature .mobile .feature,
    #pricing-2023 #plans-all-features .plan__feature .mobile .short-value {
        display: table-cell;
        vertical-align: middle
    }

    #pricing-2023 #plans-all-features .plan__feature .mobile .short-value {
        min-width: 120px
    }

    #pricing-2023 #plans-all-features .plan__feature .mobile .feature {
        text-align: left
    }

    #pricing-2023 #plans-all-features .plan__feature .desktop {
        display: none
    }
}

@media screen and (max-width:1200px) and (min-width:992px) {
    #pricing-2023 #plans-all-features .plan {
        min-height: 840px
    }
}

@media only screen and (max-width:769px) {
    #pricing-2023 #plans-all-features .plan {
        width: 95%;
        float: none;
        margin: 0 auto 30px
    }

    #pricing-2023 #plans-all-features .plan:last-child {
        margin-bottom: 0
    }
}

@media screen and (max-width:992px) {
    #pricing-2023 #plans-all-features {
        display: none
    }
}

#pricing-2023.agency .tooltip-2--bigger {
    bottom: 9.8em !important
}

@keyframes fade-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

#product-and-engineering .btn-lg {
    font-size: 16px
}

#product-and-engineering #teams {
    padding-top: 45px;
    padding-bottom: 110px
}

#product-and-engineering #teams h2 {
    font-size: 36px;
    line-height: 42px;
    color: #2d3237;
    text-align: left;
    margin-bottom: 30px;
    letter-spacing: 0;
    font-weight: 500
}

#product-and-engineering #teams p {
    font-size: 18px;
    line-height: 28px;
    color: #8e929b;
    text-align: left;
    margin-top: 20px;
    letter-spacing: 0;
    font-weight: 400
}

@media only screen and (max-width:992px) {
    #product-and-engineering #teams .img-container {
        margin-top: 50px
    }
}

#product-and-engineering #multi-product-cta {
    padding-top: 120px;
    margin-bottom: 155px;
    background: linear-gradient(90deg, #efe8fc 0, #e4f4ee 100%)
}

#product-and-engineering #multi-product-cta .container::after {
    clear: none
}

#product-and-engineering #multi-product-cta .row:last-child {
    margin-bottom: -155px
}

#product-and-engineering #tech-stack {
    padding-top: 90px;
    padding-bottom: 100px;
    background-color: #fff
}

#product-and-engineering #joining-visoflow {
    padding-top: 100px;
    padding-bottom: 106px;
    background: #efe8fc;
    background: linear-gradient(90deg, #efe8fc 0, #e4f4ee 100%);
    letter-spacing: 0
}

#product-and-engineering #joining-visoflow .container {
    padding: 0 106px
}

#product-and-engineering #joining-visoflow strong {
    font-size: 24px;
    line-height: 28px;
    color: #252525
}

#product-and-engineering #joining-visoflow h2 {
    font-weight: 500;
    letter-spacing: 0
}

#product-and-engineering #joining-visoflow p {
    font-size: 18px;
    line-height: 28px;
    color: #8e929b;
    margin-top: 20px;
    margin-bottom: 50px;
    letter-spacing: 0;
    font-weight: 400
}

#product-and-engineering #joining-visoflow p a {
    font-weight: 400;
    text-decoration: underline
}

#product-and-engineering #joining-visoflow .col:nth-child(2n) {
    padding-left: 45px
}

#product-and-engineering #joining-visoflow .col:nth-child(odd) {
    padding-right: 45px
}

#product-and-engineering #joining-visoflow .extra {
    text-align: center
}

#product-and-engineering #joining-visoflow #talent-resource {
    width: 100%;
    margin: 12px auto 0
}

#product-and-engineering #joining-visoflow #talent-resource p {
    margin: 0
}

#product-and-engineering #joining-visoflow #talent-resource strong {
    font-size: 20px;
    line-height: 26px
}

#product-and-engineering #joining-visoflow #talent-resource a {
    font-weight: 500
}

@media only screen and (max-width:992px) {
    #product-and-engineering #joining-visoflow .container {
        padding: 0 15px
    }

    #product-and-engineering #joining-visoflow .col:nth-child(2n) {
        padding-left: 15px
    }

    #product-and-engineering #joining-visoflow .col:nth-child(odd) {
        padding-right: 15px
    }
}

#product-and-engineering #life-at-visoflow {
    background: linear-gradient(90deg, #efe8fc 0, #e4f4ee 100%)
}

@media only screen and (max-width:992px) {
    #product-and-engineering #life-at-visoflow .vimeo-wrapper {
        margin-top: 50px
    }
}

#product-and-engineering #collaboration {
    background: linear-gradient(89.93deg, rgba(122, 68, 230, .1) .08%, rgba(29, 154, 214, .1) 99.96%);
    padding: 96px 0 0
}

#product-and-engineering #collaboration .container {
    padding: 0 73px
}

#product-and-engineering #collaboration .container::after {
    clear: none
}

#product-and-engineering #collaboration h2 {
    margin: 0 0 32px;
    font-weight: 500;
    font-size: 36px;
    line-height: 42px;
    letter-spacing: 0
}

#product-and-engineering #collaboration p {
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0;
    color: #000
}

#product-and-engineering #collaboration .collaborators {
    margin-top: 52px;
    margin-bottom: -104px
}

#product-and-engineering #collaboration .collaborators img {
    max-width: 100%
}

@media only screen and (max-width:992px) {
    #product-and-engineering #collaboration .container {
        padding: 0 15px
    }

    #product-and-engineering #collaboration .collaborators .col {
        margin-bottom: 20px
    }
}

#product-and-engineering #jobs {
    clear: both;
    padding-top: 80px
}

#product-and-engineering #jobs .container {
    background-image: url(../img/product/bg-cta-purple-gradient.png)
}

#product-and-engineering #jobs .container p {
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    color: #48555f;
    margin-bottom: 60px
}

#product-and-engineering #jobs h2 {
    color: #2d3237;
    margin-bottom: 20px
}

#product-and-engineering #jobs .job__position a {
    color: #7a44e6
}

#product-and-engineering #jobs .job__department {
    color: #292929
}

@media only screen and (max-width:666px) {
    #product-and-engineering #jobs .container {
        background: #bbe1f3;
        background: linear-gradient(180deg, #dbcbf1 0, #bbe1f3 100%)
    }
}

#product-and-engineering #reviews-best-product {
    padding-bottom: 140px;
    border-top: 3px solid rgba(217, 228, 233, .35)
}

#product-and-engineering #reviews-best-product h2 {
    font-size: 40px;
    font-weight: 500;
    color: #2d3237;
    text-align: center;
    margin-bottom: 25px
}

#product-and-engineering #reviews-best-product p {
    color: #8e929b
}

#product-and-engineering #product-faq {
    padding-top: 100px;
    padding-bottom: 130px;
    background-color: rgba(166, 176, 186, .12)
}

#product-and-engineering #product-faq h2 {
    font-size: 40px
}

#product-and-engineering #product-faq .collapsible {
    border-top: 1px solid rgba(72, 85, 95, .1);
    padding: 15px 20px 8px
}

#product-and-engineering #product-faq .collapsible:last-of-type {
    border-bottom: 1px solid rgba(72, 85, 95, .1);
    padding-bottom: 15px
}

#product-and-engineering #product-faq .collapsible__header>.icon {
    color: #7a44e6
}

#product-and-engineering #product-faq .collapsible__content p {
    font-size: 16px;
    line-height: 24px;
    color: #8e929b
}

.tabs-switcher__header {
    display: flex;
    list-style-type: none;
    border-bottom: 1px solid rgba(142, 146, 155, .25);
    margin: 0;
    padding: 0
}

.tabs-switcher__header li {
    flex: 1;
    font-weight: 400;
    margin-bottom: -3px;
    font-size: 16px;
    line-height: 22px;
    color: rgba(45, 50, 55, .5);
    padding: 15px 20px;
    min-width: 150px;
    cursor: pointer
}

.tabs-switcher__header li.selected {
    color: #2d3237;
    border-bottom: 3px solid #48555f
}

.tabs-switcher__image {
    padding-top: 50px
}

@media only screen and (max-width:992px) {
    .tabs-switcher__header {
        overflow-x: scroll;
        scrollbar-width: none;
        -ms-overflow-style: none;
        padding-bottom: 3px
    }

    .tabs-switcher__header::-webkit-scrollbar {
        display: none
    }
}

#future-generation-playmakers {
    padding: 90px 0 190px;
    clear: both
}

#future-generation-playmakers .container {
    padding-left: 130px;
    padding-right: 130px
}

@media only screen and (max-width:992px) {
    #future-generation-playmakers .container {
        padding-left: 30px;
        padding-right: 30px
    }
}

#future-generation-playmakers .above-h2 {
    color: #fc9a3c;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: 0
}

#future-generation-playmakers h2 {
    margin: 0 0 75px;
    font-weight: 500;
    line-height: 50px;
    letter-spacing: 0
}

#future-generation-playmakers p {
    font-size: 18px;
    line-height: 28px;
    color: #8e929b;
    margin-bottom: 25px;
    letter-spacing: 0;
    font-weight: 400
}

#future-generation-playmakers p strong {
    color: #2d3237
}

#future-generation-playmakers a {
    text-decoration: underline;
    font-weight: 500;
    color: #0072bc
}

#future-generation-playmakers strong {
    color: #2d3237
}

#future-generation-playmakers .image {
    text-align: right
}

#future-generation-playmakers .img-container {
    position: relative
}

#future-generation-playmakers .img-container .sign {
    position: absolute;
    top: -40px;
    left: -45px;
    width: 135px
}

@media only screen and (max-width:992px) {
    #future-generation-playmakers .text {
        padding-right: 0
    }

    #future-generation-playmakers .image {
        width: 100%
    }

    #future-generation-playmakers .image .slick-slide {
        margin-top: 0 !important
    }

    #future-generation-playmakers .img-container {
        padding-top: 0;
        max-width: 100%
    }

    #future-generation-playmakers .img-container .sign {
        top: 30px;
        left: -15px
    }
}

@media only screen and (max-width:480px) {
    #future-generation-playmakers .img-container .sign {
        display: none
    }
}

@keyframes fade-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

#product-updates .header {
    background: 0 0;
    padding: 60px 0 12px
}

#product-updates .header h1 {
    color: #2d3237;
    font-weight: 100;
    margin-top: 33px
}

#product-updates #entries {
    padding-top: 0
}

#product-updates .entry {
    position: relative;
    padding-top: 100px
}

#product-updates .entry .line {
    position: absolute;
    height: 1px;
    top: 1px;
    left: 50px;
    right: 100px;
    background-color: rgba(142, 146, 155, .2)
}

#product-updates .entry:first-child .line {
    display: none
}

#product-updates .entry .col-time {
    font-size: 16px;
    line-height: 32px;
    color: #8e929b;
    text-align: right
}

#product-updates .entry .time {
    padding-right: 30px
}

#product-updates .entry .col-text {
    padding-bottom: 40px
}

#product-updates .entry .tag-wrapper {
    position: relative
}

#product-updates .entry .tag {
    position: absolute;
    top: -20px;
    left: 0;
    font-size: 9px;
    line-height: 16px;
    border-radius: 3px;
    padding: 0 8px;
    background-color: green;
    color: #fff;
    text-transform: uppercase;
    font-weight: 400
}

#product-updates .entry .tag.tag-new {
    background-color: #2bb673
}

#product-updates .entry .tag.tag-improvement {
    background-color: #ffac36
}

#product-updates .entry .tag.tag-bugfix {
    background-color: #f25b4d
}

#product-updates .entry .tag.tag-data-integrations {
    background-color: #8560a8
}

#product-updates .entry .title {
    font-size: 22px;
    line-height: 32px;
    font-weight: 700;
    margin: 0 0 10px
}

#product-updates .entry .title a {
    color: #2d3237
}

#product-updates .entry img {
    margin: 25px 0;
    max-width: 100%
}

#product-updates .entry .text,
#product-updates .entry .url {
    font-size: 16px;
    line-height: 30px
}

#product-updates .entry .text {
    margin: 10px 0
}

@media only screen and (max-width:991px) {
    #product-updates .entry {
        padding-top: 40px
    }

    #product-updates .entry .line {
        left: 15px;
        right: 15px
    }

    #product-updates .entry .col-time {
        text-align: left;
        padding-bottom: 25px
    }
}

@keyframes fade-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

html {
    font-size: 16px !important
}

.dbx-page>section:first-of-type {
    padding-top: 200px
}

.dbx-page ul {
    padding-inline-start: 0;
    margin-bottom: unset
}

.dbx-page li {
    list-style: none
}

.dbx-page p {
    font-size: 1rem;
    margin: 0
}

.dbx-page h1,
.dbx-page h2,
.dbx-page h3,
.dbx-page h4,
.dbx-page h5,
.dbx-page h6 {
    margin: 0
}

.dbx-page .dbx-container {
    display: flex;
    flex-direction: column
}

.dbx-page .dbx-container strong {
    font-weight: 700
}

.dbx-page .dbx-container>h1,
.dbx-page .dbx-container>h2 {
    margin-bottom: 16px
}

.dbx-page .dbx-container>h3,
.dbx-page .dbx-container>h4 {
    margin-bottom: 24px
}

.dbx-page .dbx-container>p {
    max-width: 750px;
    margin-bottom: 56px
}

.dbx-page>section {
    max-width: 100vw;
    margin-bottom: 80px
}

.dbx-page>section>h2 {
    margin-inline: auto
}

.dbx-page>section:first-of-type {
    padding-top: 155px
}

.product-page2 .header {
    min-height: 750px;
    background-size: cover;
    position: relative;
    text-align: left
}

.product-page2 .header h1 {
    font-size: 44px;
    line-height: 1.2;
    font-weight: 500
}

.product-page2 .header .img-ct {
    position: absolute
}

.product-page2 .header .img-ct img {
    display: block;
    max-height: 100%
}

.product-page2 .header .text-ct {
    position: relative;
    float: right;
    width: 50%;
    min-height: 570px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-direction: column;
    flex-direction: column
}

.product-page2 .header__img-wrapper {
    position: relative
}

.product-page2 .header__img-wrapper .img-ct {
    top: 0
}

.product-page2 .header--center {
    padding-bottom: 100px
}

.product-page2 .header--center h1,
.product-page2 .header--center h2 {
    text-align: center;
    margin-bottom: 40px
}

.product-page2 .header--center .embed,
.product-page2 .header--center h2 {
    max-width: 980px;
    margin-right: auto;
    margin-left: auto
}

.product-page2 .header--center .signupBox {
    margin: 0 auto 70px;
    text-align: center
}

.product-page2 h2 {
    font-weight: 200;
    font-size: 22px;
    line-height: 1.4;
    margin: 24px 0 20px
}

.product-page2 .numbered {
    position: relative
}

.product-page2 .numbered:before {
    position: absolute;
    width: 23px;
    height: 23px;
    font-size: 16px;
    line-height: 22px;
    border-radius: 100%;
    text-align: center;
    padding-left: 1px
}

.product-page2 .numbered.numbered-1:before {
    content: "1"
}

.product-page2 .numbered.numbered-2:before {
    content: "2"
}

.product-page2 .numbered.numbered-3:before {
    content: "3"
}

.product-page2 h3.numbered:before {
    border: 1px solid;
    top: 11px;
    left: -30px
}

.product-page2 h3 .underlined {
    text-decoration: underline;
    text-decoration-skip-ink: none
}

.product-page2 h3 .underlined--color-acd373 {
    text-decoration-color: #acd373;
    -webkit-text-decoration-color: #acd373
}

.product-page2 h3 .underlined--color-ffdb16 {
    text-decoration-color: #ffdb16;
    -webkit-text-decoration-color: #ffdb16
}

.product-page2 h3 .underlined--color-12c1ff {
    text-decoration-color: #12c1ff;
    -webkit-text-decoration-color: #12c1ff
}

.product-page2 h3 .underlined--color-ffbc0c {
    text-decoration-color: #ffbc0c;
    -webkit-text-decoration-color: #ffbc0c
}

.product-page2 h3 .underlined--color-59cfcd {
    text-decoration-color: #59cfcd;
    -webkit-text-decoration-color: #59cfcd
}

.product-page2 h3 .underlined--color-da68a4 {
    text-decoration-color: #da68a4;
    -webkit-text-decoration-color: #da68a4
}

.product-page2 h3 .underlined--color-1197d9 {
    text-decoration-color: #1197d9;
    -webkit-text-decoration-color: #1197d9
}

.product-page2 h3 .underlined--color-db66a5 {
    text-decoration-color: #db66a5;
    -webkit-text-decoration-color: #db66a5
}

.product-page2 h3 .underlined--color-ffd52b {
    text-decoration-color: #ffd52b;
    -webkit-text-decoration-color: #ffd52b
}

.product-page2 h3 .underlined--color-2bb5ff {
    text-decoration-color: #2bb5ff;
    -webkit-text-decoration-color: #2bb5ff
}

.product-page2 h3 .underlined--color-52a3d8 {
    text-decoration-color: #52a3d8;
    -webkit-text-decoration-color: #52a3d8
}

.product-page2 h3 .underlined--color-64c4c6 {
    text-decoration-color: #64c4c6;
    -webkit-text-decoration-color: #64c4c6
}

.product-page2 h3 .underlined--color-d3739d {
    text-decoration-color: #d3739d;
    -webkit-text-decoration-color: #d3739d
}

.product-page2 h3 .underlined--color-f76868 {
    text-decoration-color: #f76868;
    -webkit-text-decoration-color: #f76868
}

.product-page2 h3 .underlined--color-59a6d0 {
    text-decoration-color: #59a6d0;
    -webkit-text-decoration-color: #59a6d0
}

.product-page2 h3 .underlined--color-ff2b72 {
    text-decoration-color: #ff2b72;
    -webkit-text-decoration-color: #ff2b72
}

.product-page2 h3 .underlined--color-9ac82f {
    text-decoration-color: #9ac82f;
    -webkit-text-decoration-color: #9ac82f
}

.product-page2 h3 .underlined--color-1d99c2 {
    text-decoration-color: #1d99c2;
    -webkit-text-decoration-color: #1d99c2
}

.product-page2 h3 .underlined--color-e04d85 {
    text-decoration-color: #e04d85;
    -webkit-text-decoration-color: #e04d85
}

.product-page2 h3 .underlined--color-86e04d {
    text-decoration-color: #86e04d;
    -webkit-text-decoration-color: #86e04d
}

.product-page2 h3 .underlined--color-1097d9 {
    text-decoration-color: #1097d9;
    -webkit-text-decoration-color: #1097d9
}

.product-page2 h3 .underlined--color-8e929b {
    text-decoration-color: #8e929b;
    -webkit-text-decoration-color: #8e929b
}

.product-page2 h3 .underlined--color-0bc5ff {
    text-decoration-color: #0bc5ff;
    -webkit-text-decoration-color: #0bc5ff
}

.product-page2 h3 .underlined--color-ffbc0b {
    text-decoration-color: #ffbc0b;
    -webkit-text-decoration-color: #ffbc0b
}

.product-page2 h3 .underlined--color-a7dd4c {
    text-decoration-color: #a7dd4c;
    -webkit-text-decoration-color: #a7dd4c
}

.product-page2 h3 .underlined--color-9274b6 {
    text-decoration-color: #9274b6;
    -webkit-text-decoration-color: #9274b6
}

.product-page2 h3 .underlined--color-f8c032 {
    text-decoration-color: #f8c032;
    -webkit-text-decoration-color: #f8c032
}

.product-page2 h3 .underlined--color-de6783 {
    text-decoration-color: #de6783;
    -webkit-text-decoration-color: #de6783
}

.product-page2 h3 .underlined--color-46d7f8 {
    text-decoration-color: #46d7f8;
    -webkit-text-decoration-color: #46d7f8
}

.product-page2 h3 .underlined--color-f87b46 {
    text-decoration-color: #f87b46;
    -webkit-text-decoration-color: #f87b46
}

.product-page2 h3 .underlined--color-0f97d9 {
    text-decoration-color: #0f97d9;
    -webkit-text-decoration-color: #0f97d9
}

.product-page2 h3 .underlined--color-1eb863 {
    text-decoration-color: #1eb863;
    -webkit-text-decoration-color: #1eb863
}

.product-page2 h3 .underlined--color-b464a7 {
    text-decoration-color: #b464a7;
    -webkit-text-decoration-color: #b464a7
}

.product-page2 h3 .underlined--color-d1005d {
    text-decoration-color: #d1005d;
    -webkit-text-decoration-color: #d1005d
}

.product-page2 h3 .underlined--color-ffac21 {
    text-decoration-color: #ffac21;
    -webkit-text-decoration-color: #ffac21
}

.product-page2 h3 .underlined--color-ffac36 {
    text-decoration-color: #ffac36;
    -webkit-text-decoration-color: #ffac36
}

.product-page2 h3 .underlined--color-ff222a {
    text-decoration-color: #ff222a;
    -webkit-text-decoration-color: #ff222a
}

.product-page2 h3 .underlined--color-a39bae {
    text-decoration-color: #a39bae;
    -webkit-text-decoration-color: #a39bae
}

.product-page2 h3 .underlined--color-c44951 {
    text-decoration-color: #c44951;
    -webkit-text-decoration-color: #c44951
}

.product-page2 h3 .underlined--color-ac98ab {
    text-decoration-color: #ac98ab;
    -webkit-text-decoration-color: #ac98ab
}

.product-page2 h3 .underlined--color-41637a {
    text-decoration-color: #41637a;
    -webkit-text-decoration-color: #41637a
}

.product-page2 h3 .underlined--color-91c449 {
    text-decoration-color: #91c449;
    -webkit-text-decoration-color: #91c449
}

.product-page2 p.numbered:before {
    font-weight: 500;
    color: #fff;
    top: 0;
    left: -14px;
    line-height: 23px
}

.product-page2 #product-cta {
    text-align: center;
    padding: 0
}

.product-page2 #product-cta .container {
    background-image: url(../img/product/bg-cta.png);
    background-size: 100% 100%
}

.product-page2 #product-cta h2 {
    font-size: 36px;
    font-weight: 500;
    margin-top: 95px
}

.product-page2 #product-cta p {
    font-size: 18px;
    color: #8e929b
}

.product-page2 #product-cta .btn {
    margin: 32px 0 70px
}

.product-page2 #product-review .wrap {
    position: relative;
    padding: 30px 190px 0 0;
    min-height: 220px
}

.product-page2 #product-review .item {
    position: relative;
    padding-left: 138px
}

.product-page2 #product-review .item img {
    position: absolute;
    top: 19px;
    left: 2px;
    border-radius: 100%
}

.product-page2 #product-review .item p {
    font-size: 20px;
    line-height: 30px;
    font-style: italic;
    margin-bottom: 20px
}

.product-page2 #product-review .item a {
    text-decoration: underline
}

.product-page2 #product-review .services {
    position: absolute;
    top: 50%;
    margin-top: -80px;
    right: 0;
    width: 120px;
    text-align: center
}

.product-page2 #product-review .services h2 {
    display: none
}

.product-page2 #product-review .services a {
    display: block;
    margin-bottom: 32px
}

.product-page2 #product-review .services img {
    width: 97px;
    height: 25px
}

.product-page2 #product-review .services .g2crowd img {
    width: 116px;
    height: 30px
}

.product-page2 #product-review .stars small {
    font-size: 11px;
    color: #8e929b;
    display: block;
    margin-bottom: 6px
}

.product-page2 #product-review .stars img {
    width: 94px;
    height: 14px
}

.product-page2 #product-review .case-studies {
    margin-top: 50px;
    margin-bottom: 50px;
    text-align: center
}

.product-page2#product-overview .header-wrap {
    padding: 40px 0 80px;
    background-image: url(../img/product/bg-overview.jpg);
    background-size: cover
}

.product-page2#product-overview .header {
    background: 0 0
}

.product-page2#product-overview .header .img-ct {
    bottom: 100px;
    right: calc(50vw + 70px)
}

.product-page2#product-overview #product-cta {
    padding-bottom: 50px
}

.product-page2 #product-overview-1 {
    position: relative;
    padding: 0;
    top: -120px;
    margin-bottom: -30px
}

.product-page2 #product-overview-1 h3 {
    font-size: 40px;
    line-height: 50px;
    font-weight: 300;
    text-align: center;
    margin: 75px 0 0
}

.product-page2 #product-overview-2,
.product-page2 #product-overview-3 {
    padding-bottom: 0
}

.product-page2 #product-alerts-insights-4 h3,
.product-page2 #product-insights-2 h3,
.product-page2 #product-overview-2 h3,
.product-page2 #product-overview-3 h3,
.product-page2 #product-overview-4 h3 {
    font-size: 36px;
    line-height: 45px;
    text-align: center;
    margin-top: 12px
}

.product-page2 #product-alerts-insights-4 p.under-h3,
.product-page2 #product-insights-2 p.under-h3,
.product-page2 #product-overview-2 p.under-h3,
.product-page2 #product-overview-3 p.under-h3,
.product-page2 #product-overview-4 p.under-h3 {
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    color: #8e929b;
    margin-top: 20px
}

.product-page2 #product-overview-2 .layout-emphasized-blocks,
.product-page2 #product-overview-3 .layout-emphasized-blocks,
.product-page2 #product-overview-4 .layout-emphasized-blocks {
    text-align: left;
    padding: 42px 53px 0
}

.product-page2 #product-overview-2 .layout-emphasized-blocks .block,
.product-page2 #product-overview-3 .layout-emphasized-blocks .block,
.product-page2 #product-overview-4 .layout-emphasized-blocks .block {
    padding-left: 0;
    padding-right: 0
}

.product-page2 #product-overview-2 .layout-emphasized-blocks .box,
.product-page2 #product-overview-3 .layout-emphasized-blocks .box,
.product-page2 #product-overview-4 .layout-emphasized-blocks .box {
    width: 342px;
    min-height: 410px;
    padding: 10px 25px 0 40px;
    border: none;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    text-align: left;
    font-size: 16px;
    line-height: 24px
}

.product-page2 #product-overview-2 .layout-emphasized-blocks img,
.product-page2 #product-overview-3 .layout-emphasized-blocks img,
.product-page2 #product-overview-4 .layout-emphasized-blocks img {
    display: block
}

.product-page2 #product-overview-2 .layout-emphasized-blocks small,
.product-page2 #product-overview-2 .layout-emphasized-blocks span,
.product-page2 #product-overview-3 .layout-emphasized-blocks small,
.product-page2 #product-overview-3 .layout-emphasized-blocks span,
.product-page2 #product-overview-4 .layout-emphasized-blocks small,
.product-page2 #product-overview-4 .layout-emphasized-blocks span {
    padding-left: 2px
}

.product-page2 #product-overview-2 .layout-emphasized-blocks span,
.product-page2 #product-overview-3 .layout-emphasized-blocks span,
.product-page2 #product-overview-4 .layout-emphasized-blocks span {
    display: block;
    color: #2d3237;
    margin-top: 10px
}

.product-page2 #product-overview-2 .layout-emphasized-blocks small,
.product-page2 #product-overview-3 .layout-emphasized-blocks small,
.product-page2 #product-overview-4 .layout-emphasized-blocks small {
    display: block;
    color: #1679a6;
    font-size: inherit;
    padding-top: 10px
}

.product-page2#product-databoards .header {
    background-image: url(../img/product/databoards/bg.jpg)
}

.product-page2#product-databoards .header__img-wrapper .img-ct {
    left: -550px
}

.product-page2#product-databoards #product-wizard-ui-steps {
    background: rgba(0, 114, 188, .08)
}

.product-page2#product-databoards #product-wizard-ui-steps .slick-active .step__number .number {
    background-color: #0072bc
}

.product-page2#product-databoards #product-wizard-ui-steps .step-wrapper .description {
    color: #0072bc
}

.product-page2#product-databoards #product-wizard-ui-steps .slick-dots li {
    width: 25%
}

.product-page2#product-databoards #product-wizard-ui-steps .slick-dots .slick-active .step__number,
.product-page2#product-databoards #product-wizard-ui-steps .slick-dots .slick-active .step__title {
    color: #0072bc
}

.product-page2 #product-databoards-8 h3,
.product-page2 #product-databoards-9 h3,
.product-page2 #product-metric-tracking-software-11 h3,
.product-page2 #slack-3 h3 {
    font-size: 36px;
    line-height: 44px;
    text-align: center;
    margin-bottom: 20px
}

.product-page2 #product-databoards-8 p.under-h3,
.product-page2 #product-databoards-9 p.under-h3,
.product-page2 #product-metric-tracking-software-11 p.under-h3,
.product-page2 #slack-3 p.under-h3 {
    font-size: 18px;
    line-height: 28px;
    color: #8e929b;
    text-align: center
}

.product-page2 #product-databoards-8 h3,
.product-page2 #product-databoards-8 p.under-h3,
.product-page2 #product-databoards-9 h3,
.product-page2 #product-databoards-9 p.under-h3,
.product-page2 #product-metric-tracking-software-11 h3,
.product-page2 #product-metric-tracking-software-11 p.under-h3,
.product-page2 #slack-3 h3,
.product-page2 #slack-3 p.under-h3 {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto
}

.product-page2 #product-databoards-8 h3,
.product-page2 #product-databoards-9 h3,
.product-page2 #product-metric-tracking-software-11 h3,
.product-page2 #slack-3 h3 {
    width: 600px
}

.product-page2 #product-databoards-8 p.under-h3,
.product-page2 #product-databoards-9 p.under-h3,
.product-page2 #product-metric-tracking-software-11 p.under-h3,
.product-page2 #slack-3 p.under-h3 {
    width: 840px
}

.product-page2 #product-databoards-8 .layout-triple,
.product-page2 #product-databoards-9 .layout-triple,
.product-page2 #product-metric-tracking-software-11 .layout-triple,
.product-page2 #slack-3 .layout-triple {
    text-align: center;
    padding-top: 50px
}

.product-page2 #product-databoards-8 .layout-triple img,
.product-page2 #product-databoards-9 .layout-triple img,
.product-page2 #product-metric-tracking-software-11 .layout-triple img,
.product-page2 #slack-3 .layout-triple img {
    max-width: 100%
}

.product-page2 #product-databoards-8 .layout-triple p,
.product-page2 #product-databoards-9 .layout-triple p,
.product-page2 #product-metric-tracking-software-11 .layout-triple p,
.product-page2 #slack-3 .layout-triple p {
    text-align: left;
    line-height: 24px;
    margin-top: 30px
}

.product-page2 #product-databoards-9 h3 {
    width: auto
}

.product-page2#product-scorecards .header {
    background-image: url(../img/product/scorecards/bg.jpg)
}

.product-page2#product-scorecards .header__img-wrapper .img-ct {
    left: -350px
}

.product-page2#product-scorecards #product-wizard-ui-steps {
    background: rgba(253, 198, 137, .15)
}

.product-page2#product-scorecards #product-wizard-ui-steps .slick-active .step__number .number {
    background-color: #f7941d
}

.product-page2#product-scorecards #product-wizard-ui-steps .step-wrapper .description {
    color: #f7941d
}

.product-page2#product-scorecards #product-wizard-ui-steps .slick-dots li {
    width: 20%
}

.product-page2#product-scorecards #product-wizard-ui-steps .slick-dots .slick-active .step__number,
.product-page2#product-scorecards #product-wizard-ui-steps .slick-dots .slick-active .step__title {
    color: #f7941d
}

.product-page2#product-goals .header {
    background-image: url(../img/product/goals/bg.jpg)
}

.product-page2#product-goals .header__img-wrapper .img-ct {
    left: -364px
}

.product-page2#product-goals #product-wizard-ui-steps {
    background: rgba(163, 155, 174, .15)
}

.product-page2#product-goals #product-wizard-ui-steps .slick-active .step__number .number {
    background-color: #f7941d
}

.product-page2#product-goals #product-wizard-ui-steps .step-wrapper .description {
    color: #f7941d
}

.product-page2#product-goals #product-wizard-ui-steps .slick-dots li {
    width: 20%
}

.product-page2#product-goals #product-wizard-ui-steps .slick-dots .slick-active .step__number,
.product-page2#product-goals #product-wizard-ui-steps .slick-dots .slick-active .step__title {
    color: #f7941d
}

.product-page2 #product-goals-7 {
    background-color: rgba(163, 155, 174, .1)
}

.product-page2 #product-goals-7 p {
    font-size: 16px;
    margin-top: 20px
}

.product-page2 #product-goals-7 .icon {
    font-size: 40px
}

.product-page2 #product-goals-7 .icon-growth-2 {
    color: #a864a8
}

.product-page2 #product-goals-7 .icon-dashboard-tv {
    color: #ff7800
}

.product-page2 #product-goals-7 .icon-history {
    color: #44657b
}

.product-page2 #product-goals-7 .icon-profile {
    color: #0072bc
}

.product-page2 #product-goals-8 {
    padding: 110px 0
}

.product-page2 #product-goals-8 h1 {
    font-size: 36px;
    line-height: 36px;
    font-weight: 500;
    color: #2d3237;
    text-align: center;
    margin-bottom: 20px
}

.product-page2 #product-goals-8 p {
    font-size: 18px;
    line-height: 36px;
    color: #8e929b;
    text-align: center;
    margin-bottom: 60px
}

.product-page2 #product-goals-8 a {
    text-decoration: underline
}

.product-page2 #product-goals-8 .left {
    padding-right: 5px
}

.product-page2 #product-goals-8 .left .img-responsive {
    float: right
}

.product-page2 #product-goals-8 .right {
    padding-left: 5px
}

.product-page2#product-calcs .header {
    background-image: url(../img/product/calcs/bg.jpg)
}

.product-page2#product-calcs .header__img-wrapper .img-ct {
    left: -681px
}

.product-page2#product-alerts .header {
    background-image: url(../img/product/alerts/bg.jpg)
}

.product-page2#product-alerts .header__img-wrapper .img-ct {
    left: -378px
}

.product-page2#product-alerts #product-wizard-ui-steps {
    background: rgba(207, 238, 162, .2)
}

.product-page2#product-alerts #product-wizard-ui-steps .slick-active .step__number .number {
    background-color: #00746b
}

.product-page2#product-alerts #product-wizard-ui-steps .step-wrapper .description {
    color: #00746b
}

.product-page2#product-alerts #product-wizard-ui-steps .slick-dots li {
    width: 20%
}

.product-page2#product-alerts #product-wizard-ui-steps .slick-dots .slick-active .step__number,
.product-page2#product-alerts #product-wizard-ui-steps .slick-dots .slick-active .step__title {
    color: #00746b
}

.product-page2 #product-alerts-5 {
    padding: 110px 0;
    font-size: 16px
}

.product-page2 #product-alerts-5 h1 {
    font-size: 36px;
    font-weight: 500;
    color: #2d3237;
    text-align: center;
    margin-bottom: 80px
}

.product-page2 #product-alerts-5 strong {
    display: block;
    margin: 10px 0
}

.product-page2 #product-alerts-5 .icon {
    font-size: 40px
}

.product-page2 #product-alerts-5 .icon-target {
    color: #6fb62b
}

.product-page2 #product-alerts-5 .icon-analyze-3 {
    color: #a39bae
}

.product-page2 #product-alerts-5 .icon-growth-3 {
    color: #f7941d
}

.product-page2#product-designer .header {
    background-image: url(../img/product/designer/bg.jpg)
}

.product-page2#product-client-performance .header {
    background-image: url(../img/product/bg-client-performance.jpg)
}

.product-page2#product-client-performance .header .img-ct {
    bottom: 175px;
    right: calc(50vw + 30px)
}

.product-page2#product-client-performance #product-cta {
    padding-bottom: 40px
}

.product-page2 #product-client-performance-1 h3 em:before {
    border-color: #c6d1d6
}

.product-page2 #product-client-performance-2 h3 em:before {
    border-color: #f7ad3c
}

.product-page2 #product-client-performance-3 h3 em:before {
    border-color: #ffdd20
}

.product-page2 #product-client-performance-4 h3 em:before {
    border-color: #1197d9
}

.product-page2 #product-client-performance-5 h3 em:before {
    border-color: #5dc19d
}

.product-page2 #product-client-performance-6 h3 em:before {
    border-color: #8ad3d4
}

.product-page2 #product-client-performance-7 h3 em:before {
    border-color: #8ad3d4
}

.product-page2 #product-client-performance-8 {
    padding: 0
}

.product-page2 #product-client-performance-8 .box.box1 .logo {
    width: 170px
}

.product-page2 #product-client-performance-8 .box.box2 .logo {
    width: 170px
}

.product-page2 #product-client-performance-8 .box.box3 .logo {
    width: 170px
}

.product-page2 #product-client-performance-8 .box.box4 .logo {
    width: 170px
}

.product-page2#product-insights .header {
    background-image: url(../img/product/bg-insights.jpg)
}

.product-page2#product-insights .header .img-ct {
    bottom: 75px;
    right: calc(50vw + 90px)
}

.product-page2#product-insights #product-cta {
    padding-bottom: 40px
}

.product-page2 #product-insights-1 h3 em:before {
    border-color: #75c5ea
}

.product-page2 #product-insights-2 {
    background-color: #e8eff0
}

.product-page2 #product-insights-2 h3 {
    margin-top: 30px
}

.product-page2 #product-insights-2 p.under-h3 {
    margin-top: 0;
    margin-bottom: 45px
}

.product-page2 #product-insights-2 .col {
    min-height: 290px
}

.product-page2 #product-insights-2 .icon-alert-on {
    color: #ff4600
}

.product-page2 #product-insights-2 .icon-target {
    color: #6fb62b
}

.product-page2 #product-insights-2 .icon-graph {
    color: #8e929b
}

.product-page2 #product-insights-2 .icon-scorecard {
    color: #ffa300
}

.product-page2 #product-insights-2 .icon-dialogue {
    color: #259bc1
}

.product-page2 #product-insights-2 .icon-cloud-db {
    color: #8560a8
}

.product-page2 #product-insights-3 h3 em:before {
    border-color: #2bb673
}

.product-page2#product-devices .header {
    background-image: url(../img/product/devices/bg.jpg)
}

.product-page2#product-devices .header__img-wrapper .img-ct {
    left: -396px
}

.product-page2#product-devices #product-cta {
    margin-bottom: 135px
}

.product-page2#product-devices #product-cta p {
    padding-right: 10px;
    padding-left: 10px
}

.product-page2 #product-devices-5 {
    border-bottom: 1px solid #f5f5ee
}

.product-page2#product-annotations .header {
    background-image: url(../img/product/bg-annotations.jpg)
}

.product-page2#product-annotations .header .img-ct {
    bottom: -20px;
    right: calc(50vw + 60px)
}

.product-page2#product-annotations #product-cta {
    background: rgba(46, 193, 214, .15)
}

.product-page2#product-annotations #product-cta .container {
    background: 0 0
}

.product-page2 #product-annotations-1 h3 em:before {
    border-color: #81d6f5
}

.product-page2 #product-annotations-2 h3 em:before {
    border-color: #a39bae
}

.product-page2 #product-annotations-3 h3 em:before {
    border-color: #fbb534
}

.product-page2 #product-annotations-4 h3 em:before {
    border-color: #0679c3
}

.product-page2 #product-annotations-5 h3 em:before {
    border-color: #fcc460
}

.product-page2 #product-annotations-6,
.product-page2 #product-annotations-7 {
    background: rgba(46, 193, 214, .15)
}

.product-page2 #product-annotations-6 {
    padding: 100px 0 0
}

.product-page2 #product-annotations-6 p {
    text-align: center;
    margin: 90px 0 0
}

.product-page2 #product-annotations-7 {
    padding: 0
}

.product-page2 #product-annotations-7 .testimonials-carousel {
    margin-bottom: 0
}

.product-page2 #product-annotations-7 .box.box1 .logo {
    width: 246px
}

.product-page2#product-any-data .header {
    background-image: url(../img/product/bg-any-data.jpg)
}

.product-page2#product-any-data .header .img-ct {
    bottom: 75px;
    right: calc(50vw + 90px)
}

.product-page2 #product-any-data-1 h3 em:before {
    border-color: #38c1d3
}

.product-page2 #product-any-data-2 h3 em:before {
    border-color: #fcc460
}

.product-page2 #product-any-data-3 h3 em:before {
    border-color: #28ad5f
}

.product-page2 #product-any-data-4 h3 em:before {
    border-color: #fede38
}

.product-page2 #product-any-data-5 h3 em:before {
    border-color: #ff4929
}

.product-page2 #product-any-data-6 h3 em:before {
    border-color: #ff4700
}

.product-page2#product-alerts-insights .header {
    background-image: url(../img/product/bg-alerts-insights.jpg)
}

.product-page2#product-alerts-insights .header .img-ct {
    bottom: 100px;
    right: calc(50vw + 70px)
}

.product-page2#product-alerts-insights #product-cta {
    padding-top: 80px
}

.product-page2 #product-alerts-insights-1 {
    padding-bottom: 0
}

.product-page2 #product-alerts-insights-1 h3 em:before {
    border-color: #f76868
}

.product-page2 #product-alerts-insights-2,
.product-page2 #product-alerts-insights-3 {
    padding-top: 40px
}

.product-page2 #product-alerts-insights-2 h3,
.product-page2 #product-alerts-insights-3 h3 {
    font-size: 28px;
    font-weight: 300;
    text-align: center;
    margin-bottom: 40px
}

.product-page2 #product-alerts-insights-2 {
    padding-bottom: 30px
}

.product-page2 #product-alerts-insights-2 .col {
    min-height: 200px
}

.product-page2 #product-alerts-insights-2 .icon-mobile-notification {
    color: #605ca8
}

.product-page2 #product-alerts-insights-2 .icon-mailbox {
    color: #259bc1
}

.product-page2 #product-alerts-insights-2 .icon-dialogue {
    color: #8e929b
}

.product-page2 #product-alerts-insights-2 .icon-slack {
    color: #ff3c00
}

.product-page2 #product-alerts-insights-3 .read-more,
.product-page2 #product-alerts-insights-4 .read-more {
    text-align: center
}

.product-page2 #product-alerts-insights-3 .read-more a,
.product-page2 #product-alerts-insights-4 .read-more a {
    font-size: 16px;
    display: inline-block;
    text-decoration: underline
}

.product-page2 #product-alerts-insights-3 .col {
    min-height: 200px
}

.product-page2 #product-alerts-insights-3 .icon-target {
    color: #6fb62b
}

.product-page2 #product-alerts-insights-3 .icon-chart-growth {
    color: #ed145b
}

.product-page2 #product-alerts-insights-3 .icon-graph {
    color: #8e929b
}

.product-page2 #product-alerts-insights-3 .read-more {
    padding: 72px 0 83px
}

.product-page2 #product-alerts-insights-4 {
    background-color: rgba(232, 239, 240, .5)
}

.product-page2 #product-alerts-insights-4 h3 {
    margin-top: 25px
}

.product-page2 #product-alerts-insights-4 p.under-h3 {
    margin-top: 0;
    margin-bottom: 40px
}

.product-page2 #product-alerts-insights-4 h3 em:before {
    border-color: #259bc1
}

.product-page2 #product-alerts-insights-4 .col {
    min-height: 295px
}

.product-page2 #product-alerts-insights-4 .icon-alert-on {
    color: #ff4600
}

.product-page2 #product-alerts-insights-4 .icon-target {
    color: #6fb62b
}

.product-page2 #product-alerts-insights-4 .icon-graph {
    color: #8e929b
}

.product-page2 #product-alerts-insights-4 .icon-scorecard {
    color: #ffa300
}

.product-page2 #product-alerts-insights-4 .icon-dialogue {
    color: #259bc1
}

.product-page2 #product-alerts-insights-4 .icon-cloud-db {
    color: #8560a8
}

.product-page2 #product-alerts-insights-4 .read-more {
    padding: 85px 0 15px
}

.product-page2#product-qb .header {
    background-image: url(../img/product/bg-qb.jpg)
}

.product-page2#product-qb .header .img-ct {
    bottom: 40px;
    right: calc(50vw + 30px)
}

.product-page2#product-qb #product-cta {
    padding-bottom: 40px
}

.product-page2 #product-qb-1 {
    background-color: rgba(142, 146, 155, .1)
}

.product-page2 #product-qb-1 strong {
    display: block;
    font-size: 12px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 300;
    padding: 16px 0 40px
}

.product-page2 #product-qb-1 ul {
    text-align: center;
    list-style: none;
    padding: 0;
    margin: 0
}

.product-page2 #product-qb-1 li {
    display: inline-block;
    margin-bottom: 12px
}

.product-page2 #product-qb-1 img {
    display: block;
    height: 69px
}

.product-page2 #product-qb-2 h3 em:before {
    border-color: #f69875
}

.product-page2 #product-qb-3 h3 em:before {
    border-color: #8e929b
}

.product-page2 #product-qb-4 h3 em:before {
    border-color: #5acab3
}

.product-page2 #product-qb-5 h3 em:before {
    border-color: #68adda
}

.product-page2 #product-qb-6 h3 em:before {
    border-color: #c9d9e2
}

.product-page2 #product-qb-7 h3 em:before {
    border-color: #ff4929
}

.product-page2#product-wl .header {
    background-image: url(../img/product/bg-white-labeling.jpg)
}

.product-page2#product-wl .header .img-ct {
    top: 50%;
    transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    right: calc(50vw + 100px)
}

.product-page2#product-wl .signupBox span {
    display: block;
    padding-top: 45px;
    font-size: 16px
}

.product-page2#product-wl #product-cta {
    color: #fff;
    padding-bottom: 100px
}

.product-page2#product-wl #product-cta .container {
    background-image: url(../img/product/bg-cta-purple.png)
}

.product-page2#product-wl #product-cta h2 {
    line-height: 36px;
    margin-bottom: 50px
}

.product-page2#product-wl #product-cta a,
.product-page2#product-wl #product-cta p {
    color: #fff
}

.product-page2#product-wl #product-cta p,
.product-page2#product-wl #product-cta span {
    font-size: 18px
}

.product-page2#product-wl #product-cta p {
    line-height: 28px;
    margin-bottom: 35px
}

.product-page2#product-wl #product-cta a.underline {
    text-decoration: underline
}

@media only screen and (max-width:666px) {
    .product-page2#product-wl .header .img-ct {
        top: 0;
        transform: none;
        -o-transform: none;
        -ms-transform: none;
        -moz-transform: none;
        -webkit-transform: none;
        margin-bottom: 50px
    }

    .product-page2#product-wl #product-cta .container {
        background: #8959ba
    }

    .product-page2#product-wl #product-cta .container .btn {
        font-size: 16px
    }
}

.product-page2 #product-wl-1 h3 em:before {
    border-color: #f87b46
}

.product-page2 #product-wl-2 h3 em:before {
    border-color: #21b767
}

.product-page2 #product-wl-3 h3 em:before {
    border-color: #badb62
}

.product-page2 #product-wl-4 h3 em:before {
    border-color: #0f97d9
}

.product-page2 #product-wl-5 h3 em:before {
    border-color: #23b768
}

.product-page2 #product-wl-6 h3 em:before {
    border-color: #7540ab
}

.product-page2#product-tv-dashboards .header {
    background-image: url(../img/product/tv-dashboards/bg.jpg)
}

.product-page2#product-tv-dashboards .header__img-wrapper .img-ct {
    left: -369px
}

.product-page2#product-tv-dashboards #product-wizard-ui-steps {
    background: rgba(222, 241, 246, .4)
}

.product-page2#product-tv-dashboards #product-wizard-ui-steps .slick-active .step__number .number {
    background-color: #0072bc
}

.product-page2#product-tv-dashboards #product-wizard-ui-steps .step-wrapper .description {
    color: #0072bc
}

.product-page2#product-tv-dashboards #product-wizard-ui-steps .slick-dots li {
    width: 25%
}

.product-page2#product-tv-dashboards #product-wizard-ui-steps .slick-dots .slick-active .step__number,
.product-page2#product-tv-dashboards #product-wizard-ui-steps .slick-dots .slick-active .step__title {
    color: #0072bc
}

.product-page2#product-tv-dashboards #product-cta p {
    max-width: 850px
}

.product-page2#product-metric-tracking-software .header {
    background-image: url(../img/product/metric-tracking-software/bg.jpg)
}

.product-page2#product-metric-tracking-software .header__img-wrapper .img-ct {
    left: -378px
}

.product-page2#product-metric-tracking-software #product-wizard-ui-steps {
    background: rgba(134, 81, 87, .08)
}

.product-page2#product-metric-tracking-software #product-wizard-ui-steps .slick-active .step__number .number {
    background-color: #9e005d
}

.product-page2#product-metric-tracking-software #product-wizard-ui-steps .step-wrapper .description {
    color: #9e005d
}

.product-page2#product-metric-tracking-software #product-wizard-ui-steps .slick-dots li {
    width: 20%
}

.product-page2#product-metric-tracking-software #product-wizard-ui-steps .slick-dots .slick-active .step__number,
.product-page2#product-metric-tracking-software #product-wizard-ui-steps .slick-dots .slick-active .step__title {
    color: #9e005d
}

.product-page2 #product-metric-tracking-software-10 {
    padding: 110px 0
}

.product-page2 #product-metric-tracking-software-10 h3 {
    font-size: 36px;
    font-weight: 500;
    text-align: center
}

.product-page2 #product-metric-tracking-software-10 p {
    font-size: 18px;
    color: #8e929b;
    margin-top: 10px;
    margin-bottom: 70px;
    text-align: center
}

.product-page2 #product-metric-tracking-software-10 .row {
    display: flex;
    margin-bottom: 30px
}

.product-page2 #product-metric-tracking-software-10 .metric-label {
    font-size: 20px;
    line-height: 24px;
    color: #8e929b;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.product-page2 #product-metric-tracking-software-10 .mobile {
    display: none
}

.product-page2 #product-metric-tracking-software-10 .desktop {
    display: block
}

.product-page2 #product-metric-tracking-software-10 .vcenter {
    position: relative
}

.product-page2 #product-metric-tracking-software-10 .vcenter.text-right .metric-label {
    right: 15px
}

.product-page2 #product-metric-tracking-software-11 .icon-wrapper {
    text-align: left;
    font-size: 60px
}

.product-page2 #product-metric-tracking-software-11 .icon-data-import {
    color: #48555f
}

.product-page2 #product-metric-tracking-software-11 .icon-like-bubble {
    color: #2bb673
}

.product-page2 #product-metric-tracking-software-11 .icon-custom-integration {
    color: #605ca8
}

.product-page2 #product-metric-tracking-software-11 .layout-triple p {
    margin-top: 5px
}

.product-page2#product-mobile .header {
    background-image: url(../img/product/mobile/bg.jpg)
}

.product-page2#product-mobile #product-wizard-ui-steps {
    background: rgba(101, 61, 34, .08)
}

.product-page2#product-mobile #product-wizard-ui-steps .slick-active .step__number .number {
    background-color: #25a767
}

.product-page2#product-mobile #product-wizard-ui-steps .step-wrapper .description {
    color: #25a767
}

.product-page2#product-mobile #product-wizard-ui-steps .slick-dots li {
    width: 20%
}

.product-page2#product-mobile #product-wizard-ui-steps .slick-dots .slick-active .step__number,
.product-page2#product-mobile #product-wizard-ui-steps .slick-dots .slick-active .step__title {
    color: #25a767
}

.product-page2#product-mobile .features {
    padding-bottom: 16px;
    font-size: 15px
}

.product-page2#product-mobile .features p {
    padding-left: 65px;
    margin: 10px 0 47px;
    min-height: 40px;
    font-size: inherit
}

.product-page2#product-mobile .features p strong {
    display: block
}

.product-page2#product-mobile .features .icon {
    float: left;
    opacity: .5;
    font-size: 36px;
    line-height: 1;
    margin-left: -65px;
    margin-top: -5px;
    -webkit-font-smoothing: antialiased
}

.product-page2#product-mobile .switcher {
    margin-top: 64px
}

.product-page2#product-mobile .switcher p {
    font-size: 17px;
    line-height: 26px
}

.product-page2#product-mobile .feature-video-switcher .videos {
    position: relative
}

.product-page2#product-mobile .feature-video-switcher .videos .outline {
    display: block;
    width: 100%
}

.product-page2#product-mobile .feature-video-switcher .videos .inner {
    position: absolute
}

.product-page2#product-mobile .feature-video-switcher .videos .inner .placeholder,
.product-page2#product-mobile .feature-video-switcher .videos .inner video {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.product-page2#product-mobile .feature-video-switcher .videos .inner video {
    z-index: 1;
    display: none
}

.product-page2#product-mobile .feature-video-switcher .videos .inner video:first-of-type {
    display: block
}

.product-page2#product-mobile .feature-video-switcher .features {
    position: relative
}

.product-page2#product-mobile .feature-video-switcher .features>p {
    cursor: pointer
}

.product-page2#product-mobile .feature-video-switcher .video-arrow {
    position: absolute;
    border-bottom: 1px solid #2bb673;
    z-index: 2;
    transition: top .4s;
    -o-transition: top .4s;
    -ms-transition: top .4s;
    -moz-transition: top .4s;
    -webkit-transition: top .4s
}

.product-page2#product-mobile .feature-video-switcher .video-arrow:after {
    content: "";
    position: absolute;
    right: 0;
    top: -2px;
    width: 5px;
    height: 5px;
    background-color: #2bb673;
    border-radius: 100%
}

.product-page2 #product-mobile-9 {
    padding: 110px 0 100px;
    overflow: visible
}

.product-page2 #product-mobile-9 h2 {
    font-size: 30px;
    font-weight: 400;
    margin: 85px 0 20px
}

.product-page2 #product-mobile-9 .left p {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 32px
}

.product-page2 #product-mobile-9 .videos {
    position: absolute;
    width: 310px;
    top: 0;
    left: 60px
}

.product-page2 #product-mobile-9 .videos .inner {
    top: 11px;
    left: 32px;
    width: 243px;
    height: 522px;
    z-index: -1
}

.product-page2 #product-mobile-9 .features {
    padding: 75px 0 0 20px
}

.product-page2 #product-mobile-9 .features p {
    padding-left: 47px
}

.product-page2 #product-mobile-9 .features .icon {
    font-size: 35px;
    margin-left: -45px;
    margin-top: 0
}

.product-page2 #product-mobile-9 .video-arrow {
    top: 75px;
    width: 100px;
    left: -100px;
    margin-top: 30px
}

.product-page2 #product-mobile-10 {
    padding: 110px 0;
    border-bottom: 1px solid #f5f5ee
}

.product-page2 #product-mobile-10 .videos {
    width: 230px;
    margin: 20px auto 0
}

.product-page2 #product-mobile-10 .videos .inner {
    top: -56px;
    left: 21px;
    width: 296px;
    height: 610px;
    z-index: -1;
    transform: matrix3d(1.026402, .175, 0, .000652, 0, .982759, 0, 0, 0, 0, 1, 0, 22, 16, 0, 1);
    -o-transform: matrix3d(1.026402, .175, 0, .000652, 0, .982759, 0, 0, 0, 0, 1, 0, 22, 16, 0, 1);
    -ms-transform: matrix3d(1.026402, .175, 0, .000652, 0, .982759, 0, 0, 0, 0, 1, 0, 22, 16, 0, 1);
    -moz-transform: matrix3d(1.026402, .175, 0, .000652, 0, .982759, 0, 0, 0, 0, 1, 0, 22, 16, 0, 1);
    -webkit-transform: matrix3d(1.026402, .175, 0, .000652, 0, .982759, 0, 0, 0, 0, 1, 0, 22, 16, 0, 1);
    -o-transform-origin: -195px 86px;
    -ms-transform-origin: -195px 86px;
    -moz-transform-origin: -195px 86px;
    -webkit-transform-origin: -195px 86px;
    transform-origin: -195px 86px
}

.product-page2 #product-mobile-10 h2 {
    font-size: 50px;
    line-height: 56px;
    font-weight: 100;
    margin-bottom: 50px
}

.product-page2 #product-mobile-10 p {
    font-size: 18px;
    line-height: 28px;
    color: #8e929b;
    margin-bottom: 40px
}

.product-page2 #product-mobile-10 p:last-child {
    margin-bottom: 0
}

.product-page2 #product-dashboard-examples .example img {
    max-height: 278px
}

.product-page2 #product-mobile-11 {
    background-image: linear-gradient(to bottom right, #98c359, #74ad52);
    background-image: -o-linear-gradient(to bottom right, #98c359, #74ad52);
    background-image: -ms-linear-gradient(to bottom right, #98c359, #74ad52);
    background-image: -moz-linear-gradient(to bottom right, #98c359, #74ad52);
    background-image: -webkit-linear-gradient(to bottom right, #98c359, #74ad52);
    color: #fff
}

.product-page2 #product-mobile-11 .btn {
    text-align: center
}

.product-page2#slack .header {
    background-image: url(../img/slack/bg.jpg)
}

.product-page2#slack a.btn-slack {
    display: inline-block;
    width: 140px;
    height: 40px;
    background-image: url("../img/slack/slack-button.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    text-indent: -999px;
    overflow: hidden
}

.product-page2 #slack-3 {
    border-bottom: 1px solid #f5f5ee
}

.product-page2 #slack-3 .layout-triple p {
    position: relative;
    padding: 0 15px
}

.product-page2 #slack-3 .layout-triple p .icon {
    position: absolute;
    color: #ffac36;
    font-size: 20px;
    left: -12px;
    top: -2px
}

.product-page2#product-looped-databoards .header {
    background-image: url(../img/product/looped-databoards/bg.jpg)
}

.product-page2 #product-looped-databoards-6 {
    padding: 110px 0;
    margin-bottom: 110px;
    background: rgba(102, 197, 218, .1)
}

.product-page2 #product-looped-databoards-6 h1 {
    font-size: 36px;
    font-weight: 500;
    color: #2d3237;
    text-align: center;
    margin-bottom: 80px
}

.product-page2 #product-looped-databoards-6 .example {
    margin: 0 auto;
    width: 100%;
    height: auto;
    padding: 15px;
    max-width: 950px
}

@media only screen and (max-width:1199px) {
    .product-page2 .header .text-ct {
        width: 55%
    }

    .product-page2 #product-overview-2 .layout-emphasized-blocks,
    .product-page2 #product-overview-3 .layout-emphasized-blocks,
    .product-page2 #product-overview-4 .layout-emphasized-blocks {
        padding-left: 126px;
        padding-right: 126px
    }

    .product-page2#product-goals .header .img-ct {
        height: 500px
    }

    .product-page2 #product-mobile-9 .videos {
        left: 15px
    }

    .product-page2 #product-mobile-9 .features {
        padding-top: 40px
    }

    .product-page2 #product-mobile-9 .video-arrow {
        top: 40px
    }
}

@media only screen and (max-width:991px) {
    .product-page2 .content {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .product-page2 #product-review .wrap {
        padding-right: 0
    }

    .product-page2 #product-review .item {
        padding-left: 100px
    }

    .product-page2 #product-review .services {
        position: static;
        width: auto;
        padding-top: 50px;
        margin: 0
    }

    .product-page2 #product-review .services a {
        display: inline-block
    }

    .product-page2 #product-overview-2 .layout-emphasized-blocks,
    .product-page2 #product-overview-3 .layout-emphasized-blocks,
    .product-page2 #product-overview-4 .layout-emphasized-blocks {
        padding-left: 10px;
        padding-right: 10px
    }

    .product-page2 #product-databoards-3 .container {
        padding-top: 0
    }

    .product-page2 #product-databoards-4,
    .product-page2 #product-databoards-5 {
        padding-top: 0
    }

    .product-page2 #product-databoards-8 .col,
    .product-page2 #product-databoards-9 .col,
    .product-page2 #product-metric-tracking-software-11 .col,
    .product-page2 #slack-3 .col {
        margin-bottom: 50px
    }

    .product-page2 #product-databoards-8 .col:last-child,
    .product-page2 #product-databoards-9 .col:last-child,
    .product-page2 #product-metric-tracking-software-11 .col:last-child,
    .product-page2 #slack-3 .col:last-child {
        margin-bottom: 0
    }

    .product-page2#product-goals .header .img-ct {
        right: calc(50vw - 60px)
    }

    .product-page2 #product-alerts-insights-2 .col,
    .product-page2 #product-alerts-insights-3 .col,
    .product-page2 #product-alerts-insights-4 .col,
    .product-page2 #product-insights-2 .col {
        min-height: 0
    }

    .product-page2#product-insights .header .img-ct {
        right: calc(55vw + 10px)
    }

    .product-page2 #product-alerts-insights-2 h3,
    .product-page2 #product-alerts-insights-3 h3 {
        margin-bottom: 0
    }

    .product-page2 #product-alerts-insights-3 .read-more,
    .product-page2 #product-alerts-insights-4 .read-more {
        padding: 20px 0
    }

    .product-page2 #product-mobile-9 {
        padding-top: 0
    }

    .product-page2 #product-mobile-9 .left {
        text-align: center;
        padding-bottom: 60px
    }

    .product-page2 #product-mobile-10 .left {
        height: auto;
        padding-top: 50px;
        padding-bottom: 30px
    }

    .product-page2 #product-mobile-10 .video-arrow {
        width: 98px;
        left: -110px
    }

    .product-page2 #product-goals-8 .left {
        margin-bottom: 20px;
        padding-right: 15px
    }

    .product-page2 #product-goals-8 .left .img-responsive {
        float: none
    }

    .product-page2 #product-goals-8 .right {
        padding-left: 15px
    }

    .product-page2 #product-goals-8 .img-responsive {
        margin: 0 auto
    }
}

@media only screen and (max-width:767px) {
    .product-page2 .header {
        min-height: 0
    }

    .product-page2 .header h1 {
        font-size: 34px
    }

    .product-page2 .header .img-ct {
        max-height: 90%;
        overflow: hidden
    }

    .product-page2 .header .text-ct {
        min-height: 0
    }

    .product-page2 h3.numbered:before {
        display: inline-block;
        position: relative;
        top: -3px;
        left: 0
    }

    .product-page2 p.numbered:before {
        left: -9px
    }

    .product-page2#product-client-performance .header .img-ct,
    .product-page2#product-overview .header .img-ct {
        position: static
    }

    .product-page2#product-client-performance .header .img-ct img,
    .product-page2#product-overview .header .img-ct img {
        width: auto;
        max-width: 100%;
        margin: 0 auto
    }

    .product-page2#product-client-performance .header .text-ct,
    .product-page2#product-overview .header .text-ct {
        width: auto;
        float: none;
        min-height: 0;
        text-align: center
    }

    .product-page2#product-client-performance .signupBox,
    .product-page2#product-overview .signupBox {
        margin-left: auto;
        margin-right: auto
    }

    .product-page2#product-client-performance .header .img-ct {
        padding-bottom: 30px
    }

    .product-page2#product-overview .header-wrap {
        padding: 0
    }

    .product-page2#product-overview .header .img-ct {
        height: 300px
    }

    .product-page2 #product-overview-1 {
        top: 0;
        padding: 60px 0;
        margin-bottom: 0
    }

    .product-page2 #product-overview-1 h3 {
        font-size: 30px;
        line-height: 40px;
        margin-top: 45px
    }

    .product-page2#product-scorecards .header .img-ct img {
        height: 480px;
        width: auto
    }

    .product-page2 #product-metric-tracking-software-10 .row {
        display: table
    }

    .product-page2 #product-metric-tracking-software-10 .text-xs-left {
        text-align: left
    }

    .product-page2 #product-metric-tracking-software-10 .mobile {
        display: block
    }

    .product-page2 #product-metric-tracking-software-10 .desktop {
        display: none
    }

    .product-page2 #product-metric-tracking-software-10 .metric-label {
        position: relative;
        top: 0;
        right: 0 !important;
        transform: none
    }

    .product-page2 #product-mobile-9 {
        padding-bottom: 40px
    }

    .product-page2 #product-mobile-9 .videos {
        position: relative;
        margin: 0 auto;
        left: auto
    }

    .product-page2 #product-mobile-9 .features .video-arrow {
        display: none
    }

    .product-page2 #product-mobile-10 h2 {
        font-size: 33px;
        line-height: 36px;
        font-weight: 300;
        text-align: left
    }

    .product-page2 #product-mobile-10 .videos {
        margin-top: 40px
    }
}

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

    .product-page2 #product-overview-2 .layout-emphasized-blocks .block,
    .product-page2 #product-overview-3 .layout-emphasized-blocks .block,
    .product-page2 #product-overview-4 .layout-emphasized-blocks .block {
        width: 100%
    }

    .product-page2 #product-overview-2 .layout-emphasized-blocks .box,
    .product-page2 #product-overview-3 .layout-emphasized-blocks .box,
    .product-page2 #product-overview-4 .layout-emphasized-blocks .box {
        width: auto;
        min-height: 0;
        padding: 0 20px 30px
    }
}

@media only screen and (max-width:666px) {
    .product-page2 .header .img-ct {
        position: static
    }

    .product-page2 .header .img-ct img {
        width: 230px;
        height: auto;
        margin: 0 auto
    }

    .product-page2 .header .text-ct {
        display: block;
        width: auto;
        float: none;
        text-align: center
    }

    .product-page2 .header .text-ct h1 {
        margin-top: 0
    }

    .product-page2 .signupBox {
        margin-left: auto;
        margin-right: auto
    }

    .product-page2 #product-cta {
        padding-bottom: 0 !important
    }

    .product-page2 #product-cta .container {
        background: rgba(46, 193, 214, .15)
    }

    .product-page2 #product-review .item {
        padding-left: 0
    }

    .product-page2 #product-review .item img {
        position: static;
        display: block;
        margin: 0 auto 15px
    }

    .product-page2#product-overview #product-cta {
        padding-bottom: 0
    }

    .product-page2#product-scorecards .header .img-ct {
        height: 300px
    }

    .product-page2#product-goals .header .img-ct {
        height: auto
    }

    .product-page2#product-alerts .header .img-ct,
    .product-page2#product-alerts-insights .header .img-ct,
    .product-page2#product-any-data .header .img-ct,
    .product-page2#product-devices .header .img-ct,
    .product-page2#product-goals .header .img-ct {
        margin-bottom: 30px
    }

    .product-page2 #product-mobile-10 {
        padding-top: 60px
    }

    .product-page2 #product-mobile-10 h2 {
        text-align: center
    }

    .product-page2 #product-mobile-10 .left {
        display: none
    }

    .product-page2 #product-mobile-10 .right {
        width: 100%
    }

    .product-page2 #product-mobile-10 .right .features p {
        opacity: 1 !important
    }

    .product-page2 #product-mobile-10 .right .video-arrow {
        display: none
    }
}

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

    .product-page2 #product-databoards-8 h3,
    .product-page2 #product-databoards-9 h3,
    .product-page2 #product-metric-tracking-software-11 h3,
    .product-page2 #slack-3 h3 {
        font-size: 30px;
        line-height: 36px
    }

    .product-page2 .container.narrow {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media only screen and (max-width:400px) {
    .product-page2 .signupBox input {
        padding-right: 15px
    }

    .product-page2 .signupBox .btn {
        position: static;
        margin-top: 15px
    }
}

.dbx-page.product-page .dbx-container h1,
.dbx-page.product-page .dbx-container h2,
.dbx-page.product-page .dbx-container h3,
.dbx-page.product-page .dbx-container h4,
.dbx-page.product-page .dbx-container h5 {
    font-weight: 700
}

.dbx-page.product-page .dbx-container>h1,
.dbx-page.product-page .dbx-container>h2,
.dbx-page.product-page .dbx-container>h3,
.dbx-page.product-page .dbx-container>h4,
.dbx-page.product-page .dbx-container>h5 {
    max-width: 1000px
}

.dbx-page.product-page .dbx-container>h2 {
    font-size: 2.5rem;
    line-height: 2.875rem;
    font-weight: 800
}

.dbx-page.product-page .dbx-container>h3 {
    font-size: 2rem;
    line-height: 2.5rem;
    font-weight: 800
}

.dbx-page.product-page .dbx-container>h4 {
    font-size: 1.5rem;
    line-height: 1.875rem;
    font-weight: 800
}

.dbx-page.product-page .dbx-container>h5 {
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 800
}

@media only screen and (min-width:1024px) {
    .dbx-page.product-page .dbx-container>h2 {
        font-size: 3.375rem;
        line-height: 3.75rem
    }

    .dbx-page.product-page .dbx-container>h3 {
        font-size: 3rem;
        line-height: 3.5rem
    }

    .dbx-page.product-page .dbx-container>h4 {
        font-size: 2rem;
        line-height: 2.5rem
    }

    .dbx-page.product-page .dbx-container>h5 {
        font-size: 1.5rem;
        line-height: 2.25rem
    }

    .dbx-page.product-page .dbx-container>h6 {
        font-size: 1rem;
        line-height: 1.5rem
    }
}

.dbx-page.product-page>section:not(:first-child)>.dbx-container {
    align-items: center
}

.dbx-page.product-page>section:not(:first-child)>.dbx-container>h1,
.dbx-page.product-page>section:not(:first-child)>.dbx-container>h2,
.dbx-page.product-page>section:not(:first-child)>.dbx-container>h3,
.dbx-page.product-page>section:not(:first-child)>.dbx-container>p {
    text-align: center
}

@media only screen and (min-width:768px) {

    .dbx-page.product-page>section>.dbx-container>h1,
    .dbx-page.product-page>section>.dbx-container>h2,
    .dbx-page.product-page>section>.dbx-container>h3,
    .dbx-page.product-page>section>.dbx-container>p {
        text-align: center
    }
}

.dbx-page.product-page .features h2,
.dbx-page.product-page .other-features h2 {
    margin-bottom: 64px
}

.dbx-page.product-page .dbx-product-hero-banner__highlight {
    margin-bottom: 0 !important
}

.dbx-page.product-page .dbx-card--boxed {
    max-width: 520px
}

.dbx-page.product-page .dbx-customer-success {
    max-width: 520px
}

.dbx-page.product-page .dbx-anchor-list-card {
    max-width: 520px
}

.dbx-page.product-page .dbx-templates-preview-section {
    margin-block: 64px;
    padding-block: 120px;
    background-color: rgba(78, 144, 204, .05)
}

.dbx-page.product-page .dbx-templates-preview-section .dbx-template-cards-section {
    align-self: stretch
}

.dbx-page.product-page .dbx-templates-preview-section .dbx-template-cards-section__title {
    margin-bottom: 16px
}

.dbx-page.product-page .dbx-templates-preview-section .dbx-template-cards-section__text {
    margin-bottom: 64px
}

.dbx-page.product-page .dbx-templates-preview-section .dbx-template-card__title {
    margin-bottom: 16px;
    font-weight: 600
}

.dbx-page.product-page .feature-highlight,
.dbx-page.product-page .hero-banner {
    margin-bottom: 116px
}

.dbx-page.product-page .features__list {
    margin-left: 16px
}

.dbx-page.product-page .feature-highlight {
    margin-inline: 8px
}

.dbx-page.product-page .dbx-faq.dbx-container {
    max-width: 784px
}

.dbx-page.product-page#goals .hero-banner .dbx-product-hero-banner__background-container {
    top: -300px
}

.dbx-page.product-page#performance-management .hero-banner .dbx-product-hero-banner__background-container {
    top: -275px
}

@media screen and (min-width:768px) {
    .dbx-page.product-page .feature-highlight {
        margin-inline: 32px
    }

    .dbx-page.product-page#performance-management .hero-banner .dbx-product-hero-banner__background-container {
        top: -450px
    }
}

@media screen and (min-width:380px) {
    .dbx-page.product-page#performance-management .hero-banner .dbx-product-hero-banner__background-container {
        top: -290px
    }
}

@media screen and (min-width:400px) {
    .dbx-page.product-page#performance-management .hero-banner .dbx-product-hero-banner__background-container {
        top: -325px
    }
}

@media screen and (min-width:425px) {
    .dbx-page.product-page#performance-management .hero-banner .dbx-product-hero-banner__background-container {
        top: -330px
    }
}

@media screen and (min-width:480px) {
    .dbx-page.product-page#performance-management .hero-banner .dbx-product-hero-banner__background-container {
        top: -350px
    }
}

@media screen and (min-width:600px) {
    .dbx-page.product-page#performance-management .hero-banner .dbx-product-hero-banner__background-container {
        top: -400px
    }
}

@media screen and (min-width:470px) and (max-width:1024px) {
    .dbx-page.product-page#metrics-and-kpis .hero-banner .dbx-product-hero-banner__background-container {
        top: -350px
    }
}

.dbx-page.product-page#metrics-and-kpis .hero-banner {
    position: relative
}

.dbx-page.product-page#metrics-and-kpis .hero-banner .dbx-product-hero-banner__btn-container {
    margin-bottom: 0
}

.dbx-page.product-page#metrics-and-kpis .hero-banner .dbx-product-hero-banner__highlight {
    overflow-x: hidden;
    display: grid;
    place-content: center
}

.dbx-page.product-page#metrics-and-kpis .hero-banner .dbx-product-hero-banner__highlight.dbx-container {
    max-width: unset
}

.dbx-page.product-page#metrics-and-kpis .hero-banner .dbx-product-hero-banner__highlight img {
    width: 800px
}

@media screen and (min-width:1024px) {
    .dbx-page.product-page#metrics-and-kpis .hero-banner .dbx-product-hero-banner__highlight img {
        width: 1670px
    }
}

.dbx-page.product-page#metrics-and-kpis .features h3 {
    margin-bottom: 64px
}

.dbx-page.product-page#metrics-and-kpis .other-features {
    margin-bottom: 164px
}

.dbx-page.product-page#metrics-and-kpis .other-features h3 {
    margin-bottom: 64px
}

.dbx-page.product-page#metrics-and-kpis .tool-features .dbx-card {
    max-height: 350px;
    min-width: 0
}

@media only screen and (min-width:500px) {
    .dbx-page.product-page#metrics-and-kpis .tool-features .dbx-card {
        max-height: 400px
    }
}

@media only screen and (min-width:768px) {
    .dbx-page.product-page#metrics-and-kpis .tool-features .dbx-card {
        max-height: 450px
    }
}

@media only screen and (min-width:1024px) {
    .dbx-page.product-page#metrics-and-kpis .tool-features .dbx-card {
        max-height: 370px
    }
}

@media only screen and (min-width:1440px) {
    .dbx-page.product-page#metrics-and-kpis .tool-features .dbx-card {
        max-height: 320px
    }
}

.dbx-page.product-page#dashboards .case-study-quote {
    margin: 0;
    padding-block: 100px;
    background-color: rgba(78, 144, 204, .05)
}

.dbx-page.product-page#dashboards .feature-highlight {
    position: relative;
    padding-bottom: 32px;
    margin-block: 64px
}

.dbx-page.product-page#dashboards .other-features__title {
    margin-bottom: 64px
}

.dbx-page.product-page#dashboards .explore__title {
    margin-bottom: 32px
}

.dbx-page.product-page#dashboards .explore__list {
    place-items: stretch
}

@media screen and (min-width:450px) {
    .dbx-page.product-page#dashboards .explore__list>div:nth-of-type(3) .dbx-anchor-list-card__list {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media screen and (min-width:768px) {
    .dbx-page.product-page#dashboards .explore__list {
        display: flex;
        justify-content: center;
        align-self: stretch
    }

    .dbx-page.product-page#dashboards .explore__list>div:first-of-type {
        flex: 30%
    }

    .dbx-page.product-page#dashboards .explore__list>div:nth-of-type(2) {
        flex: 30%
    }

    .dbx-page.product-page#dashboards .explore__list>div:nth-of-type(3) {
        flex: 40%
    }

    .dbx-page.product-page#dashboards .explore__list>div:nth-of-type(3) .dbx-anchor-list-card__list {
        grid-template-columns: 1fr
    }
}

@media screen and (min-width:1200px) {
    .dbx-page.product-page#dashboards .explore__list>div:nth-of-type(3) {
        flex: 40%
    }

    .dbx-page.product-page#dashboards .explore__list>div:nth-of-type(3) .dbx-anchor-list-card__list {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media screen and (min-width:1440px) {
    .dbx-page.product-page#dashboards .explore .dbx-container {
        max-width: 1224px
    }
}

.dbx-page.product-page#dashboards .tool-features .dbx-card {
    max-height: 370px;
    min-width: 0
}

@media only screen and (min-width:768px) {
    .dbx-page.product-page#dashboards .tool-features .dbx-card {
        max-height: 450px
    }
}

@media only screen and (min-width:1024px) {
    .dbx-page.product-page#dashboards .tool-features .dbx-card {
        max-height: 370px
    }
}

@media only screen and (min-width:1440px) {
    .dbx-page.product-page#dashboards .tool-features .dbx-card {
        max-height: 450px
    }
}

.dbx-page.product-page#forecasts .hero-banner .dbx-product-hero-banner__btn-container {
    margin-bottom: 32px
}

.dbx-page.product-page#forecasts .hero-banner .dbx-product-hero-banner__highlight {
    max-width: 1112px;
    margin-bottom: 24px !important
}

.dbx-page.product-page#forecasts .hero-banner .dbx-btn:first-of-type {
    background: rgba(255, 255, 255, .25)
}

.dbx-page.product-page#forecasts .hero-banner .dbx-btn:first-of-type:hover {
    background: rgba(255, 255, 255, .35)
}

.dbx-page.product-page#forecasts .tool-features .dbx-card {
    max-height: 370px;
    min-width: 0
}

@media only screen and (min-width:768px) {
    .dbx-page.product-page#forecasts .tool-features .dbx-card {
        max-height: 450px
    }
}

@media only screen and (min-width:1024px) {
    .dbx-page.product-page#forecasts .tool-features .dbx-card {
        max-height: 370px
    }
}

@media only screen and (min-width:1440px) {
    .dbx-page.product-page#forecasts .tool-features .dbx-card {
        max-height: 450px
    }
}

.dbx-page.product-page#goals .hero-banner .dbx-product-hero-banner__highlight.dbx-container {
    max-width: 1060px !important
}

.dbx-page.product-page#goals .hero-banner .dbx-product-hero-banner__highlight picture {
    position: relative
}

@media screen and (min-width:1200px) {
    .dbx-page.product-page#goals .hero-banner .dbx-product-hero-banner__highlight picture::after {
        position: absolute;
        z-index: -1;
        content: "";
        background-image: url("../img/product-pages-2024/goals/hero-banner/hero-banner-icons.png");
        inset: -120px;
        background-size: 100%;
        background-repeat: no-repeat
    }

    @supports (background-image:url("../img/product-pages-2024/goals/hero-banner/hero-banner-icons.webp")) {
        .dbx-page.product-page#goals .hero-banner .dbx-product-hero-banner__highlight picture::after {
            background-image: url("../img/product-pages-2024/goals/hero-banner/hero-banner-icons.webp")
        }
    }
}

.dbx-page.product-page#goals .tool-features .dbx-card {
    max-height: 340px;
    min-width: 0
}

@media only screen and (min-width:768px) {
    .dbx-page.product-page#goals .tool-features .dbx-card {
        max-height: 420px
    }
}

@media only screen and (min-width:1024px) {
    .dbx-page.product-page#goals .tool-features .dbx-card {
        max-height: 300px
    }
}

@media only screen and (min-width:1440px) {
    .dbx-page.product-page#goals .tool-features .dbx-card {
        max-height: 370px
    }
}

.dbx-page.product-page#performance-management .hero-banner .dbx-btn:first-of-type {
    background: rgba(255, 255, 255, .2)
}

.dbx-page.product-page#performance-management .hero-banner .dbx-btn:first-of-type:hover {
    background: rgba(255, 255, 255, .3)
}

@media screen and (min-width:500px) {
    .dbx-page.product-page#performance-management .hero-banner .dbx-product-hero-banner {
        margin-bottom: 72px
    }
}

.dbx-page.product-page#performance-management .tool-features .dbx-card {
    max-height: 340px;
    min-width: 0
}

@media only screen and (min-width:768px) {
    .dbx-page.product-page#performance-management .tool-features .dbx-card {
        max-height: 420px
    }
}

@media only screen and (min-width:1024px) {
    .dbx-page.product-page#performance-management .tool-features .dbx-card {
        max-height: 300px
    }
}

@media only screen and (min-width:1440px) {
    .dbx-page.product-page#performance-management .tool-features .dbx-card {
        max-height: 370px
    }
}

.dbx-page.product-page#performance-management .dbx-customer-success h2 {
    margin-bottom: 64px !important
}

.dbx-page.product-page#reports .hero-banner .dbx-product-hero-banner__btn-container {
    margin-bottom: 24px
}

.dbx-page.product-page#reports .tool-features .dbx-card {
    max-height: 370px;
    min-width: 0
}

@media only screen and (min-width:768px) {
    .dbx-page.product-page#reports .tool-features .dbx-card {
        max-height: 450px
    }
}

@media only screen and (min-width:1024px) {
    .dbx-page.product-page#reports .tool-features .dbx-card {
        max-height: 370px
    }
}

@media only screen and (min-width:1440px) {
    .dbx-page.product-page#reports .tool-features .dbx-card {
        max-height: 430px
    }
}

.dbx-page.product-page#reports .explore__title {
    margin-bottom: 32px
}

.dbx-page.product-page#reports .explore__list {
    place-items: stretch
}

@media screen and (min-width:450px) {
    .dbx-page.product-page#reports .explore__list>div:nth-of-type(3) .dbx-anchor-list-card__list {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media screen and (min-width:768px) {
    .dbx-page.product-page#reports .explore__list {
        display: flex;
        justify-content: center;
        align-self: stretch
    }

    .dbx-page.product-page#reports .explore__list>div:first-of-type {
        flex: 30%
    }

    .dbx-page.product-page#reports .explore__list>div:nth-of-type(2) {
        flex: 30%
    }

    .dbx-page.product-page#reports .explore__list>div:nth-of-type(3) {
        flex: 40%
    }

    .dbx-page.product-page#reports .explore__list>div:nth-of-type(3) .dbx-anchor-list-card__list {
        grid-template-columns: 1fr
    }
}

@media screen and (min-width:1200px) {
    .dbx-page.product-page#reports .explore__list>div:nth-of-type(3) {
        flex: 40%
    }

    .dbx-page.product-page#reports .explore__list>div:nth-of-type(3) .dbx-anchor-list-card__list {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media screen and (min-width:1440px) {
    .dbx-page.product-page#reports .explore .dbx-container {
        max-width: 1224px
    }
}

.dbx-page.product-page#benchmarks .hero-banner .dbx-product-hero-banner__highlight.dbx-container {
    margin-bottom: 24px !important;
    max-width: 1024px !important
}

@media screen and (min-width:1200px) {
    .dbx-page.product-page#benchmarks .hero-banner .dbx-product-hero-banner__highlight picture {
        position: relative
    }

    .dbx-page.product-page#benchmarks .hero-banner .dbx-product-hero-banner__highlight picture::after {
        position: absolute;
        content: "";
        z-index: -1;
        background-image: url("../img/product-pages-2024/benchmarks/hero-banner/hero-banner-icons.png");
        inset: -120px;
        background-size: 100%;
        background-repeat: no-repeat
    }

    @supports (background-image:url("../img/product-pages-2024/benchmarks/hero-banner/hero-banner-icons.webp")) {
        .dbx-page.product-page#benchmarks .hero-banner .dbx-product-hero-banner__highlight picture::after {
            background-image: url("../img/product-pages-2024/benchmarks/hero-banner/hero-banner-icons.webp")
        }
    }
}

.dbx-page.product-page#benchmarks .explore__title {
    margin-bottom: 32px
}

.dbx-page.product-page#benchmarks .explore__list {
    place-items: stretch
}

.dbx-page.product-page#benchmarks .explore__list>div:nth-of-type(3) .dbx-anchor-list-card__list {
    grid-template-columns: repeat(2, 1fr)
}

@media screen and (min-width:1440px) {
    .dbx-page.product-page#benchmarks .explore .dbx-container {
        max-width: 1224px
    }
}

.dbx-page.product-page#benchmarks .tool-features .dbx-card {
    max-height: 370px;
    min-width: 0
}

@media only screen and (min-width:768px) {
    .dbx-page.product-page#benchmarks .tool-features .dbx-card {
        max-height: 450px
    }
}

@media only screen and (min-width:1024px) {
    .dbx-page.product-page#benchmarks .tool-features .dbx-card {
        max-height: 370px
    }
}

@media only screen and (min-width:1440px) {
    .dbx-page.product-page#benchmarks .tool-features .dbx-card {
        max-height: 450px
    }
}

#product-faq {
    padding: 70px 0 100px
}

#product-faq h2 {
    font-size: 36px;
    font-weight: 500;
    color: #2d3237;
    text-align: center;
    margin-bottom: 80px
}

#product-faq a {
    text-decoration: underline
}

#product-faq .collapsible-group .collapsible:last-child {
    margin-bottom: 0
}

#product-faq .collapsible {
    margin-bottom: 7px
}

#product-faq .collapsible__header {
    color: #252525;
    font-size: 18px;
    font-weight: 400
}

#product-faq .collapsible__header>.icon {
    color: #1d9ad6
}

#product-faq .collapsible__content {
    padding-top: 10px;
    font-size: 16px
}

#product-faq .collapsible__content p {
    margin-bottom: 0
}

#product-dashboard-examples {
    padding-top: 110px
}

#product-dashboard-examples h1 {
    font-size: 36px;
    font-weight: 500;
    color: #2d3237;
    text-align: center;
    margin-bottom: 40px
}

#product-dashboard-examples h3 {
    font-size: 16px;
    color: #2d3237;
    margin-bottom: 20px
}

#product-dashboard-examples .description {
    font-size: 18px;
    color: #8e929b;
    margin-top: 30px;
    margin-bottom: 60px
}

#product-dashboard-examples p {
    font-size: 16px;
    color: #2d3237
}

#product-dashboard-examples a:not(.btn) {
    text-decoration: underline
}

#product-dashboard-examples .example {
    margin-bottom: 50px
}

#product-dashboard-examples .actions {
    margin-top: 50px;
    text-align: center;
    padding: 0 15px
}

@media only screen and (max-width:480px) {
    #product-dashboard-examples .actions .btn {
        width: 100%;
        white-space: normal
    }
}

#product-wizard-ui-steps {
    padding: 110px 0;
    background: rgba(37, 167, 103, .08)
}

#product-wizard-ui-steps h2 {
    font-size: 36px;
    font-weight: 500;
    color: #2d3237;
    text-align: center
}

#product-wizard-ui-steps p {
    font-size: 18px;
    line-height: 28px;
    color: #8e929b;
    margin-top: 40px
}

#product-wizard-ui-steps p a {
    text-decoration: underline
}

#product-wizard-ui-steps .images {
    margin: 0 auto;
    height: 440px;
    max-width: 780px;
    width: 100%;
    -moz-box-shadow: 6px 8px 90px 10px rgba(142, 146, 155, .25);
    -webkit-box-shadow: 6px 8px 90px 10px rgba(142, 146, 155, .25);
    box-shadow: 6px 8px 90px 10px rgba(142, 146, 155, .25)
}

#product-wizard-ui-steps .images--no-shadow {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

#product-wizard-ui-steps .step-wrapper .description {
    display: none;
    text-align: center;
    font-weight: 400;
    margin-top: 20px;
    color: #25a767
}

#product-wizard-ui-steps .slick-slide {
    outline: 0
}

#product-wizard-ui-steps .slick-dots {
    position: relative;
    bottom: unset;
    margin-top: 60px;
    margin-bottom: 50px
}

#product-wizard-ui-steps .slick-dots li {
    vertical-align: top;
    margin: 0;
    padding: 0;
    width: 20%
}

#product-wizard-ui-steps .slick-dots li .step {
    color: #8e929b
}

#product-wizard-ui-steps .slick-dots li .step__number {
    position: relative;
    font-size: 25px
}

#product-wizard-ui-steps .slick-dots li .step__title {
    margin-top: 15px;
    padding-right: 10px;
    padding-left: 10px
}

#product-wizard-ui-steps .slick-dots li:not(:last-child) .step__number::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(12px);
    width: calc(100% - 25px);
    height: 1px;
    background: #8e929b
}

#product-wizard-ui-steps .slick-dots .slick-active .step__number {
    color: #25a767
}

#product-wizard-ui-steps .slick-dots .slick-active .step__title {
    color: #25a767;
    font-weight: 500
}

#product-wizard-ui-steps .slick-dots .step__number .number {
    width: 25px;
    height: 25px;
    background-color: #8e929b;
    border-radius: 100%;
    line-height: 25px;
    font-size: 16px;
    color: #fff;
    font-weight: 500;
    display: block;
    margin: auto
}

#product-wizard-ui-steps .slick-dots .slick-active .step__number .number {
    background-color: #25a767
}

@media only screen and (max-width:767px) {
    #product-wizard-ui-steps .images {
        height: auto;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    #product-wizard-ui-steps .step-wrapper .description {
        display: block
    }

    #product-wizard-ui-steps .step-wrapper img {
        padding: 0 15px
    }

    #product-wizard-ui-steps .slick-dots {
        margin-bottom: 20px
    }

    #product-wizard-ui-steps .slick-dots .step__title {
        display: none
    }
}

@keyframes fade-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

#report-templates {
    letter-spacing: 0
}

#report-templates .header {
    padding: 267px 0 120px;
    position: relative;
    background: #fff url(../img/dashboard-software/bg_dashboard.png) no-repeat top center;
    background-size: 100% 120px;
    text-align: left
}

#report-templates .header .breadcrumbs {
    padding: 0;
    margin: 0 0 80px
}

#report-templates .header .breadcrumbs .item {
    font-size: 11px;
    line-height: 13px
}

#report-templates .header .breadcrumbs .item a {
    color: #8e929b
}

#report-templates .header .breadcrumbs .item:first-child {
    padding-left: 0
}

#report-templates .header .breadcrumbs .slash:last-child {
    display: none
}

#report-templates .header .container {
    position: relative;
    z-index: 2
}

#report-templates .header img.img-responsive {
    display: block;
    margin: auto;
    width: auto
}

#report-templates .header h1 {
    font-weight: 800;
    font-size: 56px;
    line-height: 65px;
    margin: 0 auto 24px;
    display: block;
    color: #1c1d1f;
    letter-spacing: .5%
}

#report-templates .header p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    margin: 0 0 40px;
    color: #8e929b
}

#report-templates .header p strong {
    font-weight: 700;
    text-decoration: underline;
    text-decoration-skip-ink: none;
    text-decoration-color: #48b9e5;
    -webkit-text-decoration-color: #48b9e5
}

#report-templates .header .btn {
    text-transform: none;
    font-size: 18px;
    font-weight: 500
}

#report-templates .header .mobile-buttons {
    display: none
}

#report-templates .header .hero-note {
    padding-top: 24px
}

#report-templates .header .hero-note p {
    margin: 0;
    font-size: 14px;
    line-height: 22px
}

#report-templates .header .hero-note p a {
    font-weight: 600;
    text-decoration: underline
}

@media screen and (max-width:836px) {
    #report-templates .header {
        padding: 120px 0 60px;
        background-size: 100% 72px
    }
}

#report-templates .report-templates-categories {
    background: rgba(29, 154, 214, .1);
    padding: 120px 0
}

#report-templates .report-templates-categories .report-template-categories-content {
    margin-bottom: 67px;
    text-align: center
}

#report-templates .report-templates-categories .report-template-categories-content h2,
#report-templates .report-templates-categories .report-template-categories-content h3 {
    margin: 0 auto 17px;
    text-align: center;
    max-width: 792px;
    font-size: 36px;
    line-height: 44px;
    font-weight: 700;
    letter-spacing: .5px
}

#report-templates .report-templates-categories .report-template-categories-content p {
    color: #8e929b;
    font-size: 18px;
    line-height: 24px;
    max-width: 600px;
    margin: 0 auto 0;
    font-weight: 400
}

#report-templates .report-templates-categories .row {
    display: none
}

#report-templates .report-templates-categories .row.row-box-0,
#report-templates .report-templates-categories .row.row-box-1 {
    display: block !important
}

#report-templates .report-templates-categories .template-col {
    padding-bottom: 80px;
    position: relative;
    cursor: pointer
}

#report-templates .report-templates-categories .template-col::before {
    content: "";
    z-index: 2;
    position: absolute;
    width: 85%;
    top: -12px;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    min-height: 25%;
    background: #fff;
    opacity: .7;
    box-shadow: 0 0 15px rgba(0, 0, 0, .1);
    border-radius: 4px
}

#report-templates .report-templates-categories .template-col::after {
    content: "";
    z-index: 1;
    position: absolute;
    width: 80%;
    top: -24px;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    min-height: 25%;
    background: #fff;
    opacity: .5;
    box-shadow: 0 0 15px rgba(0, 0, 0, .1);
    border-radius: 4px
}

#report-templates .report-templates-categories .template-col .template-image {
    border: 7px solid #fff;
    border-radius: 10px;
    position: relative;
    z-index: 3;
    margin-bottom: 17px;
    box-shadow: 0 0 15px rgba(0, 0, 0, .1)
}

#report-templates .report-templates-categories .template-col .template-image img {
    max-width: 100%;
    border-radius: 4px;
    width: 100%
}

#report-templates .report-templates-categories .template-col .template-title h2,
#report-templates .report-templates-categories .template-col .template-title h3,
#report-templates .report-templates-categories .template-col .template-title h4 {
    color: #1766c0;
    font-weight: 500;
    font-size: 19px;
    line-height: 32px;
    margin: 0 0 8px
}

#report-templates .report-templates-categories .template-col .template-title p {
    color: #8e929b;
    font-size: 18px;
    line-height: 24px;
    margin: 0;
    font-weight: 400
}

#report-templates .report-templates-categories .template-col .template-title .avatar {
    width: 25px;
    height: 25px;
    margin-top: 8px
}

#report-templates .report-templates-categories .template-col .template-title .avatar img {
    border-radius: 100%;
    width: 100%
}

#report-templates .report-templates-categories .template-col.template-col-landing {
    cursor: default
}

#report-templates .report-templates-categories .template-col.template-col-landing .template-title {
    padding-top: 10px
}

#report-templates .report-templates-categories .template-col.template-col-landing .template-title h2,
#report-templates .report-templates-categories .template-col.template-col-landing .template-title h3,
#report-templates .report-templates-categories .template-col.template-col-landing .template-title h4 {
    font-size: 28px;
    line-height: 40px;
    color: #1c1d1f;
    margin: 0 0 16px
}

#report-templates .report-templates-categories .template-col.template-col-landing .template-title p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    margin: 0 0 16px
}

#report-templates .report-templates-categories .template-col.template-col-landing .template-title a {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    text-decoration: underline;
    color: #1d9ad6
}

#report-templates .report-templates-categories .template-col.template-col-landing .template-title a:hover {
    text-decoration: none
}

#report-templates .report-templates-categories .load-more-holder {
    text-align: center
}

#report-templates .report-templates-categories .load-more-holder .load-more {
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    border: none;
    background: 0 0;
    color: #1998d5
}

#report-templates .report-templates-categories .load-more-holder .load-more .icon {
    margin-left: 4px;
    display: inline-block;
    transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    font-size: 12px
}

#report-templates .report-templates-categories .load-more-holder .load-more.active .icon {
    transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg)
}

#report-templates .report-templates-categories.report-templates-categories-landing {
    padding-bottom: 40px
}

@media screen and (max-width:768px) {
    #report-templates .report-templates-categories {
        padding: 60px 0 60px
    }
}

#report-templates .templates-popup-holder {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background: rgba(28, 29, 31, .8);
    display: none
}

#report-templates .templates-popup-holder .templates-popup {
    background: #fff;
    border-radius: 6px;
    padding: 40px 10px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    width: 90%;
    max-width: 90%;
    margin: auto;
    display: block;
    max-width: 1200px;
    max-height: 90vh;
    overflow: auto
}

#report-templates .templates-popup-holder .templates-popup .container {
    width: 100%
}

#report-templates .templates-popup-holder .templates-popup .container .popup-col-right {
    text-align: left
}

#report-templates .templates-popup-holder .templates-popup .container .popup-col-right .btn {
    margin: 0 !important
}

#report-templates .templates-popup-holder .templates-popup .icon-close {
    position: absolute;
    top: 25px;
    right: 25px;
    font-size: 18px;
    cursor: pointer;
    z-index: 99
}

#report-templates .templates-popup-holder .templates-popup .row {
    display: block
}

#report-templates .templates-popup-holder .templates-popup .row .popup-col-left img {
    max-width: 100%;
    display: block;
    border-radius: 6px;
    width: 100%
}

#report-templates .templates-popup-holder .templates-popup .steps {
    margin-top: 13px;
    overflow: hidden;
    width: 100%
}

#report-templates .templates-popup-holder .templates-popup .steps .slick-dots {
    display: flex;
    justify-content: flex-start;
    position: relative;
    bottom: 0
}

#report-templates .templates-popup-holder .templates-popup .steps .slick-dots li {
    padding: 0;
    margin: 0;
    flex-shrink: 0;
    width: 29%
}

#report-templates .templates-popup-holder .templates-popup .steps .slick-dots li.slick-active .thumbImg {
    border: 3px solid #d05858
}

#report-templates .templates-popup-holder .templates-popup .steps button {
    border-radius: 0;
    width: calc(100% - 16px);
    height: 98px;
    margin-right: 16px;
    background: 0 0
}

#report-templates .templates-popup-holder .templates-popup .steps .thumbImg {
    width: 100%;
    height: 98px;
    background-size: cover !important;
    border-radius: 6px;
    display: block;
    border: 3px solid #fff
}

#report-templates .templates-popup-holder .templates-popup .popup-col-right .avatarInner {
    width: 30px;
    height: 30px;
    margin-bottom: 12px;
    margin-top: 100px
}

#report-templates .templates-popup-holder .templates-popup .popup-col-right .avatarInner img {
    max-width: 100%;
    border-radius: 100%
}

#report-templates .templates-popup-holder .templates-popup .popup-col-right h3 {
    font-weight: 500;
    font-size: 28px;
    line-height: 40px;
    color: #393a3e;
    margin: 0 0 8px;
    max-width: 388px
}

#report-templates .templates-popup-holder .templates-popup .popup-col-right p {
    color: #8e929b;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    margin: 0 0 40px
}

#report-templates .templates-popup-holder .templates-popup .popup-col-right .btn {
    text-transform: none
}

@media screen and (max-width:991px) {
    #report-templates .templates-popup-holder .templates-popup {
        padding-top: 55px
    }

    #report-templates .templates-popup-holder .templates-popup .icon-close {
        top: 15px
    }
}

#report-templates #categories {
    padding: 120px 0 0;
    text-align: center
}

#report-templates #categories .row {
    margin: 0
}

#report-templates #categories h2 {
    font-weight: 500;
    font-size: 40px;
    line-height: 48px;
    margin: 0 auto 24px;
    color: #2d3237
}

#report-templates #categories h2 strong {
    font-weight: 700;
    text-decoration: underline;
    text-decoration-skip-ink: none;
    text-decoration-color: #1998d5;
    -webkit-text-decoration-color: #1998d5
}

#report-templates #categories p {
    font-size: 18px;
    line-height: 24px;
    color: #8e929b;
    margin: 0 auto 10px
}

#report-templates #categories .btn {
    margin-top: 86px
}

#report-templates #categories .template-item {
    cursor: pointer
}

#report-templates #categories .template-item__window .image::after,
#report-templates #categories .template-item__window .image::before {
    display: none
}

#report-templates #main-value-proposition {
    padding: 120px 0;
    text-align: center
}

#report-templates #main-value-proposition .row {
    margin: 0
}

#report-templates #main-value-proposition h2,
#report-templates #main-value-proposition h3 {
    color: #000;
    font-size: 40px;
    line-height: 48px;
    margin: 0 auto 24px;
    max-width: 790px;
    display: block;
    font-weight: 500
}

#report-templates #main-value-proposition h2 strong,
#report-templates #main-value-proposition h3 strong {
    font-weight: 700;
    text-decoration: underline;
    text-decoration-skip-ink: none;
    text-decoration-color: #1998d5;
    -webkit-text-decoration-color: #1998d5
}

#report-templates #main-value-proposition p {
    font-weight: 400;
    max-width: 860px;
    display: block;
    font-size: 18px;
    line-height: 24px;
    color: #8e929b;
    margin: 0 auto 56px
}

#report-templates #main-value-proposition .main-value-ctas {
    margin-bottom: 64px
}

#report-templates #main-value-proposition .main-value-ctas .btn {
    text-transform: none;
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px;
    min-width: 170px
}

#report-templates #main-value-proposition .video-box {
    max-width: 946px;
    margin: auto;
    float: none
}

#report-templates #main-value-proposition .video-box .videoholder {
    background: url(../img/dashboard-software/wizard_step.png) left top no-repeat;
    background-size: cover;
    padding: 32px 2px 2px;
    border-radius: 5px 5px 0 0
}

#report-templates #main-value-proposition .video-box video {
    max-width: 100%;
    display: block
}

#report-templates #main-value-proposition .main-value-repeater {
    float: none;
    clear: both;
    padding-top: 75px;
    max-width: 946px;
    margin: auto
}

#report-templates #main-value-proposition .main-value-repeater .col {
    text-align: left
}

#report-templates #main-value-proposition .main-value-repeater .col .image-box {
    margin: 0 0 28px;
    min-height: 40px
}

#report-templates #main-value-proposition .main-value-repeater .col h3 {
    color: #000;
    font-size: 24px;
    line-height: 28px;
    margin: 0 0 16px;
    letter-spacing: 0
}

#report-templates #main-value-proposition .main-value-repeater .col p {
    font-size: 18px;
    line-height: 27px;
    color: #8e929b;
    margin: 0;
    letter-spacing: 0
}

#report-templates #main-value-proposition .main-value-repeater .col p strong {
    font-weight: 700
}

#report-templates .product-datas-multiple {
    background: #f2f4f6;
    border: none;
    padding: 0
}

#report-templates .product-datas-multiple .container {
    border-top: 1px solid #e8e9eb;
    padding: 100px 80px
}

#report-templates .product-datas-multiple .container h3 {
    font-weight: 500;
    font-size: 40px;
    line-height: 48px;
    margin: 0 0 15px;
    letter-spacing: .5px
}

#report-templates .product-datas-multiple .container p {
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: #8e929b;
    margin: 0
}

@media screen and (max-width:480px) {
    #report-templates .product-datas-multiple .container {
        padding: 100px 15px
    }
}

#report-templates .product-datas-multiple#product-any-data-1 .container {
    border-top: none
}

#report-templates #dashboard-gray {
    background: 0 0
}

#report-templates #dashboard-gray #datasource-templates {
    padding: 120px 0 116px
}

#report-templates #dashboard-gray #datasource-templates h2,
#report-templates #dashboard-gray #datasource-templates h3 {
    font-size: 40px;
    line-height: 48px;
    font-weight: 500;
    color: #2d3237;
    letter-spacing: .5px;
    margin: 0 0 64px
}

#report-templates #dashboard-gray #datasource-templates .layout-emphasized-blocks {
    padding: 0
}

#report-templates #dashboard-gray #datasource-templates .layout-emphasized-blocks .block img {
    border-radius: 0
}

#report-templates #product-faq {
    padding: 0
}

#report-templates #product-faq .container {
    padding-top: 120px;
    padding-bottom: 120px;
    border-top: 1px solid #e8e9eb
}

#report-templates #product-faq .container .collapsible__header>.icon {
    font-size: 13px
}

#report-templates #product-faq .container .collapsible__header p {
    font-size: 18px;
    line-height: 32px;
    margin: 0;
    color: #252525
}

#report-templates #product-faq .container .collapsible__content p {
    font-size: 18px;
    line-height: 32px;
    font-weight: 400;
    color: #252525
}

#report-templates #product-faq h2 {
    font-size: 40px;
    line-height: 48px;
    margin: 0 0 70px;
    font-weight: 500;
    letter-spacing: .5px;
    color: #2d3237
}

#report-templates .product-datas-single {
    border: none;
    padding-top: 120px;
    padding-bottom: 120px
}

#report-templates .product-datas-single .container.narrow {
    padding-left: 25px;
    padding-right: 25px
}

#report-templates .product-datas-single h2,
#report-templates .product-datas-single h3 {
    font-size: 28px;
    line-height: 40px;
    font-weight: 500;
    margin: 0 0 17px;
    max-width: 445px
}

#report-templates .product-datas-single ul {
    list-style: none;
    padding: 0
}

#report-templates .product-datas-single ul li {
    font-size: 18px;
    line-height: 21px;
    color: #8e929b;
    letter-spacing: .5px;
    font-weight: 400;
    margin: 15px 0 0;
    padding-left: 28px;
    position: relative
}

#report-templates .product-datas-single ul li strong {
    font-weight: 700
}

#report-templates .product-datas-single ul li:before {
    content: "\e002";
    display: inline-block;
    font-family: Icons;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none;
    top: 6px;
    vertical-align: middle;
    font-size: 12px;
    position: absolute;
    left: 0;
    color: #2ab674
}

#report-templates .product-datas-single p {
    font-size: 18px;
    line-height: 21px;
    color: #8e929b;
    letter-spacing: .5px;
    font-weight: 400;
    margin: 0 0 48px
}

#report-templates .product-datas-single p strong {
    font-weight: 700
}

#report-templates .product-datas-single .btn {
    text-transform: none;
    font-weight: 500;
    background-color: #2bb673;
    color: #fff;
    max-width: fit-content;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 48px;
    font-size: 16px;
    letter-spacing: .8px
}

#report-templates .product-datas-single .btn:hover {
    background-color: #20925a
}

@media screen and (max-width:768px) {
    #report-templates .product-datas-single {
        padding: 60px 0 60px
    }
}

#report-templates #ready-to-start {
    text-align: center;
    padding-bottom: 0;
    padding-top: 0
}

#report-templates #ready-to-start .container {
    padding: 68px 0 68px
}

#report-templates #ready-to-start .container h2 {
    margin: 0 auto 40px;
    max-width: 800px;
    font-size: 36px;
    line-height: 44px;
    font-weight: 500;
    color: #2d3237
}

#report-templates #ready-to-start .container p {
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
    color: #8e929b;
    margin: 0 auto 40px;
    max-width: 820px
}

#report-templates #ready-to-start .container .btn.btn-green {
    text-transform: none;
    font-weight: 500;
    background-color: #2bb673;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 48px;
    font-size: 16px;
    letter-spacing: .8px
}

#report-templates #ready-to-start .container .btn.btn-green:hover {
    background-color: #20925a
}

@media screen and (max-width:992px) {
    #report-templates #ready-to-start .container {
        background-size: 100% 100% !important;
        padding-left: 30px;
        padding-right: 30px
    }
}

@media screen and (max-width:768px) {
    #report-templates #ready-to-start .container {
        background-size: 100% 100% !important;
        margin: 0 15px;
        padding-left: 30px;
        padding-right: 30px
    }
}

@keyframes fade-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

#reporting-software-cluster {
    letter-spacing: 0
}

#reporting-software-cluster .btn {
    line-height: 1.4444
}

#reporting-software-cluster .btn.btn-green {
    background: #2bb673
}

#reporting-software-cluster .btn.btn-green:hover {
    background: #20925a
}

#reporting-software-cluster .header {
    background: url("../img/dashboard-software/bg_dashboard.png") no-repeat top center;
    background-size: 100% 120px;
    color: #000;
    text-align: left;
    padding: 213px 0 75px
}

#reporting-software-cluster .header .col-lg-12.breadcrumbs {
    padding-left: 0;
    margin-bottom: 15px
}

#reporting-software-cluster .header .col-lg-12.breadcrumbs .item:first-child {
    padding-left: 0
}

#reporting-software-cluster .header .col-lg-12.breadcrumbs .slash {
    padding: 0
}

#reporting-software-cluster .header .col-lg-12.breadcrumbs .slash:last-child {
    display: none
}

#reporting-software-cluster .header h1 {
    color: #000;
    font-weight: 700;
    font-size: 55px;
    line-height: 70px;
    max-width: 520px;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 26px
}

#reporting-software-cluster .header p {
    font-size: 18px;
    line-height: 28px;
    color: #8e929b;
    max-width: 535px;
    margin-top: 25px;
    font-weight: 400
}

#reporting-software-cluster .header .btn {
    font-size: 18px;
    text-transform: none;
    margin-top: 35px;
    line-height: 1.3333333
}

#reporting-software-cluster .header .hero-note {
    margin-top: 35px;
    margin-bottom: 35px
}

#reporting-software-cluster .header .hero-note p {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400
}

#reporting-software-cluster .header .hero-note a {
    text-decoration: underline
}

#reporting-software-cluster .header .hero-note.button-inline-text {
    margin: 65px 0 0
}

#reporting-software-cluster .header .hero-note.button-inline-text a {
    text-decoration: none;
    display: inline-block;
    vertical-align: middle
}

#reporting-software-cluster .header .hero-note.button-inline-text a.btn {
    margin: 0
}

#reporting-software-cluster .header .hero-note.button-inline-text p {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 24px;
    font-size: 16px;
    line-height: 19px;
    color: #2d3237;
    font-weight: 400
}

#reporting-software-cluster .header .hero-note.button-inline-text p a {
    color: #4284c2;
    text-decoration: underline
}

#reporting-software-cluster .header .image {
    position: relative;
    background: url(../img/dashboard-software/wizard_step.png) no-repeat left top;
    background-size: cover;
    padding: 19px 1px 1px;
    box-shadow: 1px 2px 12.75px 2.25px rgba(166, 176, 186, .5)
}

#reporting-software-cluster .header .image a:after {
    content: "Live preview";
    font-family: inherit;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100px;
    height: 100px;
    transform: translate(-50%, -50%);
    border-radius: 100%;
    background: rgba(23, 102, 192, .85);
    color: #fff;
    font-size: 15px;
    line-height: 100px;
    text-align: center;
    opacity: 1;
    z-index: 3
}

#reporting-software-cluster .header .image img {
    width: 100%
}

#reporting-software-cluster .header .badges {
    padding-top: 74px;
    text-align: center
}

#reporting-software-cluster .header .badges .badge-images {
    min-height: 75px;
    display: block
}

#reporting-software-cluster .header .badges .badge-images img {
    display: block;
    clear: both;
    margin: auto
}

#reporting-software-cluster .header .badges .badge-images img.stars {
    margin-top: 10px
}

#reporting-software-cluster .header .badges .badge-text {
    font-size: 12px;
    line-height: 15px;
    color: #8e929b
}

#reporting-software-cluster .header .badges .badge-text p {
    font-size: 12px;
    line-height: 15px;
    margin: 0;
    color: #292929
}

#reporting-software-cluster .header .badges .badge-text a {
    text-decoration: underline
}

#reporting-software-cluster .header .testimonial {
    background: #f4f5f7;
    border-radius: 8px;
    padding: 23px;
    margin: 10px 4% 0
}

#reporting-software-cluster .header .testimonial .testimonial-image {
    display: inline-block;
    vertical-align: top;
    width: 66px;
    margin-right: 19px
}

#reporting-software-cluster .header .testimonial .testimonial-image img {
    max-width: 100%;
    border-radius: 100%
}

#reporting-software-cluster .header .testimonial .testimonial-text {
    display: inline-block;
    vertical-align: top;
    width: 80%
}

#reporting-software-cluster .header .testimonial .testimonial-text p {
    margin: 0 0 5px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400
}

#reporting-software-cluster .header .mobile-buttons {
    display: none
}

#reporting-software-cluster .header .bottom-note p {
    font-size: 13px;
    line-height: 18px;
    font-weight: 400;
    color: #8e929b;
    letter-spacing: 2px;
    padding: 20px 45px 0;
    text-align: center;
    text-transform: uppercase;
    margin: 0
}

#reporting-software-cluster .header .bottom-note p strong {
    color: #2d3237
}

#reporting-software-cluster #product-wizard-ui-steps {
    background: 0 0;
    padding: 112px 0
}

#reporting-software-cluster #product-wizard-ui-steps .step__number .number {
    width: 32px;
    height: 32px;
    line-height: 32px;
    font-size: 21px
}

#reporting-software-cluster #product-wizard-ui-steps h2 {
    margin: 0
}

#reporting-software-cluster #product-wizard-ui-steps .slick-dots {
    display: flex;
    justify-content: center;
    margin-top: 40px
}

#reporting-software-cluster #product-wizard-ui-steps .slick-dots li .step__title {
    font-weight: 400
}

#reporting-software-cluster #product-wizard-ui-steps .images {
    max-width: 770px;
    height: auto
}

#reporting-software-cluster #product-wizard-ui-steps .images img,
#reporting-software-cluster #product-wizard-ui-steps .images video {
    width: 100%;
    height: 100%
}

#reporting-software-cluster #product-wizard-ui-steps .images .slick-slide>div {
    display: flex
}

#reporting-software-cluster #product-wizard-ui-steps .step-wrapper .description {
    display: none
}

#reporting-software-cluster #product-wizard-ui-steps .step-wrapper.videobox {
    background: url(../img/dashboard-software/wizard_step.png) left top no-repeat;
    background-size: cover;
    padding: 25px 1px 1px
}

#reporting-software-cluster #product-wizard-ui-steps .descriptions-steps p {
    text-align: center;
    max-width: 929px;
    margin: 40px auto 0;
    display: block;
    font-weight: 400
}

#reporting-software-cluster .social-proof {
    border-bottom: 1px solid #e8e9eb;
    padding-bottom: 95px
}

#reporting-software-cluster .social-proof h3 {
    font-size: 16px;
    line-height: 27px;
    color: #8e929b;
    text-align: center;
    margin: 15px 0 40px;
    font-weight: 400
}

#reporting-software-cluster .social-proof .proof-images {
    text-align: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

#reporting-software-cluster .social-proof .proof-images .proof-image {
    max-width: 200px
}

#reporting-software-cluster .social-proof .proof-images .proof-image img {
    max-width: 100%
}

#reporting-software-cluster .container.narrow {
    padding-left: 90px;
    padding-right: 90px
}

#reporting-software-cluster .layout-dbl.content h2,
#reporting-software-cluster .layout-dbl.content h3 {
    margin: 0 0 24px;
    color: #000;
    font-weight: 500;
    font-size: 36px;
    line-height: 44px
}

#reporting-software-cluster .layout-dbl.content h2 strong,
#reporting-software-cluster .layout-dbl.content h3 strong {
    position: relative
}

#reporting-software-cluster .layout-dbl.content p {
    margin: 0 0 16px;
    font-weight: 400;
    color: #8e929b
}

#reporting-software-cluster h2 strong,
#reporting-software-cluster h3 strong {
    text-decoration: underline;
    text-decoration-skip-ink: none
}

#reporting-software-cluster #product-any-data-1 h2 strong,
#reporting-software-cluster #product-any-data-1 h3 strong {
    text-decoration-color: #49c2a0;
    -webkit-text-decoration-color: #49c2a0
}

#reporting-software-cluster #product-any-data-2 h2 strong,
#reporting-software-cluster #product-any-data-2 h3 strong {
    text-decoration-color: #F4857A;
    -webkit-text-decoration-color: #F4857A
}

#reporting-software-cluster #product-any-data-3 h2 strong,
#reporting-software-cluster #product-any-data-3 h3 strong {
    text-decoration-color: #48b9e5;
    -webkit-text-decoration-color: #48b9e5
}

#reporting-software-cluster #product-any-data-4 h2 strong,
#reporting-software-cluster #product-any-data-4 h3 strong {
    text-decoration-color: #F57C4E;
    -webkit-text-decoration-color: #F57C4E
}

#reporting-software-cluster #product-any-data-5 h2 strong,
#reporting-software-cluster #product-any-data-5 h3 strong {
    text-decoration-color: #1785c7;
    -webkit-text-decoration-color: #1785c7
}

#reporting-software-cluster #product-any-data-6 h2 strong,
#reporting-software-cluster #product-any-data-6 h3 strong {
    text-decoration-color: #02b875;
    -webkit-text-decoration-color: #02b875
}

#reporting-software-cluster #what-else h2 {
    font-size: 36px;
    line-height: 46px;
    text-align: center;
    margin-bottom: 24px;
    margin-top: 30px;
    font-weight: 500
}

#reporting-software-cluster #what-else .container>p {
    font-size: 18px;
    line-height: 28px;
    color: #8e929b;
    text-align: center;
    font-weight: 400;
    max-width: 650px;
    width: 100%;
    margin: 0 auto 100px
}

#reporting-software-cluster #what-else .image-box {
    min-height: 160px;
    display: flex;
    align-items: end
}

#reporting-software-cluster #what-else .row {
    margin-bottom: 45px
}

#reporting-software-cluster #what-else h3 {
    margin-bottom: 16px;
    margin-top: 32px;
    color: #000
}

#reporting-software-cluster #what-else h3 a {
    color: #000
}

#reporting-software-cluster #what-else h3 a:hover {
    color: #1d9ad6;
    text-decoration: none
}

#reporting-software-cluster #what-else p {
    font-weight: 400;
    color: #8e929b;
    font-size: 18px;
    line-height: 28px
}

#reporting-software-cluster .content.border {
    padding: 112px 0;
    border-top: 1px solid rgba(142, 146, 155, .2)
}

#reporting-software-cluster .content.border:first-child {
    border-top: none
}

#reporting-software-cluster #product-faq {
    background: #f2f4f6;
    padding: 112px 0
}

#reporting-software-cluster #product-faq .container {
    padding: 0 80px
}

#reporting-software-cluster #product-faq h2 {
    margin: 0 0 42px;
    font-weight: 500
}

#reporting-software-cluster #product-faq .collapsible__header .title {
    color: #000
}

#reporting-software-cluster #product-faq .collapsible__header .title h3 {
    font-size: 18px;
    line-height: 27px;
    margin: 0;
    font-weight: 400
}

#reporting-software-cluster #product-faq p {
    font-size: 18px;
    line-height: 27px;
    color: #8e929b;
    font-weight: 400
}

#reporting-software-cluster #product-faq .container .collapsible {
    margin-bottom: 10px
}

#reporting-software-cluster #datasource-templates {
    background: #f2f4f6;
    padding-top: 120px;
    padding-bottom: 120px
}

#reporting-software-cluster #datasource-templates h3 {
    margin: 0;
    font-size: 36px;
    line-height: 42px;
    color: #000;
    font-weight: 500
}

#reporting-software-cluster #datasource-templates p {
    font-size: 24px;
    line-height: 42px;
    margin: 0 0 40px;
    font-weight: 400;
    color: #000
}

#reporting-software-cluster #datasource-templates .layout-emphasized-blocks {
    padding: 0
}

#reporting-software-cluster #datasource-templates .layout-emphasized-blocks .block {
    vertical-align: top
}

#reporting-software-cluster #datasource-templates .layout-emphasized-blocks .block .box {
    width: 255px;
    border: 1px solid #d3dee2;
    display: flex;
    flex-direction: column;
    justify-content: center
}

#reporting-software-cluster #datasource-templates .layout-emphasized-blocks .block .box .img-ct {
    position: relative;
    top: 0
}

#reporting-software-cluster #datasource-templates .layout-emphasized-blocks .block .box .img-ct img {
    border-radius: 0
}

#reporting-software-cluster #datasource-templates .layout-emphasized-blocks .block .box span {
    font-weight: 500;
    padding: 25px 20px 0
}

#reporting-software-cluster #product-any-data-build {
    background: #f2faf8;
    padding: 112px 0 100px
}

#reporting-software-cluster #product-any-data-build .container {
    padding-left: 0;
    padding-right: 0
}

#reporting-software-cluster #product-any-data-build .container .right .box {
    padding-left: 90px;
    max-width: 540px
}

#reporting-software-cluster #product-any-data-build .container .right .box h2 {
    font-size: 36px;
    line-height: 48px;
    margin: 0 0 40px;
    font-weight: 500
}

#reporting-software-cluster #product-any-data-build .container .left img {
    display: block;
    width: 100%;
    border-radius: 4px 4px 0 0;
    margin: auto
}

#reporting-software-cluster #product-any-data-build .container .left .description {
    margin-bottom: 40px;
    background: #fff;
    box-shadow: 0 4px 24px 0 rgba(0, 0, 0, .25);
    padding: 32px 24px 42px;
    border-radius: 0 0 8px 8px
}

#reporting-software-cluster #product-any-data-build .container .left .description p {
    color: #47494e;
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    margin: 0
}

#reporting-software-cluster #product-any-data-build .container .left .description p:last-of-type {
    color: #8e929b;
    margin-top: 16px
}

#reporting-software-cluster #data-sources {
    background: #f2f4f6;
    padding: 112px 0 45px
}

#reporting-software-cluster #data-sources h2,
#reporting-software-cluster #data-sources h3 {
    font-size: 36px;
    line-height: 46px;
    margin: 0 auto 24px;
    color: #000;
    max-width: 520px;
    text-align: center
}

#reporting-software-cluster #data-sources p {
    margin: 0 auto 64px;
    max-width: 650px;
    display: block;
    text-align: center;
    font-size: 18px;
    line-height: 27px;
    color: #8e929b;
    font-weight: 400
}

#reporting-software-cluster #data-sources .data-source-holder {
    text-align: center;
    width: 90%;
    margin: auto
}

#reporting-software-cluster #data-sources .data-source-holder .col {
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
    width: 100%;
    max-width: 190px;
    margin: 0 0 77px
}

#reporting-software-cluster #data-sources .data-source-holder .col .image-box {
    margin-bottom: 12px
}

#reporting-software-cluster #data-sources .data-source-holder .col .image-box img {
    border-radius: 100%
}

#reporting-software-cluster #data-sources .data-source-holder .col p {
    color: #8e929b;
    margin: 0;
    font-weight: 600
}

#reporting-software-cluster #data-sources .data-source-holder .col a {
    color: #8e929b;
    font-weight: 600
}

#reporting-software-cluster #data-sources .data-source-holder .col a:hover {
    color: #1998d5;
    text-decoration: none
}

#reporting-software-cluster #product-any-data-build-full {
    padding: 98px 0 98px
}

#reporting-software-cluster #product-any-data-build-full .container.narrow {
    padding: 0
}

#reporting-software-cluster #product-any-data-build-full .container.narrow h2,
#reporting-software-cluster #product-any-data-build-full .container.narrow h3 {
    font-size: 36px;
    line-height: 44px;
    color: #000;
    margin: 0 0 16px;
    font-weight: 500
}

#reporting-software-cluster #product-any-data-build-full .container.narrow h2 strong,
#reporting-software-cluster #product-any-data-build-full .container.narrow h3 strong {
    position: relative
}

#reporting-software-cluster #product-any-data-build-full .container.narrow h2 strong:after,
#reporting-software-cluster #product-any-data-build-full .container.narrow h3 strong:after {
    content: "";
    position: absolute;
    bottom: 3px;
    left: 0;
    width: 100%;
    border-bottom: 3px solid #6976c9
}

#reporting-software-cluster #product-any-data-build-full .container.narrow p {
    font-weight: 400;
    color: #8e929b;
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 24px;
    display: block;
    max-width: 410px
}

#reporting-software-cluster #product-any-data-build-full .container.narrow img {
    max-width: 100%;
    float: none
}

#reporting-software-cluster #testimonials {
    text-align: center;
    padding: 60px 0 112px
}

#reporting-software-cluster #testimonials h2 {
    font-size: 36px;
    line-height: 46px;
    color: #000;
    margin: 0 0 24px;
    font-weight: 500
}

#reporting-software-cluster #testimonials p {
    color: #8e929b;
    font-size: 18px;
    line-height: 27px;
    margin: 0 auto 39px;
    font-weight: 400;
    max-width: 665px;
    display: block
}

#reporting-software-cluster #testimonials .testimonial-rating-box {
    display: block;
    max-width: 290px;
    margin: auto;
    white-space: nowrap
}

#reporting-software-cluster #testimonials .testimonial-rating-box img.refference {
    display: inline-block;
    vertical-align: middle;
    max-height: 38px;
    margin: 0 8px;
    width: auto
}

#reporting-software-cluster #testimonials .testimonial-rating-box span {
    margin: 24px 0 20px;
    display: block
}

#reporting-software-cluster #testimonials .testimonials-holder {
    padding-top: 37px
}

#reporting-software-cluster #testimonials .testimonials-holder .testimonial-image {
    margin-bottom: 20px
}

#reporting-software-cluster #testimonials .testimonials-holder .testimonial-image img {
    border-radius: 100%
}

#reporting-software-cluster #testimonials .testimonials-holder .testimonial-text p {
    margin: 0;
    font-size: 21px;
    font-weight: 400;
    color: #8e929b;
    line-height: 30px
}

#reporting-software-cluster #testimonials .testimonials-holder .testimonial-position {
    padding-top: 24px;
    color: #8e929b;
    font-size: 18px;
    line-height: 30px;
    font-weight: 400
}

#reporting-software-cluster #testimonials .testimonials-holder .testimonial-position .name {
    color: #000
}

#reporting-software-cluster #testimonials .testimonials-holder .testimonial-position a {
    text-decoration: underline;
    color: #1998d5
}

#reporting-software-cluster #main-value-proposition {
    padding: 112px 0;
    text-align: center
}

#reporting-software-cluster #main-value-proposition h2 {
    color: #000;
    font-size: 36px;
    line-height: 42px;
    margin: 0 auto 24px;
    max-width: 588px;
    display: block;
    font-weight: 500
}

#reporting-software-cluster #main-value-proposition p {
    font-weight: 400;
    max-width: 752px;
    display: block;
    font-size: 18px;
    line-height: 27px;
    color: #8e929b;
    margin: 0 auto 56px
}

#reporting-software-cluster #main-value-proposition .main-value-ctas {
    margin-bottom: 64px;
    padding-top: 30px
}

#reporting-software-cluster #main-value-proposition .main-value-ctas .btn {
    text-transform: none;
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px;
    min-width: 170px
}

@media screen and (max-width:640px) {
    #reporting-software-cluster #main-value-proposition .main-value-ctas .btn {
        margin-bottom: 20px;
        min-width: 260px
    }
}

#reporting-software-cluster #main-value-proposition .video-box {
    max-width: 946px;
    margin: auto;
    float: none
}

#reporting-software-cluster #main-value-proposition .video-box .videoholder {
    background: url(../img/dashboard-software/wizard_step.png) left top no-repeat;
    background-size: cover;
    padding: 32px 2px 2px;
    border-radius: 5px 5px 0 0
}

#reporting-software-cluster #main-value-proposition .video-box video {
    max-width: 100%;
    display: block
}

#reporting-software-cluster #main-value-proposition .main-value-repeater {
    float: none;
    clear: both;
    padding-top: 75px;
    max-width: 946px;
    margin: auto
}

#reporting-software-cluster #main-value-proposition .main-value-repeater .col {
    text-align: left
}

#reporting-software-cluster #main-value-proposition .main-value-repeater .col .image-box {
    margin: 0 0 30px
}

#reporting-software-cluster #main-value-proposition .main-value-repeater .col h3 {
    color: #000;
    font-size: 24px;
    line-height: 28px;
    margin: 0 0 16px
}

#reporting-software-cluster #main-value-proposition .main-value-repeater .col p {
    font-size: 18px;
    line-height: 27px;
    color: #8e929b;
    margin: 0
}

#reporting-software-cluster #main-value-proposition .main-value-repeater .col p strong {
    font-weight: 700
}

@media screen and (max-width:1199px) {
    #reporting-software-cluster .header .testimonial .testimonial-text {
        width: 75%
    }

    #reporting-software-cluster .header .hero-note.button-inline-text p {
        margin: 20px 0 0
    }
}

@media screen and (max-width:991px) {
    #reporting-software-cluster .header {
        padding-bottom: 0
    }

    #reporting-software-cluster .header .row {
        display: flex;
        flex-direction: column
    }

    #reporting-software-cluster .header .row .first {
        order: 2
    }

    #reporting-software-cluster .header .row .last {
        margin-bottom: 40px
    }

    #reporting-software-cluster .header .testimonial {
        margin: 10px 30px 50px
    }

    #reporting-software-cluster .header .testimonial .testimonial-text {
        width: 75%
    }

    #reporting-software-cluster .header .hero-note.button-inline-text p {
        margin: 0 0 0 24px
    }

    #reporting-software-cluster .header .col-lg-12.breadcrumbs {
        text-align: left;
        padding-left: 15px
    }

    #reporting-software-cluster .header .col-lg-12.breadcrumbs .item:first-child {
        padding-left: 0
    }

    #reporting-software-cluster .social-proof {
        padding-bottom: 70px
    }

    #reporting-software-cluster .social-proof .proof-images {
        display: flex;
        flex-direction: row;
        justify-content: space-between
    }

    #reporting-software-cluster .social-proof .proof-images .proof-image {
        margin: 0 10px;
        max-width: inherit
    }

    #reporting-software-cluster .social-proof .proof-images .proof-image img {
        max-width: 90%;
        margin: auto;
        display: block
    }

    #reporting-software-cluster #main-value-proposition .video-box .videoholder {
        padding: 24px 1px 1px
    }

    #reporting-software-cluster #datasource-templates,
    #reporting-software-cluster #main-value-proposition,
    #reporting-software-cluster #product-any-data-build,
    #reporting-software-cluster #product-any-data-build-full,
    #reporting-software-cluster #product-faq,
    #reporting-software-cluster #testimonials,
    #reporting-software-cluster .content.border {
        padding: 72px 0
    }

    #reporting-software-cluster #data-sources {
        padding: 72px 0 5px
    }

    #reporting-software-cluster #main-value-proposition .main-value-repeater .col {
        margin-bottom: 30px
    }

    #reporting-software-cluster #product-any-data-build .container .right .box {
        max-width: inherit;
        padding: 0
    }

    #reporting-software-cluster #product-any-data-build-full .container p {
        max-width: inherit
    }

    #reporting-software-cluster .content.layout-dbl .img img {
        max-height: 240px;
        max-width: 80%;
        width: auto;
        margin: 0 auto 40px
    }

    #reporting-software-cluster .container.narrow {
        padding: 0 15px
    }

    #reporting-software-cluster #what-else .col {
        margin-bottom: 40px
    }

    #reporting-software-cluster #what-else .image-box {
        min-height: auto
    }

    #reporting-software-cluster #testimonials {
        width: 90%;
        margin: auto;
        padding-top: 0
    }

    #reporting-software-cluster #testimonials .testimonials-holder .col-testimonial {
        margin-bottom: 40px
    }

    #reporting-software-cluster #testimonials .testimonials-holder .testimonial-text p {
        margin: 0 auto 0
    }

    #reporting-software-cluster #product-faq .container {
        padding: 0 15px
    }

    #reporting-software-cluster #product-faq .container .collapsible {
        margin-bottom: 10px
    }
}

@media screen and (max-width:836px) {
    #reporting-software-cluster .header {
        padding: 120px 0 60px;
        background-size: 100% 72px
    }
}

@media screen and (max-width:768px) {
    #reporting-software-cluster .header .testimonial {
        max-width: 91.7%;
        margin: 10px auto 40px
    }

    #reporting-software-cluster .header .testimonial .testimonial-text {
        width: 70%
    }

    #reporting-software-cluster #product-any-data-build .container.narrow {
        padding: 0 15px
    }

    #reporting-software-cluster #product-any-data-build-full .row {
        display: flex;
        flex-direction: column
    }

    #reporting-software-cluster #product-any-data-build-full .row .right {
        order: 1
    }

    #reporting-software-cluster #product-any-data-build-full .container.narrow {
        padding: 0 15px
    }

    #reporting-software-cluster #product-any-data-build-full .img {
        margin: 0 -4%
    }

    #reporting-software-cluster #product-any-data-build-full .container.narrow img {
        max-height: 280px;
        max-width: 100%;
        width: auto
    }
}

@media screen and (max-width:523px) {
    #reporting-software-cluster .header .hero-note.button-inline-text p {
        margin: 24px 0 0;
        clear: both;
        display: block
    }

    #reporting-software-cluster .header .testimonial .testimonial-text {
        width: 65%
    }

    #reporting-software-cluster #main-value-proposition .video-box .videoholder {
        padding: 16px 1px 1px
    }

    #reporting-software-cluster #main-value-proposition p {
        max-width: 90%;
        margin: 0 auto 56px
    }

    #reporting-software-cluster #main-value-proposition .main-value-ctas .btn {
        min-width: 150px
    }

    #reporting-software-cluster .social-proof {
        padding-bottom: 42px
    }

    #reporting-software-cluster .social-proof .proof-images {
        display: block
    }

    #reporting-software-cluster .social-proof .proof-images .proof-image {
        margin: 0 10px 28px;
        max-width: 100px;
        display: inline-block
    }

    #reporting-software-cluster .social-proof .proof-images .proof-image img {
        max-width: 100%;
        margin: auto;
        display: block
    }

    #reporting-software-cluster #product-wizard-ui-steps {
        max-width: 95%;
        margin: auto
    }

    #reporting-software-cluster #product-wizard-ui-steps .images .step-wrapper.videobox {
        padding-top: 15px
    }
}

#reporting-software-cluster .report-templates-categories {
    background: rgba(29, 154, 214, .1);
    padding: 120px 0
}

#reporting-software-cluster .report-templates-categories .report-template-categories-content {
    margin-bottom: 67px;
    text-align: center
}

#reporting-software-cluster .report-templates-categories .report-template-categories-content h2,
#reporting-software-cluster .report-templates-categories .report-template-categories-content h3 {
    margin: 0 auto 17px;
    text-align: center;
    max-width: 792px;
    font-size: 36px;
    line-height: 44px;
    font-weight: 700;
    letter-spacing: .5px
}

#reporting-software-cluster .report-templates-categories .report-template-categories-content p {
    color: #8e929b;
    font-size: 18px;
    line-height: 24px;
    max-width: 600px;
    margin: 0 auto 0;
    font-weight: 400
}

#reporting-software-cluster .report-templates-categories .row {
    display: none
}

#reporting-software-cluster .report-templates-categories .row.row-box-0,
#reporting-software-cluster .report-templates-categories .row.row-box-1 {
    display: block !important
}

#reporting-software-cluster .report-templates-categories .template-col {
    padding-bottom: 80px;
    position: relative;
    cursor: pointer
}

#reporting-software-cluster .report-templates-categories .template-col::before {
    content: "";
    z-index: 2;
    position: absolute;
    width: 85%;
    top: -12px;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    min-height: 25%;
    background: #fff;
    opacity: .7;
    box-shadow: 0 0 15px rgba(0, 0, 0, .1);
    border-radius: 4px
}

#reporting-software-cluster .report-templates-categories .template-col::after {
    content: "";
    z-index: 1;
    position: absolute;
    width: 80%;
    top: -24px;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    min-height: 25%;
    background: #fff;
    opacity: .5;
    box-shadow: 0 0 15px rgba(0, 0, 0, .1);
    border-radius: 4px
}

#reporting-software-cluster .report-templates-categories .template-col .template-image {
    border: 7px solid #fff;
    border-radius: 10px;
    position: relative;
    z-index: 3;
    margin-bottom: 17px;
    box-shadow: 0 0 15px rgba(0, 0, 0, .1)
}

#reporting-software-cluster .report-templates-categories .template-col .template-image img {
    max-width: 100%;
    border-radius: 4px;
    width: 100%
}

#reporting-software-cluster .report-templates-categories .template-col .template-title h2,
#reporting-software-cluster .report-templates-categories .template-col .template-title h3,
#reporting-software-cluster .report-templates-categories .template-col .template-title h4 {
    color: #1766c0;
    font-weight: 500;
    font-size: 19px;
    line-height: 32px;
    margin: 0 0 8px
}

#reporting-software-cluster .report-templates-categories .template-col .template-title p {
    color: #8e929b;
    font-size: 18px;
    line-height: 24px;
    margin: 0;
    font-weight: 400
}

#reporting-software-cluster .report-templates-categories .template-col .template-title .avatar {
    width: 25px;
    height: 25px;
    margin-top: 8px
}

#reporting-software-cluster .report-templates-categories .template-col .template-title .avatar img {
    border-radius: 100%;
    width: 100%
}

#reporting-software-cluster .report-templates-categories .template-col.template-col-landing {
    cursor: default
}

#reporting-software-cluster .report-templates-categories .template-col.template-col-landing .template-title {
    padding-top: 10px
}

#reporting-software-cluster .report-templates-categories .template-col.template-col-landing .template-title h2,
#reporting-software-cluster .report-templates-categories .template-col.template-col-landing .template-title h3,
#reporting-software-cluster .report-templates-categories .template-col.template-col-landing .template-title h4 {
    font-size: 28px;
    line-height: 40px;
    color: #1c1d1f;
    margin: 0 0 16px
}

#reporting-software-cluster .report-templates-categories .template-col.template-col-landing .template-title p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    margin: 0 0 16px
}

#reporting-software-cluster .report-templates-categories .template-col.template-col-landing .template-title a {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    text-decoration: underline;
    color: #1d9ad6
}

#reporting-software-cluster .report-templates-categories .template-col.template-col-landing .template-title a:hover {
    text-decoration: none
}

#reporting-software-cluster .report-templates-categories .load-more-holder {
    text-align: center;
    display: none
}

#reporting-software-cluster .report-templates-categories .load-more-holder .load-more {
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    border: none;
    background: 0 0;
    color: #1998d5
}

#reporting-software-cluster .report-templates-categories .load-more-holder .load-more .icon {
    margin-left: 4px;
    display: inline-block;
    transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    font-size: 12px
}

#reporting-software-cluster .report-templates-categories .load-more-holder .load-more.active .icon {
    transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg)
}

#reporting-software-cluster .report-templates-categories.report-templates-categories-landing {
    padding-bottom: 40px
}

@media screen and (max-width:768px) {
    #reporting-software-cluster .report-templates-categories {
        padding: 60px 0 60px
    }
}

#reporting-software-cluster .templates-popup-holder {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background: rgba(28, 29, 31, .8);
    display: none
}

#reporting-software-cluster .templates-popup-holder .templates-popup {
    background: #fff;
    border-radius: 6px;
    padding: 40px 10px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    width: 90%;
    max-width: 90%;
    margin: auto;
    display: block;
    max-width: 1200px;
    max-height: 90vh;
    overflow: auto
}

#reporting-software-cluster .templates-popup-holder .templates-popup .container {
    width: 100%
}

#reporting-software-cluster .templates-popup-holder .templates-popup .container .popup-col-right {
    text-align: left
}

#reporting-software-cluster .templates-popup-holder .templates-popup .container .popup-col-right .btn {
    margin: 0 !important
}

#reporting-software-cluster .templates-popup-holder .templates-popup .icon-close {
    position: absolute;
    top: 25px;
    right: 25px;
    font-size: 18px;
    cursor: pointer;
    z-index: 99
}

#reporting-software-cluster .templates-popup-holder .templates-popup .row {
    display: block
}

#reporting-software-cluster .templates-popup-holder .templates-popup .row .popup-col-left img {
    max-width: 100%;
    display: block;
    border-radius: 6px;
    width: 100%
}

#reporting-software-cluster .templates-popup-holder .templates-popup .steps {
    margin-top: 13px;
    overflow: hidden;
    width: 100%
}

#reporting-software-cluster .templates-popup-holder .templates-popup .steps .slick-dots {
    display: flex;
    justify-content: flex-start;
    position: relative;
    bottom: 0
}

#reporting-software-cluster .templates-popup-holder .templates-popup .steps .slick-dots li {
    padding: 0;
    margin: 0;
    flex-shrink: 0;
    width: 29%
}

#reporting-software-cluster .templates-popup-holder .templates-popup .steps .slick-dots li.slick-active .thumbImg {
    border: 3px solid #d05858
}

#reporting-software-cluster .templates-popup-holder .templates-popup .steps button {
    border-radius: 0;
    width: calc(100% - 16px);
    height: 98px;
    margin-right: 16px;
    background: 0 0
}

#reporting-software-cluster .templates-popup-holder .templates-popup .steps .thumbImg {
    width: 100%;
    height: 98px;
    background-size: cover !important;
    border-radius: 6px;
    display: block;
    border: 3px solid #fff
}

#reporting-software-cluster .templates-popup-holder .templates-popup .popup-col-right .avatarInner {
    width: 30px;
    height: 30px;
    margin-bottom: 12px;
    margin-top: 100px
}

#reporting-software-cluster .templates-popup-holder .templates-popup .popup-col-right .avatarInner img {
    max-width: 100%;
    border-radius: 100%
}

#reporting-software-cluster .templates-popup-holder .templates-popup .popup-col-right h3 {
    font-weight: 500;
    font-size: 28px;
    line-height: 40px;
    color: #393a3e;
    margin: 0 0 8px;
    max-width: 388px
}

#reporting-software-cluster .templates-popup-holder .templates-popup .popup-col-right p {
    color: #8e929b;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    margin: 0 0 40px
}

#reporting-software-cluster .templates-popup-holder .templates-popup .popup-col-right .btn {
    text-transform: none
}

@media screen and (max-width:991px) {
    #reporting-software-cluster .templates-popup-holder .templates-popup {
        padding-top: 55px
    }

    #reporting-software-cluster .templates-popup-holder .templates-popup .icon-close {
        top: 15px
    }
}

#reporting-software-cluster #categories {
    padding: 120px 0 0;
    text-align: center
}

#reporting-software-cluster #categories .row {
    margin: 0
}

#reporting-software-cluster #categories h2 {
    font-weight: 500;
    font-size: 40px;
    line-height: 48px;
    margin: 0 auto 24px;
    color: #2d3237
}

#reporting-software-cluster #categories h2 strong {
    font-weight: 700;
    text-decoration: underline;
    text-decoration-skip-ink: none;
    text-decoration-color: #1998d5;
    -webkit-text-decoration-color: #1998d5
}

#reporting-software-cluster #categories p {
    font-size: 18px;
    line-height: 24px;
    color: #8e929b;
    margin: 0 auto 10px
}

#reporting-software-cluster #categories .btn {
    margin-top: 86px
}

#reporting-software-cluster #categories .template-item {
    cursor: pointer
}

#reporting-software-cluster #categories .template-item__window .image::after,
#reporting-software-cluster #categories .template-item__window .image::before {
    display: none
}

#reporting-software-cluster .product-datas-multiple {
    background: #f2f4f6;
    border: none;
    padding: 0
}

#reporting-software-cluster .product-datas-multiple .container {
    border-top: 1px solid #e8e9eb;
    padding: 100px 80px
}

#reporting-software-cluster .product-datas-multiple .container h3 {
    font-weight: 500;
    font-size: 40px;
    line-height: 48px;
    margin: 0 0 15px;
    letter-spacing: .5px
}

#reporting-software-cluster .product-datas-multiple .container p {
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: #8e929b;
    margin: 0
}

@media screen and (max-width:480px) {
    #reporting-software-cluster .product-datas-multiple .container {
        padding: 100px 15px
    }
}

#reporting-software-cluster .product-datas-multiple#product-any-data-1 .container {
    border-top: none
}

#reporting-software-cluster #dashboard-gray {
    background: 0 0
}

#reporting-software-cluster #dashboard-gray #datasource-templates {
    padding: 120px 0 116px
}

#reporting-software-cluster #dashboard-gray #datasource-templates h2,
#reporting-software-cluster #dashboard-gray #datasource-templates h3 {
    font-size: 40px;
    line-height: 48px;
    font-weight: 500;
    color: #2d3237;
    letter-spacing: .5px;
    margin: 0 0 64px
}

#reporting-software-cluster #dashboard-gray #datasource-templates .layout-emphasized-blocks {
    padding: 0
}

#reporting-software-cluster #dashboard-gray #datasource-templates .layout-emphasized-blocks .block img {
    border-radius: 0
}

#reporting-software-cluster .product-datas-single {
    border: none;
    padding-top: 120px;
    padding-bottom: 120px
}

#reporting-software-cluster .product-datas-single .container.narrow {
    padding-left: 25px;
    padding-right: 25px
}

#reporting-software-cluster .product-datas-single h2,
#reporting-software-cluster .product-datas-single h3 {
    font-size: 28px;
    line-height: 40px;
    font-weight: 500;
    margin: 0 0 17px;
    max-width: 445px
}

#reporting-software-cluster .product-datas-single ul {
    list-style: none;
    padding: 0
}

#reporting-software-cluster .product-datas-single ul li {
    font-size: 18px;
    line-height: 21px;
    color: #8e929b;
    letter-spacing: .5px;
    font-weight: 400;
    margin: 15px 0 0;
    padding-left: 28px;
    position: relative
}

#reporting-software-cluster .product-datas-single ul li strong {
    font-weight: 700
}

#reporting-software-cluster .product-datas-single ul li:before {
    content: "\e002";
    display: inline-block;
    font-family: Icons;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none;
    top: 6px;
    vertical-align: middle;
    font-size: 12px;
    position: absolute;
    left: 0;
    color: #2ab674
}

#reporting-software-cluster .product-datas-single p {
    font-size: 18px;
    line-height: 21px;
    color: #8e929b;
    letter-spacing: .5px;
    font-weight: 400;
    margin: 0 0 48px
}

#reporting-software-cluster .product-datas-single p strong {
    font-weight: 700
}

#reporting-software-cluster .product-datas-single .btn {
    text-transform: none;
    font-weight: 500;
    background-color: #2bb673;
    color: #fff;
    max-width: fit-content;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 48px;
    font-size: 16px;
    letter-spacing: .8px
}

#reporting-software-cluster .product-datas-single .btn:hover {
    background-color: #20925a
}

@media screen and (max-width:768px) {
    #reporting-software-cluster .product-datas-single {
        padding: 60px 0 60px
    }
}

#reporting-software-cluster #ready-to-start {
    text-align: center;
    padding-bottom: 0;
    padding-top: 0
}

#reporting-software-cluster #ready-to-start .container {
    padding: 68px 0 68px
}

#reporting-software-cluster #ready-to-start .container h2 {
    margin: 0 auto 40px;
    max-width: 800px;
    font-size: 36px;
    line-height: 44px;
    font-weight: 500;
    color: #2d3237
}

#reporting-software-cluster #ready-to-start .container p {
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
    color: #8e929b;
    margin: 0 auto 40px;
    max-width: 820px
}

#reporting-software-cluster #ready-to-start .container .btn.btn-green {
    text-transform: none;
    font-weight: 500;
    background-color: #2bb673;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 48px;
    font-size: 16px;
    letter-spacing: .8px
}

#reporting-software-cluster #ready-to-start .container .btn.btn-green:hover {
    background-color: #20925a
}

@media screen and (max-width:992px) {
    #reporting-software-cluster #ready-to-start .container {
        background-size: 100% 100% !important;
        padding-left: 30px;
        padding-right: 30px
    }
}

@media screen and (max-width:768px) {
    #reporting-software-cluster #ready-to-start .container {
        background-size: 100% 100% !important;
        margin: 0 15px;
        padding-left: 30px;
        padding-right: 30px
    }
}

@keyframes fade-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

#help-articles .header,
#spotlights .header,
#videos .header,
.using-visoflow-single .header {
    background-image: url("../img/resources/bg.jpg");
    background-position: center center;
    background-size: cover
}

#help-articles .header h2,
#spotlights .header h2,
#videos .header h2,
.using-visoflow-single .header h2 {
    font-size: 22px;
    font-weight: 300;
    margin: 10px 0 25px
}

#help-articles .content,
#spotlights .content,
#videos .content,
.using-visoflow-single .content {
    padding-bottom: 0
}

@media only screen and (-webkit-min-device-pixel-ratio:2) and (min-width:480px),
only screen and (min-device-pixel-ratio:2) and (min-width:480px),
only screen and (-webkit-max-device-pixel-ratio:1.5) and (min-width:800px),
only screen and (max-device-pixel-ratio:1.5) and (min-width:800px) {

    #help-articles .header,
    #spotlights .header,
    #videos .header,
    .using-visoflow-single .header {
        background-image: url(../img/resources/bg-2x.jpg)
    }
}

#content-search input:focus,
#sidebar-search input:focus {
    border-color: #1d9ad6;
    outline: 0
}

#content-search input:focus+.icon,
#sidebar-search input:focus+.icon {
    color: #1d9ad6
}

#content-search .dotloader,
#sidebar-search .dotloader {
    display: none;
    position: absolute;
    margin: 0
}

#content-search .dotloader,
#content-search .dotloader:after,
#content-search .dotloader:before,
#sidebar-search .dotloader,
#sidebar-search .dotloader:after,
#sidebar-search .dotloader:before {
    width: 10px;
    height: 10px
}

#content-search>.icon,
#sidebar-search>.icon {
    position: absolute
}

#content-search .results,
#sidebar-search .results {
    display: none;
    border: 1px solid #1d9ad6;
    border-radius: 0 0 3px 3px;
    position: absolute;
    top: 49px;
    width: 100%;
    max-height: 215px;
    overflow-y: auto;
    background-color: #fff;
    z-index: 2;
    text-align: left
}

#content-search .results span.noresults,
#sidebar-search .results span.noresults {
    color: #8e929b;
    padding: 10px;
    display: block
}

#content-search .results ul,
#sidebar-search .results ul {
    list-style: none;
    margin: 0 !important;
    padding: 0 !important
}

#content-search .results ul li,
#sidebar-search .results ul li {
    line-height: 18px;
    border-top: 1px solid rgba(142, 146, 155, .3)
}

#content-search .results ul li:first-child,
#sidebar-search .results ul li:first-child {
    border-top: none
}

#content-search .results ul li>a,
#sidebar-search .results ul li>a {
    display: block;
    padding: 11px 10px 2px 55px;
    text-decoration: none;
    position: relative
}

#content-search .results ul li span.icon,
#sidebar-search .results ul li span.icon {
    position: absolute;
    top: 18px;
    left: 15px;
    color: #8e929b;
    font-size: 25px
}

#content-search .results ul li strong,
#sidebar-search .results ul li strong {
    color: #1d9ad6;
    font-size: 14px;
    display: block
}

#content-search .results ul li p,
#sidebar-search .results ul li p {
    font-size: 12px;
    color: #8e929b;
    height: 18px;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis
}

#content-search .results ul li mark,
#sidebar-search .results ul li mark {
    background-color: #fff7b0;
    color: inherit;
    padding: 0
}

#content-search .results ul li.active,
#content-search .results ul li:hover,
#sidebar-search .results ul li.active,
#sidebar-search .results ul li:hover {
    background-color: #1d9ad6
}

#content-search .results ul li.active span.icon,
#content-search .results ul li:hover span.icon,
#sidebar-search .results ul li.active span.icon,
#sidebar-search .results ul li:hover span.icon {
    color: rgba(0, 0, 0, .7)
}

#content-search .results ul li.active strong,
#content-search .results ul li:hover strong,
#sidebar-search .results ul li.active strong,
#sidebar-search .results ul li:hover strong {
    color: rgba(0, 0, 0, .7)
}

#content-search .results ul li.active p,
#content-search .results ul li:hover p,
#sidebar-search .results ul li.active p,
#sidebar-search .results ul li:hover p {
    color: #fff
}

#content-search .results ul li.active mark,
#content-search .results ul li:hover mark,
#sidebar-search .results ul li.active mark,
#sidebar-search .results ul li:hover mark {
    background-color: #77d7e4
}

#resources-basics {
    padding-top: 95px
}

#basics-box {
    background-image: linear-gradient(to right bottom, #f5f2ef, #fff);
    background-image: -o-linear-gradient(to right bottom, #f5f2ef, #fff);
    background-image: -ms-linear-gradient(to right bottom, #f5f2ef, #fff);
    background-image: -moz-linear-gradient(to right bottom, #f5f2ef, #fff);
    background-image: -webkit-linear-gradient(to right bottom, #f5f2ef, #fff);
    margin-bottom: 30px
}

#basics-box .left {
    text-align: center
}

#basics-box .left img {
    width: 87%;
    position: relative;
    top: -25px
}

#basics-box .left h3 {
    font-size: 32px;
    margin: 40px 0 20px
}

#basics-box .left p {
    color: #8e929b;
    margin: 0 90px 35px
}

#basics-box .left a.btn {
    text-transform: none
}

#basics-box .right {
    padding: 45px 15px 45px 0
}

#basics-box .right .ct {
    padding: 0 45px 18px 45px;
    border-left: 1px solid rgba(142, 146, 155, .3);
    min-height: 510px
}

#basics-box .right h2 {
    font-weight: 200;
    font-size: 48px;
    margin: 0;
    padding: 60px 0 33px
}

#basics-box .right ul.links {
    list-style: none;
    padding: 0;
    margin-bottom: 42px
}

#basics-box .right li {
    font-size: 18px;
    line-height: 22px;
    margin: 14px 0
}

#basics-box .right li.new {
    position: relative;
    padding-left: 33px
}

#basics-box .right li.new:before {
    content: "new";
    background-color: #02b875;
    color: #fff;
    border-radius: 2px;
    height: 12px;
    font-size: 10px;
    line-height: 12px;
    padding: 0 3px;
    position: absolute;
    top: 6px;
    left: 0
}

#basics-box .right a.more {
    font-size: 14px;
    color: #8e929b
}

#resources-header {
    height: 330px
}

#resources-header #content-search {
    position: relative;
    width: 540px;
    margin: 18px auto 0
}

#resources-header #content-search input {
    border: 1px solid rgba(255, 255, 255, .5);
    background-color: rgba(45, 50, 55, .12);
    border-radius: 5px;
    width: 100%;
    font-size: 18px;
    line-height: 52px;
    height: 52px;
    color: #fff;
    padding: 5px 0 8px 50px
}

#resources-header #content-search .dotloader {
    right: 45px;
    top: 0;
    font-size: 15px
}

#resources-header #content-search>.icon {
    font-size: 22px;
    top: 10px;
    left: 16px;
    color: rgba(255, 255, 255, .5)
}

#resources-header #content-search.active-focus input,
#resources-header #content-search.active-results input {
    background-color: #fff;
    border-color: #1d9ad6;
    color: #2d3237
}

#resources-header #content-search.active-focus>.icon,
#resources-header #content-search.active-results>.icon {
    color: #1d9ad6
}

#resources-cta h2 {
    font-size: 24px;
    margin-top: 14px;
    text-align: center
}

#resources-cta p {
    margin: 32px auto 92px;
    width: 350px;
    padding-left: 100px;
    position: relative;
    font-size: 16px;
    line-height: 26px;
    color: rgba(142, 146, 155, .9)
}

#resources-cta p .icon {
    font-size: 50px;
    position: absolute;
    top: 0;
    left: 32px;
    color: rgba(142, 146, 155, .5)
}

#resources-cta p a {
    text-decoration: underline
}

#help-categories .ct {
    max-width: 740px;
    margin: 0 auto
}

#help-categories .box {
    padding-left: 15px;
    padding-right: 15px;
    width: 33.32%;
    margin-bottom: 30px;
    text-align: center
}

#help-categories .box a {
    position: relative;
    display: block;
    width: 100%;
    border-radius: 5px;
    border: 1px solid rgba(142, 146, 155, .5);
    text-decoration: none
}

#help-categories .box a:after {
    content: "";
    display: block;
    padding-bottom: 100%
}

#help-categories .box a:hover {
    border-color: #8e929b
}

#help-categories .box a:hover .icon {
    opacity: 1
}

#help-categories .box .icon {
    position: absolute;
    top: 22px;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 46px;
    opacity: .7;
    color: rgba(45, 50, 55, .6)
}

#help-categories .box p {
    position: absolute;
    top: 113px;
    width: 100%;
    padding: 0 10px
}

#help-categories .box .desc,
#help-categories .box small,
#help-categories .box strong {
    display: block;
    color: #2d3237
}

#help-categories .box .desc,
#help-categories .box small {
    font-size: 13px;
    line-height: 17px
}

#help-categories .box strong {
    font-size: 20px;
    line-height: 24px
}

#help-categories .box .desc {
    opacity: .5;
    padding-top: 4px
}

#help-categories .box small {
    margin-top: 7px;
    color: #1d9ad6
}

#help-articles .cat {
    border-top: 1px solid rgba(0, 0, 0, .1);
    padding-top: 20px;
    padding-bottom: 75px;
    min-height: 200px
}

#help-articles .cat>a {
    display: block;
    padding-top: 50px
}

#help-articles .cat h3 {
    font-size: 20px;
    line-height: 42px;
    position: relative;
    margin: 0;
    padding-left: 80px;
    margin-top: 9px;
    padding-bottom: 40px
}

#help-articles .cat h3:before {
    font-size: 48px;
    color: rgba(45, 50, 55, .6);
    position: absolute;
    top: -6px;
    left: 18px
}

#help-articles .cat ul {
    list-style: none;
    padding: 0;
    margin: 0
}

#help-articles .cat li {
    padding-bottom: 40px
}

#help-articles .cat li a {
    float: left;
    font-size: 18px;
    margin-bottom: 8px;
    font-weight: 500
}

#help-articles #help-faq-list h2,
#help-articles #help-videos-list h2 {
    font-size: 48px;
    margin: 70px 0 58px;
    text-align: center;
    font-weight: 100
}

#help-articles #help-faq-list {
    padding: 0 0 55px
}

#help-articles #help-faq-list .links {
    padding-left: 17px;
    max-width: 970px;
    margin: 0 auto
}

#help-articles #help-faq-list .link {
    padding-bottom: 10px
}

#help-articles #help-faq-list .link a {
    float: none;
    font-size: 18px;
    font-weight: 500
}

#help-articles #help-faq-list .link.new:after {
    content: "new";
    background-color: #02b875;
    color: #fff;
    border-radius: 2px;
    height: 12px;
    font-size: 10px;
    line-height: 12px;
    padding: 0 3px;
    position: relative;
    top: -2px
}

#help-articles #help-videos-list {
    padding-top: 0
}

#help-articles #help-videos-list .section {
    max-width: 970px;
    margin: 0 auto;
    position: relative
}

#help-articles #help-videos-list .allVideos {
    position: absolute;
    top: -98px;
    right: 11px;
    font-size: 14px;
    color: #8e929b
}

#help-articles #help-videos-list .allVideos .icon {
    font-size: 24px;
    position: relative;
    top: 2px;
    margin: 0 0 0 3px
}

#spotlights .resources-list {
    padding-bottom: 50px
}

#spotlights .resources-list .box {
    border-radius: 4px;
    height: 210px;
    margin-bottom: 30px;
    overflow: hidden;
    position: relative;
    padding: 0 5px
}

#spotlights .resources-list .box .image {
    display: inline-block;
    margin: 0 auto;
    padding: 0;
    height: 145px;
    border: 1px solid #f3f4f5;
    border-radius: 5px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

#spotlights .resources-list .box .image .hover-overlay {
    display: none;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    background: linear-gradient(rgba(44, 168, 204, .4), rgba(19, 199, 219, .4));
    font-size: 20px;
    text-align: center;
    color: #fff;
    line-height: 145px
}

#spotlights .resources-list .box .image:hover .hover-overlay {
    display: block
}

#spotlights .resources-list .box a {
    color: #1d9ad6;
    bottom: 0;
    text-decoration: none
}

#spotlights .resources-list .box a h3,
#spotlights .resources-list .box a span {
    line-height: 30px;
    padding-left: 15px
}

#spotlights .resources-list .box a p,
#spotlights .resources-list .box a span {
    color: #8e929b
}

#spotlights .resources-list .box a span {
    text-transform: uppercase;
    display: block;
    font-size: 11px;
    font-weight: 400
}

#spotlights .resources-list .box a h3 {
    margin-top: 10px
}

#spotlights .resources-list .box a p {
    padding: 10px 0 25px 0
}

#spotlights .resources-list .box a:hover {
    color: #1d9ad6
}

#blogpost.using-visoflow-single .header {
    height: 123px !important;
    min-height: 100px !important;
    padding: 0 !important
}

#blogpost.using-visoflow-single .content {
    padding: 60px 0
}

#blogpost.using-visoflow-single .content h1 {
    margin-bottom: 30px
}

#blogpost.using-visoflow-single .content .container {
    max-width: auto
}

#blogpost.using-visoflow-single .content .last-updated {
    display: block;
    font-size: 12px;
    font-weight: 100;
    margin: 37px 0 42px 0
}

#blogpost.using-visoflow-single .content .gray-bg {
    padding-left: 30px;
    padding-right: 30px
}

#blogpost.using-visoflow-single .ct-left {
    float: left;
    width: 268px;
    margin-right: 67px
}

#blogpost.using-visoflow-single .ct-left>.icon {
    display: block;
    font-size: 50px;
    color: #8e929b;
    margin: 48px 0 6px 14px
}

#blogpost.using-visoflow-single .ct-left ul li:before {
    display: none
}

#blogpost.using-visoflow-single .ct-right {
    float: right;
    padding-top: 10px;
    width: 835px
}

#blogpost.using-visoflow-single #sidebar-search {
    position: relative
}

#blogpost.using-visoflow-single #sidebar-search input {
    width: 100%;
    font-size: 16px;
    border-width: 0 0 1px 0;
    height: 36px;
    line-height: 36px;
    padding: 0 40px 0 12px
}

#blogpost.using-visoflow-single #sidebar-search .dotloader {
    top: -19px;
    right: 77px
}

#blogpost.using-visoflow-single #sidebar-search>.icon {
    font-size: 17px;
    top: 4px;
    right: 15px;
    color: #8e929b
}

#blogpost.using-visoflow-single #sidebar-search .results {
    top: 35px
}

#blogpost.using-visoflow-single #sidebar-search .results ul {
    font-family: inherit
}

#blogpost.using-visoflow-single #sidebar-search .results ul li {
    margin: 0
}

#blogpost.using-visoflow-single #sidebar-search .results ul li>a {
    padding: 8px 6px 0 33px;
    background: 0 0
}

#blogpost.using-visoflow-single #sidebar-search .results ul li span.icon {
    font-size: 16px;
    top: 11px;
    left: 10px
}

#blogpost.using-visoflow-single #sidebar-search .results ul li p {
    margin: 0;
    font-family: inherit
}

#blogpost.using-visoflow-single #select-categories+.selectize-control.single {
    height: 42px
}

#blogpost.using-visoflow-single #select-categories+.selectize-control.single .selectize-input {
    height: 42px;
    line-height: 25px
}

#blogpost.using-visoflow-single #select-categories+.selectize-control.single .selectize-input .item {
    font-size: 20px;
    font-weight: 700;
    color: #24282c
}

#blogpost.using-visoflow-single #sidebar-posts {
    list-style: none;
    padding: 0;
    font-family: inherit;
    margin-top: 32px
}

#blogpost.using-visoflow-single #sidebar-posts li {
    margin: 0;
    font-size: 16px;
    line-height: 18px;
    font-weight: 500;
    margin: 10px 0 22px;
    padding-left: 12px
}

#blogpost.using-visoflow-single #sidebar-posts li.selected a {
    color: #8e929b;
    position: relative;
    cursor: default
}

#blogpost.using-visoflow-single #sidebar-posts li.selected a:before {
    font-family: Icons;
    content: "\35";
    position: absolute;
    top: 2px;
    left: -16px;
    font-size: 10px
}

#blogpost.using-visoflow-single #sidebar-posts a {
    color: #1d9ad6
}

.content .helpful-block-content {
    border: none;
    border-top: 1px solid rgba(142, 146, 155, .5);
    background: 0 0;
    margin: 0;
    padding: 30px 0
}

.content .helpful-block-content ul {
    font-family: inherit !important
}

.content .helpful-block-content ul li {
    margin: 0 !important;
    display: block;
    font-weight: 500
}

.content .helpful-block-content ul li:before {
    display: none
}

.content .helpful-block-content ul li a {
    display: inline-block;
    text-decoration: none !important;
    width: 196px;
    height: 60px;
    text-align: left;
    font-size: 16px;
    line-height: 58px;
    color: #8e929b !important;
    border: 1px solid rgba(142, 146, 155, .3);
    -moz-box-shadow: 0 0 6px 0 rgba(37, 37, 37, .3);
    -webkit-box-shadow: 0 0 6px 0 rgba(37, 37, 37, .3);
    box-shadow: 0 0 6px 0 rgba(37, 37, 37, .3);
    background: 0 0 !important;
    position: relative;
    padding: 0 0 0 70px;
    letter-spacing: 0
}

.content .helpful-block-content ul li a:before {
    font-family: Icons;
    content: "\5f";
    font-size: 24px;
    line-height: 24px;
    position: absolute;
    left: 35px;
    top: 19px
}

.content .helpful-block-content ul li a:first-child {
    color: #2bb673 !important
}

.content .helpful-block-content ul li a:first-child:before {
    content: "\60";
    top: 15px
}

.content .helpful-block-content ul li a:first-child:hover {
    color: #2bb673 !important
}

.content .helpful-block-content ul li a:hover {
    border-color: rgba(142, 146, 155, .6);
    -moz-box-shadow: 0 0 6px 0 rgba(37, 37, 37, .5);
    -webkit-box-shadow: 0 0 6px 0 rgba(37, 37, 37, .5);
    box-shadow: 0 0 6px 0 rgba(37, 37, 37, .5);
    color: inherit !important
}

.content .helpful-block-content ul span.wthp_title {
    display: block;
    font-size: 12px;
    text-transform: uppercase;
    color: #8e929b;
    padding: 10px 0 15px;
    letter-spacing: .7
}

.content .helpful-block-content .wth_loader {
    width: 465px;
    margin: 20px auto;
    max-width: 100%
}

.content .helpful-block-content .wth_success {
    font-family: inherit !important
}

#help-videos-list .section,
#videos .section {
    text-align: center
}

#help-videos-list .section ul,
#videos .section ul {
    overflow: hidden;
    list-style: none;
    padding: 0
}

#help-videos-list .section li,
#videos .section li {
    width: 300px;
    float: left;
    margin: 0 11px 20px;
    height: 300px
}

#help-videos-list .section li a,
#videos .section li a {
    display: block
}

#help-videos-list .section li .info .cat,
#help-videos-list .section li .info .time,
#videos .section li .info .cat,
#videos .section li .info .time {
    display: inline-block;
    padding: 0 5px
}

#help-videos-list .section li .info .time:before,
#videos .section li .info .time:before {
    margin-right: 3px;
    opacity: .8
}

#help-videos-list .section .img,
#videos .section .img {
    height: 169px;
    overflow: hidden;
    border-radius: 5px;
    border: 1px solid rgba(142, 146, 155, .5)
}

#help-videos-list .section .img img,
#videos .section .img img {
    display: block;
    width: 100%
}

#help-videos-list .section .img a,
#videos .section .img a {
    position: relative;
    height: 100%
}

#help-videos-list .section .img a:hover:before,
#videos .section .img a:hover:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: linear-gradient(to bottom right, rgba(149, 211, 229, .5), rgba(137, 227, 237, .5));
    background-image: -o-linear-gradient(to bottom right, rgba(149, 211, 229, .5), rgba(137, 227, 237, .5));
    background-image: -ms-linear-gradient(to bottom right, rgba(149, 211, 229, .5), rgba(137, 227, 237, .5));
    background-image: -moz-linear-gradient(to bottom right, rgba(149, 211, 229, .5), rgba(137, 227, 237, .5));
    background-image: -webkit-linear-gradient(to bottom right, rgba(149, 211, 229, .5), rgba(137, 227, 237, .5))
}

#help-videos-list .section .img a:hover:after,
#videos .section .img a:hover:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: .75;
    background-image: url(../img/resources/play.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 38px 52px
}

#help-videos-list .section h4,
#videos .section h4 {
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    text-align: center;
    margin: 23px 0 0
}

#help-videos-list .section a:hover,
#videos .section a:hover {
    color: #1d9ad6;
    text-decoration: none
}

.ekko-lightbox .modal-dialog {
    margin: 40px auto
}

.ekko-lightbox .modal-dialog .modal-content {
    text-shadow: none;
    background: 0 0
}

.ekko-lightbox .modal-dialog .modal-content .modal-header {
    border: none;
    min-height: 0;
    height: 0;
    padding: 0
}

.ekko-lightbox .modal-dialog .modal-content .modal-header .close {
    visibility: hidden;
    margin: 0;
    position: absolute;
    top: -20px;
    right: -20px;
    width: 16px;
    height: 16px;
    font-size: 16px;
    font-family: Icons;
    text-shadow: none;
    color: rgba(142, 146, 155, .5);
    opacity: 1;
    font-weight: 100
}

.ekko-lightbox .modal-dialog .modal-content .modal-header .close:before {
    content: "\52";
    visibility: visible
}

.ekko-lightbox .modal-dialog .modal-content .modal-body {
    padding: 0
}

.ekko-lightbox .modal-dialog .modal-content .modal-body .ekko-lightbox-container {
    border-radius: 5px;
    z-index: 1;
    overflow: hidden
}

.ekko-lightbox .modal-dialog .modal-content .modal-footer {
    display: none
}

.ekko-lightbox+.modal-backdrop.in {
    opacity: .8
}

#integration .row {
    padding-left: 100px;
    padding-right: 100px
}

#integration .header {
    height: 550px;
    position: relative
}

#integration .header .net {
    background-image: url(../img/product/background.svg);
    background-size: cover;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: .12
}

#integration .header.header-blue {
    background-image: linear-gradient(top, #002768, #3978b3);
    background-image: -o-linear-gradient(top, #002768, #3978b3);
    background-image: -ms-linear-gradient(top, #002768, #3978b3);
    background-image: -moz-linear-gradient(top, #002768, #3978b3);
    background-image: -webkit-linear-gradient(top, #002768, #3978b3)
}

#integration .header.header-violet {
    background-image: linear-gradient(top, #070d32, #514366);
    background-image: -o-linear-gradient(top, #070d32, #514366);
    background-image: -ms-linear-gradient(top, #070d32, #514366);
    background-image: -moz-linear-gradient(top, #070d32, #514366);
    background-image: -webkit-linear-gradient(top, #070d32, #514366)
}

#integration .header.header-mixpanelblue {
    background-image: linear-gradient(top, #105687, #749aba);
    background-image: -o-linear-gradient(top, #105687, #749aba);
    background-image: -ms-linear-gradient(top, #105687, #749aba);
    background-image: -moz-linear-gradient(top, #105687, #749aba);
    background-image: -webkit-linear-gradient(top, #105687, #749aba)
}

#integration .header.header-lightblue {
    background-image: linear-gradient(top, #024f8a, #61c0db);
    background-image: -o-linear-gradient(top, #024f8a, #61c0db);
    background-image: -ms-linear-gradient(top, #024f8a, #61c0db);
    background-image: -moz-linear-gradient(top, #024f8a, #61c0db);
    background-image: -webkit-linear-gradient(top, #024f8a, #61c0db)
}

#integration .header.header-orange {
    background-image: linear-gradient(top, #e94619, #ec9314);
    background-image: -o-linear-gradient(top, #e94619, #ec9314);
    background-image: -ms-linear-gradient(top, #e94619, #ec9314);
    background-image: -moz-linear-gradient(top, #e94619, #ec9314);
    background-image: -webkit-linear-gradient(top, #e94619, #ec9314)
}

#integration .header.header-mixpanel {
    background-image: linear-gradient(top, #115687, #739aba);
    background-image: -o-linear-gradient(top, #115687, #739aba);
    background-image: -ms-linear-gradient(top, #115687, #739aba);
    background-image: -moz-linear-gradient(top, #115687, #739aba);
    background-image: -webkit-linear-gradient(top, #115687, #739aba)
}

#integration .header.header-visoflowblue {
    background-image: linear-gradient(top, #02508a, #5fc0db);
    background-image: -o-linear-gradient(top, #02508a, #5fc0db);
    background-image: -ms-linear-gradient(top, #02508a, #5fc0db);
    background-image: -moz-linear-gradient(top, #02508a, #5fc0db);
    background-image: -webkit-linear-gradient(top, #02508a, #5fc0db)
}

#integration .header.header-ad5ens {
    background-image: linear-gradient(top, #022b6b, #617fb7);
    background-image: -o-linear-gradient(top, #022b6b, #617fb7);
    background-image: -ms-linear-gradient(top, #022b6b, #617fb7);
    background-image: -moz-linear-gradient(top, #022b6b, #617fb7);
    background-image: -webkit-linear-gradient(top, #022b6b, #617fb7)
}

#integration .header.header-hubspot {
    background-image: linear-gradient(top, #012834, #48747b);
    background-image: -o-linear-gradient(top, #012834, #48747b);
    background-image: -ms-linear-gradient(top, #012834, #48747b);
    background-image: -moz-linear-gradient(top, #012834, #48747b);
    background-image: -webkit-linear-gradient(top, #012834, #48747b)
}

#integration .header.header-localytics {
    background-image: linear-gradient(top, #071315, #5e595b);
    background-image: -o-linear-gradient(top, #071315, #5e595b);
    background-image: -ms-linear-gradient(top, #071315, #5e595b);
    background-image: -moz-linear-gradient(top, #071315, #5e595b);
    background-image: -webkit-linear-gradient(top, #071315, #5e595b)
}

#integration .header.header-googleplay {
    background-image: linear-gradient(top, #013a62, #1f8095);
    background-image: -o-linear-gradient(top, #013a62, #1f8095);
    background-image: -ms-linear-gradient(top, #013a62, #1f8095);
    background-image: -moz-linear-gradient(top, #013a62, #1f8095);
    background-image: -webkit-linear-gradient(top, #013a62, #1f8095)
}

#integration .header.header-github {
    background-image: linear-gradient(top, #56646e, #8e929b);
    background-image: -o-linear-gradient(top, #56646e, #8e929b);
    background-image: -ms-linear-gradient(top, #56646e, #8e929b);
    background-image: -moz-linear-gradient(top, #56646e, #8e929b);
    background-image: -webkit-linear-gradient(top, #56646e, #8e929b)
}

#integration .header.header-mailchimp {
    background-image: linear-gradient(top, #a22f22, #e4583e);
    background-image: -o-linear-gradient(top, #a22f22, #e4583e);
    background-image: -ms-linear-gradient(top, #a22f22, #e4583e);
    background-image: -moz-linear-gradient(top, #a22f22, #e4583e);
    background-image: -webkit-linear-gradient(top, #a22f22, #e4583e)
}

#integration .header.header-zapier {
    background-image: linear-gradient(top, #da3013, #f6491d);
    background-image: -o-linear-gradient(top, #da3013, #f6491d);
    background-image: -ms-linear-gradient(top, #da3013, #f6491d);
    background-image: -moz-linear-gradient(top, #da3013, #f6491d);
    background-image: -webkit-linear-gradient(top, #da3013, #f6491d)
}

#integration .header.header-twitter {
    background-image: linear-gradient(top, #004d9b, #35bcf0);
    background-image: -o-linear-gradient(top, #004d9b, #35bcf0);
    background-image: -ms-linear-gradient(top, #004d9b, #35bcf0);
    background-image: -moz-linear-gradient(top, #004d9b, #35bcf0);
    background-image: -webkit-linear-gradient(top, #004d9b, #35bcf0)
}

#integration .header.header-facebook {
    background-image: linear-gradient(top, #0e4589, #6d86bb);
    background-image: -o-linear-gradient(top, #0e4589, #6d86bb);
    background-image: -ms-linear-gradient(top, #0e4589, #6d86bb);
    background-image: -moz-linear-gradient(top, #0e4589, #6d86bb);
    background-image: -webkit-linear-gradient(top, #0e4589, #6d86bb)
}

#integration .header.header-instagram {
    background-image: linear-gradient(top, #bd319c, #f38891);
    background-image: -o-linear-gradient(top, #bd319c, #f38891);
    background-image: -ms-linear-gradient(top, #bd319c, #f38891);
    background-image: -moz-linear-gradient(top, #bd319c, #f38891);
    background-image: -webkit-linear-gradient(top, #bd319c, #f38891)
}

#integration .header.header-drift {
    background-image: linear-gradient(top, #023f9c, #318bef);
    background-image: -o-linear-gradient(top, #023f9c, #318bef);
    background-image: -ms-linear-gradient(top, #023f9c, #318bef);
    background-image: -moz-linear-gradient(top, #023f9c, #318bef);
    background-image: -webkit-linear-gradient(top, #023f9c, #318bef)
}

#integration .header.header-intercom {
    background-image: linear-gradient(top, #034692, #4b9cdf);
    background-image: -o-linear-gradient(top, #034692, #4b9cdf);
    background-image: -ms-linear-gradient(top, #034692, #4b9cdf);
    background-image: -moz-linear-gradient(top, #034692, #4b9cdf);
    background-image: -webkit-linear-gradient(top, #034692, #4b9cdf)
}

#integration .header.header-wistia {
    background-image: linear-gradient(top, #1254b1, #557cdb);
    background-image: -o-linear-gradient(top, #1254b1, #557cdb);
    background-image: -ms-linear-gradient(top, #1254b1, #557cdb);
    background-image: -moz-linear-gradient(top, #1254b1, #557cdb);
    background-image: -webkit-linear-gradient(top, #1254b1, #557cdb)
}

#integration .header.header-chartbeat {
    background-image: linear-gradient(top, #09293c, #2d3d4b);
    background-image: -o-linear-gradient(top, #09293c, #2d3d4b);
    background-image: -ms-linear-gradient(top, #09293c, #2d3d4b);
    background-image: -moz-linear-gradient(top, #09293c, #2d3d4b);
    background-image: -webkit-linear-gradient(top, #09293c, #2d3d4b)
}

#integration .header.header-zendesk {
    background-image: linear-gradient(top, #488700, #78a200);
    background-image: -o-linear-gradient(top, #488700, #78a200);
    background-image: -ms-linear-gradient(top, #488700, #78a200);
    background-image: -moz-linear-gradient(top, #488700, #78a200);
    background-image: -webkit-linear-gradient(top, #488700, #78a200)
}

#integration .header.header-quickbooks {
    background-image: linear-gradient(top, #1a8741, #2ba248);
    background-image: -o-linear-gradient(top, #1a8741, #2ba248);
    background-image: -ms-linear-gradient(top, #1a8741, #2ba248);
    background-image: -moz-linear-gradient(top, #1a8741, #2ba248);
    background-image: -webkit-linear-gradient(top, #1a8741, #2ba248)
}

#integration .header.header-shopify {
    background-image: linear-gradient(top, #1d2e35, #30373b);
    background-image: -o-linear-gradient(top, #1d2e35, #30373b);
    background-image: -ms-linear-gradient(top, #1d2e35, #30373b);
    background-image: -moz-linear-gradient(top, #1d2e35, #30373b);
    background-image: -webkit-linear-gradient(top, #1d2e35, #30373b)
}

#integration .header.header-mediatoolkit {
    background-image: linear-gradient(top, #0f7370, #76cdbe);
    background-image: -o-linear-gradient(top, #0f7370, #76cdbe);
    background-image: -ms-linear-gradient(top, #0f7370, #76cdbe);
    background-image: -moz-linear-gradient(top, #0f7370, #76cdbe);
    background-image: -webkit-linear-gradient(top, #0f7370, #76cdbe)
}

#integration .header.header-helpscout {
    background-image: linear-gradient(top, #085b92, #2795d9);
    background-image: -o-linear-gradient(top, #085b92, #2795d9);
    background-image: -ms-linear-gradient(top, #085b92, #2795d9);
    background-image: -moz-linear-gradient(top, #085b92, #2795d9);
    background-image: -webkit-linear-gradient(top, #085b92, #2795d9)
}

#integration .header.header-pipedrive {
    background-image: linear-gradient(top, #071e22, #5a6767);
    background-image: -o-linear-gradient(top, #071e22, #5a6767);
    background-image: -ms-linear-gradient(top, #071e22, #5a6767);
    background-image: -moz-linear-gradient(top, #071e22, #5a6767);
    background-image: -webkit-linear-gradient(top, #071e22, #5a6767)
}

#integration .header.header-xero {
    background-image: linear-gradient(top, #0d85ba, #4cc5e6);
    background-image: -o-linear-gradient(top, #0d85ba, #4cc5e6);
    background-image: -ms-linear-gradient(top, #0d85ba, #4cc5e6);
    background-image: -moz-linear-gradient(top, #0d85ba, #4cc5e6);
    background-image: -webkit-linear-gradient(top, #0d85ba, #4cc5e6)
}

#integration .header.header-youtube {
    background-image: linear-gradient(top, #c8202d, #a20715);
    background-image: -o-linear-gradient(top, #c8202d, #a20715);
    background-image: -ms-linear-gradient(top, #c8202d, #a20715);
    background-image: -moz-linear-gradient(top, #c8202d, #a20715);
    background-image: -webkit-linear-gradient(top, #c8202d, #a20715)
}

#integration .header.header-gsc {
    background-image: linear-gradient(top, #636464, #272926);
    background-image: -o-linear-gradient(top, #636464, #272926);
    background-image: -ms-linear-gradient(top, #636464, #272926);
    background-image: -moz-linear-gradient(top, #636464, #272926);
    background-image: -webkit-linear-gradient(top, #636464, #272926)
}

#integration .header.header-voiq {
    background-image: linear-gradient(top, #69c5c4, #394d4c);
    background-image: -o-linear-gradient(top, #69c5c4, #394d4c);
    background-image: -ms-linear-gradient(top, #69c5c4, #394d4c);
    background-image: -moz-linear-gradient(top, #69c5c4, #394d4c);
    background-image: -webkit-linear-gradient(top, #69c5c4, #394d4c)
}

#integration .header.header-teamwork {
    background-image: linear-gradient(top, #606775, #525a69);
    background-image: -o-linear-gradient(top, #606775, #525a69);
    background-image: -ms-linear-gradient(top, #606775, #525a69);
    background-image: -moz-linear-gradient(top, #606775, #525a69);
    background-image: -webkit-linear-gradient(top, #606775, #525a69)
}

#integration .header.header-bing {
    background-image: linear-gradient(top, #008373, #006e61);
    background-image: -o-linear-gradient(top, #008373, #006e61);
    background-image: -ms-linear-gradient(top, #008373, #006e61);
    background-image: -moz-linear-gradient(top, #008373, #006e61);
    background-image: -webkit-linear-gradient(top, #008373, #006e61)
}

#integration .header.header-elastic {
    background-image: linear-gradient(top, #216d75, #10576f);
    background-image: -o-linear-gradient(top, #216d75, #10576f);
    background-image: -ms-linear-gradient(top, #216d75, #10576f);
    background-image: -moz-linear-gradient(top, #216d75, #10576f);
    background-image: -webkit-linear-gradient(top, #216d75, #10576f)
}

#integration .header h1 {
    margin-top: 85px;
    position: relative
}

#integration .header h1 img {
    height: 246px
}

#integration h2 {
    font-weight: 100
}

#integration p {
    line-height: 24px
}

#integration-main h2 {
    font-size: 55px;
    line-height: 65px;
    text-align: left;
    margin: 0 0 75px
}

#integration-main p {
    margin: 0 0 24px
}

#integration-main .col2 {
    margin-top: 4px;
    font-size: 16px
}

#integration-main .col2 .btn {
    background-color: #fff;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 5px;
    font-size: 12px;
    line-height: 22px
}

#integration-main .col2 .btn:after {
    content: "\2192";
    font-family: monospace;
    font-weight: 100;
    opacity: .8;
    position: relative;
    top: -1px;
    right: -5px
}

#integration-main .col2 p {
    margin-right: 40px
}

#integration-main .col2 .sm {
    display: block;
    font-size: 14px
}

#integration-main .col2 .sm em {
    width: 115px;
    float: left;
    font-style: normal
}

#integration-main .conn {
    text-align: center;
    margin-top: 64px
}

#integration-main .conn .btn {
    max-width: 100%;
    margin: 0 10px 20px
}

#integration-main .btn.templates {
    text-transform: none
}

#integration-buttons {
    text-align: center;
    background: #f2f4f6
}

#integration-buttons h1 {
    color: #000;
    margin-bottom: 15px;
    font-size: 40px;
    font-weight: 500
}

#integration-buttons small {
    font-size: 18px;
    color: #8e929b
}

#integration-buttons .conn {
    margin-top: 40px
}

#integration-buttons .conn a {
    min-width: 300px
}

#integration-buttons .conn a.templates {
    text-transform: none;
    margin-left: 35px
}

#integration-kpis h2,
#integration-templates h2 {
    font-size: 25px;
    font-weight: 500
}

#integration-kpis .kpis {
    margin-top: 25px;
    margin-bottom: 25px
}

#integration-templates.content {
    padding-top: 0
}

#integration-templates .row {
    border-top: 1px solid rgba(0, 0, 0, .1);
    padding-top: 80px
}

#integration-templates .row>div {
    display: flex;
    align-items: baseline;
    justify-content: space-between
}

#integration-templates .templates__header {
    align-items: baseline;
    margin-bottom: 45px
}

#integration-templates .templates__header .more {
    font-weight: 400
}

#integration-templates .template-box {
    margin: 0
}

#integration-templates .templates__template {
    max-width: 300px
}

#integration-mobile h2,
#integration-wall h2 {
    line-height: 48px
}

#integration-mobile ul,
#integration-wall ul {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: left
}

#integration-mobile ul .icon,
#integration-wall ul .icon {
    font-size: 16px;
    line-height: 22px;
    padding-left: 55px;
    position: relative;
    margin-bottom: 26px;
    margin-right: 40px
}

#integration-mobile ul .icon:before,
#integration-wall ul .icon:before {
    font-size: 38px;
    position: absolute;
    top: 6px;
    left: -2px;
    opacity: .5
}

#integration-mobile img,
#integration-wall img {
    max-width: 100%
}

#integration-mobile {
    padding: 0;
    margin-bottom: 20px
}

#integration-mobile .row {
    border-top: 1px solid rgba(0, 0, 0, .1);
    padding: 80px 0
}

#integration-mobile h2 {
    font-size: 40px;
    margin: 28px 0 50px
}

#integration-wall .content {
    padding-top: 20px
}

#integration-wall h2 {
    margin: 20px 0 40px;
    font-size: 40px
}

#integration-wall .img {
    width: 525px
}

#integration-wall .row {
    display: flex
}

#integration-wall .row>div {
    width: 50%
}

#integration-wall .row>div.left {
    padding-right: 40px
}

#integration-wall .row>div.right {
    padding-left: 11px
}

#integration-related .ct {
    text-align: center;
    padding-top: 80px;
    border-top: 1px solid rgba(0, 0, 0, .1)
}

#integration-related.content {
    padding-top: 0
}

#integration-related h2 {
    font-size: 22px;
    font-weight: 500;
    margin: 20px 0 40px
}

#integration-related ul {
    list-style: none;
    padding: 0;
    margin: 0
}

#integration-related ul li {
    display: inline-block;
    float: none;
    padding-right: 8px;
    padding-left: 8px;
    width: 200px;
    margin-bottom: 20px
}

#integration-related ul li img {
    border-radius: 5px;
    border: 1px solid rgba(142, 146, 155, .3);
    overflow: hidden
}

#integration-related .btn {
    display: inline-block;
    margin-top: 30px;
    font-size: 14px;
    line-height: 22px
}

#product-cta h2 {
    font-weight: 500
}

#webinar .header {
    background-image: linear-gradient(270deg, rgba(29, 154, 214, .2) 0, rgba(29, 154, 214, 0) 97.4%);
    background-image: -o-linear-gradient(270deg, rgba(29, 154, 214, .2) 0, rgba(29, 154, 214, 0) 97.4%);
    background-image: -ms-linear-gradient(270deg, rgba(29, 154, 214, .2) 0, rgba(29, 154, 214, 0) 97.4%);
    background-image: -moz-linear-gradient(270deg, rgba(29, 154, 214, .2) 0, rgba(29, 154, 214, 0) 97.4%);
    background-image: -webkit-linear-gradient(270deg, rgba(29, 154, 214, .2) 0, rgba(29, 154, 214, 0) 97.4%);
    padding: 152px 0 0;
    position: relative
}

#webinar .header .container {
    position: relative;
    z-index: 2
}

#webinar .header .img {
    text-align: center;
    padding: 32px 0 50px
}

#webinar .header .img img {
    display: block;
    max-width: 100%;
    margin: 0 auto
}

#webinar .header h2 {
    font-size: 26px;
    line-height: 30px;
    color: #8e929b;
    font-weight: 300;
    margin: 0
}

#webinar .header h1 {
    font-size: 56px;
    line-height: 65px;
    color: #2d3237;
    font-weight: 800;
    margin: 0 auto 24px;
    padding: 0;
    width: 800px;
    max-width: 100%
}

#webinar .header p {
    color: #72757c;
    font-size: 18px;
    line-height: 26px;
    margin: 0 auto 32px;
    max-width: 860px;
    width: 100%
}

#webinar .header .bottom-shape {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 100px;
    width: 100%;
    background: #fff;
    display: block;
    transform: rotate(180deg);
    direction: ltr;
    z-index: 1
}

#webinar .header .bottom-shape svg {
    height: 400px;
    width: 100%;
    transform: rotateY(180deg)
}

#webinar .header .bottom-shape svg path {
    fill: #fff
}

#webinar .form {
    width: 475px;
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    min-height: 70px
}

#webinar .form .hs_email {
    margin-bottom: 0
}

#webinar .form .hs_email>label {
    display: none
}

#webinar .form .input {
    padding-right: 185px
}

#webinar .form .input .hs-input {
    box-shadow: none;
    height: 46px
}

#webinar .form .input ::-webkit-input-placeholder {
    font-style: italic
}

#webinar .form .input :-moz-placeholder {
    font-style: italic
}

#webinar .form .input ::-moz-placeholder {
    font-style: italic
}

#webinar .form .input :-ms-input-placeholder {
    font-style: italic
}

#webinar .form .hs_submit {
    position: absolute;
    top: 0;
    right: 0
}

#webinar .form .hs_submit .actions {
    padding: 0;
    margin: 0
}

#webinar .form .hs_submit .hs-button {
    font-size: 16px;
    font-weight: 500;
    background-color: #2bb673;
    padding: 0;
    line-height: 46px;
    width: 194px
}

#webinar #webinar-1 {
    border-bottom: 1px solid rgba(45, 50, 55, .1)
}

#webinar #webinar-1 .host small,
#webinar #webinar-1 small.next {
    display: block;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    text-transform: uppercase;
    color: #8e929b;
    font-weight: 300;
    letter-spacing: 2.4px
}

#webinar #webinar-1 small.next {
    margin-top: -12px
}

#webinar #webinar-1 .title {
    text-align: center;
    width: 800px;
    max-width: 100%;
    margin: 0 auto;
    font-size: 36px;
    font-weight: 500;
    padding: 6px 0
}

#webinar #webinar-1 .when {
    background-color: #ebf6f9;
    border-radius: 5px;
    width: 600px;
    margin: 18px auto 50px;
    max-width: 100%;
    font-size: 16px;
    line-height: 24px;
    padding: 8px 10px 8px 20px;
    letter-spacing: .2px
}

#webinar #webinar-1 .when .duration,
#webinar #webinar-1 .when .time {
    display: inline-block;
    position: relative;
    padding: 5px 0 5px 43px
}

#webinar #webinar-1 .when .duration:before,
#webinar #webinar-1 .when .time:before {
    position: absolute;
    top: 5px;
    left: 8px;
    font-size: 24px;
    color: #a3aaae
}

#webinar #webinar-1 .when .time {
    margin-right: 15px
}

#webinar #webinar-1 .host {
    text-align: center;
    margin-bottom: 62px
}

#webinar #webinar-1 .host .ct {
    display: inline-block;
    position: relative;
    padding: 12px 5px 0 84px;
    font-size: 16px;
    line-height: 24px;
    text-align: left;
    margin-top: 12px;
    min-height: 64px
}

#webinar #webinar-1 .host img {
    width: 64px;
    height: 64px;
    border-radius: 100%;
    position: absolute;
    top: 0;
    left: 0
}

#webinar #webinar-1 .host strong {
    display: block
}

#webinar #webinar-1 .host span {
    display: block;
    font-weight: 300
}

#webinar #webinar-2 h3 {
    font-size: 40px;
    line-height: 48px;
    font-weight: 300;
    text-align: center;
    margin: 0 0 60px
}

#webinar #webinar-2 .col {
    padding: 0 64px
}

#webinar #webinar-2 .icon {
    display: block;
    font-size: 48px;
    line-height: 50px;
    margin-left: -5px
}

#webinar #webinar-2 .icon.icon-stopwatch-2 {
    color: #f7ad3c
}

#webinar #webinar-2 .icon.icon-target {
    color: #6fb62b
}

#webinar #webinar-2 .icon.icon-partner {
    color: #a39bae
}

#webinar #webinar-2 p {
    font-size: 16px;
    line-height: 24px
}

#webinar #webinar-2 p strong {
    display: block;
    padding: 13px 0
}

#webinar #webinar-3 {
    background-color: rgba(142, 146, 155, .08);
    padding-bottom: 60px
}

#webinar #webinar-3 h3 {
    text-align: center;
    font-size: 28px;
    line-height: 36px;
    font-weight: 300;
    width: 600px;
    max-width: 100%;
    margin: 0 auto
}

#webinar #webinar-3 .form {
    margin-top: 30px
}

@media only screen and (min-width:1200px) {
    #videos .section {
        margin-left: -28px;
        margin-right: -28px
    }

    #videos .section li {
        width: 342px;
        margin-left: 28px;
        margin-right: 28px;
        height: 325px
    }

    #videos .section .img {
        height: 193px
    }
}

@media only screen and (max-width:1200px) {
    #spotlights .resources-list .box {
        height: 335px;
        text-align: center
    }

    #spotlights .resources-list .box .image {
        height: 200px;
        width: 100%;
        display: block
    }

    #spotlights .resources-list .box .hover-overlay {
        line-height: 200px
    }

    #help-videos-list .section li {
        width: 290px;
        height: 250px
    }

    #integration .row {
        padding-left: 0;
        padding-right: 0
    }

    #blogpost.using-visoflow-single .ct-left {
        margin-right: 30px
    }

    #blogpost.using-visoflow-single .ct-right {
        width: 672px
    }

    #webinar #webinar-2 .col {
        padding-right: 15px;
        padding-left: 15px
    }

    #integration-wall .img {
        width: 475px
    }
}

@media only screen and (max-width:991px) {
    #blogpost.using-visoflow-single .content .last-updated {
        padding-left: 10px
    }

    #blogpost.using-visoflow-single .content img {
        width: 100%
    }

    #videos .section ul {
        padding-left: 52px;
        padding-right: 52px
    }

    #spotlights .resources-list .box {
        height: 375px
    }

    #integration-mobile h2 {
        margin-top: 0;
        margin-bottom: 40px
    }

    #integration-mobile img {
        margin-top: 30px
    }

    #integration-mobile ul li {
        margin-right: 0
    }

    #integration-wall ul li .icon {
        margin-right: 0
    }

    #integration-wall ul li .icon:before {
        top: -3px
    }

    #integration-wall ul li:first-child .icon {
        margin-left: 0
    }

    #integration-wall .row {
        flex-direction: column;
        align-items: center
    }

    #integration-wall .row .img {
        margin-top: 40px;
        width: 100%
    }

    #integration-wall .row>div {
        width: auto
    }

    #integration-wall .row>div.left {
        padding-left: 15px;
        padding-right: 15px
    }

    #integration-wall .row>div.right {
        padding-left: 0
    }

    #blogpost.using-visoflow-single .ct-left,
    #blogpost.using-visoflow-single .ct-right {
        width: 100%;
        float: none
    }

    #blogpost.using-visoflow-single .ct-right {
        border-bottom: 1px solid rgba(142, 146, 155, .5)
    }

    #blogpost.using-visoflow-single .ct-left {
        padding-top: 60px;
        width: 400px;
        margin: 0 auto
    }

    #basics-box .left p {
        margin-right: 20px;
        margin-left: 20px
    }

    #webinar #webinar-2 p {
        margin-bottom: 40px
    }

    #integration-templates .row>div {
        flex-direction: column;
        align-items: center
    }

    #integration-templates .row .template-box {
        text-align: center
    }

    #integration-templates .row .template-box:nth-child(n+2) {
        margin-top: 40px
    }
}

@media only screen and (max-width:767px) {
    #resources-header {
        height: 260px
    }

    #resources-header #content-search {
        width: 400px
    }

    #help-articles .cat {
        padding-top: 0
    }

    #help-articles .cat ul {
        padding: 15px 20px 0
    }

    #help-articles #help-videos-list .allVideos {
        position: relative;
        top: -34px;
        right: 0
    }

    #help-categories .box .icon {
        top: 15px
    }

    #help-categories .box p {
        top: 94px
    }

    #blogpost.using-visoflow-single .container {
        padding: 0
    }

    #help-videos-list .section ul,
    #videos .section ul {
        padding-left: 0;
        padding-right: 0
    }

    #help-videos-list .section li,
    #videos .section li {
        float: none;
        display: inline-block;
        vertical-align: top
    }

    #spotlights .resources-list .box {
        height: auto;
        padding-bottom: 20px
    }

    #integration .header {
        height: 400px
    }

    #integration .header h1 {
        margin-top: 70px
    }

    #integration .header h1 img {
        height: 180px
    }

    #integration .row {
        padding-left: 20px;
        padding-right: 20px
    }

    #integration-main .col1 p {
        margin-right: 0
    }

    #integration-main .col2 {
        border-radius: 0;
        padding-left: 15px;
        padding-right: 15px
    }

    #integration-main .conn {
        margin-top: 40px
    }

    #integration-main .conn .btn {
        margin-left: 0;
        margin-right: 0
    }

    #integration-mobile img {
        margin-top: 0;
        margin-bottom: 40px
    }

    #integration-mobile h2 {
        text-align: center
    }

    #integration-mobile ul li {
        margin-left: 15px
    }

    #integration-mobile ul li:before {
        top: 0
    }

    #resources-basics {
        padding-top: 10px
    }

    #basics-box {
        height: auto
    }

    #basics-box .left img {
        display: none
    }

    #basics-box .right {
        text-align: center
    }

    #basics-box .right .ct {
        border: none
    }

    #webinar #webinar-2 {
        text-align: center
    }

    #integration-buttons .conn {
        display: flex;
        flex-direction: column;
        margin-left: 20px;
        margin-right: 20px
    }

    #integration-buttons .conn a.templates {
        margin-left: 0;
        margin-top: 10px
    }

    #integration-kpis .aditional,
    #integration-kpis h2 {
        text-align: center
    }

    #integration-kpis .metrics-boxes {
        flex-direction: row;
        justify-content: center
    }
}

@media only screen and (max-width:649px) {
    #help-categories .ct>.row {
        margin: 0
    }

    #help-categories .box {
        padding-right: 5px;
        padding-left: 5px;
        margin-bottom: 10px
    }

    #help-categories .box .icon {
        font-size: 38px
    }

    #help-categories .box p {
        top: 84px
    }

    #help-categories .box .desc {
        display: none
    }

    #help-videos-list .section li,
    #videos .section li {
        height: auto;
        margin-bottom: 60px
    }

    #integration-buttons .conn {
        margin-left: 0;
        margin-right: 0
    }

    #integration-buttons .conn a {
        min-width: 270px
    }

    #integration-buttons .conn .templates {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis
    }

    #product-cta .container {
        background: rgba(46, 193, 214, .15)
    }
}

@media only screen and (max-width:549px) {
    #help-categories .ct {
        padding: 0
    }

    #help-categories .ct .box {
        width: 32%
    }

    #help-categories .ct .box p {
        top: 77px
    }

    #help-categories .ct .box strong {
        font-size: 17px;
        line-height: 20px
    }

    #help-categories .ct .box small {
        display: none
    }
}

@media only screen and (max-width:480px) {
    #resources-header #content-search {
        width: 100%
    }

    #help-categories .ct .box strong {
        font-size: 12px;
        line-height: 14px
    }

    #integration .header {
        height: 350px
    }

    #integration .header h1 {
        margin-top: 50px
    }

    #integration .header h1 img {
        height: 140px
    }

    #integration-main h2 {
        font-size: 45px;
        line-height: 50px;
        margin-bottom: 30px
    }

    #integration-main .conn .btn {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        font-size: 14px
    }

    #integration-mobile ul li {
        margin-left: 0
    }

    #integration-related ul li {
        float: left;
        width: 50%
    }

    #integration-related ul li img {
        max-width: 100%
    }

    #blogpost.using-visoflow-single .ct-left {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px
    }

    #blogpost.using-visoflow-single .content .helpful-block-content {
        text-align: center
    }

    #blogpost.using-visoflow-single .content .helpful-block-content ul li a {
        display: block;
        margin: 0 auto
    }

    #blogpost.using-visoflow-single .content .helpful-block-content ul li a:first-child {
        margin-top: 15px
    }

    #webinar .header {
        padding-top: 80px
    }

    #webinar .header h2 {
        font-size: 22px;
        line-height: 24px
    }

    #webinar .header h1 {
        font-size: 24px;
        line-height: 28px
    }

    #webinar .form {
        text-align: center;
        min-height: 100px
    }

    #webinar .form label {
        text-align: center
    }

    #webinar .form .input {
        padding-right: 0
    }

    #webinar .form .input .hs-input {
        text-align: center;
        width: 300px;
        max-width: 100%;
        margin: 0 auto
    }

    #webinar .form .hs_submit {
        position: static;
        margin-top: 5px
    }

    #webinar .form .hs_submit .hs-button {
        display: block;
        margin: 0 auto
    }

    #webinar #webinar-1 .title {
        padding: 15px 0;
        font-size: 24px;
        line-height: 28px
    }

    #webinar #webinar-2 h3 {
        font-size: 26px;
        line-height: 26px;
        margin-bottom: 30px
    }
}

@media only screen and (max-width:380px) {
    #help-categories .ct .box .icon {
        font-size: 28px;
        top: 10px
    }

    #help-categories .ct .box p {
        top: 56px
    }

    #help-categories .ct .box strong {
        font-size: 12px;
        line-height: 14px
    }
}

@keyframes fade-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

#business-analytics-for-everyone {
    background-color: #e6eff4;
    padding: 70px 0;
    overflow: hidden
}

#business-analytics-for-everyone>.container>div:last-of-type {
    display: flex
}

#business-analytics-for-everyone #business-analytics-for-everyone-header {
    text-align: center;
    margin-bottom: 50px
}

#business-analytics-for-everyone #business-analytics-for-everyone-header h6 {
    color: #1d9ad6;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    margin: 0
}

#business-analytics-for-everyone #business-analytics-for-everyone-header h2 {
    color: #1c1d1f;
    font-size: 42px;
    font-weight: 800;
    line-height: 62px;
    letter-spacing: .5px;
    margin: 0
}

#business-analytics-for-everyone #business-analytics-for-everyone-content {
    margin: auto 0
}

#business-analytics-for-everyone #business-analytics-for-everyone-content>p:first-of-type {
    margin-bottom: 24px;
    color: #55585d;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: .3px
}

#business-analytics-for-everyone #business-analytics-for-everyone-content>div:first-of-type {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 40px
}

#business-analytics-for-everyone #business-analytics-for-everyone-content>div:first-of-type .card {
    display: flex;
    align-items: center;
    padding: 12px;
    gap: 8px;
    border-radius: 6px;
    border: 1px solid #fff;
    background: #fff;
    box-shadow: 4px 4px 22px 0 rgba(117, 128, 136, .1)
}

@media screen and (max-width:768px) {
    #business-analytics-for-everyone #business-analytics-for-everyone-content>div:first-of-type .card {
        flex: 1 0 100%
    }
}

#business-analytics-for-everyone #business-analytics-for-everyone-content>div:first-of-type .card label {
    color: #55585d;
    font-size: 13px;
    font-weight: 500;
    margin: 0
}

#business-analytics-for-everyone #business-analytics-for-everyone-content>div:first-of-type .card .icon {
    font-size: 15px
}

#business-analytics-for-everyone #business-analytics-for-everyone-content>div:first-of-type .card .icon-box-123 {
    color: #2e4797
}

#business-analytics-for-everyone #business-analytics-for-everyone-content>div:first-of-type .card .icon-datawall {
    color: #008ace
}

#business-analytics-for-everyone #business-analytics-for-everyone-content>div:first-of-type .card .icon-present {
    color: #f47920
}

#business-analytics-for-everyone #business-analytics-for-everyone-content>div:first-of-type .card .icon-goal-3 {
    color: #25a767
}

#business-analytics-for-everyone #business-analytics-for-everyone-content>div:first-of-type .card .icon-benchmarks {
    color: #7540ab
}

#business-analytics-for-everyone #business-analytics-for-everyone-content>div:first-of-type .card .icon-mag-glass {
    color: #f4bb42
}

#business-analytics-for-everyone #business-analytics-for-everyone-form {
    padding: 32px;
    background-color: #d1e6ed;
    border: 1px solid #4976df86;
    border-radius: 12px
}

#business-analytics-for-everyone #business-analytics-for-everyone-form .signupBox {
    text-align: center;
    margin: unset;
    width: unset
}

#business-analytics-for-everyone #business-analytics-for-everyone-form .signupBox input {
    border: none
}

#business-analytics-for-everyone #business-analytics-for-everyone-form small {
    color: rgba(142, 146, 155, .8);
    text-align: left;
    font-weight: 500
}

#business-analytics-for-everyone #business-analytics-for-everyone-form>div {
    padding: 8px 16px;
    display: flex;
    gap: 16px
}

#business-analytics-for-everyone #business-analytics-for-everyone-form>div>div {
    display: flex;
    gap: 0 4px;
    font-size: 10px
}

#business-analytics-for-everyone #business-analytics-for-everyone-form>div>div .icon-check {
    color: #25a767
}

#business-analytics-for-everyone #business-analytics-for-everyone-form>div>div span:last-of-type {
    color: rgba(142, 146, 155, .8);
    font-weight: 400;
    text-transform: uppercase
}

#business-analytics-for-everyone #business-analytics-for-everyone-image {
    margin-left: 90px
}

#business-analytics-for-everyone #business-analytics-for-everyone-image>img {
    width: 100%
}

@keyframes fade-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

#reviews .head,
#simple-review {
    text-align: center
}

#reviews .head img,
#simple-review img {
    display: block
}

#reviews .head .reviewservices a,
#simple-review .reviewservices a {
    display: inline-block
}

#reviews .head .reviewservices a.capterra,
#simple-review .reviewservices a.capterra {
    margin-left: 20px
}

#reviews .head .reviewservices img,
#simple-review .reviewservices img {
    height: 43px
}

#reviews .head .stars img,
#simple-review .stars img {
    margin: 0 auto;
    width: 194px
}

#reviews .head .stars small,
#simple-review .stars small {
    display: block;
    font-size: 16px;
    line-height: 30px;
    color: #8e929b;
    font-weight: 500;
    padding: 16px 0 12px
}

#simple-review p {
    font-size: 18px;
    line-height: 28px;
    color: #8e929b;
    font-weight: 300;
    margin: 20px 0 20px
}

#reviews .header {
    background-image: none;
    background: #3e444c;
    height: 123px !important;
    min-height: 100px !important;
    padding: 0 !important
}

#reviews h2 {
    font-size: 55px;
    line-height: 60px;
    font-weight: 200;
    text-align: center;
    margin: 15px 0 38px
}

#reviews .head {
    padding-bottom: 0
}

#reviews .reviews {
    padding: 66px 0 0
}

#reviews .reviews .item {
    text-align: center;
    padding: 0 45px 74px
}

#reviews .reviews .item img {
    display: block;
    width: 82px;
    height: 82px;
    margin: 0 auto
}

#reviews .reviews .item p {
    font-size: 22px;
    line-height: 32px;
    margin: 20px 0
}

#reviews .reviews .item span {
    display: block;
    font-size: 14px;
    line-height: 20px
}

#reviews .reviews .item span a {
    text-decoration: underline
}

#reviews .reviews .item span a:hover {
    text-decoration: none
}

#reviews .logos {
    padding: 46px 0 60px
}

#reviews .logos.company {
    padding-bottom: 70px
}

#reviews .logos.company .right.company {
    padding-top: 50px
}

@media only screen and (max-width:1200px) {
    #reviews .reviews .item {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media only screen and (max-width:580px) {
    #reviews .logos {
        padding: 35px 0 20px
    }

    #reviews .logos img {
        max-width: 100%
    }
}

@media only screen and (max-width:480px) {
    #reviews .reviews .item {
        padding-bottom: 50px
    }

    #reviews .reviews .item p {
        font-size: 18px;
        line-height: 24px
    }
}

#cta-now {
    text-align: center;
    color: #2d3237
}

#cta-now h2 {
    font-size: 24px;
    line-height: 40px;
    font-weight: 300;
    margin: 30px 0 0;
    color: #2d3237
}

#cta-now h3 {
    font-size: 36px;
    line-height: 48px;
    font-weight: 500;
    color: #2d3237;
    margin: 0
}

#cta-now h3 em {
    line-height: 35px;
    border-bottom: 4px solid #1679a6;
    font-style: normal;
    display: inline-block
}

#cta-now small {
    display: block;
    font-size: 18px;
    line-height: 28px;
    font-weight: 300;
    color: #8e929b;
    margin: 16px 0
}

#cta-now #cta-buttons {
    margin: 56px 0 40px
}

#cta-now #cta-buttons a.btn {
    width: 220px
}

@media only screen and (max-width:580px) {
    #cta-now #cta-buttons a.btn {
        margin: 0 auto
    }

    #cta-now #cta-buttons span {
        display: block;
        margin: 20px 0
    }
}

@keyframes fade-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.selectize-control,
.selectize-control.single {
    height: 34px
}

.selectize-control .selectize-input,
.selectize-control.single .selectize-input {
    height: 34px;
    overflow-y: auto
}

.selectize-control .selectize-input:after,
.selectize-control.single .selectize-input:after {
    background: url(../img/other/arrow-down.svg) no-repeat center;
    background-size: 15px;
    height: 100%;
    opacity: .5;
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    border: none;
    margin-top: 0
}

.selectize-control .selectize-input.dropdown-active:after,
.selectize-control.single .selectize-input.dropdown-active:after {
    transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    margin-top: 0
}

.input-group-lg .selectize-control {
    height: 46px
}

.input-group-lg .selectize-input {
    background-size: 20px;
    height: 46px;
    line-height: 1.33333;
    padding: 10px 16px
}

.input-group-lg .selectize-input input {
    font-size: 18px
}

@keyframes fade-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.service-page .header {
    min-height: 900px;
    background-size: cover;
    position: relative;
    text-align: center
}

.service-page .header h1 {
    font-size: 60px;
    line-height: 65px;
    font-weight: 500
}

.service-page .header h2 {
    font-weight: 300;
    font-size: 22px;
    line-height: 30px;
    margin: 50px 0
}

.service-page .header .img-responsive {
    margin: 0 auto
}

.service-page #services-bab-1 h3,
.service-page #services-bab-1 p.under-h3,
.service-page #services-bab-3 h3,
.service-page #services-bab-3 p.under-h3 {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto
}

.service-page #services-bab-1 h3,
.service-page #services-bab-3 h3 {
    width: 600px;
    font-size: 36px;
    line-height: 44px;
    text-align: center;
    margin-bottom: 20px
}

.service-page #services-bab-1 p.under-h3,
.service-page #services-bab-3 p.under-h3 {
    width: 840px;
    font-size: 18px;
    line-height: 28px;
    color: #8e929b;
    text-align: center
}

.service-page #services-bab-1 .layout-triple,
.service-page #services-bab-3 .layout-triple {
    text-align: center;
    padding-top: 50px
}

.service-page #services-bab-1 .layout-triple img,
.service-page #services-bab-3 .layout-triple img {
    max-width: 100%
}

.service-page #services-bab-1 .layout-triple p,
.service-page #services-bab-3 .layout-triple p {
    text-align: left;
    line-height: 24px;
    margin-top: 30px
}

@media only screen and (max-width:991px) {
    .service-page .content {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .service-page #services-bab-1 .col,
    .service-page #services-bab-3 .col {
        margin-bottom: 50px
    }

    .service-page #services-bab-1 .col:last-child,
    .service-page #services-bab-3 .col:last-child {
        margin-bottom: 0
    }
}

@media only screen and (max-width:767px) {
    .service-page .header {
        min-height: 0
    }

    .service-page .header h1 {
        font-size: 34px;
        line-height: 41px
    }
}

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

    .service-page #services-bab-1 h3,
    .service-page #services-bab-3 h3 {
        font-size: 30px;
        line-height: 36px
    }

    .service-page .container.narrow {
        padding-left: 15px;
        padding-right: 15px
    }
}

#services h1 {
    font-size: 44px;
    line-height: 52px;
    font-weight: 500
}

#services h2 {
    font-size: 36px;
    line-height: 40px;
    font-weight: 500;
    margin-bottom: 20px
}

#services h3 {
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 20px
}

#services p {
    font-size: 22px;
    line-height: 30px;
    font-weight: 300;
    color: #8e929b;
    padding: 10px 0;
    margin: 0
}

#services p.text {
    color: #2d3237
}

#services p.small {
    font-size: 18px;
    line-height: 28px
}

#services li>p {
    line-height: normal;
    padding: 0
}

#services span.text {
    color: #2d3237;
    font-weight: 500
}

#services small.info {
    width: 15px;
    height: 15px !important;
    position: relative;
    background-image: url(../img/pricing/info.png);
    background-repeat: no-repeat;
    background-size: 100%;
    display: inline-block;
    text-indent: -9999;
    overflow: hidden;
    cursor: pointer
}

#services small.info>span {
    display: none
}

#services .disclaimer {
    font-style: italic
}

#services .collapsible__header {
    color: #1d9ad6
}

#services .collapsible__content ul li {
    font-size: 16px;
    line-height: 24px;
    color: #8e929b
}

#services .collapsible__content ul li:last-child {
    margin-bottom: 0
}

#services .collapsible-group .collapsible__header {
    font-weight: 400
}

#services .free {
    background-color: #ffac36;
    color: #fff;
    border-radius: 4px;
    height: 24px;
    line-height: 24px;
    padding: 0 5px;
    vertical-align: middle;
    font-size: 12px;
    margin-left: 10px;
    font-weight: 500
}

#services .free:after {
    content: 'FREE'
}

#services .v-center {
    padding-top: 25%;
    padding-bottom: 25%
}

#services .h-center {
    margin-left: auto !important;
    margin-right: auto !important
}

#services .btn-ct {
    display: inline-block;
    font-size: 16px;
    line-height: 34px;
    font-weight: 500;
    letter-spacing: 1px;
    padding-left: 30px;
    padding-right: 30px;
    white-space: normal
}

#services .header {
    background-image: url('../img/services/bg.jpg');
    background-position: center center;
    background-size: cover;
    overflow: hidden
}

#services .header .img-ct {
    position: absolute;
    transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%)
}

@media only screen and (max-width:767px) {
    #services .header .img-ct {
        position: relative;
        transform: none;
        -o-transform: none;
        -ms-transform: none;
        -moz-transform: none;
        -webkit-transform: none
    }

    #services .header .img-ct img {
        width: 290px;
        height: auto
    }
}

#services .header p {
    color: rgba(255, 255, 255, .75)
}

#services .header a {
    font-weight: 500;
    text-decoration: underline;
    color: inherit
}

#services .header .embed {
    max-width: 550px;
    margin: 0 auto
}

#services .service {
    position: relative;
    height: 100%;
    padding: 45px 40px;
    border: 1px solid rgba(142, 146, 155, .25);
    border-radius: 4px
}

#services .service__header {
    width: 100%;
    margin-bottom: 30px
}

#services .service__header .icon {
    line-height: 50px;
    font-size: 50px
}

#services .service__header .free,
#services .service__header .price {
    float: right
}

#services .service__header .price {
    font-size: 24px;
    font-weight: 500
}

#services .service__header .price:before {
    content: '$';
    font-size: 16px
}

#services .service__header .free {
    margin-top: 10px
}

#services .service__content {
    padding-bottom: 80px
}

#services .service__content p {
    font-size: 16px;
    line-height: 24px
}

#services .service__content .actions {
    position: absolute;
    bottom: 50px
}

#services .service__content .actions .btn+.btn {
    margin-left: 5px
}

#services .service--no-stretch {
    height: 650px
}

#services .service--focused {
    -moz-box-shadow: 5px 7px 26.19px .81px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 5px 7px 26.19px .81px rgba(0, 0, 0, .2);
    box-shadow: 5px 7px 26.19px .81px rgba(0, 0, 0, .2)
}

#services .packages {
    list-style: none;
    margin: 0;
    padding: 0;
    background-color: #fff;
    border: 1px solid rgba(142, 146, 155, .25);
    border-radius: 4px
}

#services .packages .package {
    border-bottom: 1px solid rgba(142, 146, 155, .25)
}

#services .packages .package:last-child {
    border-bottom: none
}

#services .package {
    position: relative;
    text-align: left
}

#services .package__logo {
    position: absolute;
    top: 50px;
    left: 45px;
    width: 50px;
    height: 50px
}

#services .package__logo .icon {
    line-height: 50px;
    font-size: 50px
}

#services .package__content {
    padding: 60px 45px 45px 120px
}

#services .package__content p {
    font-size: 16px;
    line-height: 24px
}

#services .package__content .actions {
    margin-top: 20px
}

#services .package__content .actions .btn+.btn {
    margin-left: 5px
}

#services .package__content .actions .or {
    margin: 0 5px;
    color: #8e929b
}

#services .package__content .collapsible-group .collapsible:last-child .collapsible__content {
    margin-bottom: 0
}

@media only screen and (max-width:767px) {
    #services .package__logo {
        top: 35px
    }

    #services .package__content {
        padding-top: 120px;
        padding-left: 45px
    }

    #services .package__content .collapsible .actions .or,
    #services .package__content .collapsible .actions a {
        width: 100%
    }

    #services .package__content .collapsible .actions .or {
        display: block;
        text-align: center;
        margin: 10px 0
    }
}

@media only screen and (max-width:480px) {
    #services .package__content {
        padding-left: 25px;
        padding-right: 25px
    }

    #services .package__content .actions .btn {
        width: 100%
    }

    #services .package__content .actions .btn+.btn {
        margin-top: 20px;
        margin-left: 0
    }
}

#services .btn {
    font-size: 16px;
    text-transform: none;
    white-space: normal
}

#services .icon.gray {
    color: #8e929b
}

#services .icon.red {
    color: #f76868
}

#services .icon.blue {
    color: #1d9ad6
}

#services .icon.blue-dark {
    color: #1679a6
}

#services .icon.orange {
    color: #ffac36
}

#services .icon.green {
    color: #25a767
}

#services .icon.purple {
    color: #6d69af
}

#services .section-1 {
    padding: 70px 0 100px
}

#services .section-1 .info {
    height: 100%
}

@media only screen and (max-width:1200px) {
    #services .section-1 .service .actions {
        left: 50%;
        transform: translateX(-50%)
    }

    #services .section-1 .service .btn {
        width: 250px
    }

    #services .section-1 .service .btn+.btn {
        margin-left: 0;
        margin-top: 20px
    }

    #services .section-1 .service--no-stretch {
        height: 750px
    }
}

@media only screen and (max-width:991px) {
    #services .section-1 .service .actions {
        left: 40px;
        transform: none
    }

    #services .section-1 .service .btn {
        width: auto
    }

    #services .section-1 .service .btn+.btn {
        margin-top: 0;
        margin-left: 5px
    }

    #services .section-1 .service--no-stretch {
        height: 100%
    }
}

@media only screen and (max-width:480px) {
    #services .section-1 .service__content {
        padding-bottom: 0
    }

    #services .section-1 .service .actions {
        position: relative;
        left: 0;
        bottom: 0
    }

    #services .section-1 .service .actions .btn {
        width: 100%;
        margin-top: 20px
    }

    #services .section-1 .service .actions .btn+.btn {
        margin-left: 0
    }
}

#services .section-2 {
    padding: 80px 0;
    background-color: #f3f4f5
}

#services .section-2 .testimonials-carousel {
    margin: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: inherit
}

#services .section-2 .testimonials-carousel .box .text p {
    color: #2d3237
}

@media only screen and (max-width:991px) {
    #services .section-2 .testimonials-carousel .box {
        padding: 0
    }
}

#services .section-3 {
    padding: 100px 0;
    text-align: center
}

#services .section-4 {
    padding: 100px 0;
    background-color: #f3f4f5;
    text-align: center
}

#services-bab .header {
    background-image: url(../img/services/build-a-board/bg.jpg)
}

#services-bab #services-bab-1 .layout-triple {
    text-align: left
}

#services-bab #services-bab-1 .icon {
    font-size: 50px
}

#services-bab #services-bab-1 .icon-circle-check {
    color: #02b875
}

#services-bab #services-bab-1 .icon-reporting {
    color: #f7941d
}

#services-bab #services-bab-1 .icon-present-reporting {
    color: #6b67ae
}

#services-bab #services-bab-1 strong {
    text-align: left
}

#services-bab .product-review-2 {
    border-top: 1px solid rgba(142, 146, 155, .1)
}

#services-bab .product-review-2#review-22 {
    background-color: rgba(102, 197, 218, .1)
}

#services-bab #services-bab-3 {
    background-color: #f8f9f4;
    padding-top: 70px;
    padding-bottom: 70px
}

#services-bab #services-bab-3 .layout-triple {
    padding-top: 0;
    text-align: left
}

#services-bab #services-bab-3 .layout-triple strong {
    line-height: 24px;
    font-size: 16px
}

#services-bab #services-bab-3 .layout-triple p {
    line-height: 24px;
    margin-top: 0
}

#services-bab #services-bab-3 .img-wrapper {
    height: 245px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%
}

#services-bab #product-dashboard-examples {
    padding-top: 100px;
    padding-bottom: 100px
}

#services-bab #product-dashboard-examples .description {
    text-align: center
}

#services-bab #product-dashboard-examples .chat-cta-button {
    margin-top: 20px
}

#service-ga .header {
    background-image: url(../img/services/ga/bg.jpg)
}

#service-ga .icon-laptop {
    color: #2b9bd4
}

#service-ga .icon-crowd {
    color: #7540ab
}

#service-ga .icon-funnel {
    color: #fcac00
}

#service-ga .icon-individual-user {
    color: #02b875
}

#service-ga .icon-segments {
    color: #758088
}

#service-ga .icon-shopping-cart {
    color: #db89cf
}

#service-hscrm .header {
    background-image: url(../img/services/hscrm/bg.jpg)
}

#service-hscrm .icon-productivity {
    color: #02b875
}

#service-hscrm .icon-funnel {
    color: #fcac00
}

#service-hscrm .icon-pipeline {
    color: #db89cf
}

#service-hscrm .icon-analyze-2 {
    color: #2b9bd4
}

#service-hsmarketing .header {
    background-image: url(../img/services/hsmarketing/bg.jpg)
}

#service-hsmarketing #service-areas h3 {
    margin-bottom: 60px
}

#service-hsmarketing .icon-laptop {
    color: #2b9bd4
}

#service-hsmarketing .icon-crowd {
    color: #7540ab
}

#service-hsmarketing .icon-funnel {
    color: #fcac00
}

#service-hsmarketing .icon-email-marketing {
    color: #db89cf
}

#service-hsmarketing .icon-blog {
    color: #758088
}

#service-hsmarketing .icon-analyze-3 {
    color: #6fb62b
}

#service-hsmarketing .icon-rocket {
    color: #ff4600
}

#service-hsmarketing .icon-deal-growth {
    color: #53b57b
}

#service-hsmarketing .icon-contact-archive {
    color: #ff7800
}

@media only screen and (max-width:480px) {
    #service-hsmarketing .chat-cta-buttons .btn {
        max-width: 90%;
        font-size: 15px
    }
}

#service-ga-audit .header {
    background-image: url(../img/services/ga-audit/bg.jpg)
}

#service-ga-audit .icon-analyze {
    color: #ff4600
}

#service-ga-audit .icon-bot-traffic {
    color: #fcac00
}

#service-ga-audit .icon-email-marketing {
    color: #7540ab
}

#service-ga-audit .icon-analyze-3 {
    color: #6fb62b
}

#service-fb-ads .header {
    background-image: url(../img/services/fb-ads/bg.jpg)
}

#service-fb-ads .icon-present-reporting {
    color: #fcac00
}

#service-fb-ads .icon-loudspeaker {
    color: #2b9bd4
}

#service-fb-ads .icon-ad {
    color: #02b875
}

#services-social-media .header {
    background-image: url(../img/services/social-media/bg.jpg)
}

#services-social-media .icon-fb {
    color: #4867aa
}

#services-social-media .icon-ig {
    color: #ab2f8d
}

#services-social-media .icon-li {
    color: #0270ad
}

#services-social-media .icon-tw {
    color: #2ba5da
}

#services-social-media .icon-yt {
    color: #fe0000
}

#services-social-media .icon-social-media {
    color: #758088
}

#service-pipedrivecrm .header {
    background: #1f3131
}

#service-pipedrivecrm .icon-analyze-3 {
    color: #6fb62b
}

#service-pipedrivecrm .icon-crowd {
    color: #7540ab
}

#service-pipedrivecrm .icon-deal-growth {
    color: #53b57b
}

#service-pipedrivecrm .icon-funnel {
    color: #fcac00
}

#service-pipedrivecrm .icon-contact-archive {
    color: #758088
}

.collapsible__header {
    display: table;
    cursor: pointer
}

.collapsible__header .icon,
.collapsible__header .title {
    display: table-cell
}

.collapsible__header .icon:before {
    margin-right: 10px
}

.collapsible__content {
    display: none;
    padding-left: 25px;
    margin-bottom: 30px
}

.collapsible__content ul {
    list-style-type: disc;
    padding: 0 0 0 17px;
    margin: 0
}

.collapsible__content ul li:last-child {
    margin-bottom: 0
}

.product-review-2 {
    text-align: center;
    padding-top: 100px;
    padding-bottom: 100px
}

.product-review-2 img {
    margin-bottom: 25px
}

.product-review-2 .item {
    color: #2d3237;
    font-style: italic;
    line-height: 30px;
    margin-bottom: 50px
}

.product-review-2 .item p {
    font-size: 20px
}

#service-wizard {
    background-color: rgba(102, 197, 218, .1);
    padding-top: 100px;
    padding-bottom: 100px
}

#service-wizard h3 {
    font-size: 36px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 30px
}

#service-wizard .under-h3 {
    text-align: center;
    font-size: 18px;
    color: #8e929b;
    margin-bottom: 60px
}

#service-wizard .step {
    position: relative;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 80px
}

#service-wizard .step__img {
    position: absolute;
    font-size: 45px;
    top: -10px
}

#service-wizard .step__content {
    position: relative;
    padding-left: 100px
}

#service-wizard .step__content .num {
    font-size: 25px;
    position: absolute;
    left: 65px
}

#service-wizard .step__content .num:after {
    content: '';
    height: 100%;
    width: 1px;
    color: #000
}

#service-wizard .step__content strong {
    font-size: 16px
}

#service-wizard .step__content .num,
#service-wizard .step__content strong {
    vertical-align: middle
}

#service-wizard .step:last-child {
    margin-bottom: 0
}

#service-wizard .step:not(:last-child):after {
    content: '';
    position: absolute;
    top: 25px;
    left: 92px;
    height: calc(100% + 60px);
    background: rgba(45, 50, 55, .5);
    width: 1px
}

#service-wizard .step-1 .icon,
#service-wizard .step-1 strong {
    color: #7540ab
}

#service-wizard .step-2 .icon,
#service-wizard .step-2 strong {
    color: #0072bc
}

#service-wizard .step-3 .icon,
#service-wizard .step-3 strong {
    color: #f7941d
}

#service-wizard .step-4 .icon,
#service-wizard .step-4 strong {
    color: #53b57b
}

#service-areas {
    padding-top: 110px;
    padding-bottom: 90px;
    background-color: #f8f9f4
}

#service-areas h3 {
    font-size: 36px;
    line-height: 42px;
    color: #2d3237;
    text-align: center;
    font-weight: 500
}

#service-areas p.under-h3 {
    font-size: 18px;
    line-height: 28px;
    color: #8e929b;
    text-align: center;
    margin-top: 40px;
    margin-bottom: 80px
}

#service-areas .area__icon .icon {
    font-size: 36px
}

#service-areas .area__description {
    margin-top: 10px
}

#service-areas .area__description p,
#service-areas .area__description strong {
    font-size: 16px;
    line-height: 24px;
    color: #2d3237
}

#service-areas .area__description strong {
    font-weight: 500
}

#service-areas .area__description p {
    margin-top: 10px
}

#service-areas .area__description .scroll {
    font-weight: 400;
    color: #2b9bd4;
    text-decoration: underline
}

#service-areas .row {
    margin-bottom: 80px
}

#service-areas .chat-cta-button {
    padding-top: 20px
}

@media only screen and (max-width:992px) {
    #service-areas .area:not(:last-child) {
        margin-bottom: 40px
    }

    #service-areas .row {
        margin-bottom: 40px
    }
}

#service-area-details .service-area-detail {
    padding-top: 150px;
    padding-bottom: 100px
}

#service-area-details .service-area-detail__left {
    margin-top: -70px
}

#service-area-details .service-area-detail__left h3 {
    font-size: 36px;
    line-height: 36px;
    color: #2d3237;
    margin-bottom: 20px;
    margin-top: -50p
}

#service-area-details .service-area-detail__left p {
    font-size: 18px;
    line-height: 28px;
    color: #8e929b;
    margin-bottom: 30px
}

#service-area-details .service-area-detail__left .icon {
    font-size: 36px
}

#service-area-details .service-area-detail__left .chat-cta-button {
    text-align: left
}

#service-area-details .service-area-detail__right {
    font-size: 16px;
    line-height: 24px
}

#service-area-details .service-area-detail__right ul {
    margin-top: 20px;
    padding-left: 17px;
    color: #2d3237
}

#service-area-details .service-area-detail__right ul li:not(:last-child) {
    margin-bottom: 20px
}

#service-area-details .service-area-detail:not(:last-child) {
    border-bottom: 1px solid rgba(142, 146, 155, .1)
}

@media only screen and (max-width:992px) {
    #service-area-details .service-area-detail .area:not(:last-child) {
        margin-bottom: 40px
    }

    #service-area-details .service-area-detail__right {
        margin-top: 40px
    }
}

@media only screen and (max-width:480px) {
    #service-area-details .service-area-detail {
        padding-top: 110px
    }
}

#service-examples {
    padding-top: 70px;
    padding-bottom: 125px;
    border-top: 1px solid rgba(142, 146, 155, .1)
}

#service-examples h3 {
    font-size: 36px;
    line-height: 42px;
    color: #2d3237;
    text-align: center;
    font-weight: 500;
    margin-bottom: 50px
}

@media only screen and (max-width:992px) {
    #service-examples .row>div:not(:last-child) {
        margin-bottom: 30px
    }
}

.chat-cta-buttons {
    text-align: center;
    color: rgba(255, 255, 255, .75)
}

.chat-cta-buttons .btn-green {
    margin-right: 20px
}

.chat-cta-buttons p {
    margin-top: 30px;
    font-size: 18px;
    padding-right: 20px;
    padding-left: 20px
}

.chat-cta-buttons p a {
    color: rgba(255, 255, 255, .75);
    text-decoration: underline
}

@media only screen and (max-width:480px) {
    .chat-cta-buttons .btn-green {
        margin-right: 0;
        margin-bottom: 20px
    }

    .chat-cta-buttons .btn {
        display: block;
        max-width: 100%;
        white-space: normal;
        margin-right: 15px;
        margin-left: 15px
    }
}

.chat-cta-button {
    text-align: center
}

@keyframes fade-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

#main-container.signup-agency.step-1-active #main-container-left {
    background-color: #edf7fc;
    width: calc(50% + 50px)
}

#main-container.signup-agency.step-1-active #main-container-left .main-container-content {
    width: 600px;
    padding: 20px 25px
}

#main-container.signup-agency.step-1-active #main-container-right {
    width: calc(50% - 50px)
}

#main-container.signup-agency.step-1-active #main-container-right .main-container-content {
    width: 530px
}

#main-container.signup-agency.step-1-active #main-container-right .main-container-content .step1 {
    padding-top: 0
}

#main-container.signup-agency.step-1-active #main-container-right .main-container-top {
    display: flex;
    align-items: center;
    text-align: center;
    flex-direction: column;
    padding: 20px 25px
}

#main-container.signup-agency.step-1-active #main-container-right .main-container-top__logo-and-sign-in {
    gap: 20px;
    align-self: stretch;
    justify-content: space-between;
    display: flex;
    align-items: center;
    flex-direction: column;
    padding-bottom: 16px
}

#main-container.signup-agency.step-1-active #main-container-right .main-container-top__title {
    font-size: 24px
}

#main-container.signup-agency.step-1-active #main-container-right .main-container-top ul {
    padding: 0;
    display: flex;
    column-gap: 20px;
    row-gap: 8px;
    justify-content: center;
    list-style: none;
    flex-wrap: wrap
}

#main-container.signup-agency.step-1-active #main-container-right .main-container-top li {
    text-wrap: nowrap;
    display: flex;
    gap: 8px;
    align-items: center
}

#main-container.signup-agency.step-1-active #main-container-right .main-container-top .icon:before {
    color: #25a767
}

#main-container.signup-agency.step-1-active #main-container-right .sign-in {
    font-size: 12px
}

#main-container.signup-agency.step-1-active #main-container-right .step1 .logo-mobile,
#main-container.signup-agency.step-1-active #main-container-right .step1 .sign-in {
    display: none
}

#main-container.signup-agency.step-1-active #main-container-right .right-side h1,
#main-container.signup-agency.step-1-active #main-container-right .right-side ul {
    display: none
}

@media screen and (min-width:600px) {
    #main-container.signup-agency.step-1-active #main-container-right .main-container-content .main-container-top__logo-and-sign-in {
        flex-direction: row
    }
}

@media screen and (min-width:768px) {
    #main-container.signup-agency.step-1-active #main-container-right .main-container-content {
        width: calc(416px + 80px)
    }

    #main-container.signup-agency.step-1-active #main-container-right .main-container-top {
        text-align: left;
        align-items: start
    }

    #main-container.signup-agency.step-1-active #main-container-right .main-container-top ul {
        justify-content: start
    }

    #main-container.signup-agency.step-1-active #main-container-right .sign-in {
        position: absolute;
        top: 10px;
        right: 25px
    }

    #main-container.signup-agency.step-1-active #main-container-right .logo-mobile {
        display: none
    }
}

@media screen and (min-width:1024px) {
    #main-container.signup-agency.step-1-active #main-container-left .main-container-content {
        padding: 20px 60px 20px 20px
    }

    #main-container.signup-agency.step-1-active #main-container-right .main-container-top {
        padding: 60px 40px 20px 60px
    }

    #main-container.signup-agency.step-1-active #main-container-right .sign-in {
        right: unset;
        left: 270px
    }
}

.signup.signup-agency .dbx-repeater-icon-list {
    margin-block: 48px 62px
}

.signup.signup-agency .dbx-repeater-icon-list strong {
    font-weight: 700
}

.signup.signup-agency .dbx-ratings {
    margin-block: 62px;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    align-items: center
}

.signup.signup-agency .dbx-ratings__divider:nth-of-type(2) {
    display: none
}

@media screen and (min-width:850px) {
    .signup.signup-agency .dbx-ratings {
        flex-direction: row
    }

    .signup.signup-agency .dbx-ratings__divider:nth-of-type(2) {
        display: inline
    }
}

@keyframes fade-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.dbx-signup-form .btn {
    text-transform: none;
    padding-right: 35px;
    width: 100%
}

.dbx-signup-form .btn .icon {
    font-size: 12px;
    position: relative;
    bottom: 2px;
    left: 8px
}

.dbx-signup-form__loader {
    display: none
}

.dbx-signup-form__loader.dbx-signup-form--loader-active {
    display: block
}

.dbx-signup-form__form .auth a {
    display: block;
    width: 100%;
    height: 45px;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-color: #1d9ad6;
    background-position: left top;
    padding-left: 20px;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    text-decoration: none;
    line-height: 45px;
    letter-spacing: .7px;
    text-align: center;
    border-radius: 6px
}

.dbx-signup-form__form .auth a.google {
    background-image: url(../img/signup/google-logo.png)
}

.dbx-signup-form__form .auth a:active,
.dbx-signup-form__form .auth a:focus,
.dbx-signup-form__form .auth a:hover {
    -moz-box-shadow: 0 0 1px 1px rgba(64, 128, 247, .6);
    -webkit-box-shadow: 0 0 1px 1px rgba(64, 128, 247, .6);
    box-shadow: 0 0 1px 1px rgba(64, 128, 247, .6)
}

.dbx-signup-form__form .line {
    text-align: left;
    margin: 20px 0;
    height: 37px;
    position: relative
}

.dbx-signup-form__form .line span {
    font-family: Arial, 'Trebuchet MS', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 13px;
    color: rgba(142, 146, 155, .7);
    background-color: #fff;
    display: inline-block;
    padding: 0 4px;
    position: relative;
    z-index: 1;
    top: 5px
}

.dbx-signup-form__form .line:before {
    content: '';
    position: absolute;
    top: 16px;
    left: 0;
    width: 100%;
    border-bottom: 1px dashed rgba(142, 146, 155, .5)
}

.dbx-signup-form__form form .selectize-control .selectize-dropdown,
.dbx-signup-form__form form .selectize-control .selectize-input,
.dbx-signup-form__form form .selectize-control .selectize-input input {
    line-height: 28px;
    color: #555
}

.dbx-signup-form__form form .selectize-control .selectize-input {
    border-radius: 6px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.dbx-signup-form__form form .selectize-control .selectize-input:after {
    opacity: .3
}

.dbx-signup-form__form form fieldset {
    position: relative;
    margin-bottom: 20px
}

.dbx-signup-form__form form fieldset.has-error {
    position: relative
}

.dbx-signup-form__form form fieldset.has-error .form-control {
    border-color: rgba(247, 104, 104, .5);
    box-shadow: none
}

.dbx-signup-form__form form fieldset.has-error:after {
    content: '';
    position: absolute;
    top: 40px;
    right: 12px;
    width: 15px;
    height: 15px;
    background-image: url(../img/error.png);
    background-size: 100% auto
}

.dbx-signup-form__form form fieldset.error-text-shown {
    margin-bottom: 10px
}

.dbx-signup-form__form form fieldset.error-text-shown span.err {
    display: block
}

.dbx-signup-form__form form fieldset>.icon {
    position: absolute;
    top: 12px;
    left: 10px;
    opacity: .5;
    z-index: 2
}

.dbx-signup-form__form form fieldset .note {
    position: relative;
    top: 8px;
    left: unset;
    padding: 6px;
    color: #000;
    background-color: rgba(244, 187, 66, .1);
    border-radius: 4px;
    opacity: 1;
    font-size: 12px
}

.dbx-signup-form__form form fieldset .note::before {
    margin-right: 8px;
    color: #f4bb42
}

.dbx-signup-form__form form fieldset .note.hidden {
    display: none
}

.dbx-signup-form__form form fieldset>.star {
    position: absolute;
    top: 10px;
    right: 10px
}

.dbx-signup-form__form form fieldset .selectize-control .selectize-input,
.dbx-signup-form__form form fieldset>input {
    padding: 10px
}

.dbx-signup-form__form form fieldset .selectize-control,
.dbx-signup-form__form form fieldset .selectize-control .selectize-input,
.dbx-signup-form__form form fieldset>input {
    height: 45px
}

.dbx-signup-form__form form fieldset .selectize-control,
.dbx-signup-form__form form fieldset .selectize-input input,
.dbx-signup-form__form form fieldset>input {
    font-size: 14px;
    font-weight: 500;
    border-width: 2px
}

.dbx-signup-form__form form fieldset input::-webkit-input-placeholder {
    font-weight: 400;
    opacity: .7;
    font-style: italic
}

.dbx-signup-form__form form fieldset input::-moz-placeholder {
    font-weight: 400;
    opacity: .7;
    font-style: italic
}

.dbx-signup-form__form form fieldset input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #fff inset
}

.dbx-signup-form__form form fieldset .selectize-input.focus,
.dbx-signup-form__form form fieldset>input:focus {
    border-color: #1d9ad6;
    -webkit-box-shadow: 0 0 2px 0 #32acce;
    -moz-box-shadow: 0 0 2px 0 #32acce;
    box-shadow: 0 0 2px 0 #32acce;
    background-color: rgba(29, 154, 214, .08)
}

.dbx-signup-form__form form fieldset span.err {
    display: none;
    font-size: 13px;
    color: #f76868;
    padding: 3px 0 0 3px
}

.dbx-signup-form__form .btn {
    margin-top: 20px
}

.dbx-signup-form__form .agreement {
    font-size: 12px;
    color: rgba(0, 0, 0, .5);
    margin-top: 20px
}

.dbx-signup-form__form .agreement a {
    color: inherit;
    text-decoration: underline
}

.dbx-signup-form__loader {
    background-color: #fff;
    position: fixed;
    inset: 0;
    z-index: 1
}

.dbx-signup-form__loader .loader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.dbx-signup-form__loader .ct {
    display: flex;
    flex-direction: column;
    align-items: center
}

.dbx-signup-form-section {
    display: flex;
    justify-content: center;
    padding: 48px
}

.dbx-signup-form-section .dbx-container {
    max-width: 500px
}

@keyframes fade-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.grecaptcha-badge {
    visibility: hidden
}

body.page-template-page-signup {
    min-height: 100%
}

body.page-template-page-signup .grecaptcha-badge {
    visibility: visible;
    bottom: 100px !important
}

@media only screen and (max-width:768px) {
    body.page-template-page-signup .grecaptcha-badge {
        transform: scale(.3);
        right: -146px !important
    }
}

#main-container {
    min-height: 100%;
    display: flex
}

#main-container #main-container-left,
#main-container #main-container-right {
    display: flex;
    align-items: center;
    min-height: 100%;
    position: relative;
    transition: width 1s;
    -o-transition: width 1s;
    -ms-transition: width 1s;
    -moz-transition: width 1s;
    -webkit-transition: width 1s
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {

    #main-container #main-container-left,
    #main-container #main-container-right {
        min-height: 100vh
    }
}

#main-container #main-container-left {
    background-color: rgba(142, 146, 155, .08);
    width: calc(50% - 185px);
    justify-content: flex-end
}

#main-container #main-container-left .main-container-content {
    width: 320px;
    min-height: 300px
}

#main-container #main-container-right {
    background: #fff;
    text-align: left;
    width: calc(50% + 185px)
}

#main-container #main-container-right .main-container-content {
    width: 690px;
    min-height: 200px
}

#main-container .main-container-content {
    text-align: left;
    display: inline-block;
    max-width: 100%
}

#main-container .step {
    display: none
}

#main-container.step-1-active .step1,
#main-container.step-2-active .step2 {
    display: block
}

#main-container.step-1-active #main-container-left {
    width: calc(50% - 50px)
}

#main-container.step-1-active #main-container-left .main-container-content {
    width: 480px
}

#main-container.step-1-active #main-container-right {
    width: calc(50% + 50px)
}

#main-container.step-1-active #main-container-right .main-container-content {
    width: 580px
}

#main-container.step-2-active #main-container-left {
    display: none
}

#main-container.step-2-active #main-container-right {
    width: 100%;
    justify-content: center;
    transition: none;
    -o-transition: none;
    -ms-transition: none;
    -moz-transition: none;
    -webkit-transition: none
}

#main-container.step-2-active #main-container-right .main-container-content {
    width: auto;
    min-height: 0
}

#main-container.step-2-active .step2 {
    padding: 0
}

#main-container.step-2-active .step2 .loader {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    left: -30px
}

#main-container.step-2-active .step2 .loader .ct {
    padding-bottom: 60px
}

#main-container.step-2-active .step2 .loader .bar-loader {
    margin: 0 auto
}

#main-container.step-2-active .step2 .loader p {
    font-size: 20px;
    line-height: 16px;
    color: #8e929b;
    margin-top: 22px;
    font-weight: 400;
    letter-spacing: 0;
    margin-bottom: 0
}

#main-container-left .step {
    padding: 40px
}

#main-container-left .step1 {
    height: 750px;
    padding: 40px 60px 40px 20px;
    margin-top: 0
}

#main-container-left .step1 .logo-wrapper {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 60px
}

#main-container-left .step1 .img-wrapper img {
    width: 450px;
    display: inline-block;
    max-width: 100%
}

#main-container-left .step1 #reviews-best-product {
    padding: 0
}

#main-container-left .step1 #reviews-best-product h2 {
    font-size: 13px;
    line-height: 20px;
    color: #8e929b;
    font-weight: 400
}

#main-container-left .step1 #reviews-best-product .img-container {
    padding-top: 0;
    height: auto;
    margin-bottom: 0
}

#main-container-left .step1 #reviews-best-product .img-container .logo {
    height: 20px;
    margin-bottom: 10px
}

#main-container-left .step1 #reviews-best-product .img-container .stars {
    width: 100px
}

#main-container-left .step1 #reviews-best-product .img-container--no-stars img {
    height: auto
}

#main-container-left .step1 h2 {
    color: #292929;
    font-size: 32px;
    line-height: 40px;
    font-weight: 500;
    margin: 50px 0 25px
}

#main-container-left .step1 h2 em {
    border-bottom: 4px solid #1d9ad6;
    font-style: normal;
    display: inline-block;
    line-height: 27px
}

#main-container-left .step1 p {
    font-weight: 300;
    font-size: 16px;
    line-height: 24px
}

#main-container-left .step1 ul {
    padding: 0;
    margin: 35px 0 65px;
    list-style: none
}

#main-container-left .step1 ul li {
    font-size: 16px;
    line-height: 36px
}

#main-container-left .step1 ul li::before {
    font-family: Icons;
    content: "\e90a";
    color: #25a767;
    font-size: 16px;
    display: inline-block;
    line-height: 36px;
    margin-right: 10px
}

#main-container-left .step1 ul li mark {
    background: url(../img/other/highlighter.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 45%;
    padding: 20px 10px;
    margin-left: -10px;
    margin-right: -10px
}

.main-side .btn {
    text-transform: none;
    padding-right: 35px;
    width: 100%
}

.main-side .btn .icon {
    font-size: 12px;
    position: relative;
    bottom: 2px;
    left: 8px
}

.main-side .step {
    padding: 40px 50px
}

.main-side .step1 {
    height: 750px;
    padding: 40px 20px 40px 60px
}

.main-side .step1 .logo-mobile {
    display: none
}

.main-side .step1 .sign-in {
    position: absolute;
    top: 15px;
    left: 370px;
    font-size: 12px;
    color: #8e929b
}

.main-side .step1 .sign-in a {
    color: #1d9ad6;
    text-decoration: underline;
    font-size: 13px
}

.main-side .step1 h1,
.main-side .step1 h5 {
    font-size: 24px;
    line-height: 30px;
    margin-top: 10px;
    margin-bottom: 10px
}

.main-side .step1 .subtitle-list {
    list-style-type: none;
    margin: 0 0 25px 0;
    padding: 0
}

.main-side .step1 .subtitle-list li {
    display: inline-block;
    font-size: 13px;
    color: #8e929b
}

.main-side .step1 .subtitle-list li:first-child {
    margin-right: 15px
}

.main-side .step1 .subtitle-list span.icon {
    margin-right: 5px;
    color: #25a767
}

.main-side .step1 .auth a {
    display: block;
    width: 100%;
    height: 45px;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-color: #1d9ad6;
    background-position: left top;
    padding-left: 20px;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    text-decoration: none;
    line-height: 45px;
    letter-spacing: .7px;
    text-align: center;
    border-radius: 6px
}

.main-side .step1 .auth a.google {
    background-image: url(../img/signup/google-logo.png)
}

.main-side .step1 .auth a:active,
.main-side .step1 .auth a:focus,
.main-side .step1 .auth a:hover {
    -moz-box-shadow: 0 0 1px 1px rgba(64, 128, 247, .6);
    -webkit-box-shadow: 0 0 1px 1px rgba(64, 128, 247, .6);
    box-shadow: 0 0 1px 1px rgba(64, 128, 247, .6)
}

.main-side .step1 .line {
    text-align: left;
    margin: 20px 0;
    height: 37px;
    position: relative
}

.main-side .step1 .line span {
    font-family: Arial, 'Trebuchet MS', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 13px;
    color: rgba(142, 146, 155, .7);
    background-color: #fff;
    display: inline-block;
    padding: 0 4px;
    position: relative;
    z-index: 1;
    top: 5px
}

.main-side .step1 .line:before {
    content: '';
    position: absolute;
    top: 16px;
    left: 0;
    width: 100%;
    border-bottom: 1px dashed rgba(142, 146, 155, .5)
}

.main-side .step1 form .selectize-control .selectize-dropdown,
.main-side .step1 form .selectize-control .selectize-input,
.main-side .step1 form .selectize-control .selectize-input input {
    line-height: 28px;
    color: #555
}

.main-side .step1 form .selectize-control .selectize-input {
    border-radius: 6px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.main-side .step1 form .selectize-control .selectize-input:after {
    opacity: .3
}

.main-side .step1 form fieldset {
    position: relative;
    margin-bottom: 20px
}

.main-side .step1 form fieldset.has-error {
    position: relative
}

.main-side .step1 form fieldset.has-error .form-control {
    border-color: rgba(247, 104, 104, .5);
    box-shadow: none
}

.main-side .step1 form fieldset.has-error:after {
    content: '';
    position: absolute;
    top: 40px;
    right: 12px;
    width: 15px;
    height: 15px;
    background-image: url(../img/error.png);
    background-size: 100% auto
}

.main-side .step1 form fieldset.error-text-shown {
    margin-bottom: 10px
}

.main-side .step1 form fieldset.error-text-shown span.err {
    display: block
}

.main-side .step1 form fieldset>.icon {
    position: absolute;
    top: 12px;
    left: 10px;
    opacity: .5;
    z-index: 2
}

.main-side .step1 form fieldset .note {
    position: relative;
    top: 8px;
    left: unset;
    padding: 6px;
    color: #000;
    background-color: rgba(244, 187, 66, .1);
    border-radius: 4px;
    opacity: 1;
    font-size: 12px
}

.main-side .step1 form fieldset .note::before {
    margin-right: 8px;
    color: #f4bb42
}

.main-side .step1 form fieldset .note.hidden {
    display: none
}

.main-side .step1 form fieldset>.star {
    position: absolute;
    top: 10px;
    right: 10px
}

.main-side .step1 form fieldset .selectize-control .selectize-input,
.main-side .step1 form fieldset>input {
    padding: 10px
}

.main-side .step1 form fieldset .selectize-control,
.main-side .step1 form fieldset .selectize-control .selectize-input,
.main-side .step1 form fieldset>input {
    height: 45px
}

.main-side .step1 form fieldset .selectize-control,
.main-side .step1 form fieldset .selectize-input input,
.main-side .step1 form fieldset>input {
    font-size: 14px;
    font-weight: 500;
    border-width: 2px
}

.main-side .step1 form fieldset input::-webkit-input-placeholder {
    font-weight: 400;
    opacity: .7;
    font-style: italic
}

.main-side .step1 form fieldset input::-moz-placeholder {
    font-weight: 400;
    opacity: .7;
    font-style: italic
}

.main-side .step1 form fieldset input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #fff inset
}

.main-side .step1 form fieldset .selectize-input.focus,
.main-side .step1 form fieldset>input:focus {
    border-color: #1d9ad6;
    -webkit-box-shadow: 0 0 2px 0 #32acce;
    -moz-box-shadow: 0 0 2px 0 #32acce;
    box-shadow: 0 0 2px 0 #32acce;
    background-color: rgba(29, 154, 214, .08)
}

.main-side .step1 form fieldset span.err {
    display: none;
    font-size: 13px;
    color: #f76868;
    padding: 3px 0 0 3px
}

.main-side .step1 .btn {
    margin-top: 20px
}

.main-side .step1 .agreement {
    font-size: 12px;
    color: rgba(0, 0, 0, .5);
    margin-top: 20px
}

.main-side .step1 .agreement a {
    color: inherit;
    text-decoration: underline
}

@media only screen and (max-width:1024px) {
    #main-container #main-container-left {
        width: 34%
    }

    #main-container #main-container-left .step1 {
        padding: 20px 25px
    }

    #main-container #main-container-left .step1 #reviews-best-product .img-container .logo {
        height: 15px
    }

    #main-container #main-container-left .step1 #reviews-best-product .img-container .stars {
        width: 80px
    }

    #main-container #main-container-right {
        width: 66%
    }

    #main-container #main-container-right .step1 {
        padding: 20px 25px
    }

    #main-container .main-side .step1 .sign-in {
        left: unset;
        right: 25px
    }
}

@media only screen and (max-width:768px) {
    #main-container {
        margin-left: 0;
        width: 100%
    }

    #main-container #main-container-left {
        display: none
    }

    #main-container #main-container-right {
        width: 100% !important
    }

    #main-container #main-container-right .main-container-content {
        margin: 0 auto
    }

    #main-container.step-2-active .step2 .loader {
        left: 0
    }

    .main-side .step1 {
        height: auto
    }

    .main-side .step1 .logo-mobile {
        display: inline-block
    }

    .main-side .step1 .sign-in {
        position: inherit;
        float: right;
        line-height: 34px
    }

    .main-side .step1 h1,
    .main-side .step1 h5 {
        margin-top: 40px;
        text-align: center
    }

    .main-side .step1 .subtitle-list {
        text-align: center
    }
}

@media only screen and (max-width:576px) {
    #main-container .step {
        min-width: 320px;
        width: 100%
    }

    #main-container #main-container-right.main-side .step1 .logo-mobile {
        display: block;
        margin: 0 auto
    }

    #main-container #main-container-right.main-side .step1 .sign-in {
        width: 100%;
        text-align: center;
        padding-top: 20px;
        margin-bottom: 30px
    }
}

#modal-signup .modal-dialog {
    margin-top: 13px
}

#modal-signup button.close {
    position: absolute;
    width: 38px;
    height: 38px;
    background: #181818;
    border-radius: 100%;
    font-size: 16px;
    line-height: 38px;
    padding-left: 1px;
    top: -14px;
    right: -15px;
    opacity: 1;
    color: rgba(142, 146, 155, .75);
    z-index: 1;
    text-align: center;
    text-shadow: none;
    outline: 0 !important
}

#modal-signup #main-container {
    width: 100%;
    margin-left: 0;
    min-height: 760px
}

#modal-signup #main-container .main-side {
    width: 100%
}

#modal-signup #main-container .step {
    padding: 0
}

#modal-signup #main-container .step1 {
    min-width: auto
}

#modal-signup #main-container .step1 h1,
#modal-signup #main-container .step1 h5 {
    text-align: center;
    padding-top: 30px
}

#modal-signup #main-container .step1 .subtitle-list {
    text-align: center
}

#modal-signup #main-container .step1 .logo-mobile {
    display: inline-block
}

#modal-signup #main-container .step1 .sign-in {
    position: inherit;
    float: right;
    line-height: 34px
}

#modal-signup #main-container .step2 .loader {
    padding-top: 40px;
    text-align: center;
    left: 0
}

@media only screen and (max-width:992px) {
    #modal-signup #main-container .step1 {
        height: auto
    }
}

@media only screen and (max-width:576px) {
    #modal-signup #main-container .step1 .logo-mobile {
        display: block;
        margin: 0 auto
    }

    #modal-signup #main-container .step1 .sign-in {
        width: 100%;
        text-align: center
    }

    #modal-signup #main-container .step1 .btn {
        padding-left: 20px
    }
}

@keyframes fade-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

#dbx-single-analytics-software {
    letter-spacing: 0;
    background-color: #fff
}

#dbx-single-analytics-software h1,
#dbx-single-analytics-software h2,
#dbx-single-analytics-software h3,
#dbx-single-analytics-software h4,
#dbx-single-analytics-software h5 {
    margin-top: 0;
    margin-bottom: 0
}

#dbx-single-analytics-software ul {
    padding-inline-start: 0
}

#dbx-single-analytics-software .dbx-customer-success-section__title,
#dbx-single-analytics-software .dbx-solution-actions .title,
#dbx-single-analytics-software .dbx-solution-cards .title-cards .title,
#dbx-single-analytics-software .dbx-solution-partner .title,
#dbx-single-analytics-software .dbx-trusted-by-businesses__title {
    font-size: 3.375rem;
    line-height: 3.75rem;
    font-weight: 700
}

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

    #dbx-single-analytics-software .dbx-customer-success-section__title,
    #dbx-single-analytics-software .dbx-solution-actions .title,
    #dbx-single-analytics-software .dbx-solution-cards .title-cards .title,
    #dbx-single-analytics-software .dbx-solution-partner .title,
    #dbx-single-analytics-software .dbx-trusted-by-businesses__title {
        font-size: 2.125rem;
        line-height: 2.5rem
    }
}

#dbx-single-analytics-software .dbx-trusted-by-businesses {
    margin: 64px auto;
    padding: 0 16px;
    max-width: 1440px
}

#dbx-single-analytics-software .dbx-solution-actions {
    background-color: #fff;
    margin-block: 60px
}

#dbx-single-analytics-software .dbx-solution-actions .title-actions {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px
}

#dbx-single-analytics-software .dbx-solution-actions .title-actions .title {
    text-align: center;
    color: #1b2024;
    max-width: 850px
}

#dbx-single-analytics-software .dbx-solution-actions .title-actions .actions {
    display: flex;
    flex-direction: column;
    padding: 40px;
    background: linear-gradient(106deg, #8f53c41a -4%, #d46c821a 89.91%);
    border-radius: 24px
}

#dbx-single-analytics-software .dbx-solution-cards {
    background-color: #fff;
    padding: 60px 0 130px
}

#dbx-single-analytics-software .dbx-solution-cards .title-cards {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px
}

#dbx-single-analytics-software .dbx-solution-cards .title-cards .title {
    text-align: center;
    color: #1b2024;
    font-weight: 700;
    max-width: 850px
}

#dbx-single-analytics-software .dbx-solution-cards .title-cards .cards {
    width: 100%
}

#dbx-single-analytics-software .dbx-customer-success-section__title {
    max-width: 850px
}

.dbx-solution-partner {
    background: linear-gradient(180deg, #55a9c41a 0, #ffffff00 100%);
    padding: 150px 0 180px
}

.dbx-solution-partner .polygons-background {
    background: url("/wp-content/themes/visoflow/inc/img/two-hexagon-polygons.svg") no-repeat top;
    background-size: 1800px;
    height: 430px;
    position: absolute;
    width: 100%;
    margin-top: -150px
}

@media only screen and (max-width:1300px) {
    .dbx-solution-partner .polygons-background {
        background-size: 110%
    }
}

@media only screen and (max-width:768px) {
    .dbx-solution-partner .polygons-background {
        background-size: 800px
    }
}

.dbx-solution-partner .dbx-container {
    z-index: 1;
    position: relative
}

.dbx-solution-partner .title-subtitle-cards {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px
}

.dbx-solution-partner .title-subtitle-cards .title {
    font-size: 48px;
    line-height: 60px;
    text-align: center;
    color: #1b2024;
    font-weight: 800;
    max-width: 850px
}

.dbx-solution-partner .title-subtitle-cards .subtitle {
    color: #1b2024;
    font-size: 16px;
    line-height: 24px;
    max-width: 850px;
    font-weight: 300;
    text-align: center
}

.dbx-solution-partner .title-subtitle-cards .cards {
    width: 90%;
    margin-top: 24px
}

.dbx-solution-partner .title-subtitle-cards .cards .card {
    display: flex;
    gap: 16px;
    background-color: #fff;
    padding: 24px;
    border-radius: 12px;
    box-shadow: 0 0 15px 1px #d2d3d7
}

.dbx-solution-partner .title-subtitle-cards .cards .card .icon {
    width: 32px
}

.dbx-solution-partner .title-subtitle-cards .cards .card .icon .icon {
    font-size: 28px;
    color: #7540ab
}

.dbx-solution-partner .title-subtitle-cards .cards .card .icon .icon::before {
    background: linear-gradient(45deg, #8850cb, #da6e7a);
    background: -o-linear-gradient(45deg, #8850cb, #da6e7a);
    background: -ms-linear-gradient(45deg, #8850cb, #da6e7a);
    background: -moz-linear-gradient(45deg, #8850cb, #da6e7a);
    background: -webkit-linear-gradient(45deg, #8850cb, #da6e7a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.dbx-solution-partner .title-subtitle-cards .cards .card .card-content {
    display: flex;
    flex-direction: column;
    font-size: 16px;
    line-height: 24px;
    color: #1b2024;
    font-weight: 300;
    gap: 36px
}

.dbx-solution-partner .title-subtitle-cards .cards .card .card-content .title-text {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.dbx-solution-partner .title-subtitle-cards .cards .card .card-content .title-text__title {
    font-size: 24px;
    font-weight: 600;
    line-height: 24px
}

.dbx-solution-partner .title-subtitle-cards .cards .card .card-content .dbx-arrow-btn {
    padding: 0
}

@keyframes fade-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

#resource .header {
    padding: 250px 0 0
}

#resource .header h1 {
    font-size: 55px
}

#resource .header h1 span {
    display: block;
    font-size: 30px;
    text-transform: uppercase
}

#resource .header .excerpt {
    background: rgba(0, 0, 0, .5);
    margin-top: 140px;
    padding: 80px 0;
    text-align: left
}

#resource .header .excerpt .spotlight {
    float: right;
    margin-top: 10px
}

#resource .header .excerpt p {
    font-size: 18px;
    line-height: 1.8
}

#resource .header .excerpt .share {
    margin-top: 30px
}

#resource .header .excerpt .share a {
    margin: 20px 20px 0 0
}

#resource .main .divider {
    height: 1px;
    margin: 50px 0
}

#resource .main .divider:after {
    background: rgba(255, 255, 255, .3);
    content: '';
    display: block;
    height: inherit;
    margin: 0 auto;
    width: 50px
}

#resource .main p {
    color: #fff;
    font-size: 30px;
    line-height: 45px;
    margin-bottom: 30px
}

#resource .main p.darker {
    color: #88c7d9;
    font-weight: 400
}

#resource .main p.darker strong {
    color: #fff;
    font-size: 48px
}

#resource .main p.darker small {
    color: rgba(255, 255, 255, .5);
    display: inline-block;
    font-size: 15px;
    line-height: 20px;
    text-transform: uppercase
}

#resource .main p.data-title {
    color: rgba(255, 255, 255, .5);
    font-size: 20px;
    margin-bottom: 15px;
    text-align: left;
    text-transform: uppercase
}

#resource .main p.source {
    color: #94b3c5;
    font-size: 12px;
    margin-bottom: 5px
}

#resource .main p.source a {
    color: #94b3c5;
    text-decoration: underline
}

#resource .main a.source {
    color: inherit;
    text-decoration: underline
}

#resource .main .tweet {
    margin-top: -18px;
    text-align: center
}

#resource .main .tweet a {
    color: rgba(255, 255, 255, .5);
    font-size: 30px
}

#resource .main .tweet a:hover {
    color: #fff
}

#resource .main .table-data table {
    border-bottom: 1px solid rgba(255, 255, 255, .2);
    margin: 10px 0 30px;
    width: 95%
}

#resource .main .table-data table td {
    border-color: rgba(255, 255, 255, .2);
    color: #fff;
    font-size: 30px;
    vertical-align: middle
}

#resource .main .table-data table td:last-child {
    text-align: right
}

#resource .main .table-data table td strong {
    font-size: 48px
}

#resource .main .table-data table th {
    border: none;
    color: rgba(255, 255, 255, .5);
    font-size: 20px;
    font-weight: 300;
    text-transform: uppercase;
    vertical-align: bottom
}

#resource .main .table-data table th:last-child {
    text-align: right
}

#resource .main .ct-chart {
    margin-bottom: 70px !important
}

#resource .main .ct-chart-bar {
    padding-top: 30px;
    height: 110% !important
}

#resource .footer {
    background: #00507f;
    text-align: center
}

#resource .footer p {
    color: #fff;
    font-size: 18px
}

#resource .footer p small {
    font-size: 14px;
    opacity: .5
}

#resource .footer .subscribe {
    margin: 40px auto;
    width: 40%
}

#resource .footer .subscribe .confirm {
    display: none;
    line-height: 46px;
    margin: 0
}

#resource .subscribe-cta {
    background: rgba(255, 255, 255, .95);
    bottom: 0;
    display: none;
    padding: 30px 0;
    position: fixed;
    width: 100%;
    z-index: 1000
}

#resource .subscribe-cta p {
    margin: 0
}

#resource .subscribe-cta .subscribe {
    margin: 3px 0
}

#resource .subscribe-cta .subscribe .confirm {
    display: none;
    line-height: 34px
}

#resource .subscribe-cta .close-cta span {
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    margin: 10px 0;
    opacity: .5
}

#resource.spotlight-1 {
    background: #36779d
}

#resource.spotlight-2 {
    background: #a09285
}

#resource.spotlight-2 .main p {
    color: #362f2d
}

#resource.spotlight-2 .main p.source {
    color: #534741
}

#resource.spotlight-2 .main p.source a {
    color: #534741
}

#resource.spotlight-2 .main .table-data table td {
    width: 50%
}

#resource.spotlight-3 {
    background: #d36a73
}

#resource.spotlight-3 .main p {
    color: #fff
}

#resource.spotlight-3 .main p.darker {
    color: #6b2b31
}

#resource.spotlight-3 .main p.data-title {
    color: rgba(255, 255, 255, .5)
}

#resource.spotlight-3 .main p.source {
    color: #6b2b31
}

#resource.spotlight-3 .main p.source a {
    color: #6b2b31
}

#resource.spotlight-3 .target-line {
    border-bottom: 2px dashed rgba(0, 0, 0, .5);
    color: rgba(0, 0, 0, .5);
    left: 24px;
    position: absolute;
    right: 30px;
    margin-top: 16px;
    text-align: left
}

#resource.spotlight-4 {
    background: #56486b
}

#resource.spotlight-4 .main p {
    color: #fff;
    line-height: 40px
}

#resource.spotlight-4 .main p.darker {
    color: #cec4db
}

#resource.spotlight-4 .main p.data-title {
    color: rgba(255, 255, 255, .5)
}

#resource.spotlight-4 .main p.source {
    color: #28242d
}

#resource.spotlight-4 .main p.source a {
    color: #28242d
}

#resource.spotlight-4 .main .divider {
    padding: 35px 0
}

#resource.spotlight-4 .main .list-inline {
    color: #cec4db;
    font-size: 20px
}

#resource.spotlight-4 .main .list-inline span {
    font-size: 50px;
    vertical-align: middle
}

#resource.spotlight-4 .main .list-inline .world {
    color: #a39bae
}

#resource.spotlight-4 .main .table-data {
    text-align: left
}

#resource.spotlight-4 .main .table-data th {
    color: #aba4b5;
    font-size: 20px;
    padding: 0 25px 25px
}

#resource.spotlight-4 .main .table-data td {
    color: #cec4db;
    font-size: 28px;
    padding: 25px
}

#resource.spotlight-4 .target-line {
    border-bottom: 2px dashed rgba(0, 0, 0, .5);
    color: rgba(0, 0, 0, .5);
    left: 24px;
    position: absolute;
    right: 30px;
    margin-top: 16px;
    text-align: left
}

#resource.spotlight-5,
#resource.spotlight-6 {
    background: #666067
}

#resource.spotlight-5 .main p,
#resource.spotlight-6 .main p {
    color: #000
}

#resource.spotlight-5 .main p.darker,
#resource.spotlight-6 .main p.darker {
    color: #000;
    padding-bottom: 20px
}

#resource.spotlight-5 .main p.data-title,
#resource.spotlight-6 .main p.data-title {
    color: #918d92;
    padding-left: 15px
}

#resource.spotlight-5 .main p.source,
#resource.spotlight-6 .main p.source {
    color: #524d52
}

#resource.spotlight-5 .main p.source a,
#resource.spotlight-6 .main p.source a {
    color: #524d52
}

#resource.spotlight-5 .main .usa-housing-map,
#resource.spotlight-6 .main .usa-housing-map {
    width: 100%
}

#resource.spotlight-5 .main .table-data,
#resource.spotlight-6 .main .table-data {
    margin: 0 auto;
    text-align: left
}

#resource.spotlight-5 .main .table-data th,
#resource.spotlight-6 .main .table-data th {
    color: #b3b0b3;
    font-size: 20px;
    padding: 0 25px 25px
}

#resource.spotlight-5 .main .table-data tr,
#resource.spotlight-6 .main .table-data tr {
    border-bottom: 1px solid #767076
}

#resource.spotlight-5 .main .table-data td,
#resource.spotlight-6 .main .table-data td {
    color: #fff;
    font-size: 28px;
    padding: 25px
}

#resource.spotlight-5 .main .table-data td:nth-child(2),
#resource.spotlight-6 .main .table-data td:nth-child(2) {
    text-decoration: underline
}

#resource.spotlight-6 {
    background: #c7a7a7
}

#resource.spotlight-6 .table-data th {
    color: #e4d6d6 !important;
    font-weight: 300
}

#resource.spotlight-6 .table-data tr {
    border-bottom: 1px solid #cdb0b0 !important
}

#resource.spotlight-6 .table-data td:nth-child(2) {
    text-decoration: none !important
}

#resource.spotlight-6 .countries div {
    color: #f1e9e9;
    margin-left: 15px
}

#resource.spotlight-6 .countries div:first-child {
    margin-left: 8.3%
}

@media only screen and (max-width:991px) {
    #resource .footer .subscribe {
        width: 60%
    }
}

@media only screen and (max-width:767px) {
    #resource .header {
        padding-top: 70px
    }

    #resource .header h1 {
        font-size: 30px
    }

    #resource .header h1 span {
        font-size: 20px
    }

    #resource .header .excerpt {
        margin-top: 30px;
        padding: 30px 0
    }

    #resource .header .excerpt .spotlight {
        float: none;
        margin: 0 0 20px
    }

    #resource .header .excerpt p {
        font-size: 14px;
        text-align: center
    }

    #resource .header .excerpt .share {
        display: block;
        margin-top: 0
    }

    #resource .header .excerpt .share a {
        width: 250px;
        margin: 20px auto;
        padding: 10px
    }

    #resource .main .tweet {
        margin: 0 0 30px;
        padding-top: 0 !important
    }

    #resource .main .table-data table {
        width: 100%
    }

    #resource .main strong {
        font-size: 40px !important
    }

    #resource .main .text {
        text-align: center
    }

    #resource .footer .subscribe {
        width: 100%
    }

    #resource .table-data th {
        font-size: 15px !important
    }

    #resource .table-data td {
        font-size: 18px !important
    }

    #resource .source {
        line-height: 20px !important
    }

    #resource .intercom-launcher {
        visibility: hidden !important
    }

    #resource .subscribe-cta {
        visibility: hidden !important
    }
}

@keyframes fade-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

#talent-resources h2 {
    font-size: 40px;
    font-weight: 500;
    color: #2d3237;
    text-align: center;
    margin-bottom: 25px
}

#talent-resources .heading {
    width: 100%;
    background: linear-gradient(89.93deg, #7a44e6 .08%, #c757ad 99.96%);
    text-align: center;
    padding: 165px 0 120px
}

#talent-resources .heading h1 {
    font-size: 72px;
    line-height: 96px;
    color: #fff;
    font-weight: 300;
    margin: 0 0 16px
}

#talent-resources .heading p {
    color: #fff;
    font-size: 21px;
    line-height: 24px;
    margin: 0;
    font-weight: 400
}

#talent-resources .container.middle {
    padding-top: 87px;
    padding-bottom: 183px
}

#talent-resources .sidebar .menu-talent-resources-sidebar-container {
    padding-right: 24px;
    position: relative
}

#talent-resources .sidebar .menu-talent-resources-sidebar-container::after {
    content: "";
    width: 1px;
    min-height: 804px;
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    background: rgba(0, 0, 0, .1)
}

#talent-resources .sidebar ul {
    list-style: none;
    margin: 0;
    padding: 0
}

#talent-resources .sidebar ul li {
    font-size: 18px;
    line-height: 43px;
    font-weight: 500;
    color: #2d3237;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    margin-bottom: 10px;
    position: relative
}

#talent-resources .sidebar ul li a {
    color: #2d3237;
    display: block;
    padding: 0 12px
}

#talent-resources .sidebar ul li a:hover {
    text-decoration: none
}

#talent-resources .sidebar ul li.menu-item-has-children a::before {
    font-family: Icons;
    content: "\35";
    position: absolute;
    right: 12px;
    top: 0;
    font-size: 18px;
    transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    color: rgba(45, 50, 55, .5)
}

#talent-resources .sidebar ul li.active>a {
    color: #fff;
    border-radius: 4px;
    background: linear-gradient(89.93deg, #7a44e6 .08%, #c757ad 99.96%);
    text-decoration: none
}

#talent-resources .sidebar ul li.active>a:hover {
    text-decoration: none
}

#talent-resources .sidebar ul li.active>a::before {
    color: #fff;
    transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg)
}

#talent-resources .sidebar ul li.active .sub-menu {
    display: block
}

#talent-resources .sidebar ul.sub-menu {
    padding-bottom: 24px;
    padding-top: 24px;
    display: none
}

#talent-resources .sidebar ul.sub-menu li {
    padding: 0;
    border: none;
    margin: 0 0 16px;
    line-height: 28px
}

#talent-resources .sidebar ul.sub-menu li a {
    color: #8e929b;
    font-weight: 400
}

#talent-resources .sidebar ul.sub-menu li a:hover {
    font-weight: 500;
    color: #2d3237
}

#talent-resources .sidebar ul.sub-menu li a::before {
    display: none
}

#talent-resources .sidebar ul.sub-menu li.active a {
    font-weight: 500
}

#talent-resources .sidebar ul.sub-menu li.current-menu-item a {
    font-weight: 700
}

#talent-resources .middle .content {
    padding: 0 15px 0 6px
}

#talent-resources .middle .content h2 {
    font-size: 36px;
    line-height: 43px;
    color: #2d3237;
    font-weight: 500;
    margin: 0 0 32px;
    letter-spacing: 0;
    clear: both;
    text-align: left
}

#talent-resources .middle .content h3 {
    font-size: 24px;
    line-height: 43px;
    letter-spacing: 0;
    margin: 0 0 16px;
    font-weight: 500;
    clear: both
}

#talent-resources .middle .content p {
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    color: #8e929b;
    margin: 0 0 24px;
    letter-spacing: 0
}

#talent-resources .middle .content .wp-block-image img {
    border-radius: 8px
}

#talent-resources .middle .content .wp-block-image.size-full {
    margin-bottom: 50px
}

#talent-resources .middle .content .wp-block-image.align-right {
    margin: 0
}

#talent-resources .middle .content .wp-block-image .alignright {
    margin: 0 0 50px 50px
}

#talent-resources .middle .content blockquote {
    border-left: 2px solid #c6c8cd;
    padding: 0 20px;
    margin: 25px 0;
    font-family: charter
}

#talent-resources .middle .content blockquote p {
    font-size: 26px;
    line-height: 1.6;
    font-family: charter;
    letter-spacing: .5px;
    color: #8e929b;
    margin-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
    font-style: italic
}

#talent-resources .middle .content blockquote p a {
    background-image: none !important;
    text-decoration: underline
}

#talent-resources #contact-us.content {
    padding: 80px 0
}

#talent-resources #contact-us.content h2 {
    text-align: center;
    margin-bottom: 55px
}

#talent-resources #contact-us.content h2 .underline {
    background: url(../img/other/underline-blue-purple.svg);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100% 45%;
    padding: 0 3px;
    margin-left: -3px;
    margin-right: -3px
}

#talent-resources .wp-block-media-text__media h3 {
    margin-bottom: 0;
    line-height: 33px
}

#talent-resources .wp-block-media-text__media p {
    margin-bottom: 0
}

@media only screen and (max-width:768px) {
    #talent-resources .heading {
        padding: 100px 0
    }

    #talent-resources .sidebar {
        margin-bottom: 40px
    }

    #talent-resources .sidebar .menu-talent-resources-sidebar-container {
        padding: 0
    }

    #talent-resources .sidebar .menu-talent-resources-sidebar-container:after {
        display: none
    }

    #talent-resources .middle .content {
        padding: 0 15px
    }

    #talent-resources .middle .content .wp-block-image .alignright {
        margin: 0 0 20px 20px
    }
}

@media only screen and (max-width:480px) {
    #talent-resources .heading h1 {
        font-size: 45px;
        line-height: 1.35
    }
}

@keyframes fade-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

#templates-detail .fadein {
    opacity: 0;
    transition: opacity 2s;
    -o-transition: opacity 2s;
    -ms-transition: opacity 2s;
    -moz-transition: opacity 2s;
    -webkit-transition: opacity 2s
}

#templates-detail .fadein.visible {
    opacity: 1
}

#templates-detail .header {
    background: url("../img/dashboard-software/bg_dashboard.png") no-repeat top center, linear-gradient(90deg, #fff 16%, rgba(95, 140, 166, .1) 60%, rgba(165, 190, 205, .1) 90%, #fff 100%);
    background-size: 100% 120px;
    color: #000;
    text-align: left;
    padding: 180px 0 75px
}

#templates-detail .header .breadcrumbs {
    padding-left: 0;
    margin-bottom: 15px
}

#templates-detail .header .breadcrumbs .slash {
    padding: 0
}

#templates-detail .header .breadcrumbs .slash:last-child {
    display: none
}

#templates-detail .header h1 {
    color: #000;
    font-weight: 700;
    font-size: 55px;
    line-height: 60px;
    max-width: 520px;
    font-weight: 500
}

#templates-detail .header p {
    font-size: 18px;
    line-height: 28px;
    color: #8e929b;
    max-width: 535px;
    margin-top: 25px
}

#templates-detail .header .btn {
    font-size: 18px;
    text-transform: none;
    margin-top: 35px;
    line-height: 1.3333333
}

#templates-detail .header .hero-note {
    margin-top: 35px;
    margin-bottom: 35px
}

#templates-detail .header .hero-note p {
    font-size: 14px;
    line-height: 18px
}

#templates-detail .header .hero-note a {
    text-decoration: underline
}

#templates-detail .header .image {
    position: relative;
    background: url(../img/dashboard-software/wizard_step.png) no-repeat left top;
    background-size: cover;
    padding: 19px 1px 1px;
    box-shadow: 1px 2px 12.75px 2.25px rgba(166, 176, 186, .5)
}

#templates-detail .header .image a:after {
    content: "Live preview";
    font-family: inherit;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100px;
    height: 100px;
    transform: translate(-50%, -50%);
    border-radius: 100%;
    background: rgba(23, 102, 192, .85);
    color: #fff;
    font-size: 15px;
    line-height: 100px;
    text-align: center;
    opacity: 1;
    z-index: 3
}

#templates-detail .header .image img {
    width: 100%
}

#templates-detail .header .badges {
    padding-top: 74px;
    text-align: center
}

#templates-detail .header .badges .badge-images {
    min-height: 75px;
    display: block
}

#templates-detail .header .badges .badge-images img {
    display: block;
    clear: both;
    margin: auto
}

#templates-detail .header .badges .badge-images img.stars {
    margin-top: 10px
}

#templates-detail .header .badges .badge-text {
    font-size: 12px;
    line-height: 15px;
    color: #8e929b
}

#templates-detail .header .badges .badge-text p {
    font-size: 12px;
    line-height: 15px;
    margin: 0;
    color: #292929
}

#templates-detail .header .badges .badge-text a {
    text-decoration: underline
}

#templates-detail .header .mobile-buttons {
    display: none
}

#templates-detail .header .bottom-note p {
    font-size: 13px;
    line-height: 18px;
    font-weight: 400;
    color: #8e929b;
    letter-spacing: 2px;
    padding: 20px 45px 0;
    text-align: center;
    text-transform: uppercase;
    margin: 0
}

#templates-detail .header .bottom-note p strong {
    color: #2d3237
}

#templates-detail #template-tabs {
    width: 100%;
    padding: 80px 0
}

#templates-detail #template-tabs .tabs-title {
    border-bottom: 1px solid #e3e4e6;
    margin-bottom: 80px
}

#templates-detail #template-tabs .tabs-title h3 {
    font-size: 16px;
    line-height: 22px;
    color: rgba(40, 50, 55, .5);
    position: relative;
    font-weight: 400;
    padding: 0 0 15px;
    margin: 0;
    cursor: pointer
}

@media screen and (max-width:768px) {
    #templates-detail #template-tabs .tabs-title h3 {
        margin-bottom: 20px
    }
}

#templates-detail #template-tabs .tabs-title h3.active,
#templates-detail #template-tabs .tabs-title h3:hover {
    color: #4e4ea0
}

#templates-detail #template-tabs .tabs-title h3.active:after,
#templates-detail #template-tabs .tabs-title h3:hover:after {
    content: "";
    width: 100%;
    height: 3px;
    background: #4e4ea0;
    position: absolute;
    bottom: -3px;
    left: -15px
}

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

    #templates-detail #template-tabs .tabs-title h3.active:after,
    #templates-detail #template-tabs .tabs-title h3:hover:after {
        left: 0
    }
}

#templates-detail #template-tabs .tabs-content>.row {
    display: none
}

#templates-detail #template-tabs .tabs-content>.row.active {
    display: block
}

#templates-detail #template-tabs .tabs-content h2 {
    font-size: 30px;
    line-height: 38px;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 30px
}

#templates-detail #template-tabs .tabs-content h3 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    margin-bottom: 10px;
    margin-top: 10px
}

#templates-detail #template-tabs .tabs-content p {
    font-size: 16px;
    line-height: 24px;
    color: #2d3237;
    font-weight: 300
}

#templates-detail #template-tabs .tabs-content .bigger-content p {
    font-size: 18px;
    line-height: 28px;
    color: #8e929b;
    margin-bottom: 50px
}

#templates-detail #template-tabs .tabs-content .icon {
    font-size: 50px
}

#templates-detail #template-tabs .tabs-content .icon.icon-reporting::before {
    color: #52bae1
}

#templates-detail #template-tabs .tabs-content .icon.icon-cup::before {
    color: #f87943
}

#templates-detail #template-tabs .tabs-content .icon.icon-analyze-4::before {
    color: #00a99d
}

#templates-detail #template-tabs .tabs-content .icon.icon-calendar-3::before {
    color: #7a44e6
}

#templates-detail #template-tabs .tabs-content .icons-section {
    padding-bottom: 45px
}

#templates-detail #template-tabs .kpis h2 {
    text-align: center;
    margin-bottom: 40px
}

#templates-detail #template-tabs .kpis .item {
    border: 1px solid #e2e2e1;
    border-radius: 5px;
    padding: 20px 20px 10px;
    min-height: 195px;
    height: calc(100% - 30px);
    margin-bottom: 30px
}

#templates-detail #template-tabs .kpis h3 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    margin-bottom: 10px;
    margin-top: 0
}

#templates-detail #template-tabs .item__header {
    display: flex;
    align-items: center;
    margin-bottom: 20px
}

#templates-detail #template-tabs .item__header img {
    border-radius: 4px;
    width: 50px;
    height: 50px;
    margin-right: 12px;
    box-shadow: 2px 3px 25.5px 0 rgba(166, 176, 186, .5)
}

#templates-detail #template-tabs .template-item {
    margin-top: 0
}

#templates-detail #template-tabs .template-item .template-item__window {
    box-shadow: 1px 2px 12.75px 2.25px #a6b0ba
}

#templates-detail #related-templates h2 {
    font-size: 36px;
    line-height: 44px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 60px;
    margin-top: 20px
}

#templates-detail #related-templates .template-item {
    margin-top: 0
}

#templates-detail #related-templates .template-item__title {
    font-size: 18px;
    line-height: 22px;
    margin-top: 15px
}

#templates-detail #related-templates .template-item__info .description {
    display: block;
    font-size: 14px;
    font-weight: 300;
    color: #8e929b;
    line-height: 20px
}

#templates-detail #help {
    font-size: 18px;
    line-height: 28px
}

#templates-detail #help h2 {
    font-size: 36px;
    line-height: 44px;
    font-weight: 500;
    text-align: left;
    margin-bottom: 25px
}

#templates-detail #help ul {
    padding: 20px 0 0 20px
}

#templates-detail #help ul li {
    margin-bottom: 15px
}

@keyframes fade-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.template-item {
    margin-top: 40px
}

.template-item--hidden {
    display: none
}

.template-item--no-hover .template-item__window .image:active::after,
.template-item--no-hover .template-item__window .image:active::before,
.template-item--no-hover .template-item__window .image:hover::after,
.template-item--no-hover .template-item__window .image:hover::before {
    opacity: 0
}

.template-item--live-view-shown .template-item__window .image::after {
    opacity: 1
}

.template-item--example .template-item__window .image::after {
    content: 'Live view';
    color: #fff;
    font-size: 15px;
    font-family: inherit
}

.template-item--example .template-item__title {
    font-size: 14px
}

.template-item--example2 .template-item__window .image::after,
.template-item--example2 .template-item__window .image::before {
    content: none
}

.template-item--example2 .template-item__window:hover {
    -moz-box-shadow: 0 7px 12px 0 rgba(142, 146, 155, .4);
    -webkit-box-shadow: 0 7px 12px 0 rgba(142, 146, 155, .4);
    box-shadow: 0 7px 12px 0 rgba(142, 146, 155, .4);
    transform: translateY(-3px);
    -o-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    -moz-transform: translateY(-3px);
    -webkit-transform: translateY(-3px)
}

.template-item--bigger .template-item__title {
    font-size: 20px
}

.template-item--bigger .template-item__info .description {
    display: block
}

.template-item__window {
    background-size: 100% auto;
    background-repeat: no-repeat;
    padding: 4% .5% .5%;
    margin-top: 1%;
    margin-left: 1%;
    margin-right: 1%;
    border-radius: 2px
}

.template-item__window--white {
    background-image: url(../img/resources/datawall-screen-white.png)
}

.template-item__window--gray {
    background-image: url(../img/resources/datawall-screen-grey.png)
}

.template-item__window .image {
    position: relative
}

.template-item__window .image img {
    width: 100%
}

.template-item__window .image::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: rgba(23, 102, 192, .7);
    z-index: 2;
    transition: opacity .4s;
    -o-transition: opacity .4s;
    -ms-transition: opacity .4s;
    -moz-transition: opacity .4s;
    -webkit-transition: opacity .4s
}

.template-item__window .image::after {
    position: absolute;
    content: "\e917";
    font-family: Icons;
    left: 50%;
    top: 50%;
    width: 100px;
    height: 100px;
    transform: translate(-50%, -50%);
    border-radius: 100%;
    background: rgba(23, 102, 192, .85);
    color: #fff;
    font-size: 30px;
    line-height: 100px;
    text-align: center;
    opacity: 0;
    z-index: 3;
    transition: opacity .4s;
    -o-transition: opacity .4s;
    -ms-transition: opacity .4s;
    -moz-transition: opacity .4s;
    -webkit-transition: opacity .4s
}

.template-item__window .image:active::after,
.template-item__window .image:active::before,
.template-item__window .image:hover::after,
.template-item__window .image:hover::before {
    opacity: 1
}

.template-item__title {
    margin-top: 25px;
    font-size: 20px;
    font-weight: 400
}

.template-item__title a {
    text-decoration: none;
    color: #1766c0
}

.template-item__info .description {
    display: none;
    font-size: 18px;
    line-height: 28px;
    color: #8e929b;
    margin-top: 5px
}

.template-item__info .sources {
    margin-top: 10px
}

.template-item__info .sources img {
    display: inline-block;
    margin-right: 5px;
    width: 20px;
    height: 20px;
    border-radius: 50%
}

.category-grid .dbx-grid,
.integration-grid .dbx-grid {
    place-content: center;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 24px;
    margin-bottom: 16px
}

.category-grid .category-card,
.category-grid .integration-card,
.integration-grid .category-card,
.integration-grid .integration-card {
    display: flex;
    flex-direction: column;
    align-items: center
}

.category-grid .category-card__name,
.category-grid .integration-card__name,
.integration-grid .category-card__name,
.integration-grid .integration-card__name {
    text-align: center;
    color: #000;
    font-weight: 700
}

.category-grid .category-card__count,
.category-grid .integration-card__count,
.integration-grid .category-card__count,
.integration-grid .integration-card__count {
    font-size: .8125rem;
    font-weight: 500
}

.category-grid .category-card:hover,
.category-grid .integration-card:hover,
.integration-grid .category-card:hover,
.integration-grid .integration-card:hover {
    text-decoration: none
}

.category-grid .category-card,
.integration-grid .category-card {
    padding-block: 48px
}

.category-grid .category-card__icon,
.integration-grid .category-card__icon {
    color: rgba(142, 146, 155, .5);
    font-size: 44px;
    padding-bottom: 28px
}

.category-grid .category-card__name,
.integration-grid .category-card__name {
    font-size: 1.25rem;
    padding-bottom: 6px
}

.category-grid .integration-card,
.integration-grid .integration-card {
    gap: 10px;
    padding-block: 16px
}

.category-grid .integration-card__name-and-icon,
.integration-grid .integration-card__name-and-icon {
    display: flex;
    align-items: center;
    gap: 8px
}

.category-grid .integration-card__icon,
.integration-grid .integration-card__icon {
    border-radius: 100%
}

#category-detail .category-card,
#category-detail .integration-card,
#template-category-detail .category-card,
#template-category-detail .integration-card,
#templates-list .category-card,
#templates-list .integration-card {
    border: rgba(142, 146, 155, .2) solid 1px;
    border-radius: 5px
}

#category-detail .category-card:hover,
#category-detail .integration-card:hover,
#template-category-detail .category-card:hover,
#template-category-detail .integration-card:hover,
#templates-list .category-card:hover,
#templates-list .integration-card:hover {
    box-shadow: 0 0 15px 1px rgba(142, 146, 155, .3)
}

#featured-templates .templates-list .template-item__title,
#partner .templates-list .template-item__title,
#template-detail .templates-list .template-item__title {
    font-size: 18px;
    line-height: 22px;
    margin-top: 15px
}

#featured-templates .templates-list .template-item__title:hover,
#partner .templates-list .template-item__title:hover,
#template-detail .templates-list .template-item__title:hover {
    text-decoration: underline
}

#featured-templates .templates-list .template-item .template-item__info .description,
#template-detail .templates-list .template-item .template-item__info .description {
    display: block;
    font-size: 14px;
    font-weight: 300;
    color: #8e929b;
    line-height: 20px
}

#integration-detail .title-text-pairs {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-block: 120px
}

#integration-detail .title-text-pairs .dbx-title-text-repeater {
    max-width: 1000px
}

#integration-detail .integration-categories {
    padding-block: 110px 78px
}

#integration-detail .integration-categories .dbx-container {
    display: flex;
    flex-direction: column
}

#integration-detail .integration-categories__title {
    align-self: center;
    text-align: center;
    margin-bottom: 24px
}

#integration-detail .integration-categories__text {
    text-align: center;
    align-self: center;
    max-width: 800px;
    margin-bottom: 56px
}

#integration-detail .integration-categories .integration-card {
    padding-inline: 16px;
    align-items: start;
    border-radius: 8px;
    box-shadow: 3px 4px 20px 0 #7580881A
}

#integration-detail .integration-categories .integration-card:hover {
    box-shadow: 0 0 15px 1px rgba(142, 146, 155, .3)
}

#integration-detail .integration-categories .dbx-limited-item-count__btn {
    align-self: start
}

#integration-detail .dashboard-cta {
    text-align: center
}

#integration-detail .dashboard-cta .container {
    padding: 10px 100px 100px;
    background: url(../img/templates/integration-detail/cta-background.png);
    background-size: 100% 100%
}

#integration-detail .dashboard-cta .dbx-btn {
    color: #000
}

#integration-detail .dashboard-cta h2 {
    margin-top: 95px;
    color: #fff
}

#integration-detail .dashboard-cta p {
    font-size: 18px;
    color: #fff;
    margin-top: 15px
}

@media only screen and (max-width:649px) {
    #integration-detail .dashboard-cta .container {
        background-color: #4066cf;
        background-image: none !important
    }
}

#integration-detail .reviews-and-rewards .dbx-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-block: 62px;
    gap: 40px
}

#integration-detail .templates {
    margin-bottom: 116px
}

#integration-detail #product-wizard-ui-steps {
    margin-bottom: 64px
}

@media screen and (max-width:767px) {
    #integration-detail .dashboard-cta h2 {
        margin-top: 32px
    }

    #integration-detail .dashboard-cta .container {
        padding: 32px 16px
    }
}

#template-alternative-detail h2,
#template-category-detail h2,
#template-subcategory-detail h2,
#templates-list h2 {
    font-size: 36px;
    line-height: 44px;
    font-weight: 500
}

#template-alternative-detail #categories h2,
#template-category-detail #categories h2,
#template-subcategory-detail #categories h2,
#templates-list #categories h2 {
    text-align: center
}

#template-alternative-detail #categories .category-inner,
#template-category-detail #categories .category-inner,
#template-subcategory-detail #categories .category-inner,
#templates-list #categories .category-inner {
    position: relative
}

#template-alternative-detail #categories .category-inner.icon::before,
#template-category-detail #categories .category-inner.icon::before,
#template-subcategory-detail #categories .category-inner.icon::before,
#templates-list #categories .category-inner.icon::before {
    position: absolute;
    left: 50%;
    top: -50px;
    font-size: 35px;
    color: #1766c0
}

#template-alternative-detail #categories p,
#template-category-detail #categories p,
#template-subcategory-detail #categories p,
#templates-list #categories p {
    font-size: 18px;
    color: #8e929b
}

#template-alternative-detail #categories .category,
#template-category-detail #categories .category,
#template-subcategory-detail #categories .category,
#templates-list #categories .category {
    text-align: center;
    padding-top: 90px;
    padding-bottom: 90px;
    border-top: 1px solid rgba(142, 146, 155, .2)
}

#template-alternative-detail #categories .btn,
#template-category-detail #categories .btn,
#template-subcategory-detail #categories .btn,
#templates-list #categories .btn {
    margin-top: 50px
}

#template-alternative-detail #categories a.img,
#template-category-detail #categories a.img,
#template-subcategory-detail #categories a.img,
#templates-list #categories a.img {
    position: relative
}

#template-alternative-detail #categories a.img:before,
#template-category-detail #categories a.img:before,
#template-subcategory-detail #categories a.img:before,
#templates-list #categories a.img:before {
    opacity: 0;
    content: "Live view";
    width: 100px;
    height: 100px;
    border-radius: 100%;
    background: rgba(23, 102, 192, .7);
    color: #fff;
    font-size: 15px;
    line-height: 100px;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: opacity .4s, top .6s;
    -o-transition: opacity .4s, top .6s;
    -ms-transition: opacity .4s, top .6s;
    -moz-transition: opacity .4s, top .6s;
    -webkit-transition: opacity .4s, top .6s
}

#template-alternative-detail #categories a.img:active:before,
#template-alternative-detail #categories a.img:hover:before,
#template-category-detail #categories a.img:active:before,
#template-category-detail #categories a.img:hover:before,
#template-subcategory-detail #categories a.img:active:before,
#template-subcategory-detail #categories a.img:hover:before,
#templates-list #categories a.img:active:before,
#templates-list #categories a.img:hover:before {
    opacity: 1;
    top: 50%
}

#template-alternative-detail #subcategories,
#template-category-detail #subcategories,
#template-subcategory-detail #subcategories,
#templates-list #subcategories {
    text-align: center;
    padding: 100px 0;
    background-color: rgba(46, 193, 214, .15)
}

#template-alternative-detail #other-subcategories,
#template-category-detail #other-subcategories,
#template-subcategory-detail #other-subcategories,
#templates-list #other-subcategories {
    text-align: center;
    padding: 100px 0
}

#template-alternative-detail #product-cta,
#template-category-detail #product-cta,
#template-subcategory-detail #product-cta,
#templates-list #product-cta {
    text-align: center;
    padding: 10px 0 100px
}

#template-alternative-detail #product-cta .container,
#template-category-detail #product-cta .container,
#template-subcategory-detail #product-cta .container,
#templates-list #product-cta .container {
    background-image: url(../img/product/bg-cta-blue.png);
    background-size: 100% 100%
}

#template-alternative-detail #product-cta h2,
#template-category-detail #product-cta h2,
#template-subcategory-detail #product-cta h2,
#templates-list #product-cta h2 {
    margin-top: 95px;
    color: #fff
}

#template-alternative-detail #product-cta p,
#template-category-detail #product-cta p,
#template-subcategory-detail #product-cta p,
#templates-list #product-cta p {
    font-size: 18px;
    color: #fff;
    margin-top: 15px
}

#template-alternative-detail #product-cta.custom-dashboard .container,
#template-category-detail #product-cta.custom-dashboard .container,
#template-subcategory-detail #product-cta.custom-dashboard .container,
#templates-list #product-cta.custom-dashboard .container {
    background-image: url(../img/product/bg-cta.png)
}

#template-alternative-detail #product-cta.custom-dashboard .custom-dashboard__img,
#template-alternative-detail #product-cta.custom-dashboard .custom-dashboard__text,
#template-category-detail #product-cta.custom-dashboard .custom-dashboard__img,
#template-category-detail #product-cta.custom-dashboard .custom-dashboard__text,
#template-subcategory-detail #product-cta.custom-dashboard .custom-dashboard__img,
#template-subcategory-detail #product-cta.custom-dashboard .custom-dashboard__text,
#templates-list #product-cta.custom-dashboard .custom-dashboard__img,
#templates-list #product-cta.custom-dashboard .custom-dashboard__text {
    display: inline-block;
    vertical-align: middle
}

#template-alternative-detail #product-cta.custom-dashboard .custom-dashboard__img,
#template-category-detail #product-cta.custom-dashboard .custom-dashboard__img,
#template-subcategory-detail #product-cta.custom-dashboard .custom-dashboard__img,
#templates-list #product-cta.custom-dashboard .custom-dashboard__img {
    margin-right: 50px
}

#template-alternative-detail #product-cta.custom-dashboard .custom-dashboard__img img,
#template-category-detail #product-cta.custom-dashboard .custom-dashboard__img img,
#template-subcategory-detail #product-cta.custom-dashboard .custom-dashboard__img img,
#templates-list #product-cta.custom-dashboard .custom-dashboard__img img {
    width: 291px
}

#template-alternative-detail #product-cta.custom-dashboard .custom-dashboard__text h2,
#template-category-detail #product-cta.custom-dashboard .custom-dashboard__text h2,
#template-subcategory-detail #product-cta.custom-dashboard .custom-dashboard__text h2,
#templates-list #product-cta.custom-dashboard .custom-dashboard__text h2 {
    color: #2d3237
}

#template-alternative-detail #product-cta.custom-dashboard .custom-dashboard__text p,
#template-category-detail #product-cta.custom-dashboard .custom-dashboard__text p,
#template-subcategory-detail #product-cta.custom-dashboard .custom-dashboard__text p,
#templates-list #product-cta.custom-dashboard .custom-dashboard__text p {
    color: #8e929b
}

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

    #template-alternative-detail #product-cta.custom-dashboard .custom-dashboard__img,
    #template-category-detail #product-cta.custom-dashboard .custom-dashboard__img,
    #template-subcategory-detail #product-cta.custom-dashboard .custom-dashboard__img,
    #templates-list #product-cta.custom-dashboard .custom-dashboard__img {
        margin-top: 70px
    }

    #template-alternative-detail #product-cta.custom-dashboard .custom-dashboard__text h2,
    #template-category-detail #product-cta.custom-dashboard .custom-dashboard__text h2,
    #template-subcategory-detail #product-cta.custom-dashboard .custom-dashboard__text h2,
    #templates-list #product-cta.custom-dashboard .custom-dashboard__text h2 {
        margin-top: 40px
    }
}

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

    #template-alternative-detail #product-cta.custom-dashboard .container,
    #template-category-detail #product-cta.custom-dashboard .container,
    #template-subcategory-detail #product-cta.custom-dashboard .container,
    #templates-list #product-cta.custom-dashboard .container {
        background: rgba(46, 193, 214, .15) !important
    }
}

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

    #template-alternative-detail #product-cta .container,
    #template-category-detail #product-cta .container,
    #template-subcategory-detail #product-cta .container,
    #templates-list #product-cta .container {
        background-color: #4066cf;
        background-image: none !important
    }
}

#template-alternative-detail .btn-blue-outline,
#template-category-detail .btn-blue-outline,
#template-subcategory-detail .btn-blue-outline,
#templates-list .btn-blue-outline {
    border-color: #1766c0;
    color: #1766c0
}

#template-alternative-detail .btn-white,
#template-category-detail .btn-white,
#template-subcategory-detail .btn-white,
#templates-list .btn-white {
    background: #fff;
    color: #4066cf;
    text-transform: none
}

#template-alternative-detail .btn-white:focus,
#template-alternative-detail .btn-white:hover,
#template-category-detail .btn-white:focus,
#template-category-detail .btn-white:hover,
#template-subcategory-detail .btn-white:focus,
#template-subcategory-detail .btn-white:hover,
#templates-list .btn-white:focus,
#templates-list .btn-white:hover {
    border-color: #fff;
    color: #4066cf
}

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

    #template-alternative-detail .btn,
    #template-category-detail .btn,
    #template-subcategory-detail .btn,
    #templates-list .btn {
        max-width: 100%;
        white-space: normal;
        margin-right: 15px;
        margin-left: 15px
    }
}

#template-category-detail #cta {
    padding-top: 110px;
    padding-bottom: 110px;
    background-color: #1766c0;
    text-align: center
}

#template-category-detail #cta h2,
#template-category-detail #cta p {
    color: #fff
}

#template-category-detail #cta h2 {
    font-size: 48px;
    margin-bottom: 40px
}

#template-category-detail #cta p {
    font-size: 22px;
    margin-bottom: 20px
}

#template-category-detail #product-cta {
    padding-top: 0;
    padding-bottom: 0
}

#template-category-detail .main-categories {
    text-align: center;
    padding-top: 95px;
    padding-bottom: 130px;
    background-color: rgba(46, 193, 214, .12)
}

#template-category-detail .main-categories h2 {
    text-align: center
}

#template-category-detail .main-categories p {
    font-size: 18px;
    line-height: 28px;
    color: #8e929b;
    text-align: center;
    margin-bottom: 48px
}

#template-alternative-detail #category-content h2,
#template-category-detail #category-content h2,
#template-subcategory-detail #category-content h2 {
    text-align: center;
    padding-bottom: 30px
}

#template-alternative-detail #category-content h2 span,
#template-category-detail #category-content h2 span,
#template-subcategory-detail #category-content h2 span {
    font-size: 36px;
    font-weight: 500 !important
}

#template-alternative-detail #category-content h2:not(:first-child),
#template-category-detail #category-content h2:not(:first-child),
#template-subcategory-detail #category-content h2:not(:first-child) {
    padding-top: 50px
}

#template-alternative-detail #category-content p,
#template-category-detail #category-content p,
#template-subcategory-detail #category-content p {
    font-size: 19px;
    line-height: 30px
}

#template-alternative-detail #category-content p:empty,
#template-category-detail #category-content p:empty,
#template-subcategory-detail #category-content p:empty {
    line-height: 0;
    margin-bottom: 0
}

#template-alternative-detail #category-content ul,
#template-category-detail #category-content ul,
#template-subcategory-detail #category-content ul {
    padding-left: 20px
}

#template-alternative-detail #category-content ul li,
#template-category-detail #category-content ul li,
#template-subcategory-detail #category-content ul li {
    font-size: 19px;
    line-height: 30px
}

@media only screen and (min-width:781px) {
    #template-subcategory-detail .wp-block-column:nth-child(2n) {
        margin-left: 0
    }

    #template-subcategory-detail .wp-block-column:nth-child(odd) {
        margin-left: 2em
    }
}

@media only screen and (min-width:600px) and (max-width:781px) {

    #template-alternative-detail .wp-block-column:nth-child(2n),
    #template-category-detail .wp-block-column:nth-child(2n) {
        margin-left: 0
    }

    #template-alternative-detail .wp-block-column:nth-child(odd),
    #template-category-detail .wp-block-column:nth-child(odd) {
        margin-left: 2em
    }
}

#template-subcategory-detail #top-integrations {
    padding-bottom: 0;
    text-align: center;
    font-size: 18px
}

#template-subcategory-detail #top-integrations h3 {
    font-size: 36px
}

#template-subcategory-detail #top-integrations .subtitle {
    margin-top: 50px;
    margin-bottom: 20px;
    font-weight: 400;
    letter-spacing: 5px;
    color: #8e929b;
    text-transform: uppercase
}

#template-subcategory-detail #top-integrations ul {
    list-style-type: none;
    margin-top: 20px;
    margin-bottom: 50px;
    padding: 0;
    color: #8e929b
}

#template-subcategory-detail #top-integrations ul li {
    display: inline-block
}

#template-subcategory-detail #top-integrations ul li:not(:last-child) {
    margin-right: 20px
}

#template-subcategory-detail #top-integrations ul img {
    width: 60px;
    height: 60px;
    border-radius: 50%
}

#template-subcategory-detail #examples .show-more {
    text-align: center;
    margin-top: 70px
}

#template-subcategory-detail .dbx-template-card {
    margin-top: 40px
}

#template-subcategory-detail .dbx-template-card--hidden {
    display: none
}

#template-subcategory-detail .dbx-template-card--bigger .dbx-template-card__title {
    font-size: 20px
}

#more-dashboard-examples {
    background: rgba(166, 176, 186, .1);
    text-align: center
}

#more-dashboard-examples h2 {
    font-size: 32px;
    font-weight: 400;
    color: #8e929b;
    margin-bottom: 60px
}

#more-dashboard-examples .col {
    display: inline-block;
    vertical-align: top;
    width: 13%;
    height: 125px
}

@media only screen and (max-width:992px) {
    #more-dashboard-examples .col {
        float: left;
        width: 25%
    }
}

@media only screen and (max-width:768px) {
    #more-dashboard-examples .col {
        float: left;
        width: 33%
    }
}

@media only screen and (max-width:576px) {
    #more-dashboard-examples .col {
        float: left;
        width: 50%
    }
}

@media only screen and (max-width:480px) {
    #more-dashboard-examples .col {
        width: 100%
    }
}

#more-dashboard-examples a {
    text-decoration: none
}

#more-dashboard-examples span {
    font-size: 14px;
    font-weight: 500;
    color: #8e929b
}

#more-dashboard-examples .icon {
    font-size: 50px;
    margin-bottom: 10px
}

#more-dashboard-examples .icon-wallet {
    color: #39b54a
}

#more-dashboard-examples .icon-dashboard-tv {
    color: #88c7d9
}

#more-dashboard-examples .icon-present-reporting {
    color: #1766c0
}

#more-dashboard-examples .icon-box-123 {
    color: #8e929a
}

#more-dashboard-examples .icon-store {
    color: #d7b17a
}

#more-dashboard-examples .icon-tie {
    color: #7540ab
}

#more-dashboard-examples .icon-crowd {
    color: #ffc168
}

#templates-filter {
    background-color: #f4f4f4
}

#templates-filter ul {
    list-style: none;
    font-size: 14px;
    line-height: 30px;
    margin: 0;
    padding: 8px 0
}

#templates-filter ul.dropdown-container {
    padding: 16px 8px;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    column-gap: 32px;
    row-gap: 16px
}

#templates-filter ul.dropdown-menu {
    border: none
}

#templates-filter .dropdown {
    display: inline-block;
    margin-right: 16px
}

#templates-filter .dropdown.open:before {
    content: '';
    position: absolute;
    width: 13px;
    height: 8px;
    bottom: 0;
    right: -15px;
    background-repeat: no-repeat;
    background-size: 13px 8px;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20preserveAspectRatio%3D%22xMidYMid%22%20width%3D%2229%22%20height%3D%2215%22%20viewBox%3D%220%200%2029%2015%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3Cstyle%3E%0A%20%20%20%20%20%20.cls-1%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20%23fff%3B%0A%20%20%20%20%20%20%20%20stroke%3A%20%23292929%3B%0A%20%20%20%20%20%20%20%20stroke-linejoin%3A%20round%3B%0A%20%20%20%20%20%20%20%20stroke-opacity%3A%200.25%3B%0A%20%20%20%20%20%20%20%20stroke-width%3A%201px%3B%0A%20%20%20%20%20%20%20%20fill-rule%3A%20evenodd%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%3C%2Fstyle%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cpath%20d%3D%22M115.497%2C342.016%20L-473.492%2C342.016%20C-479.019%2C342.016%20-483.500%2C337.539%20-483.500%2C332.016%20L-483.500%2C28.016%20C-483.500%2C22.493%20-479.019%2C18.016%20-473.492%2C18.016%20L6.211%2C18.016%20L5.605%2C18.015%20L17.610%2C3.989%20L30.467%2C18.016%20L115.497%2C18.016%20C121.024%2C18.016%20125.504%2C22.493%20125.504%2C28.016%20L125.504%2C332.016%20C125.504%2C337.539%20121.024%2C342.016%20115.497%2C342.016%20Z%22%20class%3D%22cls-1%22%2F%3E%0A%3C%2Fsvg%3E%0A");
    z-index: 1
}

#templates-filter .dropdown>a {
    position: relative;
    color: #8e929b;
    border-bottom: 1px solid transparent;
    font-size: 14px;
    text-transform: uppercase
}

#templates-filter .dropdown>a:active,
#templates-filter .dropdown>a:hover {
    color: #2d3237;
    text-decoration: none;
    border-color: #1679a6
}

#templates-filter .dropdown>a::before {
    position: absolute;
    right: -14px;
    top: 6px;
    font-size: 8px
}

#templates-filter .dropdown li {
    cursor: pointer
}

#templates-filter .dropdown li.selected {
    background-color: #f3f4f5
}

#templates-filter .dropdown li.selected a {
    color: #2d3237
}

#templates-filter .dropdown li.dropdown-submenu a::before {
    float: right;
    top: 6px;
    right: -10px;
    font-size: 8px;
    color: #8e929b
}

#templates-filter .dropdown li img {
    width: 18px;
    height: 18px;
    border-radius: 100%;
    display: inline-block;
    margin-right: 3px;
    position: relative;
    top: -2px
}

#templates-filter .dropdown li small {
    font-size: 12px
}

#templates-list .header {
    background-image: url('../img/templates/bg.jpg');
    background-position: center center;
    background-size: cover;
    text-align: left
}

#templates-list .header h1 {
    font-size: 55px;
    line-height: 60px;
    font-weight: 500
}

#templates-list .header p {
    font-size: 18px;
    line-height: 28px
}

@media only screen and (max-width:975px) {
    #templates-list .header img {
        margin: 50px auto;
        width: 250px
    }
}

#templates-list .main-categories {
    margin-top: 72px
}

#templates-list .integration-categories,
#templates-list .main-categories {
    margin-bottom: 72px
}

#templates-list .integration-categories__title,
#templates-list .main-categories__title {
    color: rgba(142, 146, 155, .8);
    font-size: 14px;
    margin: 0 !important;
    white-space: nowrap;
    display: flex;
    gap: 16px
}

#templates-list .integration-categories__title::after,
#templates-list .main-categories__title::after {
    content: "";
    right: 0;
    transform: translateY(50%);
    border-top: 1px dashed rgba(142, 146, 155, .5);
    width: 100%
}

#template-alternative-detail .header,
#template-category-detail .header,
#template-detail .header,
#template-subcategory-detail .header {
    height: 123px !important;
    min-height: 100px !important;
    padding: 0 !important;
    background-image: url('../img/templates/bg.jpg');
    background-position: center center;
    background-size: cover
}

#template-alternative-detail .subheader,
#template-category-detail .subheader,
#template-detail .subheader,
#template-subcategory-detail .subheader {
    text-align: left
}

#template-alternative-detail .subheader h1,
#template-category-detail .subheader h1,
#template-detail .subheader h1,
#template-subcategory-detail .subheader h1 {
    font-size: 55px;
    line-height: 60px;
    font-weight: 500
}

#template-alternative-detail .subheader p,
#template-category-detail .subheader p,
#template-detail .subheader p,
#template-subcategory-detail .subheader p {
    font-size: 18px;
    line-height: 28px;
    color: #8e929b
}

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

    #template-alternative-detail .subheader img,
    #template-category-detail .subheader img,
    #template-detail .subheader img,
    #template-subcategory-detail .subheader img {
        margin: 0 auto;
        width: 250px
    }
}

#template-detail .container {
    position: relative
}

#template-detail .subheader {
    margin-top: 80px
}

#template-detail .subheader h1 {
    text-align: center;
    font-size: 40px
}

#template-detail .subheader .by {
    text-align: center;
    margin: 40px 0;
    font-size: 16px;
    line-height: 20px
}

#template-detail .subheader .by img {
    display: inline-block;
    border-radius: 100%;
    width: 28px;
    height: 28px;
    margin-right: 4px
}

#template-detail .subheader .by a {
    color: inherit
}

#template-detail .subheader .by span {
    color: #8e929b;
    margin-right: 4px
}

#template-detail .subheader .description {
    text-align: center;
    font-size: 24px;
    line-height: 34px;
    color: #8e929b
}

#template-detail #shareCt {
    position: absolute;
    overflow: hidden;
    top: -1px;
    right: 30px
}

#template-detail #shareCt span {
    float: left;
    color: #8e929b;
    line-height: 22px;
    font-size: 13px;
    margin-right: 13px;
    font-weight: 400
}

#template-detail #shareCt a {
    float: right;
    position: relative;
    width: 22px;
    height: 22px;
    text-indent: -9999px;
    margin-left: 5px;
    color: #6f7279;
    font-size: 18px
}

#template-detail #shareCt a.icon-tw {
    font-size: 22px
}

#template-detail #shareCt a:before {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    line-height: 22px;
    text-align: center;
    text-indent: 0
}

#template-detail #shareCt a:hover {
    color: #1679a6
}

#template-detail .breadcrumbs {
    padding-left: 0
}

#template-detail #img a,
#template-detail #img img {
    display: block
}

#template-detail #img img {
    width: 100%
}

#template-detail #img a {
    position: relative
}

#template-detail #img a:before {
    opacity: 0;
    content: "Live view";
    width: 130px;
    height: 130px;
    border-radius: 100%;
    background: rgba(23, 102, 192, .7);
    color: #fff;
    font-size: 20px;
    line-height: 130px;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 70%;
    margin: -75px 0 0 -65px;
    transition: opacity .4s, top .6s;
    -o-transition: opacity .4s, top .6s;
    -ms-transition: opacity .4s, top .6s;
    -moz-transition: opacity .4s, top .6s;
    -webkit-transition: opacity .4s, top .6s
}

#template-detail #img a.hover:before,
#template-detail #img a:hover:before {
    opacity: 1;
    top: 50%
}

#template-detail #info h1 {
    font-size: 40px;
    line-height: 50px;
    color: #000;
    font-weight: 400;
    margin: -5px 0 17px
}

#template-detail #sources h3,
#template-detail #text h3 {
    font-size: 24px;
    line-height: 30px;
    margin-top: 1%
}

#template-detail #sources li,
#template-detail #sources p,
#template-detail #text li,
#template-detail #text p {
    font-size: 16px;
    line-height: 24px
}

#template-detail .contentRow {
    padding: 75px 0 95px
}

#template-detail .contentRow.noContent {
    padding: 60px 0 30px
}

#template-detail .contentRow.noContent #sources {
    float: none;
    width: 100%
}

#template-detail .contentRow.noContent #text {
    display: none
}

#template-detail #text ul {
    padding-left: 17px
}

#template-detail #text .gray-bg {
    background: #f4f5f9;
    border-radius: 5px;
    color: #000;
    padding: 18px 20px 24px 36px;
    font-weight: 400;
    margin-top: 27px
}

#template-detail #text .gray-bg ul {
    padding-left: 0
}

#template-detail #text.main-content {
    padding-right: 80px;
    font-size: 19px;
    line-height: 30px
}

#template-detail #text.main-content h2 {
    font-size: 36px;
    margin-top: 0;
    margin-bottom: 30px
}

#template-detail #text.main-content hr {
    margin-top: 60px;
    margin-bottom: 90px
}

#template-detail #text.main-content li,
#template-detail #text.main-content p {
    font-size: 19px;
    line-height: 30px
}

#template-detail #text.main-content p {
    margin-bottom: 30px
}

#template-detail #text.main-content ul.items-space-after li {
    margin-bottom: 30px
}

#template-detail #text.main-content ul.items-space-after li:last-child {
    margin-bottom: 0
}

@media only screen and (max-width:991px) {
    #template-detail #text.main-content {
        padding-right: 15px
    }
}

@media only screen and (max-width:767px) {
    #template-detail #text .left {
        margin-bottom: 30px
    }
}

#template-detail #info ul {
    list-style: none;
    padding: 17px 0 5px;
    margin: 0
}

#template-detail #info ul li {
    line-height: 50px;
    font-weight: 400;
    padding-top: 15px
}

#template-detail #info ul li img {
    float: left;
    border-radius: 4px;
    width: 50px;
    height: 50px;
    margin-right: 12px
}

#template-detail #info ul li span {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500
}

#template-detail #info ul li:first-child {
    padding-top: 0
}

#template-detail #info .btn {
    font-size: 16px;
    line-height: 24px
}

#template-detail .cat-ct {
    padding: 70px 0
}

#template-detail .btn-white {
    background: #fff;
    color: #1766c0;
    text-transform: none
}

#template-detail .btn-white:focus,
#template-detail .btn-white:hover {
    border-color: #fff;
    color: #1766c0
}

@media only screen and (max-width:991px) {
    #template-detail #info {
        padding-left: 15px
    }

    #template-detail #info h1 {
        font-size: 30px;
        line-height: 36px
    }

    #template-detail #info .desc {
        font-size: 20px;
        line-height: 22px;
        margin: 20px 0
    }

    #template-detail #info .btn {
        white-space: normal;
        padding: 5px 15px
    }

    #template-detail #img a {
        padding: 6px 7px 20px 8px
    }

    #template-detail #customize-section .main-content {
        padding-right: 15px
    }
}

@media only screen and (max-width:767px) {
    #template-detail #img {
        margin: 30px 0
    }

    #template-detail #info .btn {
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        -o-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        padding: 10px 30px
    }

    #template-detail .contentRow {
        padding-bottom: 30px
    }

    #template-detail #shareCt {
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        -o-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        float: left;
        margin: -20px 0 30px
    }

    #template-detail #customize-section .functionalities {
        display: none
    }
}

@media only screen and (max-width:480px) {
    #template-detail #info .btn {
        width: 100%
    }
}

#template-detail.experiment .breadcrumbs {
    margin-bottom: 15px
}

#template-detail.experiment .subheader {
    margin-top: 0;
    padding-top: 60px;
    padding-bottom: 75px;
    background-color: rgba(95, 140, 166, .1);
    background: linear-gradient(90deg, #fff 16%, rgba(95, 140, 166, .1) 60%, rgba(165, 190, 205, .1) 90%, #fff 100%)
}

#template-detail.experiment .subheader h1 {
    font-size: 55px;
    text-align: left
}

#template-detail.experiment .subheader .description {
    font-size: 18px;
    line-height: 28px;
    text-align: left;
    margin-top: 25px
}

#template-detail.experiment .subheader .btn {
    margin-top: 35px
}

#template-detail.experiment .subheader .custom-dashaboard {
    margin-top: 35px;
    margin-bottom: 35px
}

#template-detail.experiment .subheader .custom-dashaboard a {
    font-weight: 500;
    text-decoration: underline
}

#template-detail.experiment .subheader .template-item-subtitle {
    font-size: 13px;
    font-weight: 400;
    color: #8e929b;
    letter-spacing: 2px;
    padding: 20px 45px 0 45px;
    text-align: center
}

#template-detail.experiment .subheader .template-item-subtitle span {
    color: #2d3237
}

#template-detail.experiment .subheader #reviews-best-product {
    padding: 50px 0 0;
    font-size: 12px
}

#template-detail.experiment .subheader #reviews-best-product .col .score {
    margin-top: 30px;
    margin-bottom: 0
}

#template-detail.experiment .subheader #reviews-best-product .col .label1 {
    margin-top: 10px;
    margin-bottom: 0
}

#template-detail.experiment .subheader #reviews-best-product .img-container {
    padding-top: 0;
    height: auto;
    margin-bottom: 0
}

#template-detail.experiment .subheader #reviews-best-product .img-container .logo {
    height: 20px;
    margin-bottom: 10px
}

#template-detail.experiment .subheader #reviews-best-product .img-container .stars {
    width: 100px
}

#template-detail.experiment .subheader #reviews-best-product .img-container--no-stars img {
    height: auto
}

#template-detail.experiment h2 {
    font-size: 36px;
    line-height: 44px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 60px
}

#template-detail.experiment h3 {
    font-size: 30px;
    line-height: 38px;
    font-weight: 500
}

#template-detail.experiment .template-item {
    margin-top: 0
}

#template-detail.experiment .template-item__window {
    box-shadow: 1px 2px 12.75px 2.25px rgba(166, 176, 186, .5)
}

#template-detail.experiment .template-item__window .image img {
    width: 100%
}

#template-detail.experiment #template-tabs {
    padding: 80px 0
}

#template-detail.experiment #template-tabs .tabs-switcher__header li.selected {
    color: #4e4ea0;
    border-bottom-color: #4e4ea0
}

#template-detail.experiment #template-tabs .tabs-switcher__content {
    padding-top: 80px
}

#template-detail.experiment #template-tabs .tabs-switcher__content h2 {
    font-size: 30px;
    line-height: 38px;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 30px
}

#template-detail.experiment #template-tabs .tabs-switcher__content h2+p {
    font-size: 18px;
    line-height: 28px;
    color: #8e929b;
    margin-bottom: 50px
}

#template-detail.experiment #template-tabs .tabs-switcher__content .item h3 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    margin-bottom: 10px;
    margin-top: 0
}

#template-detail.experiment #template-tabs .tabs-switcher__content .item p {
    font-size: 16px;
    line-height: 24px;
    color: #2d3237
}

#template-detail.experiment #template-tabs .tabs-switcher__content .customize h2,
#template-detail.experiment #template-tabs .tabs-switcher__content .datasources h2,
#template-detail.experiment #template-tabs .tabs-switcher__content .overview h2 {
    text-align: left
}

@media (min-width:992px) {

    #template-detail.experiment #template-tabs .tabs-switcher__content .customize .col-md-3,
    #template-detail.experiment #template-tabs .tabs-switcher__content .datasources .col-md-3,
    #template-detail.experiment #template-tabs .tabs-switcher__content .overview .col-md-3 {
        width: 34%
    }

    #template-detail.experiment #template-tabs .tabs-switcher__content .customize .col-md-9,
    #template-detail.experiment #template-tabs .tabs-switcher__content .datasources .col-md-9,
    #template-detail.experiment #template-tabs .tabs-switcher__content .overview .col-md-9 {
        width: 66%
    }
}

#template-detail.experiment #template-tabs .tabs-switcher__content .overview h3 {
    margin-top: 10px
}

#template-detail.experiment #template-tabs .tabs-switcher__content .overview .item {
    padding-bottom: 45px
}

#template-detail.experiment #template-tabs .tabs-switcher__content .overview .item .icon::before {
    font-size: 50px
}

#template-detail.experiment #template-tabs .tabs-switcher__content .overview .item .icon-cup::before {
    color: #f87943
}

#template-detail.experiment #template-tabs .tabs-switcher__content .overview .item .icon-reporting::before {
    color: #52bae1
}

#template-detail.experiment #template-tabs .tabs-switcher__content .overview .item .icon-analyze-4::before {
    color: #00a99d
}

#template-detail.experiment #template-tabs .tabs-switcher__content .overview .item .icon-calendar-3::before {
    color: #7a44e6
}

#template-detail.experiment #template-tabs .tabs-switcher__content .kpis h2 {
    margin-bottom: 40px
}

#template-detail.experiment #template-tabs .tabs-switcher__content .kpis .item {
    border: 1px solid #e2e2e1;
    border-radius: 5px;
    padding: 20px 20px 10px;
    min-height: 195px;
    height: calc(100% - 30px);
    margin-bottom: 30px
}

#template-detail.experiment #template-tabs .tabs-switcher__content .datasources .item {
    margin-bottom: 30px
}

#template-detail.experiment #template-tabs .tabs-switcher__content .datasources .item__header {
    display: flex;
    align-items: center;
    margin-bottom: 20px
}

#template-detail.experiment #template-tabs .tabs-switcher__content .datasources .item__header h3 {
    margin-bottom: 0
}

#template-detail.experiment #template-tabs .tabs-switcher__content .datasources .item__header img {
    border-radius: 4px;
    width: 50px;
    height: 50px;
    margin-right: 12px;
    box-shadow: 2px 3px 25.5px 0 rgba(166, 176, 186, .5)
}

#template-detail.experiment #template-tabs .tabs-switcher__content .datasources .item:last-child {
    margin-bottom: 0
}

#template-detail.experiment #help {
    font-size: 18px;
    line-height: 28px
}

#template-detail.experiment #help h2 {
    text-align: left;
    margin-bottom: 25px
}

#template-detail.experiment #help ul {
    padding: 20px 0 0 20px
}

#template-detail.experiment #help ul li:not(:last-child) {
    margin-bottom: 15px
}

#template-detail.experiment #help .img-responsive {
    width: 450px;
    margin: auto
}

#template-detail.experiment #help .btn {
    width: 200px;
    font-size: 16px
}

@media only screen and (max-width:992px) {
    #template-detail.experiment .tabs-switcher__header li {
        font-size: 14px
    }
}

@media only screen and (max-width:480px) {
    #template-detail.experiment .subheader .btn {
        width: 100%;
        font-size: 14px
    }
}

#related-templates {
    background-color: #f4f5f9;
    padding-top: 50px
}

#related-templates h3 {
    font-size: 24px;
    margin-bottom: 20px
}

#related-templates a.next {
    position: absolute;
    right: 20px;
    top: 26px;
    padding-right: 30px;
    color: #8e929b
}

#related-templates a.next .icon:before {
    position: absolute;
    top: -2px;
    right: 4px;
    width: 24px;
    height: 24px;
    border: 1px solid #8e929b;
    text-align: center;
    line-height: 24px;
    border-radius: 100%;
    opacity: .7
}

#related-templates .template-ct .sources {
    display: none !important
}

#related-templates .template-ct .template-inner p {
    display: block;
    font-size: 14px;
    font-weight: 300;
    color: #8e929b;
    line-height: 20px
}

#related-templates .dbx-template-cards-section {
    margin-top: 48px
}

@media only screen and (max-width:991px) {
    #related-templates .template-ct:nth-child(5) {
        display: none
    }
}

@media only screen and (max-width:767px) {
    #related-templates h3 {
        margin-bottom: 20px
    }

    #related-templates a.next {
        display: block;
        position: relative;
        top: 0;
        left: 0;
        margin-bottom: 50px
    }

    #related-templates a.next .text {
        margin-right: 10px
    }

    #related-templates a.next .icon:before {
        position: relative
    }
}

#featured-templates {
    text-align: center
}

#featured-templates h2 {
    font-size: 40px;
    line-height: 40px;
    font-weight: 300;
    margin: 28px 0 20px
}

#featured-templates p.title {
    margin: 22px auto 55px;
    color: #8e929b;
    font-weight: 400
}

#featured-templates .template-ct {
    width: 345px !important;
    margin-bottom: 15px
}

#featured-templates .template-inner .info {
    margin-top: 25px
}

#featured-templates .template-inner p {
    display: block;
    font-size: 16px;
    line-height: 20px;
    color: #8e929b;
    font-weight: 300
}

#featured-templates a.allTemplates {
    text-transform: none;
    margin-top: 35px
}

@media only screen and (max-width:1199px) {
    #featured-templates .template-ct {
        width: 293px !important
    }
}

@media only screen and (max-width:991px) {
    #featured-templates .template-ct {
        width: 220px !important;
        margin-bottom: 50px
    }

    #featured-templates .template-inner p {
        display: none
    }
}

@media only screen and (max-width:767px) {
    #featured-templates .template-ct {
        float: none;
        width: auto !important
    }

    #featured-templates .template-inner p {
        display: block
    }
}

#datasource-templates {
    text-align: center
}

#datasource-templates.content {
    padding-top: 95px;
    padding-bottom: 130px
}

#datasource-templates h2 {
    text-align: center;
    margin-bottom: 20px
}

#datasource-templates p {
    font-size: 18px;
    line-height: 28px;
    color: #8e929b;
    text-align: center
}

#datasource-templates .layout-emphasized-blocks {
    padding: 30px 0 0
}

#datasource-templates .layout-emphasized-blocks .block {
    text-align: center
}

#datasource-templates .layout-emphasized-blocks .block .box {
    width: 206px;
    height: 206px;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    margin: 0 auto
}

#datasource-templates .layout-emphasized-blocks .block .box:hover span:before {
    opacity: 1
}

#datasource-templates .layout-emphasized-blocks .block .icon-ct {
    position: absolute;
    top: 18px;
    left: 0;
    right: 0;
    font-size: 44px;
    color: rgba(142, 146, 155, .5)
}

#datasource-templates .layout-emphasized-blocks .block .img-ct {
    margin: 0 auto;
    position: absolute;
    top: 34px;
    left: 0;
    right: 0;
    text-align: center
}

#datasource-templates .layout-emphasized-blocks .block img {
    display: inline-block;
    width: 48px;
    height: 48px;
    border-radius: 100%
}

#datasource-templates .layout-emphasized-blocks .block span:not(.icon) {
    display: block;
    font-size: 20px;
    line-height: 1.2;
    padding: 96px 20px 0;
    color: #2d3237;
    font-weight: 700;
    margin-bottom: 5px
}

#datasource-templates .layout-emphasized-blocks .block small {
    font-size: 13px;
    font-weight: 400;
    color: #1d9ad6
}

#customize-section h2,
#related-posts h2 {
    font-size: 36px;
    margin-top: 0;
    margin-bottom: 40px
}

#customize-section p,
#related-posts p {
    font-size: 19px;
    line-height: 30px;
    margin-bottom: 30px
}

#customize-section .container {
    padding-top: 100px;
    padding-bottom: 130px
}

#customize-section .main-content {
    padding-right: 80px
}

#customize-section .functionalities {
    font-size: 16px;
    line-height: 24px
}

#customize-section .functionalities ul {
    padding-left: 17px
}

#customize-section .img-responsive {
    max-width: 305px
}

@media only screen and (max-width:991px) {
    #customize-section .functionalities {
        padding-left: 15px;
        margin-bottom: 40px;
        min-height: 180px
    }

    #customize-section .functionalities .img-responsive {
        margin-right: 45px
    }
}

#related-posts {
    background-color: #f4f5f9
}

#related-posts .container {
    padding-top: 110px;
    padding-bottom: 120px
}

#related-posts ul {
    padding-left: 17px
}

#related-posts ul li {
    font-size: 19px
}

#related-posts ul li a {
    text-decoration: underline
}

#related-posts .img-responsive {
    max-height: 417px;
    padding-left: 80px
}

#related-posts .btn {
    white-space: normal
}

@media only screen and (max-width:991px) {
    #related-posts .img-responsive {
        padding-left: 15px;
        margin: 0 auto 40px
    }
}

#sources .source {
    margin-bottom: 60px
}

#sources .source__header {
    display: table;
    margin-bottom: 30px
}

#sources .source__header a,
#sources .source__header span {
    display: table-cell;
    vertical-align: top
}

#sources .source__header a {
    line-height: 52px
}

#sources .source__header img {
    border-radius: 4px;
    width: 50px;
    height: 50px;
    margin-right: 12px
}

#sources .source__header span {
    font-size: 20px;
    line-height: 26px
}

#sources .source__metrics-list {
    background-color: #f4f5f9;
    padding: 40px;
    border-radius: 8px
}

#sources .source__metrics-list strong {
    text-transform: uppercase
}

#sources .source__metrics-list li {
    margin-bottom: 20px
}

#sources .source__metrics-list li:last-child {
    margin-bottom: 0
}

#sources .source:last-child {
    margin-bottom: 0
}

@keyframes fade-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

#training h1 {
    font-size: 44px;
    line-height: 52px;
    font-weight: 400
}

#training h2 {
    font-size: 36px;
    line-height: 40px;
    font-weight: 500;
    margin-bottom: 20px
}

#training p {
    font-size: 18px;
    font-weight: 300;
    line-height: 28px;
    color: #8e929b;
    padding: 10px 0;
    margin: 0
}

#training p.text {
    color: #2d3237
}

#training .v-center {
    padding-top: 25%;
    padding-bottom: 25%
}

#training .h-center {
    margin-left: auto !important;
    margin-right: auto !important
}

#training .btn-ct {
    display: inline-block;
    font-size: 16px;
    line-height: 34px;
    font-weight: 500;
    letter-spacing: 1px;
    padding-left: 30px;
    padding-right: 30px;
    white-space: normal
}

#training .header {
    background-image: url('../img/training/bg.jpg');
    background-position: center center;
    background-size: cover
}

#training .header p {
    color: rgba(255, 255, 255, .75)
}

#training .header .embed {
    max-width: 550px;
    margin: 0 auto
}

#training .video-wrapper {
    min-height: 420px;
    height: 100%;
    border-radius: 5px;
    border: 1px solid #f3f4f5;
    background-color: #fff
}

#training .video-wrapper:active,
#training .video-wrapper:focus,
#training .video-wrapper:hover {
    cursor: pointer;
    box-shadow: 5px 7px 26.19px .81px rgba(0, 0, 0, .2);
    text-shadow: 5px 7px 26.19px rgba(0, 0, 0, .2)
}

#training .video-wrapper .video-container {
    position: relative
}

#training .video-wrapper .video-container .video-length {
    position: absolute;
    bottom: 10px;
    left: 10px;
    color: #fff;
    background: rgba(0, 0, 0, .8);
    border-radius: 3px;
    padding: 5px
}

#training .video-wrapper .video-container iframe,
#training .video-wrapper .video-container img {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

#training .video-wrapper .video-description {
    font-size: 13px;
    padding: 20px 0 40px
}

#training .video-wrapper .video-description__main {
    text-align: center;
    padding-bottom: 20px;
    border-bottom: 1px solid #f3f4f5
}

#training .video-wrapper .video-description__main .title {
    font-size: 24px;
    margin-bottom: 6px;
    font-weight: 600
}

#training .video-wrapper .video-description__main .runtime {
    color: #8e929b
}

#training .video-wrapper .video-description__lessons {
    margin: 25px 25px 0;
    list-style: none;
    padding: 0
}

#training .video-wrapper .video-description__lessons li {
    padding-left: 1.3em;
    margin-bottom: 5px;
    display: table
}

#training .video-wrapper .video-description__lessons li div,
#training .video-wrapper .video-description__lessons li span {
    font-size: 13px;
    line-height: 18px;
    font-weight: 400;
    display: table-cell
}

#training .video-wrapper .video-description__lessons li span {
    padding-right: 5px;
    color: #8e929b
}

#training .video-wrapper .video-description__lessons li span.text-label {
    padding-right: 0;
    width: 65px
}

#training .video-wrapper .video-description__lessons li div {
    font-weight: 500
}

#training .section-1 {
    padding: 70px 0 100px;
    background-color: #f3f4f5
}

#training .section-1 span.icon {
    font-size: 45px;
    line-height: 45px;
    color: #8e929b
}

#training .section-2 {
    padding: 100px 0;
    border-bottom: 1px solid #f3f4f5
}

#training .section-2 p {
    color: #2d3237
}

#training .section-2 .img-1 {
    width: 200px;
    float: right
}

#training .section-2 .img-2 {
    width: 155px;
    float: left
}

#training .section-2 .img-3 {
    width: 130px;
    float: right
}

#training .section-3 {
    padding: 100px 0;
    background: #fff;
    background: -webkit-linear-gradient(180deg, #fff 0, #fff 0, #f1f1f1 100%);
    background: linear-gradient(180deg, #fff 0, #fff 0, #f1f1f1 100%)
}

#training .section-3 .img-1 {
    width: 406px;
    float: right;
    margin-top: 25px
}

#training .section-3 .box {
    color: #2d3237;
    font-size: 16px;
    line-height: 24px
}

#training .section-3 .box span.icon {
    font-size: 45px;
    line-height: 45px
}

#training .section-3 .box h3 {
    position: relative;
    padding-left: 33px;
    margin-bottom: 30px
}

#training .section-3 .box h3:before {
    position: absolute;
    width: 23px;
    height: 23px;
    font-size: 16px;
    line-height: 22px;
    border-radius: 100%;
    text-align: center;
    padding-left: 1px;
    border: 1px solid;
    top: 0;
    left: 0
}

#training .section-3 .box.box-1 h3:before,
#training .section-3 .box.box-1 span.icon {
    color: #2e4797
}

#training .section-3 .box.box-1 h3:before {
    content: '1'
}

#training .section-3 .box.box-2 h3:before,
#training .section-3 .box.box-2 span.icon {
    color: #ee9228
}

#training .section-3 .box.box-2 h3:before {
    content: '2'
}

#training .section-3 .box.box-3 h3:before,
#training .section-3 .box.box-3 span.icon {
    color: #70b72d
}

#training .section-3 .box.box-3 h3:before {
    content: '3'
}

#training .section-3 .box ul {
    padding-left: 17px
}

#training .section-3 .box ul li {
    margin-bottom: 10px
}

#training .section-3 .box p {
    color: #2d3237;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 15px
}

#training .section-4 {
    padding: 100px 0;
    border-bottom: 1px solid #f3f4f5
}

#training .section-4 .img-1 {
    width: 280px;
    float: right;
    margin-top: 25px
}

#training .section-5 {
    padding: 100px 0
}

#training .section-5 .img-1 {
    width: 145px;
    margin-bottom: 30px
}

#training .section-thank-you {
    background-color: #f3f4f5;
    padding: 100px 0 50px
}

#training .section-thank-you span.icon {
    font-size: 45px;
    line-height: 45px;
    color: #8e929b
}

#training .section-thank-you .video-wrapper {
    margin: 0 auto 50px;
    max-width: 980px;
    width: 100%
}

#training .section-thank-you .video-wrapper .video-description {
    padding: 60px 25%
}

#training .section-thank-you .video-wrapper .video-description__main .title {
    font-size: 36px;
    line-height: 40px;
    font-weight: 600
}

#training .signupLabel {
    font-size: 24px
}

#training .hbspt-form {
    width: 100%;
    max-width: 460px;
    position: relative
}

#training .hbspt-form form.hs-form .no-list {
    list-style: none;
    padding-left: 10px
}

#training .hbspt-form form.hs-form .hs_email>label {
    display: none
}

#training .hbspt-form form.hs-form input.hs-input,
#training .hbspt-form form.hs-form select.hs-input,
#training .hbspt-form form.hs-form textarea.hs-input {
    position: relative;
    padding: 5px 215px 5px 15px;
    height: 46px;
    font-size: 16px;
    line-height: 34px;
    width: 99%;
    color: rgba(0, 0, 0, .75);
    border-radius: 6px;
    font-weight: 400;
    border: 1px solid rgba(0, 0, 0, .25);
    outline: 0
}

#training .hbspt-form form.hs-form input.hs-input::-webkit-input-placeholder,
#training .hbspt-form form.hs-form select.hs-input::-webkit-input-placeholder,
#training .hbspt-form form.hs-form textarea.hs-input::-webkit-input-placeholder {
    color: rgba(0, 0, 0, .25);
    font-style: italic
}

#training .hbspt-form form.hs-form input.hs-input:-moz-placeholder,
#training .hbspt-form form.hs-form select.hs-input:-moz-placeholder,
#training .hbspt-form form.hs-form textarea.hs-input:-moz-placeholder {
    color: rgba(0, 0, 0, .25);
    font-style: italic
}

#training .hbspt-form form.hs-form input.hs-input::-moz-placeholder,
#training .hbspt-form form.hs-form select.hs-input::-moz-placeholder,
#training .hbspt-form form.hs-form textarea.hs-input::-moz-placeholder {
    color: rgba(0, 0, 0, .25);
    font-style: italic
}

#training .hbspt-form form.hs-form input.hs-input:-ms-input-placeholder,
#training .hbspt-form form.hs-form select.hs-input:-ms-input-placeholder,
#training .hbspt-form form.hs-form textarea.hs-input:-ms-input-placeholder {
    color: rgba(0, 0, 0, .25);
    font-style: italic
}

#training .hbspt-form form.hs-form .hs_submit {
    position: absolute;
    top: 0;
    right: 0
}

#training .hbspt-form form.hs-form .hs_submit .actions {
    padding: 0;
    margin: 0
}

#training .hbspt-form form.hs-form .hs_submit .hs-button {
    height: 46px;
    font-size: 18px;
    font-weight: 400;
    line-height: 46px;
    background-color: #25a767;
    color: #fff;
    padding: 0 15px
}

#training .hbspt-form form.hs-form .hs_submit .hs-button:active,
#training .hbspt-form form.hs-form .hs_submit .hs-button:focus,
#training .hbspt-form form.hs-form .hs_submit .hs-button:hover {
    background-color: #20925a;
    color: #fff
}

#training .hbspt-form form.hs-form .hs-error-msgs label {
    color: #f76868
}

@media only screen and (min-width:768px) and (max-width:1200px) {
    #training .hbspt-form.w-col-sm-6 {
        width: 340px
    }

    #training .hbspt-form.w-col-sm-6 form.hs-form input.hs-input,
    #training .hbspt-form.w-col-sm-6 form.hs-form select.hs-input,
    #training .hbspt-form.w-col-sm-6 form.hs-form textarea.hs-input {
        padding-right: 15px;
        width: 100%
    }

    #training .hbspt-form.w-col-sm-6 form.hs-form .hs_submit {
        width: 100%;
        position: static;
        margin-top: 10px
    }

    #training .hbspt-form.w-col-sm-6 form.hs-form .hs_submit .hs-button {
        width: 100%
    }
}

@media only screen and (max-width:767px) {
    #training .text-center-xs {
        text-align: center
    }

    #training .h-center-xs {
        margin-left: auto !important;
        margin-right: auto !important
    }

    #training .container.narrow {
        padding-right: 15px;
        padding-left: 15px
    }

    #training .btn-ct {
        padding-left: 15px;
        padding-right: 15px
    }

    #training .section-2 .img-1,
    #training .section-2 .img-2,
    #training .section-2 .img-3 {
        margin: 0 auto;
        float: none
    }

    #training .section-3 .img-1 {
        margin: 0 auto;
        float: none
    }

    #training .section-4 .img-1 {
        margin: 0 auto;
        float: none
    }

    #training .section-5 .img-1 {
        margin: 50px auto;
        float: none
    }

    #training .section-thank-you .video-wrapper .video-description {
        padding: 20px 15px 25px
    }
}

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

    #training .hbspt-form form.hs-form input.hs-input,
    #training .hbspt-form form.hs-form select.hs-input,
    #training .hbspt-form form.hs-form textarea.hs-input {
        padding-right: 15px;
        width: 100%
    }

    #training .hbspt-form form.hs-form .hs_submit {
        width: 100%;
        position: static;
        margin-top: 10px
    }

    #training .hbspt-form form.hs-form .hs_submit .hs-button {
        width: 100%
    }
}

@keyframes fade-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.warmup ul {
    padding: 0
}

.warmup>.dbx-container {
    display: flex;
    flex-direction: row;
    gap: 96px 24px
}

.warmup>.dbx-container .sidebar {
    font-size: 16px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    width: 300px;
    gap: 24px;
    margin-top: 64px
}

@media screen and (max-width:960px) {
    .warmup>.dbx-container .sidebar {
        width: auto
    }
}

.warmup>.dbx-container .sidebar .widget_block {
    border-radius: 12px;
    border: 1px solid rgba(142, 146, 155, .2);
    padding: 8px
}

.warmup>.dbx-container .sidebar .wp-block-group .wp-block-group {
    padding: 8px
}

.warmup>.dbx-container .sidebar h2.has-background {
    margin: 0;
    padding: 18px 20px;
    border-radius: 8px
}

.warmup>.dbx-container .sidebar ul {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding-left: 40px
}

.warmup>.dbx-container .sidebar img {
    border-radius: 8px
}

.warmup>.dbx-container .sidebar .widget_block:last-of-type {
    position: sticky;
    top: 160px
}

.warmup>.dbx-container .sidebar .dbx-btn {
    display: block;
    margin: 0 auto;
    width: 100%
}

.warmup>.dbx-container .main-content {
    width: calc(100% - 300px - 24px)
}

@media screen and (max-width:960px) {
    .warmup>.dbx-container {
        flex-direction: column;
        gap: 64px 24px
    }

    .warmup>.dbx-container section:last-child {
        margin-bottom: 0
    }

    .warmup>.dbx-container .sidebar {
        margin-top: 0
    }

    .warmup>.dbx-container .sidebar .dbx-btn {
        width: max-content
    }

    .warmup>.dbx-container .main-content {
        width: auto
    }
}

@media screen and (max-width:1400px) {
    .warmup>.dbx-container {
        padding-inline: 16px
    }
}

@media screen and (min-width:960px) and (max-width:1200px) {
    .warmup h2 {
        font-size: 2rem;
        line-height: 2.5rem
    }
}

.warmup>.dbx-container .dbx-container {
    padding: 0
}

@media screen and (min-width:768px) {
    .warmup>.dbx-container .dbx-container .dbx-container {
        padding-inline: 0
    }
}

@media screen and (min-width:1440px) {
    .warmup>.dbx-container .dbx-container .dbx-container {
        max-width: 100%
    }
}

@media screen and (min-width:1024px) {
    .warmup .dbx-grid>.dbx-sm-col-6 {
        grid-column: span 6
    }
}

@media screen and (min-width:1200px) {
    .warmup .dbx-grid>.dbx-md-col-4 {
        grid-column: span 4
    }
}

@media screen and (min-width:1400px) {
    .warmup .dbx-grid>.dbx-lg-col-3 {
        grid-column: span 3
    }
}

.warmup .dbx-agency-integrations-section__img-container {
    display: flex;
    flex-wrap: wrap
}

.warmup .dbx-agency-integrations-section__img-container img {
    width: 140px;
    height: auto
}

@media screen and (min-width:1200px) {
    .warmup .dbx-agency-integrations-section__img-container img {
        width: 220px;
        height: auto
    }
}

.warmup .dbx-agency-integrations-section__card-container {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1px))
}

.warmup .dbx-quote-2-section,
.warmup .dbx-quote-section,
.warmup .dbx-templates-preview-section {
    background: 0 0;
    padding: 0;
    margin-block: 64px
}

@media screen and (min-width:768px) {

    .warmup .dbx-quote-2-section,
    .warmup .dbx-quote-section,
    .warmup .dbx-templates-preview-section {
        margin-block: 96px
    }
}

.warmup .dbx-title-text-button-section .dbx-container {
    padding: 24px
}

@media screen and (min-width:768px) {
    .warmup .dbx-title-text-button-section .dbx-container {
        padding: 48px
    }
}

.warmup .dbx-feature-highlight-section .dbx-container {
    padding-inline: 24px
}

@media screen and (min-width:768px) {
    .warmup .dbx-feature-highlight-section .dbx-container {
        padding-inline: 48px
    }
}

.warmup .dbx-quote-2-section .dbx-case-study-quote {
    padding-inline: 48px
}

@media screen and (min-width:1200px) {
    .warmup .dbx-quote-2-section .dbx-case-study-quote {
        padding-inline: 96px
    }
}

@media screen and (min-width:768px) {
    .warmup .dbx-repeater-card-section .dbx-grid>.dbx-sm-col-6 {
        grid-column: span 12
    }
}

@media screen and (min-width:1200px) {
    .warmup .dbx-repeater-card-section .dbx-grid>.dbx-md-col-4 {
        grid-column: span 12
    }
}

@media screen and (min-width:768px) {
    .warmup .dbx-solution-cards .dbx-enhanced-card--row {
        flex-direction: column
    }
}

@media screen and (min-width:1024px) {
    .warmup .dbx-solution-cards .dbx-enhanced-card--row {
        align-items: stretch
    }
}

@media screen and (min-width:1200px) {
    .warmup .dbx-solution-cards .dbx-enhanced-card--row {
        flex-direction: row;
        align-items: center
    }

    .warmup .dbx-solution-cards .dbx-enhanced-card--row .dbx-enhanced-card__media-container {
        flex: 0 1 50%
    }
}

.warmup .dbx-repeater-icon-card-section .dbx-grid {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    align-self: stretch;
    gap: 16px
}

.warmup .dbx-repeater-icon-card-section .dbx-grid>.dbx-lg-col-3,
.warmup .dbx-repeater-icon-card-section .dbx-grid>.dbx-md-col-6,
.warmup .dbx-repeater-icon-card-section .dbx-grid>.dbx-sm-col-12,
.warmup .dbx-repeater-icon-card-section .dbx-grid>.dbx-xl-col-2 {
    grid-column: span 1
}

@keyframes fade-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

#why-us ul {
    padding-inline-start: 0;
    margin-bottom: unset
}

#why-us li {
    list-style: none
}

#why-us p {
    font-size: 1rem;
    margin: 0
}

#why-us h1,
#why-us h2,
#why-us h3,
#why-us h4,
#why-us h5,
#why-us h6 {
    margin: 0
}

#why-us strong {
    font-weight: 700
}

#why-us .dbx-solution-hero-header {
    background: url("/wp-content/themes/visoflow/inc/img/solutions/header-bottom.svg") no-repeat bottom, linear-gradient(185deg, #7347ea 6.79%, #c757ad 125.6%, #e3716d 198.73%);
    background-size: contain
}

#why-us .dbx-solution-hero-header .hero-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    padding: 172px 0 130px
}

#why-us .dbx-solution-hero-header .title {
    color: #fff;
    font-size: 56px;
    line-height: 60px;
    max-width: 70%;
    text-align: center
}

#why-us .dbx-solution-hero-header .dbx-hero-tag {
    display: none
}

#why-us .dbx-solution-hero-header .subtitle {
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    max-width: 70%;
    text-align: center
}

#why-us .dbx-solution-hero-header .dbx-btn {
    margin-top: 20px;
    min-width: 200px
}

#why-us .dbx-container {
    max-width: 840px;
    margin-bottom: 88px
}

@media screen and (min-width:1024px) {
    #why-us .dbx-container {
        padding-inline: 0
    }
}

#why-us .section__title {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 24px
}

#why-us .methods .dbx-card {
    background-color: #f3f4f5;
    padding: 48px;
    box-shadow: unset
}

#why-us .methods .dbx-card .dbx-card__img-container {
    display: none
}

#why-us .methods .dbx-card__title {
    font-size: 1.375rem !important;
    font-weight: 700;
    margin-top: 0 !important
}

#why-us .methods .dbx-card__text {
    color: #1b2024
}

#why-us .needs .dbx-card {
    background-color: #f3f4f5
}

#why-us .needs .dbx-card__title {
    font-size: 21px
}

#why-us .values .dbx-card__title {
    font-size: 1.125rem !important;
    font-weight: 700
}

#why-us .fields__field-title {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 32px
}

#why-us .fields .dbx-card__title {
    font-size: 1.125rem !important;
    font-weight: 700
}

#why-us .impact__list {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 40px;
    border-radius: 24px;
    width: 100%;
    background: linear-gradient(106deg, hsla(272, 49%, 55%, .1) -4%, hsla(347, 55%, 63%, .1) 89.91%)
}

#why-us .impact__list .icon {
    padding-right: 10px
}

#why-us .impact__list li {
    display: flex;
    align-items: center;
    list-style: none
}

#why-us .impact__list .icon-check::before {
    color: #9154c3
}









.w-60 {
    width: 60%;
}

.w-66 {
    width: 66.66666%;
}

.w-100 {
    width: 100%;
}

.flex {
    display: flex;
}

hr.vertical {
    height: 0;
}

hr.xl {
    height: 64px;
}

hr {
    border: 0;
    margin: 0
}

hr.xl {
    height: 64px
}

hr.l {
    height: 44px
}

hr.m {
    height: 26px
}

hr.s {
    height: 16px
}

hr.xs {
    height: 4px
}

hr.vertical {
    height: 0
}

hr.vertical.xl {
    min-width: 64px
}

hr.vertical.l {
    min-width: 44px
}

hr.vertical.m {
    min-width: 26px
}

hr.vertical.s {
    min-width: 16px
}

hr.vertical.xs {
    min-width: 4px
}

.col>hr:last-child {
    display: none
}

.flex {
    display: flex
}

.none {
    display: none
}

.fd-c {
    flex-direction: column
}

.fd-r {
    flex-direction: row
}

.fw-w {
    flex-wrap: wrap
}

.jc-fs {
    justify-content: flex-start
}

.jc-fe {
    justify-content: flex-end
}

.jc-c {
    justify-content: center
}

.jc-sb {
    justify-content: space-between
}

.jc-sa {
    justify-content: space-around
}

.ai-fs {
    align-items: flex-start!important
}

.ai-fe {
    align-items: flex-end
}

.ai-c {
    align-items: center
}

.as-fs {
    align-self: flex-start
}

.as-fe {
    align-self: flex-end
}

.as-c {
    align-self: center
}

form {
    width: 100%
}

form label,form .label {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
    color: #ab2f8d;
    font-size: 12px
}

form .input {
    width: 100%
}

form input,form textarea {
    width: 100%;
    max-width: 100%;
    padding: 12px 24px;
    background: #ffffff;
    border: 0;
    border-radius: 4px;
    box-shadow: 0 2px 4px #000000;
    font-family: poppins,sans-serif;
    font-size: 16px;
    font-weight: 300;
    outline: none;
    resize: none
}

form input[type=submit] {
    cursor: pointer
}

form textarea {
    min-height: 150px
}

form input::placeholder,form textarea::placeholder {
    color: #C0BEB6
}

form .checkboxc {
    display: flex
}

form .checkboxc input {
    width: 13px;
    min-width: 13px;
    height: 13px;
    margin-right: 10px
}

form .checkboxc label {
    display: block;
    margin: 0
}

form .required label:after,form .required .label:before {
    display: block;
    width: 5px;
    height: 5px;
    margin-left: 10px;
    border-radius: 100%;
    background: #1D9AD6;
    content: ''
}

form .required .label:before {
    margin-left: 0;
    margin-right: 10px
}

form .terms .terms__additional {
    padding-left: 26px;
    font-size: 11px;
    line-height: 15px;
    color: #ffd52b
}

form .terms a {
    color: #ffd52b;
    font-weight: 500;
    transition: var(--transition)
}

form .terms .terms__additional a:hover {
    color: var(--black)
}

form .success {
    position: absolute;
    top: 100%;
    right: 0;
    display: none;
    margin-top: 20px;
    color: #fff3eb;
    font-weight: 400;
    text-align: right
}

form label, form .label {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
    color: #fff3eb;
    font-size: 12px;
}

* {
    -webkit-font-smoothing: antialiased;
    position: relative;
    box-sizing: border-box;
}

.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
    position: absolute;
    margin-left: -20px;
}